/* CSS Document */

.top_slider,
.top_slider .slide{position: relative;}
.top_slider{background-color: var(--color-gray-2);}
.top_slider .slide{}
.top_slider .slide *{max-height: 576px;}
.top_slider .slide > *{	
	position: relative; z-index: 3; opacity:1;
	transition: opacity calc(var(--transition-middle) * 3);
}
.top_slider .slide > *:nth-child(n+2){position: absolute; inset:0; z-index: 1; opacity:0;}
.top_slider .slide > *:last-child{z-index: 2; opacity:1;}
.top_slider .text,
.top_slider .text picture,
.top_slider .text img{width:100%; height:100%;}
.top_slider .text{position: absolute; bottom:0; left:0;  z-index: 4;}
.top_slider .text img{object-fit: contain; object-position: left bottom;}
/*
@media screen and (min-width: 1101px){
	.top_slider img{min-height:min(768px,calc(1vw * 768 / 13));}
}
@media screen and (min-width: 871px) and (max-width: 1100px){
	.top_slider img{min-height:min(768px,calc(1vw * 768 / 10));}
}
@media screen and (max-width: 1100px){
	.top_slider .slide img{
		height:calc(100vh - var(--size-yoyaku-sp-H));
		height:calc(100dvh - var(--size-yoyaku-sp-H));
	}
}
*/

.top_menu1 .bg_R{
	background-color: var(--color-R); color:#FFF;
	text-align: center; font-size: 1em; min-height: 38px; padding: 0.5em 0;
	gap: 0.5em; display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.top_menu1 .bg_R a{display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;}
.top_menu1 .bg_R span{line-height: 1.25em;}
.top_menu1 .bg_K{
	background-color: var(--color-gray-2);
	color:#FFF;
	position: relative;
	padding: 16px 0 25px;
}
.top_menu1 .bg_K::before{
	content:'';
	position: absolute;
	inset:0;
	background-image: url("../../images/2025/top/ami-menu.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity:0.65;
	mix-blend-mode: multiply;
}
.top_menu1 .bg_K .menu{
	position: relative;
	display: flex; justify-content: center; align-items: center;
}
.top_menu1 .bg_K .menu a{
	font-size: var(--font-21-16);
	line-height: 1em;
	width: min(206px,25%);
	display: flex; flex-direction: column; align-items: center;
}
.top_menu1 .bg_K .menu a .i{width:calc(1em * 86 / 21); height:calc(1em * 109 / 21);
display: flex; justify-content: center; align-items: center;}
.top_menu1 .bg_K .menu a .i svg[fn="icon-tenpo"]{width:calc(100% * 63 / 86);}
.top_menu1 .bg_K .menu a .i svg[fn="icon-menu"]{width:calc(100% * 75 / 86);}
.top_menu1 .bg_K .menu a .i svg[fn="icon-event"]{width:calc(100% * 73 / 86);}
@media screen and (max-width: 1100px){
	.top_menu1 .bg_K .menu{flex-wrap: wrap;}
	.top_menu1 .bg_K .menu a{font-size: min(var(--font-21-16),calc(1vw * 20 / 8.7));}
}
@media screen and (min-width: 871px){
	.top_menu1 .bg_K .menu a + a{border-left: solid 2px rgba(255,255,255,0.5);}
}
@media screen and (max-width: 870px){
	.top_menu1 .bg_R{/* background-color: var(--color-gray-2); */ padding: 0.5em; min-height: max(50px,calc(1em * 50 / 16));}
	.top_menu1 .bg_K{padding: 0;}
	.top_menu1 .bg_K .menu{flex-wrap: wrap;}
	.top_menu1 .bg_K .menu a{width:50%; padding:1em 0; gap:0.5em;}
	.top_menu1 .bg_K .menu a:nth-of-type(2n){border-left: solid 1px rgba(255,255,255,0.5);}
	.top_menu1 .bg_K .menu a:nth-of-type(n+3){border-top: solid 1px rgba(255,255,255,0.5);}
	.top_menu1 .bg_K .menu a .i{width:max(40px,calc(1vw * 40 / 3.75)); height:max(40px,calc(1vw * 40 / 3.75));}
}


:root{
--slick-arrow-W:min(30px,max(25px,calc(1vw * 25 / 3.75)));
--slick-dots-W :12px;
}
.top_event{padding: 60px 0 75px;}
.top_event .slide{gap: 30px var(--slick-arrow-W); display: flex; flex-wrap: wrap; justify-content: center;}
.top_event .slide .slick-list{order:1; width: 100%;}
.top_event .slide:not(.slick-dotted) .slick-list{}
.top_event .slide:not(.slick-dotted) .slick-track{max-width: 100%; transform: none!important; display: flex; justify-content: center;}
.top_event .slide:not(.slick-dotted) .slick-track::before,
.top_event .slide:not(.slick-dotted) .slick-track::after{display: none;}
.top_event .slide .slick-prev{order:2;}
.top_event .slide .slick-dots{order:3; gap:calc(var(--slick-dots-W) + 2px);
display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.top_event .slide .slick-next{order:4;}
.top_event .slide .slick-arrow{font-size:calc(var(--slick-arrow-W) * 14 / 30); width:var(--slick-arrow-W); height:var(--slick-arrow-W); cursor: pointer;
border: solid 1px var(--color-K); border-radius: 100%;
display: flex; justify-content: center; align-items: center;}
.top_event .slide .slick-arrow svg{padding-left:calc(1em * 3 / 14); min-width:1em; height:1em;}
.top_event .slide .slick-arrow svg *{stroke:var(--color-K);}
.top_event .slide .slick-prev svg{transform: scaleX(-1);}
.top_event .slide .slick-dots li{width:var(--slick-dots-W); height:var(--slick-dots-W); cursor: pointer;
border: solid 1px var(--color-K); border-radius: 100%;}
.top_event .slide .slick-dots li.slick-active{background-color:var(--color-K);}
.top_event .slide .slick-dots li button{display:none;}


.top_news{position:relative; overflow:hidden; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.top_news .bg{
	position: absolute; inset: 0;
	display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: calc(100% / 2);
}
.top_news .bg > *{display: flex;}
.top_news .bg > * img{width:100%; height:100%;}
.top_news .bg::after{
	content: '';
	position: absolute; inset: 0; z-index: 2;
	background-color: var(--color-dark30);
}
.top_news .pad{
	position: relative;	z-index: 3;
	min-height: 526px;
	padding: min(50px,max(30px,calc(1vw * 30 / 3.75))) 0;
	display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.top_news .inner h3{line-height: 1em;}
.top_news .inner .ovalbtn_box{margin-top: 15px;}
@media screen and (max-width: 870px){
	.top_news .bg{grid-template-columns: repeat(2, 1fr); grid-auto-rows: calc(100% / 3);}
	.top_news .pad{min-height: 450px;}
}

.top_menu2{
	margin:min(90px,max(50px,calc(1vw * 50 / 3.75))) auto min(165px,max(90px,calc(1vw * 90 / 3.75)));
	width:var(--size-inner-W825);
}
.top_menu2 .list{gap:20px; display: flex; flex-direction: column;}
.top_menu2 .list a{display: flex; align-items: center;}
.top_menu2 .list a .p img{width:100%; border-radius: var(--radius-10);}
.top_menu2 .list a .t{flex-grow: 1; gap:1em; display: flex; flex-direction: column; align-items: center;}
.top_menu2 .list a .t h3{font-size: 21px; gap:0.5em; display: flex; align-items: center;}
.top_menu2 .list a .t h3 svg{height: calc(1em * 15 / 21);}
.top_menu2 .list a .t hr{width:100%;}
.top_menu2 .list a .t > div{text-align: center; padding: 0 1em;}
.top_menu2 .bnr_rec{
	margin-top: min(65px,calc(1% * 65 / 11));
	width:100%;
	font-size: var(--font-21-20);
	font-weight: 900;
	border-radius: var(--radius-10); overflow: hidden;
	position: relative;
	display: flex; justify-content: space-between;
}
.top_menu2 .bnr_rec::after{
	content:'';
	display: block;
	position: absolute;
	inset: min(calc(var(--radius-10) * 0.8),calc(1vw * 4 / 3.75));
	border:solid 1px #FFF;
	border-radius: calc(var(--radius-10) * 0.8);
}
.top_menu2 .bnr_rec > div{
	flex-grow: 1;
	background-color: var(--color-K);
	color:#FFF;
	gap: min(1em,calc(1vw * 10 / 3.75)); display: flex; justify-content: center; align-items: center;
}
.top_menu2 .bnr_rec > div svg{
	width: auto;
	height: min(1em,calc(1vw * 12 / 3.75));
}
.top_menu2 .bnr_rec picture{
	width:calc(1% * 530 / 11); min-width:calc(1% * 530 / 11);
}
@media screen and (min-width: 870px){
	.top_menu2 .list a:nth-of-type(2n){flex-direction: row-reverse;}
	.top_menu2 .list a .p{width:calc(1% * 530 / 11); min-width:calc(1% * 530 / 11);}
}
@media screen and (max-width: 870px){
	.top_menu2 .list{margin: auto; width:min(100%,max(300px,calc(1vw * 300 / 3.75))); gap:60px;}
	.top_menu2 .list a{width:100%; gap:15px; flex-direction: column;}
	.top_menu2 .list a .p{width:100%;}
	.top_menu2 .list a .t{gap:0.5em;}
	.top_menu2 .list a .t h3 svg{height:0.5em;}
	.top_menu2 .list a .t > div{padding: 0;}
	.top_menu2 .bnr_rec{margin-top: 60px;}
}

.top_brand{width:min(545px,72.5%); margin: 0 auto min(160px,max(50px,calc(1vw * 50 / 3.75)));}
.top_brand .list{
	gap: 40px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.top_brand .list a{
	width:calc(1% * 263 / 5.45);
	font-size: var(--font-17-16);
	border-radius: var(--radius-10);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.top_brand .list a:hover{
	background-color: #FFF;
	box-shadow: 0 0 0 1px var(--color-R);
}
.top_brand .list a > *{position: relative; padding-top: calc(1% * 153 / 2.63); width: 100%;}
.top_brand .list a > * > *{
	position: absolute;
	width:100%;
	display: flex; justify-content: center; align-items: center;
}
.top_brand .list a .p{top:0; left:0; height:75%;}
.top_brand .list a .p img[src*="shikitei"]{width:calc(1% * 140 / 2.63);}
.top_brand .list a .p img[src*="tourimichi"]{width:calc(1% * 170 / 2.63);}
.top_brand .list a .p img[src*="cs-hamayuu"]{width:calc(1% * 138 / 2.63);}
.top_brand .list a .t{
	bottom: 0; height:25%; margin: 0 auto; padding-bottom: min(1em, 50%);
	gap: 0.5em; display: flex; justify-content: center; align-items: center;
}
@media screen and (max-width: 870px){
	.top_brand{width:min(600px,max(351px,calc(1vw * 351 / 3.75)));}
	.top_brand .list{gap:1em 0;}
	.top_brand .list a{width:48%;}
}