@charset "Shift_JIS";

/*PC・SP共通*/
main * { font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}
.disnone_buss { display:none;}
.f-red {color: #cc0d21;}

section:nth-of-type(odd){background-color:#fff;}
section:nth-of-type(even){background-color:#fbfbfb;}

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

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
	font-size: 10px;
	margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 12px;
	margin: 0 1%;
}
h2 {
	font-size: 20px;
    text-align: center;
    margin-bottom: 5%;
    color: #001E43;
    position: relative;
    font-weight: bold;
    height: 100px;
    align-items: center;
    display: grid;
}
h2#ico_search{
	background: url(../images/ico_search.gif) no-repeat 50% center;
}
h2#ico_jr{
	background: url(../images/ico_jr.gif) no-repeat 50% center;
}
h2#ico_air{
	background: url(../images/ico_air.gif) no-repeat 50% center;
}
h2#ico_yado{
	background: url(../images/ico_yado.gif) no-repeat 50% center;
}
h2#ico_chainhotel{
	background: url(../images/ico_chainhotel.gif) no-repeat 50% center;
}
h2#ico_japan{
	background: url(../images/ico_japan.gif) no-repeat 50% center;
}
h2#ico_btrip{
	background: url(../images/ico_btrip.gif) no-repeat 50% center;
}
h2#ico_tripa{
	background: url(../images/ico_tripa.gif) no-repeat 50% center;
}
h2#ico_QA{
	background: url(../images/ico_QA.gif) no-repeat 50% center;
}
.inner{
	width: 96%;
	margin: 0 2%;
	padding: 24px 0;
	box-sizing: border-box;
}

/* タイトル */
#title {
	background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
}
#title img{
    width: 350px;
    display: block;
    margin: auto;
}

/* タブ */
#departure_navi li {
    width: calc(100% / 3);
    float: left;
}
#departure_navi li a {
	text-align: center;
    display: block;
    font-size: 15px;
    color: #0365A3;
    margin: 10px;
    padding: 5px 0 8px;
    border-radius: 24px;
    box-sizing: border-box;
}
#departure_navi li.select a {
	background: #0365A3;
	color: #FFF;
}

/*point_box*/
#point_box{margin:0;}
#point_box h2{
	height: auto;
	display: block;
    margin: 0 auto 15px;
    text-align: center;
    font-size: 16px;
    position: relative;
}
#point_box h2:before,
#point_box h2:after{
	content:"";
	display:block;
	width:25px;
	height:2px;
	background:#2457B2;
}
#point_box h2:before{
	position: absolute;
    top: 48%;
    left: 10px;
}
#point_box h2:after{
	position:absolute;
    top: 48%;
    right: 10px;
}
#point_box h2 span{
	display: inline-block;
    width: 100%;
	color: #2457B2;
}
#point_box h2 b{
	display: inline-block;
    width: 100%;
	color: #FF9800;
	font-size: 22px;
}
#point_box ul{
	width: 95%;
    margin: auto;
}
#point_box li{
    width: 100%;
    display: block;
	clear: both;
}
#point_box dt{
    width: fit-content;
    color: #FF9800;
    font-size: 16px;
    margin: 0 0 15px;
    margin-right: calc(100% - 165px);
    padding: 0 10px 5px;
    border-bottom: 1px solid;
    position: relative;
    float: right;
}
#point_box dt:after{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-bottom: 1px solid #ff9800;
    border-left: 1px solid #ff9800;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -5px;
    left: 46%;
}
#point_box dd div{
	width: 60px;
    height: 60px;
    background: #F8F8F8;
    border-radius: 30px;
    margin: 0 10px;
    float: left;
}
#point_box dd div img{
	width: 50px;
    padding: 5px 0 0 5px;
}
#point_box dd p {
	width: calc(100% - 80px);
	font-size: 14px;
    float: left;
	margin-bottom: 20px;
}

/*ガシェット調整*/
.search_kokunai_map_Bar .serchBox.kokunaiS ul li {
    background: #7bb0d1;
}
.search_kokunai_map_Bar .serchBox.kokunaiS ul li.select {
    background: #111184;
}
.search_kokunai_map_Bar .serchBox.kokunaiS .content_wrap.serchBox {
    border: 3px solid #111184;
}

/*scroll item*/
.scrollbox {overflow-x: scroll!important;}
.scrollbox > ul {
	width: fit-content!important;
    display: flex!important;
    margin-bottom: 15px!important;
}
.scrollbox > ul li:not(.pricebox) {
	width: 260px!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;
}

/*エリアタブ*/
.tab_areahotel {display:none!important;}
.tab_areahotel_sp {
    padding: 10px 18px;
    display: flex;
}
.tab_areahotel_sp > p {
    width: 23%;
    font-size: 18px;
    align-items: center;
    display: flex;
    color: #0365A3;
}
.tab_areahotel_sp > div {width: 77%;}
.tab_areahotel_sp > div select {
    padding: 2px 5px;
    width: 100%;
    height: 36px;
    font-size: 18px;
    -webkit-appearance: none;
    background: #FFF url(/sp/shared2015/common/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 19px;
    border: #A4ACB1 solid 1px;
}

/*APIプラン*/
.scroll_plan_wrapper .item_name{
	display: flex;
    background: #FFF;
	margin-bottom: 10px;
    padding: 15px;
}
.scroll_plan_wrapper .item_name img{
	width:120px;
	height:90px;
}
.scroll_plan_wrapper .item_name dl{
	margin-left: 28px;
    font-size: 14px;
	padding: 5px 0;
}
.scroll_plan_wrapper .item_name dt{margin-bottom: 10px;}
.scroll_plan_wrapper .item_name dd{line-height: 1.5;}

/*APIホテル(3カラム)*/
.scroll_plan_wrapper {
	margin: 2% auto;
	position: relative;
}
.scroll_plan_wrapper .scrollbox{margin-bottom: 25px;}
.scroll_plan_wrapper .plan_box {
	width: 260px;
	box-sizing: border-box;
	display: block;
	float: left;
	margin:0 10px 1% 0;
	padding: 10px;
	background: #FFF;
	font-size: 14px;
}
.scroll_plan_wrapper .plan_box .plan_image {
	margin-bottom: 12px;
}
.scroll_plan_wrapper .plan_box .plan_image img {
	width:240px;
	height:180px;
}
.scroll_plan_wrapper .plan_box .plan_image .plan-kind{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #FFF;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #222;
	text-align: center;
	z-index: 1;
}
.scroll_plan_wrapper .plan_box .area{
	text-align: right;
    font-size: 12px;
    margin-bottom: 15px;
}
.scroll_plan_wrapper .plan_box .area a,
.scroll_plan_wrapper .plan_box .area a:hover{
	color:#222!important;
	text-decoration:none!important;
}
.scroll_plan_wrapper .plan_box .plan_text dt{margin-bottom: 5px;}
.scroll_plan_wrapper .plan_box .plan_text dt h3{font-size: 15px;}
.scroll_plan_wrapper .plan_box .plan_text dd li{
	margin-bottom: 24px;
    height: 52px;
    font-size: 12px;
}
.scroll_plan_wrapper .plan_box .plan_text dd li.pricebox{margin-bottom: 0;}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address{
	font-size: 11px;
    height: auto;
    margin-bottom: 15px;
    line-height: 1.4;
	position: relative;
}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address dt{margin-bottom: 0;}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address dd:nth-of-type(2){height: 30px;}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address img {
	width: 16px;
    padding-left: 10px;
    position: absolute;
    top: 5px;
}
.scroll_plan_wrapper .plan_box .plan_text dd li .facility-details{
	text-align: right;
    display: inline-block;
    width: 100%;
}
.scroll_plan_wrapper .plan_box .plan_text dd li .icon{
	width: 60px;
    background: #cc0d21;
    color: #FFF;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 5px;
	font-size: 12px;
}
.scroll_plan_wrapper .plan_box .plan_text .pricebox .price {
	font-weight: bold;
    color: #cc0d21;
    font-size: 16px;
    display: inline-block;
}
.scroll_plan_wrapper .plan_box .plan_text .pricebox .icon{
	display: inline-block;
    margin-right: 10px;
}
.scroll_plan_wrapper .plan_box .plan_text .pricebox dd:not(.price) {text-align: center;}
.scroll_plan_wrapper .plan_box .other_btn {
    width: 100%;
    display: flex;
}
.scroll_plan_wrapper .plan_box .other_btn a {
	width: 50%;
    display: block;
    padding: 0 5px;
    color: #FF9326 !important;
	font-size: 12px;
}
.scroll_plan_wrapper .plan_box .other_btn a:nth-of-type(2) {text-align: right;}
.scroll_plan_wrapper .availability{
	width:100%;
	clear:both;
	display:inline-block;
	text-align:right;
}
.scroll_plan_wrapper .ranking_hotel__all_wrapper{position:relative;}

/*0件*/
.travelplan_preparation_now {
    text-align: center;
    font-size: 16px;
    padding: 50px 0;
}

/*更新日*/
.availability {
    width: 100%;
    clear: both;
    display: inline-block;
    text-align: right;
}

/*スクロール*/
.scroll_left_btn,
.scroll_right_btn {
	width: 20px;
	height: 20px;
	border-radius:12px;
	background: #242424;
	position: absolute;
    top: 40%;
    display: block;
    z-index: 1;
}
.scroll_left_btn {left:5px;}
.scroll_right_btn {right:5px;}
.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;}

/*KW*/
#popular_area h3 {
	width: fit-content;
    font-size: 16px;
    margin: 0 auto 5%;
    color:#0365A3;
    position: relative;
}
#popular_area h3:before,
#popular_area h3:after {
	content:"―";
	width:20px;
	height:20px;
	font-size: 20px;
	font-weight: bold;
}
#popular_area h3:before{
	position:absolute;
	top:0;
	left:-50px;
}
#popular_area h3:after {
	position:absolute;
	top:0;
	right:-50px;
}
.keyword {width: 100%;}
.keyword li {
	width: calc(95% / 2);
    display: inline-block;
    margin: 0 1% 2%;
}
.keyword li a {
	width: 100%;
    display: inline-block;
    border: 1px solid #0365A3;
    font-size: 13px;
    border-radius: 20px;
    padding: 5px 5px 6px;
    color: #001E43;
    background: #FFF;
    text-align: center;
    box-sizing: border-box;
}

/*itemlist*/
.itemlist{display:flex;}
.itemlist li{
	width: calc((100% - 50px) / 5);
    margin: 0 5px;
	background: #FFF;
    box-shadow: 1px 1px 2px #999;
}
.itemlist img{width: 100%;}
.itemlist dl{padding:10px;}
.itemlist dt{
	font-size: 16px;
    margin-bottom: 5px;
}
.itemlist dd{font-size: 14px;}

/* おすすめ旅行情報 */
#useWrap .tripa_useWrap li{
	width: calc((100% - 50px) / 5);
    margin: 0 5px;
    box-shadow: 1px 1px 2px #999;
	background: #FFF;
}
#useWrap .tripa_useWrap li p {
	margin: 0 0 3%;
	height: 150px;
	overflow: hidden;
}
#useWrap .tripa_useWrap li p img {width: 100%;}
#useWrap .tripa_useWrap li dl {
	overflow: hidden;
	display: block;
	padding: 10px;
}
#useWrap .tripa_useWrap li dt {
	font-size: 16px;
	margin: 0 0 5%;
	padding: 0;
	font-weight: bold;
}
#useWrap .tripa_useWrap li dd {font-size: 14px;}
#useWrap .tripa_useWrap li dd > span {
	display: block;
	margin: 5px 0 0;
}
#useWrap .tripa_useWrap li dd > span a {
	color: #CCC;
	font-size: 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#useWrap .tripa_useWrap li dd > span span {
	color: #F69;
	display: inline;
	font-size: 12px;
}

/*qa*/
#qanda_box dl {
	padding: 12px;
	background: #fff;
	position: relative;
	border-bottom: 1px dotted #aaa;
}
#qanda_box dl:last-child {border-bottom: none;}
#qanda_box dt {
	font-size: 15px;
    padding: 0 40px;
    word-break: break-all;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
#qanda_box dt:before,
#qanda_box dd:before {
	content: "Q";
    position: absolute;
    left: 0;
    background: #333;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    text-indent: 0;
	border-radius:20px;
	line-height: 1.6;
}
#qanda_box dt h3{font-weight:bold;}
#qanda_box dt:after {
	content: "＋";
    position: absolute;
    top: 0;
    right: 0;
    background: #FFF;
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 20px;
    color: #333;
    display: grid;
    align-items: center;
	transition-duration: 0.5s;
}
#qanda_box dt.faqopen:after {content: "−";}
#qanda_box dd {
	position: relative;
    font-size: 15px;
    margin-top: 10px;
    padding: 10px 40px 10px 40px;
	word-break: break-all;
}
#qanda_box dd:before {content: "A";}

/*btn*/
.pinkbtn a {
    display: block;
    width: 90%;
    margin: 0 auto 10%;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #e61b61 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 16px;
    text-decoration: none !important;
    box-shadow: 0 3px 0 #d6d6d6;
}

}

/*760px以上(PC)*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.231;}
#dirPathBlock,
h1,
#anchorLinkBlock{
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
	width: 100%;
	margin: 0 auto;
	display: block;
	font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
	font-size: 14px;
    width: auto;
    max-width: 970px;
    margin: 0 auto 5px;
}
h2 {
	font-size: 28px;
    text-align: center;
    margin-bottom: 5%;
    color: #001E43;
    position: relative;
    font-weight: bold;
    height: 100px;
    align-items: center;
    display: grid;
}
h2#ico_search{background: url(../images/ico_search.gif) no-repeat 50% center;}
h2#ico_jr{background: url(../images/ico_jr.gif) no-repeat 50% center;}
h2#ico_air{background: url(../images/ico_air.gif) no-repeat 50% center;}
h2#ico_yado{background: url(../images/ico_yado.gif) no-repeat 50% center;}
h2#ico_chainhotel{background: url(../images/ico_chainhotel.gif) no-repeat 50% center;}
h2#ico_japan{background: url(../images/ico_japan.gif) no-repeat 50% center;}
h2#ico_btrip{background: url(../images/ico_btrip.gif) no-repeat 50% center;}
h2#ico_tripa{background: url(../images/ico_tripa.gif) no-repeat 50% center;}
h2#ico_QA{background: url(../images/ico_QA.gif) no-repeat 50% center;}
.inner{
	width: 96%;
	max-width:970px;
	margin: 0 auto;
	padding:50px 0;
	display: block;
}

/* タイトル */
#title {
	background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
}
#title img{
	width: 970px;
    height: 450px;
    margin: auto;
    display: block;
}

/* タブ */
#departure_navi ul {
	width: 100%;
	max-width:970px;
	min-width:760px;
	margin: auto;
	display: flex;
}
#departure_navi li {
	width: calc(100% / 5);
}
#departure_navi li a {
	height: 48px;
    text-align: center;
    display: block;
    font-size: 18px;
	color: #0365A3;
    margin: 15px 5%;
    padding: 10px 0 12px;
    border-radius: 24px;
    box-sizing: border-box;
}
#departure_navi li.select a {
	background: #0365A3;
	color: #FFF;
}

/*point_box*/
#point_box{margin:25px 0;}
#point_box h2{
	display: block;
    margin: 0 auto 25px;
    width: 500px;
    text-align: center;
	font-size: 18px;
	position:relative;
}

#point_box h2:before,
#point_box h2:after{
	content:"";
	display:block;
	width:100px;
	height:3px;
	background:#2457B2;
}
#point_box h2:before{
	position: absolute;
    top: 48%;
    left: -25px;
}
#point_box h2:after{
	position:absolute;
    top: 48%;
    right: -25px;
}

#point_box h2 span{
	display: inline-block;
    width: 100%;
	color: #2457B2;
}
#point_box h2 b{
	display: inline-block;
    width: 100%;
	color: #FF9800;
	font-size: 28px;
}
#point_box ul{display: flex;}
#point_box li{
    width: calc(100% / 3);
    display: block;
    text-align: center;
}
#point_box dt{
	width: fit-content;
    color: #FF9800;
    font-size: 20px;
    margin: 0 auto 25px;
    padding: 0 10px 5px;
    border-bottom: 1px solid;
    position: relative;
}
#point_box dt:after{
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-bottom: 1px solid #ff9800;
    border-left: 1px solid #ff9800;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -5px;
    left: 46%;
}
#point_box dd div{
	width: 120px;
    height: 120px;
    background: #F8F8F8;
    border-radius: 60px;
    margin: 0 auto 20px;
    padding: 8px 0;
    box-sizing: border-box;
}
#point_box dd p {font-size: 14px;}

/*検索ボックス*/
.search_kokunai_map_Bar .box_yado .date > div:nth-of-type(2) {width: 350px;}
.search_kokunai_map_Bar .serchBox.kokunaiS ul li{
	text-align:center;
	display:inline-block;
	padding:15px 0;
	font-size:16px;
	background: #7bb0d1;
	color:#FFF;
	margin:0 0 0 0.3%;
	border-left:1px solid #FFF;
	width:32%;
}
.search_kokunai_map_Bar .serchBox.kokunaiS ul li.select{background:#111184;}
.search_kokunai_map_Bar .serchBox.kokunaiS dt{
	display:inline-block;
	width:64px;
	padding-top:5px;
	float:left;
}
#pax_wrap {display: flex;}
#pax_wrap dd.rooms, #pax_wrap dd.adult_pax, #pax_wrap dd.childt_pax {margin: 0;}
.minus_or_plus_btn {margin: 0 5px;}
.NTA_air_popup_calendar_contents .air-calendar__next,
.NTA_air_popup_calendar_contents .air-calendar__prev {
     background: none!important; 
     width: 8px; 
     padding-top: 0; 
     margin: 0; 
}
.NTA_air_popup_calendar_contents .btnbox a {
    background: none;
    top: 5px;
    width: 21px;
    height: 22px;
}

/*scroll item*/
.scrollbox {overflow-x: scroll!important;}
.scrollbox > ul {
	width: fit-content!important;
    display: flex!important;
    margin-bottom: 15px!important;
}
.scrollbox > ul li:not(.pricebox) {
	width: 260px!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;
}

/*エリアタブ*/
.tab_areahotel_sp {display:none!important;}
.tab_areahotel {display: flex;}
.tab_areahotel:before {
	content: "目的地：";
    font-size: 18px;
    line-height: 2.4;
    width: 120px;
    color: #0365A3;
    font-weight: bold;
}
.tab_areahotel li {
	font-size: 16px;
    background: #FFF;
    text-align: center;
    width: 200px;
	margin: 0 1% 1%;
    padding-bottom: 3px;
    line-height: 2.4;
    border-radius: 24px;
	color: #0365A3;
}
.tab_areahotel li:hover {
    opacity: 0.8;
    cursor: pointer;
}
.tab_areahotel .tab_areahotel_select {
	background: #0365A3;
    color: #FFF;
}

/*APIプラン*/
.scroll_plan_wrapper .item_name{
	display: flex;
    background: #FFF;
	margin-bottom: 10px;
    padding: 15px;
}
.scroll_plan_wrapper .item_name img{
	width:120px;
	height:90px;
}
.scroll_plan_wrapper .item_name dl{
	margin-left: 28px;
    font-size: 14px;
	padding: 5px 0;
}
.scroll_plan_wrapper .item_name dt{margin-bottom: 10px;}
.scroll_plan_wrapper .item_name dd{line-height: 1.5;}

/*APIホテル(3カラム)*/
.scroll_plan_wrapper {
	margin: 2% auto;
	position: relative;
}
.scroll_plan_wrapper .scrollbox{margin-bottom: 25px;}
.scroll_plan_wrapper .plan_box {
	width: 260px;
	box-sizing: border-box;
	display: block;
	float: left;
	margin:0 10px 1% 0;
	padding: 10px;
	background: #FFF;
	font-size: 14px;
}
.scroll_plan_wrapper .plan_box .plan_image {
	margin-bottom: 12px;
}
.scroll_plan_wrapper .plan_box .plan_image img {
	width:240px;
	height:180px;
}
.scroll_plan_wrapper .plan_box .plan_image .plan-kind{
    position: absolute;
    top: 5px;
    right: 5px;
    background: #FFF;
    padding: 3px;
    font-size: 12px;
    border: 1px solid #222;
	text-align: center;
	z-index: 1;
}
.scroll_plan_wrapper .plan_box .area{
	text-align: right;
    font-size: 12px;
    margin-bottom: 15px;
}
.scroll_plan_wrapper .plan_box .area a,
.scroll_plan_wrapper .plan_box .area a:hover{
	color:#222!important;
	text-decoration:none!important;
}
.scroll_plan_wrapper .plan_box .plan_text dt{margin-bottom: 5px;}
.scroll_plan_wrapper .plan_box .plan_text dt h3{font-size: 15px;}
.scroll_plan_wrapper .plan_box .plan_text dd li{
	margin-bottom: 24px;
    height: 52px;
    font-size: 12px;
}
.scroll_plan_wrapper .plan_box .plan_text dd li.pricebox{
	width:100%!important;
	margin-bottom: 0;
}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address{
	font-size: 11px;
    height: auto;
    margin-bottom: 15px;
    line-height: 1.4;
	position: relative;
}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address dt{margin-bottom: 0;}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address dd:nth-of-type(2){height: 30px;}
.scroll_plan_wrapper .plan_box .plan_text dd li.hotel_address img {
	width: 16px;
    padding-left: 10px;
    position: absolute;
    top: 5px;
}
.scroll_plan_wrapper .plan_box .plan_text dd li .facility-details{
	text-align: right;
    display: inline-block;
    width: 100%;
}
.scroll_plan_wrapper .plan_box .plan_text dd li .icon{
	width: 60px;
    background: #cc0d21;
    color: #FFF;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 5px;
	font-size: 12px;
}
.scroll_plan_wrapper .plan_box .plan_text .pricebox .price {
	font-weight: bold;
    color: #cc0d21;
    font-size: 16px;
    display: inline-block;
}
.scroll_plan_wrapper .plan_box .plan_text .pricebox .icon{
	display: inline-block;
    margin-right: 10px;
}
.scroll_plan_wrapper .plan_box .plan_text .pricebox dd:not(.price) {text-align: center;}
.scroll_plan_wrapper .plan_box .other_btn {
    width: 100%;
    display: flex;
}
.scroll_plan_wrapper .plan_box .other_btn a {
	width: 50%;
    display: block;
    padding: 0 5px;
    color: #FF9326 !important;
	font-size: 12px;
}
.scroll_plan_wrapper .plan_box .other_btn a:nth-of-type(2) {text-align: right;}
.scroll_plan_wrapper .availability{
	width:100%;
	clear:both;
	display:inline-block;
	text-align:right;
}
.scroll_plan_wrapper .ranking_hotel__all_wrapper{position:relative;}

/*0件*/
.travelplan_preparation_now {
    text-align: center;
    font-size: 16px;
    padding: 50px 0;
}

/*更新日*/
.availability {
    width: 100%;
    clear: both;
    display: inline-block;
    text-align: right;
}

/*スクロール*/
.scroll_left_btn,
.scroll_right_btn {
	width: 20px;
	height: 20px;
	border-radius:12px;
	background: #242424;
	position: absolute;
    top: 40%;
    display: block;
    z-index: 1;
}
.scroll_left_btn {left:5px;}
.scroll_right_btn {right:5px;}
.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;}

/*KW*/
#popular_area h3 {
	width: fit-content;
    font-size: 20px;
    margin: 0 auto 5%;
    color:#0365A3;
    position: relative;
}
#popular_area h3:before,
#popular_area h3:after {
	content:"―";
	width:20px;
	height:20px;
	font-size: 20px;
	font-weight: bold;
}
#popular_area h3:before{
	position:absolute;
	top:0;
	left:-50px;
}
#popular_area h3:after {
	position:absolute;
	top:0;
	right:-50px;
}
.keyword {display: flex;}
.keyword li {
	width: calc((100% - 40px) / 4);
    margin: 0 5px 25px;
}
.keyword li a {
	width: 100%;
    display: inline-block;
    border: 1px solid #0365A3;
    font-size: 18px;
    border-radius: 20px;
    padding: 5px 15px 8px;
    color: #001E43;
    background: #FFF;
    text-align: center;
	box-sizing: border-box;
}

/*itemlist*/
.itemlist{display:flex;}
.itemlist li{
	width: calc((100% - 50px) / 5);
    margin: 0 5px;
	background: #FFF;
    box-shadow: 1px 1px 2px #999;
}
.itemlist img{width: 100%;}
.itemlist dl{padding:10px;}
.itemlist dt{
	font-size: 16px;
    margin-bottom: 5px;
}
.itemlist dd{font-size: 14px;}

/* おすすめ旅行情報 */
#useWrap .tripa_useWrap li{
	width: calc((100% - 50px) / 5);
    margin: 0 5px;
    box-shadow: 1px 1px 2px #999;
	background: #FFF;
}
#useWrap .tripa_useWrap li p {
	margin: 0 0 3%;
	height: 150px;
	overflow: hidden;
}
#useWrap .tripa_useWrap li p img {width: 100%;}
#useWrap .tripa_useWrap li dl {
	overflow: hidden;
	display: block;
	padding: 10px;
}
#useWrap .tripa_useWrap li dt {
	font-size: 16px;
	margin: 0 0 5%;
	padding: 0;
	font-weight: bold;
}
#useWrap .tripa_useWrap li dd {font-size: 14px;}
#useWrap .tripa_useWrap li dd > span {
	display: block;
	margin: 5px 0 0;
}
#useWrap .tripa_useWrap li dd > span a {
	color: #CCC;
	font-size: 12px;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#useWrap .tripa_useWrap li dd > span span {
	color: #F69;
	display: inline;
	font-size: 12px;
}

/*qa*/
#qanda_box dl {
	padding: 15px;
    background: #fff;
    position: relative;
    border-bottom: 1px dotted #aaa;
}
#qanda_box dl:last-child {border-bottom: none;}
#qanda_box dt {
	font-size: 18px;
    padding: 0 45px 0 40px;
    line-height: 1.6;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
#qanda_box dt:before,
#qanda_box dd:before {
	content: "Q";
    position: absolute;
    left: 0;
    background: #333;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    text-indent: 0;
	border-radius:20px;
}
#qanda_box dt h3{font-weight:bold;}
#qanda_box dt:after {
	content: "＋";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    text-align: center;
    font-size: 20px;
	background: #FFF;
    color: #333;
    display: grid;
    align-items: center;
	transition-duration: 0.5s;
}
#qanda_box dt.faqopen:after {content: "−";}
#qanda_box dd {
	position: relative;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    padding: 10px 40px 10px 40px;
}
#qanda_box dd:before {content: "A";}

/*btn*/
.pinkbtn a {
    display: block;
    width: 68%;
    margin: 0 auto 5%;
    padding: 12px 0;
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    border-radius: 3px;
    background: #e61b61 url(/shared2021/common/images/im_arrow.png) no-repeat scroll 5% center;
    font-size: 18px;
    text-decoration: none !important;
    box-shadow: 0 3px 0 #d6d6d6;
}

}