@charset "utf-8";
/*
Theme Name: seleka-service
Description: Compass Group Theme
Theme URI: http://www.e-compass.ne.jp/
Version: 1.0
Author: Compass Group
Author URI: http://www.e-compass.ne.jp/
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
	color:#333;
	background: #f9f9f9;
	line-height: 1.8;
	font-size: 90%;
}
body, input, textarea, select{
	font-family: Meiryo, "メイリオ", "新ゴ R", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "sans-serif" !important;
}
h2.title,
.contact .tel span{
	font-family: "新ゴ R", Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "sans-serif";
}
h3, h4, .str1, .str2, .str3, .catchcopy,
.post ol.flow > li:before{
	font-family: "新ゴ M", Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "sans-serif";
}
.dsp_pc{ display: inherit;}
.dsp_sph{ display: none;}

img{ max-width: 100%; height: auto; border: none; vertical-align: bottom;}
.img_l{ margin: 0 3% 20px 0; float: left; max-width: 45%;}
.img_r{ margin: 0 0 20px 3%; float: right; max-width: 45%;}

.str1{ font-size: 105%; font-weight: bold; line-height: 1.7;}
.str2{ font-size: 120%; font-weight: bold; line-height: 1.6;}
.str3{ font-size: 150%; font-weight: bold; line-height: 1.5;}
.sml1{ line-height: 170%; font-size: 90%;}
.sml2{ line-height: 160%; font-size: 80%;}
.idt1{ margin-left: 1em; text-indent: -1em;}
.idt1h{ margin-left: 1.35em; text-indent: -1.35em;}
.idt2{ margin-left: 2em; text-indent: -2em;}
.idt3{ margin-left: 3em; text-indent: -3em;}
.red, .red a{ color: #cf1d54;}
.blue1, .blue1 a{ color: #1c487d;}
.gray1, .gray1 a{ color: #ccc;}
.gray2, .gray2 a{ color: #888;}
.catchcopy{ margin: 0 0 .5em; padding: .25em .5em; background: #d8e7f9; font-size: 120%;}
.c{ text-align: center;}
.l{ text-align: left;}
.r{ text-align: right;}
.clr{ clear: both;}
.clr_l{ clear: left;}
.clr_r{ clear: right;}
.clr_n{ clear: none !important;}

.mg0{ margin: 0;}
.mg05t{ margin-top: 5px;}
.mg05l{ margin-left: 5px;}
.mg05r{ margin-right: 5px;}
.mg05b{ margin-bottom: 5px;}
.mg05tb{ margin: 5px 0;}
.mg10t{ margin-top: 10px;}
.mg10l{ margin-left: 10px;}
.mg10r{ margin-right: 10px;}
.mg10b{ margin-bottom: 10px;}
.mg10tb{ margin: 10px 0;}
.mg10lr{ margin: 0 10px;}
.mg20t{ margin-top: 20px;}
.mg20l{ margin-left: 20px;}
.mg20r{ margin-right: 20px;}
.mg20b{ margin-bottom: 20px;}
.mg20tb{ margin: 20px 0;}
.mg25r{ margin-right: 25px;}
.mg30l{ margin-left: 30px;}
.mg30r{ margin-right: 30px;}
.mg30b{ margin-bottom: 30px;}
.mg30tb{ margin: 30px 0;}

.f_l{ float: left;}
.f_r{ float: right;}

.w30p{ width: 28%;}
.w35p{ width: 34%;}
.w40p{ width: 38%;}
.w50p{ width: 48%;}
.w60p{ width: 58%;}
.w65p{ width: 61%;}
.w70p{ width: 68%;}

.col_2{ margin: 0 4% 0 0; width: 48%; float: left;}
.col_3{ margin: 0 3.5% 0 0; width: 31%; float: left;}
.col_2 .col_2{ margin: 0 8% 0 0; width: 46%; float: left;}
.col_2:nth-of-type(even),
.col_2 .col_2:nth-of-type(even),
.col_3:nth-of-type(3n){ margin-right: 0;}

i{ font-style: normal; font-family: FontAwesome;}


/* リンク設定 ------------------------------------------------------------*/

a{
	margin:0;
	padding:0;
	color:#0672ad;
	background:transparent;
	outline:0;
	vertical-align:baseline;
	text-decoration:none;
}
a:hover{
	color:#376eb1;
	-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
	outline: none;
}
a:hover img{ opacity: .7;}

/* フォーム ------------------------------------------------------------*/

input[type="text"], input[type="email"], textarea, select, input[type="checkbox"]{
	margin: .2em 0;
	padding: .1em  .3em;
	vertical-align:middle;
	max-width:90%;
	box-sizing: border-box;
	border:1px solid #ccc;
	border-radius:3px;
	background:#fcfcfc;
	line-height: 1.8;
	font-size: 95%;
}
textarea{
	padding: .1em 1%;
	height:auto;
	width: 100%;
	max-width: 100%;
}
input[type="checkbox"]{ margin: 0 .3em 0 0;}
label{ margin: 0 1em 0 0;}
input[type="submit"],input[type="reset"],input[type="button"]{
	margin: .2em 0;
	padding: .15em 2em;
	color:#fff;
	border:0;
	border-radius:3px;
	background: #837955;
	cursor: pointer;
	line-height: 1.8;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #a49a76;
	cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}

div.wpcf7-response-output,
div.wpcf7-aborted,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors,
.use-floating-validation-tip span.wpcf7-not-valid-tip{ border: 2px solid #cf1d54 !important; text-align: center;}
span.wpcf7-not-valid-tip { color: #cf1d54 !important;}
div.wpcf7-mail-sent-ok { border: none !important; display: none; height: 0; overflow: hidden;}
span.wpcf7-list-item { margin: 0 1em 0 0 !important;}


/* レイアウト ------------------------------------------------------------*/

#wrapper, .inner{
	margin:0 auto;
	width:960px;
}
#header{
	overflow:hidden;
}
#content{
	padding: 30px 0;
	float: right;
	width: 690px;
}
#sidebar{
	padding: 30px 0;
	float: left;
	width: 245px;
	line-height: 1.7;
	font-size: 90%;
}
#footer{
	clear:both;
	padding: 1.5em 0;
	background: #f1f1f1;
}


/* ヘッダー *****************************************************/

/*
	background: -moz-linear-gradient(top, #837955 0%, #b9b39d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#837955), color-stop(100%,#b9b39d));
	background: -webkit-linear-gradient(top, #837955 0%,#b9b39d 100%);
	background: -o-linear-gradient(top, #837955 0%,#b9b39d 100%);
	background: -ms-linear-gradient(top, #837955 0%,#b9b39d 100%);
	background: linear-gradient(to bottom, #837955 0%,#b9b39d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#837955', endColorstr='#b9b39d',GradientType=0 );
*/

/* サイト説明文 + 住所 ----------------------------------*/

#header h1,#header p{
	padding: .2em 0;
	float: left;
}
#header h1{ font-size: 80%;}
#header p{
	margin: 0;
	float:right;
	line-height: 1.4;
	text-align: right;
	font-size: 80%;
}
#header p strong{
	color: #333;
	font-size: 165%;
	font-weight: bold;
}
#header p strong a{ color: #666;}

/* ロゴ (サイトタイトル) ----------------------------------*/

#header h2{
	padding: 10px 0 15px;
	clear:both;
	float: left;
	font-size:100%;
	font-weight:bold;
}

/* コンタクト ----------------------------------*/

.contact{
	line-height: 1.7;
	font-size:90%;
}
#header .contact{
	padding: 10px;
	float:right;
}
.contact .tel{
	font-size:125%;
}
.contact .tel span{
	font-size:140%;
}
.contact .tel a,
.contact .tel span{ color:#333;}

/* サブナビゲーション ----------------------------------*/

#header ul{
	font-size:85%;
	float:right;
}
#header ul li{
	display:inline;
	margin:0 .7em;
}
#header ul li a{
	color: #252525;
}
#header ul li a:hover{color: #888;}

#header ul li a:before{
	margin: 0 .3em 0 0;
	color: #666;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 110%;
}

/* Responsive Navi (nav-toggle) ****************/

@media only screen and (min-width: 768px){
	#nav-toggle { display: none;}
}

/* メインメニュー ------------------------------------------------------------*/

nav#mainNav{
	clear:both;
	background: #1c487d;
	position:relative;
	z-index:200;
}
nav#mainNav .inner{
	padding-left:1px;
}
nav#mainNav ul li{
	float: left;
	position: relative;
	min-width: 16.25%;
}
nav#mainNav ul li:first-child{ border-left: solid 1px #2e5aa1;}
nav#mainNav ul li a{
	padding: 12px 5px 7px;
	color:#fff;;
	display: block;
	_float:left;
	border-right: solid 1px #2e5aa1;
	text-align: center;
}
nav#mainNav ul li a span,
nav#mainNav ul li a strong{
	display:block;
	line-height:1.6em;
	font-size:87.5%;
	font-weight: normal;
}
nav#mainNav ul li a span{
	color: #1c83c7;
	font-size:70%;
}
nav#mainNav ul li.current-menu-item, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent{
	background: rgba(0,0,0,.15);
}
nav#mainNav ul ul{
	width: 100%;
	border-bottom:1px solid #ddd;
}
nav#mainNav ul li ul{display: none;}
nav#mainNav ul li:hover ul{
	display: block;
	position: absolute;
	background: rgba(238,236,228,.8);
	top: 3.35em;
	left:0;
	z-index:500;
}
nav#mainNav ul li li{
	margin:0;
	padding:0;
	float: none;
	width: 100%;
}
nav#mainNav ul li li:first-child{border-left:0;}
nav#mainNav ul li li a{
	padding: .8em;
	width:auto;
	border: none;
	border-top:1px solid #fff;
	border-bottom:1px solid #ddd;
	font-size:95%;
}
nav#mainNav ul li:hover ul li:last-child{border:0;}
nav#mainNav ul li li:last-child a{ border-bottom: none;}

/* トップページ　メイン画像 ----------------------------------*/

#mainImg{
	margin: 20px 0 0;
	clear:both;
	line-height:1;
	text-align:center;
	z-index:0;
}
#mainImg a:hover img{opacity:.9;}
.mainimg_pc{ display: inline-block;}
.mainimg_sph{ display: none;}

/* トップページ 最新記事4件 ------------------------------------------------------------*/

ul.post{ padding:0;}
ul.post li{
	margin:0 20px;
	padding:20px 0 15px;
	border-bottom:1px dashed #dcdcdc;
	line-height: 1.65;
	font-size: 92%;
}
ul.post li:last-child{ border:0;}
ul.post img{
	float: right;
	margin:0 0 5px 15px;
}
ul.post h3{
	margin:0 0 .25em;
	padding: 0;
	clear: none;
	font-size: 110%;
	font-weight:normal;
	color:#333;
	border:0;
}

/* タイポグラフィ *****************************************************/

.postWrap{
}
.post{
	margin: 0 0 20px;
	padding: 25px 25px 10px;
	border: 1px solid #d5d5d5;
	background: #fff;
}
article.archive span{padding-left:10px;}
.post-content{
	padding: 0 0 1em;
}
.meta{
	margin: 0 0 .5em;
	text-align: right;
	font-size: 90%;
}
h2.title{
	margin: 0;
	padding: .4em 25px .2em;
	clear:both;
	border: 1px solid #d5d5d5;
	border-bottom: 2px solid #1c487d;
	background: #fff;
	font-size: 160%;
}
h2.first{margin-top:0;}
.dateLabel{
	margin:0 0 10px;
	text-align:right;
}
p{
	margin-bottom: 1.5em;
	word-wrap : break-word;
	overflow-wrap : break-word;
	text-align: justify;
	text-justify: inter-ideograph;
}
p.c{ text-align: center;}
p.r{ text-align: right;}

.post a:hover{ text-decoration: underline;}
.post strong{ font-weight: bold;}
.post ul,
#tinymce ul{
	margin: 0 0 1em .5em;
	padding: 0;
}
.post ul li,
#tinymce ul li{
	padding: 0 0 0 1.3em;
	position: relative;
}
.post ul li:before,
#tinymce ul li:before{
	position: absolute;
	left: .5em;
    color: #ccc;
    content: "\f0da";
	letter-spacing: .3em;
    font-family: FontAwesome;
}
.post ol{margin: 0 0 1.5em 1em; padding: 0 0 0 .5em;}
.post ol li{list-style:decimal;}

.post ul.idt{ margin-left: 0; list-style: none;}
.post ul.idt li:before{ padding: 0; display: none;}

.post .list50{ margin: 0;}
.post .list50 li{
	margin: 0 3% .8em 0;
	padding: 0 0 0 2%;
	float: left;
	width: 44.5%;
	border-left: dotted 1px #c6b69c;
	background: none;
}
.post .list50 li:nth-child(2n){ clear: both;}
.post .list50 li h4{
	margin: 0;
	padding: 0;
	border: none;
	color: #000;
	font-size: 100%;
	font-weight: normal;
}
.post .list50 li p{ margin: 0;}

.post h1, .post h2, .post h3{clear:both;}

.post h1{
	margin:20px 0;
	padding:5px 10px;
	color: #fff;
	border-radius:4px;
	background:#b89719;
	box-shadow:0 0 3px rgba(0,0,0,.2); 
	font-size:150%;
}
.post h2{
	margin:10px 0;
	padding:3px 5px;
	border-left:5px solid #ccc;
	font-size:150%;
	font-weight:normal;
}
h3{
	margin: 0 0 1em;
	padding: 0 0 .4em;
	border-bottom:1px solid #666;
	font-size:130%;
	font-weight:normal;
}
.post h3 a{ color: #222;}
h4{
	margin: 0 0 .75em;
	padding: .2em .5em;
	/*border-left: 3px dotted #ccc;*/
	background: #f2f2f2;
	line-height: 1.6;
	font-size:105%;
	font-weight: bold;
}
h5{
	margin: 0 0 .15em;
	padding: 0 0 0 13px;
	background:url(images/bullet.png) no-repeat 0 50%;
	font-weight: bold;
}

blockquote {
	margin:10px 0 25px 30px;
	padding:10px 0 10px 15px;
	clear:both;
	border-left:5px solid #ddd;
}
blockquote p{padding:5px 0;}
table{
	margin:10px 0 30px;
	width: 100%;
	max-width: 100% !important;
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td{
	padding: .4em .7em;
	border: 1px #ccc solid;
	border-width: 0 0 1px 1px;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 90%;
}
table th{
	background:#eee;
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
}
table td:first-child{ white-space: nowrap;}
hr{
	margin: 0;
	border: none;
	background: none;
	clear: both;
	height: .5em;
}
hr.mg1em{ margin-bottom: 1em;}
hr.mg2em{ margin-bottom: 2em;}
hr.mg3em{ margin-bottom: 3em;}
hr.mg4em{ margin-bottom: 4em;}

.alignright{
	margin: 0 0 20px 4%;
	display:inline;
	float:right;
}
.alignleft{
	margin:0 4% 20px 0;
	display:inline;
	float:left;
}
.alignnone,
.alignright,
.alignleft{ width: auto !important;}

img.alignnone,
img.alignright,
img.alignleft,
.alignnone img,
.alignright img,
.alignleft img{
	border: solid 1px #fff;
	box-shadow: 5px 5px 5px -2px rgba(0,0,0,.25);
}

.alignright,
.alignleft{ max-width: 48%;}

.post .wp-caption-text{
	padding: .6em 0;
	line-height: 1.6;
	font-size: 85%;
}
.gallery{ padding-bottom: 1em;}
.gallery br{ display: none;}
.gallery-item{
	margin: 0 .5% 15px;
	padding: 0;
	width: 24% !important;
	border: none !important;
}
.gallery-item a{　display: block;}
.gallery-item a:hover img{ opacity: .85;}
.gallery-item img{
	border: none !important;
	max-width: 100% !important;
}
.gallery-item .wp-caption-text{ text-align: left !important;}

.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: inherit !important;
    background: #fff !important;
    color: #222 !important;
    border-radius: 5px !important;
}

/* フッター　ウィジェット *****************************************************/

.widgetWrap{
	margin: 0 0 20px;
	border:1px solid #d5d5d5;
	background: #fff;
}
section.widget, .widgetInfo,#calendar_wrap{
}
#banners p{ margin: 0; text-align: center;}
#banners img{ margin-bottom: 20px;}

#searchform input[type="text"]{
	width:100px;
	height:24px;
	vertical-align:bottom;
	line-height:1.7;
}
/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;background:none;padding:0;text-decoration:underline;}
#calendar_wrap table td#prev a, #calendar_wrap table td#next a{text-decoration:none;}

.widgetWrap h3{
	margin: 0;
	padding: .5em 15px .3em;
	clear:both;
	color: #333;
	border-bottom: 2px solid #1c487d;
	font-size:130%;
	font-weight:normal;
}
.widgetWrap li a{
	padding:5px 0 5px 13px;
	display:block;
	border-bottom: 1px dotted #ccc;
}
.widgetWrap li:last-child a{ border: none;}
.widgetWrapt ul.sub-menu{margin-left:10px;}
.widgetWrap a:hover{ background-position: 3px 50%; text-decoration: underline;}

.widgetWrap iframe{ height: 250px;}

/* お知らせ -------------*/

/*.newsTitle{ border-bottom: solid 1px #d5d5d5;}*/
.newsTitle a{ display: inherit;}
.widgetWrap p{ margin: 0;}
.newsTitle p{
	margin: 0;
	float:right;
}
.widgetWrap h3 a,
.newsTitle h3 a{
	font-size: 80%;
}
.widgetWrap a:before,
.newsTitle a:before{
    color: #999;
    content: "\f101";
	letter-spacing: .3em;
    font-family: FontAwesome;
}
.widgetWrap .textwidget a:before{ display: none;}
.widgetWrap .news,
.widgetWrap .textwidget{ padding: 15px; border-top: 1px solid #ddd;}
.widgetWrap .news p{
	margin: 0 0 5px;
	padding-bottom: 5px;
	clear:both;
	border-bottom: 1px solid #ccc;
	line-height: 1.6;
	font-size: 95%;
}
.widgetWrap .news p:last-child{
	margin: 0;
	padding: 0;
	border:0;
}
.widgetWrap .news p a{ border: none;}
.post .newsTitle{ padding-bottom: .5em;}
h3 .newsTitle{ font-size: 85%;}

/* サイドバー *****************************************************/

#sidebar{}
#sidebar aside{ margin: 0 0 20px;}

/* フッター *****************************************************/

#footer ul{
	padding:15px 0;
	text-align:center;
}
#footer li{
	display:inline-block;
	border-left:1px dotted #ccc;
}
*:first-child+html #footer li{display:inline;}
#footer li:first-child{border:0;}
#footer li a{
	padding: 0 1.5em;
	color:#000;
	font-size: 95%;
}
#footer li a:hover{ text-decoration: underline;}
#footer ul ul{display:none;}

#copyright{
	margin: 0;
	padding: 1em;
	clear:both;
	color: #fff;
	background: #1c487d;
	line-height: 1.6;
	text-align:center;
	font-size: 90%;
}
#copyright img{
	margin: 0 auto .6em;
	max-width: 270px;
}
#copyright p{
	margin: .8em 0 0;
	text-align: center;
	font-size: 90%;
}

/* page navigation ------------------------------------------------------------*/

.pagenav{
	margin: 5px 0 20px;
	clear:both;
	width: auto;
	height: 30px;
}
.prev{float:left}
.next{float:right;}
#pageLinks{}

/* トップページ 最新記事3件 ------------------------------------------------------------*/

.thumbWrap{
	margin: 0 0 2em;
}
.thumbWrap li{
	margin: 0 3.333% 15px 0;
	padding: 0;
	float:left;
	width:22.5%;
	display: block;
}
.thumbWrap li:last-child{ margin: 0;}
.thumbWrap li p{
	margin: .5em 0;
	line-height: 1.6;
	text-align: left;
	font-size: 85%;
}

/* 最新記事リンク */
ul.thumb h3{
	margin-top: .5em;
	padding:2px;
	border:1px solid #ccc;
	text-align:center;
	font-weight:normal;
	font-size: 95%;
}
ul.thumb h3 span{
	padding: .2em .5em;
	display:block;
	background:#f2f2f2;
}
ul.thumb h3 a{color:#fff;}
ul.thumb h3 a:hover span{ background:#eee;}

/* --- Dlist --- */

.Dlist{ margin: 0 0 1em;}
.Dlist dl{ padding: .35em 2px; border-bottom: 1px dotted #ddd;}
.Dlist dt{ margin: 0; float: left; width: 20%;}
.Dlist dd{ margin: 0; float: right; width: 79%;}
.Dlist div{
	margin: 1em 0;
	line-height: 1.7;
	font-size: 95%;
}
.Dlist ol{ margin-bottom: 0;}
.toppage .Dlist{ margin: 0 0 10px;}

/* column */

.column1, .column2{ margin: 0 0 20px; padding: .7em 1.5em;}
.column1{ border: solid 1px #ddd;}
.column2{ border: dashed 1px #ccc;}/*Green*/
.column2 p{ padding: 0;}
.alignleft .column1,
.alignleft .column2,
.alignright .column1,
.alignright .column2{ padding: .7em 1em;}

iframe,
#map_canvas{
	width: 100%;
	border: solid 1px #ddd;
	height: 400px;
}

/* BTN ****************/

a.btn,
.prev a,
.next a{
	padding: .1em 1.5em .2em;
	display: block;
	color: #fff;
	/*border-radius: 3px;*/
	background: #837955;
	line-height: 1.65;
	font-size: 95%;
}
a.btn:after,
.next a:after{
	margin: 0 0 0 .5em;
	color: #b9b39d ;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 120%;
}
.prev a:before{
	margin: 0 .5em 0 0;
	color: #b9b39d;
	content: "\f104";
	font-family: FontAwesome;
	font-size: 120%;
}
a.btn:hover,
.prev a:hover,
.next a:hover{
	background: #a49a76;
	text-decoration: none;
}
a.l{ float: left;}
a.r{ float: right;}
.c a.btn{
	margin: 0 auto;
	display: inline-block;
}
.str1 a.btn{ border-radius: 4px;}
.str2 a.btn{
	padding: .15em 2em .25em;
	border-radius: 5px;
}
.str3 a.btn{
	padding: .2em 2em .3em;
	border-radius: 6px;
}
#sidebar a.btn{ font-size: 90%;}

/* PAGES ****************/

/* Flow */

.post .flow{ margin: 0;list-style: none; counter-reset: li;}
.post .flow li{
	margin: 0;
	padding: 0;
	background: none;
	clear: both;
}
.post .flow li:before{
	margin: -.1em .3em 0 0;
    counter-increment: li;
    content: counter(li) ". ";
	float: left;
	line-height: 1;
	font-size: 2.5em;
}
.post .flow li:after{
	padding: .2em 0 0;
	clear: both;
	display: block;
	color: #999;
	border-top: dashed 1px #ddd;
	text-align: center;
	line-height: .8;
    content: "\f103\f103";
	letter-spacing: 3em;
	font-family: FontAwesome;
	font-size: 300%;
}
.post .flow li:last-child:after{ display: none;}
.post .flow li h3{
	margin: 0;
	padding: 0 0 .5em;
	border: none;
	display: inline-block;
}
.post .flow li p{ margin: 0 0 .7em;}
.post .flow li img{
	margin: 0 0 1em 20px;
	float: right;
}

/* Flow 1 */

.post .flow1 ul {
	margin: 0 auto 1em;
	display: table;
	width: 100%;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	background-color: #005e91;
	background: -webkit-gradient(linear, left top, right bottom, from(#1c487d), to(#00a4ea));
	background: -moz-linear-gradient(left, #1c487d, #00a4ea);
	background: -ms-linear-gradient(left, #1c487d 0%, #00a4ea 100%);
	background: linear-gradient(left, #1c487d, #00a4ea);
}
.post .flow1 ul li {
	display: table-cell;
	width: 11.5%;
	height: 90px;
	vertical-align: middle;
	color: #fff;
	line-height: 1.6;
	text-align: center;
	font-size: .8em;
}
.post .flow1 ul li:last-child { width: 8%;}
.post .flow1 ul li:not(:last-child) {
	position: relative;
	z-index: 2;
}
.post .flow1 ul li:before{ content: "";}
.post .flow1 ul li:not(:last-child):after,
.post .flow1 ul li:not(:last-child):before {
	position: absolute;
	display: block;
	border-right: 1px #fff solid;
	height: 90px;
	content: "";
	z-index: -1;
}
.post .flow1 ul li:not(:last-child):before {
	top: -30px;
	right: 0;
	-webkit-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.post .flow1 ul li:not(:last-child):after {
	top: 42px;
	right: 2px;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	transform: rotate(20deg);
}

/* for SPH ------------------------------------------------------------*/

@media only screen and (max-width: 767px){
	html{ background: none;}
	body{
		padding: 0;
		width: 100%;
		line-height: 1.65;
		font-size: 100%;
	}
	.dsp_pc{ display: none;}
	.dsp_sph{ display: inherit;}

	.f_l, .f_r{ clear: both; float: none;}
	.w30p,.w35p,.w40p,.w50p,.w60p,.w65p,.w70p{ width: 100%;}
	.nobr br{ display: none;}
	.col_2,
	.col_3{ margin: 0 0 1.5em; width: auto; float: none;}
	.col_2 .col_2{ margin: 0 4% 0 0; width: 48%;}
	
	#wrapper, .inner{
		margin:0 auto;
		width: auto;
	}
	#header{ margin: 0;}
	#content{
		padding: 15px 0;
		float:none;
		width:100%;
		min-height: none;
	}
	#sidebar{
		padding: 0 10px;
		float:none;
		width:auto;
	}
	#header .bg .inner{ display: none;}
	#header h1,#header p{
		padding: 0;
		float: none;
		font-size: 70%;
	}
	#header h2 {
		margin: 0 auto;
		padding: 10px 50px 0 10px;
		float: none;
		text-align: center;
	}
	#header p{
		padding: 0;
		line-height: 1.5;
	}
	#header p strong{
		margin: 0;
		display: block;
		font-size: 180%;
	}
	#header .contact {
		padding: 0 10px 5px;
		float: none;
		line-height: 1.5;
		text-align: center;
		font-size: 85%;
	}
	
	/* トップページ 最新記事4件 --------------------------------*/
	ul.post li { margin: 0 10px;}
	ul.post img{
		margin:0 0 5px 10px;
		max-width: 45%;
	}

	/* サブナビゲーション ----------------------------------*/
	#header ul{
		padding: 0 10px .8em;
		float:none;
		text-align: center;
	}
	#header ul li{ margin: 0 .5em;}
	#header ul li a{ font-size: 120%;}
	
	/* メインメニュー *****************************************************/
	
	.js .nav-collapse {
	  clip: rect(0 0 0 0);
	  max-height: 0;
	  position: absolute;
	  display: block;
	  overflow: hidden;
	  zoom: 1;
	}
	.nav-collapse.opened {
	  max-height: 9999px;
	}
	#nav-toggle {
		position: absolute;
		right: 0;
		top: 0;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border: 0;
		cursor: pointer;
		width: 40px;
		height: 50px;
		overflow: hidden;
		background: #1c487d;
	}
	#nav-toggle:before{
		color: white;
		content: "\f0c9";
		text-indent: 0;
		font-size: 24px;
		font-family: FontAwesome;
	}

	nav#mainNav{
		margin: 5px 0 10px;
		padding: 0;
		/*border-top: 1px solid #2e5aa1;*/
	}
	nav#mainNav ul{ border-left: none;}
	nav#mainNav ul li{
		padding:0;
		width: 50%;
		min-width: none;
		height: auto;
	}
	/*nav#mainNav ul li:nth-child(1){ display: none;}*/
	nav#mainNav ul li:nth-child(1){ border-left: none;}
	nav#mainNav ul li a{
		margin: 0;
		padding: 1em 0 .8em;
		border-bottom:1px solid #2e5aa1;
		border-right:1px solid #2e5aa1;
		width: auto;
		height: auto;
	}
	nav#mainNav ul li:nth-child(even) a{
		border-right: none;
	}
	nav#mainNav ul ul{
		width: 100%;
	}
	nav#mainNav ul li:hover ul{
		left: 0;
	}
	nav#mainNav ul li li{
		padding:0;
		width:100%;
		border-bottom: none;
		height: auto;
		line-height:2;
	}
	nav#mainNav ul li li:first-child{ display: block;}
	nav#mainNav ul li li a{
		padding: .85em 0;
		width:100%;
		height: auto;
		line-height:1.5;
		border-right: none;
	}
	nav#mainNav ul li li a{ font-size: 100%;}
	nav#mainNav ul li a span{ font-size: 75%; display: none;}
	
	#mainImg{ margin: 10px 0 0;}
	
	.thumbWrap{
		margin:20px 10px;
	}
	.thumbWrap li{
		margin: 0 4% 15px 0;
		padding: 0;
		float:left;
		width:48%;
		display: block;
	}
	.thumbWrap li:nth-child(even){ margin: 0 0 15px;}
	h2.title{
		margin: 0 10px;
		padding: .3em 10px;
		font-size: 140%;
	}
	h3{ font-size: 120%;}
	.postWrap{}
	.post{
		margin: 0 10px 20px;
		padding: 10px;
		max-height: 100%;
	}
	#post-26 .post ul li,
	#post-28 .post ul li,
	#post-43 .post ul li{
		margin: 0;
		padding: 0 0 0 1.2em;
		float: none;
		width: auto;
	}
	.post .list50 li{
		margin: 0 0 .8em;
		float: none;
		width: auto;
	}
	.alignleft,
	.alignright,
	.img_l,
	.img_r{
		margin: 0 0 15px;
		float: none;
		display: block;
		max-width: 100%;
	}
	
	.post table{ width: 100%;}
	.post table th,
	.post table td{
		padding: .2em .4em;
		width: auto !important;
		font-size: 70%;
	}
	.post table td{ word-break: break-all;}
	
	.wp-caption-text{ font-size: 85%;}
	
	.gallery-item{
		margin: 0 2% 10px;
		padding: 0;
		width: 46% !important;
		border: none !important;
	}
	
	.Dlist{ margin: 0 0 10px;}
	.Dlist dt{ float: none; width: 100%;}
	.Dlist dd{ float: none; width: 100%;}
	.Dlist div{ margin: 1em 0 0;}
	
	.pagenav{ margin: 0 10px;}
	
	.column1, .column2,
	.alignleft .column1,
	.alignleft .column2
	.alignright .column1,
	.alignright .column2{ padding: .3em .5em;}

	
	iframe{ height: 250px;}
	
	/* PAGES ****************/
	
	/* Flow */
	
	.post .flow li img{
		margin: 0 0 .5em;
		float: none;
	}
	
	/* Flow 1 */
	.post .flow1 ul{ height: 110px;}
	.post .flow1 ul li{
	  -webkit-writing-mode: vertical-rl;
		  -ms-writing-mode: tb-rl;
			  writing-mode: vertical-rl;
	}
	.post .flow1 ul li:first-child{ padding: 0 0 0 .7em;}
	.post .flow1 ul li:not(:last-child):before {
		top: -30px;
		right: 0;
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		-moz-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	.post .flow1 ul li:not(:last-child):after {
		top: 53px;
		right: 0;
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		-moz-transform: rotate(15deg);
		transform: rotate(15deg);
	}
	.post .flow1 ul li br{ display: none;}
	
	/* サイドバー　ウィジェット *****************************************************/
	
	.news p{ font-size: 100%;}
	.news p a{ font-weight: bold;}
	.widgetWrap .news p{ font-size: 115%;}
	
	/* サイドバー *****************************************************/
	
	#sidebar aside,
	#sidebar aside:last-child{
		margin: 0 0 10px;
		float:none;
		width:auto;
	}
	#banners{ text-align: center;}
	#banners img{ max-width: 100%;}
	
	/* フッター *****************************************************/
	
	#footer { padding: 0;}
	#footer ul{ padding: 0;}
	#footer li{
		border: none;
		display:  block;
	}
	#footer li a{
		padding: .5em 1.5em;
		display:  block;
		border-bottom:1px solid #ccc;
		text-align: left;
	}
	#footer li:first-child a{ border-top:1px solid #ccc;}
	#footer li a:hover{ background: rgba(0,0,0,.05); text-decoration: none;}
	#copyright br{ display: inherit;}
}
@media only screen and (max-width: 600px){
	.mainimg_pc{ display: none;}
	.mainimg_sph{ display: inline-block;}
}

@media only screen and (min-width: 401px) and (max-width: 600px){
	.post .flow1 ul li:not(:last-child):before { top: -27px;}
}
@media only screen and (min-width: 601px) and (max-width: 767px){
	.post .flow1 ul li:not(:last-child):before { top: -25px;}
}

/* Responsive Navi (nav-toggle) ****************/

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
	-webkit-background-size: 30px;
	-moz-background-size: 30px;
	-o-background-size: 30px;
	background-size: 30px;
  }
}

/* for TBT ------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
	body{ font-size: 85%;}
	#content{ font-size: 90%;}
	#wrapper, .inner{ max-width: 100%; box-sizing: border-box;}
	#header h1{ margin: 0 0 0 10px;}
	#header p,
	#header ul{ margin: 0 10px 0 0;}
	nav#mainNav ul li a{ width: auto; padding: .8em 1em;}
	nav#mainNav ul li:hover ul{ top:41px;}
	#content{ margin: 0 1.5% 0 0; width: 70%;}
	#sidebar{ margin: 0 0 0 1.5%; width: 25%; line-height: 1.6; font-size: 85%;}
	.gallery-item{ padding: 3px;}
	.alignright,
	.alignleft{ max-width: 47%;}
	#footer{ padding: 30px 10px 0;}
	#footer aside { margin: 0 2% 10px 0; width: 32%;}
	#banners img{ max-width: 100%;}
}

/* --- GET HIGHT --- */
.inner:after,
nav .panel:after,
nav#mainNav:after,
.newsTitle:after,
.bg:after,
.post:after,
#footer:after,
.clrfx:after,
.Dlist dl:after,
.post-content:after,
.post .flow li:after,
.post ul:after,
.thumb:after,
.list50:after,
ul.post li:after,
.gallery:after{ content:""; display: table;clear: both;}
.inner,
nav .panel,
nav#mainNav,
.newsTitle,
.bg,
.post,
#footer,
.clrfx,
.Dlist dl,
.post-content,
.post .flow li,
.post ul,
.thumb,
.list50,
ul.post li,
.gallery{zoom: 1;}