@charset "utf-8";
/*
Theme Name: custom-pale
Theme URI: https://www.e-compass.ne.jp/
Description: custom-pale
Version: 1.0
Author: Cloud template
Author URI: https://www.e-compass.ne.jp/
Tags: simple
*/

/* =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, strike, strong, 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-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
list-style: none;
}
: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,input,textarea{
font: .95em/2.0 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;
}

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

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0ea3c7;
}
a:hover, a:active{
outline:none;
color:#008bad;
}

/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{
content:""; display:table;clear:both;
}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{
zoom:1;
}

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

#wrapper, .inner{
margin:0 auto;
width:1110px;
}
#header{
overflow:hidden;
}
#content{
float:right;
width:790px;
padding:40px 0 50px;
}
#sidebar{
float:left;
width:280px;
padding:40px 0 50px;
line-height: 1.8em;
font-size: .95em;
}
#footer{
clear:both;
padding: 1.5em 0;
border-top: solid 1px #ddd;
} 

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

.bg{
background: #a9e5f3;
background: -webkit-linear-gradient(to right, #fafbed, #a9e5f3);
background: linear-gradient(to right, #fafbed, #a9e5f3);
}
#header h1{
padding: .1em 0;
font-size:80%;
font-weight:normal;
}
.contact{
float:right;
text-align:right;
font-size:80%;
margin-top:10px;
}
.contact .tel{
line-height: 1.4;
font-size:180%;
font-family: "ヒラギノ角ゴ StdN","Hiragino Kaku Gothic StdN";
}
#header h2{
clear:both;
text-align:center;
margin: .7em 0;
color:black;
font-size:160%;
font-weight:bold;
}
#header h2 img{
width:250px;
}
#mainImg img{
width:100%;
height:auto;
}
.post{padding:0 0 3em;}

/* 記事ループ ------------------------------------------------------------*/

.list{
padding:10px 0;
}
.post .list p{
padding:0;
}
.list span{
padding-left:10px;
}

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

h2.title{
clear:both;
margin-bottom:50px;
padding-bottom:7px;
text-align:center;
font-size:200%;
font-weight:bold;
}
h2.title span{
padding-bottom:10px;
border-bottom:3px solid #0ea3c7;
}
h2.recentpost{
margin:15px 0 25px;
padding:15px 0;
font-size:150%;
font-weight:bold;
border-bottom:3px solid #0ea3c7;
}
.dateLabel{
text-align:right;
font-weight:bold;
}
.post p{ margin: 0 0 1.5em; text-align: justify;}
.post ul{ margin: 0 0 1em 1em;}
/*.post ul li{
padding-left:5px;
list-style:disc;
}
.post ol{
margin:0 0 10px 30px;
}
.post ol li{
list-style:decimal;
}*/
.post h1{
margin:15px 0 25px;
padding:15px 0;
font-size:220%;
font-weight:bold;
border-bottom:3px solid black;
}
.post h2{
margin:15px 0 25px;
padding:15px 0;
font-size:200%;
font-weight:bold;
border-bottom:2px solid #0ea3c7;
}
.post h3{
	margin:.5em 0 1em;
	padding: .3em 0;
	font-size:150%;
	font-weight:bold;
	border-bottom:1px solid #0ea3c7;
}
.post h4{
	margin: 0 0 1em;
	padding: 0 0 .5em;
	border-bottom: solid 1px rgba(0,0,0,.1);
	font-size:135%;
	font-weight:bold;
}
.post h5{
margin:15px 0 10px;
padding:15px 0;
font-size:115%;
font-weight:bold;
}
.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}
.post blockquote{
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}
.post table{
border:1px #cccccc solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}
.post table th{
padding:15px;
border:#cccccc solid;
border-width:0 0 1px 1px;
font-weight:bold;
}
.post table td{
padding:15px;
border:1px #cccccc solid;
border-width:0 0 1px 1px;
}
.post dt{
font-weight:bold;
}
.post dd{
padding-bottom:10px;
}
img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

/* サイドバー　ウィジェット ------------------------------------------------------------*/

/*section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 10px 0;
}*/
p.banner{
padding-bottom:20px;
}
p.banner img{
max-width:280px;
height:auto;
}
p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget{ margin-bottom: 3em;}
section.widget h3{
	clear:both;
	margin:0 0 .75em;
	padding: 0 .1em .5em;
	border-bottom:1px solid #0ea3c7;
	font-weight:600;
	font-size:120%;
}
section.widget ul{
margin: 0;
}
section.widget li a{
	padding: .7em 1.5em .7em .2em;
	display:block;
	color:black;
	position: relative;
	border-bottom: solid 1px #ddd;
	font-weight:500;
}
section.widget li a:hover{
	background: rgba(0,0,0,.02);
}
section.widget li a:before{
	margin: -1em .5em 0 0;
	border-right: 2px solid #ddd;
	border-top: 2px solid #ddd;
	content: "";
	position: absolute;
	top: calc(50% + .5em);
	right: .2em;
	width: 1em;
	height: 1em;
	transform: rotate(45deg);
}
.newsTitle, #sidebar h2{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:130%;
font-weight:bold;
border-bottom:1px solid #0ea3c7;
}
.newsTitle h3{
float:left;
}
.newsTitle p{
float:right;
padding:5px 10px 0 10px;
font-size:70%;
}
.newsTitle p a{
color:black;
}
.newsTitle p a:hover{
color:#cdcdcd;
}
.news{
margin:30px 0 30px 0;
}
.news p{
clear:both;
margin-top:15px;
}
.news p a{
display:block;
color:black;
font-weight:bold;
}
.news a:hover span{
color:#cdcdcd;
}

/* フッター ------------------------------------------------------------*/
#footer .menu { display: none;}
#footer ul{
padding:15px 0 25px;
text-align:center;
}
#footer li{
display:inline-block;
padding:5px 16px;
}
*:first-child+html #footer li{
display:inline;
}
#footer li:first-child{
border:0;
}
#footer li a{
text-decoration:none;
font-weight:bold;
color:black;
}
#footer li a:hover{
color:#6f6f6f;
}
#footer ul ul{
display:none;
}
#copyright{
clear:both;
padding:3em 0;
text-align:center;
font-size: .8em;
}

/* ページナビ（投稿ページの「次のページ」「前のページ」ヘのリンク） ------------------------------------------------------------*/

.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}
.prev{
float:left
}
.next{
float:right;
}
#pageLinks{
clear:both;
text-align:center;
}

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

ul.post{
padding:0;
}
ul.post li{
padding:20px 0 15px;
}
ul.post img{
float:left;
margin:5px 25px 5px 0;
}
ul.post h3{
margin:-15px 0 5px 0;
border:0;
font-size:130%;
font-weight:bold;
}
ul.post h3 a{
color:black;
}
ul.post h3 a:hover{
color:#cdcdcd;
}

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

body:not(.home) nav#mainNav:after {
	content: "";
	height: 12.5vw;
	background: url(/public_html/wp-content/uploads/2023/04/obi1.jpg) no-repeat 0 -35px;
	background-size: cover;
	display: block;
}
@media only screen and (min-width:1025px){
	nav#mainNav{
	position:relative;
	}
	nav#mainNav ul{
	margin-bottom: 1.5em;
	text-align: center;
	/*display:flex;
	justify-content: center;
	align-items: center;*/
	}
	nav#mainNav ul li{
	/*float:left;*/
	display: inline-block;
	}
	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	padding:10px 40px 0;
	/*height:55px;
	line-height:55px;*/
	font-size:110%;
	color:black;
	}
	nav#mainNav ul li a span, nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	font-weight: 600;
	line-height:1.4;
	}
	nav#mainNav ul li a span{
	font-size:70%;
	color:#0ea3c7;
	font-weight:normal;
	opacity: .4;
	}
	nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover{
	color:#006e9b;
	}
	nav#mainNav ul ul{
	width:160px;
	border-top:0;
	}
	nav#mainNav ul li ul{
	display: none;
	}
	nav#mainNav ul li:hover ul{
	display: block;
	position: absolute;
	top:65px;
	text-align:center;
	z-index:500;
	}
	nav#mainNav ul li li{
	background:white;
	border-bottom:1px dotted #cdcdcd;
	float: none;
	width:160px;
	height:40px;
	line-height:40px;
	margin:0;
	}
	nav#mainNav ul li li:last-child{
	border:0;
	}
	nav#mainNav ul li li a{
	width:100%;
	height:40px;
	padding:0;
	line-height:40px;
	font-size:95%;
	text-lign:center;
	}
	nav#mainNav ul li li a:hover{
	color:#cdcdcd;
	}
	nav div.panel{
	display:block !important;
	}
	a#menu{
	display:none;
	}
}


/* iPadサイズ以下（1024px）からアコーディオンメニュー ------------------------------------------------------------*/

@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	margin-top:-15px;
	}
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	margin-bottom:8px;
	background:url(images/menuOpen.png) no-repeat 15px 7px;
	}
	#mainNav a#menu span{
	padding-left:40px;
	color:black;
	}
	nav#mainNav a.menuOpen{
	background:url(images/menuOpen.png) no-repeat 15px -35px;
	}
	nav .panel{
	display:none;
	width:100%;
	position:relative;
	right:0;
	top:0;
	z-index:1;
	}
	nav#mainNav ul{
	margin:0;padding:0;
	}
	nav#mainNav ul li{
	float:none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}
	nav#mainNav ul li a{
	display:block;
	padding:15px 20px;
	text-align:left;
	border-bottom:1px solid #ddd;
	color:black;
	}

	nav#mainNav ul li a span{
	display:none;
	}
	nav#mainNav ul li li{
	float:left;
	border:0;
	}
	nav#mainNav ul li li a{
	padding-left:40px;
	}
	nav div.panel{
	float:none;
	}
	#mainImg{
	margin-bottom:20px;
	overflow: hidden;
	}
}


/* iPadサイズ以下（1024px） *****************************************************/

@media only screen and (max-width:1024px){
	body{ font-size: .85em;}
	#wrapper, .inner{
	width:100%;
	}
	#header .contact{
	display:none;
	}
	nav#mainNav ul{
	margin:0 auto;
	}
	nav#mainNav ul ul{
	padding:0;
	}
	nav div.panel{
	float:none;
	}
	.banner{
	width:100%;
	margin:0 auto;
	text-align:center;
	}
	p.banner img{
	width:100%;
	height:auto;
	}
	section.widget_search{
	text-align:center;
	}
	#footer li{
	margin-bottom:10px;
	}
}

/* 幅644px以下から ヘッダー等微調節 ------------------------------------------------------------*/

@media only screen and (max-width:644px){
	body{
	background-position:0 -25px;
	}
	#header h2 img{
	max-width:90%;
	}
	#mainImg img {
		margin: 0 -30%;
		display: block;
		width: 160%;
		max-width: 160%;
	}
	h2.title{
	margin-bottom:35px;
	}
	ul.post img{
	display:block;
	margin:5px auto 20px auto;
	float:none;
	width:100%;
	}
}
/* custom -----------------------------------------------------------------*/

.f_w_normal{ font-weight: normal !important;}
.dsp_pc{ display: inherit;}
.dsp_sph{ display: none;}
.dsp_bck{ display: block !important;}
.dsp_inbck{ display: inline-block !important;}
.mainimg_pc{ display: inline-block;}
.mainimg_sph{ display: none;}

img{ max-width: 100%; height: auto; border: none; vertical-align: bottom;}
.img_l, .post .img_l{ margin: 0 4% 20px 0; float: left; max-width: 25%;}
.img_r, .post .img_r{ margin: 0 0 20px 4%; float: right; max-width: 25%;}
ul.img_l, .post ul.img_l, ul.img_r, .post ul.img_r{ max-width: none;}

.cachcopy{ text-align: center;}
.nml{ font-weight: normal !important;}
.str1, .str01{ font-size: 110%;}
.str2, .str02{ font-size: 125%;}
.str3, .str03{ font-size: 150%;}
.str4, .str04{ font-size: 175%;}
b, strong, .str1,.str2,.str3,.str4{ font-weight: 600;}
.sml1{ font-size: 85%; line-height: 1.65;}
.sml2{ font-size: 80%; line-height: 1.6;}
.sml3{ font-size: 70%; line-height: 1.55;}
h2 .sml2{ margin-left: .5em; font-size: 60%;}
.red, .red a{ color: #e60044;}
.orange, .orange a{ color: #f0832c;}
.blue, .blue a{ color: #008bcb;}
.green, .green a{ color: green;}
.gold, .gold a{ color: #0ea3c7;}

.bd_t_gray1{ border-top: solid 1px #ddd;}
.bd_b_gray1{ border-bottom: solid 1px #ddd;}
.bd_t_gray0{ border-top: solid 1px #eee;}
.bd_b_gray0{ border-bottom: solid 1px #eee;}

.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;}

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

.mg0{ margin: 0 !important;}
.mgAuto, .mgAuto > div{ margin: auto;}
.mg0t{ margin-top: 0 !important;}
.mg0b{ margin-bottom: 0 !important;}
.mg05t{ margin-top: 5px !important;}.mg05l{ margin-left: 5px;}.mg05r{ margin-right: 5px;}.mg05b{ margin-bottom: 5px;}.mg05tb{ margin: 5px 0;}.mg05lr{ margin: 0 5px;}.mg10t{ margin-top: 10px;}.mg10l{ margin-left: 10px;}.mg10r{ margin-right: 10px;}
.mg10b{ margin-bottom: 10px !important;}
.mg10tb{ margin: 10px 0;}.mg10lr{ margin: 0 10px;}.mg15t{ margin-top: 15px;}.mg15tb{ margin: 15px 0;}.mg20t{ margin-top: 20px;}.mg20l{ margin-left: 20px;}.mg20r{ margin-right: 20px;}.mg20b{ margin-bottom: 20px;}.mg20tb{ margin: 20px 0;}.mg25r{ margin-right: 25px;}.mg30t{ margin-top: 30px;}.mg30l{ margin-left: 30px;}.mg30r{ margin-right: 30px;}.mg30b{ margin-bottom: 30px;}.mg30tb{ margin: 30px 0;}
.mg_table_c{ margin: 0 auto; display: table;}
.mghEMt{ margin-top: .5em;}.mghEMb{ margin-bottom: .5em;}.mghEMtb{ margin: .5em 0;}
.mg1EMt{ margin-top: 1em;}.mg1EMb{ margin-bottom: 1em;}.mg1EMtb{ margin: 1em 0;}.mg1EMl{ margin-left: 1em;}
.mg1hEMtb{ margin: 1.5em 0;}.mg1hEMl{ margin-left: 1.5em;}
.mg-3emt, .mg-5emt, .mg-7emt{ position: relative; z-index: 2;}
.pd0{ padding: 0 !important;}
.pd0b{ padding-bottom: 0 !important;}
.pd0hEM{ padding: .5em !important;}.pd0hEMt{ padding-top: .5em;}.pd0hEMb{ padding-bottom: .5em;}.pd0hEMtb{ padding: .5em 0;}.pd0hEMlr{ padding: 0 .5em;}
.pd1EM{ padding: 1em;}.pd1EMt{ padding-top: 1em;}.pd1EMb{ padding-bottom: 1em;}.pd1EMtb{ padding: 1em 0;}pd1EMlr{ padding: 0 1em;}
.pd1hEM{ padding: 1.5em;}.pd2EM{ padding: 2em;}.pd2EMt{ padding-top: 2em;}
.pd3EMt{ padding-top: 3em;}

.idt0{ margin-left: 1em; text-indent: -1em;}
.idt1{ margin-left: 1em; text-indent: -1em;}
.idt1h{ margin-left: 1.5em; text-indent: -1.5em;}
.idt2{ margin-left: 2em; text-indent: -2em;}
.idt2h{ margin-left: 2.5em; text-indent: -2.5em;}
.idt3{ margin-left: 3em; text-indent: -3em;}
ul.idt2h, ol.idt2h{ margin: 0 0 1em 1.5em; list-style: none;}
ul.idt2, ol.idt2{ margin: 0 0 1em 1em; list-style: none;}
ul.idt1h, ol.idt1h{ margin: 0 0 1em .5em; list-style: none;}
ul.idt1, ol.idt1{ margin: 0 0 1em; padding-left: 1em; list-style: none;}
li ol.idt1h{ margin: 0;}

.w15p{ width: 15%;}.w20p{ width: 20%;}.w25p{ width: 25%;}.w30p{ width: 30%;}
.w33p{ width: 33%;}.w35p{ width: 35%;}.w40p{ width: 40%;}.w50p{ width: 50%;}
.w60p{ width: 60%;}.w65p{ width: 65%;}.w70p{ width: 70%;}.w80p{ width: 80%;}
.w90p{ width: 90%;}
.w_auto{ width: auto !important;}

@media (min-width: 768px) {
	.flexbox{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.col_2, .col_3, .col_3x2, .col_4, .col_4x3, .col_5, .col_5x2, .col_5x3, .col_5x4{ float: left;}
	.col_2{ width: 50%;}
	.col_3{ width: 33.33333%;}
	.col_3x2{ width: 66.66666%;}
	.col_4{ width: 25%;}
	.col_4x3{ width: 75%;}
	.col_5{ width: 20%;}
	.col_5x2{ width: 40%;}
	.col_5x3{ width: 60%;}
	.col_5x4{ width: 80%;}
	/* .col_2 padding ******/
	.pad .col_2:nth-of-type(odd){ padding-right: 2.5%;}
	.pad .col_2:nth-of-type(even){ padding-left: 2.5%;}
	.col_3x2:nth-child(odd), .col_3:nth-child(odd),
	.col_4x3.f_l, .col_4.f_l,
	.col_5.f_l, .col_5x2:nth-child(odd), .col_5x3:nth-child(odd), .col_5x4.f_l{ padding-right: 2.5%;}
	.col_3.f_c{ padding: 0 .75%;}
	.col_3x2:nth-child(even), .col_3:nth-child(even),
	.col_4x3.f_r, .col_4.f_r,
	.col_5.f_r, .col_5x2:nth-child(even), .col_5x3:nth-child(even), .col_5x4.f_r{ padding-left: 2.5%; float: right;}
	
	.flex_col_2.mg48p .col_2{ width: 48%;}
	.flex_col_2.mg49p .col_2{ width: 49%;}
	.flex_col_2 .col_2:nth-child(odd){ margin: 0 auto 0 0;}
	.flex_col_2 .col_2:nth-child(even){ margin: 0 0 0 auto;}
	.flex_col_3 .col_3{ padding: 0 1%;}
	.flex_col_3.mg32p .col_3,
	.flex_col_3.mg33p .col_3{ margin: 0 auto;}
	.flex_col_3.mg32p .col_3{ width: 32%;}
	.flex_col_3.mg33p .col_3{ width: 33%; padding-bottom: 2em}
	.flex_col_3.mg32p .col_3:nth-child(3n+1),
	.flex_col_3.mg33p .col_3:nth-child(3n+1){ margin-left: 0; padding: 0 2% 0 0;}
	.flex_col_3.mg32p .col_3:nth-child(3n),
	.flex_col_3.mg33p .col_3:nth-child(3n){ margin-right: 0; padding: 0 0 0 2% ;}
	.flex_col_4 .col_4{ padding: 0 1.5% 0 0;}
}
.col_2, .col_3, .col_3x2, .col_4, .col_4x3,
.col_5, .col_5x2, .col_5x3, .col_5x4,
.f_l, .f_r{ box-sizing: border-box;}

.col_3x2:nth-child(odd), .col_3:nth-child(odd),
.col_4x3:nth-child(odd), .col_4:nth-child(odd){ margin-bottom: 1em;}

.fa, .fab, .fad, .fal, .far, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
a:hover img{ opacity: .8;}
a.nwicn:after{
	margin-left: .5em;
	content: "\f2d2";
	font-family: "Font Awesome 5 Free";
}
a.zoom:before{
	content: "\f002 ";
	letter-spacing: .3em;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
a.file{
	padding: 0 0 0 1.2em;
	position: relative;
	display: inline-block;
}
a.file:before{
	position: absolute;
	left: 0;
    content: "\f15c";
	font-family: "Font Awesome 5 Free";
}
a.pdf:after{
	margin-left: .5em;
	color: #e60044;
	content: "\f1c1";
	font-family: "Font Awesome 5 Free";
}
.attention:before{
	margin-right: .5em;
	color: #e60044;
	content: "\f05a";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
p.c{ text-align: center;}
p.r{ text-align: right;}

.post ul,
#tinymce ul{
	margin: 0 0 1em;
	padding: 0;
}
.post ul > li,
#tinymce ul > li{
	padding: 0 0 0 1em;
	position: relative;
}
.post ol{margin: 0 0 1.5em 1em; padding: 0 0 0 .5em;}
.post ol > li{list-style:decimal;}

ul.default > li{
	margin: 0 0 0 1em;
	padding: 0;
	list-style:disc;
}
ul.li_mg0hb > li{ margin-bottom: .5em;}
ul.dot li,
ul.star > li{
	padding: 0 0 0 1.3em;
	position: relative;
}
ul.dot li:before,
ul.star > li:before{
	position: absolute;
	top: 0;
	left: 0;
	color: #0ea3c7;
	font-size: 1em;
	font-family: "Font Awesome 5 Free";
	transform: none;
}
ul.dot > li:before{ content: "\f111";}
ul.star > li:before{ content: "\f005";}

ul.bullet li{
	padding: 0 0 0 1em;
	position: relative;
}
ul.bullet li::before {
	margin: 0 0 0 -1.5em;
	position: absolute;
	color: #0ea3c7;
	content: "\f111";
	font-size: 50%;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	top: calc(50% - .5em);
    line-height: 1;
}
/* list Check Icon */
ul.ic_check li{
	padding: 0 0 0 1.5em;
	position: relative;
}
ul.ic_check li:before{
	margin: 0 0 0 -1.25em;
	position: absolute;
	color: #0ea3c7;
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
}
/* list File Icon */
ul.file li{
	padding: 0 0 0 1.2em;
	position: relative;
}
ul.file li:before{
	color: #999;
	position: absolute;
	left: 0;
    content: "\f15c";
	font-family: "Font Awesome 5 Free";
}
/* Flow List */
ul.number li{ padding: 0; list-style: none;}
ul.number li:after {
	clear: both;
	display: block;
	color: #0ea3c7;
	text-align: center;
	line-height: 1.2;
    content: "\f103";
	font-family: "Font Awesome 5 Free";
	font-size: 2.5em;
	font-weight: bold;
}
ul.number li:last-child:after { display: none;}

/* Flow Mumber List */
ol.number{
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: li;
	/*line-height: 1.6;*/
}
ol.number > li{
	padding: 0;
	position: relative;
	clear: both;
	list-style: none;
	font-size: .95em;
}
ol.number > li h4{ padding: 0; font-size: 1.4em;}
ol.number > li h4:before, ol.number li h4:after{display: none;}
ol.number > li p{ margin-bottom: .75em;}
ol.number > li:before {
	margin: 0 .5em 0 0;
	display: block;
	float: left;
	color: white;
	counter-increment: li;
	content: counter(li) "";
	background: #0ea3c7;
	width: 1.5em;
	height: 1.5em;
	border-radius: 100%;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.5em;
	font-weight: 600;
}
ol.number.absNo > li:before { position: absolute;}
ol.number.absNo > li figure img{ border-radius: 1em 0 0 0;}
ol.number.arrow_down > li:after {
	clear: both;
	display: block;
	color: #a9e5f3;
	text-align: center;
	line-height: 1;
    content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-size: 5em;
	font-weight: bold;
}
ol.number.arrow_down > li:last-child:after { display: none;}

/* process_hol */

ul.process_hol li{
	margin-bottom:  1em;
	padding-right: 3em;
	position: relative;
	box-sizing: border-box;
	float: left;
}
ul.process_hol li:after{
	position: absolute;
	top: 2em;
	right: .5em;
	color: #0ea3c7;
    content: "\f054";
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-size: 2em;
	font-weight: bold;
}
ul.process_hol li:last-child:after{ display: none;}
ul.process_hol.process_h_3 li{ width: 33.33333333%}
ul.process_hol.process_h_4 li{ width: 25%;}
@media (max-width: 767px){
	ul.process_hol.process_h_3 li{ width: 50%;}
	ul.process_hol.process_h_3 li:nth-child(odd){ clear: both;}
	ul.process_hol.process_h_4 li{ width: 33.33333333%;}
	ul.process_hol.process_h_4 li:nth-child(3n+1){ clear: both;}
}
@media (max-width: 520px){
	ul.process_hol.process_h_4 li{ width: 50%;}
}

ul.anchor{
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
	border: solid 2px #a9e5f3;
	text-align: center;
}
ul.anchor li{
	margin: 0;
	padding: 0;
}
ul.anchor li a{
	padding: .5em 2.5em;
	position: relative;
	display: block;
	color: #333;
	border-bottom: solid 1px #f5f2ee;
	line-height: 1.75;
}
ul.anchor li:last-child a{ border-bottom: none;}
ul.anchor li a:before{
	color: #0ea3c7;
	content: "\f078";
	position: absolute;
	top: auto;
	left: 1em;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
ul.anchor li a:hover{ color: #0ea3c7; text-decoration: none;}
ul.anchor li a.next{ float: none;}
ul.anchor li a.next:before{ content: "\f054";}
ul.anchor.dsp_bck li{ display: block;}
@media (min-width: 768px){
	ul.anchor{
		padding: .5em 1em;
	}
	ul.anchor.l{ text-align: left;}
	ul.anchor li{ display: inline-block;}
	ul.anchor li a{
		padding: .3em 1em .15em 1.25em;
		border-bottom: none;
	}
	ul.anchor li a:before{ left: 0;}
}

.list50{ margin: 0 0 2em;}
.list50 li{
	margin: 0 0 3em;
	padding: 0;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
}
.list50 li:nth-child(odd){ padding-right: 1.75%;}
.list50 li:nth-child(even){ padding-left: 1.75%;}

.inline{ margin: 0 0 1em; padding: 0 !important; list-style: none;}
.inline li{ margin: 0 1em 0 0; display: inline;}
.inline li img{ margin-right: .5em;}
.inline_gy{ margin: 0 0 2em; padding: 0 !important; list-style: none; clear: both;}
.inline_gy li{ margin: 0 0 .4em; padding: .25em .8em; display: inline-block; background: #0ea3c7; font-size: 90%;}
.inline_btns{ margin: 0 0 1.5em; padding: 0 !important; list-style: none;}
.inline_btns > li{ padding: 0 .5em .5em 0 !important; display: inline-block; box-sizing: border-box;}
.inline_btns.col_sm_3 > li{ width: 33.33333%;}
.inline_btns.col_sm_4 > li{ width: 25%;}
.inline_btns.c a.btn{ display: block;}

table{
	margin:.2em 0 1.5em;
	width: 100%;
	max-width: 100% !important;
	border: 1px #0ea3c7 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td{
	padding: .4em .7em;
	border: 1px #0ea3c7 solid;
	border-width: 0 0 1px 1px;
	vertical-align: middle;
}
table th{
	background: #fafbed;
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
}
table th.th2nd,
table th[scope="row"]{ background: #0ea3c7;}
.th_nowrap th, .td_nowrap td{ white-space: nowrap;}
.th_center th, .td_center td,
th.th_center, td.td_center{ text-align: center;}
.th_right th, .td_right td,
th.th_right, td.td_right{ text-align: right;}
.th_top th, .td_top td,
th.th_top, td.td_top{ vertical-align: top !important;}
.th_btm th, .td_btm td,
th.th_btm, td.td_btm{ vertical-align: bottom !important;}
.table ul, .table li, .table p{ margin: 0;}

hr{
	margin: 0 auto;
	padding: 2em 0;
	clear: both;
	border: none;
    height: 0;
	width: 25%;
}
.thin{ padding: .6em 0;}
.hr_bd{
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #0ea3c7;
}
.hr_bd.thin{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
}
.delimiter{
	margin: 0 auto 3em;
	padding: 3em 0 0;
	position: relative;
	width: 12%;
	height: 0;
	border-bottom: dotted 2px white;
	overflow: visible;
	text-align: center;
}
.delimiter:before,
.delimiter:after{
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	height: 10px;
	width: 10px;
	border-radius: 5px;
}
.delimiter:before{ background: #0ea3c7; margin-left: -3.5px;}
.post .delimiter:last-child{ display: none;}

.alignright{
	margin: 0 0 1em 4%;
	display:inline;
	float:right;
}
.alignleft{
	margin:0 4% 1em 0;
	display:inline;
	float:left;
}
.alignnone,
.alignright,
.alignleft{ width: auto !important;}
.alignright,
.alignleft{ max-width: 45%;}

/* gallery */
.wp-caption{ background: none; border: none;}
.wp-caption img{ margin: 0 0 .3em; max-width: 100% !important;}
.wp-caption-text,
.wp-caption p.wp-caption-text{
	margin: .4em 0 1em;
	padding: 0;
	border: none;
	background: none;
	width: auto !important;
	line-height: 1.5 !important;
	text-align: left;
	/*font-size: 90%;*/
}
.gallery-item{
	margin: 0 !important;
	padding: 0 .5%;
	float: left;
	width: 50% !important;
	box-sizing: border-box;
	text-align: left !important;
}
.gallery-item:nth-of-type(odd){ clear: both;}
.gallery br{ display: none !important;}
.gallery dd br{ display: inherit !important;}
.gallery-item dt{ margin: 0; padding: 0 !important; border: none;}
.gallery-item a{ color: #222; display: block !important;}
.gallery-item a:hover img{ opacity: 0.85;}
.gallery-item img{ border: solid 1px #eae2d4 !important; max-width: 100% !important;}
.gallery .gallery-caption{ margin-top: .5em; color: black;}

/* gallery & flow (+arrow) */
.gallery_flow .gallery-item dt,
.gallery_flow .gallery-item dd{ padding: 0 2.5em 0 0 !important;}
.gallery_flow .gallery-item dt{ position: relative;}
.gallery_flow .gallery-item dt:before,
.gallery_flow .gallery-item dt:after{
	content: "";
	position: absolute;
	border-top: 2px solid #0ea3c7;
	top: 50%;
}
.gallery_flow .gallery-item dt:before{
	right: .5em;
	width: 2em;
	height: 0;
}
.gallery_flow .gallery-item dt:after{
	margin: -1em .5em 0 0;
	border-right: 2px solid #0ea3c7;
	right: calc( .5em - 2px );
	width: 2em;
	height: 2em;
	transform: rotate(45deg);
}
.gallery_flow .gallery-item:last-of-type dt:after,
.gallery_flow .gallery-item:last-of-type dd:after{ display: none;}

.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: inherit !important;
    background: white !important;
    color: #42210b !important;
    border-radius: 5px !important;
}
/* Dlist ----------------------------*/
dl{ margin: 0 0 1.5em; padding: 0;}
dl dl{ margin-bottom: 0 !important;}
dt, dd{ margin-bottom: .35em; box-sizing: border-box;}
dt{ position: relative; font-weight: bold;}
dd{ margin: 0 0 1em; padding-bottom: .5em; border-bottom: 2px solid #eee;}
dd ul{ margin: 0; padding: 0 0 0 1em;}
dd ol{ margin: 0 0 0 1em; padding: 0 0 0 .5em;}
.Dlist dt{ margin: 0; padding: 0; float: left; width: 8em; font-weight: normal;}
.Dlist dd{ margin: 0 0 .4em; padding: 0 0 .4em 8.5em;}
.Dlist.dt_S dt{ width: 6em;}
.Dlist.dt_S dd{ padding-left: 6em;}
.Dlist.dt_L > dt{ width: 11em;}
.Dlist.dt_L > dd{ padding-left: 11em;}
.Dlist.dt_LL > dt{ width: 13em;}
.Dlist.dt_LL > dd{ padding-left: 13em;}
.Dlist dd dl{ margin: 0;}
.Dlist dd dt{ padding-bottom: 0; font-weight: normal;}
.Dlist dd dd{ margin: 0; padding-bottom: 0; border-bottom: none;}
.Dlist.nobd dd{ margin: 0; padding: 0; border: none;}
.Dlist dd p:last-child,
.dt_dot dd p:last-child{ margin-bottom: 0;}
.dt_dot dt{ padding-left: 1.5em !important; border: none;}
.dt_dot dt:before{
	position: absolute;
	left: 0;
	color: #0ea3c7;
	content: "\f111";
	font-family: 'Font Awesome 5 Free';
}
.dt_dot dd{ margin: 0 0 .6em;}
.dt_dot.dt_ic_white dt:before{ color: white;}
.dt_dot.dt_ic_gray1 dt:before{ color: #ddd;}
.dt_dot.dt_ic_gray2 dt:before{ color: #666;}

.dl_table{
	display: table;
	width: 100%;
}
.dl_table dt, .dl_table dd{
	margin: 0;
	display: table-cell;
	border-bottom: solid 1px white;
	font-weight: normal;
}
.dl_table dd{ padding-left: 1em;}

.dl0{
	margin: 0 0 20px;
	line-height: 1.6;
}
.dl0 dt{
	margin: 0;
	padding: .3em 0 0;
	clear: both;
}
.dl0 dd{
	margin: 0;
	padding: 0 0 .3em;
	border-bottom: solid 1px white;
}
.dl1{ margin: 0 0 1.5em;}
.dl1 dt:before{
	margin: 0 .3em 0 0;
	color: white;
	content: "\f069";
	font-family: 'Font Awesome 5 Free';
}
.dl1 dd{
	margin: 0 0 .45em;
	padding: 0 2px .45em 1.3em;
	border-bottom: solid 1px white;
}

/* column */

.column1, .column2{ margin: 0 0 2em; padding: 1em 1.5em;}
.column1{ border: solid 2px #a9e5f3; background: white;}
*[class^=column] p:last-child{ margin: 0 0 .25em;}
.column2{ border: solid 1px #e56163;}
.column2 p{ padding: 0;}
.alignleft .column1,
.alignleft .column2,
.alignright .column1,
.alignright .column2{ padding: .7em 1em .2em;}

iframe,
#map_canvas{
	width: 100%;
	border: none;
	box-sizing: border-box;
	vertical-align: bottom;
	height: 500px;
}
iframe.map_footer{ height: 40vh;}
.Dlist iframe{ margin-top: .5em; height: 350px;}

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

a.btn,
.prev a,
.next a{
	padding: .5em 2em .5em 1em;
	display: block;
	color: white;
	background: #0ea3c7;
	position: relative;
	border: solid 2px white;
	line-height: 1.5em;
	font-weight: bold;
}
h3 .cat-data a{ padding: .2em 1em;}
a.btn:after,
.next a:after{
	content: "\f054";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	right: 1em;
	top: calc(50% - .75em);
	font-size: 1em;
}
.prev a{ padding: .5em 1em .5em 2em;}
.prev a:before{
	margin: 0 .5em 0 0;
	content: "\f053";
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 1em;
	top: calc(50% - .75em);
	font-size: 1em;
}
a.btn:hover,
.prev a:hover,
.next a:hover{
	background: #008bad;
	text-decoration: none;
	transition: .5s;
}
a.l{ float: left;}
a.r{ float: right;}
.c a.btn{
	margin: 0 auto;
	display: inline-block;
}
/* PAGES ****************/

/* Flow 番号付きリスト＋下矢印　ol使用 */
ol.flow{
	margin: 0;
	counter-reset: li;
}
ol.flow > li{
	margin: 0 0 1.5em 2em;
	padding: 0 0 0 1.5em;
	position: relative;
	background: none;
	border-left: 2px dotted white;
	clear: both;
	list-style: none;
}
ol.flow > li:before{
	padding: .25em;
	color: white;
	background: #0ea3c7;
	border-radius: 1em;
	position: absolute;
	top: .25em;
	left: -1.75em;
    counter-increment: li;
	content: counter(li) "";
    /*content: counter(li) ". ";*/
	width: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1.8em;
	font-weight: 700;
}
ol.flow li .w50p:last-of-type{ margin: 0 0 .75em;}
ol.flow > li strong{ font-size: 110%;}
ol.flow > li h4{ padding-left: 0;}
ol.flow > li h4:before{ display: none;}
ol.flow > li p{ margin: 0 0 .7em;}
ol.flow > li p:last-child,
ol.flow > li ul:last-child{ margin: 0;}
ol.flow.flow_arrow > li:after{
	padding: .2em 0 0;
	clear: both;
	display: block;
	color: #0ea3c7;
	border-top: dashed 1px rwhite;
	text-align: center;
	line-height: .8;
    content: "\f103\f103";
	letter-spacing: 3em;
	font-family: "Font Awesome 5 Free";
	font-size: 300%;
}
ol.flow.flow_arrow > li:last-child:after{ display: none;}

dl.q_and_a{
	margin: 0 0 1.5em;
	clear: both;
}
dl.q_and_a dt,
dl.q_and_a dd{
	position: relative;
}
dl.q_and_a dt{
	margin: 0;
	padding: 0 0 0 2em;
	font-weight: bold;
}
dl.q_and_a dd{
	margin: 0 0 .75em;
	padding: 0 0 .75em 2em;
	border-bottom: solid 1px #ddd;
}
dl.q_and_a dt:before,
dl.q_and_a dd:before{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	font-size: 150%;
	font-weight: bold;
}
dl.q_and_a dt:before{
	color: #e870ac;
	content: "Q.";
}
dl.q_and_a dd:before{
	color: #0ea3c7;
	content: "A.";
}
dl.q_and_a img{
	margin: .5em 0 .5em 3%;
	float: right;
	max-width: 25%;
}

input[type="text"], input[type="email"], input[type="tel"], textarea, select, input[type="checkbox"]{
	margin: .2em 0;
	padding: .25em  .3em;
	vertical-align:middle;
	max-width:90%;
	border:1px solid #ccc;
	color: black;
	background: white;
	box-sizing: border-box;
	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 .5em 0 0; display: inline-block;}
input[type="submit"],input[type="reset"],input[type="button"]{
	margin: .5em 0;
	padding: .5em 4em;
	color:white;
	border:0;
	border: solid 2px white;
	background: #0ea3c7;
	cursor: pointer;
	line-height: 2.2;
	font-size: 1em;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #008bad;
	cursor:pointer;
	transition: .5s;
}
*:first-child+html input[type="submit"]{padding:3px;}

@media (max-width: 767px){
	#header h1{ display:none;}
	#content,#sidebar{ padding: 0 10px; float: none; width: auto;}
	#sidebar{ margin-bottom: 3em;}
	.post h2, h2.title{ font-size: 150%;}
	.post h3{ font-size: 135%;}
	.post h4{ font-size: 120%;}
	.post h5{ font-size: 105%;}
	table th,
	table td{
		padding: .2em;
		width: auto !important;
		font-size: 80%;
	}
	table td{ word-break: break-all;}
	.wp-caption-text{ font-size: 85%;}
	.pagenav{ margin: 0 10px 2em;}
	
	.column1, .column2,
	.alignleft .column1,
	.alignleft .column2
	.alignright .column1,
	.alignright .column2{ padding: .75em;}

	iframe{ height: 80vh;}

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

	.inline_btns.col_sm_3 > li{ width: 50%;}

	/* Flow */
	/* Flow 1 */
	.post ul.flow1{ border-radius: 0;}
	.post ul.flow1 > li,
	.post ul.flow1 > li:nth-child(3){
		padding: 1em;
		width: 100%;
		height: auto;
		display: block;
		border-bottom: solid 1.5em white;
	}
	.post ul.flow1 > li:last-child{ border: none;}
	.post ul.flow1 > li:before,
	.post ul.flow1 > li:nth-child(3):before{
		margin-left: -1.5em;
		top: auto;
		right: auto;
		left: 50%;
		bottom: -2em;
		width: 3em;
		height: 3em;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		border-color: #111;
	}
/* 	#footer{ display: none;} */
}
@media (max-width: 500px){
	.cachcopy{ text-align: left;}
	.cachcopy br{ display: none;}
	.nobr br{ display: none;}
	.f_l, .f_r{ margin-bottom: 2em; float: none;}
	.w15p, .w20p, .w25p,.w30p{ margin-left: auto; margin-right: auto; width: 40%;}
	.w33p, .w35p,.w40p, .w50p, .w60p,.w65p,.w70p,.w80p,.w90p{ width: 100%;}
	.w33p{ margin: 0 0 1em;}
	.col_2,
	.col_3{ margin: 0 0 1em; width: auto; float: none;}
	.col_2 .col_2{ margin: 0 4% 0 0; width: 48%;}
	.inline_btns.col_sm_3 > li{ padding-right: 0 !important; width: auto; display: block;}
	.Dlist{ margin: 0 0 1em;}
	.Dlist dt, #toppage .Dlist dt,
	.Dlist dd, #toppage .Dlist dd{ float: none; width: auto;}
	.Dlist div{ margin: 1em 0 0;}
	.Dlist dt, .Dlist.dt_S > dt, .Dlist.dt_L > dt, .Dlist.dt_LL > dt,
	.Dlist dd, .Dlist.dt_S dd, .Dlist.dt_L > dd, .Dlist.dt_LL > dd{ float: none; padding-left: 0;}
	.alignleft, .alignright,
	.img_l, .img_r{
		margin: 0 auto 1.5em;
		float: none;
		display: block;
		max-width: 60%;
	}
	.gallery-item,
	.gallery-item:nth-of-type(odd){
		/*margin: 0 0 1em !important;*/
		width: auto !important;
		border: none !important;
	}
	.list50 { margin: 0 10px 2em;}
	.list50 li{ float: none; width: auto;}
	.list50 li:nth-child(odd),.list50 li:nth-child(even){ padding: 0;}
	#footer li a span{ display: none;}
}
@media (max-width: 600px){
	.mainimg_pc{ display: none;}
	.mainimg_sph{ display: inline-block;}
}
@media (min-width: 768px) and (max-width: 959px){
	#wrapper, .inner{ width: auto; max-width: 100%;}
	ul.post,
	ul#banners{ margin: 0 1.5%;}
	#sidebar ul#banners{ margin: 0;}
}
@media (min-width: 768px) and (max-width: 1119px){
	body{ font-size: .85em;}
	#wrapper, .inner { width: 100%;}
	#content{ margin: 0 1.5% 0 0; width: 71%;}
	#sidebar{ margin: 0 0 0 1.5%; width: 23%; line-height: 1.7; font-size: 85%;}
	#header h1,
	#header h2{ margin-left: 10px;}
	#header p,
	#header ul,
	#header .contact{ margin-right: 10px;}
	nav#mainNav{ font-size: 95%;}
	nav#mainNav ul { margin: 0 1% 1.5em;}
	nav#mainNav ul li a{ padding: .5em 1em;}
	nav#mainNav ul li:hover ul{ top:41px;}
	.timetable th, .timetable td{
		padding: .2em;
		font-size: .8em;
	}
	.alignright, .alignleft { max-width: 35%;}
}

/* Wordpress Blocks ---------------------------------------------------------*/
.wp-block-columns{ margin: 0 0 3.5em;}
.wp-block-image,
.wp-block-table{ margin: .25em 0 1.5em;}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1){ background: rgba(0,0,0,.05);}
.wp-block-table.is-style-stripes{ border: none;}
.wp-block-table.is-style-stripes table{ border-collapse: inherit; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
/* Wordpress Contact Form 7 ---------------------------------------------------------*/
.wpcf7 form .wpcf7-response-output{ text-align: center;}
.wpcf7-not-valid-tip{ color: #e60044;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ border-color: #e60044;}
.wpcf7 form.sent .wpcf7-response-output { display: none; border-color: transparent;}

/* --- GET HIGHT --- */
section:after, .inner:after, nav .panel:after, nav#mainNav ul:after, .newsTitle:after, .bg:after, .post:after, .pagenav:after, ul#banners:after, #footer:after, #footer li a:after, .flexbox:after, .col_2:after, .col_3:after, .col_3x2:after, .col_4:after, .col_4x3:after, .col_5:after, .col_5x2:after, .col_5x3:after, .col_5x4:after, .clrfx:after, .Dlist:after, .post-content:after, .post ol.flow > li:after, .post ul:after, .thumb:after, .list50:after, ul.post li:after, .gallery:after, .column1:after, .column2:after{ content:""; display: table;clear: both;}
section, .inner, nav .panel, nav#mainNav, nav#mainNav ul, .newsTitle, .bg, .post, .pagenav, ul#banners, #footer, #footer li a, .flexbox, .col_2, .col_3, .col_3x2, .col_4, .col_4x3, .col_5, .col_5x2, .col_5x3, .col_5x4, .clrfx, .Dlist, .post-content, .post ol.flow > li, .post ul, .thumb, .list50, ul.post li, .gallery, .column1, .column2{zoom: 1;}