@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; line-height:1.4; word-wrap: break-word; }
ul { list-style: none; }
body, ul, ol, li, dl, dt, dd, table, form, input, label { margin:0; padding:0; font-weight:normal; }
/* Text elements */
body { font-size:16px; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.4; -webkit-text-size-adjust : 100%; }
h1, h2, h3, h4, h5, p, ul, th, td { }
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; }
/*-------------------------------------------*/
/*共通center*/
#description, #header, #keyvisual, #main, #footer { margin-left: auto; margin-right:auto; overflow:hidden; }
.pagewidth, #navigation { margin-left: auto; margin-right:auto; }
/*pの設定*/
p { text-align:left; }
p+p { margin-top:1em; }/*pが連続していたら、マージン*/

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


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


/*-------------------------------------------*/
/*	#ナビゲーション
/*-------------------------------------------*/
/* --------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%;
}
/*-------------------------------------------*/
/*	#キービジュアル
/*-------------------------------------------*/


/*-------------------------------------------*/
/*	ログイン時の編集ボタン
/*-------------------------------------------*/
.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 {}
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%; }



/*-------------------------------------------------------------------------------------*/
/*ピックアップブログ
/*-------------------------------------------------------------------------------------*/
.bloglist_img { height:150px; width:150px; overflow:hidden; margin-left:auto; margin-right:auto;}
.bloglist_img img { width: auto; height:180px; }
/*-------------------------------------------------------------------------------------*/
/*ブログとニュース設定　
/*-------------------------------------------------------------------------------------*/
.bottom_con_img { width:80px ; height:80px; overflow:hidden; }
.bottom_con_img img {width: auto; height:110px; }


/*-------------------------------------------------------------------------------------*/
/*ブログページ　
/*-------------------------------------------------------------------------------------*/
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;}


.point { font-size: 16px; font-weight: bold; padding: 10px; margin-bottom: 20px; line-height: 28px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; color: #666; }
/* 抜粋文字 */



/*--------------------------------
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(../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;}


/* サイドバーの見出し */
#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;
}
/*-------------------------------------------*/
/*	フッター
/*-------------------------------------------*/
.googlemap_footer { width:550px; height:250px; overflow:hidden; }
/*-------------------------------------------*/
/*スマホタップで電話部分
/*-------------------------------------------*/
.sp_bottomlink { opacity:0.7; }
/*-------------------------------------------*/
/*	#ニュースリリース
/*-------------------------------------------*/
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; color:#555; 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; }
/*-------------------------------------------*/
/*	▼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; }
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; }