@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@900&display=swap');

:root {
--Red:#ae000d;
--DarkRed:#6b0008;
--paleGold:#ffde7c;
--Gold:#c5a14a;
--DarkYellow:#b28c2f;
--Green:#347a24;
--GradeVertical:linear-gradient(to bottom, rgba(223,186,77,1) 0%,rgba(183,147,74,1) 100%); /*縦*/
--GradeHorizontal:linear-gradient(to right, rgba(183,147,74,1) 0%,rgba(223,186,77,1) 50%,rgba(183,147,74,1) 100%);/*横*/
--BgGrid:conic-gradient(#000000 90deg, transparent 90deg 180deg, #000000 180deg 270deg, transparent 270deg);
--BgGridColor: transparent;
--BgGridSize_S:25px 25px;
--BgGridSize_M:40px 40px;
--contentsPadding:60px 0 80px 0;
--MainWidth:1000px;
}

body{color: #000}
#breadcrumb{
    width: 100%;
    margin: 0;
    padding: 15px 0;
}
#breadcrumb ul{
    width: var(--MainWidth);
    margin: 0 auto;
}
.pankuzu li, #breadcrumb li{
    padding: 0;
}

article a{color: #333}

article .btn{}
article .btn a{position: relative;text-decoration: none;display: inline-block;}
article .btn a:hover{background-color: var(--DarkRed);}
article .btn a:after{position: absolute;right: 4px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1}

article br.pc{ display: inline}
article br.smp{ display: none}

article img{
	width: 100%;
	height: auto;
}
article ul.list{display: flex;flex-wrap: wrap;}
article ul.list li{padding-left:16px;line-height: 1.4;margin-right: 10px;}
article ul.list li + li{
	margin-top: 5px;
}
article ul.list li:before{content:"\f058";display:block;float:left;margin-left: -15px;width:1em;text-align:center;font-family:FontAwesome;font-size: 90%;margin-top: 2px;}

article .commonTtl{
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	z-index: 3;
	margin-bottom: 50px;
}
article .commonTtl:before,
article .commonTtl:after{content: "";width: 61px;height: 27px;position: absolute;background-repeat: no-repeat;background-position: center;top: 10px;background-size: contain;}
article .commonTtl:before{background-image: url(../../images/2026hatsuyume/deco_gold_left.png);left: -80px;}
article .commonTtl:after{background-image: url(../../images/2026hatsuyume/deco_gold_right.png);right: -80px;}
article .commonTtl .main{
	font-size: 20px;
	line-height: 1;
	margin: 0 auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	font-weight: normal;
	padding-bottom: 7px;
	}
article .commonTtl .main strong{
	font-weight: normal;
	font-size: 150%;
	display: inline-block;
}

article .OtherLink{
	width: 90%;
	margin: 0 auto;
	margin-top: 60px;
}
article .OtherLink a{background-color: var(--Red);display: block;display: flex;position: relative;color: #fff;justify-content: center;align-items: center;height: 120px;}
article .OtherLink a:before{content: "";position: absolute;top: 5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);border: 1px solid var(--Gold);box-sizing: border-box;}
article .OtherLink a:after{
	right: 20px;
	font-size: 40px;
}
article .OtherLink a .deco{
	position: absolute;
	width: 160px;
	left: -10px;
}
article .OtherLink a .txt{
	flex: 1;
	font-size: 16px;
	text-align: center;
}
article .OtherLink a .txt strong{
	font-size: 20px;
}

#page-top {
	background-color: #000;
}

article .AccordionPC .AccClose{
	background-color: #414141;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin-top: 10px;
}
article .AccordionPC .trigger{position: relative;border: 1px solid #9f9f9f;text-align: center;border-radius: 3px;padding: 3px 0;}
article .AccordionPC .trigger:hover{
	cursor: pointer;
	background-color: #e8e8e8;
}
article .AccordionPC .trigger:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f067";font-family:FontAwesome;line-height: 1;font-weight: normal;}
article .AccordionPC .trigger.active:after{content:"\f068";}

/*-------------------------------Menu*/
.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;background-color: #fff;}
.header_change.show{top: 0;box-shadow: 0 0 4px rgb(0 0 0 / 40%);}



#Menu{
	background-color: var(--Red);
	position: relative;
	padding: 10px 0 13px 0;
}
#Menu .humb{
    display: none;
}
#Menu:before{content:"";background-image:var(--BgGrid);background-color:var(--BgGridColor);opacity: 0.07;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: var(--BgGridSize_S);}
#Menu .Inner{
	position: relative;
	width: var(--MainWidth);
	margin: 0 auto;
}
#Menu .Inner .LogoArea{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
#Menu .Inner .LogoArea dt{
	width: 115px;
}
#Menu .Inner .LogoArea dt a{}
#Menu .Inner .LogoArea dt img{}
#Menu .Inner .LogoArea dd{
	margin-left: 10px;
}
#Menu .Inner .LogoArea dd ul{
	display: flex;
	align-items: center;
	column-gap: 6px;
}
#Menu .Inner .LogoArea dd li{}
#Menu .Inner .LogoArea dd li a{
	color: #fff;
	border: 1px solid #fff;
	padding: 6px 12px;
	line-height: 1;
	font-size: 13px;
	border-radius: 3px;
	font-weight: bold;
}
#Menu .Inner .LogoArea dd li a:hover{
	color: var(--Red);
	background-color: #fff;
}
#Menu .Inner .MenuArea{
	display: flex;
	justify-content: space-between;
}
#Menu .Inner .MenuArea .Main{
	display: flex;
	position: relative;
	column-gap: 5px;
}
#Menu .Inner .MenuArea .Main dt{}
#Menu .Inner .MenuArea .Main dt a,
#Menu .Inner .MenuArea .Main dt p{
	background-color: #fff;
	color: var(--Red);
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	border-radius: 100px;
	line-height: 1;
	display: inline-block;
	padding: 5px 10px;
	font-size: 13.5px;
	letter-spacing: 0;
	-webkit-transition: all .3s ease-out;
}
#Menu .Inner .MenuArea .Main dt a:hover,
#Menu .Inner .MenuArea .Main dt p:hover{
	background-color: var(--DarkYellow);
	color: #fff;
	cursor: pointer;
}
#Menu .Inner .MenuArea .Main dt a.active,
#Menu .Inner .MenuArea .Main dt p.active{	background-color: var(--DarkYellow);
	color: #fff;}
#Menu .Inner .MenuArea .Main dd{
	position: absolute;
	background-color: var(--Red);
	border: 2px solid #fff;
	top: 40px;
	width: 330px;
	padding: 15px 15px;
	box-sizing: border-box;
	border-radius: 5px;
	z-index: 9;
	display: none;
}
#Menu .Inner .MenuArea .Main dd.Asia{
	left: -26px;
}
#Menu .Inner .MenuArea .Main dd.Hwi{
	left: -56px;
}
#Menu .Inner .MenuArea .Main dd.Usa{
	left: 30px;
}
#Menu .Inner .MenuArea .Main dd.Eur{
	left: 100px;
}
#Menu .Inner .MenuArea .Main dd.AFR{
	left: 180px;
}
#Menu .Inner .MenuArea .Main dd.Oce{
	left: 292px;
}
#Menu .Inner .MenuArea .Main dd:after, #Menu .Inner .MenuArea .Main dd:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#Menu .Inner .MenuArea .Main dd:after {
	border-color: rgba(174, 0, 13, 0);
	border-bottom-color: var(--Red);
	border-width: 10px;
	margin-left: -10px;
}
#Menu .Inner .MenuArea .Main dd:before {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 13px;
	margin-left: -13px;
}
#Menu .Inner .MenuArea .Main dd.Asia:after, #Menu .Inner .MenuArea .Main dd.Asia:before {left: 50px;}
#Menu .Inner .MenuArea .Main dd ul{}
#Menu .Inner .MenuArea .Main dd li{}
#Menu .Inner .MenuArea .Main dd li + li{
	border-top: 1px dotted #fff;
	padding-top: 10px;
	margin-top: 10px;
}
#Menu .Inner .MenuArea .Main dd li a{
	text-decoration: none;
	display: flex;
	align-items: center;
	position: relative;
}
#Menu .Inner .MenuArea .Main dd li a:hover p,
#Menu .Inner .MenuArea .Main dd li a.active p{color: var(--paleGold);}
#Menu .Inner .MenuArea .Main dd li a:after{position: absolute;right: 0px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;color: #fff;}
#Menu .Inner .MenuArea .Main dd li a:before{content:"";width: 60px;height: 60px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
#Menu .Inner .MenuArea .Main dd li a p{
	flex: 1;
	margin-left: 10px;
	color: #fff;
}
#Menu .Inner .MenuArea .Main dd li a p span{
	display: block;
}
#Menu .Inner .MenuArea .Main dd li a .main{
	font-weight: bold;
}
#Menu .Inner .MenuArea .Main dd li a .sub{
	font-size: 11px;
}
#Menu .Inner .MenuArea .Main dd .close{
    -webkit-transition: all .3s ease-out;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    margin-top: 10px;
    border: 1px solid #fff;
    padding: 2px;
    font-size: 15px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-weight: normal;
}
#Menu .Inner .MenuArea .Main dd .close:before{content:"×";display: inline-block;font-weight: normal;padding-right: 2px;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;}
#Menu .Inner .MenuArea .Main dd .close:hover{
    background-color: #fff;
    border: 1px solid var(--Red);
    color: var(--Red);
    cursor: pointer;
}


#Menu .Inner .MenuArea .Sub{
}
#Menu .Inner .MenuArea .Sub ul{
	display: flex;
	column-gap: 2px;
}
#Menu .Inner .MenuArea .Sub li{
	font-size: 12.5px;
	color: #fff;
}
#Menu .Inner .MenuArea .Sub li + li{}
#Menu .Inner .MenuArea .Sub li + li:before{content:"｜";display: inline-block;padding: 0;}
#Menu .Inner .MenuArea .Sub li a{
	color: #fff;
	font-weight: bold;
}
#Menu .Inner .MenuArea .Sub li a:hover{}
#Menu .Inner .MenuArea .Sub li a.active{color: var(--paleGold);text-decoration: none;}
#Menu .Inner .MenuArea .Main dd li a[href^="korea_taiwan_hongkong"]:before{ background-image: url(../../images/commonLowerMV/korea_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="vietnam_bali"]:before{ background-image: url(../../images/commonLowerMV/vietnam_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="singapore_malaysia"]:before{ background-image: url(../../images/commonLowerMV/singapore_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="thai_cambodia"]:before{ background-image: url(../../images/commonLowerMV/thai_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="usa_canada"]:before{ background-image: url(../../images/commonLowerMV/usa_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="hawaii_guam"]:before{ background-image: url(../../images/commonLowerMV/hawaii_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="italy_spain"]:before{ background-image: url(../../images/commonLowerMV/italy_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="france_Uk"]:before{ background-image: url(../../images/commonLowerMV/france_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="germany_austria"]:before{ background-image: url(../../images/commonLowerMV/germany_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="dubai_egypt_turkey"]:before{ background-image: url(../../images/commonLowerMV/dubai_smp.jpg)}
#Menu .Inner .MenuArea .Main dd li a[href^="maldives_australia_newzealand"]:before{ background-image: url(../../images/commonLowerMV/maldives_smp.jpg)}

/*-----------------------------------------------------------Recept*/
#Recept{
	background-color: #131313;
	padding: 10px 0;
	border-top: 2px solid var(--paleGold);
}
#Recept p{color: var(--paleGold);font-size: 18px;font-weight: 900;text-align: center;display: flex;justify-content: center;column-gap: 10px;}

/*-------------------------------------------------------Campaign*/
.Campaign{
	width: var(--MainWidth);
	margin: 0 auto;
	position: relative;
	z-index: 3;
	display: flex;
	border-radius: 5px;
	border: 5px solid;
	box-sizing: border-box;
}
.Campaign .TitleArea{
	position: relative;
	width: 160px;
	background-color: var(--Red);
	padding: 0 10px 0 20px;
}
.Campaign .Title{
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
}
.Campaign .arrow{border-width: 30px 0 30px 20px;width: 0;height: 0;border-style: solid;position: absolute;right: -20px;top: 50%;display: block;transform: translate(0, -50%);}
.Campaign.Discount .arrow{border-color: transparent transparent transparent var(--Red);}
.Campaign .Main{
	background-color: #fff;
	padding: 20px 20px 20px 40px;
	flex: 1;
}
.Campaign .Entry .Detail .stamp{background-image:url(../../images/2026hatsuyume/bg_flower.png);background-position: center;background-repeat: no-repeat;background-size: contain;color: #000;text-align: center;line-height: 1.2;padding: 18px 20px 10px 20px;margin-top: -10px;margin-left: -10px;}
.Campaign .Entry .Detail .stamp span{
	display: block;
	font-weight: bold;
}
.Campaign .Entry .Detail .stamp span + span{}
.Campaign .Entry .Detail .stamp span strong{
	color: var(--Red);
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
}
.Campaign .Attention{}
.Campaign .Attention dt{
	font-weight: bold;
	padding-bottom: 5px;
}
.Campaign .Attention dd{}
.Campaign .Attention ul{
	font-size: 13px;

}
.Campaign .Attention li{}

.Campaign.Discount{border-color: var(--Red);}
.Campaign.Discount .Title{}
.Campaign.Discount .Title:before,
.Campaign.Discount .Title:after{content: "";background-image: url(../../images/2026hatsuyume/illust_matsu.png);width: 49px;height: 28px;background-position: center;background-repeat: no-repeat;background-size: contain;margin: 20px 0;}
.Campaign.Discount .Title .logo{
	margin-bottom: 10px;
	width: 160px;
}
.Campaign.Discount .Title h2{
	font-size: 38px;
	line-height: 1.2;
	font-weight: normal;
}

.Campaign.Discount .Main{}
.Campaign.Discount .Entry{padding: 10px 15px 15px 0px;background-color: #e9e9e9;margin-bottom: 10px;}
.Campaign.Discount .Entry .Detail{
	color: var(--Red);
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}
.Campaign.Discount .Entry .Detail .main{
	flex: 1;
	text-align: center;
	margin: 0 15px 0 10px;
	border-bottom: 2px solid var(--Red);
	padding-bottom: 10px;
}
.Campaign.Discount .Entry .Detail .main dt{
	display: flex;
	white-space: nowrap;
	align-items: center;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 7px;
}
.Campaign.Discount .Entry .Detail .main dt:before,
.Campaign.Discount .Entry .Detail .main dt:after{content:"";width: 100%;height: 2px;background-color: var(--Red);}
.Campaign.Discount .Entry .Detail .main dt strong{
	background-color: var(--Red);
	color: #fff;
	padding: 1px 10px;
	display: inline-block;
	margin: 0 4px;
}
.Campaign.Discount .Entry .Detail .main dd{
	font-weight: 900;
}
.Campaign.Discount .Entry .Detail .main dd strong{
	font-weight: 900;
	font-size: 16px;
}
.Campaign.Discount .Entry .Detail .main dd + dd{
	font-size: 22px;
}
.Campaign.Discount .Entry .Detail .main dd + dd strong{}
.Campaign.Discount .Entry .Detail .price{
	text-align: center;
	font-weight: 900;
}
.Campaign.Discount .Entry .Detail .price dt{
	font-size: 15px;
}
.Campaign.Discount .Entry .Detail .price dt strong{
	font-size: 18px;
	font-weight: 900;
}
.Campaign.Discount .Entry .Detail .price dd{
	font-size: 30px;
	line-height: 1;
	margin-top: -10px;
	background-image: url(../../images/2026hatsuyume/bg_line_price.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 7px;
}
.Campaign.Discount .Entry .Detail .price dd strong{
	font-size: 80px;
	letter-spacing: -8px;
	display: inline-block;
	padding-right: 6px;
}
.Campaign.Discount .Entry .Detail .price dd em{
	font-size: 60px;
}
.Campaign.Discount .Entry .atte{
	font-size: 13px;
	margin-left: 10px;
}
.Campaign.Discount .Entry .atte li{
	margin-right: 0;
}

/*-------------------------------------Campaign_Mini*/
.Campaign.Mini{}
.Campaign.Mini .TitleArea{
	width: 100%;
	box-sizing: border-box;
}
.Campaign.Mini .Title{
	flex-direction: row;
	padding: 6px 0px;
	height: auto;
}
.Campaign.Mini .arrow{}
.Campaign.Mini.Discount .arrow{
	display: none;
}
.Campaign.Mini .Main{
	padding: 25px;
}
.Campaign.Mini .Entry .Detail .stamp{
	font-size: 13px;
	position: absolute;
	top: -10px;
	left: -20px;
	margin: 0;
}
.Campaign.Mini .Entry .Detail .stamp span{}
.Campaign.Mini .Entry .Detail .stamp span + span{}
.Campaign.Mini .Entry .Detail .stamp span strong{}
.Campaign.Mini .Attention{}
.Campaign.Mini .Attention dt{}
.Campaign.Mini .Attention dd{
	margin-top: 10px;
}
.Campaign.Mini .Attention ul{}
.Campaign.Mini .Attention li{}
.Campaign.Mini.Discount{
	display: block;
}
.Campaign.Mini.Discount .Title{}
.Campaign.Mini.Discount .Title:before,.Campaign.Mini.Discount .Title:after{
	width: 30px;
	height: 20px;
	margin: 0 10px;
}
.Campaign.Mini.Discount .Title .logo{
	width: 110px;
	margin-bottom: 0;
	margin-right: 10px;
}
.Campaign.Mini.Discount .Title h2{
	font-size: 24px;
}
.Campaign.Mini.Discount .Title h2 br{
	display: none;
}
.Campaign.Mini.Discount .Main{}
.Campaign.Mini.Discount .Entry{
	display: flex;
	position: relative;
	align-items: flex-start;
	padding-bottom: 8px;
}
.Campaign.Mini.Discount .Entry .Detail{
	margin-left: 77px;
	display: block;
	width: 370px;
	margin-bottom: 0;
}
.Campaign.Mini.Discount .Entry .Detail .main{
	padding-bottom: 5px;
	border: none;
}
.Campaign.Mini.Discount .Entry .Detail .main dt{
	font-size: 12px;
	margin-bottom: 2px;
}
.Campaign.Mini.Discount .Entry .Detail .main dt:before,.Campaign.Mini.Discount .Entry .Detail .main dt:after{}
.Campaign.Mini.Discount .Entry .Detail .main dt strong{}
.Campaign.Mini.Discount .Entry .Detail .main dd{
	font-size: 13px;
}
.Campaign.Mini.Discount .Entry .Detail .main dd strong{
	font-size: 15px;
}
.Campaign.Mini.Discount .Entry .Detail .main dd + dd{
	font-size: 15px;
}
.Campaign.Mini.Discount .Entry .Detail .main dd + dd strong{}
.Campaign.Mini.Discount .Entry .Detail .price{
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 0;
}
.Campaign.Mini.Discount .Entry .Detail .price dt{
	font-size: 12px;
	margin-top: -6px;
}
.Campaign.Mini.Discount .Entry .Detail .price dt strong{
	font-size: 15px;
}
.Campaign.Mini.Discount .Entry .Detail .price dd{white-space: nowrap;font-size: 18px;}
.Campaign.Mini.Discount .Entry .Detail .price dd strong{
	font-size: 50px;
	letter-spacing: -4px;
}
.Campaign.Mini.Discount .Entry .Detail .price dd em{
	font-size: 40px;
}
.Campaign.Mini.Discount .Entry .atte{
	flex: 1;
}
.Campaign.Mini.Discount .Entry .atte li{}

.Campaign + .DiscountTopic{
	position: relative;
	z-index: 3;
	width: var(--MainWidth);
	margin: 0 auto;
	/* margin-top: 10px; */
	text-align: center;
	background-color: var(--Red);
	padding: 15px 0;
	margin-bottom: 30px;
	line-height: 1.8;
	color: #fff;
	font-weight: bold;
	margin-top: -4px;
}
.Campaign + .DiscountTopic a{
	color: var(--paleGold);
}
.Campaign + .DiscountTopic strong{
	color: var(--paleGold);
}
/*-------------------------------------AreaMV*/
.AreaMV{height: 250px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;display: flex;justify-content: center;align-items: center;margin-bottom: 60px;}
.AreaMV:before{content: "";background-color: rgb(0 0 0 / 60%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.AreaMV#korea_taiwan_hongkong{ background-image: url(../../images/commonLowerMV/korea.jpg)}
.AreaMV#vietnam_bali{ background-image: url(../../images/commonLowerMV/vietnam.jpg)}
.AreaMV#singapore_malaysia{ background-image: url(../../images/commonLowerMV/singapore.jpg)}
.AreaMV#thai_cambodia{ background-image: url(../../images/commonLowerMV/thai.jpg)}
.AreaMV#hawaii_guam{ background-image: url(../../images/commonLowerMV/hawaii.jpg)}
.AreaMV#usa_canada{ background-image: url(../../images/commonLowerMV/usa.jpg)}
.AreaMV#italy_spain{ background-image: url(../../images/commonLowerMV/italy.jpg)}
.AreaMV#france_Uk{ background-image: url(../../images/commonLowerMV/france.jpg)}
.AreaMV#germany_austria{ background-image: url(../../images/commonLowerMV/germany.jpg)}
.AreaMV#dubai_egypt_turkey{ background-image: url(../../images/commonLowerMV/dubai.jpg)}
.AreaMV#maldives_australia_newzealand{ background-image: url(../../images/commonLowerMV/maldives.jpg)}
.AreaMV#music{ background-image: url(../../images/commonLowerMV/music.jpg)}
.AreaMV#impresso{ background-image: url(../../images/commonLowerMV/imp.jpg)}
.AreaMV#cruise{ background-image: url(../../images/commonLowerMV/cruise.jpg)}
.AreaMV#domestic{ background-image: url(../../images/commonLowerMV/domestic.jpg)}
.AreaMV#air_airZ{ background-image: url(../../images/commonLowerMV/airAH.jpg)}

.AreaMV .Title{
	background-image: url(../../images/2026hatsuyume/bg_line_areaSub.png);
	text-align: center;
	color: #fff;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 20px 80px;
	text-shadow: 0 0 4px #000;
}
.AreaMV .Title .main{
	font-size: 30px;
	padding-bottom: 5px;
}
.AreaMV .Title .sub{
	font-size: 18px;
}


/*--------------------------------------------------------------Search*/
#SearchWrap{position: relative;background-image: url(../../images/2026hatsuyume/bg_goldleaf_thin.png);padding: var(--contentsPadding);}
#SearchWrap:before,
#SearchWrap:after{content:"";width: 221px;height: 283px;position: absolute;top: 0;background-position: center;background-repeat: no-repeat;}
#SearchWrap:before{background-image:url(../../images/2026hatsuyume/illust_search_left.png);left: 0;}
#SearchWrap:after{background-image:url(../../images/2026hatsuyume/illust_search_right.png);right: 0px;}
#SearchWrap h2{}
#SearchWrap h2:before,
#SearchWrap h2:after{}
#SearchWrap h2 .main{ background-image:url(../../images/2026hatsuyume/bg_line_search.png)}

#SearchWrap .Inner{
	width: var(--MainWidth);
	margin: 0 auto;
}
#SearchWrap .Tab{
	display: flex;
	justify-content: center;
	column-gap: 10px;
	margin-bottom: 20px;
}
#SearchWrap .Tab li{
	border: 2px solid var(--Gold);
	color: var(--DarkYellow);
	padding: 10px 40px;
	font-size: 17px;
	border-radius: 100px;
	background-color: #fff;
	-webkit-transition: all .3s ease-out;
	position: relative;
}
#SearchWrap .Tab li:hover{
	cursor: pointer;
	background-color: #fffcf2;
}
#SearchWrap .Tab li + li{}
#SearchWrap .Tab li.select{
	background-color: var(--Gold);
	color: #fff;
}
#SearchWrap .Tab li.select:after {
  content:"";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid var(--Gold);
  border-bottom: 0;
  bottom: -10px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
  top: auto;
}

#SearchWrap .TabEntry{
	border: 3px solid var(--Gold);
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
}


/*--------------------------------Search*/
#Search{
}
#Search form{
	display: flex;
	justify-content: space-between;
}

#Search .Main{
	flex: 1;
}
#Search .Main .Top{
	display: flex;
	margin-bottom: 10px;
}
#Search .Main .Btm{
	display: flex;
	align-items: center;
}
#Search .Main ul{}
#Search .Main li{}
#Search .Main li + li{
}
#Search .Main .Top li{
	margin-right: 5px;
}
#Search .Main .Top li#dstList{}
#Search .Main .Top li#dstList .selectbox{
	width: 16em;
}
#Search .Main .Btm li{margin-right: 15px;}
#Search .Btn{
}

#Search input[type=radio]{display: none;}
#Search input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size:14px;}
#Search input[type=radio]+label::before,
#Search input[type=radio]+label::after { position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#Search input[type=radio]+label::before { width: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 2px solid #CECECE; }
#Search input[type=radio]+label::after { left: 5px; width: 10px;height: 10px;margin-top: -7px; background: #CECECE;}
#Search input[type=radio]:checked+label::before { border-color:#333333; }
#Search input[type=radio]:checked+label::after {background: #333333;}

#Search input[type=checkbox]{display: none;}
#Search input[type=checkbox]+label {position: relative;display: inline-block;cursor: pointer;padding-left: 20px;margin-right: 0px;font-size: 14px;}
#Search input[type=checkbox]+label::before{ position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
#Search input[type=checkbox]+label::before {width: 16px;height: 16px;margin-top: -10px;background: #FFF;border: 1px solid #B7B7B7;}
#Search input[type=checkbox]:checked+label::before { border-color:#333333; }
#Search input[type=checkbox]:checked+label::after {content: "\f00c";font-family:FontAwesome;position:absolute;top: 3px;left: 3px;color:#333333;font-size: 11px;}

@media screen and (max-width:480px){
#Search input[type=checkbox]+label { font-size:14px}
}


#Search input[type=text]{outline:none;font-weight: bold;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';background: none transparent;background-color:#fff;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 45px;padding: 3px 10px;border:1px solid #B9B9B9;width: 10em;border-radius: 4px;box-sizing:border-box;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;}
#Search input[type=text]:hover,
#Search input[type=text]:focus{border-color:#666666;cursor: pointer;}

#Search .selectbox {position: relative; display:inline-block; white-space:nowrap; }
#Search .selectbox:before{content:" ";display:block;position:absolute;top:50%;right: 9px;margin-top: -5px;width: 5px;height: 5px;border-top: 2px solid #939393;border-right: 2px solid #939393;-webkit-transform:rotate(135deg);transform:rotate(135deg);pointer-events:none;}
#Search .selectbox.noTxt:before {right: 10px;}
#Search .selectbox select{background-color:#fff;outline:none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';vertical-align: middle;font-size: 14px;font-weight: bold;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 45px;padding: 3px 40px 3px 13px;border:1px solid #B9B9B9;width: 100%;border-radius: 4px;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;}
#Search .selectbox select:hover{border-color:#666666;cursor: pointer;}
#Search select option{  background-color: #fff; color: #333;}
#Search select[disabled]{ background-color:#eee; color:#999; }
#Search select::-ms-expand {display: none;}
#Search select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a;}

#Search button{text-decoration:none;-webkit-transition: all .3s ease-out;position:relative;display: inline-block;overflow: visible;margin:0;padding: 7px 30px 10px 30px;cursor: pointer;text-align: center;text-decoration: none;outline: 0;border:none;background-color: var(--Gold);box-sizing:border-box;color:#FFFFFF;font-weight:bold;border-radius: 4px;font-family: "Noto Sans JP","Yu Gothic","YuGothic",sans-serif;height: 70px;font-size: 15px;/* box-shadow: 0 0 4px rgb(0 0 0 / 30%); */}
#Search button:hover,
#Search button:focus {background: #927631;}

#Search input::placeholder{ color:#B7B7B7}

#Search .datepicker{ position:relative;}
#Search .datepicker:after{ z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.7em; content: "\f073"; font-family:FontAwesome; color: #7F878C; font-size:18px; pointer-events: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ui-helper
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
#ui-datepicker-div{position:absolute;top:0;z-index:20;width:324px;height:auto;margin-top:30px;margin-left:-307px;padding:2px 10px 10px;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:6px;box-sizing:border-box;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.ui-datepicker div{box-sizing:border-box}
.ui-datepicker .ui-datepicker-current{display:none}
.ui-datepicker .ui-datepicker-header{margin-bottom:6px}
.ui-datepicker-header a{text-decoration:none}
.ui-datepicker-header,.ui-datepicker .ui-datepicker-title{margin:0 36px;height:30px;line-height:30px;font-weight:700}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:3px;display:block;width:30px;height:30px;line-height:30px;cursor:pointer;text-align:center}
.ui-datepicker .ui-datepicker-prev{left:3px}
.ui-datepicker .ui-datepicker-next{right:3px}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before{display:inline-block;content:"";font-family:'FontAwesome';font-style:normal;font-weight:400;font-size:22px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#215576!important}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,.ui-datepicker .ui-datepicker-next.ui-state-disabled{opacity:.2}
.ui-datepicker .ui-datepicker-prev:before{content:"\f104"}
.ui-datepicker .ui-datepicker-next:before{content:"\f105"}
.ui-datepicker-calendar thead th{padding:8px 2px 2px;height:20px;border-left:solid 1px #ddd;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;font-size:12px;text-align:center;background-color:#103146;color:#fff;font-weight:400;box-sizing:border-box}
.ui-datepicker-calendar thead th:first-child{background-color:#fb6969}
.ui-datepicker-calendar thead th:last-child{background-color:#59a2b3;border-right:solid 1px #ddd}
.ui-datepicker-calendar tbody td{border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;padding-top:8px;height:30px;text-align:center;color:#939393}
.ui-datepicker-calendar tbody td span,.ui-datepicker-calendar tbody td a{padding:2px 2px 0;color:#939393;font-size:14px}
.ui-datepicker-calendar tbody td:last-child{border-right:solid 1px #ddd}
.ui-datepicker-calendar tbody td > span,.ui-datepicker-calendar tbody td > a{text-align:center}
.ui-datepicker-calendar tbody td:first-child{background-color:#f2e6e6}
.ui-datepicker-calendar tbody td:first-child a{color:red!important}
.ui-datepicker-calendar tbody td:last-child{background-color:#d2e3e7}
.ui-datepicker-calendar tbody td:last-child a{color:#19589e!important}
.ui-datepicker-calendar tbody td.ui-state-disabled{background-color:#ebebeb;color:#ccc!important}
.datepickerGroup{margin-left:10px!important;position:relative}
.calendarGroup{position:relative;padding-right:24px}
.ui-datepicker-trigger{position:absolute;top:11px;right:0;z-index:9;width:18px;height:18px;display:block;color:#939393!important;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;font-size: 0;}
.ui-datepicker-trigger:after{content: "\f073";font-family:FontAwesome;font-size: 18px;}
.calendarGroup{display:flex;flex-direction:row;justify-content:center;align-items:center}
.datepickerGroup input{position:relative;z-index:10;background-color:transparent!important}
.datepickerGroup.text-md input{width:117px!important}
button.ui-datepicker-close{display:block;position:absolute;top:13px;right:10px;padding:0!important;margin:0!important;width:16px!important;height:16px!important;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;font-weight:700!important;font-size:16px;line-height:16px;color:#939393}
.selectDayGroup + input.datepicker{display:none}



#ui-datepicker-div{
	margin-top: 23px;
	margin-left: -160px;
}
#ui-datepicker-div:before{
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  border-bottom: 20px solid #ffffff;
  border-top: 0;
  position: absolute;
  top: -17px;
  left: 50%;
  display: inline;
  transform: translate(-50%, 0px);
  }
.ui-datepicker-calendar thead th{
	padding: 3px;
}
.ui-datepicker-calendar tbody td{
	padding-top: 0;
}


.Search .btn button{
	font-family: inherit;
}


/*-----------------------------------------------Other*/
#Other{
    padding:var(--contentsPadding);
    background-color: var(--Red);
    z-index: 3;
    position: relative;
    border-top: 5px solid var(--Gold);
}
#Other:before{content:"";background-image:var(--BgGrid);background-color:var(--BgGridColor);opacity:0.05;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-size: var(--BgGridSize_M);}
#Other .Inner{
    width: var(--MainWidth);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
#Other .Inner .Entry{
    width: 31%;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 25%);
    display: flex;
    flex-direction: column;
}
#Other .Inner .Entry h3{
	text-align: center;
	font-weight: 900;
	font-size: 18px;
	padding-bottom: 10px;
}
#Other .Inner .Entry dl{display: flex;flex-direction: column-reverse;margin-bottom: 10px;}
#Other .Inner .Entry dt{font-weight: bold;}
#Other .Inner .Entry dd{
    align-self: center;
    margin-bottom: 10px;
}
#Other .Inner .Entry dd img{
    width: auto;
    height: 60px;
}
#Other .Inner .Entry .linkBtn{padding: 0;margin-top: auto;}
#Other .Inner .Entry .linkBtn a{padding: 13px;display: block;font-size: 16px;border-radius: 3px;text-decoration: none;font-size: 14px;text-align: center;font-weight: 900;position: relative;background-color: var(--Gold);color: #fff;}
#Other .Inner .Entry .linkBtn a:hover{
	background-color: var(--DarkYellow);
}
#Other .Inner .Entry .linkBtn a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f105";font-family:FontAwesome;line-height: 1;font-size: 23px;}


/*-------------------------------------------SearchIconBtn*/
#SearchIconBtn{
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    transform: translate(0,-50%);
    display: none;
    margin-top: -50px;
}
#SearchIconBtn p{
	/* writing-mode: vertical-rl; */
}
#SearchIconBtn.link{
    /* top: 55%; */
}

#SearchIconBtn a{
  background-color: var(--Red);
  text-decoration: none;
  color: #fff;
  font-size: 15px;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
  text-align: center;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  padding: 12px 10px 11px 10px;
  box-sizing: border-box;
  border: 3px solid #FFF;
  margin-bottom: 10px;
  letter-spacing: 1px;
  border-radius: 5px 0 0 5px;
  border-right: none;
  width: 100px;
  display: block;
  font-weight: bold;
}
#SearchIconBtn.link a{
    font-size: 16px;
}
#SearchIconBtn a span{padding-top: 2px;}
#SearchIconBtn a:after{/* content:"\f107"; */font-family:FontAwesome;font-size: 20px;display: block;font-weight: normal;}
#SearchIconBtn a:before{content:"\f002";font-family:FontAwesome;font-size: 23px;display: block;font-weight: normal;padding-bottom: 5px;line-height: 1;}

/*-----------------------------------ContactIconBtn*/
#ContactIconBtn{right: 0;border-radius: 4px 0 0 4px;padding: 10px;z-index: 999;top: 50%;bottom: auto;transform: translate(0,-50%);margin-top: 130px;}
#ContactIconBtn .delete {right: auto;left: -10px;}
#ContactIconBtn .delete:hover{

}
#ContactIconBtn .delete::after,
#ContactIconBtn .delete::before {

}
#ContactIconBtn .delete::after {
}
#ContactIconBtn p{}
#ContactIconBtn ul{
}
#ContactIconBtn li{}
#ContactIconBtn li + li{
}
#ContactIconBtn a{
	font-size: 12px;
	padding: 8px 20px 9px 6px;
	background-color: #2f2f2f;
	border-radius: 2px;
}

#ContactIconBtn a:after{
	font-size: 10px;
}

#ContactIconBtn a:hover{
}