@charset "utf-8";
.under-line-title{
	position:relative;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #E4E4E4;
	font-size:30px;
	margin-bottom:1em;}
.under-line-title:before{
	position:absolute;
	bottom:-2px;
	left:0;
	width:20%;
	height:2px;
	content:'';
	background:#A9662B;}

/* Memorial Hall */
.about-content{
	margin-bottom:6em;}
.about-flex-content{
	margin-bottom:4em;}
.about-f-in h3{
	font-size:24px;
	text-align:center;}
.copper-content img,
.about-f-in figure img,
.other-flex figure img,
.floor-content-inner figure img{
	width:100%;}
.about-txt{
	margin-top:2em;}
.about-flex02 p{
	text-align:center;
	font-size:24px;}
.about-content h3{
	font-size:18px;
	padding-bottom:10px;
	padding-top:1em;}
.about-item-txt{
	padding-left:1em;}
.about-item-txt .cmp:nth-of-type(even){
	margin:0 0 0 35px;}
.gaikan{
	padding-top:3em;}
.about-image-content{
	position:relative;
	text-align:center;
	background-image:url(../img/page/about-image-bk.jpg);}
.about-image-content::after{
	content:"";
	position:absolute;
	z-index:2;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:white;
	opacity:0.5;}
.about-image-content img{
	display:block;
	margin:0 auto;
	position:relative;
	z-index:4;}
.cen-txt{
	text-align:center;
	font-size:18px;
	padding-top:10px;}
@media screen and (min-width:768px){
	.about-flex{
		display:flex;
		justify-content:center;
		margin-bottom:2em;}
	.about-flex div:first-child{
		margin-right:2em;}
	.about-flex02{
		display:flex;
		justify-content:space-between;}
	.about-flex02 div{
		margin-right:1em;}
	.about-flex02 div:last-child{
		margin-right:0em;}
}

/* Copper Mine */
.copper-txt{
	margin-bottom:3em;}
.copper-content{
	margin-bottom:5em;}
.copper-flex{
	margin-top:5em;}
.copper-flex p{
	text-align:center;
	font-size:28px;}
.tbl{
	border-collapse:collapse;
	margin-bottom:40px;
	margin:0 auto;
	width:100%;}
.tbl figure{
	padding-top:1em;}
.tbl th, .tbl td{
	padding:1em 8px;
	vertical-align:middle;
	border-bottom:1px solid #ddd!important;
	border-top:none;}
.tbl td{
	width:75%;
	border-left:none;
	border-right:none;}
td.cen-td{
	text-align:center;}
.tbl th{
	border-right:none;
	border-left:none;
	width:25%;
	font-weight:400;
	background:none;
    text-align:center;}
@media only screen and (max-width:767px){
	.tbl tr,
	.tbl th,
	.tbl td{
		width:auto;}
	.tbl td{
		border-bottom:none;
		padding:1em 0 1em 5px;}
	.tbl th{
		border-bottom:none;
		width:114px;
		padding:1em 5px 1em 0;}
	.tbl tr:last-of-type td{
		border-bottom:1px solid #999;}
}

/* Exhibit */
.e-btn-content{
	margin-top:1.8em;
	position:relative;
	z-index:10;}
.btn{
	display:block;
	text-align:center;
	background:#A9662B;
	border:1px solid #fff;
	color:#fff;
	padding:1em 0;
	width:80%;
	margin:0 auto;
	cursor:pointer;
	position:relative;
	z-index:10;
	transition:all 0.5s 0s ease;}
.btn.show{
	background:#804306;}
.exhibit-btn .btn:hover{
	background:#804306;}
.exhibit-btn .btn::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:calc(100% - 8px);
	height:calc(100% - 8px);
	border:1px solid #fff;}
#floor-img{
	width:auto;
	transition:all 0.5s 0s ease;}
#btn1:hover + figure img{
	content:url('../img/page/kirikae-a.jpg');}
#btn2:hover + figure img{
	content:url('../img/page/kirikae-b.jpg');}
.exhibit-flex figure{
	text-align:center;}
.exhibit-btn{
	margin-top:5em;}
.exhibit-txt p{
	margin-top:1em;
	line-height:2;}
.room-num{
	font-size:80px !important;
	color:#DA746B;
	background:#fff !important;
	margin:0 14px 0 0;
	line-height:0.6;}
.room-num-sub{
	font-size:70px;
	color:#DA746B;}
@media screen and (min-width:768px){
	.exhibit-flex figure{
		margin-right:5em;
		width:100%;}
	.exhibit-flex{
		display:flex;
		justify-content:space-between;}
	.exhibit-txt-area{
		width:80%;}
	.ex-flex{
		display:flex;
		justify-content:space-between;}
	.room-num{
		margin:0 20px 0 0;}
}
@media screen and (max-width:767px){
	.btn{
		width:100%;}
}

/* Floor */
.f-anchor{
	display:block;
	font-size:18px;
	color:#A9662B;
	border:1px solid #A9662B;
	text-align:left;
	margin-bottom:1em;
	position:relative;
	padding:10px 0 10px 25px;}
.f-anchor:hover{
	color:#fff;
	background:#A9662B;}
.f-anchor:after{
	content:"";
	position:absolute;
	display:inline-block;
	vertical-align:middle;
	color:#A9662B;
	line-height:1;
	width:10px;
	height:10px;
	right:40px;
	border:0.1em solid currentColor;
	border-left:0;
	border-bottom:0;
	box-sizing:border-box;
	transform:translateY(66%) rotate(135deg);}
.f-anchor:hover:after{
	color:#fff;}
.floor-content{
	margin-bottom:6em;
	padding-top:100px;}
.floor-content-inner{
	padding-top:50px;
	margin-top:-100px;}
.floor-content h2{
	font-size:30px;
	line-height:1;
	display:flex;
	align-items:end;}
.floor-in{
	max-width:1000px;
	margin:0 auto 2em;}
.floor-in p{
	margin-top:2em;}
.under-line-title02{
	position:relative;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #fff;
	font-size:24px;
	margin-bottom:2em;}
.under-line-title02:before{
	position:absolute;
	bottom:-2px;
	left:0;
	width:40%;
	height:2px;
	content:'';
	background:#A9662B;}
.floor-map{
	margin:0 0 30px;
	text-align:center;}
.floor-anchor .btn{
	max-width:340px;
	margin:auto;}
.other-in p{
	font-size:28px;
	padding-top:10px;}
.floor-under-txt{
	margin-bottom:3em;}
.floor-under-txt h3{
	font-size:26px;
	padding-bottom:10px;}
.fuku,
.fuku-en{
	background:#A9662B;
	color:#fff;
	text-align:center;
	padding:0 10px;
	font-size:16px;
	margin-left:1em!important;}
.fuku{
	width:70px;}
.fuku-en{
	width:165px;}
.floor-title{
	display:flex;
	align-items:end;
	position:relative;}
.floor-item{
	margin-top:2em;}
.floor-item h3{
	font-size:21px;}
.floor-anchor ul li{
	margin:0 0 36px;}
.floor-anchor ul li:last-child{
	margin:0;}
.floor-anchor ul li a{
	display:block;
	text-align:center;
	background:#A9662B;
	border:1px solid #fff;
	color:#fff;
	padding:12px 0;
	font-weight:normal;
	width:80%;
	margin:0 auto;
	cursor:pointer;
	position:relative;
	box-sizing:revert;
	z-index:10;
	transition:all 0.5s 0s ease;
	box-shadow:0 0 0 4px #A9662B;}
.floor-anchor ul li a.btn.show{
	background:#804306;
	box-shadow:0 0 0 4px #804306;}
@media screen and (min-width:768px){
	.floor-in{
		margin:0 auto 5em;}
	.floor-item-flex figure{
		width:60%;
		margin-right:2em;}
	.floor-item-flex{
		display:flex;}
	.fuku,
	.fuku-en{
		margin-left:2em!important;}
	.ex-flex{
		display:flex;
		flex-wrap:wrap;
		flex-direction:row-reverse;
		justify-content:space-between;}
	.under-line-title:before{
		width:6%;}
	.floor-map{
		width:60%;}
	.floor-anchor .btn{
		margin:0;}
	.floor-anchor{
		width:calc(40% - 20px);
		margin:0 20px 0 0;}
	.other-flex{
		display:flex;
		flex-wrap:wrap;}
	.other-in{
		width:calc(97% / 2 - 20px);
		margin:0 4em 0 0;}
	.other-flex div:nth-child(even){
		margin-right:0em;}
	.floor-under-txt p{
		padding-left:2em;}
}
.small-txt{
	margin:0 0 0 10px;
	font-size:18px;}
@media screen and (min-width:1024px){
	.floor-anchor{
		width:calc(40% - 50px);
		margin:0 50px 0 0;}
}
@media screen and (max-width:767px){
	.floor-content h2{
		flex-wrap:wrap;
		font-size:22px;}
	.small-txt{
		margin:15px 0 0;
		width:100%;
		text-align:right;}
	.room-num{
		font-size:48px !important;}
	.room-num-sub{
		font-size:38px;}
	.fuku{
		font-size:13px;
		width:60px;}
	.fuku-en{
		font-size:10px;
		width:100px;}
	.floor-content{
		margin-bottom:0;}
	.f-anchor:after{
		content:"";
		right:22px;}
	.floor-item-flex figure img{
		width:210px;}
	.floor-item-flex figure{
		text-align:center;}
}

/* Access */
.access-txt-in01 h3{
	font-size:24px;
	padding-bottom:20px;}
.map-area{
	width:100%;}
.map-area a{
	display:block;
	text-align:right;
	padding-right:2em;}
.access-txt-in02 h3{
	font-size:20px;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:2em;}
.access-title{
	margin:10px 0 4em 0;}
.access-title h3{
	font-size:24px;}
.access-title p{
	font-size:16px;
	margin:0;}
.access-title a{
	text-align:right;
	display:block;}
@media screen and (min-width:768px){
	.access-flex{
		display:flex;
		align-items:center;
		justify-content:space-between;}
	.access-txt-area{
		width:100%;
		margin-right:2em;}
}
@media screen and (max-width:767px){
.map-area{
	margin-top:2em;}	
}
/* FAQ */
.food-qa h3{
	margin-bottom:1em;}
.qa-content{
	border-top:1px solid;
	border-bottom:1px solid;
	margin-bottom:3em;}
.qa-content:last-child{
	border-bottom:1px solid;}
.Qa-Box dt,
.Qa-Box dd{
	display:flex;
	align-items:baseline;
	margin:30px 0;}
.Qa-Box dt{
	font-weight:bold;
	width:100%;}
.Qa-Box dd{
	width:100%;}
.Qa-Box dt::before,
.Qa-Box dd::before{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	width:35px;
	height:35px;}
.Qa-Box dt::before{
	content:"Q";
	background:#5F857E;}
.Qa-Box dd::before{
	content:"A";
	background:#A9662B;}
.Qa-Box dt span,
.Qa-Box dd span{
	margin:0;
	display:block;
	padding-left:15px;
	font-weight:bold;
	width:100%;}
@media screen and (max-width:960px){
	.Qa-Box{
		width:95%;}
}

/* News */
select#year{
	border:2px solid #A9662B;
	text-align:center;
	color:#A9662B;
	font-weight:bold;
	height:55px;
	margin-bottom:6em;
	-webkit-appearance:none;
	appearance:none;
	width:190px;}
.select_wrapper{
	position:relative;
	width:190px;}
.select_wrapper::after{
	content:"";
	position:absolute;
	top:20px;
	right:16px;
	width:9px;
	height:9px;
	border-right:2px solid #a9662b;
	border-bottom:2px solid #a9662b;
	transform:rotate(45deg);}
.news-title-area h2{
	position:relative;
	padding:0 0 0.5em 0;
	border-bottom:2px solid #fff;
	font-size:40px;
	margin-bottom:1em;}
.news-title-area h2:before{
	position:absolute;
	bottom:-2px;
	left:0;
	width:20%;
	height:2px;
	content:'';
	background:#A9662B;}
dl.news{
	border-bottom:1px solid #707070;
	padding:1.5em 0;}
.news:first-of-type{
	border-top:1px solid #707070;}
span.time,
dl.news dd a{
	font-weight:400;}
span.time{
	font-size:20px;
	padding-right:2em;}
a.cate{
	padding-right:2.5em;}
dl.news dt{
	display:flex;
	align-items:center;}
dl.news dd a{
	font-size:20px;}
@media screen and (min-width:768px){
	.news-title-area h2:before{
		width:8%;}
	dl.news{
		display:flex;}
}
@media screen and (max-width:767px){
	dl.news dd{
		margin-top:1em;}
	span.time{
		padding-right:1em;}
}

/* News details */
.post-title-area{
	border-bottom:2px solid #A9662B;}
.post-title-area .cate{
	background:#000;
	text-align:center;
	color:#fff;
	padding:4px 1em;}
.post-title-area .heading{
	background:none !important;
	color:#000 !important;
	padding:1em 0 0 0 !important;
	font-size:25px !important;
	margin:0 !important;}
.post-title-area .post-day{
	margin:0;
	padding-bottom:5px;}
.post-title-area .post-day time{
	color:#707070;
	font-size:20px;}
.post-text-area{
	padding-top:2em;}
figure.post-images{
	border:none;
	margin-bottom:0;
	padding-top:2em;}
#side-contents .side-data{
	border:2px solid #A9662B;
	border-bottom:none;
	padding:0;}
section#categories-2 h2{
	display:none;}
.side-data ul li{
	text-align:center;
	border-bottom:2px solid #A9662B;
	padding:1em;
	margin:0;}
.side-data ul li a{
	color:#A9662B;
	font-size:20px;}
@media screen and (min-width:768px){
	#side-contents .side-data{
		border-top:none;
		border-right:none;}
	.post-title-area .heading{
		font-size:30px !important;}
}

/* pagination */
.pagination{
	margin:40px 0 0;}
.nav-links{
	display:flex;
	justify-content:center;}
.pagination .page-numbers{
	display:inline-block;
	margin-right:10px;
	padding:9px 17px;
	color:#ffffff;
	border-radius:3px;
	background:#a9662b;
	text-decoration:none;}
.pagination .current{
	background:#fff;
	color:#a9662b;
	border:1px solid;}
.pagination .next::before{
	content:'';
	width:12px;
	height:12px;
	border:0;
	border-top:solid 2px #a9662b;
	border-right:solid 2px #a9662b;
	transform:rotate(45deg);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;}
.pagination .prev::before{
	content:'';
	width:12px;
	height:12px;
	border:0;
	border-top:solid 2px #a9662b;
	border-left:solid 2px #a9662b;
	transform:rotate(-45deg);
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:auto;}
.pagination .prev, .pagination .next{
	background:transparent;
	box-shadow:none;
	position:relative;
	color:#000;}
.pagination .dots{
	background:transparent;
	box-shadow:none;
	border:none;}

/* privacy */
.policy-title{
	font-size:20px;
	padding-bottom:10px;
	text-decoration:underline;}

/* Contact */
.ty-txt h2{
	text-align:center;
	font-size:20px;
	margin-top:2em;}
.ty-txt a{
	display:block;
	text-align:center;
	margin:2em auto;
	background:#000;
	border:1px solid;
	color:#fff;
	padding:1em;
	max-width:300px;}
.ty-txt a:hover{
	background:#fff;
	color:#000;}

/* ContactForm7 */
table.CF7_table{
	width:100%;
	margin:0 auto 2em;
	border:2px solid #e5e5e5;}
.CF7_table th{
	text-align:left;
	vertical-align:middle;}
.CF7_table th,.CF7_table td{
	padding:1em;}
table.CF7_table tr{
	border-top:1px solid #e5e5e5;}
.num{
	width:130px!important;
	margin:0 1em 10px;}
input[type="checkbox"]{
	width:auto !important;}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;}
.under_p a{
	border-bottom:1px solid;}

/*入力欄*/
.CF7_table input, .CF7_table textarea{
	border:1px solid #d8d8d8;
	width:90%;}
.CF7_table ::placeholder{
	color:#797979;}
.CF7_req{
	color:#f00;
	padding-left:10px;}
.gray-taxt{
	color:#737373;}

/* タイトル列 */
@media screen and (min-width:768px){
	.CF7_table th{
		width:30%;
		background-color:#EEE;}
}

/* レスポンシブ */
@media screen and (max-width:768px){
	table.CF7_table{
		width:95%;}
	.CF7_table tr, .CF7_table td, .CF7_table th{
		display:block;
		width:100%;
	line-height:2.5em;}
	.CF7_table th{
		background-color:#EEE;}
	.CF7_table input, .CF7_table textarea{
		width:100%;}
}

/* 「送信する」ボタン */
p.CF7_btn{
	text-align:center;
}
.wpcf7 input.wpcf7-submit{
	background-color:#000;
	border:1px solid #000;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:2em auto 0;
	max-width:100%;
	padding:0.5em 0;
	cursor:pointer;
	transition:0.4s;
	display:block;
	width:197px;}
.CF7_btn .wpcf7-previous{
	background-color:#000;
	border:1px solid #000;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:2em auto;
	max-width:100%;
	padding:0.5em 0;
	cursor:pointer;
	transition:0.4s;
	display:block;
	width:197px;}
.wpcf7 input.wpcf7-submit:hover,.CF7_btn .wpcf7-previous:hover{
	background-color:#fff;
	color:#000;}

.pink-box{
	background-color:#fef4f5;
	padding:10px;}
.pink-img{
	margin:0 0 15px;}
.pink-img figure{
	border:1px solid #7b797a;
	line-height:0;
	text-align:center;
	width:210px;
	margin:auto;}
.pink-txt{
	flex:1;
	font-size:14px;
	color:#333;
	display:flex;
	flex-direction:column;
	justify-content:space-between;}
.pink-ttl{
	font-size:22px;
	color:#333;
	margin:0 0 5px;
	text-align:center;}
.pink-note{
	margin-top:10px;
	text-align:right;}
.pink-txt p{
	font-size:14px;
	margin:0;}
@media screen and (min-width:768px){
	.pink-box{
		display:flex;}
	.pink-ttl{
		text-align:left;}
	.pink-img{
		margin:0 20px 0 0;
		align-items:center;
		justify-content:center;}
	.pink-img figure{
		width:100%;}
	.pink-txt p{
		font-size:16px;}
	.pink-note{
		font-size:16px;}
}

/* Etc
--------------------*/
.sp-br-in br{display:none;}
.br415{display:none;}
@media only screen and (max-width:767px){
	.sp-br-in br{display:block;}
}
@media only screen and (max-width:450px){
	.floor-content h2.dfsp-450{align-items:center;flex-wrap:unset;}
	.floor-content h2.dfsp-450 .room-num{width:102px;}
}
@media only screen and (max-width:415px){
	.br415{display:block;}
	.lh415{line-height:1.5!important;}
}