@charset "utf-8";

/* TOPPC共通CSS */
#jr_s_box .fw-top .fw-select:after,
#jr_s_box .fw-top .fwnta-modal-open::after,
#yado_s_box .fw-top .fw-select:after,
#yado_s_box .fw-top .fwnta-modal-open::after {
	content: "▼";
    width: 24px;
    height: 42px;
    top: 2px;
    right: 1px;
    color: #555;
    font-size: 12px;
    pointer-events: none;
    text-align: center;
    display: grid;
    align-items: center;
}
#wrapper {
	font-family: "Noto Sans JP", "Helvetica Neue", Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
}
.disnone{display:none;}
html {scroll-behavior: smooth;}
main input{outline:none;}
.dis_flex {display: flex;}
#dirPathBlock,
#anchorLinkBlock {
	width: calc(100% - 180px);
    float: left;
    margin: 0 auto 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1, h2 {
    font-size: 22px;
    margin: 0 auto 25px;
    padding: 0 10px 5px;
	position:relative;
	width: fit-content;
	border-bottom: 2px solid #20208c;
}
h2 small {
	font-size: 16px;
    margin: 0 5px;
}
.inner{
	width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: 0 auto;
	padding: 15px 0;
	box-sizing: border-box;
}
main img {
	width:100%;
	height:auto;
}
#sub_header{
	width: 100%;
    max-width: 970px;
    min-width: 760px;
    margin: 0 auto;
}

/*------------------------------
Important news
------------------------------*/
#newsImportant{
	width: calc(100% - 200px);
	margin-bottom: 10px;
	display:flex;
	float: left;
}
#newsImportant dt{
	width: 72px;
    height: fit-content;
	background: #e62d2d;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	margin-top: 1px;
	padding: 3px 0;
}
#newsImportant dd{
	width: 100%;
	padding: 0 10px;
}
#newsImportant li{
	padding: 3px 3px 3px 12px;
	position: relative;
}
#newsImportant li:nth-of-type(n+2){border-top: 1px dotted #ccc;}
#newsImportant li:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #555555;
	border-right: 0;
    position: absolute;
	top: 7px;
	left: 0;
}

/*------------------------------
itemList
------------------------------*/
.itemList,
.itemList2 {
	display: flex;
	margin-bottom: 25px;
}
.itemList li,
.itemList2 li {
	width: 23%;
    margin: 0 1%;
    overflow: hidden;
    background: #fff;
    box-shadow: 1px 1px 3px #aaa;
	line-height:0;
	cursor: pointer;
	border-radius: 3px;
}
.itemList2 li{
	height:280px;
	float:left;
}
.itemList li .thumb,
.itemList2 li .thumb {
	text-align: center;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.itemList li dl,
.itemList2 li dl {padding: 10px;}
.itemList li dt,
.itemList2 li dt {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height:1.5;
}
.itemList li dd,
.itemList2 li dd {
	font-size: 14px;
	line-height:1.5;
}
.itemList li a,
.itemList2 li a {
	color: #000!important;
	padding: 0!important;
}
.itemList li .thumb .tag {
	display: none;
	line-height: 1.5;
	position: absolute;
	font-size: 12px;
	top: -6px;
	left: -39px;
	color: #fff;
	font-weight: bold;
	width: 100px;
	height: 20px;
	padding-top: 13px;
	text-align: center;
	background: #20208c;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 0;
}
.itemList li:hover,
.itemList2 li:hover {
	opacity: 0.8;
    box-shadow: 1px 1px 8px #999;
	transition: 0.25s;
}
.itemList li a:hover,
.itemList2 li a:hover{opacity: 1;}

/*------------------------------
NTA news
------------------------------*/
.newsCont_section {position: relative;}
.newsCont_section li {
	border-bottom: 1px dotted #ccc;
    padding: 10px;
    background: #FFF;
	font-size: 16px;
}
.newsCont_section li:last-child {border-bottom: none;}
.newsCont_section li span.newsIco {
	width: 92px;
    float: left;
    display: inline-block;
    color: #20208c;
    text-align: center;
    background: #fff;
    padding: 2px 5px 4px;
    border: 1px solid #20208c;
	border-radius: 3px;
    margin-right: 10px;
    box-sizing: border-box;
}
.newsCont_section li .text {
	padding-top: 3px;
	padding-left: 62px;
}
.newsCont_section li .text a {color: #333;}
.newsCont_section .moreBox {
	display: none;
	margin-bottom: 15px;
	padding: 0;
}
.click__more {
    font-size: 15px;
    position: absolute;
	bottom: -25px;
    left: 0;
    width: 100%;
    padding-top: 25px;
    text-align: center;
    font-weight: bold;
    background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 50%);
    cursor: pointer;
    transition: bottom 0.2s;
}
.click__more b{
	transform: rotate(90deg);
	position: inherit;
	margin: -4px 0 0 -15px;
	font-size: 20px;
}
.newsCont_section li .text a:hover,
.click__more:hover {color: #20208c;}

/*------------------------------
button
------------------------------*/
.ntanavybtn {
	width: 90%;
    margin: 25px auto;
    color: #20208c!important;
    font-size: 18px;
    display: block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding: 10px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FFF;
    box-shadow: 0 2px 0 #d6d6d6;
    position: relative;
    border: 1px solid #20208c;
	clear:both;
}
.ntanavybtn:after {
	content: "";
    position: absolute;
    top: 35%;
    right: 3%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #20208c;
}
.ntanavybtn:hover{
	background-color: #20208c;
	color: #FFF!important;
	transition: 0.25s;
}
.ntanavybtn:hover:after {
	border-color: transparent transparent transparent #FFF;
	transition: 0.25s;
}

/*------------------------------
scroll 640banner
------------------------------*/
#slider01{overflow: hidden;}
#slider01.slider > ul:not(.slick-slider) {
	width: 250%;
    display: flex;
}
#slider01.slider li{margin: 0 5px;}
#slider01.slider .slick-dots li,
#slider01.slider .slick-dots li button{
	width: 15px;
	height: 15px;
}
#slider01.slider .slick-dots li button:before{font-size: 24px;}
#slider01.slider .slick-dots li.slick-active button:before{
	font-size: 32px;
    margin-top: 1px;
}

/*------------------------------
scroll item
------------------------------*/
.rec_hotel__wrapper{position: relative;}
.scroll_left_btn, .scroll_right_btn {
    width: 20px;
    height: 20px;
    border-radius: 12px;
    background: #242424;
    position: absolute;
    top: 125px;
    display: block;
    z-index: 1;
    border: none;
}
.scroll_left_btn {left: -25px;}
.scroll_right_btn {right: -25px;}
.scroll_left_btn:before, .scroll_right_btn:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
}
.scroll_left_btn:before {
    margin: 0 0 0 5px;
    border-top: 5px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 5px solid transparent;
}
.scroll_right_btn:before {
    margin: 0 0 0 8px;
    border-left: 7px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.scroll_left_btn.non_scloll, .scroll_right_btn.non_scloll {background: #ccc;}

.scrollbox {overflow-x: scroll!important;}
.scrollbox > ul {
	width: fit-content!important;
    display: flex!important;
    margin-bottom: 15px!important;
}
.scrollbox > li {
	width: 270px!important;
    margin: 0 5px!important;
}
.scrollbox::-webkit-scrollbar {height: 5px!important;}
.scrollbox::-webkit-scrollbar-track {
	margin: 0 5px!important;
	background: #eee!important;
	border-radius: 5px!important;
}
.scrollbox::-webkit-scrollbar-thumb {
	border-radius: 5px!important;
	background: #999!important;
}

/*-----------------------------------------------------
accordion
------------------------------------------------------*/
.accordion {
	font-size:16px;
	margin-bottom:30px;
}
.accordion a {
	display:block;
	padding:10px;
	background-position:98% center;
	background-repeat:no-repeat;
	text-decoration:none;
	position: relative;
}
.accordion span {
	display:block;
	padding: 0px 5px 15px 15px;
	background-position:98% center;
	background-repeat:no-repeat;
}
.accordion .acc_area2 {display:none;}
.accordion > li {width:100%;cursor: pointer;}
.accordion > li > p {margin-bottom: 15px;}
.accordion > li > p span:after {
    content: "＋";
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    right: 5%;
    color: #999;
}
.accordion > li > p span.open:after {content:"－";}
.accordion .acc_area2 {
	margin: 0 0 25px;
    padding: 5px 10px;
    display: none;
    line-height: 1.5;
}

/*reset top*/
.accordion > li > p.acc_ko span {border-bottom: 1px solid #999;}
.accordion > li > p.acc_ka span {border-bottom: 1px solid #999;}
.accordion > li > p span {
	background: #FFF;
	position:relative;
}
.accordion > li > p span:after {
    content: "＋";
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    right: 5%;
    color: #999;
}
.accordion > li > p.acc_ko span.open:after,
.accordion > li > p.acc_ka span.open:after {content:"－";transition: 0.5s;}

/*reset jr,kokunai,yado*/
.accordion.acc_kokunai > li > p span {border-bottom: 1px solid #999;}

/*reset kaigai*/
.accordion.acc_kaigai span {color: #43a619;}
.accordion.acc_kaigai > li > p span {
	background: #ecf6e8 url(/sp/shared2015/common/images/ic_head_03.png) 99% center no-repeat;
	background-size: 21px auto;
	border-bottom: 1px solid #fff;
}
.accordion.acc_kaigai > li > p span.open {
	background: #ecf6e8 url(/sp/shared2015/common/images/ic_head_06.png) 99% center no-repeat;
	background-size: 21px auto;
}
.accordion.acc_kaigai .acc_area2 {background: #f8fbf7;}

/*-----------------------------------------------------
kokunai gadget
------------------------------------------------------*/
.gadget_box {cursor: pointer;}
.tab_kokunai_ga {
	flex-wrap: wrap;
	display: flex;
	margin-bottom: 15px;
}
.tab_kokunai_ga li{
	width: calc((100% - 12px) / 3);
	margin: 0 2px;
	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_kokunai_ga li.select{
	border-bottom: 3px solid #20208c;
    color: #20208c;
	position:relative;
}
.tab_kokunai_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_kokunai_ga li span{position:relative;}
.tab_kokunai_ga li span:before{
	content: "";
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
	top: -2px;
    left: -28px;
}
.tab_kokunai_ga li:nth-of-type(1) span:before{
	background: url(/shared2021/common/images/gadget/ico_jr.png) no-repeat;
	background-size: 100%;
}
.tab_kokunai_ga li:nth-of-type(2) span:before{
	background:url(/shared2021/common/images/gadget/ico_plane.png) no-repeat;
	background-size: 100%;
}
.tab_kokunai_ga li:nth-of-type(3) span:before{
	background:url(/shared2021/common/images/gadget/ico_bed.png) no-repeat;
	background-size: 100%;
}
#pax_wrap, #carrier_wrap,#keyword_wrap, #pax_summary_wrap, #rooms_summary_wrap {display: none !important;}/*人数・部屋数など非表示*/
#air_s_box select,
#air_s_box #returnDirection {
	width: 100%;
	height: 42px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	text-indent: 100px;
	border-radius: 5px;
	font-size: 14px;
	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_ka .js-kaigai-form-ul.customSelect.dropdown-menu.FormUl-apply li:first-child {display:none;}-->
@-moz-document url-prefix() {
	#p_sbox .box-contents select,
	#p_sbox .box-contents #returnDirection {text-indent: 0;padding-left: 100px;
}
}
#p_sbox .box-contents #returnDirection {
	text-indent: 31px;
	background: #E1E4E7;
	color: #3C3D47;
}
#p_sbox .box-contents .ico_man.select_issitsuninzuu,
#p_sbox .box-contents .ico_bed.select_hakusuu{
	width: 98%;
    height: 42px;
    padding: 5px 5px 5px 90px;
    border: #C1C3C5 solid 1px;
    box-sizing: border-box;
    align-items: center;
    border-radius: 5px;
    background: #FFF;
}
.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;}
#p_sbox .box-contents .w198 select{
	border-right:none;
	border-radius: 5px 0 0 5px;
	text-align: right;
	text-align-last: right;
	padding: 2px 0 2px 5px;
}
#p_sbox .box-contents .wc100p-198 select {
	text-indent: 0;
	border-left:none;
	border-radius: 0 5px 5px 0;
	padding: 2px 5px 2px 0;
}
#p_sbox .box-contents .w40p select {text-indent: 10px;}
@-moz-document url-prefix() {
	#p_sbox .box-contents .w40p select {text-indent: 0;padding-left:10px;}
	#p_sbox .box-contents .w50p select {text-indent: 0;padding-left:31px;}
}
#p_sbox .box-contents b {
	position: absolute;
	left: 80px;
	top: 14px;
	font-size: 10px;
	color: #E74444;
	pointer-events: none;
}
#p_sbox .box-contents .w50p b {
	position: absolute;
	top: 14px;
}
#nippon_travel_agency_JRset .gadget_box #p_sbox #NTA_JR2_KodawariBasic input[type="checkbox" i]:disabled {
	background: #ddd;
    border-color: #ccc;
}
.box-contents select option.na {color:#ccc;}

/*アイコン*/
.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#returnDirection:before{left: -26px;}
.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;
}

/* +-btn */
.minus_or_plus_btn,
input[type="number"],
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button,
.minus_or_plus_btn{
	-webkit-appearance: none;
	-moz-appearance:textfield;
	outline:none;
}
.minus_or_plus_btn_input{
	width: 44px;
    text-align: center;
    font-size: 15px!important;
    display: inline-block;
	margin-right:2px;
}
.minus_or_plus_btn_input small{
	font-size: 12px!important;
	position: relative;
    vertical-align: middle;
}
input.customSelect{
	width: 18px!important;
    height: 30px;
    text-align: center!important;
    border: none;
    -webkit-text-fill-color: #000;
    opacity: 1;
	padding-bottom: 2px;
}
.minus_or_plus_btn {
	width: 30px;
	height: 30px;
	margin-right: 0;
	padding: 0;
	border-radius: 2px;
	font-size: 14px;
	background:#eee;
	touch-action: manipulation;
	color: #4d4d4d;
}

/*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;
}
#jr_s_box .fwnta-search-action {margin-top: 5px;}
.fw-top .fwnta-search-group .fwnta-search-date-exception {margin-left: 3.5em;}
#p_sbox .view-history {
	width: 100%;
	display: flex;
	gap: 5%;
	justify-content: flex-end;
}
/*loading*/
#webconnect-tour-hotels-gadget,
#webconnect-gadget-1 {min-height:330px;}
#webconnect-tour-hotels-gadget > span,
#webconnect-gadget-1 > span{
	width:8px;
	height:8px;
	border-radius:50%;
	display:inline-block;
	position:absolute;
	left:50%;
	margin: 120px 0 0 -10px;
	-webkit-animation:3s infinite linear;
	-moz-animation:3s infinite linear;
	-o-animation:3s infinite linear;
}
#webconnect-tour-hotels-gadget > span:nth-child(1),
#webconnect-gadget-1 > span:nth-child(1){
	background:#C1C3C5;
	-webkit-animation:kiri 1.2s infinite linear;
	-moz-animation:kiri 1.2s infinite linear;
	-o-animation:kiri 1.2s infinite linear;
}
#webconnect-tour-hotels-gadget > span:nth-child(2),
#webconnect-gadget-1 > span:nth-child(2){
	background:#C1C3C5;
	z-index:100;
}
#webconnect-tour-hotels-gadget > span:nth-child(3),
#webconnect-gadget-1 > span:nth-child(3){
	background:#C1C3C5;
	-webkit-animation:kanan 1.2s infinite linear;
	-moz-animation:kanan 1.2s infinite linear;
	-o-animation:kanan 1.2s infinite linear;
}
@-webkit-keyframes kanan {
0% {-webkit-transform:translateX(20px);
}
50%{-webkit-transform:translateX(-20px);
}
100%{-webkit-transform:translateX(20px);
z-index:200;
}
}
@-moz-keyframes kanan {
0% {-moz-transform:translateX(20px);
}
50%{-moz-transform:translateX(-20px);
}
100%{-moz-transform:translateX(20px);
z-index:200;
}
}
@-o-keyframes kanan {
0% {-o-transform:translateX(20px);
}
50%{-o-transform:translateX(-20px);
}
100%{-o-transform:translateX(20px);
z-index:200;
}
}
@-webkit-keyframes kiri {
0% {-webkit-transform:translateX(-20px);
z-index:200;
}
50%{-webkit-transform:translateX(20px);
}
100%{-webkit-transform:translateX(-20px);
}
}
@-moz-keyframes kiri {
0% {-moz-transform:translateX(-20px);
z-index:200;
}
50%{-moz-transform:translateX(20px);
}
100%{-moz-transform:translateX(-20px);
}
}
@-o-keyframes kiri {
0% {-o-transform:translateX(-20px);
z-index:200;
}
50%{-o-transform:translateX(20px);
}
100%{-o-transform:translateX(-20px);
}
}

/*kw*/
#kw_serch {
	text-align: right;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    display: flex;
}
#kw_serch input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
}
#NTA_keyword{
	width: 74%;
	height: 42px;
	margin: 0 1% 0 0;
	padding: 5px;
	border-radius: 5px;
	box-sizing: border-box;
	background:#FFF;
}
#NTA_search{
	width: 25%;
	background: #20208c;
	border: none;
	font-weight: normal;
	color: #FFF;
	border-radius: 5px;
	box-shadow: 0 2px 0 #d6d6d6;
}
.linkUl li:first-child {margin-right: 4%;}
.linkUl li{float: left;margin: 0;}

/*こだわり条件*/
#p_sbox input[type="checkbox"]:checked {background: #FFF;}
#p_sbox input[type="checkbox"]:checked:before {
	position: absolute;
	left: 0;
	top: 13px;
	display: block;
	content: "";
	width: 8px;
	height: 2px;
	background: #20208c;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
}
#p_sbox  input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: 7px;
	top: 13px;
	content: "";
	width: 14px;
	height: 2px;
	background: #20208c;
	-webkit-transform: rotate(-53deg);
	-webkit-transform-origin: left center;
}
#p_sbox #NTA_JR2_KodawariBasic label {
	margin: 5px 0;
	display: inline-block;
	width: 50%;
}
#p_sbox #NTA_JR2_KodawariBasic input,
#p_sbox #NTA_kodawari input {
	border: 1px solid #aaa;
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	width: 20px;
	height: 20px;
	background: #FFF;
}
#NTA_JR2_KodawariBasic label:nth-of-type(2),
#NTA_JR2_KodawariBasic label:nth-of-type(3),
#NTA_JR2_KodawariBasic label:nth-of-type(4),
#NTA_JR2_KodawariBasic label:nth-of-type(6){display:none!important;}

/*carendar*/
#NTA_JR2_popup_calendar_button select,
#NTA_calendar select{pointer-events: none;}

/*air carendar*/
#NTA_calendarContainer {
	width:340px;
	height:250px;
	font-size: 12px;
	border:2px solid #ccc;
	background:#fff;
	z-index: 99999;
}
#NTA_calendarContainer p {
	margin:0px;
	padding:0px;
}
#NTA_calendarContainer a:link {color:#111184;}
#NTA_calendarContainer a:visited {color:#0033cc;}
#NTA_calendarContainer a:active,
#NTA_calendarContainer a:hover {color:#f30;}
#NTA_calendarContainer div.cleared {
	display:block;
	clear:both;
	width:auto;
	height:1px;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	overflow:hidden;
}
#NTA_calendarContainer .titlebox {
	position:relative;
	padding:5px 5px 0px 12px;
}
#NTA_calendarContainer .titlebox .title {
	font-size:14px;
	font-weight:bold;
	color:#000;
	float:left;
}
#NTA_calendarContainer .content {padding:5px 12px;}

/* close */
#NTA_calendarContainer .titlebox .btnbox {
	text-align:right;
	height:13px;
}
#NTA_calendarContainer .titlebox .btnbox a {
	height:0;
	width:13px;
	padding-top:13px;
	display:inline-block;
	overflow:hidden;
	background:url(//www.nta.co.jp/nta_yado/images/icon_close.gif) no-repeat;

}
#NTA_calendarContainer .left {float:left;}
#NTA_calendarContainer .right {float:right;}
#NTA_calendarContainer .monthPager {
	text-align:center;
	color:#999;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:5px;
	clear:both;
	height:30px;
}
#NTA_calendarContainer .monthPager span {
	display:inline-block;
	width:30px;
	padding:0;
	margin:0;
}
#NTA_calendarContainer .monthPager span.icon a {
	width:12px;
	height:0;
	padding-top:12px;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}
#NTA_calendarContainer .monthPager a.prev {background:url(//www.nta.co.jp/nta_yado/images/arrow02.gif) no-repeat;}
#NTA_calendarContainer .monthPager a.next {background:url(//www.nta.co.jp/nta_yado/images/arrow01.gif) no-repeat;}
#NTA_calendarContainer .monthPager a.no-prev {background:url(//www.nta.co.jp/nta_yado/images/arrow02_nolink.gif) no-repeat;}
#NTA_calendarContainer .monthPager a.no-next {background:url(//www.nta.co.jp/nta_yado/images/arrow01_nolink.gif) no-repeat;}
#NTA_calendarContainer .calenderBox {
	width:154px;
	background:#fff;
}
#NTA_calendarContainer .calenderBox .calender_month {
	text-align:center;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	width:154px;
}
#NTA_calendarContainer .calenderBox .calender {
	table-layout:fixed;
	width:154px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
#NTA_calendarContainer .calenderBox .calender th {
	width:22px;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	background:url(../images/dot_line01.gif) repeat-x bottom;
	font-weight:normal;
}
#NTA_calendarContainer .calenderBox .calender th.sunday {
	background:#FFD2D2;
	color:#f00;
}
#NTA_calendarContainer .calenderBox .calender th.saturday {background:#C2D7F5; }
#NTA_calendarContainer .calenderBox .calender td {
	text-align:center;
	border-bottom:1px solid #CFCFCF;
	font-size:12px;
	width:22px;
	height:20px;
	vertical-align:middle;
	line-height:20px;
	color:#999;
}
#NTA_calendarContainer .calenderBox .calender td.saturday {background:#e1ebfa; }
#NTA_calendarContainer .calenderBox .calender td.sunday {background:#ffe8e8; }
#NTA_calendarContainer .calenderBox .calender td a {
	display:block;
	width:22px;
	height:20px;
	font-weight:bold;
}
#NTA_calendarContainer .calenderBox .calender td.today div,
#NTA_calendarContainer .calenderBox .calender td.today div a {color:red;}
#NTA_calendarContainer .calenderBox .calender td a:hover {background:#ff9; }
#NTA_calendarContainer .calenderBox .calender td a {width:18px;}
#NTA_calendarContainer .calenderBox .calender td.sel div {border:2px solid red;}
#NTA_calendarContainer .calenderBox .calender td.sel {line-height:16px;}
#NTA_calendarContainer .calenderBox .calender td.sel div a {height:16px;}
#NTA_calendarContainer .calenderBox div.msg {
	padding-top:50px;
	color:#999;
}

/*air carendar*/
#outboundCalendar .air-search-calendar th,
#outboundCalendar .air-search-calendar td {
	width: 24px;
	height:18px;
	font-size: 12px;
	line-height: 1.5;
}
.calendar-hide{display:none;}
#airSearch{position:relative;}
.NTA_air_popup_calendar_contents {
	width: 480px;
    background: #FFF;
    border: 1px solid #bebebe;
    padding: 5px 5px 15px;
    z-index: 2;
}
.NTA_air_popup_calendar_contents > div:first-child {position: relative;}
#outboundCalendar{
	position: absolute;
    top: 0;
}
#returnCalendar{
	position: absolute;
	top: 63px;
}
.NTA_air_popup_calendar_contents.depday{
  top: 100px;
  left: 218px;
}
.NTA_air_popup_calendar_contents.retday{
  top: 143px;
  left: 218px;
}
.NTA_air_popup_calendar_contents .title_air {
	float: left;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    text-align: center;
    width: 100%;
    background: #20208c;
    color: #fff;
    padding: 2px 0;
}
.NTA_air_popup_calendar_contents .btnbox{float: right;}
.NTA_air_popup_calendar_contents .btnbox a {
    display: block;
	width: 20px;
    height: 20px;
    position: absolute;
	top: 2px;
    right: 5px;
}
.NTA_air_popup_calendar_contents .btnbox a::before,
.NTA_air_popup_calendar_contents .btnbox a::after {
	content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: 0% 50%;
    position: absolute;
    top: 0;
    left: 15%;
}
.NTA_air_popup_calendar_contents .btnbox a::after {
    transform: rotate(-45deg);
    transform-origin: 100% 50%;
    left: auto;
    right: 15%;
}
.air-calendar__current {
  display: flex;
  float: left;
  width: 326px;
  margin: -3px auto 3px;
}
.air-calendar__current > span{width:12.5%;display:block;text-align:center;}
.monthPager{
  height: 20px;
  width: 100%;
  padding: 8px 0 0;
}
.calendarbox{
  display: flex;
  justify-content: space-between;
}
.calendarbox > div {
    width: 49%;
	text-align:center;
}
.air-calendar__next {
	float: right;
    width: 8px;
    height: 8px;
    margin-right: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(45deg);
}
.air-calendar__prev {
	float: left;
    width: 8px;
    height: 8px;
	margin-left: 2%;
    border-top: 3px solid #20208c;
    border-right: 3px solid #20208c;
    transform: rotate(-135deg);
}
.content_air .calenderBox > p{font-weight:bold;}
.NTA_air_popup_calendar_contents table{
	width:100%;
	margin-top: 15px;
}
.NTA_air_popup_calendar_contents table,
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
  border: none;
  border-collapse: collapse;
}
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
  padding: 2px;
  width: 24px;
  text-align: center;
  box-sizing: border-box;
}
.NTA_air_popup_calendar_contents th {
  color: #595959;
  background-color: #fff;
}
.NTA_air_popup_calendar_contents tr > th:first-child,
.NTA_air_popup_calendar_contents tr > td:first-child,
.NTA_air_popup_calendar_contents tr > td.holiday{
  font-weight: bold;
  color: #cc0d21;
}
.NTA_air_popup_calendar_contents tr > th:last-child,
.NTA_air_popup_calendar_contents tr > td:last-child{
  font-weight: bold;
  color: #2051c1;
}
.NTA_air_popup_calendar_contents tr > td.select-enable{cursor: pointer;}
.NTA_air_popup_calendar_contents tr > td.current{
  background-color: rgb(32, 32, 140);
  color: #fff;
}
.NTA_air_popup_calendar_contents tr > td.select-enable:hover{
  background-color: #eee;
  font-weight: bold;
}
.NTA_air_popup_calendar_contents tr > td.select-disable{color: #ccc;}
.hide-contents__disnone{display:none!important;}

/*-----------------------------------------------------
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 内訳--*/
/*--//add20250528 更新版--*/
#air_s_box #outboundDeparture, #outboundDirection, #returnDeparture{position: relative;}
#air_s_box #outboundDepartureList, #outboundDirectionList, #returnDepartureList{
    position: absolute;
    display: none;
    z-index: 10;
	overflow-y: scroll;
	height: 350px;
}
#air_s_box #outboundDeparture,
#air_s_box #outboundDirection,
#air_s_box #returnDeparture{
	width: 100%;
	height: 42px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	text-indent: 100px;
	border-radius: 4px;
	font-size: 14px;
	background: #FFF;
    color: #000;
}
#air_s_box ul#outboundDepartureList,
#air_s_box ul#outboundDirectionList,
#air_s_box ul#returnDepartureList{
    width: 100%;
    background-color: #fff;
    border: 1px solid;
}
#air_s_box ul#outboundDepartureList li,
#air_s_box ul#outboundDirectionList li,
#air_s_box ul#returnDepartureList li{
    height: 38px;
    text-indent: 45px;
    font-size: 14px;
    display: grid;
    box-sizing: border-box;
    align-items: center;
}
#air_s_box ul#outboundDepartureList li:hover,
#air_s_box ul#outboundDirectionList li:hover,
#air_s_box ul#returnDepartureList li:hover{background-color: #c4c4c4;}
#air_s_box ul li.area__airgdt{color: #c4c4c4;}
#air_s_box ul#outboundDepartureList li.area__airgdt:hover,
#air_s_box ul#outboundDirectionList li.area__airgdt:hover,
#air_s_box ul#returnDepartureList li.area__airgdt:hover{background-color: #fff;}
#air_s_box .adult_pax,
#air_s_box .childt_pax,
#air_s_box .rooms{width: 100%;}
#childCPax, #child2Pax, #infantPax{
    width: 18px;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    color: #000;
    -webkit-text-fill-color: #000;
    opacity: 1;
}
#air_s_box .selectday{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#air_s_box #pax_summary_wrap, #carrier_wrap, #keyword_wrap, #rooms_summary_wrap{
    width: 50%;
    display: flex;
    padding: 0 10px 10px;
}
#air_s_box #pax_summary_wrap, #rooms_summary_wrap{
    width: calc((100% - 40px) / 2);
    float: left;
}
@media screen and (max-width: 759.9px) {
    #air_s_box #pax_summary_wrap, #rooms_summary_wrap, #carrier_wrap, #keyword_wrap{
        width: auto;
        float: none;
    }
}
#air_s_box #pax_summary_wrap dt, #carrier_wrap dt, #keyword_wrap dt, #rooms_summary_wrap dt{
    height: 38px;
    display: grid;
    align-items: center;
    font-size: 14px;
    width: 100px;
}
#air_s_box #pax_summary_wrap dd, #carrier_wrap dd, #keyword_wrap dd, #rooms_summary_wrap dd{
    height: 38px;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
}
#air_s_box #keyword_wrap input#keyword___airgdt,
#air_s_box #pax_summary_wrap p#paxSummary,
#air_s_box #rooms_summary_wrap p{
    width: 100%;
	height: 38px;
	border: #C1C3C5 solid 1px;
	box-sizing: border-box;
	align-items: center;
	display: grid;
	text-indent: 10px;
	border-radius: 4px;
	font-size: 14px;
	background: #FFF;
    color: #000;
}
#air_s_box #pax_summary_wrap{position: relative;}

/*人数選択パネル*/
#air_s_box #pax_wrap{
    position: absolute;
    top: 0;
    left: 120px;
    transform: translateX(0);
    display: flex;
    flex-direction: column;
    border: #C1C3C5 solid 1px;
    padding: 20px;
    background-color: #fff;
    z-index: 10;
    width: 60%;
}
@media screen and (max-width: 759.9px) {
    #air_s_box #pax_wrap{
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
    } 
}
#air_s_box #pax_wrap.show{display: flex;}
#air_s_box #pax_wrap.hide{display: none;}

/* 人数・部屋数パネルクローズボタン */
#air_s_box #pax_wrap .close{
    cursor: pointer;
    position: absolute;
    top: 20px;
    width: 30px;
    height: 30px;
    right: 20px;
}
#air_s_box #pax_wrap .close:before,
#air_s_box #pax_wrap .close:after{
    position: absolute;
    content: '';
    top: 50%;
    right: 6px;
    width: 20px;
    height: 2px;
    background-color: #C1C3C5;
    transform: rotate(45deg);
}
#air_s_box #pax_wrap .close:after{transform: rotate(135deg);}

/* 人数・部屋数変更パネル内アイテム */
#air_s_box #pax_wrap .pax_label,
#air_s_box #pax_wrap .rooms_label{
    font-size: 14px;
    border-bottom: 1px solid #C1C3C5;
    padding: 20px 0 10px 0;
    margin-bottom: 10px;
    font-weight: bold;
}
#air_s_box #pax_wrap .childt_pax .childt_pax_label{
    font-size: 14px;
    width: 100%;
    height: 50px;
}
#air_s_box #pax_wrap .button_wrap{
    text-align: center;
    width: 100%;
}
#air_s_box #pax_wrap .btn_complete{
    width: 72%;
    height: 44px;
    border-radius: 3px;
    box-shadow: 0 2px 0 #d6d6d6;
    background-color: #e61b61;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
}

/* 航空会社選択 */
#air_s_box #carrier_wrap label{margin: 0 20px 0 0;}
#air_s_box #carrier_wrap label img {
    width: revert-layer;
    height: auto;
}

/* スタイル上書き */
#air_s_box #pax_wrap .adult_pax .guidance_p_pax,
#air_s_box #pax_wrap .childt_pax .guidance_p_pax,
#air_s_box #pax_wrap .rooms .guidance_p_pax{
    text-align: left;
    font-size: 14px;
}
#air_s_box #pax_wrap .adult_pax .guidance_p_pax,
#air_s_box #pax_wrap .childt_pax .childt_pax_label {font-weight: bold;}
#air_s_box #pax_wrap .guidance_p_pax .small{font-size: 12px;}
#air_s_box #pax_wrap .guidance_p_pax .middle{font-size: 14px;}
#air_s_box #pax_wrap .guidance_p_pax .gray{color: #C1C3C5;}
#air_s_box #pax_wrap .notice{
    font-size: 11px;
    color: #E74444;
}
#air_s_box #pax_wrap .asterisk{
    font-size: 11px;
    color: #E74444;
}
/*--//add20250528 更新版--*/

.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;
}

/*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;
}

/*-----------------------------------------------------
FAQ
-----------------------------------------------------*/
#qanda_box > div div {border-bottom: 1px dotted #aaa;}
#qanda_box > div div:last-child {margin: 0;}
#qanda_box > div b.qaicon {
	width: 35px;
    height: 30px;
    float: left;
    text-align: center;
    border-radius: 20px;
    background: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 10px 0 0;
    padding: 0 0 4px;
    color: #FFF;
    align-items: center;
    display: grid;
}
#qanda_box > div h3,
#qanda_box > div p {
	padding: 12px 0;
    display: flex;
    align-items: baseline;
    font-size: 16px;
}
#qanda_box > div h3 span,
#qanda_box > div p span {
    width: 100%;
	box-sizing: border-box;
    padding-right: 30px;
	position:relative;
}
#qanda_box > div h3 span{position:relative;}
#qanda_box > div h3 span:after {
	content: "＋";
	width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
}
#qanda_box > div h3.open span:after {content: "－";}
#qanda_box > div > div:after,
#qanda_box > div h3:after,
#qanda_box > div p:after {
	content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#qanda_box > div h3:hover{cursor:pointer;}

/*------------------------------
SubFooter
------------------------------*/
/*social*/
.ownedmedia,
.socialbox{width:calc(100% / 3);}
.ownedmedia ul {
    width: 200px;
    margin: auto;
}
.social {
    width: 200px;
    margin: auto;
}
.ntaapri {
    width: 280px;
    margin: auto;
}
.ownedmedia li,
.social li,
.ntaapri li {
	width: 100%;
    display: inline-block;
	text-align: center;
}
.ownedmedia li a img{width: 120px;}
.social li a img{width: 45px;}
.ntaapri li a img {width: 130px;}
.ownedmedia dt,
.ntaapri dt,
.ownedmedia dt {
    font-size: 14px;
    margin: 20px 0;
}
.socialbox .ntanavybtn {
    width: 180px;
    font-size: 14px;
    border-radius: 10px;
	margin: 15px auto;
}

/*word link*/
.inline_word_link_box ul{
	display: flex;
    flex-wrap: wrap;
}
.inline_word_link_box li{
    width: fit-content;
    margin: 0 25px 15px;
    font-size: 16px;
	position:relative;
}
.inline_word_link_box li a{color:#222;}
.inline_word_link_box li:after{
	content: "｜";
    color: #aaa;
    position: absolute;
    right: -34px;
}
.inline_word_link_box li:last-child:after{content: "";}
.inline_word_link_box a:hover{
	color: #20208c;
	transition: 0.25s;
}

/*相互リンク*/
.mutuallink {
    background: #ebeaea;
    padding: 15px;
	text-align: center;
}
.mutuallink .bnr {display: inline;}
.mutuallink .bnr li {
	margin: 5px;
    display: inline-block;
}

#subFooter .markBox {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;
}
#subFooter .markBox ul {
	display: table;
	margin: 0 auto;
	background: #FFF;
}
#subFooter .markBox li {
	width: 60px;
	display: table-cell;
	padding: 0 10px;
	border-left: 1px dotted #ccc;
	vertical-align: middle;
}
#subFooter .markBox li:last-child {border-right: 1px dotted #ccc;}

/*-----------------------------------------------------
page_jack
------------------------------------------------------*/
#rt_sp_special_popup,#rt_special_popup,#rt_sp_all_popup,#rt_sp_all_popup_3 {
    z-index: 10002 !important;
    width: 150px !important;
	height: 150px!important;
    background-color: rgba(255,255,255,0.2) !important;
    top: auto !important;
    left: 0px !important;
    margin: 0 auto !important;
    padding: 0px 0 !important;
    position: fixed;
    border: none !important;
    border-radius: 0px !important;
}
#rt_sp_special_popup img,
#rt_special_popup img,
#rt_sp_all_popup img,
#rt_sp_all_popup_3 img {
	width:100%;
	height:auto;
}
#rt_sp_special_popup .pagejack_sp,
#rt_sp_all_popup_3 .pagejack_sp {
    width: 100% !important;
    max-width: 350px !important;
    height: 100% !important;
    margin: 0 auto !important;
}
#rt_sp_special_popup img:nth-child(2),
#rt_sp_all_popup img:nth-child(2),
#rt_special_popup img:nth-child(3) {
    right: 2px !important;
	width: 24px!important;
    height: 24px !important;
}
.pagejack_sp{
	width: 100%;
    text-align: center;
    display: block;
    margin: auto;
    padding: 5px;
    box-sizing: border-box;
}