@charset "utf-8";

:root {
	--MainWidth: 86%;
	--contentsPadding: 30px 0 30px 0;
}


body{
    min-width: auto;font-family:"Noto Sans JP","Yu Gothic","YuGothic",sans-serif;font-feature-settings: "palt";letter-spacing: 0.5px;
}
.spHeader{z-index: 1;}

html.modal-is-locked,
html.modal-is-locked_calender{overflow:hidden;touch-action:none}

.drawer-overlay{background-color: rgba(0, 0, 0, 1)}

#ContactIconBtn{
    display: none;
}
.wrapper{
    padding-top: 0;
}
.commonHeader{
    position: relative;
}
#Header{
    z-index: auto;
    position: initial;
}
.disp-overlay #Header{
    z-index: 1;
}
#breadcrumb{
    position: relative;
    z-index: 1;
    padding-top: 10px;
}
#breadcrumb ul{
    width: 90%;
}
.pankuzu li,#breadcrumb li{
    font-size: 11px;
}

#page-top{
    bottom: 0;
    right: 0;
}


article{
    position: relative;
}
.disp-overlay .commonHeader{
    position: fixed;
}
article strong{

}
article .FontEn{}



#breadcrumb{
    width: 100%;
    margin: 0;
    padding: 16px 10px;
    background-color: #fff;
}
#breadcrumb ul{
    width: 1000px;
    margin: 0 auto;
}
.pankuzu li, #breadcrumb li{
    padding: 0;
}

.SMPaccrTtl{ display: none}


/*-------------------------------------------CommonTtl*/
.CommonTtl,.SrchBizInner .title{
	width: 90%;
}
#Overseas .CommonTtl{}
.CommonTtl .main,.SrchBizInner .title .main{
	font-size: 6vw;
	padding-bottom: 0;
}
.SrchBizInner .title .main{}
.CommonTtl .main:after{}
.CommonTtl .main strong{}
.CommonTtl .sub{}
.CommonTtl .En{}
.CommonTtl .atte{}
.CommonSubTtl{
	margin-bottom: 20px;
}
.CommonSubTtl .main{
	margin-bottom: 3px;
	font-size: 4.5vw;
	line-height: 1.4;
}
.CommonSubTtl .main.small{
	font-size: 4vw;
}
#domestic .CommonSubTtl .main{}
.CommonSubTtl .main strong{
	font-size: 120%;
}
.CommonSubTtl .sub{
	font-size: 12px;
}
.CommonSubTtl .deco{
	font-size: 16px;
}
article .Accordion {}
article .Accordion .Inner{
	display: none;
}
article .Accordion .AccClose{
	background-color: #414141;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin-top: 10px;
}
article .Accordion .trigger{position: relative;}
article .Accordion .trigger:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content:"\f067";font-family:FontAwesome;line-height: 1;font-weight: normal;}
article .Accordion .trigger.active:after{content: "\f068";}



/*-------------------------------------------linkBtn*/
.linkBtn{
	padding-top: 0;
	font-family: inherit;
	letter-spacing: 0.5px;
}
.linkBtn.multi{}
.linkBtn a{
	padding: 15px;
	display: block;
	font-size: 13px;
}
.linkBtn.multi a{}
.linkBtn a:hover{}
.linkBtn a:after{
	font-size: 14px;
}
.linkBtn a .sub{}
.linkBtn a .main{}
.linkBtn a strong{}
.linkBtn a:hover strong{}


/*-------------------------------Menu*/
#Menu{/* position:relative; */padding: 0;background-color: inherit;}
#Menu:before{
	content: none;
}
#Menu.header_fixed{
	margin-top: 0;
}
#Menu.fixed{position:fixed;width:100%;top:0;z-index:999}
#Menu .Inner{display:none;width: auto;}
#Menu .humb{display:block;position:absolute;right:10px;top: 10px;padding:0 10px;font-size:10px;text-align:center;width: 47px;height: 47px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:3px;padding-top:6px;box-shadow:0 0 3px rgba(0,0,0,0.5);background-color: var(--Red);z-index: 9;border: 2px solid #fff;}
#Menu.fixed .humb{
	top: 10px;
	background-color: var(--MainColor);
}
#Menu.header_change .humb{display:none}
#Menu .humb span{border-top: 1px solid #fff;display:block;padding-top:5px;letter-spacing:.5px;position:relative;margin-top:5px;font-weight:700;color: #fff;}
#Menu .humb span:before,#Menu .humb span:after{content:"";border-top: 1px solid #fff;display:block;width:100%;height:1px}
#Menu .humb span:before{margin-bottom:3px}
#Menu .humb span:after{content:"";position:absolute;left:0;top:-6px}
#Menu.open{display:block;width:100%;height:100%;position:fixed;overflow-y:scroll;top:0;right:-100%;z-index:9999;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s;-webkit-overflow-scrolling:touch;right:0;background-color:#000}
#Menu.open .humb{right:auto;left:15px;top:20px;padding:0;display:block;box-shadow:none;z-index:999999;background-color:initial;position:fixed;border: none;}
#Menu.open .humb span{display:none}
#Menu.open .humb:before,#Menu.open .humb:after{content:"";width:2px;height:47px;background:#fff;top:20px;display:block;left:20px;position:absolute}
#Menu.open .humb:before{transform:translate(-50%,-50%) rotate(45deg)}
#Menu.open .humb:after{transform:translate(-50%,-50%) rotate(-45deg)}
#Menu.open .Inner{margin-left:20%;min-height:100%;text-align:left;box-sizing: border-box;background-color: var(--MainColor);padding: 20px 20px;padding-bottom: 40px;}
#Menu.open .Inner: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_S);}

#Menu .Inner{
	display: none;
}
#Menu .Inner .LogoArea{
	display: block;
	text-align: center;
	position: relative;
	z-index: 3;
	margin-bottom: 20px;
}
#Menu .Inner .LogoArea dt{
	margin: 0 auto;
	width: 100%;
	font-size: 17px;
	margin-bottom: 10px;
}
#Menu .Inner .LogoArea dt a{}
#Menu .Inner .LogoArea dt img{}
#Menu .Inner .LogoArea dd{
	margin-left: 0;
}
#Menu .Inner .LogoArea dd ul{
	display: block;
}
#Menu .Inner .LogoArea dd li{margin-bottom: 6px;}
#Menu .Inner .LogoArea dd li a{
	font-size: 12px;
	display: block;
}
#Menu .Inner .LogoArea dd li a:hover{}
#Menu .Inner .MenuArea{
	display: block;
}
#Menu .Inner .MenuArea .Main{
	display: block;
}
#Menu .Inner .MenuArea .Main dt{
	margin-bottom: 10px;
}
#Menu .Inner .MenuArea .Main dt a,#Menu .Inner .MenuArea .Main dt p{
	border-radius: 3px;
	line-height: 1.4;
	display: block;
	text-align: center;
}
#Menu .Inner .MenuArea .Main dt a{
	position: relative;
}
#Menu .Inner .MenuArea .Main dt a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}
#Menu .Inner .MenuArea .Main dt a:hover,#Menu .Inner .MenuArea .Main dt p:hover{}
#Menu .Inner .MenuArea .Main dt a.active,#Menu .Inner .MenuArea .Main dt p.active{}
#Menu .Inner .MenuArea .Main dd{
	position: relative;
	top: auto;
	width: 100%;
	display: block;
	padding: 10px;
	border: none;
	left: auto !important;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}
#Menu .Inner .MenuArea .Main dd.Asia{}
#Menu .Inner .MenuArea .Main dd.Usa{}
#Menu .Inner .MenuArea .Main dd.Eur{}
#Menu .Inner .MenuArea .Main dd.AFR{}
#Menu .Inner .MenuArea .Main dd.Oce{}
#Menu .Inner .MenuArea .Main dd:after,#Menu .Inner .MenuArea .Main dd:before{
	content: none;
}
#Menu .Inner .MenuArea .Main dd:after{}
#Menu .Inner .MenuArea .Main dd:before{}
#Menu .Inner .MenuArea .Main dd.Asia:after,#Menu .Inner .MenuArea .Main dd.Asia:before{}
#Menu .Inner .MenuArea .Main dd ul{}
#Menu .Inner .MenuArea .Main dd li{}
#Menu .Inner .MenuArea .Main dd li + li{}
#Menu .Inner .MenuArea .Main dd li a{}
#Menu .Inner .MenuArea .Main dd li a:hover p,#Menu .Inner .MenuArea .Main dd li a.active p{}
#Menu .Inner .MenuArea .Main dd li a:after{}
#Menu .Inner .MenuArea .Main dd li a:before{
	width: 50px;
	height: 50px;
}
#Menu .Inner .MenuArea .Main dd li a p{
}
#Menu .Inner .MenuArea .Main dd li a p span{}
#Menu .Inner .MenuArea .Main dd li a .main{}
#Menu .Inner .MenuArea .Main dd li a .sub{}
#Menu .Inner .MenuArea .Main dd .close{
	display: none;
}
#Menu .Inner .MenuArea .Main dd .close:before{}
#Menu .Inner .MenuArea .Main dd .close:hover{}
#Menu .Inner .MenuArea .Sub{}
#Menu .Inner .MenuArea .Sub ul{
	display: block;
}
#Menu .Inner .MenuArea .Sub li{}
#Menu .Inner .MenuArea .Sub li + li{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #fff;
}
#Menu .Inner .MenuArea .Sub li + li:before{
	content: none;
}
#Menu .Inner .MenuArea .Sub li a{
	display: block;
	text-decoration: none;
	position: relative;
}
#Menu .Inner .MenuArea .Sub li a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}

/*---------------------------*/
#Bn{
	display: block;
}
#Domestic #Bn{}
#Bn .Inner{
	width: 90%;
	display: block;
}
#Bn .Inner + .Inner{}
#Bn ul{
	width: 100%;
}
#Bn ul + ul{
	margin-top: 20px;
}
#Domestic #Bn ul{}
#Bn li{}
#Bn li + li{}
#Bn li img{
}
#Bn li a img:hover{}


/*---------------------------------SearchWrap*/
#SearchWrap{

background-image: url(../../images/2025spring/calender_bg_smp.jpg);

padding: 30px 0;

background-repeat: no-repeat;

background-position: center;

background-size: cover;
}
#Domestic #SearchWrap{}
.SrchBizInner{
width: 90%;
margin: 0 auto;
text-align: left;
}

#DmsRefine{text-align: left;}
#DmsRefine.Result{
	width: 100%;
	margin-bottom: 10px;
}
#DmsRefineList{
	width: 100%;
}

/*--------------------------------------Recom*/
#Recom{padding-top: 30px;background-image: url(../../images/2024spring/bg_hanabira_smp.jpg);background-size: contain;}
.disp-overlay #Recom{
	position: relative;
	z-index: 1;
}
#Recom .MainTxt{
	width: 86%;
	text-align: left;
	font-size: 14px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#Recom h2 .main{}
#Recom .SC{
	margin-bottom: 40px;
}
#Recom .SC dl{}
#Recom .SC dt{
	display: block;
	background-color: var(--MainColor);
	padding: 10px 10px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	border-radius: 100px;
}
#Recom .SC dd{
	margin-top: 10px;
}
#Recom .SC dd ul{
	justify-content: space-between;
}
#Recom .SC dd li{
	width: 48.5%;
}
#Recom .SC dd li.long{
	width: 100%;
}
#Recom .SC dd li a{
	display: block;
	padding: 5px 6px;
	background-color: inherit;
	color: var(--MainColor);
	border: 2px solid var(--MainColor);
	text-align: center;
	font-size: 12px;
}
#Recom .SC dd li a:after{}
#Recom .SC dd li a:hover{}
#Recom .SC.btm{
	margin-top: 20px;
	width: 100%;
	border: none;
}
#Recom .SC.btm dl{
	background-color: inherit;
}
#Recom .SC.btm dt{
	padding: 8px 0;
}
#Recom .SC.btm dd{
	width: 100%;
	padding: 0;
}
#Recom .SC.btm dd ul{
	justify-content: space-between;
}
#Recom .SC.btm dd li{margin-bottom: 10px;}
#Recom .SC.btm dd li:before{
	content: none;
}
#Recom .SC.btm dd li:last-of-type:after{
	display: none;
}
#Recom .SC.btm dd li a{
	text-decoration: none;
	color: var(--PointColor);
	font-weight: bold;
	padding: 4px 0;
	border-color: var(--Red);
	background-color: #fff;
}
#Recom .SC.btm dd li a:after{display:block}
#Recom .SC.btm dd li a:hover{
	background-color: #fff;
}

#Recom .SC .AccClose{
	background-color: var(--PointColor);
	color: #fff;
}


/*------------------------------floatingBn*/

#floatingBn{
    width: 60%;
    padding: 7px 0 2px 0;
    background-color: rgb(247 144 144 / 80%);
}
.disp-overlay #floatingBn,
html.fixed #floatingBn{
    z-index: 1;
}
#floatingBn .delete{width: 23px;color: #fff;text-align: center;display: block;position: absolute;top: -4px;right: -9px;}
#floatingBn .delete:after{content: "\f00d";font-family:FontAwesome;background-color: #000;display: flex;justify-content: center;align-items: center;padding-bottom: 1px;box-sizing: border-box;border: 2px solid #fff;box-shadow: 0 0 3px #000;border-radius: 100%;height: 23px;}
#floatingBn .delete:hover{cursor: pointer}
#floatingBn .link{
    width: 90%;
    display: block;
    padding-right: 14px;
}
#floatingBn .link p{}
#floatingBn .link ul{width: 100%;flex-wrap: wrap;}
#floatingBn .link li{
    margin-bottom: 6px;
    width: 100%;
}
#floatingBn .link li + li{
	width: 48%;
}
#floatingBn .link a{
    padding: 6px;
    font-size: 12px;
}
#floatingBn .link a:after{}
#floatingBn .link a:hover{}




/*-------------------------------------------SearchIconBtn*/

#SearchIconBtn{
    bottom: 40px;
    transform: initial;
    top: auto;
}
html.fixed #SearchIconBtn{
    z-index: 1;
}
#SearchIconBtn.link{
    top: auto;
}
#SearchIconBtn.link p{
    display: flex;
}
.disp-overlay #SearchIconBtn{z-index: 1;}
#SearchIconBtn a{
    writing-mode: inherit;
    border: 2px solid #FFF;
    padding: 4px 18px 6px 9px;
    width: 5em;
    line-height: 1.2;
    font-size: 13px !important;
    display: block;
    position: relative;
    border-right: 0;
}
#SearchIconBtn a span{
    display: block;
}
#SearchIconBtn a:after{position: absolute;top: 50%;right: 2px;margin-top: -0.6em;}
#SearchIconBtn a:before{
    padding-bottom: 3px;
    padding-right: 1px;
    font-size: 12px;
    display: none;
}
#SearchIconBtn a.searchbtn{}
#SearchIconBtn.link a{
}
#SearchIconBtn a.alljapan{
    margin-right: 5px;
}
#SearchIconBtn a.alljapan:after,#SearchIconBtn a.searchbtn.link:after{
    font-size: 15px;
}
#SearchIconBtn a.alljapan:before{}
#SearchIconBtn a.searchbtn:hover{}
#SearchIconBtn a.alljapan:hover{}
.oversea #SearchIconBtn a.alljapan{}