@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------------------------

写真展詳細　ユニーク

--------------------------------------------------------------------------*/

#main h2 span i {
	font-style:normal;
	font-size: .9em;
}



/* -------------- 	（写真歴史博物館　詳細ページ：写真歴史博物館について） -------------- */
.aboutMuseum {
background:url(/common/images/article_heading_bg.gif) repeat left top;
/*border:7px solid #F5EED2;*/
padding: 4px;
/*border-radius: 5px;*/

}
.aboutMuseumInner {
/*background-image: none, -webkit-linear-gradient(90deg,rgba(255,255,255,1.00) 37.31%,rgba(255,254,235,1.00) 92.75%);
background-image: none, -moz-linear-gradient(90deg,rgba(255,255,255,1.00) 37.31%,rgba(255,254,235,1.00) 92.75%);
background-image: none, -o-linear-gradient(90deg,rgba(255,255,255,1.00) 37.31%,rgba(255,254,235,1.00) 92.75%);
background-image: none, linear-gradient(0deg,rgba(255,255,255,1.00) 37.31%,rgba(255,254,235,1.00) 92.75%);*/
background-color: #fff;
/*border-radius: 2px;*/
padding: 16px;
}

.aboutMuseum .museumTitle {
font-weight:bold;
font-size:108%;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
}

/*.aboutMuseum ul {padding:0 30px;}*/
/*.aboutMuseum ul li {display:inline-block;width:calc(33% - 1px) ;}
.aboutMuseum ul li img {width:100%; height:auto;}
*/

.aboutMuseum .aboutMuseumTxt {
float:left;
width:340px;
}

.aboutMuseum img.museum_pic {
float:right;
margin-left:20px;
border-radius: 4px;
}




/* -------------- 	（アコーディオン） -------------- */

dl.accodion {
	font-size: 12px;
}

dl.accodion dt {
	cursor:pointer;
	position:relative;
	font-size: 14px;
	line-height:1.4;
	
}

dl.accodion dt p {
	/*background:url(/common/images/article_heading_bg.gif) repeat left top;*/
	/*border:2px solid #ccc;*/
	background:#efefef;
	font-weight:bold;
	border-radius: 3px;
	font-size:13px;
	padding:8px 8px !important;
	}
dl.accodion dt p img { width:550px; height:auto;}

dl.accodion dt:hover  {text-decoration: underline; color: #16709f;}
dl.accodion dd { display:none; } /*閉じている状態*/
/*.tour dl.accodion dd { display:block; } 開いてる状態*/
dl.accodion dd {
	position: relative;
	padding: 15px 10px !important;
}

dl.accodion dd table tr th, dl.accodion dd table tr td {font-size: 12px;}

dl.accodion dt:after {
	position: absolute;
	right:7px;
	top:26px;
	margin-top: -.5em;
	font-family: "iconfont";
	display: inline-block;
	background:#03ac81;
	width:26px;
	height:26px;
	line-height:26px;
	border-radius:3px;
	content: '＋';/*content: '\e859';*/
	font-size:19px;
	text-align:center;
	color:#fff;
}
dl.accodion dt.active:after {content: '－'/*content: '\e858';*/}



.exhibition .side-unit {width: 525px;}


/*.exhibition dl.accodion dt p,
.tour dl.accodion dt p{
	padding:8px 10px !important;
	}
.exhibition dl.accodion dt:after,
.tour dl.accodion dt:after{
	top:28px;
}
	*/

.tour dl dd h3 {
background: #4ac0a6;
border-radius: 3px;
padding: .3em .8em .2em;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
font-size: 14px;
/*text-shadow: 0px 1px 1px hsla(0,0%,0%,0.42);*/
}

.tourInner {
border:2px solid #dadada;
border-radius: 5px;
padding:15px;
margin-top:10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


.tourInner .concierge .floatLeft {
float:left;
width:49%;
padding-top:50px;
}
.tourInner .concierge .floatRight {
float:right;
width:49%;
}

.aboutFFSQ {float:left; width:406px;}
.aboutFFSQpic {float:right}
.aboutFFSQpic img {width:200px; height:auto; border:1px solid #eaeaea}


.aboutRSH {float:right; width:348px;}
.aboutRSHpic {float:left; width:260px;}
.aboutRSHpic img {width:260px; height:auto;margin-right:20px}

















/*=====================================
=            Media queries            =
=====================================*/

@media (max-width: 480px) {

#main h2 span i {
	font-style:normal;
	font-size: 1.3rem;
	display:inline-block;
	padding-bottom:.4rem;
}


/* -------------- 	（写真歴史博物館　詳細ページ：写真歴史博物館について） -------------- */
.aboutMuseum {
background:url(/common/images/article_heading_bg.gif) repeat left top;
padding: 4px;

}
.aboutMuseumInner {
background-color: #fff;
padding: 10px;
}

.aboutMuseum .museumTitle {
font-weight:bold;
font-size:100%;
}


.aboutMuseum .aboutMuseumTxt {
float:none;
width:100%;
}

.aboutMuseum img.museum_pic {
float:none;
width:74%; height:auto;
margin :0 13% 2em;
border-radius: 4px;
}


/* -------------- 	（アコーディオン） -------------- */

dl.accodion {
	font-size: 12px;
}

dl.accodion dt {
	cursor:pointer;
	position:relative;
	font-size: 14px;
	line-height:1.4;
	
}

dl.accodion dt p {
	/*background:url(/common/images/article_heading_bg.gif) repeat left top;*/
	/*border:2px solid #ccc;*/
	background:#efefef;
	font-weight:bold;
	border-radius: 3px;
	font-size:13px;
	padding:8px 8px !important;
	}
dl.accodion dt p img { width:160%; height:auto;}

.commentaryBoard .accodion dt p img,
.tour .accodion dt p img{opacity: 0}


.commentaryBoard .accodion dt p{
background:url(/sp/guide/img/guide_accordion_title02.png) no-repeat 5px 5px;
background-size: auto 46px;
background-color: #efefef;
/*width:100%;*/
min-height: 40px;

}

.tour .accodion dt p {
background:url(/sp/guide/img/guide_accordion_title03.png) no-repeat 5px 5px;
background-size: auto 46px;
background-color: #efefef;
/*width:100%;*/
min-height: 40px;
}

.commentaryBoard .accodion dd div {width:40%; margin-right:12px}

.commentaryBoard .accodion dd table.border-list02 tr th,
.tour .accodion dd table.border-list02 tr th { width:28%; 

}



dl.accodion dt:hover  {text-decoration: underline; color: #16709f;}
dl.accodion dd { display:none; } /*閉じている状態*/
/*.tour dl.accodion dd { display:block; } 開いてる状態*/
dl.accodion dd {
	position: relative;
	padding: 15px 10px !important;
}

dl.accodion dd table tr th, dl.accodion dd table tr td {font-size: 12px;}

dl.accodion dt:after {
	position: absolute;
	right:7px;
	top:26px;
	margin-top: -.5em;
	font-family: "iconfont";
	display: inline-block;
	background:#03ac81;
	width:26px;
	height:26px;
	line-height:26px;
	border-radius:3px;
	content: '＋';/*content: '\e859';*/
	font-size:19px;
	text-align:center;
	color:#fff;
}
dl.accodion dt.active:after {content: '－'/*content: '\e858';*/}



.exhibition .side-unit {width: 525px;}


/*.exhibition dl.accodion dt p,
.tour dl.accodion dt p{
	padding:8px 10px !important;
	}
.exhibition dl.accodion dt:after,
.tour dl.accodion dt:after{
	top:28px;
}
	*/

.tour dl dd h3 {
background: #4ac0a6;
border-radius: 3px;
padding: .3em .8em .2em;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
font-size: 14px;
/*text-shadow: 0px 1px 1px hsla(0,0%,0%,0.42);*/
}

.tourInner {
border:2px solid #dadada;
border-radius: 5px;
padding:15px;
margin-top:10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}


.tourInner .concierge .floatLeft {
float:none; width:100%; padding:0}
.tourInner .concierge .floatRight {
float:none; width:100%; margin-top:1em}


.aboutFFSQ {float:none; width:100%; margin-top:-20px;}
.aboutFFSQpic {float:none}
.aboutFFSQpic img {width:80%; height:auto; border:1px solid #eaeaea}

.aboutRSH {float:none; width:100%;}
.aboutRSHpic {float:none; width:260px; text-align: center}
.aboutRSHpic img {width:80%; height:auto; margin-right:0}
























}