@charset "UTF-8";

/*
Theme Name: 2015shoudoukai-theme
Theme URI: http://shoudoukai.com
Description: 日本空手道 掌道会Webサイトテーマ
Version: 1.0
Author: design Xanthus
Author URI: http://d-xanthus.com/
*/

/*========================================================
　基本リセット設定 normalize.css読み込み前提
========================================================*/

figure, dl, dt, dd {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { padding: 0; }

/*========================================================
　基本タグ、クラス設定
========================================================*/

*,
*:before,
*:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}

html {
	font: 16px/1.7 Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
	margin-bottom: 1px;/*Opera用*/
	overflow: scroll;/*Opera用*/
}

address { font-style: normal; }

/*---------------------------------
 テキストカラー関連
---------------------------------*/

body { color: #4c4c4c; }

a { color: #93805d; }

a:hover,
a:active { }

/*---------------------------------
 img object フルードイメージ設定
---------------------------------*/

img, object, video {
	max-width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: bottom;
}

html:first-child img { /*  for IE8用 */
	width: auto;
	height: auto
}


/*---------------------------------
 リンク関連
---------------------------------*/

a { text-decoration: none; }

a:hover { text-decoration: underline; }

a:active { }

a:hover img,
a:active img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*== imgホバー時 半透明無し（クラス）==*/
a.opaNone:hover img,
a.opaNone:active img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/*---------------------------------
 基本テキスト設定
---------------------------------*/

h1, h2 { margin: 0 0 0.5em; }

h3, h4, h5, h6 { margin: 2em 0 0.3em;}

ul, ol {
	padding-left: 1.5em;
	margin: 0.5em 0 0.5em;
}

@media screen and ( min-width: 641px )  {

	ul, ol { margin-left: 1em; }
	
}

/*== 見出し関連 ==*/

h1, h2 { font-size: 2.375em; }

h3 { font-size: 1.875em; }

h4 { font-size: 1.5em; }

h5 { font-size: 1.25em; }

h6 { font-size: 1.125em; }

h1,h2,h3,h4,h5,h6 { line-height: 1.4; }

/*== 段落（P）基本設定 ==*/

p { text-indent: 1em;
	margin: 0 0 0.5em;
}

form p { text-indent: 0; }

/*---------------------------------
 フォーム関連 基本設定
---------------------------------*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
	vertical-align: middle;
	line-height: 1.8;
	width: 100%;
	padding: 1px 5px;
	border: solid 1px #d4d4d7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 100%;
	background: #fcfcfc;
	-moz-box-shadow: 1px 1px 2px #eee inset;
	-o-box-shadow: 1px 1px 2px #eee inset;
	-webkit-box-shadow: 1px 1px 2px #eee inset;
	box-shadow: 1px 1px 2px #eee inset;
}

textarea {
	height: auto;
	line-height: 1.5;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
	padding: 0.3em 1em;
	background: #4c4c4c;
	background: -moz-linear-gradient(top, #4c4c4c 0%, #2e2c2c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #2e2c2c));
	background: -webkit-linear-gradient(top, #4c4c4c 0%, #2e2c2c 100%);
	background: -o-linear-gradient(top, #4c4c4c 0%, #2e2c2c 100%);
	background: -ms-linear-gradient(top, #4c4c4c 0%, #2e2c2c 100%);
	background: linear-gradient(to bottom, #4c4c4c 0%, #2e2c2c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2e2c2c', GradientType=0 );
	border: 0;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.5;
	font-size: 100%;
	color: #fff;
	-webkit-appearance: none;/*iPhoneへのボタン対策*/
	position: relative;
	-moz-box-shadow: 0 1px 1px #999;
	-o-box-shadow: 0 1px 1px #999;
	-webkit-box-shadow: 0 1px 1px #999;
	-ms-box-shadow: 0 1px 1px #999;
	box-shadow: 0 1px 1px #999;
	display: inline-block;
	margin-top: 0.6em;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #93805d;
	text-decoration: none;
}

*:first-child+html input[type="submit"] { padding: 3px; }

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	top: 1px;
	-moz-box-shadow: 0 0 1px #999;
	-o-box-shadow: 0 0 1px #999;
	-webkit-box-shadow: 0 0 1px #999;
	box-shadow: 0 0 1px #999;
}

input[disabled="disabled"],
input[disabled="disabled"]:hover,
input[disabled="disabled"]:active {
	background: #999;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

/*---------------------------------
 テーブル 基本設定
---------------------------------*/

table {
	width: 100%;
	border-style: solid;
	border-width: 2px 0;
	border-color: #4c4c4c;
}

table tr { border-bottom: #4c4c4c solid 1px;}

table th,
table td {
	padding: 0.8em 0;
}

table th { background: #f7f2de; }

.tableHidden {
	width: 100%;
	overflow: auto;
}

.length_Line th,
.length_Line td {
	border-right: 1px dotted #4c4c4c;
}

.length_Line th:last-child,
.length_Line td:last-child { border-right: none; }



/*========================================================
　基本クラス設定
========================================================*/

/* クリアフィックス	
---------------------------------*/

.clearfix:before,
.clearfix:after,
.centerBox:before,
.centerBox:after,
.centerBox:before,
.centerBox:after {
	content: " ";
	display: table;
	clear: both;
}

.clearfix:after, .centerBox:after { clear: both; }

.clearfix { *zoom: 1; }

/* フロート関連
---------------------------------*/

.float_L { float: left }

.float_R { float: right }

.float_C { clear: both }


/* テキスト関連（16px基準）
---------------------------------*/

.text10px {
	font-size: 10px;
	font-size: 0.625rem;
}

.text12px {
	font-size: 12px;
	font-size: 0.75rem;
}

.text14px {
	font-size: 14px;
	font-size: 0.875rem;
}

.text16px {
	font-size: 16px;
	font-size: 1rem;
}

.text18px {
	font-size: 18px;
	font-size: 1.125rem;
}

.text20px {
	font-size: 20px;
	font-size: 1.25rem;
}

.text22px {
	font-size: 22px;
	font-size: 1.375rem;
}

.text24px {
	font-size: 24px;
	font-size: 1.5rem;
}

.text26px {
	font-size: 26px;
	font-size: 1.625rem;
}

.textMincyo { 
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
}

.textCenter { text-align: center; }

.textRight { text-align: right; }

.textBold { font-weight: bold; }

.textNomal { font-weight: normal; }

.textRed { color: #f00; }


/* リスト関連
---------------------------------*/

nav ul,
ul.bread_crumb,
.widget-container ul,
.ul-none,
.ul-none ul,
.ol-none,
.ol-none ol{
	list-style: none; 
	padding: 0;
	margin: 0;
}

.style-none { list-style: none; }

ul.ul-disc,
ol.ol-decimal {
	padding-left: 2.5em;
	margin: 1em 0 1em 1em;
}

ul.ul-disc { list-style: disc; }

ol.ol-decimal { list-style: decimal; }

.padd_L { padding-left: 1em; }


/* 検索結果のハイライト
---------------------------------*/

.search-excerpt { background: #ff0; }

/* カラー・グラデ関連
---------------------------------*/

/* WordPress 関連
---------------------------------*/

.alignright,
.aligncenter,
.alignleft { display: block; }

.alignnone,
.alignright,
.aligncenter,
.alignleft,
.wp-video { margin-bottom: 1em; }

/* WPメディアプレイヤー フルード対応 */
.wp-video,
.mejs-container,
.mejs-overlay {
	width: 100% !important;
	max-width: 640px !important;
	height: auto !important;
	/*max-height: 480px !important;*/
	margin: 0 auto 1em;
}

.mejs-mediaelement {
	position: static !important;
	top: auto !important;
	bottom: 480px;
}

.mejs-overlay { position: static !important; }

@media screen and ( min-width: 641px ) {

	.alignright {
		float: right;
		margin-left: 1em;
	}

	.aligncenter {
		display: block;
		margin: 0 auto 1.5em;
	}

	.alignleft {
		float: left;
		margin-right: 1.5em;
	}
}

/*========================================================
 汎用エレメント共通設定
========================================================*/

/*-------------------------------------
 テキスト関連
---------------------------------------*/

/* webフォント
-------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

.wbf-OS { font-family: 'Open Sans', sans-serif; }

.wbf-OS600 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

/* インデント
-------------------------------*/

.indent0 p,
p.indent0 { text-indent: 0; }

.indent_m05 { text-indent: -0.5em; }

.indent_m1 { text-indent: -1em; }

/* <br>改行
-------------------------------*/

.mbBr { display: inline; }

.pcBr { display: none; }

@media screen and ( min-width: 641px ) {

	.mbBr { display: none; }

	.pcBr { display: inline; }
}

/* dlフロート
-------------------------------*/

/*.dl_float dt { font-weight: bold; }*/

.dl_float dd { margin-bottom: 1em; }

@media screen and ( min-width: 641px )  {

	.dl_float dt {
		float: left;
		margin-right: 1em;
	}

	.dl_float dd {
		display: block;
		overflow: hidden;
	}
	
}

/* テキストHidden
-------------------------------*/

.txtHidden { overflow: hidden;}

/* spanブロック
-------------------------------*/

.spBlock { display: block; }


/* リンクリスト
-------------------------------*/

.linkList li {
	padding-left: 1em;
	margin-bottom: 0.5em;
	position: relative;
	border-bottom: 1px dotted #ccc;
}

/*.linkList li:last-child { border-bottom: none; }*/

.linkList li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #93805d #93805d transparent transparent;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 1px;
}

.linkList li:hover:before { left: 2px; }

.linkList li:last-child { margin-bottom: 0; }

@media screen and ( min-width: 641px )  {

	.linkList li {
		line-height: 1.4;
		padding-bottom: 0.3em;
	}
}

/*-------------------------------------
　レイアウト、背景関連
---------------------------------------*/

/* 背景色 設定
-------------------------------*/

.bg_lyellow { background: #f7f2de; }

/* ボックス、フレーム設定
-------------------------------*/

.box { padding: 16px 2.35%; }

.box h3, .box h4, .box h5, .box h6 { margin: 0 0 0.3em; }

.frame { border: 1px solid #4c4c4c; }

.fr_lgray { border-color: #eee; }

.fr_shadow img { box-shadow: 0 0 2px rgba(0,0,0,0.2); }



/* リストブロック横並び
-------------------------------*/

.liColumn02,
.liColumn03,
.liColumn04 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.liColumn02:after,
.liColumn03:after,
.liColumn04:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and ( min-width: 641px )  {

	.liColumn02 > li,
	.liColumn03 > li,
	.liColumn04 > li {
		float: left;
		margin: 0 3.52% 24px 0;
	}

	.liColumn02 > li {
		width: 48.235%;
		/*background: #fefefe;*/
	}

	.liColumn03 > li {
		width: 30.98%;
		/*min-height: 4em;*/
		/*background: #efefef;*/
	}

	.liColumn04 > li {
		width: 22.36%;
		/*min-height: 4em;*/
		/*background: #f9f9f9;*/
	}

	.liColumn02 > li:nth-child(even),
	.liColumn03 > li:nth-child(3n),
	.liColumn04 > li:nth-child(4n) { margin-right: 0; }

}

/* マージン
-------------------------------*/
.mg_t0 { margin-top: 0; }

.mg_b0 { margin-bottom: 0; }

.mg_b16 { margin-bottom: 16px; }

.mg_b32 { margin-bottom: 32px; }

.mg_b40 { margin-bottom: 40px; }

.mg_b56 { margin-bottom: 56px; }

.mg_t32 { margin-top: 32px; }

.mg_t40 { margin-top: 40px; }


/*-------------------------------------
　パーツ関連
---------------------------------------*/

/* ボタン設定
-------------------------------*/

.btn-tx a,
a.btn-tx {
	font-size: 14px;
	font-size: 0.875em;
	color: #fff;
	background: #4c4c4c;
	display: inline-block;
	padding: 0.1em 0.8em;
}

.btn-tx a i,
a.btn-tx i { vertical-align: 0;}

.btn-tx a:hover,
a:hover.btn-tx  {
	text-decoration: none;
	background: #93805d;
}

/* 下向き矢印
-------------------------------*/

.flow > li {
	position: relative;
	margin-bottom: 32px;
}

.flow > li:after {
	clear: both;
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	/*background: #333;*/
	border-bottom:60px solid #8a3429;
	border-right: 60px solid transparent;
	position: relative;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%)rotate(-45deg);
	-moz-transform: translateX(-50%)rotate(-45deg);
	-ms-transform: translateX(-50%)rotate(-45deg);
	-o-transform: translateX(-50%)rotate(-45deg);
	transform: translateX(-50%)rotate(-45deg);
}

.flow > li:last-child:after { content: none; }

/*========================================================
　 基本レイアウトブロック設定
========================================================*/

/*.bodyHead,
.bodyFoot { background-color: #eee; }
*/

article,
section,
aside { margin-bottom: 32px; }

.centerBox {
	max-width: 1080px;
	width: 1080px\9;
	margin: 0 3%; /*スマホ用マージン*/
	/*background:rgba(0, 0, 0, 0.1);*/
}

#main,
#sidebar {
	padding-bottom: 32px;
	/*background: #ddd;*/
}

#sidebar {
	width: 288px;
	margin: 0 auto;
}

@media screen and ( min-width: 801px) {

	#main,
	#sidebar { float: left; }

	#main {
		width: 67.4%;/*728px*/
		margin-right: 5.925%;/*64px*/

	}

	#sidebar {
		width: 26.66%;/*288px*/
		margin: 0 ;
		}

	.contents { margin: 0 3.29%; }
	.home .contents { margin: 0; }
}

@media screen and (min-width: 1009px) {

	.centerBox { margin: 0 auto}

}

/*========================================================
　 ヘッダー&フッター&サイドバー 基本設定
========================================================*/

.bodyHead ul,
.bodyFoot ul {
	list-style: none; 
	padding: 0;
	margin: 0;
}

.bodyHead,
.bodyFoot,
#sidebar { line-height: 1.4; }

.bodyHead p,
.bodyFoot p,
#sidebar p { text-indent: 0; }


/*---------------------------------------
 ヘッダー&フッター共通
---------------------------------------*/

/*---------------------------------------
　ヘッダー設定
---------------------------------------*/

.bodyHead {
	text-align: center;
	margin-top: 48px; /* mbメニュー高さ*/
	padding: 16px 0 0;
	/*background: #eee;*/
}

.headWrap {
	background: #fff;
	position: relative;
	z-index: 100;
}

.siteTitle { margin-bottom: 24px; }

.headLogo img { max-width: 288px; }

.headContents {
	background: url(images/bg_header.png) center bottom;
	margin: 0;
}

/* トップイメージ */

.topVisual  {
	position: relative;
	z-index: 0;
}

.topVisual img {
	width: 100%;
	max-width: 2000px;
	height: auto;
}

.topVisual:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 4%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(4%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 4%);
}

@media screen and ( min-width : 641px) {

	.bodyHead { margin-top: 0; }

	.headWrap {
		border-bottom: 1px solid #c6c6c6;
	}

	.headContents {
		margin: auto;
		margin-bottom: -24px;
	}

	.siteTitle { margin-bottom: 16px; }

	.topVisual:after {
		background: url(images/ptn_45degLine.png) repeat-x 0 0, -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 6%);
		background: url(images/ptn_45degLine.png) repeat-x 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(6%,rgba(0,0,0,0)));
		background: url(images/ptn_45degLine.png) repeat-x 0 0, -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 6%);
		background: url(images/ptn_45degLine.png) repeat-x 0 0, -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 6%);
		background: url(images/ptn_45degLine.png) repeat-x 0 0, -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 6%);
	}
}

/*---------------------------------------
　ナビゲーション設定
---------------------------------------*/

/*=== スマートフォン設定 ===*/

@media screen and (max-width : 640px) {


	/* 第1階層 */

	.mainMenu li { background: rgba( 255,255,255,0.8 ); }

	.mainMenu li a { color: #4c4c4c; }

	.mainMenu > li:last-child { border: none; }

	/* 第2階層 */

	.mainMenu li ul li { background: #fff; }

	.mainMenu > li:hover li:hover { background: #93805d; } /*マウスを乗せたときの親メニュー(第2階層)色の指定*/

	/* 第3階層以下 */

	.mainMenu li ul li ul li { background: #fff; }

	.mainMenu li:hover ul li ul li:hover { background: #e6dbc8; }



	.mean-container .mean-bar {
		background: rgba( 240,240,240,0.9 );
		border-bottom: 1px solid #ccc;
	}

	.mean-bar a { color: #4c4c4c; }

	.mainMenu > li:hover > a,
	.mainMenu > li:hover li:hover,
	.mainMenu li:hover ul li ul li:hover { background: #e6dbc8; }

	/*==== MeanMenu 設定====（クラス名はjsファイルにて）*/

	.mean-container .mean-bar {
		width: 100%;
		position: fixed; /*position固定*/;
		top: 0;
		left: 0;/*position固定のため位置の設定が必要*/
		min-height: 48px;
		z-index: 999999;
	}

	.mean-container a:hover { text-decoration: none; }

	.mean-container a.meanmenu-reveal { /* 最上部メニュー*/
		/*font-size: 16px; *//*htmlスクリプト[meanMenuCloseSize:]と設定を合わせる*/
		display: block;
		padding: 8px;
		line-height: 1;
		position: absolute;
		top: 0;
		right: 0;
	}

	.mean-container a.meanmenu-reveal:before {
		content: "";
		display: block;
		width: 32px;
		height: 32px;
	}

	.mean-container a.meanmenu-reveal:before { background: url(images/ico_menu01.png) no-repeat center 0; }

	.mean-container a.meanmenu-reveal.meanclose:before { background: url(images/ico_menu02.png) no-repeat center 0; }

	.mean-container .mean-nav {
		float: left;
		width: 100%;
		margin-top: 48px;
	}

	.mean-container .mean-nav ul {
		padding: 0;
		margin: 0;
		width: 100%;
		list-style-type: none;
	}

	.mean-container .mean-nav ul li {
		position: relative;
		float: left;
		width: 100%;
	}

	.mean-container .mean-nav ul li a {
		display: block;
		float: left;
		width: 90%;
		padding: 10px 5% 10px 42px; /*リスト高さ*/
		margin: 0;
		text-align: left;
		border-top: 1px solid #ccc;
		text-decoration: none;
		text-transform: uppercase;

	}

	.mean-container .mean-nav ul li li a {
		width: 80%;
		padding: 10px 10% 10px 42px;
		/*padding: 1em 10%;*/
		border-top: 1px solid #ccc;
		text-shadow: none !important;
		visibility: visible;
	}

	.mean-container .mean-nav ul li.mean-last a {
		border-bottom: none;
		margin-bottom: 0;
	}

	.mean-container .mean-nav ul li li li a {
		width: 70%;
		padding: 10px 15%;
	}

	.mean-container .mean-nav ul li li li li a {
		width: 60%;
		padding: 10px 20%;
	}

	.mean-container .mean-nav ul li li li li li a {
		width: 50%;
		padding: 10px 25%;
	}

	.mean-container .mean-nav ul li a:hover { /*background: #252525;
	background: rgba(255,255,255,0.1);*/ }

	.mean-container .mean-nav ul li a.mean-expand {
		margin-top: 1px;
		width: 10px;/*26px*/
		/*height: 34px;*/
		padding: 10px !important;
		text-align: center;
		position: absolute;
		left: 0;/*right: 0;*/
		top: 0;
		z-index: 2;
		font-weight: 700;
		border: none !important;
		border-right: 1px solid #aaa) !important;
		border-bottom: 1px solid #ccc !important;
		background: #eee;
	}

	.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(255,255,255,0.5); }

	.mean-container .mean-push {
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		clear: both;
	}

	.mean-nav .wrapper {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	/* Fix for box sizing on Foundation Framework etc. */
	.mean-container .mean-bar,
	.mean-container .mean-bar * {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	.mean-remove { display: none !important; }

}

/*== タブレット・PC用 設定 ==*/

@media screen and (min-width : 641px) {

	/* 第1階層 */

	.bodyHead ul.mainMenu {
		display: inline-block;
		margin-bottom: 16px;
	}

	.mainMenu li {
		float: left;
		position: relative;
		height: 3em;
	}

	.mainMenu li a {
		color: #4c4c4c;
		display: block;
		padding: 0 1em;
		text-decoration: none;
		position: relative;
		top: 50%;
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mainMenu li a:hover { color: #93805d; }

	.mainMenu > li > a { padding: 0 3em;}

	.mainMenu > li > a:hover {
		color: #93805d;
		text-decoration: underline;
	}

	@media screen and ( max-width: 830px )  { /* タブレット時 調整*/

		.mainMenu.centerBox {
			width: 100%;
			margin: 0;
		}

		.mainMenu > li > a { font-size: 98%;} 

	}

	/* 第2階層 */

	.mainMenu li ul {
		position: absolute;
		z-index: 100;
		top: 105%;
		left: 0;
		width: 10em;
		background: #f5f5f5;
		border-radius: 4px;
	}


	.menu-items-num-3 .mainMenu li ul li,
	.menu-items-num-4 .mainMenu li ul li,
	.menu-items-num-5 .mainMenu li ul li,
	.menu-items-num-6 .mainMenu li ul li,
	.menu-items-num-7 .mainMenu li ul li,
	.menu-items-num-8 .mainMenu li ul li {
		overflow: hidden;
		width: 100%;
		height: 0;
		-moz-transition: 0.2s;
		-o-transition: 0.2s;
		-webkit-transition: 0.2s;
		-ms-transition: 0.2s;
		transition: 0.2s;
	}

	.mainMenu > li > ul > li:first-of-type:before {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px;
		border-color:transparent transparent #e5e5e5;
		position: absolute;
		top: -16px;
		left: 44%;
	}

	.mainMenu li ul li a {
		font-size: 90%;
		position: relative;
		top: 50%;
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mainMenu > li:hover > ul,
	.mainMenu li ul li:hover > ul { border: 1px solid #e5e5e5; }

	.mainMenu > li:hover > ul > li {
		overflow: visible;
		height: 3em;
		border-top: solid 1px #e5e5e5;
	}

	.mainMenu > li:hover > ul > li:first-child { border: none;}

	

	.mainMenu li ul li ul {
		top: -1px;
		left: 100%;
	}

	.mainMenu li:last-child ul li ul {
		left: -100%;
		width: 100%;
	}

	.mainMenu li ul li ul:before{
		position: absolute;
		content: "";
		top: 19px;
		left: -16px;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left-color: #757169;
	}

	.mainMenu li ul li:hover ul:before {
		top: 18px;
		left: -17px;
		border-left-color: #93805d;
	}

	.mainMenu li ul li:hover > ul > li {
		overflow: visible;
		height: 3em;
		position: relative;
	}
}

/*-------------------------------
　フッター設定
-------------------------------*/

.bodyFoot {
	padding-top: 16px;
	background: rgb(197,197,197);
	background: -moz-linear-gradient(top,  rgba(197,197,197,1) 0%, rgba(255,255,255,1) 20%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,197,197,1)), color-stop(20%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(197,197,197,1) 0%,rgba(255,255,255,1) 20%);
	background: -o-linear-gradient(top,  rgba(197,197,197,1) 0%,rgba(255,255,255,1) 20%);
	background: -ms-linear-gradient(top,  rgba(197,197,197,1) 0%,rgba(255,255,255,1) 20%);
	background: linear-gradient(to bottom,  rgba(197,197,197,1) 0%,rgba(255,255,255,1) 20%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#ffffff',GradientType=0 );
}

/* フットナビ*/

.footNav { margin-bottom: 16px; }

.footMenu li {
	display: inline-block;
	padding: 0.5em 0;
	font-size: 14px;
	font-size: 0.875rem;
}

.footMenu a {
	display: block;
	padding: 0 0.5em 0 0.3em;
	border-right: 1px solid #93805d;
	/*background: #ccc;*/
}

/* フットタイトル*/

.footTitle { margin-bottom: 16px; }

.footTitle li {
	margin-bottom: 8px;
}

.telNumber {
	font-size: 24px;
	font-size: 1.5rem;
}

.copyright {
	color: #fff;
	font-size: 13px;
	font-size: 0.8125rem;
	text-align: center;
	border-top: solid 1px #fff;
	background: #8A3429;
	margin: 0;
	padding: 0 0 0.3em;
	text-indent: 0;
}

@media screen and ( min-width: 641px ) {

	.bodyFoot { padding-top: 32px; }

	.footContents { position: relative; }

	.footTitle,
	.footNav {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.footTitle {
		max-width: 288px;
		margin-bottom: 0;
	}

	.footTitle li { margin-bottom: 4px; }

	.footMenu li:last-child a { border-right: none; }

	.footNav {
		text-align: right;
		position: absolute;
		top: 48%;
		right: 0;
		max-width: 69%;
	}

	.footMenu li {
		padding: 0;
		margin-bottom: 0.4em;
	}

}


/*==トップへ戻るボタン==*/

#page-top {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 6px;
	right: 24px;
	z-index: 9999;
}

#page-top a {
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
	background: rgb(147,128,93);
	background: -moz-linear-gradient(top,  rgba(147,128,93,1) 0%, rgba(119,104,76,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,128,93,1)), color-stop(100%,rgba(119,104,76,1)));
	background: -webkit-linear-gradient(top,  rgba(147,128,93,1) 0%,rgba(119,104,76,1) 100%);
	background: -o-linear-gradient(top,  rgba(147,128,93,1) 0%,rgba(119,104,76,1) 100%);
	background: -ms-linear-gradient(top,  rgba(147,128,93,1) 0%,rgba(119,104,76,1) 100%);
	background: linear-gradient(to bottom,  rgba(147,128,93,1) 0%,rgba(119,104,76,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93805d', endColorstr='#77684c',GradientType=0 );
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#page-top .fa {
	display: block;
	margin: 0 0 -1px;
	line-height: 1;
}

#page-top span {
	font-size: 11px;
	font-size: 0.6875rem;
	display: block;
	line-height: 1.1;
}

#page-top a:hover {
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


/*========================================================
　Wrapper部共通設定
========================================================*/

.bg_ptn { background: url(images/ptn_45degLine.png) repeat-x 0 0; }

.home .bg_ptn { background: none; }

.mainWrapper { padding-top: 32px; }

.wrapHead { margin-bottom: 40px;}

/* パンくずリスト 設定
-------------------------*/

.bread_crumb {
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.2;
}

.bread_crumb li {
	display: inline-block;
	vertical-align: text-top;
}

.bread_crumb li:after {
	content: ">";
	display: inline;
	margin: 0 0 0 0.3em;
}

/*.bread_crumb li:last-child {
	max-width: 20em;
	height: 1.2em;
	overflow: hidden;
}*/

.bread_crumb li:last-child:after { content: ""; }

/*.bread_crumb:after { content: "…"}*/


/*========================================================
　サイドバー 設定
========================================================*/

.widget-container {
	font-size: 15px;
	font-size: 0.9375rem;
}

.widget-title {
	font-size: 18px;
	font-size: 1.125rem;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
}

.widget-container h6 { margin-top: 1em; }

/* image widget内 設定*/

.widget_sp_image .widget-title { display: none; }

/* searchウィジェット設定*/

.widget_search label { display: none; }

.widget_search input[type="text"] { width: 75.5%; }

.widget_search input[type="submit"] {
	padding: 0.2em 1em;
	margin: 0;
}

#text-2 { margin-bottom: 16px; }

/*========================================================
　Contents 共通設定
========================================================*/

.contentsTitle,
.contents h3 { font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.contentsTitle {
	text-align: center;
	font-weight: normal;
	padding: 0.2em 0 0.5em;
	border-bottom: 1px solid #93805d;
	margin: 0 -3.29% 1em;
}

.contents h3 { color: #8a3429; }

.loopMeta,
.entry-header {
	font-size: 14px;
	font-size: 0.875rem;
}

.borderBt_solid {
	padding-bottom: 0.2em;
	border-bottom: 1px solid #4c4c4c;
}

/*========================================================
　アーカイブ 設定
========================================================*/

.loopArticle {
	border-bottom: 1px dotted #4d4d4d;
	padding: 16px 0 28px;
	margin-bottom: 24px;
}

/*---------------------------------------
　ループ内 設定
---------------------------------------*/

 h3.loopTitle {
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
	font-weight: normal;
	margin-top: 0;
}

.loopMeta {
	margin: -0.5em 0 0.5em;
}

.loopArticle .btn-tx {
	margin-top: -0.25em;
	text-align: right;
}

.thumBox {
	float: left;
	margin: 10px 16px 0 0;
	overflow: hidden;
}

.thumBox,
.thumBox img.imgHeight { width: 126px; }

.thumBox,
.thumBox img { height: 112px; }

.thumBox a,
.thumBox .thumInner {
	display: block;
	margin: 0 -300px;
}

.thumBox img {
	width: auto;
	display: block;
	margin: 0 auto;
}

.thumBox img.imgHeight {
	height: auto;
	margin-top: -15px;
}

@media screen and ( min-width: 641px )  {

	.thumBox,
	.thumBox img.imgHeight { width: 198px; }

	.thumBox,
	.thumBox img { height: 140px; }

	.thumBox img.imgHeight { margin-top: -24px; }
	
}

/* Page Navi プラグイン設定
-------------------------------*/

.wp-pagenavi {
	clear: both;
	text-align: center;
	font-size: 18px;
	font-size: 1.125rem;
	/*margin-top: 18px;*/
}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #4c4c4c;
	text-decoration: none;
	padding: 0.1em 0.1em;
	margin: 0 1px;
	background: #fff;
	-moz-box-shadow: 0 0 2px #ccc;
	-o-box-shadow: 0 0 2px #ccc;
	-webkit-box-shadow: 0 0 2px #ccc;
	box-shadow: 0 0 2px #ccc;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background: #93805d;
	color: #fff;
}

.wp-pagenavi .first,
.wp-pagenavi .last { display: none; }

.wp-pagenavi .fa-lg { vertical-align: 0; }

@media screen and ( min-width: 480px )  {
	
	.wp-pagenavi a,
	.wp-pagenavi span {
		padding: 0.1em 0.35em;
		margin: 0 2px;
	}
}

@media screen and ( min-width: 641px )  {

	.wp-pagenavi a,
	.wp-pagenavi span {
		padding: 0.2em 0.5em;
		margin: 0 3px;
	}

	.wp-pagenavi .first,
	.wp-pagenavi .last { display: inline; }

	.wp-pagenavi .first { margin-left: 0; }

	.wp-pagenavi .last { margin-right: 0; }
}

/*========================================================
　シングルページ 固定ページ 設定
========================================================*/

.entry-header {
	text-align: center;
	margin: -2em 0 2.5em;
}

/* シングルページナビ
-------------------------------*/

.single-Nav {
	list-style: none outside none;
	padding: 18px 0 0;
	margin: 36px 0 18px;
	border-top: solid 1px #ccc;
	width: 100%;
	/*background: #ffb;*/
}

.single-Nav a { color: #4c4c4c; }

.single-Nav a:hover {
	color: #93805d;
	text-decoration: none;
}

.single-Prev { float: left; }

.single-Next { float: right; }

.single-Prev a:before,
.single-Next a:after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	border-style: solid;
	border-width: 1px;
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 1px;
	border-radius: 1px;
}

.single-Prev a:before { border-color: transparent transparent #4c4c4c #4c4c4c; }

.single-Prev a:hover:before { border-color: transparent transparent #93805d #93805d; }

.single-Next a:after { border-color: #4c4c4c #4c4c4c transparent transparent; }

.single-Next a:hover:after { border-color: #93805d #93805d transparent transparent; }


/*========================================================
　各ページ 個別設定
========================================================*/

/* フォームページ
-------------------------------*/

.vertical-item input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

.iptShort input {
	width: 40%;
	margin-right: 1em;
}

.transmitBtn input[type="submit"] {
	padding: 0.3em 2em;
}

@media screen and ( min-width: 641px )  {

	.formBox01 {
		margin: 1.5em;
	}

	.form_dl dt {
		width: 8em;
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.4;
	}

	.form_dl dd { margin-bottom: 1.5em; }

	.accept { float: left; }

	.transmitBtn { float: right; }
}

/* 稽古曜日ページ
-------------------------------*/

.trainingTb table {
	width: 100%;
	margin-bottom: 32px;
}

.trainingTb table td { width: 33.33%; }

.training-date .liColumn03 > li h6 { margin: 0.5em 0 0.2em -0.5em; }

.training-date .liColumn03 > li .alignnone { margin-bottom: 0.5em; }

@media screen and ( min-width: 664px )  {

	.trainingTb table {
		width: 50%;
		float: left;
		margin-bottom: 16px;
	}

	.trainingTb table:nth-child(2) { border-left: 1px dotted #4c4c4c; }
	
}


/* 入門の流れページ
-------------------------------*/

.startingOl p { text-indent: 0; }

.startingOl h4 {
	color: #8a3429;
	border: 2px solid #8a3429;
	padding: 0.3em 0;
	text-align: center;
	margin: 0 0 1em;
}

.startTb th { width: 24%; }

.startTb tr th:first-child { width: 28%; }

.startTb tr td:first-child {
	font-weight: bold;
	background: #fff1f3;
}

@media screen and ( min-width: 641px )  {

	.startingOl h4 { min-width: 12em; }

	.startingOl h6 {
		font-size: 16px;
		font-size: 1rem;
		margin-top: 0;
	}

	h4.stOL-short {
		float: left;
		margin-right: 1em;
	}

	.startingOl img.alignnone,
	.startingOl img.alignleft,
	.startingOl img.alignright,
	.startingOl .liColumn04 li { margin-bottom: 0; }

}


/* 会員さんの声ページ
-------------------------------*/

.fukidashi {
	border: 1px solid #4c4c4c;
	padding: 1em;
	border-radius: 8px;
	position: relative;
	margin:  40px 0 20px;
}

.fukidashi h5 { margin-top: 0;}

.fukidashi:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 20px solid #4c4c4c;
	border-left: 20px solid transparent;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	position: absolute;
	bottom: -10px;
	left: 10%;
}


/*========================================================
　トップページ 設定
========================================================*/

/*あいさつ文*/

.homeGreeting {
	position: relative;
	margin: 0 -3%;
	/*overflow: hidden;*/
}

.greetingImg {
	width: 100%;
	overflow: hidden;
}

.greImgWrap {
	position: relative;
	height: 220px;
}

.greetingImg img {
	max-width: none;
	width: auto;
	height: 220px;
	position: absolute;
	top: 0;
	right: -6%;
	z-index: 0;
}

.homeText {
	color: #8a3429;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold; 
	width: 100%;
	margin-top: -200px;
	position: relative;
	z-index: 50;
	padding: 5px 3% 0;
}

.homeText > p:nth-child(2) {width: 14em;}

.homeText > p,
.timesCircle { margin-bottom: 0.2em; }

.homeText > p,
.mindSpaWrap > p {
	text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 5px #fff;
}

.homeText img { margin-top: 0.5em; }

a#mindSpa {
	font-size: 120%;
	color: #8a3429;
	display: inline-block;
	line-height: 1.2;
	border-bottom: 1px solid #8a3429;
	cursor: pointer;
}

a#mindSpa:hover {
	color: #93805d;
	border-bottom-color: #93805d;
	text-decoration: none;
}

#mindSpaBox {
	color: #4c4c4c;
	font-weight: normal;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
	padding: 1em;
	background: rgba( 247,242,222,0.9 );
	border: 2px solid #9c9c9c;
	border-radius: 8px;
	position: absolute;
	margin: 0 3% 0 0;
}

.mindSpaBox:before {
	content: '';
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	top: -32px;
	left: 10%;
	border-style: solid;
	border-width: 16px 8px;
	border-color: transparent transparent #9c9c9c;
	z-index: 100;

}

#mindSpaBox h6 {
	color: #8a3429;
	margin-top: 0;
}

#mindSpaBox p {
	font-size: 15px;
	line-height: 1.4;
	text-indent: 1em;
}

@media screen and ( min-width: 361px )  {
	
	.homeText > p,
	.mindSpaWrap > p {
		font-size: 18px;
		font-size: 1.125rem;
	}
}

@media screen and ( min-width: 434px )  {

	.greImgWrap { height: 100%;}

	.greetingImg img {
		width: 100%;
		height: auto;
		right: 0;
		position: static;
	}
}

@media screen and ( min-width: 495px )  {

	.homeText {
		width: 80%;
		text-align: center;
		margin-top: -220px;
	}

	.homeText > p:nth-child(2) { width: auto; }

	#mindSpaBox { text-align: left; }

	.mindSpaBox:before { left: 20%; }
	
}

@media screen and ( min-width: 630px )  {

	.homeText {
		width: 74%;
		margin-top: 0;
		position: absolute;
		top: 15%;
	}

	.mindSpaBox:before { left: 32%; }

}

@media screen and ( min-width: 940px )  {

	.homeText {
		width: 64%;
		left: 8%;
	}
	
	.homeText > p,
	.mindSpaWrap > p {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 2;
	}
	
}


/* 動画エリア*/

.movieArea { margin-bottom: 56px;}

.movieArea .contentsTitle {
	padding: 0.2em 0;
	margin: 0 0 0.5em;
}

.home .movieText { display: none; }

/* ボタンメニュー*/

.homeBtnArea {
	padding: 32px 0 16px;
	margin-bottom: 56px;
}

.homeBtnArea aside { margin-bottom: 0; }

.homeBtnArea ul {
	width: 200px;
	margin: 0 auto;
}

.homeBtnArea li {
	text-align: center;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(99%,rgba(246,246,246,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 99%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 99%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 99%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	position: relative;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4)
}

.homeBtnArea li:hover {
	background: rgb(255,220,216);
	background: -moz-linear-gradient(top,  rgba(255,220,216,1) 0%, rgba(228,197,193,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,220,216,1)), color-stop(99%,rgba(228,197,193,1)));
	background: -webkit-linear-gradient(top,  rgba(255,220,216,1) 0%,rgba(228,197,193,1) 99%);
	background: -o-linear-gradient(top,  rgba(255,220,216,1) 0%,rgba(228,197,193,1) 99%);
	background: -ms-linear-gradient(top,  rgba(255,220,216,1) 0%,rgba(228,197,193,1) 99%);
	background: linear-gradient(to bottom,  rgba(255,220,216,1) 0%,rgba(228,197,193,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdcd8', endColorstr='#e4c5c1',GradientType=0 );

}

.homeBtnArea li:active {
	top: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4)
}

.homeBtnArea li a {
	color: #8a3429;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 200px;
	height: 200px;
}

.homeBtnArea li a:hover { text-decoration: none; }

/* 掌道会の特長*/

.homeContents h3,
.homeContents h4,
.homeContents h5 { color: #8a3429; }

.homeContents h3 {
	text-align: center;
	margin: 1em 0 ;
}


@media screen and ( min-width: 639px )  {

	.homeBtnArea ul { width: 632px; }

	.homeBtnArea li {
		float: left;
		margin-right: 16px;
	}

	.homeBtnArea li:last-child { margin-right: 0; }

}

@media screen and ( min-width: 940px )  {

	.homeBtnArea ul { width: 680px; }

	.homeBtnArea li {
		float: left;
		margin-right: 40px;
	}
}

/*========================================================
　SNSボタン設定 設定 参考：http://dokidome.com/pege-speed/1178/
========================================================*/

/* SNSボタン */

.share ul {
	margin : 0;
    padding : 0;
    list-style : none;
    text-align: center;
}

.share li {
	width : 90%;
	margin: 0 auto 8px;
}

.share li a {
	display : block;
    padding : 0.2em 1em 0.3em;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    border-radius:3px;
}

.share li a:hover {
	opacity :0.8;
    color : #fff;
}

.share li a:visited { color: #fff;}

.share ul:after {
	content : "";
    display : block;
    clear : both;
}

.share li a i { vertical-align: -1px; }

.tweet a { background-color : #55acee; }

.facebook a { background-color : #315096; }

.googleplus a{ background-color : #dd4b39;}

.hatena a { background-color : #008fde; }

.line a { background-color: #00c300; }

.pocket a{ background-color :#f03e51; }

.rss a{ background-color: #ff8c00; }

.feedly a{ background-color: #6cc655; }

@media screen and ( min-width:481px ) {

	.share li {
		width: auto;
		display: inline;
	}

	.share li a {
		display: inline-block;
	}

}
/* PC表示でサイドバー落ち防止 */
@media screen and (min-width: 801px) {
  #wrapper::after {
    content: "";
    display: block;
    clear: both;
  }
}
/* ===== PCでサイドバーが下に落ちるのを強制修正（Flex版）===== */
@media screen and (min-width: 801px){
  #wrapper{
    display: flex;
    align-items: flex-start;
  }
  #main{
    width: 73.34%;
    float: none !important;
  }
  #sidebar{
    width: 26.66%;
    float: none !important;
  }
}
/* ===== PC表示でサイドバーが下に落ちる問題を完全修正 ===== */
@media screen and (min-width: 801px) {

  #wrapper {
    display: flex;
    align-items: flex-start;
  }

  #main {
    float: none !important;
    width: 73.34%;
    box-sizing: border-box;
  }

  #sidebar {
    float: none !important;
    width: 26.66%;
    box-sizing: border-box;
  }

}
/* ===== PCでサイドバーが下に落ちるのを防ぐ（801px以上） ===== */
@media screen and (min-width: 801px) {
  #wrapper {
    display: flex;
    align-items: flex-start;
  }

  #main {
    flex: 1;
    min-width: 0; /* これがないと横幅計算で崩れる事あり */
  }

  #sidebar {
    flex: 0 0 280px; /* サイドバー幅。必要なら260px等に調整OK */
    margin-left: 20px;
    float: none !important;
    clear: none !important;
  }
}

/* ==================================================
   PC：メイン＋サイドバーを横並びに固定（float確実版）
================================================== */
@media screen and (min-width: 801px){

  #main{
    float: left !important;
    width: calc(100% - 320px) !important; /* 280 + 余白40 */
    margin: 0 !important;
  }

  #sidebar{
    float: right !important;
    width: 280px !important;
    margin: 0 !important;
    clear: none !important;
  }

  /* もし#sidebarが下に回り込む場合の保険 */
  #wrapper:after{
    content: "";
    display: block;
    clear: both;
  }
}
/* === PCでサイドバーが下に落ちるのを強制修正 === */
@media screen and (min-width: 801px) {
  #wrapper.centerBox{
    display: flex;
    align-items: flex-start;
  }
  #main{
    flex: 1 1 auto;
    min-width: 0;
  }
  #sidebar{
    flex: 0 0 288px;   /* ここは必要なら260px/300pxに調整OK */
    width: 288px;
    margin-left: 64px;
  }
}
/* --- PCでの本文とサイドバーのバランス調整 --- */
@media screen and (min-width: 801px) {

  /* 横並びを安定させる（floatテーマでもOK） */
  #wrapper.centerBox.clearfix {
    display: flex;
    align-items: flex-start;
  }

  #main {
    flex: 1;
    min-width: 0;
  }

  /* サイドバー幅と余白 */
  #sidebar {
    width: 320px;        /* 300〜360で好み調整OK */
    margin-left: 64px;   /* 本文との間隔 */
    float: none;         /* 既存floatの影響を無効化 */
  }
}
@media screen and (min-width: 801px) {
  .centerBox {
    max-width: 1200px; /* 1100〜1280で好み調整 */
  }
}
@media screen and (min-width: 801px) {
  #main {
    margin-right: 64px; /* ← 本文とサイドバーの間隔 */
  }
}
@media screen and (min-width: 801px) {

  /* 本文 */
  #main {
    width: 70%;
    float: left;
  }

  /* サイドバー */
  #sidebar {
    width: 26%;
    float: right;
  }

  /* 本文とサイドバーの間に余白 */
  #main {
    margin-right: 4%;
  }

}

@media screen and (min-width: 801px){

  /* 2カラムの親が崩れてる可能性に備えて */
  #wrapper:after,
  .contents:after{
    content:"";
    display:block;
    clear:both;
  }

  /* 本文を少し細く */
  #main{
    float:left !important;
    width:68% !important;
    margin-right:4% !important;  /* ←余白 */
  }

  /* サイドバーを右に寄せる */
  #sidebar{
    float:right !important;
    width:28% !important;
    margin:0 !important;
  }
}
@media screen and (min-width: 801px){

  /* 本文とサイドバーの間の余白（※すでに入れてるなら値だけ調整） */
  #main{
    margin-right: 4% !important;
  }

  /* サイドバーを「右端から少し左へ」戻す */
  #sidebar{
    margin-right: 40px !important;  /* ←ここが効く：30〜60pxで好み調整 */
  }
}
@media screen and (min-width: 801px){

  /* サイドバー幅を元のサイズに固定して戻す */
  #sidebar{
    float: right !important;
    width: 288px !important;        /* ←ここが効く（元のテーマ値に合わせる） */
    margin-right: 40px !important;  /* 右に行きすぎ防止（余白は好みで30〜60） */
  }

  /* 本文は「サイドバー分を引いた幅」にする（潰れ防止） */
  #main{
    float: left !important;
    width: calc(100% - 288px - 40px - 4%) !important; /* sidebar + 右余白 + 本文とsidebarの隙間 */
    margin-right: 4% !important;   /* 本文とサイドバーの隙間（好みで3〜6%） */
  }

  /* 念のため：サイドバー内がはみ出さないように */
  #sidebar img, #sidebar iframe{
    max-width: 100% !important;
    height: auto !important;
  }
}
/* ===============================
   PC用：本文＋サイドバー最終レイアウト
================================ */
@media screen and (min-width: 801px){

  /* 全体ラッパー */
  .centerBox{
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden; /* floatの崩れ防止 */
  }

  /* 本文エリア */
  #main{
    float: left;
    width: calc(100% - 320px); /* ← sidebar幅 + 余白分 */
    box-sizing: border-box;
    padding-right: 40px;       /* 本文とサイドバーの間隔 */
  }

  /* サイドバー */
  #sidebar{
    float: right;
    width: 280px;              /* ← 見た目が一番安定するサイズ */
    box-sizing: border-box;
  }

}
/* ================================
   メニューバー下の装飾ラインを削除
================================ */

/* ヘッダー下の装飾を消す */
.bodyHead::before,
.bodyHead::after,
#topV::before,
#topV::after {
  display: none !important;
  content: none !important;
}

/* 念のため境界線も無効化 */
.bodyHead {
  border-bottom: none !important;
  box-shadow: none !important;
}
/* ===== メニューバー直下の波線デザインを削除 ===== */
#nav::after {
  content: none !important;
  display: none !important;
}
/* ===== メニューバー下の波線（装飾）を完全に無効化：最終版 ===== */
#nav:after,
#nav::after,
.bodyHead #nav:after,
.bodyHead #nav::after {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
}

/* もし波線が nav 自体の背景だった場合も潰す */
#nav {
  background: none !important;
}