/* mobile/responsive css */
#content,
.content{
    width: 100% !important;
    padding: 0px;
    flex: none;
    max-width: 100%;
}

#header .innerwrap{
    margin: 0px auto;
    max-width: 100%;
	width:calc(100% - 20px);
}
footer p{
	font-size:12px;
}

#post-entry article.post-single {
    margin: 0 auto;
    width: 96%;
}

#post-entry article.post-facility {
    max-width:100%;
	width:100%;
}
#post-entry article.post-facility>p{
	padding:0 1%;	
}
#post-entry article.post-facility h2 {
    border-radius: 0px;
}

img.size-full {
    max-width: 100%;
	width:100%;
}
.anchor{
	position: relative;
	top: -100px;
	display: block;
	width:0px;
	height:0px;
}
#post-related .feat-cat-meta {
    margin: 0px 0.8em 0.5em 0px !important;
}

#post-entry,
#right-sidebar {
    padding: 0;
    width: 100%;
    flex: none;
}
#right-sidebar h3{
	margin:20px 0 5px 0;
}
#custom .flexlarge .flex-image {
    width: 360px;
    height: 220px;
    overflow: hidden;
    position: absolute;
    right: 30px !important;
    bottom: 0px !important;
    border: 6px solid #FFF;
    top: 21px;
    box-shadow: 0 2px 0 #FCF9EE, 0 4px 0 rgba(0, 0, 0, .15);
}

#post-entry article.post-single h1.post-title {
    font-size: 2.2em;
    line-height: 120%;
}

table {
    max-width: 100%;
}

/* スマホ用のDIV表示を切り替える */
.sp_div {
    display: block !important;
}

.pc_div {
    display: none !important;
}

.sp_div.tripcompage a {
    display: inline;
}

.sp_div.tripcompage img {
    vertical-align: bottom;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0px !important;
}

/*　広告　*/
.s_right{display: none !important;}


/*  SP  */
#header{
    border-bottom: solid 4px #D6D6D6;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
	min-height:auto;
}
#header_wrap{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    height: auto;
}
#header .header_logo{
	height:44px;
	margin:0 auto;
	padding:4px 0 0 0;
	text-align:center;
}
.header_logo p {
    font-size: 12px;
    margin:0;
	line-height:1.3em;
}
.header_logo strong {
    font-size: 20px;
}

/*モバイル用　グロナビ*/

#mgnavi ul{
	margin: 0px;
	display:flex;
	background:#D6D6D6;
}
#mgnavi li{
	text-align: center;
	flex:1 0 auto;
	box-sizing:border-box;
	display: inline-block;
	padding:10px 0;
	border-top: 1px solid #CCC;
	text-shadow: 1px 1px 0px #FFF;
	line-height:1.4em;
	height:37px;
	font-size: 12px;
}
#mgnavi li:not([class]),#mgnavi li.active{
	background: #f3f3f3 url(/images/gnavi_l.gif) no-repeat right center;	
}
#mgnavi a{
	color: #666;
	width:100%;
}
#mgnavi .active a{
	color:#0097b2;
}
#mgnavi .tg{
	border-top-style: none;
}
#mgnavi .rc{
	border-right: 1px solid #CCC;
	border-radius:0 5px 0 0;
	background:#f3f3f3;
}
#mgnavi i{
	margin:0px;
	font-size:13px;
}




#hamburger{
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
	overflow-y: scroll;
	z-index:1001;
	background:#D6D6D6;
	width:66%;
	left:-70%;
	height:100vh;
	position:fixed;
	padding:2%;
}
#hamburger.active{
	left:0%;
}
#hamburger strong{
	color:#999;
}
#hamburger ul{
	padding-left:15px;
}
#hamburger li{
	font-size:0.8em;
	border-bottom:1px solid #b9b9b9;
    box-shadow:0px 1px 0px #efefef;
}
#hamburger a{
	color:#727274;
	padding:10px 0;
	display:block;
	text-shadow: 1px 1px 0px #ececec;
}
#hamburger a+a{
	padding:5px 0 5px 10px;
	border-top:1px solid #b9b9b9;
	margin-left: 20px;
    background: #d0d0d0;
}
#hamburger a[onMouseDown]{
	font-size:0.9em;
	border-radius:5px;
	background:#6FB51F;
	margin:10px 0 10px 20px;
	text-shadow:none;
	color:#FFF;
	text-align:center;
}
#hamburger_bg{
	top:0;
	left:0;
	width:100%;
	opacity:.5;
	background:#000;
	z-index:1000;
	display:none;
	height:100vh;
	position:fixed;
}
#hamburger_bg.active{
	display:block;
}



#wrapper{
    display:block;
    padding-top:100px;
}

.post-content h2 {
    font-size: 1.2em;
}

.point,.dan,.shock,.freeze,.call,.taxi{
    padding: 10px 10px 50px 10px;
    margin: 15px 1% 28px 1%;
}
.point::after{
	left:auto;
	right:5%;
	transform:scale(-1,1);
	bottom:-20px;
	background-repeat:no-repeat;
}
.dan::after,.shock::after,.freeze::after,.call::after,.taxi::after{
	left:40%;
	bottom:-20px;
}
.point::before{
	content:'';
	position:absolute;
	bottom:10px;
	left:40%;
	width:84px;
	height:38px;
	background-image: url(/images/check_txt.png);
	background-repeat:no-repeat;
}
.box1 {
    background-color: #FAFAFA;
    border: 2px dotted #CCC;
    padding: 10px;
    border-radius: 10px;
    min-height: 65px;
    margin: 15px 1%;
}

/*　まとめボックス　*/
.post-content .matome ul,
.post-content .matome ol {
    margin-right: 0px;
    margin-left: 0px;
}

/*　トップページ　注目の記事　*/
.home-feat-cat li {
    width: 49%;
}


/*最下部　次・前の記事・メタ情報を消す*/
#post-navigator-single,
.post-meta.pm-bottom {
    display: none;
}

/*　クーポン検索　検索結果ページ　*/
.box1.facility {
    width: auto;
    margin: 15px 3% 25px 3%;
}

.pref_link li {
    width: 48%;
}
.pref_link td{
	font-size:12pt;
}
.category_link li {
    width: 48%;
	font-size:11pt;
	padding-bottom:5px;
}
.city_link li{
	font-size:10.5pt;
	width:23%;
	padding-bottom:5px;
}

.coupon_list li {
	flex:1 1 100%;
	border-radius:0;
	margin:0 0 5px 0;
}
.coupon_list.kaigai li{
	display:block;
	margin: 0 0 15px 0;
}
.coupon_list.kaigai .rightmore{
	max-width: 100%;
}

.coupon_search #pref {
    width: 48%;
}

.coupon_search #q {
    width: 60%;
}

.search_frank{
	flex-wrap:wrap;
}
.search_frank li{
	flex:0 0 49.5%;
	margin-bottom:15px;
}
.search_frank li:nth-child(even){
	margin-right:0;
}
.search_city_category{
	display:block;	
}
.search_city_category .mincho_h2{
	margin-bottom:10px;
}
.search_city_category div:first-child{
	margin-bottom: 15px;	
}
.search_city_category div:first-child::after{
	right:10%;
	top:auto;
	bottom:0;
	width:80%;
	height:1px;
	border-right:none;
	border-bottom:1px solid #CCC;
	box-shadow:0px 1px 0px #FFF;
}
.search_city_category .category_link li{
	width:48%;
}


/*　クーポン検索　検索ボックスとタブデザイン調整　*/
.search_box_wrap{
	margin:2px 0 0 0;
	padding:10px;
}
.search_tab a span{
	display:block;
}
.search_tab li{
	display: table;
}
.search_tab a{
	padding:0;
	font-size:10pt;
	line-height:130%;
	height:35pt;
	display: table-cell;
	vertical-align: middle;
}
.search_city_category{
	padding:0 10px;	
}


/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　施設詳細ページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.facility_wrapbox{
    padding:10px;
    border-radius: 0;
    border:none;
}
.meta_pankuzu li:first-child{
    display: none;
}
.f_name{
    font-size: 2em;
    padding: 5px 0 10px 0;
    line-height: 120%;
}
.f_name_h2{
	padding:5px 1% 10px 1.5%;
}
.hotelbook {
    max-width: 100%;
}
.facility_admin {
    line-height: 130%;
}
.h_star i{
    margin:0;
}
.facility_pr{
    margin-bottom: 10px;
}
.googlemap,.navitime{
    display: inline-block;
}
.meta_pankuzu{
	padding:0 5px;
}

/*　施設概要ページ　クーポン詳細用　*/
.coupon_list_detail a {
    position: relative;
	display:block;
}
.coupon_list_detail .img {
    width: auto;
	text-align:left;
}
.coupon_list_detail .img img {
    margin: 0 0 5px 0;
	display:inline-block;
}

.coupon_list_detail .desc {
    padding: 0;
    min-height: 0;
}
.coupon_list_detail .onclick{
    position: absolute;
    right: 0;
    top: 0;
	height:30px;
	line-height:30px;
	width:100px;
}
.coupon_list_detail span{
	display:none;
}


/*施設詳細ページ　画像*/
.swiper-container{
	width:100%;
}
.swiper-slide > img{
	height:200px;
}
.gallery-thumbs .swiper-slide > img{
	height:60px;
}
.facility_img{
	width:100%;
	max-width:100%;
	height:auto;
	max-height:250px;
}
/*画像一覧ページ*/
.facilityimg li{
	width:100%;
}
.facilityimg li > img{
	max-height:500px;
}


/*施設詳細ページ　県内のおすすめ施設*/
.facility_recommend{
	display:inline-block;
}
.facility_recommend img{
	height:80px;
	border-radius:2px;
}
.facility_recommend li,
.facility_recommend li:nth-child(even){
	width:100%;
	margin:0 0 10px 0;
	min-height:80px;
}
.facility_recommend li:last-child{
	margin: 0;
}




/*　クーポン検索詳細　口コミ　*/
.review_float{
    display: block;
    padding-top: 5px;
}
.h_review,.reviewbar_box{
    width:100%;
    margin: 0;
}
.reviewbar_box{
    padding-top: 10px;
}
.coupon_comment {
    width: auto;
}
.coupon_user_comments{
    margin:15px 2%;
}
.coupon_comment #submit{
    width: 100%;
}
.coupon_comment #star{
	max-width:40%;
}

/*　スマホアプリ紹介　*/
.apps_shokai {
    width: auto;
}

/*　目次のデザイン　*/
#toc_container {
    margin-right: 0;
    margin-left: 0;
    padding-right: 5px;
    padding-left: 17px;
}

/*　カードキャンペーン用　*/
.card_campaign_link {
    width: auto;
}

/*あとで見る用*/
#modalWindow {
    width: 80%;
    margin: auto;
    top: 100px;
}

/*会員用*/
.logout {
    float: none;
}

#member_top_form label {
    width: 50%;
}

.wp-image-4582 {
    display: none;
}

#member_login_signup_form {
    width: 100%;
}


/*ブログカード調整用*/
.blog_card a {
    padding: 10px 5px 10px 5px;
    margin: 40px 0 15px 70px;
}

.blog_card a:before {
    left: -10px;
}

.blog_card a:after {
    left: -75px;
}

.post-content .linklist {
    padding: 10px 5px 10px 5px;
    margin: 40px 0 15px 0px;
    background-image: none;
}

/*　海外リスト　*/
ul.oversea_list > li {
    border-radius: 0px;
}

.oversea_list .leftimg {
    border-radius: 0px;
    float: none;
    margin: 5px auto 0 auto;
}

.oversea_list .hotel_price {
    display: none;
    width: 98%;
    margin: 10px 1% 0 1%;
    float: none;
    padding: 0px;
    border-left: none;
}

.oversea_list .hotel_price li {
    line-height: 1.2em;
}

.oversea_list .rightmore {
    margin: 0 10px;
}

.oversea_list .rightmore h3 {
    font-weight: bold;
}

.kaigai_index {
    float: none !important;
    width: auto;
}

/*海外詳細*/
.kaigai_rating{
	float:none;
}
.kaigai_h_review{
	text-align:left;
}
.facility_price li .sitename {
    width: 25%;
}

.facility_price li .description {
    margin-left: 29%;
    width: auto;
    float: none;
    line-height: 1.6em;
    font-size: 0.7em;
}

.facility_price li .price {
    width: 100%;
    float: none;
    padding: 10px 0;
}

.facility_price .fa-angle-double-right {
    top: auto;
    bottom: 10%;
}

.facility_price li:first-child .description {
    float: none;
    width: auto;
}

.overser_ota_sp_banner {
    display: block !important;
}

.overser_ota_sp_banner li {
    width: 25%;
}
.facility_kaigai_img{
	width:95%;
}
.country_button li{
	flex: 0 0 49%;
    width: 49%;
}


/*いろいろ使えるボタン　クーポン専用*/
.button_coupon a::after {
    height: 98px;
    width: 100px;
}
.button_coupon{
	padding-top:37px;
}

#custom #post-entry div.post-thumb {
    width: 80px;
}

#custom #post-entry article .post-right {
    margin: 0 0 0 100px;
    float: none;
    width: auto;
}

.foursquare > img{
	max-height:450px;
	width:100%;
}

/*　まとめボックス　*/
.matome .fukidashi {
    font-size: 10pt;
    left: 40%;
    top: 20px;
}

p {
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 0 1.9em;
}

/* 投稿メタ */
#post-entry div.post-meta_header .readtime {
    float: none;
    display: block;
}

/*　ヘッダーボタン・検索ボックス　*/
.searchbox{
	padding:10px;
    position:relative;
	background:#E8E8E8;
}
.rc .searchbox{
	background:none;	
	padding:5px 0;
	text-align:left;
	display:flex;
}
#hamburger{
	background:#D6D6D6;
}
.searchbox input[type="text"] {
    border: 1px solid #999;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 20px;
    line-height: 2em;
    font-size: 1em;
    width: 60%;
    text-align:left;
}
.searchbox input[type="text"]:focus {
    outline: 0;
}
.searchbox input[type="submit"] {
    cursor: pointer;
    font-family: "Font Awesome 5 Free";
    font-size: 1.3em;
    border: none;
    font-weight: 900;
    background: none;
    color: #666;
    outline: none;
	position: absolute;
    left:58%;
    padding:7px 0;
}

#gps_around_header{
	font-size:0.9em;
	border-radius:5px;
	background:#390;
	color:#fff;
	padding:5px;
	margin-left:10px;
	text-shadow:none;
	letter-spacing:0.1em;
	flex: 0 0 auto;
	align-self:center;
}

/*　関連お出かけスポット　*/
.sidebar_facility{
    padding:1.2%;
}

/*　関連イベント　*/
.kanren_list{
	justify-content:space-around;
}
.kanren_list li{
	flex:1 0 48%;
	width:48%;
	border-radius:0px;
	margin:0 1% 10px 0;
}
.kanren_list li img{
	border-radius:0px;
}
.kanren_list li img[src="/images/preloader_128x128.gif"]{
	width:64px;
	margin:0 auto;
	display:block;
}
.kanren_list li:nth-child(5n){
	margin:0 1% 10px 0;
}
.kanren_list li:nth-child(2n){
	margin:0 0 10px 0;
}
.kanren_list li:nth-child(6){
	display:block;
}


/*　関連投稿　*/
.yarpp_list{
	margin:0 1%;	
}
.yarpp_list li{
	flex:0 0 46.5%;
	width:46.5%;
}

/*　海外施設ページ内、LCCセールリンク　*/
.lccsale_link_title{
	margin:0 10px 10px 10px;
	font-size:12pt;
	line-height:130%;
}
.lccsale_link li{
	padding:0 10px 5px 10px;
}


/*　旅のアイディアまとめ施設書き出し用　*/
.facility_matome aside li{
    line-height:130%;
	margin-bottom:12px;
}
.facility_matome>div>img{
	display:none;
}





/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　施設詳細ページ（体験特別）

■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/
.activity_hb{
	background: no-repeat center 40px;
    padding: 130px 0 30px 0px;
}
.activity .coupon_available{
	right:5px;
	bottom:8px;
	top:auto;
}
.activity .h_review {
    position: absolute;
    bottom: 10px;
    left: 5px;
	top:auto;
	right:auto;
    text-align:left;
}
.activity .f_name {
    background: #f3f3f3;
    margin:0 3px;
    padding:10px 5px 0;
    text-align:left;
    border:none;
	font-size:1.6em;
	border-top: solid 3px #D2B898;
}
.activity_hb .txt_small {
    left:10px;
}
.activity_hb .txt_large {
    top: 15px;
    left: 85px;
    font-size: 20px;
}
/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　トップページ用

■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

/* --------------------------------
　▽地図による都道府県選択エリア
----------------------------------- */
.japan_map{
	width:100%;
	height:350px;
	background:url(/images/japan_map_m.png) no-repeat center top;
	background-size:95% 100%;
}
#pref_link .pref_m_1{
	padding: 10px 10px 0 10px;
}
#pref_link .japan_map{
	height:auto;
	background:none;
}
.map_search{
	display:block;
	padding:0 0 10px 0;
}
.japan_map .prefbox{
	display:none;
	top:10% !important;
	left:5% !important;
	bottom:auto !important;
	width:calc( 90% - 22px ) !important;
	background:rgb(255,255,255,0.9);
	border-width:2px !important;
	padding:27px 10px 15px 10px;
}
.japan_map .prefbox:before{
	font-size:17px;
	padding:4px 10px;
}
.search_meta{
	position:relative;	
}
.japan_map .prefbox ul{
	font-size:18px;
	line-height:36px;
}
.japan_map .close{
	padding:18px 0 0 0;
	text-align:center;	
}
#searchbox_index_m{
	position:absolute;
	bottom:0;
	right:0;
}
.search_meta h2,
.search_meta h3,
.search_meta form,
.search_meta_tag{
	padding:0 5px;
}
.search_meta_tag li{
    margin: 0 10px 5px 0;
}
.search_meta h3{
	margin:10px 0 5px 0;	
}
.map_search input[type="text"]{
	width:80%;	
}
.mincho_h2{
	font-size:23px;
	padding:0 5px;
}
.index_frank img {
	height: 80px;
}
.index_frank.prefbox{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 17px 0 5px 0;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-radius: 0;
	justify-content:space-around;
}
.index_frank li{
	width:30%;	
}
.pref_m_1{
	padding:10px 35% 0 10px;
}
.pref_m_1 li{
	margin:0 10px 10px 0;
    background:#61BBD7;
    padding:5px 10px;
    border-radius: 5px;	
	flex: 1 1 auto;
	color:#FFF;
}
.pref_m_1 li::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f152";
	padding-right:5px;
}
/* --------------------------------
　▽GPSボタン
----------------------------------- */
#gps_around{
	color:#FFF;
	background:#F60;
	display:none;
}
#header_wrap #gps_around{
	padding: 5px 10px;
    border-radius: 5px;
	background:#999;
	margin-top:10px;
	font-size:12px;
}
#gps_around::before{
	display:none;	
}
.gps_around_navi{
    z-index: 9999;
    position:fixed;
	padding-top:40%;
    width: 100%;
	height:100%;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left:0;
	right:0;
	bottom:0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	display:none;
}




/*------------------------------

　OneSignal用

--------------------------------*/
#onesignal{
	margin:0 50px 0 2%;
	padding:2% 25px 4% 2%;
	position: fixed;
	bottom:0px;
	display:none;
	border-radius:5px 5px 0 0;
	background-color:#FFF;
	z-index: 999;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
	box-shadow: 0px 0px 6px;
	animation-name:onesignal_fadeIn;
    animation-duration: 1s;
	animation-delay:7s;
    animation-timing-function:ease-out;
	animation-fill-mode:backwards;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(250, 250, 250, 1) 8px, rgba(250, 250, 250, 1) 23px );
}
@keyframes onesignal_fadeIn{
	from{bottom:-160px;}
    to{bottom:0px;}
}
@keyframes onesignal_master_fadeIn{
	from{bottom:-60px;}
    to{bottom:-5px;}
}
@keyframes subscribe_move{
	0%{transform: scale(1);}
	50%{transform: scale(1.1);}
}
#onesignal p{
	padding: 3px 10px 10px 0;
	margin:0;
	font-size: 13.5px;
	line-height:20px;
}
#onesignal .close,
#onesignal .subscribe{
	margin:3px 20px 3px 10px;
	background:#999;
	color:#FFF;
	font-size: 11px;
	padding:0 9px;
	border-radius: 4px;
}
#onesignal .subscribe{
	background:#C00;
	font-size:14px;
	padding:5px 15px;
	animation:subscribe_move 2.5s ease-out 10s infinite;
}
#onesignal .master{
	width:100px;
	position:absolute;
	bottom:-5px;
	right:-40px;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
	animation-name:onesignal_master_fadeIn;
    animation-duration: 1.6s;
	animation-delay:7s;
    animation-timing-function:ease-out;
	animation-fill-mode:backwards;
}
#onesignal .push_icon1{
	right:-47px;
	width:94px
}
#onesignal .push_icon1 + p{
	padding: 3px 15px 10px 0;
}
#onesignal_thankyou{
	display:none;
}


/*------------------------------

　右側サイドバー用

--------------------------------*/
.side_weather{
	margin:10px 0;
	padding:10px;
	background:#FFF;
}
.side_weather .img{
	margin:0 10px 0 0;	
}
#right-sidebar img[src^="/images/banner"]{
	width:96%;
	margin:1% 2%;
	height:auto;
}

/*
■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　予約関連

■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

.plan_Table_calendar{
	display:block;
}
.plan_Table_calendar .table_wrapper{
	width:100%;
}
/*価格ボックス*/
.plan_price ul{
	width:100%;
}
.plan_price .button1{
	padding:3px 20px;	
}
.plan_price div{
	flex:0 1 auto;
	padding-bottom:0;
}
.plan_price div:last-child{
	flex:0 0 97%;
	padding:0 3% 10px 0;
	text-align:right;
}
.plan_price table{
	margin:0;
}

/*入力画面*/
#plan_info_wrapper table,
#plan_people_wrapper table{
	width:100%;
}
#plan_info_wrapper th{
	padding:10px 10px 10px 0;
}
#plan_info_wrapper th,#plan_info_wrapper td{
	display:block;
	width:100%;
	padding:0;
}
#plan_info_wrapper th{
	padding:15px 0 3px 0;
}
#plan_info_wrapper p,
#plan_people_wrapper p{
	margin:0 0 1em;
	font-size:13px;
	line-height:140%;
}