@charset "UTF-8";

/*--------------------------------------------------------------------
=== [共通レイアウト] ====================================
 -------------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.5;
    font-weight: 500;
	font-size:min(1.406vw, 18px);
    color: #432103;
}

img {
	width: 100%;
	}
.inner {
	max-width: 1200px;
	margin: 0 auto;
	}
@media (max-width: 1280px){
.inner {
	margin: 0 min(2.344vw, 30px);
	}
	}

a {
	transition: 0.3s;
	}
a:hover {
	opacity: 0.7;
	}
section {
	padding-top: min(6.944vw, 100px);
	}
header {
	padding: min(2.083vw, 30px);
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	background-color: #F6EFE8;	
	}

header .logo {
	width:min(40.278vw, 580px);
	}

.head_menu nav ul {
	display: flex;
	gap:min(1.389vw, 20px);
	line-height: 1;	
	justify-content: flex-end;
	}
.head_menu .menu_top{
	margin-bottom: min(1.389vw, 20px);
	margin-top: min(1.528vw, 22px);
	}
.head_menu .menu_top a {
	display: block;
	padding:min(0.972vw, 14px) min(2.778vw, 40px);
	border-radius: min(2.083vw, 30px);
	}
.head_menu .menu_top .visit a {
	color: #fff;
	background-color: #BA4700;
	}
.head_menu .menu_top .lang a {
	color: #432103;
	background-color: #fff;
	display: flex;
	gap:min(0.694vw, 10px);
	align-items: center;
	}
.head_menu .menu_top .museum a {
	color: #fff;
	background-color: #432103;
	}
.head_menu .menu_top .lang a:before {
	content:"";
	background-image: url("../img/ico_en.svg");
	width: min(1.389vw, 20px);
	height: min(1.389vw, 20px);
	background-size: cover;
	display: inline-block;
	}

.head_menu .menu_btm a {
	display: flex;
	gap:min(1.389vw, 20px);
	align-items: center;
	}
.head_menu .menu_btm a:before {
	content:"";
	background-color: #B39174;
	width: min(0.556vw, 8px);
	height: min(0.556vw, 8px);
	border-radius: min(0.556vw, 8px);	
	display: inline-block;
	}
.head_menu .menu_btm li:first-child a:before {
	content:none;
	}

.bogoflags {
	display: none!important;
}
.bogo-language-switcher li.current {
	display: none;
}
.bogo-language-switcher {
	padding: 0!important;
	}

footer {
	background-color: #432103;
	color: #fff;
	text-align: center;
}
footer a {
	color: #fff;
}

.foot_logo {
	width: min(26.042vw, 375px);
	margin: 0 auto min(2.344vw, 30px) auto;
}
.foot_menu nav ul {
	display: flex;
	justify-content: center;
}

.foot_menu .menu_top ul {
	padding:  min(2.778vw, 40px) 0;
	border-bottom: 1px solid #714016;
	border-top: 1px solid #714016;
	font-size: min(1.25vw, 16px);
	gap:min(3.472vw, 50px);
}

.foot_menu .menu_btm ul {
	line-height: 1;
	gap:min(1.389vw, 20px);
	padding:  min(2.083vw, 30px) 0 min(2.083vw, 30px) ;
}

.foot_menu .menu_btm a {
	display: block;
	padding:min(0.972vw, 14px) min(2.778vw, 40px);
	border-radius: min(2.083vw, 30px);
	color: #fff;
	border: 1px solid #fff;
	}

.foot_menu .menu_btm .lang a {
	color: #432103;
	background-color: #fff;
	display: flex;
	gap:min(0.694vw, 10px);
	border:none;
	align-items: center;
	}

.foot_menu .menu_btm .lang a:before {
	content:"";
	background-image: url("../img/ico_en.svg");
	width: min(1.389vw, 20px);
	height: min(1.389vw, 20px);
	background-size: cover;
	display: inline-block;
	}
footer .copy {
	background-color: #3A1C02;
	font-size: 12px;
	padding: min(1.389vw, 20px);
}
footer .inner {
	padding-top: min(2.778vw, 40px);
	position: relative;
	}
#pagetop {
	width: 60px;
	position: absolute;
	top:-30px;
	right:0;
}
/*=== [parts] ===*/


.hd_m {
	background-color: #FFF0E3;
	border-radius: 10px;
	font-size:min(1.563vw, 20px);
	font-weight: bold;
	display: flex;
	align-items: center;
	gap:10px;
	padding: min(1.389vw, 20px);
	line-height: 1;
	margin-bottom: min(1.736vw, 25px);
}
.hd_m:before {
	content: "";
	display: inline-block;
	background-color:#BA4700;
	width: 5px;
	height: 20px;
}

.hd_s {
	color: #BA4700;
	font-weight: bold;
	font-size: min(1.719vw, 22px);
	margin-bottom: min(1.389vw, 20px);
	}
/*.unit {
	margin-bottom:min(5.556vw, 80px);
}*/
.unit p + p {
	margin-top: min(2.778vw, 40px);
}

.inner .unit:last-child {
	margin-bottom: 0;
}
.unit p span {
	color: #BA4700;
	display: block;
	font-weight: bold;
	font-size: min(1.563vw, 20px);
	margin-bottom: min(0.694vw, 10px);
}
.unit .note {
	font-size: 15px;
	text-indent: -1em;
	padding-left: 1em;
}

.unit p {
	margin-bottom: min(2.778vw, 40px);
	}

.img {
	max-width: 900px;
	margin: min(2.778vw, 40px) auto;
}
.img_list {
	margin:min(4.167vw, 60px) 0;
    display: flex;
    gap: min(2.083vw, 30px);
    flex-wrap: wrap;
}

.img_list li {
    width: calc((100% - min(2.083vw, 30px) * 2) / 3);
    display: flex;
    flex-direction: column;
}

.img_list li figcaption {
	font-size: min(1.25vw, 16px);
	margin-top: min(1.042vw, 15px);}

.img_list li figure span {
    display: block;
    width: 100%;
    aspect-ratio: 380 / 285;
}

.img_list li figure span img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.img_txt {
	display: flex;
	gap: min(5.556vw, 80px);
	align-items: flex-start;
	margin-bottom:  min(2.778vw, 40px);
	justify-content: space-between;
}

.img_txt p:empty {
	display: none;
}

.img_txt .wrap {
	width: min(51.389vw, 740px);
	}

.img_txt.left {
	flex-direction: row-reverse;
}

.img_txt.right {
	flex-direction: row;	
}

.img_txt.col {
	flex-direction: column-reverse;
	gap:min(2.778vw, 40px);
}
.img_txt.col-reverse {
	flex-direction: column;
	gap:min(2.778vw, 40px);	
}

.img_txt.col figure,.img_txt.col-reverse figure {
	margin: 0 auto;
	}
.img_txt figure {
	flex-shrink: 0;
	}
.img_txt figure span {
    display: block;
    width: 100%;
	max-width: 380px;
   /* aspect-ratio: 380 / 285;*/
}

.img_txt figure span img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.img_txt.col figure span,.img_txt.col-reverse figure span {
	max-width: 450px;
	}

.img_txt figcaption {
	font-size: min(1.25vw, 16px);
	margin-top: min(1.042vw, 15px);}

.link_list {
	display: flex;
	flex-direction: column;
	gap:10px;
	}
.link_list a {
	display: inline-flex;
	gap: 5px;
    align-items: center;
    background: #F6EFE8;
    padding: 5px 15px;
    border-radius: 20px;
	}
.link_list a:before {
	content:"";
	background-image: url("../img/ico_arw_s.svg");
	width: 8px;
	height: 10px;
	background-size: cover;
	display: inline-block;
	}

.page-numbers {
	width: min(2.778vw, 40px);
	height: min(2.778vw, 40px);
	border-radius: min(2.778vw, 40px);
	display: inline-block;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	}
.page-numbers.next,.page-numbers.prev  {
	width: auto;
	}
.page-numbers.current {
	color: #fff;
	background-color: #432103;
	}