@charset "utf-8";
/*↓↓基本設定↓↓*/

body{
	font-size: 90%;
	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;
}
ul li{
	width:95%;
	margin: 0px auto;
}
p{
	width:95%;
	margin:0 auto;
}
img{
	display:block;
	width:90%;
	height:auto;
	margin: 0 auto; 
}
.smp-none{
	display: none;
}


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

header{
	position:fixed;
	width:100%;
	height:85px;
	background-color:#fff;
	z-index:9997;
	box-shadow:0px 6px 5px 2px #fff;
}
h1{
	display:none;
}

/**会社ロゴ**/
#logo{
	position:absolute;
	top:20px;
	left:0;
	display:block;
	width:60%;
	margin-top:16px;
}
#logo img{
	width:100%;
}

/**SNSボタン(非表示)**/
#sns{
	display:none;
}

/**お問い合わせ電話番号**/
#tel{
	display:none;
}
#smp-tel{
	position:absolute;
	top:20px;
	right:0;
	width:35%;
	margin-top:24px;
	margin-right:4px;
}

/*ナビメニュー*/
nav{
	clear:both;
	width:100%;
	height:auto;
	background-color: #0071bd;
}
nav ul{
	overflow:hidden;
}
/*↓↓スライド↓↓*/

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

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

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

#main{
	width:100%;
	z-index:9001;
	padding-top:115px;
}
#container{
	background-color:#fff;
	width:100%;
	margin: 0 auto;
	padding: 0 auto;
    	overflow: hidden;
}
main,
aside{
	width:100%;
	overflow:hidden;
}
section,
article{
	width:100%;
	margin-bottom:48px;
	overflow:hidden;
}
.left,
.left-l,
.right,
.right-l,
.one-third,
.one-third-l,
.half,
.half-right{
	width:100%;
	margin:8px 0;
	clear:both;
}


/*↓↓見出し↓↓*/

h2{
	width:95%;
	margin:0 auto;
	padding-left:5px;
	font-size:130%;
	border-bottom: 3px solid #0071bd;
}
h3{
	width:95%;
	margin:8px auto;
	padding-left:5px;
	font-size:120%;
	border-bottom:1px solid #7ccdf3;
}
h4{
	width:95%;
	margin:8px auto;
	padding:0 8px;
	color:#0071bd;
	font-size:110%;
	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:block;
	width:75%;
	margin:8px auto;
	padding:8px;
	border:1px solid #0071bd;
	border-radius:2px;
	color: #0071bd;
	font-weight:900;
	text-align:center;	
}
.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:block;
	width:75%;
	margin:8px auto;
	padding:8px;
	border:1px solid #ef4165;
	border-radius:2px;
	color: #ef4165;
	font-weight:900;	
	text-align:center;	
}
.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:block;
	width:75%;
	margin:8px auto;
	padding:8px;
	border:1px solid #008809;
	border-radius:2px;
	color: #008809;
	font-weight:900;	
	text-align:center;	
}
.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:block;
	width:75%;
	margin:8px auto;
	padding:8px;
	background-color:#00B900;
	border-radius:2px;
	color: #fff;
	font-weight:900;
	text-align:center;	
}

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

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

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

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

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

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

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

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

/**テーブル・見出し丸**/
.circle-head{
	width:100%;
}
.circle-head tr{
	display:block;
	overflow:hidden;
	margin-bottom:8px;
}
.circle-head tr th{
	display:block;
	text-align:center;
	width:95%;
	margin:4px auto;
	background: #eee;
}
.circle-head tr .green{
	background: #e5ffe5;	
}
.circle-head tr td{
	display;:block;
	width:100%;
	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: 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;
	text-align:left;
}

/**行間広め文**/
.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:95%;
    	margin: 5px auto;
    	padding: 0;
    	z-index:500;
}
label {
    	display: block;
	width:90%;
    	margin: 0 auto 4px auto;
    	padding :8px;
    	border-radius:2px;
	border:1px solid #7ccdf3;
	border-left:5px solid #7ccdf3;
    	font-weight:bold;
	font-size:120%;
}
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: 95%;
    margin: 0 auto;
    padding: 0;
    background :#fff;
    list-style: none;
    overflow:hidden;
}
.menu li {
    max-height: 0;
    width:48%;
    margin-right:4px;
    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{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}
.menu li a img{
	width:100%;
	margin:0 auto;
}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li{
    max-height: 200px;
    opacity: 1;
}

/**アコーディオンメニュー・店舗情報**/
#links05 .store{
	width:95%;
	clear:both;

}
#menu_bar05:checked ~ #links05 .store{
    max-height:600px;
    opacity: 1;
}
.store p{
	width:95%;
}
.store table{
	width:95%;
	margin:0 auto;
}
.store table tr{
	width:100%;
}
.store table tr th{
	width:30%;
	padding:4px;
	background-color:#dcdcdc;
	text-align: center;
}
.store table tr td{
	width:70%;
	text-align:left;
	padding:4px;
}
.store .opacity{
	width:32px;
	float:left;
	margin:8px;
}
.store .opacity img{
	width:32px;
}
.store .botton{
	clear:both;
	width:90%;
	margin:4px auto;
}
.pay-img{
	width:70px;
	margin:0;
	float:left;
}

/**アコーディオンメニュー・リンク**/
#links06 .link{
	width:95%;
	clear:both;
}
#links06 .link a img{
	width:100%;
}
#menu_bar06:checked ~ #links06 .link{
    max-height:280px;
    opacity: 1;
}

/**サイドメニュー・LINE**/
#line{
	padding:0px;
	margin:0px;
}

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

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

#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
    width:100px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    font-weight:bold;
    font-size:110%;
    width: 100px;
    padding: 8px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    z-index: 0;
}
#page-top a:hover {
    text-decoration: none;
    background: #0071bd;
}


/*フッター*/
footer{
	clear: both;
	width:100%;
	margin:0px auto;
	background-color:#0071bd;
	color:#fff;
}
footer #footer-main{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
footer #footer-main ul{
	width:45%;
	float:left;
	list-style-type:none;
	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{
	width:90%;
	margin:10 auto;
	border-bottom:2px solid #fff;
}
footer #footer-main ul li a{
	text-decolation:none;
	color:#fff;
}
footer #footer-main ul li a:hover{
	color:#7ccdf3;
}
footer #footer-bottom{
	margin-top:50px;
	padding-bottom:10px;
	width:100%;
	clear:both;
	border-top:1px solid #fff;
}
footer #footer-bottom a{
	text-decolation:none;
	color:#fff;
	font-size:80%;
	margin-left:20px;
	padding-top:50px;
}
footer #footer-bottom a:hover{
	color:#7ccdf3;
}
/*↓↓パンくずリスト↓↓*/

#breadcrumbs{
	width:100%;
	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:#0071bd;	
}
/*↓↓フォトギャラリー↓↓*/

/**フォトギャラリー**/
.photos table{
	width:100%;
	height:auto;
}
.photos table tr td{
	width:25% !important;
	height:70px !important;
}
.photos table tr td a img{
	width:80% !important;
	height:70px !important;
	object-fit:cover !important;
	border:none;
	margin:8px;
}
/*↓↓アイコンメニュ－（プリント、写真撮影、イベント・キャンペーン上部）↓↓*/

.menu-nav{
	width:95%;
	overflow:hidden;
	margin: 0 auto 16px auto;
	padding:4px 0 16px 0;
	border-bottom:2px dashed #aecfe4;
}
.menu-nav .opacity{
	width:40%;
	float:left;
}
.menu-nav .opacity img{
	width:100%;
}
.menu-nav ul{
	width:55%;
	float:left;
	margin-left:8px;
	padding-top:8px;
	font-weight:bold;
}
.menu-nav ul li{
	width:100%;
	margin-bottom:5px;
	font-size:85%;
	text-align:left;
	padding-left:5px;
}
.menu-nav ul li a{
	display:inline-block;
	width:90%;
	text-align: center;
	color:#0071bd;
	font-size:120%;
	border: 1px solid #0071bd;
	border-radius: 3px;
	padding: 4px;
	margin: 2px;  
}
.menu-nav ul li .menu-nav-s{
	font-size:100%;
	margin: 4px;
	padding: 0;
	border: none;
	text-align: left;
}
.menu-nav ul li .opacity{
	border:none;
	width: 100%;
}
.menu-nav ul li .opacity img{
	width: 100%;
}
/**写真撮影・スタジオ撮影個別ページリンク**/
.studio-link .menu-nav{
	width:45%;
	margin-left:8px;
	padding: 10px 0;
	float:left;
	border: none;
}
.studio-link .menu-nav .opacity{
	width:90%;
}
.studio-link .menu-nav .opacity img{
	width:100%;
}

/*メールフォーム*/

.mailform{
	width:100%;
}

.mailform input[type="text"]{
	padding:8px;
}
.mailform .large-input{
	width:90%;
}
.mailform .medium-input{
	width:90%;
}
.mailform .small-input{
	margin-top:4px;
	width:90%;
	height:15px;
}
.mailform input[type="radio"]{
	transform: scale(2);
	margin:8px 12px 8px 0;
}
.mailform input[type="checkbox"]{
	transform: scale(2);
	margin:8px 12px 8px 0;
}
.mailform textarea{
	padding:8px;
	border:1px solid #000;
	border-radius:3px;
}
.mailform .text-area1{
	margin-top:24px;
	width:95%;
	height:300px;
}
.mailform .text-area2{
	width:90%;
	height:100px;
}
.mailform .submit_area{
	width:100%;
}
.mailform .submit_area .confirmation_btn{
	display:block;
	font-size:20px;
	text-align:center;
	width:95%;
	padding:8px;
	margin:20px auto 20px auto;
	font-weight: bold;
	border:1px solid #999;
	border-radius:3px;
}
.mailform .submit_area .confirmation_btn:hover{
	opacity:0.8;
}
.blue-table,
.green-table{
	width:95%;
	border-radius:3px;
	margin:0 auto 0 auto;
}
.blue-table caption,
.green-table caption{
	font-size:30px;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	margin: 20px 0 5px 0;
}
.blue-table tr{
	display:block;
	width:100%;
}
.blue-table th{
	display:block;
	text-align:center;
	background-color: #0071bd;
	color:#fff;
	padding: 4px 8px;
}
.blue-table td{
	display:block;
	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{
	width:100%;
	font-size:18px;
 	margin:0;
	padding:0;
	border:none;
	font-weight:bold;
}
.mailform label:hover{
	background-image:none;

}

/**スケジュール・青テーブル**/
#schedule .blue-table tr{
	border:2px solid #000;
}
#schedule .blue-table tr th{
	border:0.5px dotted #fff;
	text-align:left;
}
#schedule .blue-table tr td{
	border-bottom:0.5px dotted #000;
}
#schedule .blue-table tr .detail{
	border-bottom:none;
	background-color:#fff;
}

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

/**トップページ・リンク集（非表示）**/
#link{
	display:none;
}

/**お知らせ**/
.notice{
	display:none;
}
aside .notice{
	display:block;
	width:95%;
	margin:8px auto;
}
aside .notice img{
	width:100%;
}
/**新着情報ボックス装飾**/
#news-box{
    width: 90%;
    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;
 	border-bottom:1px solid #0071bd;
}
#news-box li span {
   display:block;
}
#news-box li a:hover {
   text-decoration:underline;
   color:#e60019;

}

/*サイト-くんリンク*/
#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 auto;
}
.gray-table tr{
	width:100%;
	display:block;
}
.gray-table tr th{
	width:90%;
	display:block;
	background-color:#ccc;
	text-align:left;	
	padding:8px;
	margin:0 auto;
}
.gray-table tr td{
	width:90%;
	display:block;
	background-color:#fafafa;
	padding:8px;
	margin:0 auto;
}
/**店舗情報・SNS**/
#info .sns{
	margin:0 auto;
}

/**サイトーくん・上下左右余白**/
#info #mascot{
	margin:60px 0 20px 20px;
}


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

/**取扱商品一覧**/
.product-list .disc-list{
	overflow: hidden;
	margin: 0 0 32px 0;
}
.product-list .disc-list li{
	width: 90%;
	margin: 0 0 0 32px;
}

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

/**オススメ商品一覧へ**/
#product .none-link{
	display:inline-block;
	margin-left: 8px;
	padding:8px;
	border:1px solid #0071bd;
	border-radius:2px;
	color: #0071bd;
	font-weight:900;
}

/**おすすめ商品**/
.introduction img{
	width:60%;
	margin:0 auto;
}
.introduction .main-img{
	width:100%;
}
.introduction .em{
	font-size:150%;
}
/*オススメ商品・取扱商品情報*/
.pickup-goods{
	overflow:hidden;
}
.pickup-goods figure{
	width: 90%;
	height:auto;
	border: 2px solid #ddd;
       background-color: #f9f9f7;
	border-radius: 5px;
	margin:8px auto;
}
.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;
	margin-bottom : 8px;
}



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

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

/**プリント・フィルム（画像）**/
.film-img{
	width:100%;
}
.film-img img{
	width:70%;
	margin-left:48px;
	margin-bottom:-24px;
}


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


/**写真撮影・価格表**/
.price-table{
	margin:8px auto;
	border-collapse:collapse;
	border:1px solid #000;
	width:97%;
	text-align:center;
}
.price-table caption{	
	text-align: left;
	font-weight: bold;
}
.price-table th{
	background-color:#aecfe4;
	padding:8px;
	font-size:85%;
}
.price-table .th2{
	background-color:#fffdc5;
	color:#000;
	padding:8px;
}
.price-table td{
	background-color:#fff;
	border:1px solid #000;
	font-size:85%;
}
#print .price-table td{
	width:30%;
} 
#photography .price-table td{
	width:25%;
}
#photography .price-table .td-wide{
	width: 220px;
	text-align:left;
	padding:8px;
}
.price-table .td-wide{
	font-size:80%;
	text-align:left;
	padding: 8px;
	width:60%;
}
.price-table .detail{
	text-align:left;
	padding:8px;
	font-size:85%;
}
.price-table .table-block{
	display:block;
	width:100%;
}
.price-table .table-block .th2{
	display:block;
	width:100%;
}

/**証明写真・価格表**/
.id-photo-price .price-table .th2{
	width:28%;
}
.id-photo-price .price-table td{
	width:16%;
}

#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;
	margin-left:18px;
}
#photography .id-photo-price .price-table .disc-list li{
	margin-left:4px;
	margin-bottom:0;
	width:95%;
}


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

/**イベント・キャンペーン概要の表**/
#event .right ul li,
#event .left ul li{
	margin-left:8px;
}


/**イベント・キャンペーンのSNS**/
.sns{
	width:90%;
	overflow:hidden;
	margin:16px auto;
}
.sns .opacity{
	width:32px;
	float:left;
	margin: 4px 16px 4px 0;
}
.sns .opacity img{
	width:32px;
	margin: 0;
}
.sns .botton{
	clear:both;
	margin: 0 0 16px 0;
}


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

/*イベントアルバム・最新記事*/
.album-news ul{
	text-align: center;
}

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

/**イベントアルバム特設ページ・スタッフより**/
.log{
	font-size:120%;
	width:95%;
}
.name{
	text-align:right;
}
#event .right-l .botton{
	margin-top:20px;
}


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

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

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

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

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

/**作品紹介・コメント無し**/
.winners .half{
	margin-bottom:20px;
}
.winners .half div{
	width:85%;
	margin:0 auto;
}
.winners .half div img{
	width:100%;
}

/**賞リボン基本(リボンのカラーはHTMLで変更)**/
.ribbon{
    display: inline-block;
    position: relative;
    width:90%;
    margin:5px auto;
    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;
}
.ribbon:before, .ribbon:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 50;
}
.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;
}
	font-weight:bold;