@charset "utf-8";



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: 86px;
    right: 0;
}


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

}
article .FontEn{}
.spFooter{
	position: relative;
	z-index: 9;
}


#breadcrumb{
    width: 100%;
    margin: 0;
    padding: 16px 10px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
#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;
}
.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;
}
/*-------------------------------------------linkBtn*/
.linkBtn{
	padding-top: 0;
}
.linkBtn.multi{}
.linkBtn a{
	padding: 15px;
	display: block;
	font-size: 14px;
}
.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*/

/*-------------------------------------------------------menuArea*/
.header_change{}

.header_change.show{}
.header_change.show:after{}
menuArea header_fixed


article{}

.menuArea{
}
.disp-overlay .menuArea{
	z-index: 1;
}
html.modal-is-locked .menuArea{
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: scroll;
	top: 0;
	z-index: 9999;
	transition: all .4s;
	-webkit-overflow-scrolling: touch;
	right: 0;
	align-items: flex-start;
	box-sizing: border-box;
}
#Overseas .menuArea{}
#Domestic .menuArea{}
.menuArea .LeftArea{margin-left: 0;}
.menuArea .Logo{padding: 5px;}
.menuArea .Logo dt{font-size: 12px;}
.menuArea .Logo dt a{}
.menuArea .Logo dt a img{
	width: 100%;
}
.menuArea .Logo dd{font-size: 11px;}
.menuArea .Logo dd a{
}
.menuArea .Logo dd a span{
	font-size: 2.2vw;
}
.menuArea .Logo dd a span + span{
	font-size: 4vw;
}
.menuArea .humb{font-size: 10px;padding: 0 6px;}
.menuArea.open .humb{padding: 5px 5px;}
.menuArea .humb:hover{}
.menuArea .humb .icon{
	width: 14px;
	margin-top: 2px;
}
.menuArea .humb .icon span{}
.menuArea .humb .icon span + span{
	margin-top: 3px;
}
.menuArea .humb .txt{font-size: 4vw;margin-right: 4px;padding: 7px 3px;}
.menuArea.open .humb .txt{
	line-height: 1;
	margin-top: 0;
}
.menuAreaopen .humb .txt{}
.menuArea .humb .txt:before{}
.menuArea.open .humb .txt:before{}
.menuArea.open .humb .icon span:first-child{transform: translate(0, 4px) rotate(45deg);}
.menuArea.open .humb .icon span:nth-child(2){}
.menuArea.open .humb .icon span:nth-child(3){}
.menuArea .Inner{
	margin: 0;
	/* min-height: 100%; */
	box-sizing: border-box;
	padding: 0;
	padding-top: 8px;
	min-width: auto;
}
.menuArea .Inner .Main{
	padding: 15px;
}
.menuArea .Inner .Main ul{
	column-gap: 0;
	justify-content: space-between;
}
.menuArea .Inner .Main li{
	width: 48.5%;
	/* padding: 5px; */
	padding: 7px 0;
}
#Domestic .menuArea .Inner .Main li{
	width: 50%;
}
.menuArea .Inner .Main li + li{}
.menuArea .Inner .Main li a{}
.menuArea .Inner .Main li a span{
	padding: 17px 6px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.menuArea .Inner .Main li + li a{}


.menuArea .Inner .Main li a:hover,
.menuArea .Inner .Main li.active a{
}
.menuArea .Inner .Main li a:hover:after,.menuArea .Inner .Main li.active a:after{}
.menuArea .Inner .Sub{
	display: block;
	margin-bottom: 20px;
}
.menuArea .Inner .Sub ul{
	display: block;
}
.menuArea .Inner .Sub li{
	width: 100%;
}
.menuArea .Inner .Sub li + li{
	margin-top: 10px;
}
.menuArea .Inner .Sub li a{}
.menuArea .Inner .Sub li a:after{}
.menuArea .Inner .Sub li a:hover{}
#Domestic .menuArea .Inner .Sub li a:hover{}
.menuArea .Inner a{}
.menuArea .Inner li a:after{}


.menuArea .LeftArea .Sub{display: none}


/*---------------------------*/
#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{

padding: 30px 0;

position: relative;

z-index: 2;
}
#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;
}
#Recom:before,
#Recom:after{width: 40%;height: 200px;background-position: center top;}
.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 .RecomSC{
	width: 90%;
	margin-bottom: 40px;
	justify-content: space-between;
}
#Recom .RecomSC li{
	width: 48%;
	margin: 0;
	margin-bottom: 6px;
}
#Domestic #Recom .RecomSC li{}
#Recom .RecomSC li a{}
#Recom .RecomSC a:after{}
#Recom .RecomSC a:hover{}
#Recom .Sec{
	width: 90%;
}
#Recom .Sec +.Sec{
	margin-top: 20px;
	padding-top: 20px;
}

/*----------------------------------ItemInner-*/
.ItemInner .Entry .linkbox{}
.ItemInner .Entry .dst,.ItemInner .Entry .other li a:hover{}
.ItemInner .Entry .other li a:hover{}
.ItemInner .Entry .main .data .business{}
.ItemInner .Entry .main .data .imp{}
.ItemInner .Entry .main .data .his{}
.ItemInner .Entry .photo .senko{}
.ItemInner .Entry .photo .icon{}
.ItemInner .Entry .photo .icon span{}
.ItemInner .Entry .photo .icon span:before,.ItemInner .Entry .photo .icon span:after{}
.ItemInner .Entry .photo .icon span:before{}
.ItemInner .Entry .photo .icon span:after{}
.ItemInner .Entry .photo .icon .price5{}
.ItemInner .Entry .photo .icon.price5:before,.ItemInner .Entry .photo .icon.price5:after{}
.ItemInner .Entry .photo .icon .price2{}
.ItemInner .Entry .photo .icon.price2:before,.ItemInner .Entry .photo .icon.price2:after{}
#Domestic .ItemInner .Entry .linkbox{}
#Domestic .ItemInner .Entry .dst,#Domestic .ItemInner .Entry .other li a:hover{}
#Domestic .ItemInner .Entry .other li a:hover{}

.ItemInner .Entry.cover{
    height: 100px;
    overflow: hidden;
    position: relative;
}

.ItemInner .Entry.cover:before{content:"";width: 100%;position: absolute;display: block;height: 100px;top: 0;left: 0;z-index: 2;}

.ItemInner .Entry.cover:before{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(238 234 217) 71%, rgb(238 234 217) 100%);}

.ItemInner .more{z-index: 3;position:relative;background-color: #fff;display: block;width: 80%;margin: 0 auto;box-shadow: 0 0 5px rgb(0 0 0 / 40%);padding: 10px;box-sizing: border-box;border-radius: 100px;font-weight: bold;font-size: 15px;position: absolute;transform: translate(-50%,0);left: 50%;top: 50px;text-align: center;}
#Overseas .ItemInner .more{
    color: #10b5c9;
}
#Domestic .ItemInner .more{ color:#90b948}
.ItemInner .more:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f055"; font-family:FontAwesome; line-height: 1}


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

#floatingBn{
    padding: 7px 0 2px 0;
    background-color: rgb(195 179 145 / 90%);
}
.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%;}
#floatingBn .link li{
    margin-bottom: 6px;
    width: 49%;
}
#floatingBn .link li + li{}
#floatingBn .link a{
    padding: 6px;
    font-size: 12px;
}
#floatingBn .link a:after{}
#floatingBn .link a:hover{}


#floatingBn{/* background-color: rgb(132 210 225 / 50%); */}
#Domestic #floatingBn{background-color: rgb(132 225 150 / 50%);}

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

#SearchIconBtn{
    bottom: 120px;
    transform: initial;
    top: auto;
}
#SearchIconBtn p{
	writing-mode: inherit;
}
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{}