@charset "utf-8";
/* 基本的にp以外はすべてセンター寄せ */
/* editor-style.css　custom.css　以外は完全固定以外マージンもパッディングもつけない */

/*	初期化
/*-------------------------------------------*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0px; padding: 0px; word-wrap: break-word; }
ul { list-style: none; }
body { min-width:1100px;}  
body, ul, ol, li, dl, dt, dd, table, form, input, label { margin:0; padding:0; font-weight:normal; }
/* Text elements */
hr { border:none; border-top:dashed 1px #CCC; height:1px; color:#FFFFFF; width:100%; margin-top:30px; margin-bottom:30px; }
th { font-weight:lighter; }
dt { font-weight: bold; }
strong { font-weight: bold; }
a { color:#333; text-decoration:underline; font-size:100%; overflow:hidden; outline:none; }
a:hover { color:#0066FF; text-decoration: none; }
img { border: no; text-decoration:none; }
img { border: none; vertical-align: top; }
a img { border:none; }
a:hover img { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.clearBoth { clear:both; font-size:1px; height:0; text-align:center; }
/*-------------------------------------------*/

/*-------------------------------------------*/
/*サイトディスクリプション*/
/*-------------------------------------------*/


/*-------------------------------------------*/
/*	#ヘッダ
/*-------------------------------------------*/


/*-------------------------------------------*/
/*	#ナビゲーション
/*-------------------------------------------*/
/* --------http://theorthodoxworks.com/web-design/drop-down-menu-multi-css/--------- */
#menu-glnv { position: relative; }
#menu-glnv {display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */-webkit-align-items: center; align-items: center;}
#menu-glnv>li { margin-left:0 !important; margin-right:0 !important; }
#menu-glnv>li { flex-grow: 1; -webkit-flex-grow: 1; /* Safari */ }
ul.sub-menu { visibility: hidden; opacity: 0; z-index: 1; }
#menu-glnv > li:hover { -webkit-transition: all .5s;
transition: all .5s;
}
.sub-menu li { border-top: 1px dashed #CCC; }
.init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#menu-glnv:after { clear: both; }
#menu-glnv { *zoom: 1;
}
ul#menu-glnv>li { padding-top:20px; padding-bottom:20px; }/*リンク部分を広くするために必要*/
#menu-glnv li:first-child { border:none; }/*仕切り線を最初だけ削除*/
/* --------------------------------------------------- multi menu */
li ul.sub-menu { position: absolute; top: 50px; width:200px; background-color:rgba( 255, 255, 255, 0.8 ); -webkit-transition: all .2s ease;
 transition: all .2s ease;
padding-left:15px; padding-right:15px; text-align:left; }
li:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li ul.sub-menu li { position: relative; padding-top:10px; padding-bottom:10px; }
li ul.sub-menu li:hover { color:#036; }
.init-right:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
/* --------------------------------------------------- mega menu */

li.menu__mega ul.sub-menu { position: absolute; top: 40px; left: 0; box-sizing: border-box; width: 80%; padding: 20px 2%; background: #C60; -webkit-transition: all .2s ease;
transition: all .2s ease;
}
li.menu__mega:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li.menu__mega ul.sub-menu > li { float: left; width: 32%; border: none; }
 li.menu__mega ul.sub-menu > li:nth-child(3n+2) {
margin: 0 1%;
}
/* ------------スマホ時 */
.collapse {text-align: center;padding:5px 0; color:#fff;}
#toggleDown {text-align: center}
#toggleDown a {color:#fff ;text-decoration: none;}
#toggleDown li {padding:8px 0;}

@media screen and (min-width: 320px) {
	.collapse {font-size: 1.1em}
	#toggleDown a {font-size: .9em;}
	#toggleClick{display:block;}
	#toggleDown{display:none;}
	#toggleClick {
    margin-top: -67px;
}
}
@media screen and (min-width: 375px) {
	.collapse {font-size: 1.2em}
	#toggleDown a {font-size: 1em;}
	#toggleClick{display:block;}
	#toggleDown{display:none;}
		#toggleClick {
    margin-top: 0px;
}
	}
@media screen and (min-width: 414px) {
	.collapse {font-size: 1.3em}
	#toggleDown a {font-size: 1.1em;}
	#toggleClick{display:block;}
	#toggleDown{display:none;}
	#toggleClick {
    margin-top: 0px;
}
	}
@media screen and (min-width: 767px) {
	#toggleClick{display:none;}
	#toggleDown{display:none;}
	}

/*-------------------------------------------*/
/*	#テーブルをスクロールさせる
/*-------------------------------------------*/
table.tablescroll {	overflow: auto;	white-space: nowrap;	display:block;	width:auto;}
table.tablescroll tbody {	width: 100%;	display:table;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar {	height: 5px;}
 /*tableにスクロールバーを追加*/table::-webkit-scrollbar-track {	background: #F1F1F1;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar-thumb {	background: #BCBCBC;}
/*-------------------------------------------*/
/*	ログイン時の編集ボタン
/*-------------------------------------------*/
.hensyuu { font-size:10px; color:#FFF; background-color: #EEE; border: #E1E1E1 1px solid; display:inline-block; width:50px; font-weight:bold; text-align:center; border-radius: 3px; cursor:pointer; padding-left:3px; padding-right:3px; position: absolute; bottom:0px; right:0px; }
.hensyuu a { color:#FFF; text-decoration:none; }
.hensyuu:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.log_tensen { border: #E1E1E1 dashed 1px; margin-bottom:3px; margin-left:3px; margin-right:3px; position:relative; }

/*-------------------------------------------*/
/*	メニューリスト設定
/*-------------------------------------------*/
ul.menulist { display: -webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; width:100%; }
ul.menulist li.menu_1 { width:97%; margin-left:1.5%; margin-right:1.5%; }
ul.menulist li.menu_2 { width:47%; margin-left:1.5%; margin-right:1.5%; }


/*-------------------------------------------------------------------------------------*/
/*ブログページ　
/*-------------------------------------------------------------------------------------*/
ul.itiran li { margin-bottom:20px; padding-bottom:20px;;}
dl.itiran_dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
dl.itiran_dl dt { width:150px; height:150px; overflow:hidden;}
dl.itiran_dl dd {flex: 1; text-align:left !important;  margin-left:30px;}
.blog_thum { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size: cover; }
.blog_thum a { display:block;  width:100%; height:100%;}
.blog_thum span { visibility: hidden; display: none;}


/*--------------------------------
関連記事表示部分
---------------------------------*/
ul.kanren_ul li { margin-bottom:10px; padding-bottom:10px; border-bottom: #DDD dashed 1px;}
dl.kanren_dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
dl.kanren_dl dt { width:80px; height:80px; overflow:hidden;}
dl.kanren_dl dd {flex: 1; text-align:left !important;  margin-left:30px;}



/*--------------------------------
SNS
---------------------------------*/
.sns li { margin: 5px 0; }
.sns .snsb li { float: left; margin-right: 10px; list-style-type: none; }
.post .sns .snsb.clearfix { padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }
/* ブログボックス　日付とか */
.blogbox p { font-size: 12px; color: #666666; line-height: 15px; }
.blogbox { border-top-width: 1px; border-top-style: solid; border-top-color: #666666; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; }
/*--------------------------------
コメント
---------------------------------*/
#comments p a { color: #333; }
#comments p { font-size: 14px; font-weight: normal; line-height: 20px; margin: 0px; color: #333; padding: 5px 0; }
#comments label { display: block; }
.metadata dd a { color: #333; }
.metadata { font-size: 13px; line-height: 20px; }
#comments { font-size: 14px; line-height: 20px; color: #333; background-color: #f3f3f3; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; margin-bottom: 20px; border:#CCC solid 1px; }
.comment-body { padding: 10px; margin-bottom: 20px; }
.fn { font-style: normal; font-size: 13px; }
.says { font-size: 13px; line-height: 18px; }
.commentmetadata { font-size: 12px; line-height: 15px; height: 15px; width: 100%; clear: both; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 0px; }
.reply { padding: 5px; font-size: 13px; }
#comments #respond { font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; color: #666; }
#comments #commentform .tags { padding: 10px; background-color: #f3f3f3; font-size: 13px; }
#comments #commentlist img { padding: 10px; }
#comments .commets-list { padding-left: 0px; list-style-type: none; }
ul.children { padding: 0px; }
.commets-list li { list-style-type: none; }
.comment-author.vcard .avatar { float: left; margin-right: 10px; }
.vcard .fn { font-size: 13px; line-height: 18px; }
/* コメント欄の下にある使用できるタグの表記を消す */
.form-allowed-tags { display: none; }
#comments h3 { background-image: url(http://kaowaka.net/css/images/come.png); font-size: 16px; padding: 10px 0px 10px 50px; border: none; margin-bottom: 0px; }
#comments textarea { margin-bottom: 10px; width: 100%; border: 1px #f2f2f2 solid; }
#comments input { box-sizing: border-box; padding: 10px; width: 100%; border-radius: 2px; border: 1px #f2f2f2 solid; }
/* コメントボタン */
#comments input[type="submit"] { background-color: #ccc; padding: 10px; -webkit-appearance: none; }
/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi dl dt { font-weight: bold; font-size: 14px; line-height: 27px; float: left; width: 50px; color: #666; }
.p-navi dl dd { font-size: 15px; padding-left: 55px; line-height: 27px; }

/*-------------------------------------------*/
/*アクセス
/*-------------------------------------------*/
.googlemap_access>iframe { width:100% !important; height:300px; overflow:hidden; }
/*-------------------------------------------*/
/*	TOPページのピックアップブログのサムネイルの扱い
/*-------------------------------------------*/
.samuneiru img { max-width:none !important; height:150px !important; width:auto !important; }
.samuneiru { height:150px; overflow:hidden; }
/*-------------------------------------------*/
/*	#ボトムコンテンツ
/*-------------------------------------------*/



/*-------------------------------------------*/
/*	第二階層コンテンツ
/*-------------------------------------------*/
#contents .pagewidth { width:100%; }
/*-------------------------------------------*/
/*	サイドバー
/*-------------------------------------------*/
#side .pagewidth { width:100%; }
#side ul.menulist { width:100%; }/* おすすめメニューの横幅設定削除 */
#side ul.menulist .f_flex { display:block; }
#side ul.menulist img { max-width:50%; height:auto; }
#side ul.menulist li { max-height:160px; overflow: auto; border:none; border:#CCC solid 1px; }/* サイドバーのメニュー下点線削除 */
ul.side_pick li { border-bottom:#CCC dashed 1px; margin-bottom:10px; padding-bottom:10px;}
dl.side_pick_dl { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
dl.side_pick_dl dt img { max-width:none!important; height:100%; width:auto;}
dl.side_pick_dl dt { width:80px; height:80px; overflow:hidden;}
dl.side_pick_dl dd { width:140px;}

/*-------------------------------------------*/
/*検索フォーム
/*-------------------------------------------*/
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
#search{padding-bottom:0px;position:relative;width:100%;}
#searchform{border:#ccc 1px solid;}
#s{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;height:34px;color:#333;font-size:14px;border-radius:0;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;z-index:10;padding:10px 65px 10px 10px;width:100%;box-sizing:border-box;}
#searchsubmit{border-radius:0;position:absolute;right:0px;top:0px;width:50px;height:34px;z-index:20;}
*:first-child + html #searchsubmit{top:1px;}



/* サイドバーの見出し */
#side aside ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#side aside h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#side aside #mybox ul li ul li {
	font-size: 14px;
	line-height: 27px;
}
#side aside #mybox ul {
	margin-bottom: 10px;
}
/* RSS購読するボタン */
.rssbox a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #1a1a1a;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	text-decoration: none;
}
.rssbox a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*-------------------------------------------*/
/*	#ニュースリリース
/*-------------------------------------------*/
ul#newsrelease li { padding-bottom:10px; margin-bottom:10px; border-bottom:#E6E6E6 dashed 1px; display:block; }
ul#newsrelease li span.day { font-size:80%; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; margin-right:10px; }
/*-------------------------------------------*/
/*	#フォーム
/*-------------------------------------------*/
label { cursor:pointer; }
input[type="checkbox"].on-off { display: none; }
.formbox01 { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none; }
.formbox01 { padding-top:3px; }
input[type="checkbox"].on-off + div.formbox01 { height: 0; overflow: hidden; }
input[type="checkbox"].on-off:checked + div.formbox01 { height:450px; }
input[type="checkbox"].on-off:checked + div.formbox02 { height:auto; }
.bsform { display:block; width:100%; height:30px; padding:6px 12px; font-size:14px; line-height:2; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.btn-primary { color:#fff; background-color:#428bca; border-color:#357ebd }
.btn { display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:normal; line-height:1.428571429; text-align:center; white-space:nowrap; vertical-align:middle; cursor:pointer; background-image:none; border:1px solid transparent; border-radius:4px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none }
.btn:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
.btn:hover, .btn:focus { color:#333; text-decoration:none }
.bsform:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) }
.bsform:-moz-placeholder {
color:#999
}
.bsform::-moz-placeholder {
color:#999;
opacity:1
}
.bsform:-ms-input-placeholder {
color:#999
}
.bsform::-webkit-input-placeholder {
color:#999
}
.bsform[disabled], .bsform[readonly], fieldset[disabled] .bsform { cursor:not-allowed; background-color:#eee }
textarea.bsform { height:auto }
/*お問い合わせフォーム用*/
#formWrap { width:850px; margin:0 auto;  line-height:120%; font-size:90%; }
table.formTable { width:100%; margin:0 auto; border-collapse:collapse; }
table.formTable td, table.formTable th { border:1px solid #ccc; padding:10px; }
table.formTable th { width:30%; font-weight:normal; background:#efefef; text-align:left; }
/*-------------------------------------------*/
/*	mwフォーム
/*-------------------------------------------*/
.mw_wp_form input { height:40px; padding:2px; -webkit-box-shadow: inset 0 0 10px 0 #E1E1E1; -moz-box-shadow:  inset 0 0 10px 0 #E1E1E1; box-shadow: inset 0 0 10px 0 #E1E1E1; margin-bottom:10px;}
.mw_wp_form textarea { padding:2px; -webkit-box-shadow: inset 0 0 10px 0 #E1E1E1; -moz-box-shadow:  inset 0 0 10px 0 #E1E1E1; box-shadow: inset 0 0 10px 0 #E1E1E1;}
.mw_wp_form .mwform_btn { width:50%; margin:20px; height:40px;}
.mw_wp_form select { height:40px; padding:2px; -webkit-box-shadow: inset 0 0 10px 0 #E1E1E1; -moz-box-shadow:  inset 0 0 10px 0 #E1E1E1; box-shadow: inset 0 0 10px 0 #E1E1E1;}
.mw_wp_form .error { font-size:130% !important; font-weight:bold !important; color:#FF0080 !important;}
span.mwform-checkbox-field label { display:block;}
span.mwform-checkbox-field label input { height: auto; width:auto;}
.mw_wp_form .horizontal-item + .horizontal-item { margin-left:0px;}


/*-------------------------------------------*/
/*	▼TOPページへのスクロール
/*-------------------------------------------*/
#page-top { position: fixed; bottom: 50px; right: 20px; font-size: 67%; opacity:0.7; }
#page-top a { text-decoration: none; color: #fff; width: 70px; padding:20px 0; text-align: center; display: block; border-radius: 5px; }
#page-top a:hover { text-decoration: none; background: #999; }
/*-------------------------------------------*/
/*	アクセスページ
/*-------------------------------------------*/
table.t_design { margin: 0 auto; border-collapse: separate; font-size: 12px; width:100%; color: #333;}
table.t_design th, table.t_design td { padding: 10px; border:none; }
table.t_design th { background: #EEE; vertical-align: middle; text-align: left; overflow: visible; position: relative; font-weight: bold; font-size: 15px; border-right:#FFF solid 2px; }
table.t_design td { background: #f8f8f8; padding-left: 20px; text-align:left; }
table.t_design img { margin-bottom:0px !important; }
table.s_menu { margin: 0 auto; border-collapse: separate; font-size: 15px; width:750px; }
table.s_menu th, table.s_menu td { border-bottom:#CCC dashed 1px !important; }
table.s_menu th, table.s_menu td { padding: 10px; border:none; }
table.s_menu th { width:400px; font-weight: bold; }
table.s_menu td { padding-left: 20px; text-align:left; }
table.s_menu td.member { background-color:#FF8080; color:#FFF; font-weight:bold; width:130px; }