@charset "utf-8";

/* ===================================================================

NAME : uniq.css

=================================================================== */

.exhibition #contents{
	margin-bottom:0;
}
#mainVs{
	background:url(../img/main.jpg) no-repeat bottom center;
}



/*index*/
#index #contents .ph{
	width:700px;
	overflow:hidden;
}
#index #contents .txt{
	width:calc(100% - 750px);
	text-align:left;
	margin-top:200px;
}
#index #contents .txt h2{
	margin-bottom:40px;
}
#index #contents {
    margin: 0 auto 50px;
}
#index #contents img{
	width:100%;
}
#index #linkWrap .posL,
#index #linkWrap .posR{
	width:50%;
}
#index #linkWrap ul li{
	float:left;
	width:25%;
}
@media screen and (max-width: 1460px) {
	#index #linkWrap ul li{
		width:49.8%;
	}
	#index #linkWrap ul li:nth-of-type(2),
	#index #linkWrap ul li:nth-of-type(4){
		float:right;
	}
	#index #linkWrap p{
		margin-bottom:4px;
	}
	#index #linkWrap ul li:nth-of-type(3),
	#index #linkWrap ul li:nth-of-type(4){
		margin-top:4px;
	}
}

.pamphlet {
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}
.pamphlet a {
	color: #373AD2;
}




/*アクセス*/
#access #infoWrap th{
	width:90px;
}
#access #contents .gMap{
	height:400px !important;
	width:100% !important;
	margin-top:40px;
}
#access #contents .posL{
	width:60% !important;
}
#access #contents .posR{
	width:35% !important;
}




/*展示物*/
h2.txtMd .en {
	display: block;
	width: 100%;
}
.exhibition #contents{
	background:url(../img/exhibition/bg.png) no-repeat center 300px;
}
.exhibition #exhiAnc {
	max-width:1120px;
	min-width:980px;
	margin-left:auto;
	margin-right:auto;
	display: flex;
	flex-wrap: wrap;
}
.exhibition #exhiAnc li {
/*	float:left;*/
	width:19%;
	border-radius: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border:2px solid #af988d;
	margin:0 0.3%;
	display:grid;
	place-items: center;
}
.exhibition #exhiAnc li .en {
	font-weight: normal;
	font-size: small;
}
.exhibition #exhiAnc li a{
	padding:10px 7px;
	display:grid;
	place-items: center;
	height: 100%;
	width:100%;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	color:#6c4d34;
}
.exhibition #exhiAnc li:nth-last-of-type(-n+5){
	margin-top:12px;
}
.exhibition #exhiAnc li:nth-last-of-type(5){
	clear:both;
}
.exhibition #exhiAnc li.on{
	padding:10px 7px;
	background:#F19C80;
	border:none;
	color:#fff;
	font-weight:bold;
}


.exhibition #exhiWrap{
	margin-bottom:140px !important;
	position:relative;
}
.exhibition .exhiMain{
	margin-bottom:40px;
}
.exhibition .exhiMain img{
	width:100%;
}
.exhibition .exhiMain .audio{
	position:relative;
	margin-top:20px;
	text-align:right;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.exhibition .exhiMain audio{
	width:360px;
  }
}
.exhibition .exhiMain .audio01{
	background:url(../img/exhibition/voice.png) no-repeat 0 50%;
	padding:0 0 0 115px;
  display:inline-block;
	text-align:right;
}
.exhibition .exhiMain .audio03{
	background:url(../img/exhibition/voice_n3.png) no-repeat 0 50%;
	padding:0 0 0 115px;
  display:inline-block;
	text-align:right;
}
.exhibition .exhiMain .audio audio{
	display:block;
}
.exhibition .exhiMain .audio02{
	background:url(../img/exhibition/voice02.png) no-repeat 0 50%;
	padding:0 0 0 115px;
  display:inline-block;
  margin-top:5px;
	text-align:right;
}
#exhi05.exhibition .exhiMain .audio01{
	background:url(../img/exhibition/voice_n2.png) no-repeat 0 50%;
	padding:0 0 0 105px;
}
#exhi05.exhibition .exhiMain .audio02{
	background:url(../img/exhibition/voice_n3.png) no-repeat 0 50%;
	padding:0 0 0 105px;
}
#exhi05.exhibition .exhiMain .audio03{
	background:url(../img/exhibition/voice_e2.png) no-repeat 0 50%;
	padding:0 0 0 105px;
}
#exhi05.exhibition .exhiMain .audio04{
	background:url(../img/exhibition/voice_e3.png) no-repeat 0 50%;
	padding:0 0 0 105px;
}


.exhibition .exhiMain .audio p{
	font-size:12px;
	text-align:right;
  display:inline-block;
}
.exhibition .exhiMain .mainTxt{
	position:absolute;
	bottom:-60px;
	left:30px;
}
.exhibition .exhiMain .audio p.tp10{
	display:block;
}
.exhibition .exhiMain .audio .tp5{
	margin-right:-4px;
}



.exhibition .posL{
	width:220px;
	font-size:12px;
	line-height:1.6;
}
.exhibition .posL dt{
	text-align:center;
}
.exhibition .posR{
	/*width:calc(100% - 250px);*/
	width:100%;
}
.exhibition .exhiChild:first-of-type{
	margin-left:0 !important;
}
.exhibition .exhiChild dt img{
	width:100%;
}
.exhibition #exhiWrap dd{
	margin-top:25px;
}
.exhibition .posR:after{
	content:"";
	clear:both;
	display:block;
}
.exhibition .posR dd.audio{
	height:20px;
	text-align:right;
}

/*COL4*/
.exhibition .col4 .exhiChild{
	width:32%;
	float:left;
	margin-left:2%;
}
/*COL3*/
.exhibition .col3 .exhiChild{
	width:49%;
	float:left;
	margin-left:2%;
}



/*フロアマップ*/
#floor h3.md{
	text-align:center;
}



input, select, textarea {
	color:#2d2d2d;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
}
#shop #contents table{
	line-height:1;
}
#shop input[type="text"] {
	border:1px solid #c8c8c8;
	border-radius:2px;
	padding:7px 5px;
	font-size:13px;
	text-align:center;
	line-height:1;
}
#shop input[type="inputtext"] {
	border:1px solid #c8c8c8;
	border-radius:2px;
	padding:10px 7px;
}
input[type="button"] {
	border:1px solid #c8c8c8;
	border-radius:2px;
	padding:4px 7px;
 }
 
 
#shop #contents table tr td:first-of-type,
#shop #contents table tr td:nth-of-type(2){
	text-align:center;
	width:55px;
}
#shop #contents table tr td:nth-of-type(3){
	width:360px;
}
#shop #contents table tr td:nth-of-type(5){
	width:100px;
}
#shop #contents table tr td:last-of-type{
	text-align:center;
	width:70px;
}
#shop #contents table tr.bg{
	background:url(../img/shop/bg.gif) repeat;
}
#cartList table tr td:last-of-type{
	text-align:center;
	width:90px;
}




/*thanks
--------------------------------------------------*/
#thanks #contents h2{
	margin-bottom:100px;
}
#thanks #contents section{
	text-align:center;
}
#thanks #contents .thanksTtl{
	font-size:32px;
	color:#aaa;
	font-weight:bold;
	margin-bottom:40px;
}
#thanks #contents .thanksContact {
	margin-top:60px;
	padding-top:40px;
	border-top:1px dotted #999;
}
#thanks #contents .thanksTxt{
	font-size:18px;
	line-height:2;
	color:#999;
}
#thanks #contents .thanksContact .md{
	font-size:20px;
	color:#222;
	margin-bottom:10px;
	font-weight:bold;
}