/* mobile/responsive css */

@media only screen and (min-width:1280px)and (max-width:1920px) {
	footer .innerwrap, #bodywrap, .innerwrap-custom-header,#header .innerwrap {margin: 0px auto; padding: 0px; max-width: 1140px; width: auto;}
/*	#header .innerwrap {max-width: 100%;}*/
	#custom-img-header img {width: 100%; height: auto; float: left;}
#main-navigation {margin-bottom:50px;}

/*フッターウィジェット*/
div.fbox{
width:32%;
}

.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud{
padding-right:0px;
}

.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {
width:100%;
}

div.fbox:last-child {
	padding-right:0px;
}


}
@media only screen and (min-width:768px)and (max-width:1280px) {
	footer .innerwrap, header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap,#header .innerwrap {margin: 0px auto; padding: 0px; max-width: 960px; width: auto;}
	#right-sidebar h3, ul.tabbernav li {font-size: 1.125em !important;}
	.widget-area #sponsorlinks {text-align: center;}
	.widget-area #sponsorlinks img {width: auto; margin: 1px !important; float: none !important; padding: 0px;}
	#topbanner {float: left; padding: 15px 0 0;}
	#custom .bp-searchform input[type="text"], #custom .bp-searchform select {width: 160px;}
	#main-navigation {margin-bottom:50px;}
	/*フッターウィジェット*/
	div.fbox{
	width:32%;
	}
	.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud{
	padding-right:0px;
	}
	.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {
	width:100%;
	}
	div.fbox:last-child {
	padding-right:0px;
	}
}
@media only screen and (min-width:300px)and (max-width:770px){
	#content {width: 100% !important;}
	#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%;}
	#slider,#sliderContent {height: 300px !important;}
	body {}
	.sliderImage h1 {font-size: 2em !important;}
	#post-entry, #right-sidebar {margin: 0 0 2em; padding: 2% 0%; position: relative; float: left; width: 100% !important;}
	#header-right {width: 100%; text-align: center;}
	#header-right .social-and-search {margin: 0px; padding: 0.6em; float: left; width: auto;}
	#slider {width: 100% !important;}
	#mobile-nav {width:90%; height:35px; padding:5%;background-color:#1E5292;}

	#custom #siteinfo {margin: auto;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: left; 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,#header .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%; padding:0% !important;}
	#post-entry {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;}
	div#mobile-nav {display:inline !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);}
}



@media only screen and (min-width:280px)and (max-width:750px){
	.container-wrap, .footer-top .ftop {width:100% !important; padding:0% !important;}
	#main-navigation {margin: 0 0 10px!important;}
	#custom #post-entry article.home-post .article-blk {width: 100%; height:auto !important; margin:0 0 3% !important;}
	#custom #post-entry article.home-post {width: 100%; height:auto !important; float: left; margin:0 0 2em !important;}
	#custom #post-entry article.home-post.alt-post {width: 100%; height:auto !important; float: left; margin:0 0 2em !important;}
	#custom .separator {display: none;}
	.sliderImage h1 {font-size: 2em !important;}
	#custom #slider {height: 280px !important;}
	#custom .sliderImage img {width: auto !important; height: auto !important; max-width: 800px;}
	#slider .left, #slider .right {width: 45% !important;}
	#custom .flex-caption {width: 80% !important; padding: 0%; position: absolute; float: left; left:60px !important; margin: 0px; top: 260px !important;}
	#custom .flex-caption h1 {margin: 0em; color: #222; font-size: 1.35em; line-height: 115%; padding: 0px; float: left; width: 100%;}
	.flexlarge .feat-more {margin: 6px 0 0 !important;}
	.flex-caption p {display: none;}
}



@media only screen and (min-width:200px)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;}
}





/*180313_add*/
/*slider etc*/
@media only screen and (max-width:1280px) {
	aside.home-feat-cat .feat-thumb {
		max-height: 170px;
	}
}

@media only screen and (max-width:879px) {
	#main-navigation {
		display: none;
	}
	#main-navigation-sp {
		display: none;
	}
	#header {
		margin-bottom: 20px;
		padding: 20px 0;
	}
	#header #siteinfo {
		padding-top: 0;
		text-align: left;
		padding-left: 2%;
		width: 100%;
		padding-right: 44px;
		box-sizing: border-box;
	}
	#header #siteinfo img {
		margin: 0;
	}
	#header #siteinfo p {
		float: none;
		font-size: 10px;
	}
	#siteinfo div.sp_menu_btn_wrap {
		display: block;
		position: absolute;
		top: 0;
		left: auto;
		right: 2%;
		width: 44px;
		height: 100%;
		margin: 0;
	}
	.tgl_menu_btn {
		-webkit-touch-callout: none;
	}
	.menu_btn_right {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 28px;
		height: 24px;
		margin-top: -12px;
		margin-left: -14px;
		/* overflow: hidden; */
		color: #fff;
		text-align: center;
	}
	.menu_icon,.menu_icon:before, .menu_icon:after {
		position: absolute;
		top: 50%;
		display: block;
/*		width: 100%;*/
		width: 28px;
		height: 2px;
		margin-top: -1px;
		background: #007eff;
		-webkit-transition: all .3s linear;
		-moz-transition: all .3s linear;
		transition: all .3s linear;
		border-radius: 1px;
	}
	.menu_icon {
		left: 50%;
		margin-left: -14px;
	}
	.menu_icon:before, .menu_icon:after {
		content: "";
		top: auto;
		margin-top: 0;
		left: 0;
	}
	.menu_icon:before {
		top: -10px;
	}
	.menu_icon:after {
		bottom: -10px;
	}
	.menu_btn_right .txt {
		display: block;
		display: none;
		padding-top: 6px;
		padding-left: 32px;
	}
	.open .menu_icon {
		background: none;
	}
	.open .menu_icon:before, .open .menu_icon:after {
		top: 0;
		bottom: 0;
	}
	.open .menu_icon:before {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.open .menu_icon:after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#header #main-navigation-sp {
		padding: 28px 0;
	}
	#header #main-navigation-sp .box {
		margin-bottom: 20px;
	}
	#header #main-navigation-sp .box:after {
		content: "";
		display: table;
		clear: both;
	}
	#header #main-navigation-sp .box:last-child {
		margin-bottom: 0;
	}
	#header #main-navigation-sp h3 {
		margin-bottom: 12px;
		font-size: 14px;
		line-height: 1.25;
		text-align: center;
	}
	#header #main-navigation-sp .sf-menu {
		border-top: 1px solid #ddd;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	#header #main-navigation-sp .sf-menu li {
		width: 50%;
		height: 40px;
		display: table;
		border-bottom: 1px solid #ddd;
		box-sizing: border-box;
	}
	#header #main-navigation-sp .sf-menu li:nth-child(odd) {
		border-left: 1px solid #ddd;
	}
	#header #main-navigation-sp .sf-menu li#menu-item-7112 {
		display: none;
	}
	#header #main-navigation-sp .sf-menu li a {
		display: table-cell;
		vertical-align: middle;
		color: #000;
	}
	#header #navsearch {
		padding: 0 2%;
	}
	#header #navsearch #searchform #searchinput {
		background: #fff;
	}
	#header #navsearch #searchform #searchsubmit {
		width: 44px;
	}

	#header #main-navigation-sp .tags {
		padding: 0 2%;
	}
	#header #main-navigation-sp .tags a {
		display: inline-block;
		margin-right: 10px;
		color: #007eff;
		font-size: 12px!important;
		line-height: 2.4;
	}
	.wp-caption {
		max-width: 100%!important;
	}
}

@media only screen and (max-width:767px) {
	.swiper-cover {
		display: none;
	}
	#top_cts_widget_area .cfbnr_pc {
		display: none;
	}
	#wrapper #wrapper-main #post-entry div.post-thumb.size-thumbnail,
	#post-entry aside.home-feat-cat .fpost .feat-thumb {
		width: 80px;
		height: 80px;
		float: left;
		overflow: hidden;
	}
	#post-entry aside.home-feat-cat .fpost .feat-thumb a {
		position: relative;
		display: block;
		width: 80px;
		height: 80px;
	}
	#post-entry aside.home-feat-cat .fpost .feat-thumb img {
		position: absolute;
		height: 100%;
		width: auto;
		max-width: none;
		margin-left: -26%;
	}
	#wrapper #wrapper-main #post-entry article .post-right,
	#post-entry aside.home-feat-cat .fpost .feat-right {
		margin: 0 0 0 95px;
		padding: 0;
	}
	#wrapper #wrapper-main #post-entry article h1.post-title,
	#wrapper #wrapper-main #post-entry article h2.post-title,
	#post-entry aside.home-feat-cat .fpost .feat-right .feat-title {
		font-size: 14px;
		margin: 0em 0px 0.2em;
		padding: 0px;
		float: left;
		width: 100%;
	}
	#wrapper #wrapper-main #post-entry .post-right div.post-meta {
		padding: 0!important;
	}
	#wrapper #wrapper-main #post-entry .post-right .post-content {
		display: none;
	}

	#wrapper #wrapper-main #post-entry article {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	#page-top {
		right: 12px;
		bottom: 52px;
	}
	#page-top a {
		width: 40px;
		height: 40px;
	}
	#page-top a:after {
		width: 6px;
		height: 6px;
		margin-top: -1px;
		margin-left: -3px;
	}

/*share*/
	#single_share_btns_wrap {
		display: block;
		position: fixed;
		top: 100%;
		width: 100%;
		height: 48px;
		transition: all .2s;
	}
	#single_share_btns_wrap.active {
		top: calc(100% - 48px);
	}
	#single_share_btns_wrap ul:after {
		content: "";
		display: table;
		clear: both;
	}
	#single_share_btns_wrap ul li,
	#single_share_btns_wrap ul li a {
		height: 48px;
	}
	#single_share_btns_wrap ul li {
		float: left;
		width: 25%;
		list-style-type: none;
	}
	#single_share_btns_wrap ul li a {
		position: relative;
		display: block;
	}
	#single_share_btns_wrap ul li.fb a { background: #4565a0; }
	#single_share_btns_wrap ul li.tw a { background: #2eacf1; }
	#single_share_btns_wrap ul li.pk a { background: #ee4c63; }
	#single_share_btns_wrap ul li.hb a { background: #1eaee0; }
	#single_share_btns_wrap ul li a:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		margin-left: -8px;
		background: url(./images/sns_btns.png) no-repeat;
		background-size: 32px;
	}
	#single_share_btns_wrap ul li.fb a:before { background-position: left top; }
	#single_share_btns_wrap ul li.tw a:before { background-position: right top; }
	#single_share_btns_wrap ul li.pk a:before { background-position: left bottom; }
	#single_share_btns_wrap ul li.hb a:before { background-position: right bottom; }
	.social4i {
		display: none;
	}
}

@media only screen and (min-width:768px) {
	#top_cts_widget_area .cfbnr_sp {
		display: none;
	}
}
/*nav_sep*/
@media only screen and (min-width:880px) {
	#main-navigation-sp {
		display: none!important;
	}
	#header {
		height: 72px;
	}
	#header .header-inner {
		float: none;
	}
	#header #siteinfo {
		text-align: left;
		float: left;
		font-size: 12px;
		padding-top: 8px;
	}
	#header #siteinfo img {
		width: 260px;
		max-width: none;
		margin: 0;
	}
	p#site-description {
		font-size: 11px;
		line-height: 1;
		padding-top: 2px;
	}

	#header #main-navigation {
		position: relative;
		float: right;
		width: auto;
		padding: 0 68px 0 0;
	}
	#header #main-navigation #menu-kategory {
		text-align: center;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
	}
	#header #main-navigation #menu-kategory.active_nav {
		display: none;
	}
	#header #main-navigation .sf-menu li {
		margin-left: 12px;
		margin-right: 12px;
	}
	#header #main-navigation .sf-menu a {
		line-height: 69px;
		border-bottom: 3px solid transparent;
	}
	.home #header #main-navigation #menu-item-7111 a,
	#header #main-navigation .sf-menu a:hover,
	#header #main-navigation .sf-menu .current-menu-item a {
		border-bottom: 3px solid #017ee8;
	}

/*search*/
	#header #main-navigation #navsearch {
		position: absolute;
		top: 0;
		right: 0;
	}
	#header #main-navigation #navsearch #searchform #searchinput {
		width: 580px;
		height: 72px;
		line-height: 72px;
	}
/*js用の記述*/
	#header #main-navigation #navsearch #searchform {
		width: 60px;
		height: 72px;
}
	#header #main-navigation #navsearch #searchform #searchinput {
		width: 60px;
		background: none;
		padding: 0 0 0 60px;
		cursor: pointer;
}
	#header #main-navigation #navsearch #searchform .searchsubmit_wrap {
		cursor: pointer;
	}
/*	#header #main-navigation #navsearch #searchform .searchsubmit_wrap,*/
	#header #main-navigation #navsearch #searchform #searchsubmit {
		pointer-events: none;
}
	#header #main-navigation #navsearch #searchform.active {
		width: auto;
}
	#header #main-navigation #navsearch #searchform.active #searchinput {
		width: 580px;
		padding: 0 68px 0 10px;
		background: #e5e5e5;
		cursor: default;
}
/*	#header #main-navigation #navsearch #searchform.active .searchsubmit_wrap,*/
	#header #main-navigation #navsearch #searchform.active #searchsubmit {
		pointer-events: auto;
}

#header #navsearch #searchform .searchsubmit_wrap {
}
#header #navsearch #searchform .searchsubmit_wrap:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 23px;
	height: 22px;
	margin-top: -11px;
	margin-left: -11px;
	background-image: url(./images/musimegane_h.png);
	background-position: top center;
	background-size: cover;
}
#header #navsearch #searchform .searchsubmit_wrap:hover:before {
	background-position: bottom center;
}
#header #navsearch #searchform #searchsubmit {
	background: none;
}

	.container-wrap {
	}
}