/* mobile/responsive css */
@media only screen and (max-width:1128px) {
  footer .innerwrap, header .innerwrap, #bodywrap, .innerwrap-custom-header {margin: 0px auto; padding: 0px; max-width:auto; width: auto;}
  #right-sidebar h3, ul.tabbernav li {font-size: 1.125em !important;}
}

@media only screen and (max-width:990px) {
	.sponsor_right, .s_right{
		display:none !important;
	}
	.sponsor_left, .s_left{
		float:none !important;
		text-align:center !important;
		width:100%;
	}

		/*トップのOTAクーポンはこの幅で3列に調整*/
	.index_otacoupon li{
		width:33.3%;
	}
	
}
@media only screen and (max-width:750px){
	#content,
	.content {
	width: 100% !important;
	padding:0px;
	}
  #post-entry aside.home-feat-cat .fpost .feat-thumb {height: auto; max-height: 1000px;}
  .ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {padding: 0px; width: 100%;}
  aside.home-feat-cat {border: 0 none; float: left; padding-bottom: 2em; margin: 0 !important; width: 100% !important;}
  aside.home-feat-cat .feat-thumb img {height: auto; width: 100%;}

  #custom #siteinfo {width:96% !important;padding:2%!important;float:left;position:relative;top:0;left:0;}
  #custom #header .innerwrap {max-width:100%;width:100%;}

  #container .flex-caption h1 {margin: 0 0 0.125em; font-size: 1.85em;}
  #container ol.commentlist li ul.children li.depth-2 {margin: 0 0 0 0px;}
  #left-container {display: none;}
  #wrapper-main {float: none; width: 100%; background: transparent !important; box-shadow: 0 2px 5px transparent !important;}
  #siteinfo h1 {width: 100%; float: left; margin: 6px 0 0;}
  #siteinfo p {width: 100%; float: left; margin: 0;}
  #topbanner {width: 100%; float: left; overflow: hidden; margin: 1em 0 0;}
  .jcpost h1{font-size: 3em !important;}
  footer .innerwrap, header .innerwrap, .innerwrap-custom-header, #bodywrap, #main-navigation .innerwrap {margin: 0px auto; padding: 0px; max-width: 94%; width: auto;}
  #post-related .feat-cat-meta {margin: 0px 0.8em 0.5em 0px !important;}
  #wrapper .content {width: 100%;}
  #post-entry,#right-sidebar {padding:0 !important; width: 100% !important;}
  footer .fbox {width: 100%; padding: 0%;}
  #slidearea .innerwrap,#gallerycover {width:100% !important;}
  .jcbox img{float:none !important; clear: both; margin: 0px 0px 1em 0px !important; padding: 0px; max-width:90% !important; height: auto; width: auto;}
  .jcpost {width:auto !important; float: left;}
  #slidearea,#gallerycover,.jcpost {height: 530px !important;}
  .ftop {width: 94%; padding: 2em 3% !important;}
  .footer-left, .footer-right {width:100% !important; padding: 0.25em 0;}
  .footer-right {margin: 0; padding: 0;}
  .footer-right ul {float: left !important;}
  .footer-right ul li {margin: 0 10px  0 0 !important;}
  #top-navigation .sf-menu, #main-navigation .sf-menu {display: none;}
  #main-navigation {background: #52C0D4;}
  #siteinfo {float: left; margin: 0 0 1em; text-align: center; width: 100%;}
  #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.3em;line-height:120%;}

}
@media only screen and (max-width:600px){

	/* スマホ用のDIV表示を切り替える */
	.sp_div{
		display:block;
	}
	.pc_div{
		display:none;
	}
	.sp_div.tripcompage a{
		display:inline;
	}
	.sp_div.tripcompage img{
		vertical-align:bottom;
		width:100% !important;
		max-width:100% !important;
		margin:0px !important;
	}

	/*記事ページのOTAクーポンはこの幅で画像を消す*/
	.otacoupon_banner{
		display:none;
	}
	.ota_sp_banner{
		display:block !important;
	}



	/*  SP  */
	#header{
		position:fixed;
    	top: 0;
    	left:0;
		width:100%;
		z-index:999;
		background-position: left -8px;
		-webkit-transition: all 1.5s;
		transition: all 1.5s;
	}
	#header .innerwrap{
		background-image:none !important;
		padding-top:5px;
	}
	.header_nav {
		display:none;
	}
	.header_logo{
		text-align:center;
	}
	#header .header-inner{
		padding-top:5px;
		padding-bottom:5px;
	}
	#header .hamburger{
		display:block;
	}
	#bodycontent{
	padding-top:60px !important;

	}

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

	.point{
		background-image: url(/wp-content/themes/tabiwaza/images/point_small.gif);
		background-position:center bottom;
		padding:10px 10px 60px 10px;
		margin:15px 1%;
	}
	.dan{
		background-image: url(/wp-content/themes/tabiwaza/images/dan_small.gif);
		background-position:center bottom;
		padding:10px 10px 60px 10px;
		margin:15px 1%;
	}
	.freeze{
		background-image: url(/wp-content/themes/tabiwaza/images/freeze_small.gif);
		background-position:center bottom;
		padding:10px 10px 60px 10px;
		margin:15px 1%;
	}
	.call{
		background-image: url(/wp-content/themes/tabiwaza/images/call_small.gif);
		background-position:center bottom;
		padding:10px 10px 60px 10px;
		margin:15px 1%;
	}
	.taxi{
		background-image: url(/wp-content/themes/tabiwaza/images/taxi_small.gif);
		background-position:center bottom;
		padding:10px 10px 60px 10px;
		margin:15px 1%;
	}
	.box1{
		background-color: #FAFAFA;
		border: 2px dotted #CCC;
		padding:10px;
		border-radius:10px;
		min-height:65px;
		margin:15px 1%;
	}

/*　関連投稿　*/
ol.yarpp-related li{
	list-style-type: none;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px 0;
	float:none;
	height:100px;
	overflow:hidden;
}
ol.yarpp-related img{
	float:left;
	margin-right:10px;
	width:100px;
	height:100px;
}

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

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


/*フッターの不要要素を削除*/
.footer-two, .footer-three, .footer-four{
	display:none;
}


/*　ソーシャルボタン　*/
ul.socialBtn.sbbottom{
	display:none;
}
ul.socialBtn.sbbottom li{
	width:33.3%;
}
ul.socialBtn.sbbottom a{
	padding: 5px 0 !important;
}
ul.socialBtn.sbbottom .twitter{
	background-color: #349CF2;
	border-radius:0;
}
ul.socialBtn.sbbottom .google{
	background-color: #D85634;
	border-radius:0 10px 0 0;
}
ul.socialBtn.sbbottom .line{
	background-color: #40CD12;
	border-radius:0 0 0 10px;
}
ul.socialBtn.sbbottom .feedly{
	background-color: #00B449;
	border-radius:0;
}
/*気に入ったらシェアして下さい*/
.snsshare {
	height:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	width:auto;
	padding:20px 2%;
	border-radius:0;
}
.snsshare .thumbnail {
	display:none;
}
.snsshare .snsbody {
	padding-top: 0px;
}
.snsshare .snsbody p {
	color: #FFF;
	font-weight: bold;
	font-size:10pt;
}
.snsshare .snsbody a{
	display:block;
margin:0;
}


/*　カテゴリー・アーカイブページ　*/
#post-entry article.post-style-magazine{
	width:98%;
}
#post-entry article.post-style-magazine .archive_post-thumb{
	height: 100px;
}

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

/*　クーポン検索　検索結果ページ　*/
.coupon_list .leftimg{
	width:100%;
	float:none;
}
.coupon_list .rightmore{
	margin-left:0px;
}
.coupon_list li li .price{
	width:100%;
	float:none;
}
.coupon_search #pref,
.coupon_search #category_org{
	width:48%;
}
.coupon_search #q{
	width:60%;
}


/* トップページＬＣＣセール情報　*/
.index_lcc .sale_date{
	float:none;
}


/* クーポン横断検索　トップページ用 */
.coupon_search_index{
	padding-bottom: 0px;
	padding-top:0px;
}
.coupon_search_index .comment{
	width:100%;
	padding-left:0;
	height:auto;
	padding-bottom:180px;
	background-image: url(/wp-content/themes/tabiwaza/images/asobi_search_banner_m.gif);
}
.coupon_search_index .comment p{
	padding:0 0 0 0;
	margin:0;
	font-size:15pt;
	line-height:20pt;
	font-weight: bold;
	color: #333;
	width:auto;
}
/* クーポン検索詳細画面 */
ol.h_meta_pankuzu{
	float:none;
}
.h_review{
	text-align:left;
}
.sisetsu_img{
	max-width:90%;
	max-height:200px;
	float:none;
	margin:0 auto;
	display:block;
}
.h_button_like{
	float:none;
	text-align:right;
}
.hotelbook{
	max-width:100%;
}

/*　クーポン検索詳細　口コミ　*/
.coupon_comment{
	width:auto;
}
.coupon_comment #name{
	vertical-align:bottom;
	 height: 39px;
	 padding:0 10px;
	 width:40%;
	font-size:120%;
	 border-radius:2px;
	 border:solid 3px #ddd;
	 outline: 0;
	margin-bottom:10px;
}
.coupon_comment #submit{
	vertical-align:bottom;
	overflow:visible;
	height:45px;
	font-size:120%;
	border:solid 3px #ddd;
	background-color:#FFF;
	padding:0 20px;
	margin-bottom:10px;
	width:100%;
}

/*　スマホアプリ紹介　*/
.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%;
}


}


@media only screen and (max-width:520px){
  #custom #post-entry div.post-thumb {width: 80px;}
  #custom #post-entry article .post-right {margin: 0 0 0 100px;float:none;width:auto;}

.widget.popular-posts,
.widget.widget_tag_cloud{
	display:none;
}

/*　まとめボックス　*/
.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;
}

/*問い合わせフォーム用*/
.wpcf7-form input{
	width:80%;
}

/*　関連投稿　*/
ol.yarpp-related li{
	list-style-type: none;
	width: 100%;
	padding: 0px;
	margin: 0 0 10px 0;
	float: none;
	height:100px;
	overflow:hidden;
}
ol.yarpp-related img{
	float:left;
	margin-right:10px;
	width:100px;
	height:100px;
}

}