@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

/*PCSP共通設定*/
html {scroll-behavior: smooth;}/*smooth scroll*/
main * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.letter-5{letter-spacing: -5px;}
.fc_red {color: #d70d18;}
section {background: #F9F8F3;}
section#link01 {background: #FFF;}
main a {word-break: break-all;}

/*main > p.note--hover {display: none;}
main > p.note--hover {
    display: block;
    position: fixed;
    background: #d70d18;
    color: #FFF;
    bottom: 0;
    width: 100%;
    font-size: 16px;
    z-index: 100;
    padding: 10px 20px;
    box-sizing: border-box;
    text-align: center
}*/

/* ============================================================
add 202407 icon図/アンカーリンク
============================================================ */
@media screen and (max-width: 759.9px) {
.exp-figure {
	/*background: #eee;*/
	margin: 0 auto 5%;
	padding: 10px 5px;
	border-radius: 5px;
	font-weight: bold;
	background-image: repeating-linear-gradient(-45deg, #eee 0, #eee 3px, transparent 3px, transparent 6px);
}
.exp-figure dt{
	width: 70%;
	display: flex;
	margin: auto;
	/*transform: scale(0.85, 0.85);*/
}
.exp-figure dt div{
	width: calc(90% / 2);
	margin: auto 2%;
	background: #FFF;
	border-radius: 100px;
	border: 2px solid #333;
	transform: scale(0.75, 0.75);
}
.exp-figure dt img{
	width: 100%;
	height: 100%;
	margin: auto;
	padding: 10px;
	box-sizing: border-box;
}
.exp-figure dt > p {
	width: 12.5%;
	display: grid;
	align-items: center;
	font-size: 32px;
	text-align: center;
}
.exp-figure dd ul{
	width: 70%;
    margin: auto;
	display: flex;
	text-align: center;
	/*transform: scale(0.85, 0.85);*/
	align-items: center;
}
.exp-figure dd ul li {
	width: calc(100% / 2);
	font-size: 14px;
}
.ancerlink-btn .btn a {
	text-align: center;
	margin: 0 auto 3%;
	font-size: 16px;
	display: block;
	justify-content: center;
	align-items: center;
	padding: 0.8em 0.5em;
	background: #FD903C;
	border-radius: 100px;
	font-family: 'Noto Sans JP';
	font-weight: 700;
	color: #202020;
	border: 2px solid #FD903C;
}
.ancerlink-btn .btn.flex a {
	background: #fff;
	border: 2px solid var(--blue3);
	color: #64B1F2;
	display: block;
}
}

@media screen and (min-width: 760px),print {
.exp-figure {
	width: 100%;
	max-width: 800px;
	min-width: 760px;
	/*background: #eee;*/
	margin: 0 auto;
	padding: 25px 50px;
	color: #000;
	font-weight: bold;
	border-radius: 0px;
	box-sizing: border-box;
	transform: scale(0.75, 0.75);
	background-image: repeating-linear-gradient(-45deg, #eee 0, #eee 3px, transparent 3px, transparent 6px);
}
.exp-figure dt{
	width: 100%;
	display: flex;
	margin: auto;
}
.exp-figure dt div{
	background: #FFF;
	border: 2px solid #333;
	border-radius: 50%;
	margin: 0 auto 15px;
	padding: 10px;
}
.exp-figure dt img{margin: auto;}
.exp-figure dt > p {
	width: 12.5%;
	display: grid;
	align-items: center;
	font-size: 32px;
	text-align: center;
}
.exp-figure dd ul{
	display: flex;
	text-align: center;
	align-items: center;
}
.exp-figure dd ul li {
	width: calc(100% / 2);
	font-size: 20px;
}
.ancerlink-btn .btn a {
	width: 98%;
	margin: 0 auto 3%;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.8em 0.5em;
	background: #FD903C;
	border-radius: 100px;
	font-family: 'Noto Sans JP';
	font-weight: 700;
	color: #202020;
	border: 2px solid #FD903C;
}
.ancerlink-btn .btn.flex {display: flex;}
.ancerlink-btn .btn.flex a {
	width: 48%;
	background: #fff;
	border: 2px solid var(--blue3);
	color: #64B1F2;
}
}


/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.4;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 0 1% 2%;
}
#dirPathBlock {
	overflow-x: scroll;
	overflow-y: hidden;
}
#dirPathBlock p,
#anchorLinkBlock a{
	width: max-content;
	font-size: 12px;
}
p.endcontents {
	width: 96%;
	color: #d70d18;
	margin: 15px auto;
	padding: 8px;
	border: 1px solid #ff0000;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
    width: fit-content;
    font-size: 20px;
    /*font-weight: bold;*/
    text-align: center;
    margin: 0 auto 25px;
    padding: 15px 0;
	color: #006dbb;
	border-bottom: 4px solid;
	border-image: conic-gradient(#49ff00, #49ff00, #ff003d, #0095ff, #0095ff) 1;
}
h3.summary {
    width: fit-content;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 15px;
	color: #222;
}
#detailDay_sec h2 {
    text-shadow: 2px 2px 2px #fff;
}
h3.title {
	width: 100%;
    border: none;
    font-size: 22px;
    /*font-weight: bold;*/
    margin-bottom: 25px;
    padding: 5px 0 10px;
    text-align: center;
    background: #29abe2;
    position: relative;
    color: #FFF;
}
h3.title:after {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #29abe2;
    border-bottom: 0;
    position: absolute;
    bottom: -10px;
    left: calc((100% - 12px) / 2);
}
h4 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 25px 0;
	box-sizing: border-box;
	color: #222;
}
.inner p{
	font-size:15px;
	line-height: 1.6
}

/*title*/
#Mainbg-Section{
    overflow: hidden;
    position: relative;
}
/*#Mainbg-Section #cp_logo {
    width: 90px;
    height: auto;
    position: absolute;
    top: 3%;
    left: 3%;
	z-index: 1;
}*/







#Mainbg-Section h1.Mainbg-Title {
	width: 94%;
	position: absolute;
	top: 15%;
	left: 3%;
	margin: auto;
	padding: 15px 0;
	text-align: center;
	font-size: 5.5vw;
	font-weight: bold;
	color:#333;
	text-shadow: 0px 0px 5px #FFF, 5px 5px 5px #FFF;
	z-index: 1;
	background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
}
#Mainbg-Section h1 b {font-size: 1.2em;}
#Mainbg-Section h1 b.nta {text-shadow: 0px 0px 2px #FFF, 2px 2px 2px #FFF;}
#Mainbg-Section h1 b.jcb {text-shadow: 0px 0px 2px #FFF, 2px 2px 2px #FFF;}
#Mainbg-Section h1 strong b:nth-of-type(1) {color:#044186;}
#Mainbg-Section h1 strong b:nth-of-type(2) {color:#ad1f31;}
#Mainbg-Section h1 strong b:nth-of-type(3) {color:#008a3f;}
#Mainbg-Section .dis_flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 40vw;
	margin: 0 auto 5px;
}
#Mainbg-Section .dis_flex img:nth-of-type(1) {/*NTA*/
	width: 33%;
	height: auto;
	display: block;
	margin: auto;
	background: #FFF;
	padding: 3px;
	box-sizing: border-box;
}
#Mainbg-Section .dis_flex img:nth-of-type(2) {/*JTB*/
	width: 33%;
	height: auto;
	display: block;
	margin: auto;
	background: #FFF;
	padding: 2px;
	box-sizing: border-box;
}
#Mainbg-Section .dis_flex > div {
	width: 9%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}


#Mainbg-Section #Mainbg-Slick_wrap {
    width: 800%;
    display: flex;
}
#Mainbg-Section .Mainbg-Slick {
	display: flex;
	list-style: none;
}
#Mainbg-Section .Mainbg-Image {width: calc(100% / 3);}
#Mainbg-Section .Mainbg-Image picture > img {width: 100%;}

/*期限*/
.detailDay{
    margin: 10px auto 25px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}
.detailDay li{
	font-size: 16px;
	margin: 0 0 10px;
}
.detailDay li:last-child{margin-bottom: 0;}
.detailDay dl dt{
	margin-bottom: 5px;
    display: grid;
    align-items: center;
    /*font-weight: bold;*/
    color: #d70d18;
}
.detailDay dl dd{
    padding: 3px 0 5px;
	color: #222;
}

.disfrex {
	margin: 2% 0;
}
.disfrex li{
	font-size: 12px;
}
.disfrex li img{
	width:100%;
	height:auto;
}
.detailplan{
    margin: 10px auto 25px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}

/*おトクポイント*/
#otoku_point h2 {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    color: #FFF;
    text-shadow: none;
    border-bottom: none;
    background: #29abe2;
	margin:0;
    /*border-radius: 10px 10px 0 0;*/
    position: relative;
}
#otoku_point h2 span {
width: 105px;
	height: 40px;
	display: block;
	position: absolute;
	top: -45px;
	left: calc(50% - 105px / 2);
	background: #FFF;
	color: #d70d18;
	border: 2px solid;
	padding: 3px;
	border-radius: 50px;
	font-size: 16px;
	box-sizing: border-box;
	/*transform: rotate(-20deg);*/
	line-height: 1;
}
#otoku_point h2 span b {
width: 95px;
	height: 30px;
	display: block;
	background: #FFF;
	color: #d70d18;
	border: 1px solid;
	padding: 5px 0 0;
	border-radius: 50px;
	box-sizing: border-box;
}
#otoku_point h2 span b small {font-size: 12px;}
#otoku_point dl {
    margin-bottom: 15px;
    padding: 20px 15px;
    background: #FFF;
    /*border-radius: 10px;*/
}
#otoku_point dl.mb75 {margin-bottom: 75px;}
#otoku_point dt {
    font-size: 15px;
    text-align: center;
    margin: 0 auto 15px;
	position: relative;
}
#otoku_point .inner dt h3 {
	width: fit-content;
	margin: auto;
}
/*#otoku_point .inner dl:nth-of-type(1) dt:before {
	content:"";
	width:40px;
	height:40px;
	display:block;
	background:url(../images/pb-pixta116206643.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-10px;
}*/
#otoku_point .inner dl:nth-of-type(2) dt:before {
	content:"";
	width:40px;
	height:40px;
	display:block;
	background:url(../images/pb-pixta116206669.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-10px;
}
#otoku_point .inner dl:nth-of-type(3) dt:before {
	content:"";
	width:40px;
	height:40px;
	display:block;
	background:url(../images/pb-pixta116206667.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-10px;
}
#otoku_point .inner dl:nth-of-type(4) dt:before {
	content:"";
	width:48px;
	height:48px;
	display:block;
	background:url(../images/pb-pixta116206632.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-10px;
}
/*#otoku_point .inner dl:nth-of-type(5) dt:before {
	content:"";
	width:40px;
	height:40px;
	display:block;
	background:url(../images/pb-pixta116206674.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-10px;
}*/
#otoku_point dt b {color: #fcb132;}
#otoku_point dd.shop_icon {
    display: flex;
    flex-wrap: wrap;
}
#otoku_point dd.shop_icon img {
	width: calc(94% / 3);
	height: auto;
	margin: 0 1% 2%;
}
#otoku_point dd {
	margin-top: 8%;
	position: relative
}
#otoku_point .copyright {
	width: 120px;
    text-align: center;
    position: absolute;
    top: -20px;
    left: calc((100% - 120px) / 2);
    font-size: 12px;
}
#otoku_point dd img {
	width: 100%;
	height: auto;
	margin: 0 0 1%;
}
#otoku_point dd img~p {
	width: 100%;
	font-size: 14px;
}
.red_btn {margin: 15px 0 25px;}
.red_btn a {
    width: 50%;
	display: block;
    color: #fff;
    background: #d70d18;
    margin: 0 auto;
    padding: 0 0 3px;
    font-size: 16px;
    line-height: 2.4;
    box-shadow: 1px 1px 5px #aaa;
    border-radius: 50px;
    text-align: center;
}
p.other_txt {
    color: #29abe2;
    font-size: 18px;
    text-align: center;
}
p.other_txt a {
    font-weight: bold;
}

/*discount/coupon*/
.coupon_Wrap{
	display: flex;
    flex-wrap: wrap;
	margin: 0;
}
.coupon_Wrap > li{
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    background: #f9f8f3;
}

/*discount*/
.coupon_Wrap .discount_plan_number {
	/*font-family: "Montserrat", sans-serif !important;*/
    font-weight: bold;
    font-size: 22px;
	color: #FFF;
	background: #044186;
    width: 58px;
    height: 58px;
    text-align: center;
    border-radius: 50px;
    position: absolute;
    top: -34px;
    left: calc((100% - 58px) / 2);
    padding-top: 12px;
    box-sizing: border-box;
}
.coupon_Wrap .discount_plan_number .circle-text {
	font-size: 16px;
	font-weight: normal;
	color: #044186;
}
.coupon_Wrap .discount_plan_number .circle-text span {
	/*font-family: "Limelight", sans-serif !important;*/
    position: absolute;
	top: -25px;
    left: calc(50% - 29px);
    width: 58px;
    height: 58px;
    transform-origin: center bottom;
}
.circle-text.coupon span:nth-child(1) {transform: rotate(-50deg);}
.circle-text.coupon span:nth-child(2) {transform: rotate(-30deg);}
.circle-text.coupon span:nth-child(3) {transform: rotate(-10deg);}
.circle-text.coupon span:nth-child(4) {transform: rotate(10deg);}
.circle-text.coupon span:nth-child(5) {transform: rotate(30deg);}
.circle-text.coupon span:nth-child(6) {transform: rotate(50deg);}

/*coupon_Wrap*/
.coupon_Wrap > li{
	width: 48%;
    margin: 50px 1% 30px;
    padding: 40px 5px 20px;
	position: relative;
}
.coupon_Wrap h4{margin:0 0 15px;}
.coupon_Wrap > li .cpn_get {
	width:90%;
	min-width: 300px;
    margin: auto;
    box-shadow: 1px 1px 5px #ccc;
	position: relative;
}
.coupon_Wrap > li .cpn_get dl{
    height: 176px;
    box-sizing: border-box;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.coupon_Wrap.ko_yado > li .cpn_get dl{border: 5px solid #002060;}
.coupon_Wrap.ko_jrset > li .cpn_get dl{border: 5px solid #e03560;}
.coupon_Wrap.ka_tour > li .cpn_get dl{border: 5px solid #51b028;}
.coupon_Wrap.ka_air > li .cpn_get dl,
.coupon_Wrap.ko_airset > li .cpn_get dl,
.coupon_Wrap.ka_airset > li .cpn_get dl{border: 5px solid #0093da;}
@media screen and (max-width: 980px) {.coupon_Wrap > li {width: 98%;}}
.coupon_Wrap dl{
    padding: 0;
	cursor:pointer;
}
.coupon_Wrap.ko_yado dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_yado.png) no-repeat center 15px;
    background-size: 110px;
	color: #002060;
}
.coupon_Wrap.ko_jrset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_jrset.png) no-repeat center 15px;
    background-size: 110px;
	color: #e03560;
}
.coupon_Wrap.ka_tour dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_kaigai_tour.png) no-repeat center 15px;
    background-size: 110px;
	color: #51b028;
}
.coupon_Wrap.ka_air dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_air.png) no-repeat center 15px;
    background-size: 110px;
	color: #0093da;
}
.coupon_Wrap.ko_airset dl,
.coupon_Wrap.ka_airset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_airset.png) no-repeat center 15px;
    background-size: 110px;
	color: #0093da;
}
.coupon_Wrap dl:hover {opacity: 0.95;}
.coupon_Wrap li a > dl *{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.coupon_Wrap dt{
	width: 100%;
    display: flex;
    align-items: center;
	text-align: center;
	font-weight: bold;
}
.coupon_Wrap dt small{
	width: 24%;
    margin: 0 0 0 1%;
    font-size: 11px;
    letter-spacing: -1px;
}
.coupon_Wrap dt strong{
	width: 75%;
	font-size: 42px;
}
.coupon_Wrap dt strong span {
    font-size: 0.5em;
    letter-spacing: 0;
	margin: 0 5px;
}
.coupon_Wrap dd.about_mycoupon {
	width: 100%;
	display: flex;
    text-align: center;
	margin: 0 8px 10px;
}
.coupon_Wrap .fcf {
    background: #343474;
    width: 58px;
    height: 58px;
    border-radius: 36px;
    color: #FFF;
    line-height: 1.1;
    font-size: 12px;
    display: grid;
    align-items: center;
    margin-right: 20px;
}
.coupon_Wrap .mycoupon {
	width: 100%;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 28px;
    display: grid;
    align-items: end;
}
.coupon_Wrap .cpnget{
	width: 100%;
	padding: 4px 0 0;
}
.coupon_Wrap.ko_yado .cpnget{background: #002060;}
.coupon_Wrap.ko_jrset .cpnget{background: #e03560;}
.coupon_Wrap.ka_tour .cpnget{background: #51b028;}
.coupon_Wrap.ka_air .cpnget,
.coupon_Wrap.ko_airset .cpnget,
.coupon_Wrap.ka_airset .cpnget{background: #0093da;}
.coupon_Wrap .cpnget .ico{
	background: #FFF;
    padding: 2px 5px 0;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    width: 120px;
    display: inline-block;
    box-sizing: border-box;
}
.coupon_Wrap.ka_airset .cpnget {display: flex;}
.coupon_Wrap.ka_airset .cpnget .ico {
	padding: 4px 0;
	font-size: 9px;
}
.coupon_Wrap.ka_airset .cpnget h5 {
	display: grid;
	align-items: center;
}
.coupon_Wrap.ka_airset .cpnget h5:before {top: 2px;}
.coupon_Wrap.ka_airset .cpnget h5:after {top: 6px;}
.coupon_Wrap .cpnget h5{
	text-align: right;
    width: 195px;
    padding: 0;
    border-radius: 20px;
    margin: 0 auto 0 calc(100% - 320px);
    display: inline-block;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    position: relative;
}
.coupon_Wrap .cpnget h5:before{
	content: "";
    width: 18px;
    height: 18px;
    background: #FFF;
    border-radius: 12px;
    position: absolute;
    top: 1px;
    left: 38px;
}
.coupon_Wrap .cpnget h5:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    position: absolute;
    top: 5px;
    left: 45px;
}
.coupon_Wrap.ko_yado .cpnget h5:after{border-color: transparent transparent transparent #002060;}
.coupon_Wrap.ko_jrset .cpnget h5:after{border-color: transparent transparent transparent #e03560;}
.coupon_Wrap.ka_tour .cpnget h5:after{border-color: transparent transparent transparent #51b028;}
.coupon_Wrap.ka_air .cpnget h5:after,
.coupon_Wrap.ko_airset .cpnget h5:after,
.coupon_Wrap.ka_airset .cpnget h5:after{border-color: transparent transparent transparent #0093da;}
.coupon_Wrap .conditions{
	padding: 10px;
    background: #FFF;
    border-bottom: 1px dashed #ccc;
}
.coupon_Wrap .conditions li{
	font-size: 12px;
	display: flex;
	margin-bottom: 2px;
}
.coupon_Wrap .conditions li strong{
	width: 72px;
    display: inline-block;
    font-weight: bold;
}
.coupon_Wrap .conditions li span{
	width: calc(100% - 72px);
}
.coupon_Wrap .cpndetai {
	padding: 0 8px;
    font-size: 10px;
    text-align: center;
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/im_mycopon.png) no-repeat 5px;
    background-size: 28px auto;
}
.coupon_Wrap .cpndetai a{
	background: url(https://www.nta.co.jp/mycoupon/cpn/images/im_arrow_close.png) no-repeat 100% 56%;
    background-size: 15px auto;
    display: block;
    padding: 10px 0;
}
.coupon_Wrap .end{
	width: 100%;
    height: 100%;
    position: absolute;
    color: #FFF;
    top: 0;
    left: 0;
    display: grid;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1;
    font-size: 24px;
}

}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#pc_header {margin-bottom: 0;}
#wrapper {line-height: 1.231;}
#dirPathBlock,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: 0 auto 2%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
p.endcontents {
	width: 95%;
	max-width:970px;
	min-width:760px;
	color: #d70d18;
	margin: 25px auto;
	padding: 10px;
	border: 1px solid #ff0000;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
}
h1 {
	font-size: 14px;
    margin: 0 auto 5px;
}
h2 {
    width: fit-content;
    font-size: 28px;
    /*font-weight: bold;*/
    text-align: center;
    margin: 0 auto 35px;
    padding: 0 10px 25px;
	color: #006dbb;
	border-bottom: 4px solid;
	border-image: conic-gradient(#49ff00, #49ff00, #ff003d, #0095ff, #0095ff) 1;
}
h3.summary {
    width: fit-content;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 15px;
	color: #222;
}
#detailDay_sec h2 {text-shadow: 2px 2px 2px #fff;}
h3.title {
	width: 100%;
    border: none;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 25px;
    padding: 10px 0 15px;
    text-align: center;
    background: #29abe2;
    position: relative;
    color: #FFF;
}
h3.title:after {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #29abe2;
    border-bottom: 0;
    position: absolute;
    bottom: -10px;
    left: calc((100% - 12px) / 2);
}
h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}
.inner{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
	color: #222;
}
.inner p{
	font-size:18px;
	line-height: 1.8
}

/*title*/
#Mainbg-Section{
    overflow: hidden;
    position: relative;
}
#Mainbg-Section h1.Mainbg-Title {
	width: 840px;
	position: absolute;
	top: 14%;
	left: calc((100% - 840px) / 2);
	margin: auto;
	padding: 15px 0 25px;
	text-align: center;
	font-size: 2.6vw;
	font-weight: bold;
	color:#333;
	line-height: 1.4;
	text-shadow: 0px 0px 5px #FFF, 5px 5px 5px #FFF;
	z-index: 1;
	background: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
}
#Mainbg-Section h1 b {font-size: 1.1em;}
#Mainbg-Section h1 b.nta {text-shadow: 0px 0px 2px #FFF, 2px 2px 2px #FFF;}
#Mainbg-Section h1 b.jcb {text-shadow: 0px 0px 2px #FFF, 2px 2px 2px #FFF;}
#Mainbg-Section h1 strong b:nth-of-type(1) {color:#044186;}
#Mainbg-Section h1 strong b:nth-of-type(2) {color:#ad1f31;}
#Mainbg-Section h1 strong b:nth-of-type(3) {color:#008a3f;}
#Mainbg-Section .dis_flex {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 20vw;
	margin: 0 auto 15px;
}
#Mainbg-Section .dis_flex img:nth-of-type(1) {/*NTA*/
	width: 33%;
	height: auto;
	display: block;
	margin: auto;
	background: #FFF;
	padding: 5px;
	box-sizing: border-box;
}
#Mainbg-Section .dis_flex img:nth-of-type(2) {/*JTB*/
	width: 33%;
	height: auto;
	display: block;
	margin: auto;
	background: #FFF;
	padding: 3px;
	box-sizing: border-box;
}
#Mainbg-Section .dis_flex > div {
	width: 11%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
#Mainbg-Section #Mainbg-Slick_wrap {
	width: 400%;
	display: flex;
	margin-left: -25%;
}
#Mainbg-Section .Mainbg-Slick {
	display: flex;
	list-style: none;
}
#Mainbg-Section .Mainbg-Image {width: calc(100% / 3);}
#Mainbg-Section .Mainbg-Image picture > img {width: 100%;}

/*detailDay*/
.detailDay{
    width: 100%;
    max-width: 800px;
    min-width: 760px;
    margin: 10px auto 50px;
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    /*box-shadow: 3px 3px 8px #333;*/
}
.detailDay li{
	font-size: 20px;
	margin: 0 0 15px;
}
.detailDay dl{display: flex;}
.detailDay dl dt{
    width: 25%;
    padding: 0 2%;
    display: grid;
    /*font-weight: bold;*/
    color: #d70d18;
}
.detailDay dl dd{
	width: 72%;
    padding: 0 0 8px;
	color: #222;
}

.disfrex {
	display: flex;
	margin: 2% 0;
}
.disfrex li{
	width:46%;
	margin:0 1%;
	font-size: 14px;
}
.disfrex li img{
	width:100%;
	height:auto;
}
.detailplan{
	width: 100%;
	max-width: 800px;
	min-width: 760px;
	margin: 10px auto 50px;
	padding: 2%;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
}

/*おトクポイント*/
#otoku_point h2 {
    width: 100%;
    box-sizing: border-box;
    font-size: 28px;
    color: #FFF;
    text-shadow: none;
    border-bottom: none;
    background: #29abe2;
    /*border-radius: 50px 50px 0 0;*/
	margin: 0;
    padding: 10px 0 13px;
    position: relative;
}
#otoku_point h2 span {
	width: 100px;
	height: 100px;
	display: block;
	position: absolute;
	top: -40px;
	left: 50px;
	background: #FFF;
	color: #d70d18;
	border: 3px solid;
	padding: 5px;
	border-radius: 50px;
	font-size: 32px;
	box-sizing: border-box;
	transform: rotate(-20deg);
	line-height: 1;
}
#otoku_point h2 span b {
	width: 85px;
	height: 85px;
	display: block;
	background: #FFF;
	color: #d70d18;
	border: 1px solid;
	padding: 0;
	border-radius: 50px;
	box-sizing: border-box;
}
#otoku_point h2 span b small {font-size: 18px;}
#otoku_point dl {
    margin-bottom: 25px;
    padding: 35px;
    background: #FFF;
    /*border-radius: 10px;*/
}
#otoku_point dl.mb75 {margin-bottom: 75px;}
#otoku_point dt {
    font-size: 20px;
    text-align: center;
    margin: 0 auto 35px;
    line-height: 1.5;
}
#otoku_point .inner dt h3 {
	width: fit-content;
	position: relative;
	margin: auto;
}
#otoku_point .inner dl:nth-of-type(1) dt h3:before {
	content:"";
	width:65px;
	height:65px;
	display:block;
	background:url(../images/pb-pixta116206643.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-100px;
}
#otoku_point .inner dl:nth-of-type(2) dt h3:before {
	content:"";
	width:65px;
	height:65px;
	display:block;
	background:url(../images/pb-pixta116206669.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-100px;
}
#otoku_point .inner dl:nth-of-type(3) dt h3:before {
	content:"";
	width:65px;
	height:65px;
	display:block;
	background:url(../images/pb-pixta116206667.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-100px;
}
#otoku_point .inner dl:nth-of-type(4) dt h3:before {
	content:"";
	width:80px;
	height:80px;
	display:block;
	background:url(../images/pb-pixta116206632.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-100px;
}
#otoku_point .inner dl:nth-of-type(5) dt h3:before {
	content:"";
	width:65px;
	height:65px;
	display:block;
	background:url(../images/pb-pixta116206674.gif) no-repeat;
	background-size: contain;
	position:absolute;
	top:0;
	left:-100px;
}
#otoku_point dt b {
    color: #fcb132;
    font-size: 1.2em;
}
#otoku_point dd {
    display: flex;
    flex-wrap: wrap;
	position: relative
}
#otoku_point .copyright {
    position: absolute;
	top: -20px;
	left: 9%;
    font-size: 14px;
}
#otoku_point dd img {
    width: calc(94% / 3);
    height: fit-content;
    margin: 1%;
}
#otoku_point dd img~p {
    width: 63%;
    margin-left: 3%;
    font-size: 18px;
}
.red_btn {margin: 25px 0;}
.red_btn a {
    width: 240px;
	display: block;
    color: #fff;
    background: #d70d18;
    margin: 0 auto;
    padding: 0 0 3px;
    font-size: 18px;
    line-height: 2.4;
    box-shadow: 1px 1px 5px #aaa;
    border-radius: 50px;
    text-align: center;
}
p.other_txt {
    color: #29abe2;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

/*discount/coupon*/
.coupon_Wrap{
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}
.coupon_Wrap > li{
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    background: #f9f8f3;
}

/*discount*/
.coupon_Wrap .discount_plan_number {
	/*font-family: "Montserrat", sans-serif !important;*/
    font-weight: bold;
    font-size: 22px;
	color: #FFF;
	background: #044186;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 25px;
    position: absolute;
    top: -28px;
    left: calc((100% - 50px) / 2);
    padding-top: 11px;
    box-sizing: border-box;
}
.coupon_Wrap .discount_plan_number .circle-text {
	font-size: 16px;
	font-weight: normal;
	color: #044186;
}
.coupon_Wrap .discount_plan_number .circle-text span {
	/*font-family: "Limelight", sans-serif !important;*/
    position: absolute;
    top: -32px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    transform-origin: center bottom;
}
.circle-text.coupon span:nth-child(1) {transform: rotate(-50deg);}
.circle-text.coupon span:nth-child(2) {transform: rotate(-30deg);}
.circle-text.coupon span:nth-child(3) {transform: rotate(-10deg);}
.circle-text.coupon span:nth-child(4) {transform: rotate(10deg);}
.circle-text.coupon span:nth-child(5) {transform: rotate(30deg);}
.circle-text.coupon span:nth-child(6) {transform: rotate(50deg);}

/*coupon_Wrap*/
.coupon_Wrap > li{
	width: 48%;
	margin: 75px auto 50px;
	padding: 45px 25px 25px;
	position: relative;
}
.coupon_Wrap h4{margin:0 0 15px;}
.coupon_Wrap > li .cpn_get {
	box-shadow: 1px 1px 5px #ccc;
	position: relative;
}
.coupon_Wrap.ko_yado > li .cpn_get dl{border: 5px solid #002060;}
.coupon_Wrap.ko_jrset > li .cpn_get dl{border: 5px solid #e03560;}
.coupon_Wrap.ka_tour > li .cpn_get dl{border: 5px solid #51b028;}
.coupon_Wrap.ka_air > li .cpn_get dl,
.coupon_Wrap.ko_airset > li .cpn_get dl,
.coupon_Wrap.ka_airset > li .cpn_get dl{border: 5px solid #0093da;}
@media screen and (max-width: 980px) {
.coupon_Wrap{width: 500px;}
.coupon_Wrap > li {width: 96%;}
}
.coupon_Wrap dl{
    padding: 10px 0 0;
	cursor:pointer;
}
.coupon_Wrap.ko_yado dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_yado.png) no-repeat center 15px;
    background-size: 130px;
	color: #002060;
}
.coupon_Wrap.ko_jrset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_jrset.png) no-repeat center 15px;
    background-size: 130px;
	color: #e03560;
}
.coupon_Wrap.ka_tour dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_kaigai_tour.png) no-repeat center 15px;
    background-size: 130px;
	color: #51b028;
}
.coupon_Wrap.ka_air dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_air.png) no-repeat center 15px;
    background-size: 130px;
	color: #0093da;
}
.coupon_Wrap.ko_airset dl,
.coupon_Wrap.ka_airset dl{
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/bg_airset.png) no-repeat center 15px;
    background-size: 130px;
	color: #0093da;
}
.coupon_Wrap dl:hover {opacity: 0.95;}
.coupon_Wrap li a > dl *{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.coupon_Wrap dt{
    display: flex;
    align-items: center;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.coupon_Wrap dt small{
	width: 32%;
	font-size: 16px;
}
.coupon_Wrap dt strong{
	width: 68%;
	font-size: 50px;
}
.coupon_Wrap dt strong span {
    font-size: 0.6em;
    letter-spacing: 0;
	margin: 0 5px;
}
.coupon_Wrap dd.about_mycoupon {
	display: flex;
    text-align: center;
	margin: 0 5% 10px;
}
.coupon_Wrap .fcf {
	background: #343474;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    color: #FFF;
    line-height: 1.1;
    font-size: 16px;
    display: grid;
    align-items: center;
    margin-right: 20px;
}
.coupon_Wrap .mycoupon {
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	display: inline-block;
}
.coupon_Wrap .cpnget{padding: 15px 5px 0;}
.coupon_Wrap.ko_yado .cpnget{background: #002060;}
.coupon_Wrap.ko_jrset .cpnget{background: #e03560;}
.coupon_Wrap.ka_tour .cpnget{background: #51b028;}
.coupon_Wrap.ka_air .cpnget,
.coupon_Wrap.ko_airset .cpnget,
.coupon_Wrap.ka_airset .cpnget{background: #0093da;}
.coupon_Wrap .cpnget .ico{
	background: #FFF;
    padding: 2px 5px 0;
	border-radius: 5px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    width: 180px;
    display: inline-block;
    box-sizing: border-box;
}
.coupon_Wrap.ka_airset .cpnget .ico {
	padding: 8px 5px;
	font-size: 13px;
}
.coupon_Wrap .cpnget h5{
	text-align: right;
    width: 200px;
    padding: 2px 0;
    border-radius: 20px;
    margin: 0 auto 10px calc(100% - 380px);
    display: inline-block;
	font-weight: bold;
    color: #FFF;
    font-size: 20px;
	position:relative;
}
.coupon_Wrap .cpnget h5:before{
	content: "";
    width: 24px;
    height: 24px;
    background: #FFF;
    border-radius: 12px;
    position: absolute;
    top: 1px;
    left: 0;
}
.coupon_Wrap .cpnget h5:after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 8px;
    position: absolute;
    top: 7px;
    left: 10px;
}
.coupon_Wrap.ko_yado .cpnget h5:after{border-color: transparent transparent transparent #002060;}
.coupon_Wrap.ko_jrset .cpnget h5:after{border-color: transparent transparent transparent #e03560;}
.coupon_Wrap.ka_tour .cpnget h5:after{border-color: transparent transparent transparent #51b028;}
.coupon_Wrap.ka_air .cpnget h5:after,
.coupon_Wrap.ko_airset .cpnget h5:after,
.coupon_Wrap.ka_airset .cpnget h5:after{border-color: transparent transparent transparent #0093da;}
.coupon_Wrap .conditions{
	padding: 10px;
    background: #FFF;
    border-bottom: 1px dashed #ccc;
}
.coupon_Wrap .conditions li{
	font-size: 14px;
	display: flex;
	margin-bottom: 5px;
}
.coupon_Wrap .conditions li strong{
	width: 90px;
	display: inline-block;
	font-weight: bold;
}
.coupon_Wrap .conditions li span {
    width: calc(100% - 90px);
}
.coupon_Wrap .cpndetai {
	padding: 0 15px;
    font-size: 13px;
    text-align: center;
    background: #FFF url(https://www.nta.co.jp/mycoupon/cpn/images/im_mycopon.png) no-repeat 8px;
    background-size: 40px auto;
}
.coupon_Wrap .cpndetai a{
	background: url(https://www.nta.co.jp/mycoupon/cpn/images/im_arrow_close.png) no-repeat 100% 56%;
    background-size: 15px auto;
    display: block;
    padding: 15px 0;
}
.coupon_Wrap .end{
	width: 100%;
    height: 100%;
    position: absolute;
    color: #FFF;
    top: 0;
    left: 0;
    display: grid;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1;
    font-size: 24px;
}

}

/*underbox anim*/
.fadeIn {
  width: 100%;	/* 横幅いっぱい */
  opacity: 0;	 /* 初期値は透明にしておく */
  transition: .5s;    /* 動くスピードを0.5秒に指定 */
  position: relative; /* 相対位置の設定 */
  top: 50px;	  /* 事前に下に50pxずらしておく */
}
.active {
  opacity: 1;
  top: 0;
}

/*important-red*/
.JSimportant{
	word-break: keep-all;
	position: relative;
}
.JSimportant.important-red{
	color: #d70d18;
    transition: all 0.3s;
	word-break: break-all;
}
.JSimportant::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
	height: 1px;
    background: #ffcd00;
    transition: all 1.0s;
    transform: scale(0, 1);
    transform-origin: left top;
	transition-delay: 0.1s;
}
.JSimportant.important-red::after {transform: scale(1, 1);}

/*underline*/
.JSunderline{
	word-break: keep-all;
	position: relative;
}
.JSunderline::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 3px;
    background: #d70d18;
    transition: all 0.5s;
    transform: scale(0, 1);
    transform-origin: left top;
	transition-delay: 0.1s;
}
.JSunderline.lineaction::after {transform: scale(1, 1);}

/*gradientmove*/
@keyframes gradientmove {
  0% {
    background-position: 150% 50%;
  }
  50% {
    background-position: 150% 50%;
  }
  100% {
    background-position: -25% 50%;
  }
}

/*MVslide*/
.Mainbg-Slick {
	animation: slidemv 28s cubic-bezier(0.25, 1, 0.5, 1) forwards infinite;
	animation-delay: 8s;
	/*animation: slidemv 80s linear forwards infinite;
	animation-delay: 1s;*/
}
@keyframes slidemv {
  0% {
    transform: translateX(0);
  }
  5% {
    transform: translateX(-25%);
  }
  25% {
    transform: translateX(-25%);
  }
  30% {
    transform: translateX(-50%);
  }
  50% {
    transform: translateX(-50%);
  }
  55% {
    transform: translateX(-75%);
  }
  75% {
    transform: translateX(-75%);
  }
  80% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
/*@keyframes slidemv {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}*/

/*ガシェット*/
.disnone{display:none;}
@media screen and (max-width: 759.9px) {
.gadget_box #p_sbox_ka {background: #FFF;}
#air_s_box .select_airport,
#p_sbox_ka .select_airport {color: #A6ACAF;}
#air_s_box .select_airport *,
#p_sbox_ka .select_airport * {color: #3C3D47;}
#air_s_box .select_airport > option:first-child,
#p_sbox_ka .select_airport > option:first-child,
#p_sbox .box-contents .ico_man.select_issitsuninzuu,
#p_sbox .box-contents .ico_bed.select_hakusuu{
	width: 100%;
	height: 42px;
	padding: 5px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	border-radius: 5px;
	background: #FFF;
}
.selectday {
	width: 100%;
	height: 42px;
	padding: 2px 5px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	border-radius: 5px;
	font-size: 14px;
	color: inherit;
	background: #FFF;
}
.selectday p {text-indent: 105px;}


/*アイコン*/
.select_wrap,
.noselect_wrap {position: relative;}
.select_wrap:after{
	content: "▼";
    position: absolute;
    width: 20px;
    height: 40px;
    top: 1px;
    right: 1px;
    color: #555;
    font-size: 10px;
    pointer-events: none;
    text-align: center;
    display: grid;
    align-items: center;
    border-radius: 0 5px 5px 0;
    background: #FFF;
}

.noselect_wrap:after{content: "";}
.ico_place:before,
.ico_calendar:before,
.ico_bed:before,
.ico_man:before,
.ico_glass:before,
.ico_plane:before,
.ico_trank:before {
	font-family: "Material Symbols Rounded";
    line-height: 1;
    color: #A6ACAF;
    position: absolute;
    margin-top: -11px;
    font-variation-settings: "FILL" 0, "wght" 120, "GRAD" 0, "opsz" 24;
    font-size: 18px;
    top: 58%;
    left: 5px;
	z-index: 1;
}
.ico_place:before{content: "\e0c8";}
.ico_calendar:before{content: "\e935";}
.ico_bed:before{content: "\efdf";}
.ico_man:before{content: "e7ef";}
.ico_plane:before{content: "\e6ca";}
.ico_trank:before{content: "\efc3";}

/*項目文言*/
.select_syuppatsuchi:after{content: "出発地";}
.select_mokutekichi:after{content: "目的地";}
.select_syuppatsubi:after{content: "出発日";}
.select_issitsuninzuu:after{content: "1室人数";}
.select_toutyakuchi:after{content: "到着地";}
.select_kityakubi:after{content: "帰着日";}
.select_checkin:after{content: "宿泊日";}
.select_hakusuu:after{content: "泊数";}
.select_syukuhakuchi:after{content: "宿泊地";}
.select_ryokounissuu:after{content: "旅行日数";}
.select_area:after {content: "エリア";}/*/sp/yado/のみ*/
.select_district:after {content: "地区";}/*/sp/yado/のみ*/
.select_syuppatsuchi:after,
.select_mokutekichi:after,
.select_syuppatsubi:after,
.select_issitsuninzuu:after,
.select_toutyakuchi:after,
.select_kityakubi:after,
.select_checkin:after,
.select_hakusuu:after,
.select_syukuhakuchi:after,
.select_ryokounissuu:after,
.select_area:after,
.select_district:after{
	position: absolute;
	top: 13px;
	left: 36px;
	color: #A6ACAF;
	font-size: 12px;
	pointer-events: none;
}

/*-----------------------------------------------------
kaigai gadget
------------------------------------------------------*/
.dis_flex {display: block;}
.w40p,.w50p,.w60p {
	width: 100%;
	margin:0 0 15px;
}
.w40p:last-child,
.w50p:last-child,
.w60p:last-child {margin:0 0 15px;}
#roomNum_wrap .selectedRoom p {
    text-indent: 105px;
    font-size: 12px;
}
/*gadget_kaigai*/
.tab_kaigai_ga {
	/*flex-wrap: wrap;*/
	display: flex;
	margin-bottom: 15px;
}
.tab_kaigai_ga li{
	width: calc((100% - 8px) / 2);
    margin: 0 2px;
    padding: 15px 0;
    font-size: 13px;
    border-bottom: 3px solid #eee;
    cursor: pointer;
    text-align: center;
    text-indent: 22px;
    background: #FFF;
}
.tab_kaigai_ga li.select{
	border-bottom: 3px solid #20208c;
    color: #20208c;
    position: relative;
}
.tab_kaigai_ga li.select:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid #20208c;
    border-bottom: 0;
    position: absolute;
    display: block;
    bottom: -7px;
    left: calc(50% - 5px);
}
.tab_kaigai_ga li span{position:relative;}
.tab_kaigai_ga li span:before{
	content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
	top: -3px;
    left: -28px;
}
.tab_kaigai_ga li:nth-of-type(1) span:before{
	background:url(/shared2021/common/images/gadget/ico_ka_tour.png) no-repeat;
	background-size: 100%;
}
.tab_kaigai_ga li:nth-of-type(2) span:before{
	background:url(/shared2021/common/images/gadget/ico_ka_planeset.png) no-repeat;
	background-size: 100%;
}
#p_sbox_ka .box-contents button.topDropdownModalButton,
#p_sbox_ka .box-contents input,
#p_sbox_ka .box-contents select {
	width: 100%;
	height: 42px;
	padding: 2px 5px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	text-indent: 105px;
	border-radius: 5px;
	font-size: 14px;
	background: #FFF;
	opacity: 1;
	text-align: left;
	color: #A6ACAF;
}
#p_sbox_ka .box-contents #tentsuki_tour select {color: #000;}
#p_sbox_ka .box-contents b {
	position: absolute;
	left: 90px;
	top: 14px;
	font-size: 10px;
	color: #E74444;
	pointer-events: none;
}
.base_gadget_btn a,
#NTA_W_go,
.btn.btnSeach01.js-kaigai-form-submit {
	display: grid;
    background: #F29A16;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.142857142;
    width: 240px;
    min-height: 40px;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(60, 61, 71, 0.16);
    margin: auto;
	text-align: center;
    align-items: center;
	position:relative;
}
.base_gadget_btn a:before,
#NTA_W_go:before,
.btn.btnSeach01.js-kaigai-form-submit:before {
	width: 20px;
    height: 24px;
    display: block;
    background-image: url(/sp/shared2015/common/images/icon01.png);
    background-repeat: no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    content: "";
    position: absolute;
    top: 25%;
    left: 72px;
}

/*kaigai_jika*/
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {position: relative;}
.dropdown-toggle {white-space: nowrap;}
.dropdown-toggle:empty::after {margin-left: 0;}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {--bs-position: start;}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {--bs-position: end;}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

/*.topDropdownModal {
  display: flex;
  margin-right: 5px;
}*/
.topDropdownModal .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
max-height: 250px;
overflow: auto;
}
.topDropdownModal .topDropdownModalButton {
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  padding: 3px;
}
.topDropdownModal .topDropdownModalButton:hover, .topDropdownModal .topDropdownModalButton:focus {
  background-color: #f0f0f0; /* ホバー時の背景色 */
  color: #333;
}
.topDropdownModal li.dropdown-item {
  background-color: #fff;
  color: #333;
  height: 20px;
  font-size: 14px;
  padding: 5px 10px;
  width: auto;
  border-bottom: 1px solid #ccc;
}
.topDropdownModal li.dropdown-item.active {
  background-color: #6eb9da;
  color: #3c3d47;
}
.topDropdownModal li.dropdown-item.disabled {
  color: #c1c3c5;
}
.topDropdownModal li.dropdown-item:hover, .topDropdownModal li.dropdown-item:focus {
  background-color: #568ded; /* ホバー時の背景色 */
  color: #FFF;
}
.topDropdownModal li.dropdown-item a:hover {
  text-decoration: none;
  color: #333;
}
.topDropdownModal li:last-child {
  border: none;
}
.topDropdownModalWrap {
  display: flex;
}

form#kaigai_dp_tour div:not(#roomNum_wrap,#depday_wrap) dd select {display: none;}

.closeIcon{
	background-color:#fff;
	border-radius:100%;
	cursor:pointer;
	height:24px;
	position:relative;
	width:24px
}
.closeIcon:before{transform:rotate(-45deg)}
.closeIcon:after,.closeIcon:before{
	background-color:#20208c;
	content:"";
	display:block;
	height:2px;
	left:5px;
	position:absolute;
	top:11px;
	width:14px
}
.closeIcon:after{transform:rotate(45deg)}
.datePicker{position:relative}
.datePicker, .datePicker--show .datePicker__calendarWap {display:block}
.datePicker--show .dp_modal_cal{
	background:none;
	display:flex;
	max-height:310px;
	min-width: 280px;
	min-height:auto;
	overflow:hidden;
	top:0
}
.datePicker__calendarWap {
	display: none;
    position: absolute;
    background-color: #fff;
    padding: .5em;
    z-index: 100;
}
.datePickerCalendar{
	display:flex;
	flex-wrap:wrap;
	padding:0
}
.datePickerCalendar__head {
	background-color:#333;
	display:flex;
	justify-content:space-between;
	width:100%;
	height:28px;
	line-height:28px;
	padding:0;
	box-sizing:border-box;
	color:#fff;
	font-size:10px;
	flex:0 0 100%
}

.datePickerCalendar__headItem{display:flex}
.datePickerCalendar__headText{padding:0 .8em}
.datePickerCalendar__headLink{cursor:pointer;padding:0 .8em}
.datePickerCalendar__headLink,.datePickerCalendar__headLink:link,.datePickerCalendar__headLink:visited{color:#fff;text-decoration:underline}.datePickerCalendar__month{font-size:12px;line-height:2.6rem}	.datePickerCalendar__month{display:none}
	.datePickerCalendar__body--spNone{display:none}
.datePickerCalendar__body__right{padding-left:10px}
.datePickerCalendar__body table{table-layout:fixed;width:100%}.datePickerCalendar__body th{background-color:#fff;border:1px solid #f8f8f8;border-collapse:separate;color:#707070;font-size:10px;font-weight:700;padding:8px 0;text-align:center}.datePickerCalendar__body th:first-child{border-left:0}.datePickerCalendar__body th:nth-child(6){background-color:#e6f2ff;color:#4a97ed}.datePickerCalendar__body th:last-child{background-color:#fff2f2;border-right:0;color:#f05565}.datePickerCalendar__body td{background-color:#fff;border:1px solid #f8f8f8;border-collapse:separate}.datePickerCalendar__body td .cal_inner{cursor:pointer;display:block;padding:8px}.datePickerCalendar__body td .cal_inner:hover{border:2px solid #e61b61;padding:6px}.datePickerCalendar__body td a{color:#333;display:block}.datePickerCalendar__body td:first-child{border-left:0}.datePickerCalendar__body td:nth-child(6){background-color:#e6f2ff}.datePickerCalendar__body td:last-child{background-color:#fff2f2;border-right:0}.datePickerCalendar__body td.selected .cal_inner{border:2px solid #e61b61;padding:6px}.datePickerCalendar__body .holiday{background-color:#fff2f2}.datePickerCalendar__body .disable{background-color:#d9d9d9!important}.datePickerCalendar__body .disable,.datePickerCalendar__body .disable .cal_inner{cursor:not-allowed!important;pointer-events:none}.datePickerCalendar__date{font-size:10px;font-weight:700;text-align:center}
.title7{
	width: 100%;
    background-color: #20208c;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    vertical-align: middle;
    box-sizing: border-box;
}
.dp_modal_cal{
	background-color:rgba(0,0,0,.35);
	bottom:0;
	display:none;
	left:0;
	margin:auto;
	min-height:100vh;
	overflow:scroll;
	position:fixed;
	right:0;
	top:0;
	width:100%;
	z-index:25
}
.modal--show{display:block}
.modal__wap{
	width: 100%;
	background:#fff;
	border:3px solid #20208c;
	border-radius:10px;
	position:relative
}

.modal__wap .title7{
	margin:0;
	text-align:center
}
.modal__wapActivity{
	background-color:#fff;
	border-radius:10px;
	margin:7rem auto;
	max-width:940px;
	padding-bottom:75px;
	position:relative
}
.modal__wapActivity{margin:75px auto;width:93%}
.modal__title{margin:0}
.modal__body{box-sizing:border-box;color:#333;font-size:14px}
.modal__closeModalBtn{
	position:absolute;
	right:.2rem;
	top:.2rem
}
.modal__closeBtn{
	margin-top:2.2rem;
	text-align:center
}

/*--add20240318 内訳//--*/
#roomNum_wrap{
    clear: both;
    position: relative;
    margin-bottom: 15px;
}
#roomNum_wrap .selectedRoom {
    width: 100%;
    height: 42px;
    padding: 2px 5px;
    border: #C1C3C5 solid 1px;
    box-sizing: border-box;
	align-items: center;
    display: flex;
    border-radius: 5px;
	position: relative;
}
#roomNum_wrap .selectedRoom:after {
    position: absolute;
    top: 13px;
    left: 36px;
    color: #aaa;
    font-size: 12px;
    pointer-events: none;
}
#roomNum_wrap .selectedRoom:after {
    content: "宿泊内訳";
}
#roomNum_wrap .selectedRoom:before {
	content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 5px;
    pointer-events: none;
    z-index: 1;
}
#roomNum_wrap .selectedRoom:before {
    background: url(https://www.nta.co.jp/shared2021/common/images/gadget/ico_man.png) no-repeat;
    background-size: 18px;
}
#roomNum_wrap .selectedRoom img {
	width: 22px;
    height: 22px;
    margin-right: 10px;
}
#roomNum_wrap .selectedRoom p {
    text-indent: 105px;
}
#roomNum_wrap .roomsChanger .topUserSelectController__bar{
	font-size: 1.2em;
    background: #20208c;
    color: #FFF;
    text-align: center;
    padding: 5px 0 8px;
}
#roomNum_wrap .roomAllocation__row,
#roomNum_wrap .topUserSelectController__text{padding: 5px 10px;}
#roomNum_wrap .roomAllocation__row{
	display: flex;
    border-bottom: 1px dotted #aaa;
}
#roomNum_wrap .roomAllocation__title,
#roomNum_wrap .roomAllocation__label{
	width: 110px;
    align-items: center;
    display: flex;
	/*justify-content: right;*/
}
#roomNum_wrap .roomAllocation__body {width: calc(100% - 110px);}
#roomNum_wrap .roomAllocation__item,
#roomNum_wrap .topUserSelectController__form,
#roomNum_wrap .roomAllocation__form{
	display: flex;
    margin: 5px 0px 5px 8px;
    justify-content: flex-end;
}
#roomNum_wrap .topUserSelectController__button.minus_count,
#roomNum_wrap .topUserSelectController__button.plus_count,
#roomNum_wrap .topUserSelectController__button.minus_count_people,
#roomNum_wrap .topUserSelectController__button.plus_count_people{
	width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 2px;
    background: #eee;
    touch-action: manipulation;
    color: #4d4d4d;
    cursor: pointer;
    font-size: 19px;
}
#roomNum_wrap #roomNum,
#roomNum_wrap .roomAllocation .roomAllocation__form > div:nth-of-type(2) {
	width: 36px;
    text-align: center;
    margin-right: 2px;
    font-size: 16px;
    display: grid;
    align-items: center;
}
#roomNum_wrap .js-tour-detail-rooms-info.TopRoomsInfo-apply {
	text-align: right;
    font-size: 1.1em;
    font-weight: bold;
}
#roomNum_wrap .js-room-change-btn {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 0 #d6d6d6;
    border: none;
    background-color: #e61b61;
    color: #fff !important;
    position: relative;
    padding: 5px;
    font-size: 14px;
    width: 120px;
    margin: 5px auto 15px;
    text-align: center;
}
#roomNum_wrap .topUserSelectController {
	width: 100%;
	min-width: 280px;
	max-height: 320px;
    display: none;
    background: #fff;
    z-index: 1;
    border: 2px solid #20208c;
    border-radius: 5px;
	box-sizing: border-box;
    margin: auto;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
}
#roomNum_wrap .overflow_y-auto{
	height: 155px;
    overflow-y: auto;
    scrollbar-width: thin;
}
#roomNum_wrap .roomChange--show .topUserSelectController{display:block}
/*--//add20240318 内訳--*/

.js-kaigai-form-errors {
	text-align: center;
	color: red;
}

/*添付きツアー*/
#tentsuki_tour #NTA_W_day {text-indent: 10px;}
#tentsuki_tour #NTA_W_calendar {
	position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
    width: 27px;
    height: 30px;
}
#tentsuki_tour .select_wrap:after {
	content:"";
	background:none;
}
#NTA_W_CalendarContainer {
    position: fixed!important;
	top: auto !important;
	bottom: 25% !important;
	left: 0 !important;
}
#NTA_W_CalendarContainer table.calendar {background-color:#fff;}
#NTA_W_CalendarContainer .monthPager{
	padding: 0;
	background-color: #333;
	color: #fff;
	height: auto;
}
#NTA_W_CalendarContainer .monthPager a{color: #fff;}
#NTA_W_CalendarContainer table.calendar th {
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#NTA_W_CalendarContainer table.calendar th.sunday {
	color: #f05565;
	background-color: #fff2f2;
	border-right:1px solid #ccc;
}
#NTA_W_CalendarContainer table.calendar th.saturday {
	color: #4a97ed;
    background-color: #e6f2ff;
	border-right:none;
}
#NTA_W_CalendarContainer table.calendar td {
	text-align:center;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E4E4E4;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#E4E4E4;
	vertical-align:middle;
	font-size: 10px;
	font-weight: bold;
}
#NTA_W_CalendarContainer table.calendar td span {
	font-size:9px;
	display:block;
	font-weight:normal;
	padding:0px;
}
#NTA_W_CalendarContainer table.calendar td.sunday {
	color: #f05565;
	background-color: #fff2f2;
}
#NTA_W_CalendarContainer table.calendar td.saturday {
	color: #4a97ed;
    background-color: #e6f2ff;
	border-right:none;
}
#NTA_W_CalendarContainer {font-size :10px;}
#NTA_W_CalendarContainer table.calendar td {height:28px;}
#NTA_W_CalendarContainer table.calendar td a {color: unset;}
#NTA_W_CalendarContainer div.cleared {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	overflow:hidden;
	padding:0;
}
#NTA_W_CalendarBody table.calendar {
	table-layout:fixed;
	width:100%;
	border: 1px solid #ccc;
}
#NTA_W_CalendarBody table.calendar th {
	text-align:center;
	vertical-align:middle;
	height: 20px;
}
#NTA_W_CalendarBody table.calendar  th  a:link, 
#NTA_W_MonthShift table.calendar_month  th  a:visited {
	display:block;
	height:22px;
	width:36px;
	padding-top:3px;
}
#NTA_W_CalendarBody table.calendar th a:active,
#NTA_W_MonthShift table.calendar_month th a:hover {display:block;}
#NTA_W_MonthShift table.calendar_month {
	border:medium none;
	height:26px;
	width:100%;
}
#NTA_W_MonthShift table.calendar_month th {
	text-align:center;
	vertical-align:middle;
	width:36px;
}
#NTA_W_CalendarContainer .btnbox {text-align:right;}
#NTA_W_CalendarContainer .btnbox a {
	background:url(//www.nta.co.jp/nta_yado/images/icon_close.gif) no-repeat scroll 0 0 transparent;
	display:inline-block;
	height:0;
	overflow:hidden;
	padding-top:13px;
	width:13px;
}
#NTA_W_CalendarContainer {
	background:none repeat scroll 0 0 #fff;
	padding :5px;
	border:2px solid #ccc;
	z-index:20;
}

/*kaigai_FIT*/
.content_wrap_dp dt {
    font-size: 14px;
    margin-bottom: 5px;
}
.content_wrap_dp .base_gadget_calendar {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
    width: 27px;
    height: 30px;
}

.tab_kaigai_ga li {
    padding: 12px 0;
	display: grid;
	align-items: center;
	font-size:12px;
	text-indent:0;
}
.tab_kaigai_ga li span {
	height: 28px;
	display: grid;
	align-items: center;
}
.tab_kaigai_ga li span:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
}
.tab_kaigai_ga li small {font-size: 0.75em;}
.tab_kaigai_ga li:nth-of-type(1) span:before{
	/*background:url(/shared2021/common/images/gadget/ico_ka_tour.png) no-repeat;*/
	background:none;
	background-size: 100%;
}
.tab_kaigai_ga li:nth-of-type(2) span:before{
	/*background:url(/shared2021/categorytop/toppage/images/category_tentsuki.gif) no-repeat;*/
	background:none;
	background-size: 100%;
}
.tab_kaigai_ga li:nth-of-type(3) span:before{
	/*background:url(/shared2021/common/images/gadget/ico_ka_planeset.png) no-repeat;*/
	background:none;
	background-size: 100%;
}

/*gadget*/
#p_sbox_ka .box-contents input.forcia_flight1_day,
#p_sbox_ka .box-contents input.forcia_flight2_day {color: #000;}

/*------------------------------
category
------------------------------*/
.category_icon {
	margin: 0 auto 15px;
    width: 100%;
}
.category_icon ul {display: flex;}
.category_icon li {
	width: calc(100% / 3);
	text-align: center;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	box-shadow: 1px 1px 5px #555;
	margin: 2px;
}
.category_icon li:last-child {border-right: none;}
.category_icon li a {
	display: block;
	color: #333;
	font-size: 11px;
	padding: 45px 0 5px;
	font-size: 13px;
}
.category_icon .category_kaigaitour {
	background: url(https://www.nta.co.jp/shared2021/categorytop/toppage/images/category_kaigaitour.gif) no-repeat center 0;
	background-size: 40px;
}
.category_icon .category_kaigai_dp {
	background: url(https://www.nta.co.jp/shared2021/categorytop/toppage/images/category_kokunai.gif) no-repeat center 0;
	background-size: 40px;
}
.category_icon .category_tentsuki {
	background: url(https://www.nta.co.jp/shared2021/categorytop/toppage/images/category_tentsuki.gif) no-repeat center 0;
	background-size: 40px;
}
.category_icon .category_kaigai_air {
	background: url(https://www.nta.co.jp/shared2021/categorytop/toppage/images/category_kaigai_air.gif) no-repeat center 0;
	background-size: 40px;
}
.category_icon .category_kaigai_hotel {
	background: url(https://www.nta.co.jp/shared2021/categorytop/toppage/images/category_yado.gif) no-repeat center 0;
	background-size: 40px;
}

#tentsuki_tour .dis_flex:nth-of-type(1) {
    flex-wrap: wrap;
    display: flex;
}
#tentsuki_tour .dis_flex:nth-of-type(1) .w50p:nth-of-type(1) {
    width: 59%;
    margin: 0;
}
#tentsuki_tour .dis_flex:nth-of-type(1) .w50p:nth-of-type(2) {
    width: 39%;
    margin: 0 0 0 1%;
}
}

@media screen and (min-width: 760px),print {
.dis_flex {display: flex;}
.selectday {
	width: 100%;
	height: 42px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	border-radius: 5px;
	font-size: 14px;
	color: inherit;
	background: #FFF;
}
.selectday p {text-indent: 105px;}

/*アイコン*/
.select_wrap,
.noselect_wrap {
	width:100%;
	position: relative;
}
.select_wrap:after{
	content: "▼";
    position: absolute;
	width: 24px;
    height: 38px;
    top: 2px;
    right: 1px;
    color: #555;
    font-size: 10px;
    pointer-events: none;
    text-align: center;
    display: grid;
    align-items: center;
    border-radius: 0 5px 5px 0;
    background: #FFF;
}
.noselect_wrap:after{content: "";}
.ico_place:before,
.ico_calendar:before,
.ico_bed:before,
.ico_man:before,
.ico_glass:before,
.ico_plane:before,
.ico_trank:before {
	font-family: "Material Symbols Rounded";
    line-height: 1;
    color: #A6ACAF;
    position: absolute;
    margin-top: -11px;
    font-variation-settings: "FILL" 0, "wght" 120, "GRAD" 0, "opsz" 24;
    font-size: 18px;
    top: 58%;
    left: 5px;
	z-index: 1;
}
.ico_place:before{content: "\e0c8";}
.ico_calendar:before{content: "\e935";}
.ico_bed:before{content: "\efdf";}
.ico_man:before{content: "e7ef";}
.ico_plane:before{content: "\e6ca";}
.ico_trank:before{content: "\efc3";}

/*項目文言*/
.select_syuppatsuchi:after{content: "出発地";}
.select_mokutekichi:after{content: "目的地";}
.select_syuppatsubi:after{content: "出発日";}
.select_issitsuninzuu:after{content: "1室人数";}
.select_toutyakuchi:after{content: "到着地";}
.select_kityakubi:after{content: "帰着日";}
.select_checkin:after{content: "宿泊日";}
.select_hakusuu:after{content: "泊数";}
.select_syukuhakuchi:after{content: "宿泊地";}
/*.select_ryokounissuu:after{content: "旅行日数";}*/

#p_sbox_ka .box-contents .select_ryokounissuu b {left: 22px;}

.select_area:after {content: "エリア";}/*/yado/のみ*/
.select_syuppatsuchi:after,
.select_mokutekichi:after,
.select_syuppatsubi:after,
.select_issitsuninzuu:after,
.select_toutyakuchi:after,
.select_kityakubi:after,
.select_checkin:after,
.select_hakusuu:after,
.select_syukuhakuchi:after,
.select_ryokounissuu:after,
.select_area:after{
	position: absolute;
	top: 13px;
	left: 36px;
	color: #A6ACAF;
	font-size: 12px;
	pointer-events: none;
}
.w40p {
	width: 39%;
	margin-right:1%;
}
.w50p {
	width: 49%;
	margin-right:1%;
}
.w60p {
	width: 59%;
	margin-right:1%;
}
.w40p:last-child,
.w50p:last-child,
.w60p:last-child {margin:0 0 0 1%;}
#p_sbox .box-contents .w198 {width: 180px;}
#p_sbox .box-contents .wc100p-198 {width: calc(100% - 180px);}
#p_sbox .box-contents .con1btn input[type="button"],
#doAirSearch {
	display: grid;
    background: #F29A16;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.142857142;
    width: 300px;
    min-height: 40px;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(60, 61, 71, 0.16);
    margin: auto;
	text-align: center;
    align-items: center;
	position:relative;
}
#doAirSearch:before {
	width: 20px;
    height: 24px;
    display: block;
    background-image: url(/sp/shared2015/common/images/icon01.png);
    background-repeat: no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    content: "";
    position: absolute;
    top: 25%;
    left: 100px;
}
.fw-top .fwnta-btn-search span {margin-left: -25px;}
#air_s_box {position: relative;}
#togo_wrap dt,
#return_wrap dt,
#pax_wrap dt:nth-of-type(1),
#number_of_rooms dt {
	font-size: 12px;
	margin-bottom:5px;
	color:#3C3D47;
}



/*DT JR/yado調整*/
html:has(.fw-modal-portal),
body:has(.fw-modal-portal) {overflow: hidden;}
#jr_s_box .fwnta-search-condition-clear,
#yado_s_box .fwnta-search-condition-clear {display:none!important;}
#jr_s_box .fwnta-search-group,
#yado_s_box .fwnta-search-group {width: 98%;}
#jr_s_box .fwnta-input-label,
#yado_s_box .fwnta-input-label,
#jr_s_box .fwnta-search-group__sub-label,
#yado_s_box .fwnta-search-group__sub-label {
	font-size: 12px;
	font-weight: normal;
}
#jr_s_box .fwnta-input-icon--train::before,
#jr_s_box .fwnta-input-icon--search::before,
#jr_s_box .fwnta-input-icon--calendar::before,
#jr_s_box .fwnta-input-icon--bed::before,
#yado_s_box .fwnta-input-icon--train::before,
#yado_s_box .fwnta-input-icon--search::before,
#yado_s_box .fwnta-input-icon--calendar::before,
#yado_s_box .fwnta-input-icon--bed::before {
    font-variation-settings: "FILL" 0, "wght" 120, "GRAD" 0, "opsz" 24;
    font-size: 18px;
    top: 58%;
    left: 5px;
}
#jr_s_box .fwnta-input-icon--train input,
#jr_s_box .fwnta-input-icon--train select,
#jr_s_box .fwnta-input-icon--search input,
#jr_s_box .fwnta-input-icon--search select,
#jr_s_box .fwnta-input-icon--calendar input,
#jr_s_box .fwnta-input-icon--calendar select,
#jr_s_box .fwnta-input-icon--bed input,
#jr_s_box .fwnta-input-icon--bed select,
#yado_s_box .fwnta-input-icon--train input,
#yado_s_box .fwnta-input-icon--train select,
#yado_s_box .fwnta-input-icon--search input,
#yado_s_box .fwnta-input-icon--search select,
#yado_s_box .fwnta-input-icon--calendar input,
#yado_s_box .fwnta-input-icon--calendar select,
#yado_s_box .fwnta-input-icon--bed input,
#yado_s_box .fwnta-input-icon--bed select {padding-left: 28px;}
#jr_s_box .fw-select select,
#jr_s_box .fw-select--days select,
#jr_s_box .fw-select--room select,
#jr_s_box .fw-select--price-min select,
#jr_s_box .fw-select--price-max select,
#jr_s_box .fw-select--guest select,
#jr_s_box .fw-select--area select,
#jr_s_box .fw-select--area-set select,
#jr_s_box .fw-text input,
#yado_s_box .fw-select select,
#yado_s_box .fw-select--days select,
#yado_s_box .fw-select--room select,
#yado_s_box .fw-select--price-min select,
#yado_s_box .fw-select--price-max select,
#yado_s_box .fw-select--guest select,
#yado_s_box .fw-select--area select,
#yado_s_box .fw-select--area-set select,
#yado_s_box .fw-text input {
    font-size: 14px;
    font-weight: normal;
}

/*-----------------------------------------------------
kaigai gadget
------------------------------------------------------*/
/*gadget_kaigai*/
.tab_kaigai_ga {
	/*flex-wrap: wrap;*/
	display: flex;
	margin-bottom: 15px;
}
.tab_kaigai_ga li{
	width: calc((100% - 8px) / 2);
    padding: 15px 0;
    font-size: 13px;
    border-bottom: 3px solid #eee;
    cursor: pointer;
    text-align: center;
    text-indent: 22px;
    background: #FFF;
	border-radius: 3px 3px 0 0;
}
.tab_kaigai_ga li.select{
	border-bottom: 3px solid #20208c;
    color: #20208c;
    position: relative;
}
.tab_kaigai_ga li.select:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid #20208c;
    border-bottom: 0;
    position: absolute;
    display: block;
    bottom: -7px;
    left: calc(50% - 5px);
}
.tab_kaigai_ga li span{
	position:relative;
}
.tab_kaigai_ga li span:before{
	content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
	top: -2px;
    left: -28px;
}
.tab_kaigai_ga li:nth-of-type(1) span:before{
	background:url(/shared2021/common/images/gadget/ico_ka_tour.png) no-repeat;
	background-size: 100%;
}
.tab_kaigai_ga li:nth-of-type(2) span:before{
	background:url(/shared2021/common/images/gadget/ico_ka_planeset.png) no-repeat;
	background-size: 100%;
}
#p_sbox_ka .box-contents button.topDropdownModalButton,
#p_sbox_ka .box-contents input,
#p_sbox_ka .box-contents select {
	width: 100%;
	height: 42px;
	padding: 2px 5px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	border-radius: 5px;
	font-size: 14px;
	background: #FFF;
	opacity: 1;
	text-align: left;
	color: #A6ACAF;
}
#p_sbox_ka .box-contents #tentsuki_tour select {color: #000;}
#p_sbox_ka .box-contents button#dropdownMenuButtonDepartureCode,
#p_sbox_ka .box-contents button#dropdownMenuButtonAreaCode,
#p_sbox_ka .box-contents #NTA_W_airport,
#p_sbox_ka .box-contents #NTA_W_direction {text-indent: 105px;}
#p_sbox_ka .box-contents #NTA_W_month {text-indent: 80px;}

@-moz-document url-prefix() {
	#p_sbox_ka .box-contents #kaigai_dp_tour select {text-indent: 0;padding-left:105px;}
}

#p_sbox_ka .box-contents b {
	position: absolute;
	left: 90px;
	top: 14px;
	font-size: 10px;
	color: #E74444;
	pointer-events: none;
}
.base_gadget_btn a,
#NTA_W_go,
.btn.btnSeach01.js-kaigai-form-submit {
	display: grid;
    background: #F29A16;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.142857142;
    width: 300px;
    min-height: 40px;
    border-radius: 30px;
    box-shadow: 0 1px 2px 0 rgba(60, 61, 71, 0.16);
    margin: auto;
	text-align: center;
    align-items: center;
	position:relative;
}
.base_gadget_btn a:before,
#NTA_W_go:before,
.btn.btnSeach01.js-kaigai-form-submit:before {
	width: 20px;
    height: 24px;
    display: block;
    background-image: url(/sp/shared2015/common/images/icon01.png);
    background-repeat: no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
    content: "";
    position: absolute;
    top: 25%;
    left: 100px;
}

/*kaigai_jika*/
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {position: relative;}
.dropdown-toggle {white-space: nowrap;}
/*.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}*/
.dropdown-toggle:empty::after {margin-left: 0;}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {margin-left: 0;}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {margin-left: 0;}
.dropend .dropdown-toggle::after {vertical-align: 0;}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {display: none;}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {margin-left: 0;}
.dropstart .dropdown-toggle::before {vertical-align: 0;}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {display: block;}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.topDropdownModal {
  display: flex;
  /*margin-right: 5px;*/
}
.topDropdownModal .dropdown-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
max-height: 250px;
overflow: auto;
}
.topDropdownModal .topDropdownModalButton {
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  padding: 3px;
}
.topDropdownModal .topDropdownModalButton:hover, .topDropdownModal .topDropdownModalButton:focus {
  background-color: #f0f0f0; /* ホバー時の背景色 */
  color: #333;
}
.topDropdownModal li.dropdown-item {
  background-color: #fff;
  color: #333;

  height: 20px;
  font-size: 14px;
  padding: 5px 10px;
  width: auto;
  border-bottom: 1px solid #ccc;
}
.topDropdownModal li.dropdown-item.active {
  background-color: #6eb9da;
  color: #3c3d47;
}
.topDropdownModal li.dropdown-item.disabled {
  color: #c1c3c5;
}
.topDropdownModal li.dropdown-item:hover, .topDropdownModal li.dropdown-item:focus {
  background-color: #568ded; /* ホバー時の背景色 */
  color: #FFF;
}
.topDropdownModal li.dropdown-item a:hover {
  text-decoration: none;
  color: #333;
}
.topDropdownModal li:last-child {
  border: none;
}
.topDropdownModalWrap {
  display: flex;
}
form#kaigai_dp_tour div:not(#roomNum_wrap,#depday_wrap) dd select {display: none;}

.closeIcon{
	background-color:#fff;
	border-radius:100%;
	cursor:pointer;
	height:24px;
	position:relative;
	width:24px
}
.closeIcon:before{transform:rotate(-45deg)}
.closeIcon:after,.closeIcon:before{
	background-color:#20208c;
	content:"";
	display:block;
	height:2px;
	left:5px;
	position:absolute;
	top:11px;
	width:14px
}
.closeIcon:after{transform:rotate(45deg)}
.datePicker{position:relative}
.datePicker,.datePicker--show .datePicker__calendarWap{display:block}
.datePicker--show .dp_modal_cal{
	background:none;
	display:flex;
	max-height:352px;
	max-width:600px;
	min-height:auto;
	overflow:hidden;
	top:0
}
.datePicker__calendarWap{
	display:none;
	background-color:#fff;
	padding:.5em;
	z-index:100;
	min-width:560px;
	cursor:pointer;
}
@media screen and (min-width:768px){
	.datePickerCalendar{
		display:flex;
		flex-wrap:wrap;
		padding:0
	}
}
.datePickerCalendar__head{
	background-color:#333;
	box-sizing:border-box;
	color:#fff;
	display:flex;
	flex:0 0 100%;
	font-size:10px;
	height:28px;
	justify-content:space-between;
	line-height:28px;
	padding:0;
	width:100%
}
.datePickerCalendar__headItem{display:flex}
.datePickerCalendar__headText{padding:0 .8em}
.datePickerCalendar__headLink{cursor:pointer;padding:0 .8em}
.datePickerCalendar__headLink,.datePickerCalendar__headLink:link,.datePickerCalendar__headLink:visited{color:#fff;text-decoration:underline}.datePickerCalendar__month{font-size:12px;line-height:2.6rem}@media screen and (max-width:767.9px){
	.datePickerCalendar__month{display:none}
	.datePickerCalendar__body--spNone{display:none}
}
.datePickerCalendar__body__right{padding-left:10px}
.datePickerCalendar__body{box-sizing:border-box;flex:0 0 50%}
.datePickerCalendar__body table{table-layout:fixed;width:100%}.datePickerCalendar__body th{background-color:#fff;border:1px solid #f8f8f8;border-collapse:separate;color:#707070;font-size:10px;font-weight:700;padding:8px 0;text-align:center}.datePickerCalendar__body th:first-child{border-left:0}.datePickerCalendar__body th:nth-child(6){background-color:#e6f2ff;color:#4a97ed}.datePickerCalendar__body th:last-child{background-color:#fff2f2;border-right:0;color:#f05565}.datePickerCalendar__body td{background-color:#fff;border:1px solid #f8f8f8;border-collapse:separate}.datePickerCalendar__body td .cal_inner{cursor:pointer;display:block;padding:8px}.datePickerCalendar__body td .cal_inner:hover{border:2px solid #e61b61;padding:6px}.datePickerCalendar__body td a{color:#333;display:block}.datePickerCalendar__body td:first-child{border-left:0}.datePickerCalendar__body td:nth-child(6){background-color:#e6f2ff}.datePickerCalendar__body td:last-child{background-color:#fff2f2;border-right:0}.datePickerCalendar__body td.selected .cal_inner{border:2px solid #e61b61;padding:6px}.datePickerCalendar__body .holiday{background-color:#fff2f2}.datePickerCalendar__body .disable{background-color:#d9d9d9!important}.datePickerCalendar__body .disable,.datePickerCalendar__body .disable .cal_inner{cursor:not-allowed!important;pointer-events:none}.datePickerCalendar__date{font-size:10px;font-weight:700;text-align:center}
.title7{
	width: 100%;
    background-color: #20208c;
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
    vertical-align: middle;
    box-sizing: border-box;
}
.dp_modal_cal{
	background-color:rgba(0,0,0,.35);
	bottom:0;
	display:none;
	left:0;
	margin:auto;
	min-height:100vh;
	overflow:scroll;
	position:fixed;
	right:0;
	top:0;
	width:100%;
	z-index:25
}
.modal--show{display:block}
.modal__wap{
	background:#fff;
	border:3px solid #20208c;
	border-radius:10px;
	padding-bottom:75px;
	position:relative
}
@media screen and (min-width:768px){
	.modal__wap{width:100%}
}
.modal__wap .title7{
	margin:0;
	text-align:center
}
.modal__wapActivity{
	background-color:#fff;
	border-radius:10px;
	margin:7rem auto;
	max-width:940px;
	padding-bottom:75px;
	position:relative
}
@media screen and (max-width:767.9px){
	.modal__wapActivity{margin:75px auto;width:93%}
}
.modal__title{margin:0}
.modal__body{box-sizing:border-box;color:#333;font-size:14px}
.modal__closeModalBtn{
	position:absolute;
	right:.2rem;
	top:.2rem
}
.modal__closeBtn{
	margin-top:2.2rem;
	text-align:center
}

/*--add20240318 内訳//--*/
#roomNum_wrap{
    clear: both;
    position: relative;
    margin-bottom: 15px;
}
#roomNum_wrap .selectedRoom {
	width: 100%;
    height: 42px;
    padding: 2px 5px;
    border: #C1C3C5 solid 1px;
    box-sizing: border-box;
    align-items: center;
    display: flex;
    border-radius: 5px;
	position: relative;
}
#roomNum_wrap .selectedRoom:after {
    position: absolute;
    top: 13px;
    left: 36px;
    color: #aaa;
    font-size: 12px;
    pointer-events: none;
}
#roomNum_wrap .selectedRoom:after {content: "宿泊内訳";}
#roomNum_wrap .selectedRoom:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 12px;
    left: 5px;
    pointer-events: none;
    z-index: 1;
}
#roomNum_wrap .selectedRoom:before {
    background: url(https://www.nta.co.jp/shared2021/common/images/gadget/ico_man.png) no-repeat;
    background-size: 18px;
}
#roomNum_wrap .selectedRoom img {
	width: 22px;
    height: 22px;
    margin-right: 10px;
}
#roomNum_wrap .selectedRoom p {
    text-indent: 100px;
}
#roomNum_wrap .roomChange__selectedText{
	font-size: 1.2em;
    display: grid;
    align-items: end;
	text-indent: 5px;
}
#roomNum_wrap .roomsChanger .topUserSelectController__bar{
    font-size: 1.2em;
    background: #20208c;
    color: #FFF;
    text-align: center;
    padding: 5px;
}
#roomNum_wrap .roomAllocation__row{padding: 10px 10px 5px;}
#roomNum_wrap .topUserSelectController__text{padding: 10px 10px 5px;}
#roomNum_wrap .roomAllocation__row{
	display: flex;
    border-bottom: 1px dotted #aaa;
}
#roomNum_wrap .roomAllocation__title,
#roomNum_wrap .roomAllocation__label{
	width: 110px;
    align-items: center;
    display: flex;
}
#roomNum_wrap .roomAllocation__body {width: calc(100% - 110px);}
#roomNum_wrap .roomAllocation__item,
#roomNum_wrap .topUserSelectController__form,
#roomNum_wrap .roomAllocation__form{
	display: flex;
    margin-bottom: 5px;
    justify-content: flex-end;
}
#roomNum_wrap .topUserSelectController__button.minus_count,
#roomNum_wrap .topUserSelectController__button.plus_count,
#roomNum_wrap .topUserSelectController__button.minus_count_people,
#roomNum_wrap .topUserSelectController__button.plus_count_people{
	width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 2px;
    background: #eee;
    touch-action: manipulation;
    color: #4d4d4d;
    cursor: pointer;
    font-size: 19px;
	transition: 0.25s;
}
#roomNum_wrap .topUserSelectController__button.minus_count:hover,
#roomNum_wrap .topUserSelectController__button.plus_count:hover,
#roomNum_wrap .topUserSelectController__button.minus_count_people:hover,
#roomNum_wrap .topUserSelectController__button.plus_count_people:hover {
	background: #e61b61;
    color: #FFF;
	transition: 0.25s;
}
#roomNum_wrap #roomNum,
#roomNum_wrap .roomAllocation .roomAllocation__form > div:nth-of-type(2) {
	width: 36px;
    text-align: center;
    margin-right: 2px;
    font-size: 16px;
    display: grid;
    align-items: center;
}
#roomNum_wrap .js-tour-detail-rooms-info.TopRoomsInfo-apply {
	text-align: right;
    font-size: 1.1em;
    font-weight: bold;
}
#roomNum_wrap .js-room-change-btn {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 2px 0 #d6d6d6;
    border: none;
    background-color: #e61b61;
    color: #fff !important;
    position: relative;
    padding: 5px;
    font-size: 14px;
    width: 120px;
    margin: 10px auto 15px;
    text-align: center;
	cursor: pointer;
}
/*.topUserSelectController {
	width: 350px;
    display: none;
    position: absolute;
    bottom: -20px;
    right: 0;
    background: #fff;
    z-index: 1;
    border: 2px solid #20208c;
    border-radius: 5px;
	font-size: 1.1em;
    box-sizing: border-box;
}*/

.topUserSelectController {
	width: 350px;
    height: 350px;
    display: none;
    background: #fff;
    z-index: 1;
    border: 2px solid #20208c;
    border-radius: 5px;
	font-size: 1.1em;
    box-sizing: border-box;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
	overflow: auto;
}

#roomNum_wrap .roomChange--show .topUserSelectController{display:block}
/*scroll*/
#roomNum_wrap .overflow_y-auto{
	height: 132px;
    overflow-y: auto;
}
#roomNum_wrap .overflow_y-auto::-webkit-scrollbar {width: 3px!important;}
#roomNum_wrap .overflow_y-auto::-webkit-scrollbar-track {background: #eee!important;}
#roomNum_wrap .overflow_y-auto::-webkit-scrollbar-thumb {background: #999!important;}
/*--//add20240318 内訳--*/

.js-kaigai-form-errors {
	text-align: center;
	color: red;
}

/*添付きツアー*/
#tentsuki_tour #NTA_W_calendar {
	position: absolute;
    right: 30px;
    top: 6px;
    cursor: pointer;
    width: 27px;
    height: 30px;
}
#NTA_W_CalendarContainer table.calendar {background-color:#fff;}
#NTA_W_CalendarContainer .monthPager{
	padding: 0;
	background-color: #333;
	color: #fff;
	height: auto;
}
#NTA_W_CalendarContainer .monthPager a{color: #fff;}
#NTA_W_CalendarContainer table.calendar th {
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
#NTA_W_CalendarContainer table.calendar th.sunday {
	color: #f05565;
	background-color: #fff2f2;
	border-right:1px solid #ccc;
}
#NTA_W_CalendarContainer table.calendar th.saturday {
	color: #4a97ed;
    background-color: #e6f2ff;
	border-right:none;
}
#NTA_W_CalendarContainer table.calendar td {
	text-align:center;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E4E4E4;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#E4E4E4;
	vertical-align:middle;
	font-size: 10px;
	font-weight: bold;
}
#NTA_W_CalendarContainer table.calendar td span {
	font-size:9px;
	display:block;
	font-weight:normal;
	padding:0px;
}
#NTA_W_CalendarContainer table.calendar td.sunday {
	color: #f05565;
	background-color: #fff2f2;
}
#NTA_W_CalendarContainer table.calendar td.saturday {
	color: #4a97ed;
    background-color: #e6f2ff;
	border-right:none;
}
#NTA_W_CalendarContainer {font-size :10px;}
#NTA_W_CalendarContainer table.calendar td {height:28px;}
#NTA_W_CalendarContainer table.calendar td a {color: unset;}
#NTA_W_CalendarContainer div.cleared {
	clear:both;
	display:block;
	font-size:1px;
	height:1px;
	line-height:1px;
	overflow:hidden;
	padding:0;
}
#NTA_W_CalendarBody table.calendar {
	table-layout:fixed;
	width:420px;
	border: 1px solid #ccc;
}
#NTA_W_CalendarBody table.calendar th {
	text-align:center;
	vertical-align:middle;
	height: 20px;
}
#NTA_W_CalendarBody table.calendar  th  a:link, 
#NTA_W_MonthShift table.calendar_month  th  a:visited {
	display:block;
	height:22px;
	width:36px;
	padding-top:3px;
}
#NTA_W_CalendarBody table.calendar th a:active,
#NTA_W_MonthShift table.calendar_month th a:hover {display:block;}
#NTA_W_MonthShift table.calendar_month {
	border:medium none;
	height:26px;
	width:420px;
}
#NTA_W_MonthShift table.calendar_month th {
	text-align:center;
	vertical-align:middle;
	width:36px;
}
#NTA_W_CalendarContainer .btnbox {text-align:right;}
#NTA_W_CalendarContainer .btnbox a {
	background:url(//www.nta.co.jp/nta_yado/images/icon_close.gif) no-repeat scroll 0 0 transparent;
	display:inline-block;
	height:0;
	overflow:hidden;
	padding-top:13px;
	width:13px;
}
#NTA_W_CalendarContainer {
	background:none repeat scroll 0 0 #fff;
	padding :5px;
	border:2px solid #ccc;
	z-index:20;
	position: absolute;
    top: auto;
    left: 50%!important;
}

/*kaigai_FIT*/
#p_sbox_ka .content_wrap_dp * input,
#p_sbox_ka .content_wrap_dp * select{
	text-indent: 80px;
	font-size: 13px;
}
@-moz-document url-prefix() {
	#p_sbox_ka .content_wrap_dp * select {text-indent: 0;padding-left:85px;}
}
#p_sbox_ka .content_wrap_dp dt {
    font-size: 14px;
    margin-bottom: 5px;
}
#p_sbox_ka .content_wrap_dp b {
    position: absolute;
    left: 74px;
    top: 15px;
    font-size: 10px;
    color: #E74444;
    pointer-events: none;
}
#p_sbox_ka .content_wrap_dp .base_gadget_calendar {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
    width: 27px;
    height: 30px;
}
#p_sbox_ka .forcia_dest .dis_flex b,
#p_sbox_ka #destination_wrap .dis_flex b {
	position: absolute;
    left: 9px;
    top: 15px;
}
#p_sbox_ka .box-contents button.topDropdownModalButton,
#p_sbox_ka .forcia_dest .dis_flex select,
#p_sbox_ka #destination_wrap .dis_flex select {text-indent: 30px;}
.gadget_box .base_gadget_calendar img:hover {
    transition: 0.2s;
    filter: opacity(0.5);
}
.type_calendar {
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 2;
    background: rgb(255, 255, 255);
    width: 500px;
    display: none;
}

/*hover*/
#NTA_search:hover,
#p_sbox .box-contents .con1btn input[type="button"]:hover,
#doAirSearch:hover,
.base_gadget_btn a:hover,
#NTA_W_go:hover,
.btn.btnSeach01.js-kaigai-form-submit:hover{
	opacity: 0.8;
	transition: 0.25s;
}

/* 海外ツアーPCオリジナルCSS */
.gadget_box {
	width: 96%;
	max-width: 740px;
	margin: 0 auto;
	padding: 50px 0;
	display: block;
	color: #222;
    z-index: 2;
    background: #FFF;
    border-radius: 3px;
	cursor: pointer;
}
.gadget_box #p_sbox_ka {
	background: #FFF;
	position: relative;
}
.gadget_box .tab_kaigai_ga li {padding: 10px 0;}
.gadget_box .tab_kaigai_ga li span {
	height: 28px;
	display: grid;
	align-items: center;
}
.gadget_box .tab_kaigai_ga li span:before {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
}
.gadget_box .tab_kaigai_ga li:nth-of-type(1) span:before{
	background:url(/shared2021/common/images/gadget/ico_ka_tour.png) no-repeat;
	background-size: 100%;
}
.gadget_box .tab_kaigai_ga li:nth-of-type(2) span:before{
	background:url(/shared2021/categorytop/toppage/images/category_tentsuki.gif) no-repeat;
	background-size: 100%;
	left: 24px!important;
}
.gadget_box .tab_kaigai_ga li:nth-of-type(3) span:before{
	background:url(/shared2021/common/images/gadget/ico_ka_planeset.png) no-repeat;
	background-size: 100%;
}

/*gadget*/
.gadget_box #p_sbox_ka .box-contents input.forcia_flight1_day,
.gadget_box #p_sbox_ka .box-contents input.forcia_flight2_day {color: #000;}

}