@charset "utf-8";


/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　　planページ共通css　スマホ用 （999px）
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 999px) {
.br_pc {
	display:none;
}
.br_sp {
	display:inline-block;
}

/*------------------------------------------------------------------
　　　　　　　　　　　見出しh2
------------------------------------------------------------------*/
.section section h2 {
	font-size: 1.7em;
	text-align: center;
}

/*------------------------------------------------------------------
　　　　　　　　　　　ボタン　btn_more
------------------------------------------------------------------*/
.btn_more span:before {
	/*left: 0.5em;*/
	top: 50%;
	margin-top: -10px;
}

/*------------------------------------------------------------------
　　　　　　　　　　　メイン付近
------------------------------------------------------------------*/
.caption {
	font-size: 1em;
}
.main-img {
    margin: 0 auto 10px;
}

/*------------------------------------------------------------------
　　　　　　　　　　　アンカー
------------------------------------------------------------------*/
#anc_area {
	margin: 20px 0 40px;
}
#anc_area .anc_list {
	font-size: 1.4rem;
}
#anc_area .anc_list li {
	width: 32%;
}
#anc_area .anc_list li:nth-child(n + 4) {
	margin-top: 9px;
}
#anc_area .anc_list a {
	padding: 12px 3px 10px;
	font-size: 1.2rem;
}
#anc_area .anc_list a:after {
	font-size: 1.1rem;
	bottom: 3px;
	right: 5px;
}

/*------------------------------------------------------------------
　　　　　　　　　　　検索窓
------------------------------------------------------------------*/
.search-app .tab li {
	padding: 17px 0 14px;
	font-size: 1.5rem;
	line-height: 1.1;
}
.search-app .gadget_box.dp {
	padding-top: 10px;
}

/*------------------------------------------------------------------
　　　　　　　日帰りパック新登場（検索窓追記）
------------------------------------------------------------------*/
.search_new_plan {
	margin: 15px 0 -20px;
}
.search_new_plan p {
	font-size: 1.2rem;
}

/*------------------------------------------------------------------
内製検索ガジェット
------------------------------------------------------------------*/
.form_inner {
	font-size: 1.3rem;
}
.form_inner .column,
.form_inner.column4 .column,
.form_inner.column3 .column {
	width: calc(100%/2 - 4px);
}
.form_inner .column.date {
	width: 100%;
}
.form_inner.column4 .column.date {
	width: calc(100%/2 - 4px);
}
.form_inner .column:not(:first-child) {
	margin-top: 10px;
}
.form_inner.column4 .column:nth-of-type(2) {
	margin-top: 0;
}
.form_inner .select_box:after {
	font-size: 0.9em;
}
.search_btn {
	width: 100%;
}
/*内製カレンダー*/
.ui-widget {
	font-size: 1.3em!important;
}
.form_inner .date .unspecified {
    top: 11px;
}

/*------------------------------------------------------------------
　　　　　　　　　　　例えば
------------------------------------------------------------------*/
#example {
	display:block;
	margin: 2em 0 0 0;
}
#example .box {
	margin:0 0 1em 0;
}
#example .box:last-child {
	margin:0;
}
#example .box .plan_name {
	background:none;
	display:block;
	padding:0;
	margin:0;
}
#example .box .plan_detail{
	padding: 0 10px 10px;
}
#example .box .wrapper {
	display:block;
	/*align-items: center;*/
}
#example .box .plan_name .fukidashi {
	display:flex;
	line-height: 2.5em;
	padding:0;
	margin:0;
	border-radius:0;
	min-height:inherit;
	max-width:inherit;
}
#example .box .plan_name .tatoeba {
	background:#f6d47a;
	flex-grow: 1;
	text-align:center;
	position:relative;
}
#example .box .plan_name .tatoeba:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 8px solid #f6d47a;
}
#example .box .plan_name .ic {
	font-size: 1.1em;
	margin:0;
	border-radius:0;
	text-align:left;
	flex-grow: 5;
	padding: 0 0 0 1.5em;
}
#example .box .plan_name .product {
	margin: 1em;
}
#example .box dl {
	padding: 0.8em 2em 0.8em 1em;
}
#example .box dt,
#example .box.only dt{
	flex-basis: 6em;
}
#example .box p.comment {
	padding: 0.8em 0 0.8em 1em;
}

/*------------------------------------------------------------------
　　　　　　　　　　　3月出発ボタン　　
------------------------------------------------------------------*/
.btn_past a {
	/*    width: 100%;
	padding: 15px 0;*/
	background-position: 1.8rem center/*, right*/;
	padding: 15px 1rem 15px 3.7rem;
	font-size: 1.8rem;
	width:100%;
}
.btn_past a:hover {
	background-position: 1.8rem center/*, right*/;
	padding: 15px 1rem 15px 3.7rem;
}

/*------------------------------------------------------------------
　　　　　　　　　　　おすすめツアー
------------------------------------------------------------------*/
#recommend.separate h2 {
	margin-top: 2.0em;
}
#bargain_campaign .inner,
#recommend .inner,
#recommend_sightseeing .inner {
	/* display:block;
	padding:inherit;
	margin: 0 50px 30px 50px;
	overflow:inherit;*/
	justify-content: space-between;
}
#bargain_campaign li,
#recommend li,
#recommend_sightseeing li {
	/* width: 20px;
	padding:0;
	margin-bottom: 5px;*/
	width:49%;
	padding:0;
	margin-bottom:20px;
}
/*#bargain_campaign li:nth-last-of-type(-n+2) {
	margin-bottom:0;
}*/
.slider a.bnr_img {
	display: flex;
	justify-content: center;
	align-items: center;
}
.slider dl {
	text-align:center;
}
#bargain_campaign li,
#recommend li,
#recommend_sightseeing li {
	margin-top: 0;
}
.recommend_list_separate li:nth-child(n + 5),
.campaign_list_separate li:nth-child(n + 5),
.sightseeing_list_separate li:nth-child(n + 5) {
	display: none;
}
.recommend_btn,
.recommend_btn_separate,
.campaign_btn_separate,
.sightseeing_btn_separate {
	width: auto;
	margin: 0;
}
.recommend_btn_separate.sp_separate,
.campaign_btn_separate.sp_separate,
.sightseeing_btn_separate.sp_separate {
	display: block;
}

/*------------------------------------------------------------------
　　　　　　　　　　　ホテルランキング
------------------------------------------------------------------*/
#ranking .hotel_box {
	width:auto;
	margin:0 8px 10px;
	display:block;
	padding: 0 0 1em 0;
}
#ranking .inner {
	display:block;
	overflow: inherit;
}
#ranking .hotel_name {
	display: flex;
	padding: 0.5em 0 0 2.3em;
	align-items: center;
	font-size: 1.6em;
	font-weight: 100;
}
#ranking .number01,
#ranking .number02,
#ranking .number03 {
	background-size: 3rem auto;
	font-size: 1.6rem;
	font-weight: bold;
}
#ranking .hotel_box figure {
	width: 80%;
}
#ranking .hotel_box .htl_about {
	/* float: left;*/
	width: 100%;
	padding: 0;
}
#ranking .hotel_box .btn_more {
	position:static;
	margin: 14px 0;
}
#ranking .hotel_box .btn_more span {
	padding:0.5em 2.5em 0.5em 3.5em;
}

/*------------------------------------------------------------------
　　　　　　　　　　　ホテルランキング（値段有）
------------------------------------------------------------------*/
#ranking.disp_price .inner {
	margin-bottom: 0;
	padding: 0;
}
#ranking.disp_price .hotel_box {
	margin: 8px 8px 10px;
}
#ranking.disp_price .hotel_name {
	font-size: 1.8rem;
}
#ranking.disp_price .number01,
#ranking.disp_price .number02,
#ranking.disp_price .number03{
	background-size: 30px;
}
#ranking.disp_price .htl_txt .htl_price {
	font-size: 2.0rem;
}
#ranking.disp_price .comment_red {
    margin: 5px 10px 0;
}
#ranking.disp_price .comment_nomal {
    margin: 5px 10px 0;
}
#ranking.disp_price .slick-dots {
    bottom: -65px;
}

/*------------------------------------------------------------------
　　　　　　　　　　　おすすめツアー（例えば）
------------------------------------------------------------------*/
#recommend_tour .inner {
	margin: 0 10px;
	padding: 0;
	overflow: inherit;
}
#recommend_tour .hotel_box {
	width:auto;
	margin:8px 8px 10px;
	padding: 10px 15px 15px;
	display:block;
}
#recommend_tour .plan_name {
	font-size: 1.7rem;
}
#recommend_tour .plan_price dl:after {
	margin-top: -0.8em;
	font-size: 1.0rem;
}
#recommend_tour .plan_price dt {
	font-size: 1.2rem;
}
#recommend_tour .plan_price dd span {
	font-size: 0.4em;
}
#recommend_tour .comment_red {
    margin: 5px 10px 0;
}
#recommend_tour .comment_nomal {
    margin: 5px 10px 0;
}
#recommend_tour .slick-dots {
    bottom: -105px;
}
#recommend_tour .slick-arrow.slick-prev {
	left: -25px;
}
#recommend_tour .slick-arrow.slick-next {
	right: -27px;
}

/*------------------------------------------------------------------
動画でご紹介
------------------------------------------------------------------*/
#movie .other_movie {
    margin-top: 20px;
}
#movie .movie_cap {
    margin: 15px 0 0;
    font-size: 1.4rem;
}
#movie .movie_sup {
	font-size: 1.2rem;
}
#movie .other_movie {
    font-size: 1.5rem;
}
#movie .other_movie .other_movie_comment span:before,
#movie .other_movie .other_movie_comment span:after {
    height: 17px;
}
	 
/*------------------------------------------------------------------
　　　　　　　　　　　観光情報
------------------------------------------------------------------*/
#tourrism .btnlist_tourrism {
	-webkit-justify-content: center;
	justify-content: center;
}
#tourrism .btnarea_tourrism h3 {
	font-size: 1.8rem;
}
#tourrism .btnlist_tourrism li{
	width: calc((100% - 10px) / 2);
	height: auto;
	min-height: 73px;
}
#tourrism .btnlist_tourrism li:nth-of-type(2n+1){
	margin-right: 6px;
}
#tourrism .btnlist_tourrism li:nth-of-type(n+3){
	margin-top: 26px;
}
#tourrism .btnlist_tourrism li:last-child{
	margin-right: 0;
}
#tourrism .btnlist_tourrism li a::before{
	left: 6px;
}
#tourrism .btnlist_tourrism.mb36_pc{
	margin-bottom: 26px;
}
/*----------------おすすめ観光スポット------------------*/
#tourrism .btnlist_model li{
	width: 100%;
	height: auto;
	min-height: 73px;
}
#tourrism .btnlist_model li:nth-of-type(n+2){
	margin-top: 26px;
}
#tourrism .btnlist_model li a::before{
	left: 6px;
}

/*----------------おすすめ観光スポット モーダル------------------*/
#reccomend_spot .modal .modal-container{
	position: fixed;
	display: none;
	overflow: scroll;
	background-color: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1005;
}
#reccomend_spot .modal .modal-container.modal-open{
	display: block;
}
#reccomend_spot .modal .modal-body{
	position: absolute;
    width: 1000px;
    top: 50%;
    left: 50%;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 35px 15px 15px;
    transform: translate(-50%, -50%);
}
#reccomend_spot .modal-body.modal-width-fit {
	width: auto;
}
/*#reccomend_spot .modal .modal-body p{
	margin-bottom: 20px;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}*/
#reccomend_spot .modal .modal-body ul{
	display: -webkit-flex;
	display: flex;
}
#reccomend_spot .modal .modal-body ul li + li{
	margin-left: 18px;
}
#reccomend_spot .modal .modal-close{
	position: relative;
	display: block;
	width: 35px;
	height: 35px;
	margin: 30px auto 15px;
	cursor: pointer;
}
#reccomend_spot .modal .modal-close:before,
#reccomend_spot .modal .modal-close:after{
	position: absolute;
	content: "";
	display: block;
	top: 16px;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #333333;
}
#reccomend_spot .modal .modal-close:before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#reccomend_spot .modal .modal-close:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#tourrism .btn_more {
	margin-top: 65px;
	text-align:center;
}
#tourrism .btn_more span {
 padding: 0.5em 2.5em 0.5em 3.5em;
}
#tourrism .btn_more span:before {
 left: 1.5em;
}
#tourrism .btnarea_tourrism{
	margin-bottom: 40px;
}
#tourrism .btnarea_tourrism h3{
	margin-bottom: 20px;
}
#tourrism #reccomend_spot .famous_list .btn_more {
	margin-top: 10px;
}

/*-------------おすすめ観光スポット ナビ部分（modal）---------------*/
#reccomend_spot .modal .modal-body{
	width: 95%;
}
#tourrism #reccomend_spot .famous_list figure {
	width: 75%;
}	
#reccomend_spot .modal .modal-close {
	margin: 30px auto 0;
}
#tourrism #reccomend_spot .famous_list .slick-slide + .slick-slide {
	margin-left: 20px;
}
#reccomend_spot .modal .modal-body ul {
	justify-content: center;
	-webkit-justify-content: center;
}
#reccomend_spot .modal .modal-body ul.slick-dots {
	width: 40%;
}
#reccomend_spot .slick-slider {
	margin: 0 23px 12px 23px;
}
#reccomend_spot .modal .modal-body {
	padding: 15px 15px 10px;
	margin: 0 0 30px;
}
#tourrism .slick-arrow.slick-next {
	right: -32px
}
#tourrism .slick-arrow.slick-prev {
	left: -30px;
}
#tourrism #reccomend_spot .famous_list .slick-slide, #reccomend_spot .famous_list > li {
    width: 300px;
    font-size: 1.3rem;
	margin-bottom: 10px;
}	
#tourrism #reccomend_spot .modal-body .famous_list .slick-slide, #reccomend_spot .modal-body .famous_list > li {
    width: 280px;
    font-size: 1.3rem;
}	
#tourrism #reccomend_spot .modal-body .famous_list .slick-slide, #reccomend_spot .modal-body .famous_list > li{
	margin-bottom: 0;
}
#tourrism .slick-dots {
	bottom: -25px;
}

/*------------------------------------------------------------------
四季をめぐる
------------------------------------------------------------------*/
#season .tabwrap li {
	margin-bottom: 0;
}
#season .tab_box_inner {
	display: block;
}
#season .tab_box {
	padding: 20px 14px;
	border-radius: 0 0 16px 16px;
}
#season .season_info{
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 14px 10px 12px;
}
#season .tab_box figure {
	width: 95%;
	margin: 0 auto;
}
.tx_link_list {
	width: 100%;
	display: block;
	margin: 20px 0 0;
}
.tx_link_list li {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.6;
}
.tx_link_list li:nth-child(n + 3) {
	margin-top: 10px;
}
.tx_link_list li + li {
	margin-top: 15px;
}
#season .one_tab a {
	background-size: 130px; 
}

/*-----------イベント情報-----------*/
#season .event_title {
	font-size: 1.6rem;
}
#season .event_tx {
	width: auto;
	margin-top: 15px;
	font-size: 1.4rem;
}
#season .event_tx .event_date,
#season .event_tx .access {
	margin-bottom: 14px;
}
#season .event_tx .access:before {
	width: 34px;
	height: 34px;
	left: -2px;
}

/*------------------------------------------------------------------
グルメ
------------------------------------------------------------------*/
.gourmet_list {
    margin: 0 23px 12px 23px;
}
#tourrism .gourmet_list .slick-slide, .gourmet_list > li {
    width: 300px;
    font-size: 1.3rem;
    margin-bottom: 30px;
}
#tourrism .gourmet_list figure {
    width: 75%;
}
#tourrism .slick-dots li button {
	background: none;
}

/*-------------------------------------------------------------------
記事コンテンツ導線
-------------------------------------------------------------------*/
#tourrism .article_more_btn{
	width: auto;
	margin: 0;
}
#tourrism .article_title {
	font-size: 1.4rem;
}
#tourrism .article_list li a {
	padding: 20px 0px 27px;
}
#tourrism .article_list li a > div {
	width: 70%;
	margin-left: 7px;
}
#tourrism .article_list figure {
	width: 30%;
}
#tourrism .article_list li a figcaption{
	font-size: 1.0rem;
}
#tourrism .article_cat {
	font-size: 1.1rem;
}
#tourrism .article_other_link {
	margin: -6px 0 15px;
}
#tourrism .article_list li a img {
	width: 102px;
	height: 60px;
}
/*-------------キーワード-------------*/
#keyword_sec .modal-body.modal-width-fit {
	width: 95%;
}
#keyword_sec h4 {
	font-size: 1.7rem;
}
#keyword_sec .keyword_link_list li {
	margin: 8px 2px 0 2px;
}
#keyword_sec .keyword_link_list li a {
	font-size: 1.4rem;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 10px 12px 10px 30px;
}
#keyword_sec .keyword_link_list li a:before {
	top: calc(50% - 8px);
	left: 7px;
}
/*-------------関連特集-------------*/
#more_nav .more_nav_list {
	display: block;
}
#more_nav .more_nav_list li {
	width: 100%;
	border-radius: 1em;
	padding: 14px 28px 14px 14px;
}
#more_nav .more_nav_title {
	font-size: 1.7rem;
}
#more_nav .more_nav_list li:after {
	right: 5px;
}
#more_nav .more_nav_list a {
	font-size: 1.5rem;
}

/*------------------------------------------------------------------
　　　　　　　　　　　E-book一覧
------------------------------------------------------------------*/
#E-book ul {
	display: block;
}
#E-book ul li{
	margin-bottom: 20px;
}
#E-book ul li a {
	width: 100%;
	padding: 10px 0;
	font-size: 1.6rem;
}

/*------------------------------------------------------------------
　　　　　　　　　　　　　　おすすめ特集
------------------------------------------------------------------*/
#other_link .other_link_list li {
	width: 46%;
	margin: 2%;
}
#other_link .other_link_list li a:after {
	width: 15px;
	height: 15px;
	top: calc(50% - 8px);
	right: -5px;
}
#other_link .other_link_list li:nth-child(n + 3) {
	margin-top: 16px;
}
#other_link .other_link_list li p {
	font-size: 1.4rem;
}

/*------------------------------------------------------------------
　　　　　　　　　　　定番プラン
------------------------------------------------------------------*/
#classic .inner {
	display:block;
}
#classic article {
	width:100%;
	margin: 0 0 25px 0;
}
#classic article:last-child {
	margin:0;
}
#classic article .figure {
	min-width: 120px;
}
#classic article .txt_area {
	flex-basis: 100%;
}
#classic .btn_1day li {
	font-size: 1em;
}
#classic .btn_1day li a {
	padding: 12px 10px 12px;
}
#classic .btn_1day li a:before {
	font-size: 0.7em;
	line-height: 1.9;
	left: 0.7em;
}
#classic article {
	padding: 6px 10px 26px;
}
#classic #genchi .introduction {
	margin: 0 0 15px 0;
}

/*------------------------------------------------------------------
　　　　　　　　　　　FAQ
------------------------------------------------------------------*/
.area .qa-list {
	font-size: 1.4rem;
}
.area .qa-list dl {
	margin: 10px 0 0;
}
.area .qa-list dt:after {
	top: calc(50% - 5px);
	right: 17px;
	width: 7px;
	height: 7px;
}
.area .qa-list dl dt {
	padding: 16px 30px 16px 50px;
}
.area .qa-list dl dt::before {
	top: 20px;
	left: 20px;
}
.area .qa-list dl dd::before {
	font-size: 14px;
	left: 20px;
}
.area .qa-list dl dd {
	margin: 0;
	padding: 16px 16px 16px 50px;
}
}
@media screen and (max-width: 999px) {
/*------------------------------------------------------------------
EXダイナミックパックとEXこだわりツアーの違い
------------------------------------------------------------------*/
#search-app .modal-window {
	width: 90%;
}
}
/*------------------------------------------------------------------
　　　　　　　　　　　タブレット用（600px~999px）
------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:999px){
#other_link .other_link_list {
	width: 80%;
	margin: auto;
}
/*-------------------------------------------------------------------
						ホテルランキング
-------------------------------------------------------------------*/
#ranking .modal-window {
	width: 90%;
}
#ranking .gadget {
	padding: 0 17px 17px;
}
#ranking .gadget.pb10 {
	padding: 0 17px 10px;
}
#ranking .modal-note {
	width: auto;
	padding: 0 17px 17px;
	text-align: center;
}

/*------------------------------------------------------------------
						ホテルランキング（値段有）
------------------------------------------------------------------*/
#ranking.disp_price .slick-dots {
    bottom: -50px;
}

/*------------------------------------------------------------------
						おすすめツアー
------------------------------------------------------------------*/
#recommend_tour .slick-dots {
    bottom: -60px;
}

/*-------------------------------------------------------------------
						記事コンテンツ導線
-------------------------------------------------------------------*/
#tourrism .article_list li a img {
	width: 222px;
	height: 120px;
}
#tourrism .article_list li a figcaption{
	font-size: 1.2rem;
}
}

/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　タブレット用 (739px以下)
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 739px) {
#season .one_tab a {
	background-size: 90%;
	padding: 44% 0 0px;
	font-size: 1.8rem;
}
#season .one_tab a:after {
	width: 59px;
	height: 46px;
	top: calc(50% - 32px);
}
#season .tx_link_list li {
	font-size: 1.5rem;
}
}

/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　スマホ用 (736px以下)
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 736px) {
#ranking .modal-window {
	width: 100%;
    height: 100%;
	overflow-y: auto;
}
#ranking .gadget {
	padding: 0 20px 20px;
}
#ranking .gadget.pb10 {
	padding: 0 20px 10px;
}
#ranking .modal-note {
	width: auto;
	padding: 0 20px 20px;
}
.fw-top .fw-modal-calendar .fw-calendar .rdrCalendarWrapper,
.fw-top .fw-modal-calendar .fw-calendar .rdrMonth {
	width: 100%;
}
.fw-top .fw-modal-container .fw-modal-btn-footer {
    background-color: #fff;
}
#ranking .rdrMonth {
	width: auto;
}
#ranking .button-close span {
    padding: 5px 15px 0 0;
}
/*------------------------------------------------------------------
EXダイナミックパックとEXこだわりツアーの違い
------------------------------------------------------------------*/
#search-app .modal-window {
	width: 96%;
	height: auto;
}
}

/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　スマホ用 (599px以下)
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
/*-----キーワードよりツアーを探す-----*/
#keyword_link .keyword_wrap {
    margin: 0;
} 
#keyword_link .keyword_wrap li {
    margin: 8px 2px 0 2px;
}
#keyword_link .keyword_wrap li a {
    font-size: 1.2rem;
    padding: 5px 10px 5px;
}

/*------------------------------------------------------------------
　　　　　　　日帰りパック新登場（検索窓追記）
------------------------------------------------------------------*/
.search_new_plan p {
	font-size: 2.4vw;
}

/*------------------------------------------------------------------
内製検索ガジェット
------------------------------------------------------------------*/
/*内製カレンダー*/
.ui-widget {
	font-size: 4.2vw!important;
}

/*------------------------------------------------------------------
EXダイナミックパックとEXこだわりツアーの違い
------------------------------------------------------------------*/
.search_modal_area .df_qa {
	font-size: 1.2rem;
	padding: 7px 5px 6px 5px;
}
.search_modal_area .df_qa span {
	width: 18px;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 1px 0 0 0;
}
#search-app .modal_inner {
	padding: 0 15px 30px;
}
#search-app .exqa_title {
	font-size: 1.6rem;
	padding: 10px 10px 10px 35px;
}
#search-app .exqa_title:before {
	left: 10px;
	top: 10px;
}
#search-app .exqa_txt {
	padding: 10px 10px 0 35px;
}
#search-app .exqa_txt:before {
	left: 10px;
	top: 10px;
}

/*------------------------------------------------------------------
EX旅先予約プラン
------------------------------------------------------------------*/
#extabi .txt_area {
	font-size: 1.4rem;
	text-align: left;
}
#extabi dl {
	width: 260px;
}
#extabi dt {
	padding: 5px;
	font-size: 1.6rem;
}
#extabi .introduction a {
	width: 90%;
	margin: 20px auto 10px;
    padding: 13px 0;
}
#extabi .smartex a {
	width: 70%;
}
#extabi .smartex a img {
    width: 75%;
}

/*------------------------------------------------------------------
動画でご紹介
------------------------------------------------------------------*/
#movie .movie_wrap {
    max-width: 100%;
}
}
@media screen and (max-width: 360px) {
.search_modal_area {
	text-align: left;
}
}
/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　スマホ用 (375px以下)
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 375px) {
.sp-show375 {
	display: block;
}
#season h4 span:before {
	width: 16px;
	height: 16px;
	top: -4px;
	left: -11px;
}
}
/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　スマホ用 (345px以下)
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 345px)  {
.search_new_plan p {
	font-size: 1.0rem;
}
.search_anc_area .df_qa {
	font-size: 1.0rem;
	padding: 7px 5px 7px 5px;
}
.search_anc_area .df_qa span {
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
}
#recommend_tour .slick-dots {
    bottom: -123px;
}
}
/*------------------------------------------------------------------
--------------------------------------------------------------------
　　　　　　　スマホ用 (320px以下)
--------------------------------------------------------------------
------------------------------------------------------------------*/
@media screen and (max-width: 320px) {
.sp-show320{
	display: block;
}
#tourrism #reccomend_spot .famous_list .slick-slide,#tourrism #reccomend_spot .famous_list > li,#tourrism #reccomend_spot .modal-body .famous_list .slick-slide,#tourrism #reccomend_spot .modal-body .famous_list > li {
    width: 230px;
}
#reccomend_spot .modal .modal-body{
    top: 5px;
    left: calc(50% - 152px);
	transform: none;
}
#season .event_title {
	font-size: 1.5rem;
}
}