/* レスポンシブ用 表示非表示 */

.lsc {display: block;}
.ssc {display: none;}

@media(max-width: 1000px) {

	html, body, .custom-background .wrapper {
		width: 100%;
		-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
	}

	img {
		height: auto;
		max-width: 100%;
	}

	textarea,input{
		max-width: 95%;
	}

	/* 

	1.2 レイアウト 

	*/

	.header-bar-inner, 
	.banner-inner, 
	.glovalnavi-inner, 
	.container-inner, 
	.footer-menu-inner, 
	.footer-inner {
		width: 100%; /* ページ全体の幅 */
	}

	.container {
		display: block;
		padding: 0;
	}

	.custom-background .wrapper {
		max-width: auto;
		width: 100%;
	}

	.header-bar-inner, 
	.banner-inner, 
	.glovalnavi-inner, 
	.container-inner, 
	.footer-menu-inner, 
	.footer-inner {
		padding-right: 20px;
		padding-left: 20px;
		max-width: auto;
		width: 100%;
	}

	.glovalnavi > .pad { /* padはグローバルメニューの調整用クラス */
		margin-left: 20px;
		margin-right: 20px;
	}

	.glovalnavi ul ul,
	.glovalnavi ul ul li {
		display: none;
	}

	/* ２カラム右, ３カラム */

	.column3 #contents,
	.right_sidebar #contents {
		display: block;
		float: none;
		width: auto;
	}

	.column3 #main,
	.right_sidebar #main {
		float: left;
		margin-left: 0;
		margin-right: -220px; /* sidebar + margin(20) */
		width: 100%;
	}

	.column3 .main-inner,
	.right_sidebar .main-inner {
		margin-left: 0;
		margin-right: 220px; /* sidebar + margin(20) */
	}

	.column3 #sidebar1,
	.right_sidebar #sidebar1 {
		float: right;
		width: 200px;
	}

	.column3 #sidebar2,
	.right_sidebar #sidebar2 {
		float: right;
		clear: right;
		width: 200px;
	}

	/* ２カラム左 */

	.left_sidebar #contents {
		display: block;
		float: none;
		width: auto;
	}

	.left_sidebar #main {
		margin-right: 0;
		margin-left: -220px; / *sidebar + margin(20) */
		width: 100%;
	}

	.left_sidebar .main-inner {
		margin-right: 0;
		margin-left: 220px; /* sidebar + margin(20) */
	}

	.left_sidebar #sidebar1 {
		width: 200px;
	}

	.left_sidebar #sidebar2 {
		width: 200px;
	}

	/* 

	2.2 サイトタイトル、サイトの説明

	*/

	.site-description {
		display: none;
	}

	/* カスタムヘッダー */
	.header-txt {
		left: 40px;
		width: auto;
	}

}

@media(max-width: 640px) {

	html,body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
	}

	img {
		height: auto;
		max-width: 100%;
	}

	textarea,input{
		max-width: 95%;
	}

	/* 

	1.2 レイアウト 

	*/

	.header-bar,
	.footer-menu {
		display: none;
	}

	.column3 #contents,
	.column3 #main,
	.column3 #sidebar1,
	.column3 #sidebar2,
	.right_sidebar #contents,
	.right_sidebar #main,
	.right_sidebar #sidebar1,
	.right_sidebar #sidebar2,
	.left_sidebar #contents,
	.left_sidebar #main,
	.left_sidebar #sidebar1,
	.left_sidebar #sidebar2,
	.column1 #contents,
	.column1 #main,
	.column1 #sidebar1,
	.column1 #sidebar2 {
		float: none;
		clear: none;
		margin-left: 0;
		margin-right: 0;
		max-width: auto;
		width: 100%;
	}

	.column3 .main-inner,
	.right_sidebar .main-inner,
	.left_sidebar .main-inner,
	.column1 .main-inner {
		margin-left: 0;
		margin-right: 0;
	}

	.column3 .container-inner,
	.right_sidebar .container-inner,
	.left_sidebar .container-inner,
	.column1 .container-inner {
		padding-top: 20px;
	}

	/* 

	2.2 サイトタイトル、サイトの説明

	*/

	.site-title {
		margin: 0;
		padding: 20px 0;
		font-size: 1.5em;
		line-height: 1.33em;
	}

	.site-description {
		margin: 0;
		font-size: 1em;
		line-height: 1.33em;
	}

	/* 

	2.3 グローバルメニュー

	*/

	/* メニューボタン */

	.gnavi-btn {
		position: relative;
		z-index: 10;
		display: block;
		margin: 20px 20px 0;
		padding: .75em 1em;
		border: 1px solid #b0b0b0;
		border-radius: 2px;
		background: #f0f0f0;
		background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
		background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
		box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
		color: #222;
		text-decoration: none;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
		font-size: 14px;
		font-size: 1.08rem;
		cursor: pointer;
	}

	.gnavi-btn:hover {
		background: #f0f0f0;
		background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
		background:         linear-gradient(top, #fff 0%, #ededed 100%);
		color: #555;
		cursor: pointer;
	}

	.gnavi-btn:active {
		position: relative;
		top: 1px;
		box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
	}

	/* リストスタイルリセット（スキン用） */

	.glovalnavi:before,
	.glovalnavi:after,
	.glovalnavi *,
	.glovalnavi-inner,
	.glovalnavi ul,
	.glovalnavi li,
	.glovalnavi li a {
		margin: 0;
		padding: 0;
		width: auto;
		border: none;
		background: none;
		box-shadow: none;
		text-shadow: none;
	}

	.glovalnavi *:before, .glovalnavi *:after,
	.glovalnavi a:before, .glovalnavi a:after,
	.glovalnavi li a:before, .glovalnavi li a:after {
		content: none;
	}

	/* グローバルメニュー表示／非表示 */

	.glovalnavi { 
		display: none;
	}

	.gnavi-open {
		display: block;
	}

	/* メニューリスト */

	.glovalnavi {
		width: auto;
		margin: 0 20px 20px;
		padding: 0;
		border: 1px solid #e6e6e6;
		background-image: none;
		background-color: #fff;
		box-shadow: none;
	}

	.glovalnavi > .pad { /* padはグローバルメニューの調整用クラス／上の継承をキャンセル */
		margin-left: 0;
		margin-right: 0;
	}

	.glovalnavi ul ul,
	.glovalnavi ul ul li { /* 上の継承をキャンセル */
		display: block;
	}

	.glovalnavi li {
		float: none;
		padding: 14px;
		border-bottom: 1px solid #e6e6e6;
		font-size: 13px;
		font-size: 1rem;
	}

	.glovalnavi li:last-child {
		border-bottom: none;
	}

	.glovalnavi li:hover {
		background: none;
		text-shadow: none;
	}

	.glovalnavi li:active {
		background-color: rgba(0, 0, 0, 0.05);
		text-shadow: none;
	}

	.glovalnavi li a, 
	.glovalnavi li a:visited {
		color: #333;
		text-shadow: none;
	}

	.glovalnavi li a:hover {
		color: #333;
		text-shadow: 0 0 5px #fff;
	}

	/* 第二階層 */

	.glovalnavi ul ul {
		position: static;
		z-index: 10;
		display: block;
		margin: 0 0 0 1em;
		padding: 0;
		border: none;
	}

	.glovalnavi li li {
		display: block;
		clear: left;
		margin: .5em 0 0;
		padding: 0;
		border: none;
		border-top-color: transparent;
		border-bottom: none;
		background: transparent;
		box-shadow: none;
		font-weight: normal;
		white-space: normal;
		width: 100%;
	}

	.glovalnavi li li:before {
		color: #666;
		content: " - ";
	}

	.glovalnavi li li:first-child {
		border-top-color: none;
	}

	.glovalnavi li li:last-child {
	}

	.glovalnavi li li:hover {
		background: none;
		border-bottom: none;
	}

	.glovalnavi li li a {
		display: inline;
		padding: 0;
		background: none;
		box-shadow: none;
		color: #555;
		text-shadow: 0 1px 0 #fff;
		font-size: 12px;
		font-size: 0.93rem;
		line-height: 1.5;
	}

	.glovalnavi li li:hover > a,
	.glovalnavi li li a:hover {
		color: #000;
		text-shadow: 0 1px 0 #fff;
		box-shadow: none;
	}

	.glovalnavi li li a:before {
		content: none;
	}

	.glovalnavi ul ul ul {
		top: auto;
		left: auto;
		padding-top: 0;
	}

	.glovalnavi ul li > ul {
		display: block;
	}


	/* 

	3.1 メインコンテンツ

	*/

	/* アイキャッチ */

	.entry-img {
		float: none !important;
		padding: 0;
		zoom: 1;
	}

	.entry-img:after{
		display: block;
		clear: both;
		content: "";
	}

	.entry-img img {
		margin: 0 auto 2em;
	}

	/* コメント欄 */

	.commentlist >li > ul.children {
		margin: 0 0 1em 1em;
	}

	.commentlist ul.children li {
		margin: 0;
	}

	/* 

	3.3 サブコンテンツ

	*/

	/* 折り畳みボタン */

	.sub-btn {
		display: block;
		margin: 20px auto;
		padding: .75em 1em;
		border: 1px solid #b0b0b0;
		border-radius: 2px;
		background: #f0f0f0;
		background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
		background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
		box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
		color: #222;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
		text-decoration: none;
		font-size: 12px;
		font-size: 0.93rem;
		cursor: pointer;
	}

	.sub-btn:hover {
		background: #f0f0f0;
		background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
		background:         linear-gradient(top, #fff 0%, #ededed 100%);
		color: #555;
		cursor: pointer;
	}

	.sub-btn:active {
		position: relative;
		top: 1px;
		box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
	}

	/* サブコンテンツ表示／非表示 */

	.column3 .sidebar,
	.right_sidebar .sidebar,
	.left_sidebar .sidebar,
	.column1 .sidebar {
		display: none;
	}

	.column3 .sub-open,
	.right_sidebar .sub-open,
	.left_sidebar .sub-open,
	.column1 .sub-open {
		display: block;
	}


	/* ==========================================================================

		 ショートコード

		 ========================================================================== */

	/* ==========================================================================
		 飾り背景
		 ========================================================================== */

	[class^="bg-deco-"] {
		width: auto !important;
	}

	/* ==========================================================================
		 吹き出し＋イラスト
		 ========================================================================== */

	/* イラスト */

	.ib-left .ib-illust,
	.ib-right .ib-illust {
		float: none;
		text-align: center;
	}

	/* 吹き出し */

	.ib-left .ib-bubble {
		margin-left: 0;
	}

	.ib-right .ib-bubble {
		margin-right: 0;
	}

	.ib-left .colored_bg:after,
	.ib-right .colored_bg:after {
		position: absolute; 
		top: -36px;
		left: 50%;
		width: 0; 
		height: 0;
		border: 18px solid transparent;
		content: "";
		margin-left: -18px;
	}

	.ib-left .bg-green-lt:after , .ib-right .bg-green-lt:after  { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #abddcd; }
	.ib-left .bg-blue-lt:after  , .ib-right .bg-blue-lt:after   { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #bccddd; }
	.ib-left .bg-gray-lt:after  , .ib-right .bg-gray-lt:after   { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #cdcdcd; }
	.ib-left .bg-purple-lt:after, .ib-right .bg-purple-lt:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #ddbccd; }
	.ib-left .bg-red-lt:after   , .ib-right .bg-red-lt:after    { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #eebcbc; }
	.ib-left .bg-yellow-lt:after, .ib-right .bg-yellow-lt:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #ffddab; }

	.ib-left [class^="title-"],
	.ib-right [class^="title-"] {
		padding: 0;
	}

	/* ==========================================================================
		 レスポンシブ用 表示非表示
		 ========================================================================== */

	.lsc {display: none;}
	.ssc {display: block;}

	/* WordPress用 */

	img.alignleft,
	img.alignright{
		float: none;
		display: block;
		padding: 0;
		margin: auto;
	}

}