@charset "utf-8";

/* TOPSP共通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;
}

.pl120 {padding-left: 120px;}
body {font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
main input{outline:none;}
#headTop{height: 64px!important;}
#wrapper {line-height: 1.4;}
.disnone{display:none;}
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 10px;}
h2 {
	width: fit-content;
    font-size: 18px;
    border-bottom: 2px solid #20208c;
    text-align: center;
    margin: 0 auto 15px;
    padding: 0 10px 5px;
	position:relative
}
h2 small {
	font-size: 14px;
    margin: 0 5px;
}
h2 img {
	width: 25px!important;
    margin: 0 5px 0 0;
    display: inline;
    vertical-align: bottom;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 15px 0;
	box-sizing: border-box;
}
main * {font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
main img {
	width:100%;
	height:auto;
	vertical-align: bottom;
}

/*------------------------------
Important news
------------------------------*/
#newsImportant{
	margin: 5px;
	display:flex;
	font-size: 11px;
}
#newsImportant dt{
	width: 72px;
    height: fit-content;
	background: #e62d2d;
	color: #FFF;
	text-align: center;
	border-radius: 3px;
	margin-top: 2px;
    padding: 3px 0;
}
#newsImportant dd{
	width: 100%;
	padding: 0 10px;
}
#newsImportant li{
	padding: 5px 3px 5px 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 {margin-bottom: 25px;}
.itemList li {
	width: calc((100% - 20px) / 2);
    margin: 0 5px;
    overflow: hidden;
	background: #fff;
	box-shadow: 1px 1px 3px #aaa;
}
.itemList li .thumb {
	text-align: center;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.itemList li dl {padding: 10px;}
.itemList li dt {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.itemList li dd {font-size: 12px;}
.itemList li a {
	color: #000!important;
	padding: 0!important;
}
.itemList li .thumb .tag {
	/*display: block;*/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;
}

/*in accordion*/
.itemList2 li {
	width: 48%;
	height: 240px;
	float: left;
	margin: 0 1% 2%;
	overflow: hidden;
	border: none!important;
	padding: 0!important;
	box-sizing: border-box;
}
.itemList2 li .thumb {
	text-align: center;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.itemList2 li dl {padding: 10px;}
.itemList2 li dt {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
.itemList2 li dd {font-size: 12px;}
.itemList2 li dl a {
	background: none!important;
	padding: 0!important;
}

/*------------------------------
NTA news
------------------------------*/
.newsCont_section {position: relative;}
.newsCont_section li {
	border-bottom: 1px dotted #ccc;
    padding: 10px;
    background: #FFF;
	font-size: 14px;
}
.newsCont_section li:last-child {border-bottom: none;}
.newsCont_section li span.newsIco {
	width: 56px;
    float: left;
    display: inline-block;
    color: #20208c;
    text-align: center;
    background: #fff;
    padding: 2px 5px 3px 5px;
    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;
	padding: 0;
}
.click__more {
    font-size: 14px;
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    padding-top: 15px;
    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;
}

/*------------------------------
button
------------------------------*/
.ntanavybtn {
	width: 90%;
    margin: 25px auto;
    color: #20208c!important;
    font-size: 16px;
    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;
}

/*------------------------------
scroll 640banner
------------------------------*/
.slider{overflow: hidden;}
.slider > ul:not(.slick-slider) {
	width: 500%;
    display: flex;
}
.slider li{margin:0 2px;}
.slider .slick-dots li,
.slider .slick-dots li button{width: 10px;}
.slider .slick-dots li button:before{font-size: 18px;}
.slider .slick-dots li.slick-active button:before{
	font-size: 24px;
    margin-top: -1px;
}

/*------------------------------
scroll item
------------------------------*/
.scrollbox {overflow-x: scroll!important;}
.scrollbox > ul {
	width: fit-content!important;
    display: flex!important;
    margin-bottom: 15px!important;
}
.scrollbox > ul li {
	width: 200px!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
------------------------------------------------------*/
#sticker{
	width:100%;
	background:#FFF;
	z-index:10;
	position: relative;
}
#navList,#navList2,#navList3,#navList4,#navList5,#navList6,#navList7{
	margin:0 auto;
	display:block;
	overflow:hidden;
}
.accordion {
	font-size:123.1%;
	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: 10px;
	background-position:98% center;
	background-repeat:no-repeat;
}
.accordion ul.acc_area,
.accordion .acc_area2 {display:none;}
.accordion > li {width:100%;}
.accordion > li > p {border-bottom: 1px solid #fff;}
.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:"－";}
#sticker #navList li .acc_area2.itemList li dl dt a {background-image: none;}
#navList li .acc_area2.itemList li {
	padding: 0;
	border: none;
	background: #fff;
	height:270px;
}
#Useful_acc > li > p {border-bottom: 1px solid #999;}
#Useful_acc > li > ul li {border-bottom: 1px dotted #999;}
#Useful_acc > li > ul li:last-child {border-bottom: none;}
#Useful_acc > li > ul li a {
	background: #FFF;
	position: relative;
}
.accordion2 li ul,
.accordion .acc_area2 {
	margin: 0;
    padding: 5px 10px;
    display: none;
    line-height: 1.5;
    border-bottom: 1px solid #EEE;
}
.accordion2 li li,
.accordion .acc_area2 li {
	margin: 0 1% 2%;
    padding: 5px 0;
    background: #fff;
}

/*reset top*/
.accordion > li > p.acc_ko span,
.accordion > li > h3.acc_ko {border-bottom: 1px solid #999;}
.accordion > li > p.acc_ka span,
.accordion > li > h3.acc_ka {border-bottom: 1px solid #999;}
.accordion2.acc_ko2 li ul {background:#eee;}
.accordion2.acc_ko2 li p span,
.accordion2.acc_ko2 li h4 {border-bottom: 1px dotted #999;}
.accordion2 li p span,
.accordion > li > p span,
.accordion2 li h3 span,
.accordion > li > h3 span,
.accordion2 li h4 span,
.accordion > li > h4 span {
	background: #FFF;
	position:relative;
}
.accordion2 li p span:after,
.accordion > li > p span:after,
.accordion2 li h3 span:after,
.accordion > li > h3 span:after,
.accordion2 li h4 span:after,
.accordion > li > h4 span:after {
    content: "＋";
    height: 20px;
    width: 20px;
    text-align: center;
    position: absolute;
    right: 5%;
    color: #999;
}
.accordion2 li p span.open:after,
.accordion > li > p.acc_ko span.open:after,
.accordion > li > h3.acc_ko span.open:after,
.accordion > li > p.acc_ka span.open:after,
.accordion > li > h3.acc_ka span.open:after,
.accordion2.acc_ko2 li p span.open:after,
.accordion2.acc_ko2 li h4 span.open:after,
.accordion2.acc_ka2 li p span.open:after,
.accordion2.acc_ka2 li h4 span.open:after {content:"－";transition: 0.5s;}
.accordion2.acc_ka2 li ul {background:#eee;}
.accordion2.acc_ka2 li p span,
.accordion2.acc_ka2 li h4 span {border-bottom: 1px dotted #999;}

/*reset jr,kokunai,yado*/
.accordion.acc_kokunai > li > p span {border-bottom: 1px solid #999;}
.accordion.acc_kokunai .accordion2 li p span {
	color: #e6426b;
	font-weight: normal;
}
.accordion.acc_kokunai .accordion2 li ul {background:#fcf7f8;}
.accordion.acc_kokunai .accordion2 li li a,.accordion.acc_kokunai .acc_area2 li a{
	background: url(/sp/shared2015/common/images/ic_12.png) 99.5% center no-repeat;
	background-size: 11px auto;
}
.accordion.acc_kokunai .accordion2 li p span {
	background: #fcf7f8 url(/sp/shared2015/common/images/ic_head_02.png) 99% center no-repeat;
	background-size: 15px auto;
	border-bottom: 1px solid #fff;
}
.accordion.acc_kokunai .accordion2 li p span.open {
	background: #fcf7f8 url(/sp/shared2015/common/images/ic_head_05.png) 99% center no-repeat;
	background-size: 15px auto;
}
.accordion.acc_kokunai .acc_area2 {background: #eee;}

/*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 .accordion2 li p span {
	color: #43a619;

	font-weight: normal;
}
.accordion.acc_kaigai .accordion2 li ul {background:#f8fbf7;}
.accordion.acc_kaigai .accordion2 li li a,.accordion.acc_kaigai .acc_area2 li a{
	background: url(/sp/shared2015/common/images/ic_13.png) 99.5% center no-repeat;
	background-size: 11px auto;
}
.accordion.acc_kaigai .accordion2 li p span {
	background: #f8fbf7 url(/sp/shared2015/common/images/ic_head_03.png) 99% center no-repeat;
	background-size: 15px auto;
	border-bottom: 1px solid #fff;
}
.accordion.acc_kaigai .accordion2 li p span.open {
	background: #f8fbf7 url(/sp/shared2015/common/images/ic_head_06.png) 99% center no-repeat;
	background-size: 15px auto;
}
.accordion.acc_kaigai .acc_area2 {background: #f8fbf7;}
.accordion2 li a:after,
#Useful_acc > li > ul li a: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;
}

/*word link*/
.inline_word_link_box ul{
	display: flex;
    flex-wrap: wrap;
}
.inline_word_link_box li{
	width: 50%;
    height: 60px;
    margin: 0;
    padding: 10px;
    font-size: 14px;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
}
.inline_word_link_box li:nth-of-type(-n+2) {border-top: 1px solid #aaa;}
.inline_word_link_box li:nth-of-type(even) {border-right: none;}
.inline_word_link_box li a{
	width: 100%;
    height: 100%;
    color: #222;
    display: grid;
    align-items: center;
    position: relative;
}
.inline_word_link_box li a:after{
	content: ">";
    color: #aaa;
    position: absolute;
    top: auto;
    right: 5px;
    transform: scale(0.75, 1.5);
}
/*デジパン非表示*/
#digital_pamphlet{display:none!important;}

/*-----------------------------------------------------
kokunai gadget
------------------------------------------------------*/
#gadget_box__section .inner {
	width: 100%;
    margin: 0;
    padding: 0;
}
.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;
}
.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: 90px;
	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;}-->
#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: 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;}
#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;}
#p_sbox .box-contents .w50p select {text-indent: 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;
	left: unset;
	right: 20px;
	top: 14px;
}
#gadget_box__section #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 {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#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: "旅行日数";}
.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;
}

.dis_flex {
	flex-wrap: wrap;
	display: flex;
}
.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: 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;
}
#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: 72px;
}
.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: 45px;
    text-align: center;
    font-size: 15px!important;
    display: inline-block;
}
.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-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;}
#jr_s_box .fw-top .fwnta-modal-search-condition,
#yado_s_box .fw-top .fwnta-modal-search-condition {z-index: 9500;}
#p_sbox .view-history {
	width: 90%;
	margin: 0 auto 25px;
	display: flex;
	gap: 5%;
	justify-content: flex-end;
}
/*loading*/
#webconnect-tour-hotels-gadget,
#webconnect-gadget-1 {min-height:290px;}
#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: 25px;
    padding-bottom: 25px;
    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;}

/*jr/yado calendar*/
#NTA_JR2_popup_calendar_contents,
#NTA_calendarContainer {
	position: fixed!important;
	top: 0!important;
	left: 0!important;
	width: 100%!important;
	height: 100%!important;
	display: flex;
	flex-flow: column;
	z-index: 9501!important;
	height: 31px;
	background: #FFF;
	position: -webkit-sticky; /* safari対応 */
	position: sticky;
}
#NTA_calendarContainer .titlebox {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #20208C;
	box-sizing: border-box;
	backface-visibility: hidden;
	overflow: hidden;
	z-index: 9502;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
#NTA_calendarContainer #NTA_closeCalendar{
	display: block;
	width: 28px;
	height: 28px;
	position: absolute;
	top: 20px;
	right: 25px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#NTA_calendarContainer #NTA_closeCalendar::before,
#NTA_calendarContainer #NTA_closeCalendar::after {
	content: "";
	display: block;
	width: 28px;
	height: 4px;
	background: #fff;
	transform: rotate(45deg);
	transform-origin: 0% 50%;
	position: absolute;
	top: calc(15% - 2px);
	left: 15%;
}
#NTA_calendarContainer #NTA_closeCalendar::after {
	transform: rotate(-45deg);
	transform-origin: 100% 50%;
	left: auto;
	right: 14%;
}
#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_JR2_popup_calendar_contents .content,
#NTA_calendarContainer .content{
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-top:72px!important;
}
#NTA_monthContainer {position: relative;}
#NTA_monthContainer span:not(.icon),
#NTA_rightCalendar {display:none;}
#NTA_calendarContainer .no-prev,
#NTA_calendarContainer .no-next {display:none;}
#NTA_calendarContainer .prev,
#NTA_calendarContainer .next {
	width: 15px;
	height: 15px;
	border-top: 5px solid #20208c;
	border-right: 5px solid #20208c;
	z-index: 9501;
	display: block;
	overflow: hidden;
	color: #FFF;
	font-size: 10px;
}
#NTA_calendarContainer .prev {
	margin-left: 7%;
	transform: rotate(225deg);
	position: absolute;
	top: 18px;
	left: 0;
}
#NTA_calendarContainer .next {
	margin-right: 7%;
	transform: rotate(45deg);
	position: absolute;
	top: 18px;
	right: 0;
}
#NTA_calendarContainer .calender_month {
	font-size: 22px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
}
#NTA_leftCalendar table {
	width: 100%;
	font-size: 18px;
	text-align: center;
}
#NTA_leftCalendar th,
#NTA_leftCalendar td {
	font-family: Hiragino Sans;
	position: relative;
	width: 8%;
	height: auto;
	font-size: 18px;
	text-align: center;
	border-right: none;
	border-bottom: none;
	background-color: #fff;
	background-clip: padding-box;
	box-sizing: border-box;
	color: grey;
}
#NTA_leftCalendar td > div {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#NTA_leftCalendar td::before {
	content: "";
	display: block;
	padding-top: 100%;
}
#NTA_leftCalendar td a{
	font-weight: 700;
	color: black;
}
#NTA_leftCalendar td.saturday a{
	font-weight: 700;
	color: #21A4Ea;
}
#NTA_leftCalendar td.sunday a{
	font-weight: 700;
	color: #cc0d21;
}
#NTA_leftCalendar td.sel{
	background-color: #E61B61;
	border-radius: 50%;
}
#NTA_leftCalendar td.sel a{
	color: #fff;
	font-weight: 700;
}
#NTA_leftCalendar td.ob a{
	color: darkgray;
	cursor: text;
}

/*air carendar*/
.NTA_air_popup_calendar_contents {
	width: 100%;
	background: #FFF;
	z-index: 9999;
	padding: 10px;
	border: 1px solid #aaa;
	box-sizing: border-box;
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 1.5;
}
.NTA_air_popup_calendar_contents table {width: 100%;}
.NTA_air_popup_calendar_contents .title_air {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 48px;
    background-color: #20208C;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
}
.NTA_air_popup_calendar_contents .btnbox{
	margin: -36px 10px 0 0;
	float: right;
}
.NTA_air_popup_calendar_contents .btnbox a {
	width: 24px;
	height: 24px;
	padding-top: 12px;
	display: inline-block;
	overflow: hidden;
	background: url(https://www.nta.co.jp/shared2021/common/images/gadget/ico_air_calendar_x.gif) no-repeat;
}
.air-calendar__current {
	display: flex;
	float: left;
	width: 90%;
	margin: auto;
}
.air-calendar__current > span{
	width: 25%;
	display: block;
	text-align: center;
	font-size: 12px;
}
.monthPager{width: 100%;}
.air-calendar__next,
.air-calendar__prev {
	width: 18px;
	height: 28px;
	padding-top: 12px;
}
.air-calendar__next {
	float: right;
	background: url(https://www.nta.co.jp/shared2021/common/images/gadget/ico_air_calendar_right.gif) no-repeat;
}
.air-calendar__prev {
	float: left;
	background: url(https://www.nta.co.jp/shared2021/common/images/gadget/ico_air_calendar_left.gif) no-repeat;
}
.content_air .calendarbox.left,
.content_air .calendarbox.right{
	width: 98%;
	float: left;
	margin: 0 1%;
}
.content_air .calendarbox div > p{
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	margin: 2% 0;
}
.NTA_air_popup_calendar_contents table,
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.NTA_air_popup_calendar_contents td,
.NTA_air_popup_calendar_contents th {
	padding: 5px;
	width: 24px!important;
	text-align: center!important;
	box-sizing: border-box;
}
.NTA_air_popup_calendar_contents th {
	color: #595959;
	background-color: #ededed;
}
.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: #00005a;
}
.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;}
.NTA_air_popup_calendar_contents.calendar-hide{display:none;}

/*-----------------------------------------------------
kaigai gadget
------------------------------------------------------*/
/*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 内訳--*/
/*--//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: 31px;
	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;
}
#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: 95%;
    } 
}
#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: 38px;
}
#air_s_box #pax_wrap .button_wrap{
    text-align: center;
    width: 100%;
	margin: 5% 0 0;
}
#air_s_box #pax_wrap .btn_complete{
    width: 100%;
    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{
	width: 100%;
	font-size: 12px;
}
#air_s_box #pax_wrap .guidance_p_pax .middle{
	width: 100%;
	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_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;
    left: 10px!important;
    right: 10px!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;
}

/*-----------------------------------------------------
FAQ
-----------------------------------------------------*/
#qanda_box .inner > div {
	border-bottom: 1px dotted #aaa;
	margin: 15px 0;
}
#qanda_box .inner b.qaicon {
	width: 30px;
	height: 30px;
    float: left;
    text-align: center;
    border-radius: 20px;
    background: #333;
    font-size: 14px;
    font-weight: normal;
    margin: 0 10px 0 0;
    color: #FFF;
    align-items: center;
    display: grid;
}
#qanda_box .inner h3,
#qanda_box .inner p {
	margin: 0 0 20px 0;
    display: flex;
    align-items: baseline;
    font-size: 14px;
}
#qanda_box .inner h3 span,
#qanda_box .inner p span {
	width: calc(100% - 30px);
    box-sizing: border-box;
    padding-right: 30px;
}
#qanda_box .inner h3{position:relative;}
#qanda_box .inner h3:after {
	content: "＋";
	width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
}
#qanda_box .inner h3.open:after {content: "－";}

/*-----------------------------------------------------
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;
}*/

/*------------------------------
banner w640
------------------------------*/
.bnr640 {
	width: 96%;
    margin: 0 2%;
}
.bnr640 a img {display: block;}

/*------------------------------
SubFooter
------------------------------*/
/*social*/
.ownedmedia,
.socialbox{
	width: 100%;
	margin-bottom: 25px;
}
.socialbox:last-child {
	margin-bottom: 0;
}
.ownedmedia ul {
    width: 200px;
    margin: auto;
}
.social {
    width: 200px;
    margin: auto;
}
.ntaapri {
    width: 90%;
    margin: auto;
}
.ownedmedia li {
	width: 100%;
	text-align: center;
}
.social li {
	width: calc(100% / 3);
	text-align: center;
}
.ntaapri > li {
    width: 100%;
    margin: 0;
    text-align: center;
}
.ntaapri > li li {
    width: 48%;
    margin: 0 1%;
    text-align: center;
}
.ownedmedia li a img{width: 120px;}
.social li a img{width: 45px;}
.ownedmedia dt,
.ntaapri dt,
.ownedmedia dt {
    font-size: 14px;
    margin: 20px 0;
}
.socialbox .ntanavybtn {
	width: 180px;
    font-size: 14px;
    margin: 15px auto;
    border: none;
    box-shadow: none;
}

#subFooter .registBox {
	background: #fafee9;
	padding: 10px;
	margin-bottom: 0;
}
.blockBtn80 {
	text-align: center;
	margin-bottom: 10px;
}
.blockBtn80 .btn {
	padding: 15px 10px;
	width: 90%;
	margin: 0 auto;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blockBtn80 .btn span {
	width: 90%;
	display: block;
	padding-left: 19px;
	font-size: 19px;
	font-weight: bold;
}
.ic_red_bt_01 {
	background: url(/sp/shared2015/common/images/ic_red_bt_01.png) left center no-repeat;
	background-size: 22px auto;
}
.btnRed {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 -1px 0 #e11001 inset;
	-moz-box-shadow: 0 -1px 0 #e11001 inset;
	box-shadow: 0 -1px 0 #e11001 inset;
	border: 1px solid #f45246;
	background-color: #fb6257;
	color: #fff !important;
	position: relative;
}
.btnRed:after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: #fc9c99;
}
#subFooter .markBox {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;
}
#subFooter .markBox ul {
	display: table;
	margin: 0 auto;
	background: #FFF;
}
#subFooter .markBox li {
	display: table-cell;
	padding: 0 10px;
	border-left: 1px dotted #ccc;
	vertical-align: middle;
}
#subFooter .markBox li:last-child {border-right: 1px dotted #ccc;}