@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,
 picture{
	margin:0px;
	padding:0px;
}
p{
	padding-left:8px;
}
a{
	text-decoration: none;
	color:#000;
}
ul{
	list-style-type:none;
}



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

header{
	position:fixed;
	width:100%;
	height:136px;
	background-color:#fff;
	z-index:9999;
}
@media print{
	header{
		position: absolute;
	}
}
h1{
	font-size:12px;
	position:absolute;
	top:0;
	left:10px;
}

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

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

/**お問い合わせ電話番号**/
#tel{
	float:right;
	width:288px;
	margin-top:16px;
	margin-right:8px;
}


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

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);
	box-shadow:0px 4px 10px 2px #fff;
}
nav ul{
	width:100%;
	display: table;
	table-layout: fixed;
	 *zoom: 1;
}
nav ul li{
	width:160px;
	display: table-cell;
	box-sizing: border-box;
	text-align:center;
	border-left:1px solid #fff;
}
nav ul li a{
	display:block;
	width:100%;
	padding:5px 0;
	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;
    width:100%;
    margin:0;
}
#slid #slider{
    position:relative;
    left:50%;
    width:3132px;
    margin:0;
    margin-left:-1566px;
}
#slid #slider .slider{
	width:1024px;
}
.bx-wrapper {
    margin:0 auto;
    position:relative;
}
.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1024px;
    background:#fff;
}
#index .bx-wrapper img {
	width:1024px;
	display: block;
}

/**取扱商品・写真撮影・イベント・キャンペーンのスライド**/
#event #slid,
#photography #slid,
#product #slid{
    overflow:hidden;
    width:100%;
    margin:0;
}
#event #slid #slider,
#photography #slid #slider,
#product #slid #slider{
    position: relative;
    left:0;
    width: 780px;
    margin:0 auto;
}
#event #slid #slider .slider,
#photography #slid #slider .slider,
#product #slide #slider .slider{
    width:780px;
}
#event .bx-wrapper .bx-pager,
#photography .bx-wrapper .bx-pager,
#product .bx-wrapper .bx-pager{
    width:780px;
}
#event .bx-wrapper img,
#photography .bx-wrapper img,
#product .bx-wrapper img{
	width:780px;
	display: block;
}



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

#main{
	width:100%;
	z-index:9001;
	padding-top:150px;
}
#container{
	background-color:#fff;
	width:1024px;
	margin: 0 auto 72px auto;
	padding:0 auto;
    	overflow: hidden;
	text-align:left;
}
main{
	width:784px;
	float:left;
	margin-right:32px;
	overflow:hidden;
}
#index main{
	margin-right:0;
	margin-left:32px;
}
section{
	width:100%;
	margin-bottom:32px;
	overflow:hidden;
}
article{
	width:100%;
	margin-bottom:60px;
	overflow:hidden;
}
.left{
	width:380px;
	margin-right:24px;
	float:left;
}
.left img{
	width:380px;
	height:auto;
}
.left-l{
	width:620px;
	margin-right:24px;
	float:left;	
}
.right{
	width:380px;
	float:right;
}
.right img{
	width:380px;
	height:auto;
}
.right-l{
	width:620px;
	float:right;
}
.one-third{
	width:248px;
	float:left;
	margin-right:20px;
}
.one-third-l{
	width:248px;
	float:right;
	margin:0;
}
.half{
	width:50%;
	float:left;
}
.half-right{
	width:50%;
	float:right;
}
.clear{
	clear:both;
}

/**サイド**/
aside{
	width:208px;
	float:left;
	overflow:hidden;
}
aside img{
	width:190px;
}
aside section,
aside article{
	margin-top: 0;
	padding-top: 0;
}
aside div{
	margin-bottom: 32px;
}




/*↓↓見出し↓↓*/

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%;
	margin: 8px 0;
	padding-left:5px;
	font-size:115%;
	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.8;
}

/**文字ボックスリンク・青**/
.botton{
	display:inline-block;
	margin-bottom:4px;
	padding:4px 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:4px 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:4px 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:99%;
	margin:8px auto;
	font-weight:bold;
	text-align:left;
	font-size:110%;
}

/**特設ページ等メイン画像（中央揃え）**/
.main-img{
	margin:0 auto 8px 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;
}

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

/**字下げ（証明写真・追加焼増し）**/
.margin{
	margin-left:8px;
}

/**●付リスト**/
.disc-list{
	width:90%;
	margin-left:20px;
	list-style-type:disc;
	text-align:left;
}
.disc-list li{
	margin-bottom:4px;
}

/**スケージュール・テーブル青内・●付リスト**/
#schedule .blue-table .disc-list{
	width:100%;
	overflow:hidden;
	margin-left:0;
}
#schedule .blue-table .disc-list li{
	display : inline-box;
	float:left;
	margin-left:20px;
	margin-right:16px;

}



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

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



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

/**文字ボックス・黄色**/
.yellow-box{
	display:inline-block;
	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;
}

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

/**テーブル・青、緑**/

.blue-table,
.green-table{
	width:80%;
	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;
}
.blue-table td label{
	font-weight:bold;
}
.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;
}
.green-table td label{
	font-weight:bold;
}


/**スケジュール・テーブル青**/
#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;
}


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


/**テーブル・フローチャート**/
.flowchart{
	width:100%;
}
.flowchart tr{
	display:block;
	width:100%;
	margin-bottom:10px;
}
.flowchart tr th{
	text-align:center;
	font-size:120%;
	width:140px;
	padding:8px;
}
.flowchart tr .flow-triangle{
	margin:2px auto 2px auto;
	width:60px;
	border-top: 20px solid #7ccdf3;
	border-left: 50px solid transparent ;
	border-right: 50px solid transparent ;
	box-sizing: border-box;
}
.flowchart tr .flow-last{
	width:70%;
	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;
}

/*アコーディオンメニュー*/
.menu {
    width:100%;
    margin: 5px auto;
    padding: 0;
}
.menu label {
    	display: block;
	width:85%;
    	margin: 0 auto 4px 0;
    	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%;
}
.menu 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);
}

.menu input {
    display: none;
}

.menu ul {
    width: 212px;
    margin: 0 auto;
    overflow:hidden;
}
.menu li {
    max-height: 0;
    width:100px;
    margin-right:6px;
    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:100px;
	margin:0 auto;
}
.menu li a img{
	width:100px;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li{
    max-height: 150px;
    opacity: 1;
}

/**アコーディオンメニュー・店舗情報**/
#links05 .store{
	width:100%;
	clear:both;
}
#menu_bar05:checked ~ #links05 .store{
    max-height:400px;
    opacity: 1;
}
.store h4{
	width:90%;
}
.store p{
	font-weight:bold;
	padding-left:4px;
	clear:both;
}
.store table{
	width:208px;
	margin:0 auto;
}
.store table tr{
	width:100%;
}
.store table tr th{
	width:64px;
	padding:4px;
	background-color:#dcdcdc;
	text-align:center;
}
.store table tr td{
	padding-left:4px;
}
.store .opacity{
	width:24px;
	float:left;
	margin:4px 0 4px 4px;
}
.store .opacity img{
	width:24px;
}
.store .botton{
	width:auto;
	padding:2px;
	margin:4px 0 4px 4px;
	float:left;
}
.pay-img{
	width:70px;
	margin:0;
	float:left;
}

/**アコーディオンメニュー・リンク**/
#links06 .link{
	width:208px;
	font-size:85%;
	font-weight:bold;
	clear:both;
	text-align:center;
}
#links06 .link a{
	width:190px;
}
#links06 .link a img{
	width:190px;
}
#menu_bar06:checked ~ #links06 .link{
    max-height:212px;
    opacity: 1;
}

/**アコーディオンメニュー・リンク（トップページでは消す）**/
#index label[for="menu_bar06"]{
	display:none;
}
#index #links06 .link{
	display:none;
}
#index #menu_bar06:checked ~ #links06 .link{
	display:none;
}

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



/*ページトップへ戻るボタン*/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 50px;
}
#page-top a {
	display: block;
	width:90px;
	padding-top:105px;
	height:0px;
    	color:rgba(255,255,255,0);
	background-image:url(../images/page-top90-210.png);
	background-repeat:no-repeat;
}
#page-top a:hover {
	background-position: 0 -105px;
}



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

#breadcrumbs{
	width:1024px;
	margin:0 auto;
	margin-bottom: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:after{
	content: " ";
}
#breadcrumbs li a{
	color:#0071bd;
}
#breadcrumbs li a:hover{
	color: #e60019;
}


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

.menu-nav{
	width: 150px;
	height: 300px;
	float: left;
	margin: 10px 40px 0 0;
}
.menu-nav .opacity{
	width: 150px;
}
.menu-nav .opacity img{
	width: 150px;
}
.menu-nav ul{
	width: 150px;
	font-weight: bold;
}
.menu-nav ul li{
	width: 100%;
	margin-bottom: 5px;
	font-size: 85%;
	padding-left: 8px;
	color: #666;
}
.menu-nav ul .overview{
	color: #000;
	font-size:95%;
}
.menu-nav ul li a{
	width: 100%;
	color: #0071bd;
	font-size: 120%;
}
.menu-nav ul li a:hover{
	color: #e60019;
}
.menu-nav ul li .menu-nav-s{
	display: block;
	margin: 0 5px;
	color: #081076;
}
.menu-nav ul li .menu-nav-s:hover{
	color: #e60019;
}

/**取扱商品・アイコンメニュー**/
#product .menu-nav{
	height:auto;
}
/**プリント・アイコンメニュー**/
#print .menu-nav ul li .menu-nav-s{
	font-size:90%;
	display: block;
	margin: 0 5px;
}

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




/**写真撮影・アイコンメニュー**/
#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: inline;
	margin: 0 4px;
	font-size:110%;
}

/**プリント・アイコンメニュー**/

#print .print-only .menu-nav{
	display: block;
	margin-top:16px;
	width: 200px;
	height: 350px;
	text-align :center;
}
#print .print-only .menu-nav a{
	display: block;
	width: 200px;
	height: 300px;
}
#print .print-only .menu-nav a:hover{
	display: block;
	width: 200px;
	height: 300px;
	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{
	width:100%;
	overflow:hidden;
}
.photos table{
	width:100%;
}
/**フォトギャラリー・スタジオ撮影個別ページ**/
.photos h2{
	margin-bottom:8px;
}

/**<ul>のフォトギャラリー**/
.photo-gallery{
	overflow:hidden;
}
.photo-gallery li{
	float:left;
	margin:8px;
}



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

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:15%;
	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"]{
	margin-top:8px;
}
.mailform input[type="checkbox"]{
	margin-top:8px;
}
.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:100%;
	width:80px;
	padding:4px;
	margin-top:20px;
	font-weight: bold;
	border:1px solid #999;
	border-radius:3px;
}
.mailform .submit_area .confirmation_btn:hover{
	opacity:0.8;
}


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

/**トップページ・リンク集**/
#link p{
	margin-top: 8px;
	font-weight: bold;
}
#link .opacity img{
	margin: 0 auto;	
}


/**お知らせ**/
.notice{
	width:100%;
	margin:16px auto;
}
.notice img{
	width:780px;
	margin:4px auto;
}
aside .notice{
	display:none;
}

/**新着情報**/
#news-box{
    width: 95%;
    height: 450px;
    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 a{
	display: block;
	width:200px;
	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;
}



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

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

/**リンク・サイトーくん**/
#info #mascot{
	margin-top:80px;
}

/**店舗情報ＳＮＳ画像**/
#info .left .sns .opacity{
	width:50px;
	float:left;
	margin-right:8px;
}

/**店舗情報ＱＲコード画像**/
#info .left .pay-img{
	width:50px;
	margin:0 0 8px 8px;
	float:left;
}

/**齋藤写真舘ネットサービスリンク**/
#info .phst-banner{
	width:190px;
}

/**リンクバナー**/
#info .link-banner{
	width:283px;
}


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

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

/*ネットショップリンクバナー*/
#product .netshop .opacity{
	width:283px;
}
#product .netshop .opacity img{
	width:283px;
}

/*オススメ商品*/
.introduction .line-wide{
	width:98%;
	padding:8px;
}
.introduction .half img,
.introduction .half-right img{
	width:100%;
	height:auto;
}

/*オススメ商品・イベント情報*/
#product-pickup .pickup-event .right{
	width:620px;
	margin:8px 0;
	float:right;
}

/*オススメ商品・取扱商品情報*/
.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;
}

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

/**プリント・価格表**/
.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;
}

/*プリント・フィルム（画像）*/
.film-img{
	width:100%;
	text-align:center;
}

/*プリント・フィルム（価格表1段目見出しの間に空白を）*/
#print .left h4{
	width:95%;
}
#print .one-third li h4{
	width:90%;
}

/*プリント個別ページ*/

#print .center p{
	font-size : 16px;
	line-height : 35px;
	margin-bottom: 16px;
}
#print .print-only .right-l .app .opacity{
	width:	200px;
}
#print .print-only p{
	font-size : 16px;
	line-height : 30px;	
}
#print .print-only .em{
	display: inline-block;
	margin-top:24px;
	margin-bottom:24px; 
	font-size : 25px;
	line-height : 35px;	
}
.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;	
}
/*↓↓写真撮影↓↓*/

/**スタジオ撮影・アイコンメニュー**/
.studio-link{
	width:100%;
	clear: both;
	overflow: hidden;
} 
.studio-link .menu-nav{
	height:170px;
}

/**テーブル・価格表**/
.price-table{
	border-collapse:collapse;
	text-align:center;
	width:780px;
}
.price-table th{
	border:1px solid #000;
	background-color:#aecfe4;
	padding:8px;
	font-size:120%;
}
.price-table .th2{
	background-color:#fffdc5;
}
.price-table td{
	border:1px solid #000;
	font-size:150%;
	padding: 8px 0;
}
.price-table caption{
	font-weight:bold;
	color:#0071bd;
	text-align:left;
	font-size:120%;
	
}
.price-table .td-wide{
	width:300px;
	text-align:left;
	padding-left:8px;
	font-size:100%;
	vertical-align: top;
}
#print .price-table td{
	width:150px;
}
.price-table .td-wide{
	width:300px;
	text-align:left;
	padding-left:8px;
	font-size:100%;
	vertical-align: top;
}
#photography .price-table td{
	width:200px;
}
#photography .price-table .td-wide{
	font-size:110%;
	width:560px;
	text-align:left;
	padding: 8px;
}
.price-table .detail{
	text-align:left;
	padding:8px;
	font-size:100%;
	border-bottom: double;
}
#print .price-table{
	width:600px;
}
#print .photobook .price-table,
#print .variety-print .price-table,
#print .coyomi .price-table{
	width:700px;
}

/**カレンダー価格表**/
#calendar-product .price-table{
	margin-top:16px;
	width:780px;
}
#calendar-product .price-table .td-wide{
	width:350px;
	padding:8px;
}



/**証明写真・価格表**/
.id-photo-price .price-table{
	width: 800px;
}
.id-photo-price .price-table .th2{
	width:200px;
}
#photography .id-photo-price .price-table .detial{
	width:50%;
	border-bottom:1px solid;
}
#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%;
}



/*↓↓イベント・キャンペーン↓↓*/

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

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

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

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

/**イベントアルバム・特設ページ**/

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

.log{
	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:0 0 40px 8px;
}
#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:50%;
	height:400px;
	float:left;
 	position: relative;
}
.winners .winner-img img{
	 position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
}
.winners .winner-log{
	width:50%;
	height:400px;
	float:right;
	padding-top:50px;
}
.winners .winner-log .title{
	margin:25px 0 10px 0;
}
.winners .winner-log .winner-name{
	margin: 0 0 35px 0;
}
.winners .winner-log .comment{
	margin-left:8px;
	width: 80%;
}

/**作品紹介・コメント無し**/
.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;
}