@charset "utf-8";

/*↓↓基本設定↓↓*/

body{
	font-size: 87.5%;
	color: #000;
	width: 100%;
	height:auto;
	margin: 0 auto;
	position:relative;
	font-family:"Meiryo", "Hiragino Kaku Gothic ProN", sans-serif;
}
header, nav, h1, h2, h3, h4, h5, main, figure, figcaption, img, a, ul, li, p, footer, div, table, tr, th, td, figure, figcaption{
	margin:0px;
	padding:0px;
}
a{
	text-decoration: none;
	color:#000;
}
ul{
	list-style-type:none;
}
img{
	display:block;
}
iframe{
	width:100%;
}

/*↓↓ヘッダー↓↓*/

header{
	position:fixed;
	width:100%;
	height:110px;
	background-color:#fff;
	z-index:9999;
	box-shadow:0px 4px 10px 2px #fff;
}
h1{
	font-size:12px;
	position:absolute;
	top:0;
	left:10px;
}

/**会社ロゴ**/
#logo{
	display:block;
	width:40%;
	float:left;
	margin-top:16px;
	margin-left:8px;
}
#logo img{
	width:100%;
}

/**SNSボタン**/
#sns{
	float:left;
	width:25%;
	overflow:hidden;
	margin-top:30px;
}
#sns a{
	float:left;
	margin-right:8px;
}
#sns a img{
	width:32px;
}

/**お問い合わせ電話番号**/
#tel{
	float:right;
	width:30%;
	margin-right:16px;
}
#tel img{
	width:100%;
}

/*↓↓ナビメニュー↓↓**/

nav{
	clear:both;
	width:100%;
	height:auto;
	background: #305ea9;
  	background-image: -webkit-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: -moz-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: -ms-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: -o-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: linear-gradient(to bottom, #aecfe4, #0071bd);
}
nav ul{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	 *zoom: 1;
	border-right:1px solid #fff;
}
nav ul li{
	display:inline;
	float:left;
	text-align:center;
	border-left:1px solid #fff;
}
nav ul li a{
	padding:5px 13px;
	font-size:13px;
	font-weight:bold;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	background: #0071bd;
  	background-image: -webkit-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: -moz-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: -ms-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: -o-linear-gradient(top, #aecfe4, #0071bd);
  	background-image: linear-gradient(to bottom, #aecfe4, #0071bd);
	border-bottom:none;
}
nav ul li a:hover{
	color: #0071bd;
	background: #ffffff;
 	 background-image: -webkit-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -moz-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -ms-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -o-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: linear-gradient(to bottom, #7ccdf3, #ffffff);
}
#index #nav-index a,
#info #nav-info a,
#product #nav-product a,
#product-pickup #nav-product a,
#print #nav-print a,
#photography #nav-photography a,
#event #nav-event a,
#event2 #nav-event a,
#event3 #nav-event a{
	color: #0071bd;
	background: #ffffff;
 	 background-image: -webkit-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -moz-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -ms-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -o-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: linear-gradient(to bottom, #7ccdf3, #ffffff);
}

/**スマホのみ表示・ナビSNS**/
.none{
	display:none;
}

/*↓↓スライド↓↓*/

/**トップページのスライド**/
#slid{
    overflow:hidden;
    position:relative;
    width:100%;
    margin:0;
}
#slider #slider{
    position:relative;
    margin:0;
}
.bx-wrapper {
    margin:0 auto;
    position:relative;
}
.bx-wrapper .bx-pager {
    margin:0 auto;
    width:100%;
    background:#fff;
}

/**写真撮影・イベント・キャンペーンのスライド**/
#event #slid,
#photography #slid{
    position: static;
    margin:0;
}
#event #slider #slider,
#photography #slider #slider{
    position: static;
    width: 100%;
    margin:0 auto;
}


/*↓↓レイアウト用↓↓*/

#main{
	width:100%;
	z-index:9001;
	padding-top:110px;
}
#container{
	background-color:#fff;
	width:100%;
	margin: 0 auto 72px auto;
	padding:0 auto;
    	overflow: hidden;
}
main{
	width:95%;
	margin:0 auto;
}
aside{
	width:90%;
	margin:0 auto;
}
section{
	width:95%;
	margin:0 auto;
	margin-bottom:32px;
	padding-left: 16px;
	overflow:hidden;
}
article{
	width:100%;
	margin-bottom:16px;
	overflow:hidden;
}
aside section,
aside article{
	margin-top: 0;
	padding-top: 0;
}
.left,
.left-l{
	width:50%;
	float:left;
}
.right,
.right-l{
	width:50%;
	float:right;
}
.half{
	width:50%;
	float:left;
}
.half-right{
	width:50%;
	float:right;
}
.left img,
.left-l img,
.right img,
.right-l img{
	width:95%;
	height:auto;
}
.clear{
	clear:both;
}

/*↓↓見出し↓↓*/

h2{
	width:100%;
	border-left:5px solid rgb(0, 113, 189, 0.2);
	border-bottom: 3px solid #0071bd;
	padding-left:5px;
	font-size:130%;
}
h3{
	width:100%;
	padding-left:5px;
	margin:8px 0;
	font-size:120%;
	border-left:5px solid rgb(124, 205, 243, 0.6);
	border-bottom:1px solid #7ccdf3;
}
h4{
	width:100%;
	margin:8px 0;
	padding:0 8px;
	color:#0071bd;
	font-size:110%;
	border-left:5px solid #0071bd;
	border-bottom:1px dashed #0071bd;
}


/*↓↓リンク装飾↓↓*/

/**文字色変え**/
.blue-red{
	color:#0071bd;
}
.blue-red:hover {
   text-decoration:underline;
   color:#e60019;
}

/**透過**/
.opacity{
	display:block;
}
.opacity:hover{
	opacity:0.7;
}

/**文字ボックスリンク・青**/
.botton{
	display:inline-block;
	padding:8px;
	border:1px solid #0071bd;
	border-radius:2px;
	color: #0071bd;
	font-weight:900;	
}
.botton:hover{
	color: #006199;
	background: #ffffff;
 	 background-image: -webkit-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -moz-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -ms-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -o-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: linear-gradient(to bottom, #7ccdf3, #ffffff);	
}

/**文字ボックスリンク・ピンク（さくら用）**/
.botton-sakura{
	display:inline-block;
	padding:8px;
	border:1px solid #ef4165;
	border-radius:2px;
	color: #ef4165;
	font-weight:900;	
}
.botton-sakura:hover{
	color: #ef4165;
	background: #ffffff;
 	 background-image: -webkit-linear-gradient(top, #f7d9d9, #ffffff);
  	background-image: -moz-linear-gradient(top, #f7d9d9, #ffffff);
  	background-image: -ms-linear-gradient(top, #f7d9d9, #ffffff);
  	background-image: -o-linear-gradient(top, #f7d9d9, #ffffff);
  	background-image: linear-gradient(to bottom, #f7d9d9, #ffffff);	
}

/**文字ボックスリンク・緑（さいと翔店用）**/
.botton-saitosyoten{
	display:inline-block;
	padding:8px;
	border:1px solid #008809;
	border-radius:2px;
	color: #008809;
	font-weight:900;	
}
.botton-saitosyoten:hover{
	color: #008809;
	background: #ffffff;
 	 background-image: -webkit-linear-gradient(top, #90C31F, #ffffff);
  	background-image: -moz-linear-gradient(top, #90C31F, #ffffff);
  	background-image: -ms-linear-gradient(top, #90C31F, #ffffff);
  	background-image: -o-linear-gradient(top, #90C31F, #ffffff);
  	background-image: linear-gradient(to bottom, #90C31F, #ffffff);	
}

/**LINE友だち追加ボタン**/
.line-botton{
	display:none;
}


/*↓↓その他装飾↓↓*/


/**見出し下の概要文（太字）**/
.overview{
	width:98%;
	margin:4px auto;
	text-align:left;
	font-weight:bold;
}

/**特設ページ等メイン画像（中央揃え）**/
.main-img{
	width:100%;
	height:auto;
}

/**特設ページ等紹介文（太字）**/
.em{
	font-size:200%;
	font-weight:bold;
}

/**赤下線見出し（イベント記事等）**/
.sub-line{
	width:100%;
	margin:4px auto;
	font-size:130%;
	font-weight:bold;
	border-bottom:2px solid #e60019;
	text-align:center;
}

/**背景灰色見出し（イベント記事等）**/
.box{
	width:100%;
	font-weight:bold;	
	background-color:#ccc;
	text-align:center;
}

/**中央揃え（特設ページ上部紹介文・イベント記事）**/
.center{
	text-align:center;
}

/**テーブル・案内表（店舗情報・各アクセスなど）**/
.venue-guide{
	margin:8px;
	width:100%;
}
.venue-guide caption{
	text-align: left;
	font-weight: bold;
}
.venue-guide tr{
	width:100%;
}
.venue-guide th{
	width:10%;
	padding:8px;
	background-color:#ccc;
}
.venue-guide td{
	text-align:left;
	padding:8px;
}

/**テーブル・見出し丸**/
.circle-head{
	width:100%;
}
.circle-head tr{
	display:block;
	width:570px;
	margin-bottom:8px;
}
.circle-head tr th{
	text-align:center;
	width:155px;
	height:155px;
	border-radius:50%;
	background: #eee;	
}
.circle-head tr .green{
	background: #e5ffe5;	
}
.circle-head tr td{
	padding:10px;
	width:400px;
}


/**テーブル・フローチャート**/
.flowchart{
	width:100%;
}
.flowchart tr{
	display:block;
	width:100%;
	margin-bottom:10px;
}
.flowchart tr th{
	text-align:center;
	font-size:120%;
	width:130px;
	padding:8px;
}
.flowchart tr .flow-triangle{
	margin:2px auto 2px auto;
	width:100px;
	border-top: 30px solid #7ccdf3;
	border-left: 50px solid transparent ;
	border-right: 50px solid transparent ;
	box-sizing: border-box;
}
.flowchart tr .flow-last{
	width:100px;
	height:10px;
	margin:2px auto 2px auto;
	background-color:#7ccdf3;
}
.flowchart tr td{
	vertical-align:top;
	padding:10px;
	width:700px;
	border-top: 2px dotted #eee;
}


/**●付リスト**/
.disc-list{
	width:90%;
	margin-left:32px;
	list-style-type:disc;
}

/**行間広め文（紹介文）**/
.line-wide{
	line-height:180%;
}

/**文字ボックス・赤**/
.red-box{
	display:inline;
	background-color:#e60019;
	color:white;
	font-weight:bold;
	margin-right:4px;
	padding:2px 5px;
	border-radius: 3px;
}



/**文字ボックス・緑**/
.blue-box{
	display:inline;
	background-color:#305ea9;
	color:white;
	font-weight:bold;
	margin-right:4px;
	padding:2px 5px;
	border-radius: 3px;
}

/**文字ボックス・黄色**/
.yellow-box{
	display:inline;
	background-color:yellow;
	color:#000;
	font-weight:bold;
}

/**文字ボックス・白**/
.white-box{
	display:inline-block;
	background-color:#fff;
	color:#000;
	margin-right:4px;
	padding:10px;
	border-radius: 3px;
}
/**手順リスト・グレー背景・下点線**/
.procedure{
	width:95%;
	padding:16px 10px 10px 10px;
	background-color: #f5f5f5;
	border-radius:8px;
}
.procedure li{
	margin: 0 8px 10px 8px;
	text-indent:-1em;
	padding-left:1em;
	padding-bottom:8px;
	font-size:15px;
	border-bottom: 1px dotted #333;	
}
.procedure .list-title{
	margin-left:0px;
	font-size:18px;
	font-weight:bold;
	border: none;
}
.procedure :last-child{
	border: none;	
}
/*↓↓サイドメニュー↓↓*/

.menu {
    	width:100%;
    	margin: 5px auto;
    	padding: 0;
}
label {
    	display: block;
	width:95%;
    	margin: 0 auto 4px auto;
    	padding :8px;
    	line-height: 1;
    	border-radius:2px;
	border:1px solid #7ccdf3;
	border-left:5px solid #7ccdf3;
    	font-weight:bold;
	cursor :pointer;
	font-size:110%;
}
label:hover{
 	background-image: -webkit-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -moz-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -ms-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: -o-linear-gradient(top, #7ccdf3, #ffffff);
  	background-image: linear-gradient(to bottom, #7ccdf3, #ffffff);
}

.accordion {
    display: none;
}

.menu ul {
    width: 100%;
    margin: 0 auto;
    overflow:hidden;
}
.menu li {
    max-height: 0;
    width:45%;
    margin: 0 8px 0 0;
    float:left;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.menu li a{
	width:100%;
	height:auto;
	margin:0 auto;
}
.menu li a img{
	width:100%;
	margin: 0 0 10px 0;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li{
    max-height: 300px;
    opacity: 1;
}

/**サイドメニュー・店舗情報**/
#links05 .store{
	width:100%;
	clear:both;
}
#menu_bar05:checked ~ #links05 .store{
    max-height:100%;
    opacity: 1;
}
.store h4{
	width:100%;
	margin:4px auto;
}
.store p{
	width:100%;
	clear:both;
}
.store table{
	width:100%;
	margin:0 auto;
}
.store table tr{
	width:100%;
	margin:0;
}
.store table tr th{
	width:30%;
	padding:4px 8px;
	background-color:#dcdcdc;
	margin:0;
}
.store table tr td{
	width:70%;
	text-align:left;
	padding-left:4px;
	margin:0;
}
.store .opacity{
	width:30px;
	float:left;
	margin:4px 0;
	margin-left:4px;
}
.store .opacity img{
	width:30px;
}
.store .botton{
	display:inline-block;
	width:auto;
	padding:2px;
	margin:4px 0;
	margin-left:8px;
	float:left;
}
.store .pay-img{
	width:70px;
	margin:0;
	float:left;
}

/**サイドメニュー・リンク**/
#links06 .link{
	width:95%;
	clear:both;
	text-align:center
}
#links06 .link a{
	display:block;
	width:100%;
}
#links06 .link a img{
	width:320px;
	margin: 0 auto 16px auto;
}
#menu_bar06:checked ~ #links06 .link{
    max-height:280px;
    opacity: 1;
}

/*ページジャンプ*/
.jump-link{
	display: block;
	position: relative;
	top: -145px;
	visibility: hidden;
	margin-top: 16px;
}

/*ページトップへ戻るボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
}
#page-top a {
	display: block;
	width:90px;
	padding-top:105px;
	height:0px;
    	color:rgba(255,255,255,0);
	background-color:rgba(255,255,255,0.5);
	border-radius:5px;
	background-image:url(../images/page-top90-210.png);
	background-repeat:no-repeat;
}
#page-top a:hover {
	background-position: 0 -105px;
}



/*↓↓パンくずリスト↓↓*/

/*パン屑リスト*/
#breadcrumbs{
	width:100%;
	margin:16px auto;
	margin-left:16px;
	text-align:left;
	color:#000;
	overflow:hidden;
}
#breadcrumbs li{
	font-size:100%;
	display:inline;
	font-weight:bold;	
}
#breadcrumbs li:after{
	content: " > ";
	color: #777;
}
#breadcrumbs li:last-child{
	color: #0071bd;
}
#breadcrumbs li:last-child:after{
	content: " ";
}
#breadcrumbs li a:hover{
	color:#0071bd;	
}


/*↓↓アイコンメニュ－（プリント、写真撮影、イベント・キャンペーン上部）↓↓*/

/**アイコンメニュ－**/
.menu-nav{
	width: 20%;
	float: left;
	margin:8px 10px;
	overflow: hidden;
}
.menu-nav .opacity{
	width: 100%;
}
.menu-nav .opacity img{
	width: 100%;
}
.menu-nav ul{
	width: 100%;
	font-weight: bold;
}
.menu-nav ul li{
	width: 100%;
	margin-bottom: 5px;
	font-size: 65%;
	padding-left: 5px;
	color: #666;
}
.menu-nav ul li a{
	display: block;
	width: 90%;
	color: #0071bd;
	font-size: 120%;
	border: 1px solid #0071bd;
	border-radius: 3px;
	margin-bottom: 4px;
	text-align: center;
	padding: 4px 0;  
}
.menu-nav ul li a:hover{
	color: #e60019;
}
.menu-nav ul li .opacity{
	border:none;
}
.menu-nav ul li .opacity img{
	width: 95%;
}
.menu-nav ul li .menu-nav-s{
	margin: 0 5px;
	color: #444;
	border: none;
	text-align: left;
}

/**写真撮影・アイコンメニュー**/
#photography .menu-nav ul li{
	font-size: 70%;
	margin-bottom: 0;
}
#photography .menu-nav ul li a{
	font-size: 140%;
}
#photography .menu-nav ul li .menu-nav-s{
	display: block;
	width: 80%;
	margin: 0 4px;
	color: #081076;
	font-size:110%;
	text-align: left; 
}
/**プリント・アイコンメニュー**/

#print .print-only .menu-nav{
	display: block;
	margin-top:16px;
	width: 200px;
	text-align :center;
}
#print .print-only .menu-nav a{
	display: block;
	width: 190px;}
#print .print-only .menu-nav a:hover{
	display: block;
	width: 190px;
	border:1px solid #0071bd;
	border-radius: 10px;
}
#print .print-only .menu-nav a img{
	width: 180px;
	margin: 5px auto;
	text-align: center;
}
#print .print-only .menu-nav p{
	width:180px;
	font-size: 16px;
	line-height : 20px;	
	margin: 8px auto;
	padding :0;
}
/*↓↓フォトギャラリー↓↓*/

/**フォトギャラリー**/
.photos table{
	width:100%;
}
table tr td{
	width:25%;
}
.photos table tr td a img{
	width:80% !important;
	height:80% !important;
	object-fit:cover !important;;
}



/*↓↓フッター↓↓*/

footer{
	clear: both;
	width:100%;
	background-color:#0071bd;
	color:#fff;
}
footer #footer-main{
	width:95%;
	margin:0 auto;
	overflow:hidden;
}
footer #footer-main ul{
	width:30%;
	float:left;
	margin-left:16px;
	font-size:80%;
}
footer #footer-main ul li{
	width:90%;
	margin:10px auto;
	padding-left:5px;
}
footer #footer-main ul li:first-child{
	border-bottom:2px solid #fff;
}
footer #footer-main ul li a{
	color:#fff;
}
footer #footer-main ul li a:hover{
	color:#7ccdf3;
}
footer #footer-bottom{
	margin-top:50px;
	padding-bottom:10px;
	width:100%;
	border-top:1px solid #fff;
}
footer #footer-bottom a{
	color:#fff;
	font-size:80%;
	margin-left:20px;
}
footer #footer-bottom a:hover{
	color:#7ccdf3;
}

/*メールフォーム*/

.mailform input[type="text"]{
	padding:8px;
}
.mailform .large-input{
	width:350px;
}
.mailform .medium-input{
	width:200px;
}
.mailform .small-input{
	width:150px;
	height:10px;
}
.mailform input[type="radio"]{	
	transform: scale(1.3);
	margin:8px 4px 8px 0;
}
.mailform input[type="checkbox"]{
	transform: scale(1.3);
	margin:8px 4px 8px 0;
}
.mailform textarea{
	padding:8px;
	border:1px solid #000;
	border-radius:3px;
}
.mailform .text-area1{
	margin-top:24px;
	width:550px;
	height:300px;
}
.mailform .text-area2{
	width:550px;
	height:100px;
}
.mailform .submit_area{
	width:100%;
}
.mailform .submit_area .confirmation_btn{
	font-size:18px;
	width:200px;
	padding:4px;
	margin-top:20px;
	font-weight: bold;
	border:1px solid #999;
	border-radius:3px;
}
.mailform .submit_area .confirmation_btn:hover{
	opacity:0.8;
}
.blue-table,
.green-table{
	width:600px;
	border-radius:3px;
}
.blue-table caption,
.green-table caption{
	text-align:left;
	font-size:100%;
	font-weight:bold;
	margin: 20px 0 5px 0;
}
.blue-table tr{
	width:100%;
}
.blue-table th{
	background-color: #0071bd;
	color:#fff;
	padding: 4px 8px;
}
.blue-table td{
	background-color: #ebf6fd;
	padding: 10px 10px;
}
.green-table tr{
	width:100%;
}
.green-table th{
	background-color: #009e96;
	color:#fff;
	padding: 4px 8px;
}
.green-table td{
	background-color: #fbf5ee;
	padding: 10px 10px;
}
.blue-table td label,
.green-table td label{
	display: inline;
	line-height:35px;
	padding:0;
	border:none;
	font-weight:bold;
}
.mailform label:hover{
	background-image:none;

}
/**スケジュール・テーブル青**/
#schedule .blue-table{
	width:90%;
	border: 2px solid #000;
	margin-bottom:32px;
	border-collapse: collapse;
}
#schedule .blue-table caption{
	font-size:24px;
}
#schedule .blue-table tr{
	border: 2px solid #000;
}
#schedule .blue-table tr th{
	text-align:center;
	border: 1px solid #000;
}
#schedule .blue-table tr td{
	border: 0.5px solid #000;
}
#schedule .blue-table tr .date{
	font-weight:bold;
	width:88px;
}
#schedule .blue-table tr .detail{
	width:60%;
	background-color:#fff;
}


/*↓↓トップページ↓↓*/

/**トップページ・リンク集**/
#link{
	display:none
}

/**お知らせ**/
.notice{
	width:100%;
}
.notice img{
	width:95%;
	margin:8px auto;
}
aside .notice{
	display:none;
}
/**新着情報ボックス装飾**/
#news-box{
    width: 95%;
    height: 250px;
    padding: 8px;
    margin: 8px auto;
    background-color:#f9f9e3;
    border-radius:2px;
    border:1px solid #0071bd;
    overflow:scroll;
}
#news-box li{
	margin:5px;
       padding:8px 0 16px 7em;
	text-indent: -7em;
 	border-bottom:1px solid #0071bd;
}
#news-box li span {
   display:inline-block;
   width:7em;
   text-indent:0;
}
#news-box li a:hover {
   text-decoration:underline;
   color:#e60019;

}

/**サイトーくんリンク**/
#mascot{
	margin:20px;
}
#mascot a{
	display: block;
	width:240px;
	padding-top:100px;
	height:0px;
	color:#fff;
	background-image:url(../images/saito-kun.jpg);
	background-repeat:no-repeat;
}
#mascot a:hover{
	background-position: 0 -100px;
}
/**サイト―くん・トップ表示なし**/
#index #mascot{
	display:none;
}


/*↓↓会社概要↓↓*/

/**会社概要・表**/
.gray-table{
	width:95%;
	margin:4px;
}
.gray-table th{
	width:10%;
	background-color:#ccc;
	text-align:center;	
	padding:8px;
}
.gray-table td{
	background-color:#fafafa;
	padding:8px;
}

/**サイト―くん**/
#info #mascot{
	margin-top:80px;
}

/*店舗情報*/
div{
	overflow: hidden;
}


/*↓↓取扱商品↓↓*/

.product .right{
	overflow:hidden;
}
.product .right ul{
	float:left;
	width:50%;
	margin-bottom:24px;
	text-align:center;
}
.product .right ul li{
	width:90%;
}

/*スマホのみ表示（オススメ商品一覧へボタン）*/
.none-link{
	display:none;
}

/**取扱商品・商品一覧内プリント・写真撮影アイコンメニュー**/
.product-list .menu-nav{
	clear: both;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.product-list .menu-nav .opacity{
	width: 120px;
	float: left;
}
.product-list .menu-nav .opacity img{
	width: 120px;
}

/*おすすめ商品*/
#product-pickup .introduction .left,
#product-pickup .introduction .left-l{
	width:50%;
	float:left;
}
#product-pickup .introduction .right,
#product-pickup .introduction .right-l{
	width:50%;
	float:right;
}
.introduction img{
	width:90%;
	margin:8px;
}
.introduction .line-wide{
	width:95%;
	padding:10px;
}

/*オススメ商品・取扱商品情報*/
.pickup-goods{
	overflow:hidden;
}
.pickup-goods figure{
	width: 30%;
	height:550px;
	border: 2px solid #ddd;
       background-color: #f9f9f7;
	border-radius: 5px;
	float: left;
	margin-right:8px;
}
.pickup-goods figure a{
	width: 95%;
	margin:4px auto;
}
.pickup-goods figure a img{
	width: 100%;
}
.pickup-goods figure figcaption{
	width: 95%;
	margin:4px auto;
	font-size:120%;
	font-weight: bold;
	text-align: center;
}
.pickup-goods figure .disc-list{
	margin-left: 30px;
}

/**取扱商品・DVDダビング**/
.dubbing{
	overflow:hidden;
}
.dubbing-item img{
	float:left;
	width:30%;
	
}


/*↓↓プリントページ↓↓*/

/**プリントページ画像・中央揃え**/
#print img{
	margin:0px auto;
}


/**プリント・価格表**/
.pricelist{
	width:100%;
	clear:both;
	overflow:hidden;
}
.pricelist-item{
	width:25%;
	float:left;
	font-size:120%;
}
.sheet{
	width:90%;
	font-weight:bold;
	background-color:#fffdc5;
	text-align:center;
	border-radius:0px;
	margin:0 auto;
}
.size{
	width:100%;
	text-align:center;
}
.print-price{
	width:100%;
	font-size:32px;
	font-weight:bold;
	text-align:center;
}


/*↓↓写真撮影↓↓*/

/**スタジオ撮影・アイコンメニュー**/
.studio-link{
	width:100%;
}

/**価格表**/
.price-table{
	margin:8px auto;
	border-collapse:collapse;
	border:1px solid #000;
	width:99%;
	text-align:center;
}
.price-table tr{
	padding:16px auto;
}
.price-table th{
	background-color:#aecfe4;
	color:#000;
	padding:8px;
	font-size:120%;
}
.price-table .th2{
	width:50px;
	background-color:#fffdc5;
	color:#000;
	padding:8px;
}
.price-table td{
	background-color:#fff;
	border:1px solid #000;
	font-size:150%;

}
.price-table .td-wide{
	width:150px;
	font-size:110%;
	text-align:left;
	padding: 8px;
}
.price-table .detail{
	text-align:left;
	padding:8px;
	font-size:100%;
	width:55%;
	border-bottom: double;
}
.price-table .table-block{
	width:50%;
}
.price-table caption{
	font-weight:bold;
	color:#0071bd;
	text-align:left;
	font-size:120%;
	
}

#photography .id-photo-price .price-table .detial{
	width:50%;
	border-bottom:1px solid;
	text-align:left;
}
#photography .id-photo-price .price-table .disc-list{
	font-size:13px;
}
#photography .id-photo-price .price-table .disc-list li{
	margin-left:4px;
	margin-bottom:0;
	width:100%;
}

#print .price-table td{
	width:80px;
}
/*↓↓イベント・キャンペーン↓↓*/

/**イベント・キャンペーンのSNS**/
.sns{
	width: 95%;
	overflow: hidden;
	margin: 16px auto;
}
.sns .opacity{
	width: 50px;
	float: left;
	margin-right: 16px;
}
.sns .opacity img{
	width: 50px;
}


/*↓↓イベントアルバム↓↓*/

/**イベントアルバム・最新記事の画像サイズ**/
.album-news .left img{
	width:80%;
	margin:3px auto;
}

/**イベントアルバム・イベント記事一覧**/
.event-articles{
	width:90%;
	margin-bottom: 24px;
}
.event-articles li{
	width:100%;
	margin:8px 0;
	padding:8px;
	font-weight:bold;
	border-bottom:1px solid #0071bd;
}

/**イベントアルバム特設ページ・スタッフより**/

.album-head h2{
	margin-bottom:8px;
}

.log{
	margin-right:8px;
	font-size:120%;
}
.name{
	text-align:right;
}
#event .right-l .botton{
	margin-top:20px;
}


/*↓↓フォトコンテスト↓↓*/

/**フォトコンテスト・応募募集ページ**/
#event .half h3{
	width:95%;
}
#event .half .notes{
	width:90%;
	padding-left:2em;
}
#event .half .notes li{
	text-indent:-2em;
}

/**フォトコンテスト結果発表・受賞者リスト**/
#winner-list{
	width:90%;
	margin-left:20px;
}
#winner-list li{
	width:100%;
	margin:10px 0;
	font-weight:bold;
}
#winner-list li a{
	color:#0071bd;
	display:inline-block;
	margin-right:15px;
}

/**フォトコンテスト結果発表・作品紹介**/
.winners{
	width:100%;
	overflow:hidden;
	height:auto;
	margin-bottom:80px;
}
.title{
	display:block;
	width:80%;
	font-size:150%;
	font-weight:bold;
	margin:20px auto 0 auto;
	text-align: center;
}
.winner-name{
	display:block;
	width:80%;
	font-size:120%;
	margin:10px auto;
	text-align: center;
}

/**作品紹介・コメント有り**/
.winners .winner-img{
	width:100%;
}
.winners .winner-img img{
	margin: 5px auto;
}
.winners .winner-log{
	width:100%;
	text-align: center;
}
.winners .winner-log .comment{
	width: 70%;
	text-align: left;
	margin: 10px auto;
}

/**作品紹介・コメント無し**/
.winners .half{
	text-align: center;
}
.winners .half div{
	width:100%;
	height:250px;
 	position: relative;
}
.winners .half div img{
	 position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
}

/**賞リボン基本(リボンのカラーはHTMLで変更)**/
.ribbon{
    display: inline-block;
    position: relative;
    width:80%;
    height: 40px;/*リボンの高さ*/
    line-height: 40px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    background-color: #305ea9;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    font-weight:bold;
    box-sizing: border-box;
    margin-top:15px;
}
.ribbon:before, .ribbon:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.ribbon:before{
    top: 0;
    left: 0;
    border-width: 20px 0px 20px 10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.ribbon:after{
    top: 0;
    right: 0;
    border-width: 20px 10px 20px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}