/* mobile/responsive css */
@media only screen and (min-width:1440px)and (max-width:1920px) {
	footer .innerwrap, #bodywrap, /*.innerwrap-custom-header {margin: 0px auto; padding: 0px; max-width: 92%; width: auto;}*/
	#header .innerwrap {max-width: 100%;}
	#custom-img-header img {width: 100%; height: auto; float: left;}
	#mo_sponsor {display:none;}
	#siteinfo img{display:none;}
	.MenuContainer{display:none;}
	#tub_b{display:none;}
	.mo_disp{display:none;}
	.sp_only{display:none;}
}
@media only screen and (min-width:768px)and (max-width:1118px) {
	footer .innerwrap, header .innerwrap, #bodywrap, .innerwrap-custom-header, #main-navigation .innerwrap {margin: 0px auto; padding: 0px; /*max-width: 960px;*/ width: auto;position:center;}
	#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: 120px;}
	#siteinfo img{display:none;}
	#pc_b{display:none;}
	#mo_sponsor {display:none;}
	#tub_b{display:block;}
	.mo_disp{display:none;}
	.sp_only{display:none;}
}
@media only screen and (min-width:300px)and (max-width:770px){
	#mo_sponsor {position: relative; display:block; margin:1em auto;}
	.mo_disp{display:block;}
	.sp_disp{display:none;}
	#pc_b{display:none;}
	#tub_b{display:none;}

	table {border-collapse: separate; border-spacing: 0; margin: 0; width:100%; padding:0 0.5em;}
	#wrapper{margin-top:90px;}
	#content {width: 100% !important;}
	#post-entry {padding: 0 0 0 0.8em; position: relative; float: left; width: 100%;}
	#post-entry aside.home-feat-cat .fpost .feat-thumb {width:125px; height: auto; /*max-height: 1000px;*/ float:left;}
	.ftop aside, .ftop div.textwidget, .ftop div.tag-cloud {padding: 0px; width: 100%;}
	aside.home-feat-cat {border: 0 none; float: left; padding-bottom: 0.5em; margin: 0 !important; width: 100% !important;}
	aside.home-feat-cat .feat-thumb img {height: auto; width: 100%; float:left;}
	#slider,#sliderContent {height: 300px !important;}
	/*aside.home-feat-cat .feat-title {font-size: 1.0em; margin: 0.6em 0px; padding: 0px; float: left; width: 100%;}*/
	body {}
	.sliderImage h1 {font-size: 2em !important;}
	#post-entry, #right-sidebar {margin: 0 0 0em; padding: 0%; position: relative; float: left; width: 100% !important;}
	#post-entry article {float: left; width: 100%; position: relative; border-bottom: 1px solid #666;}
	#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: 100%; padding: 2%;}
	　　#page_visial{display: block; margin-left: auto; margin-right: auto;}
	#custom #siteinfo {width:96% !important;padding:2%!important;float:left;position:relative;top:0;left:0;}
	#custom #header .innerwrap {max-width:100%;width:100%;}
	.post-content table, .comment-content table {border-bottom: 1px solid #ddd; margin: -4em 0 1.625em; max-width: 100%; clear: both; width: 100%;}
	.top-nav{display:none;}
	.main-menu{display:none;}
	.main-menu-mb{position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
	z-index: 9999;}
	.main-menu-mb ul {
		background: #eee;
		/*border: 1px solid #ccc;*/
		font-size: 14px;
		text-align: center;
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	.main-menu-mb ul li {
		/*border-right: 1px solid #ccc;*/
		display: table-cell;
	}

	.main-menu-mb ul li:last-child {
		border-right: none;
	}

	.main-menu-mb ul li a {
		color: #333;
		font-weight: bold;
		text-decoration: none;
		padding: 12px 0;
		display: block;
	}

	.main-menu-mb ul li a:hover {
		background: #e9e9e9;
	}


	.HiddenCheckbox {
		display: none;
	}
	.MenuContainer {
		display: inline-block;
		margin: 0;
	}
	.MenuHeader {
		color: #999999;
		display: inline-block;
		float: left;
		font-weight: 1.2em;
		line-height: 1.5em;
		margin: 0 0 0 1em;
		opacity: 1;
		position: relative;
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
		-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
		transition: transform 0.6s, opacity 0.5s;
		z-index: 2;
	}
	.MenuIcon {
		cursor: pointer;
		display: block;
		float: left;
		height: 30px;
		position: relative;
		width: 30px;
		z-index: 2;
	}
	.MenuIcon::before {
		-webkit-box-shadow: #999999 0 12px 0;
		box-shadow: #999999 0 12px 0;
		height: 6px;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		width: 30px;
	}
	.MenuIcon::after {
		bottom: 0;
		height: 6px;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		width: 30px;
	}
	.MenuIcon::before,
	.MenuIcon::after {
		background: #999999;
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
		transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
	}
	.Menu {
		background: #333;
		bottom: 0;
		left: -90%;
		position: absolute;
		top: 0;
		width: 90%;
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
	}
	.HiddenCheckbox:checked ~ .MenuHeader {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.HiddenCheckbox:checked ~ .MenuIcon::before {
		-webkit-box-shadow: transparent 0 0 0;
		box-shadow: transparent 0 0 0;
		-webkit-transform: rotate(45deg) translate3d(6px, -3px, 0);
		transform: rotate(45deg) translate3d(6px, -3px, 0);
	}
	.HiddenCheckbox:checked ~ .MenuIcon::after {
		-webkit-transform: rotate(-45deg) translate3d(6px, 3px, 0);
		transform: rotate(-45deg) translate3d(6px, 3px, 0);
	}
	.HiddenCheckbox:checked ~ .Menu {
		left: 0;
	}
	.Menu-list {
		list-style-type: none;
		margin: 80px 0 0;
		padding: 0;
		font-size:1em;
	}
	.Menu-item {
		margin: 0;
	}
	.Menu-link {
		color: #fff;
		display: block;
		overflow: hidden;
		padding: 1em 2em;
		position: relative;
		text-decoration: none;
		z-index: 1;
	}
	.Menu-link::before {
		background: #444;
		bottom: 0;
		content: '';
		left: 0;
		position: absolute;
		right: 100%;
		top: 0;
		-webkit-transition: right 0.4s;
		transition: right 0.4s;
		z-index: -1;
	}
	.Menu-link::after {
		content: attr(href);
		color: #fff;
		float: right;
		opacity: 0;
		-webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
		transition: opacity 0.8s, transform 0.4s;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	.Menu-link:hover::before {
		right: 0;
	}
	.Menu-link:hover::after {
		opacity: 0.5;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	#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 {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: #cfcfcf;}
	#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);}
	.sp_only{display:none;}
}

@media only screen and (min-width:770px)and (max-width:1124px){
	aside.home-feat-cat{
		height:300px;
	}
}
@media only screen and (max-width:336px){
	aside.home-feat-cat{
		height:230px;
	}
}

@media only screen and (min-width:280px)and (max-width:750px){
	#custom-img-header img {display: none;}
	.container-wrap, .footer-top .ftop {width:100% !important; padding:0% !important;}
	#main-navigation {margin: 0 0 1.25em;}
	#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;}
	aside#text-4.widget.widget_text{display:none;}
	#mo_sponsor {position: relative; display:block; margin:1em auto;}
	#siteinfo img {border: 0 none; /*max-width: 100%; height: auto;*/ display: block;margin-right:auto; margin-left:auto;}
	.pc_only{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;}
	.pc_only{display:none;}
}