/* カスタム CSS をここに入力してください */

/*--------------------------------------------------------
WordPress用のスタイル
--------------------------------------------------------*/
.single .article-body,
.page .article-body{
	margin-bottom: 10px;
}

/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8,
h9,
h10,
h11,
h12,
h13,
h14,
h15,
h16,
h17,
h18,
h19,
h20{
	font-style: normal;
	font-weight: normal;
}


/*----------------------------------------
記事まわりの枠線と余白を削除
----------------------------------------*/
.section-wrap {
	border: none;
	padding: 0px;
	}

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

.breadcrumbs-in{
	margin: 0em 0 1em 0.5em;
	font-size: 0.8em;
  padding: 0;
	color: #999;
}

/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child,
.section-in > h7:first-child,
.section-in > h8:first-child
.section-in > h9:first-child
.section-in > h10:first-child
.section-in > h11:first-child
.section-in > h12:first-child
.section-in > h13:first-child
.section-in > h14:first-child
.section-in > h15:first-child
.section-in > h16:first-child
.section-in > h17:first-child
.section-in > h18:first-child
.section-in > h19:first-child
.section-in > h20:first-child{
	margin-top: 0;
}

.main-body h1{
	margin: 5px 0 15px;
	padding: 5px 15px;
  background: #ca6a6a;
	border-radius: 10px;/*角を丸く*/
  color: #fff;
	font-size: 1.5em;
  line-height: 1.1em;
}

.main-body h2{
	margin: 3px 0px 15px;
	padding: 0 0 15px 20px;
	font-size: 1.2em;
	padding: 1px 0px !important;/*枠を広げる*/
	/*border-radius: 10px;角を丸く*/
	background-color:#ca6a6a;/*色を変える*/
  line-height: 1.5em;
}

.main-body h3{
	margin: 0px 0px 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ca6a6a;
  color: #696969;
	font-weight: bold;
	font-size: 1.2em;
  line-height: 1.1em;
}

.main-body h4{
	margin: 0px 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px dashed #bd4646;
  color: #696969;
	font-weight: bold;
	font-size: 1.2em;
  line-height: 1.1em;
}

.main-body h5{
	margin: 5px 0 5px;
	padding: 0 0 0 9px;
	border-left: 6px solid #ca6a6a;
  color: #696969;
	font-weight: bold;
	font-size: 1.2em;
  line-height: 1.1em;
}

.main-body h6{
	margin: 5px 0 5px;
	padding: 0 0 0 9px;
	font-weight: bold;
	border-left: 6px solid #bd4646;
	color: #bd4646;
  font-size: 1.2em;
}

.main-body h7{
	margin-bottom: 10px;
	padding: 0 0 0 0.3em;
font-weight: bold;
	border-left: 6px solid #331936;
	color: #331936;
  font-size: 1.1em;
}

.main-body h8{
	margin: 0.5em 0 -0.5em 0;
  padding: 0 0 0 0.3em;
	border-left: 6px solid #064739;
	font-weight: bold;
	color: #064739;
  font-size: 1.0em;
}


.main-body h9{
	margin: 5px 0px -10px 0px;
	border-left: 6px solid #bd4646;
	font-weight: bold;
	color: #bd4646;
  font-size: 1.0em;
}

/*--------- News&Topics サブタイトル ---------*/
.main-body h11{
	margin: 0px 0px 20px;
	padding: 0 0 5px;
	border-bottom: 1px solid #25862a;
  color: #71b174;
	font-weight: bold;
	font-size: 1.3em;
  line-height: 1.1em;
}

.p_bl01{
	width: auto;
  margin: 0em;
}

.cap_bl01{
  margin: 0.1em 0 0 0em;
  font-size: 0.7em;
  text-align: center;
  line-height: 1.5em;
}



/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f06em{ font-size: 0.6em; }
.f07em{ font-size: 0.7em; }
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #f90; }/*橙*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0; }
.lh11{ line-height: 1.1; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/

.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in,
.col1 .breadcrumbs,
.main-image-in-text.wide .main-image-in-text-cont,
.col1 .section-wrap,
.col1 .float-area,
.col1 .section-wrap.wide .section-in,
.col1 .main-body .archive-title{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1200px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}
.main-image-in img{
	width: 100%;
}
.main-image-in.wide,
.main-image-in-text.wide{
	width: 100%;
}

.main-body .rank-title{
	margin-top: 1em;
}


/*----------------------------------------
記事タイトルや基本単位毎の最初の見出し
----------------------------------------*/

.section-wrap .section-title{
	line-height: 1.5;
	margin: 0 0 0.5em;
	padding: 0;
	border: none;
	background: transparent;
	color: #ca6a6a;
  font-weight: bold;
	font-size: 1.3em;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 0 0 0px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	font-size: 1.125em;
}

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

.site-header-conts{
	padding: 30px 0 0 0;
}

/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.9;
}

.col1 .main-conts{
	margin-bottom: 20px;
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 0px;
	border: none;
}

.section-wrap.wide{
	border-right: 0;
	border-left: 0;
}

.section-wrap .section-in,
.float-area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.float-area{
	margin-bottom: 10px;
}

/*1カラムレイアウト*/
.col1 .section-wrap,
.col1 .float-area{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.col1 .section-wrap{
	padding: 0px 0px;
}

.col1 .section-wrap.wide{
	width: 100%;
	padding: 40px 0;
}

.col1 .section-wrap.wide .section-in{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 25px 0;
}


/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	float: right;
	width: 60%;
}

.col2r .sub-conts{
	float: left;
	width: 35%;
}


/*コンテンツの外にある見出し*/
.main-body .archive-title{
	margin: 0 0 30px;
}

.col1 .main-body .archive-title{
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/* トップページサブコンテンツ */
.main-conts01{
  float: left;
	width: 100%;
  height: auto;
  margin: 0 0 3em 0;
}

/* トップページメニュー */
.top-conts-menu{
	float: left;
	width: 100%;
  margin: -1em 0 0 0;
}

/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

.main-image{
	margin-bottom: 1em;
}


/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
	margin-top: 0.5em;
	padding-bottom: 10px;
}

.no-gn .main-body{
	margin-top: 0;
}

.lp.no-gn .main-body{
	margin-top: 2em;
}

.t-block p{
	font-size: 0.8em;
  line-height: 1.5em;
  padding: 0 0.5em 0 0.5em;
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.global-nav{
	padding: 0;
  margin: 0 0 2em 0;
	background: #fff;
	font-size:13px;
}

/*ドロップダウンメニューのデザイン */
.global-nav li ul li{
	display: list-item;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-right: 0;
	white-space: normal;
  background: #bd4646;
}

.global-nav li ul li a{
	display: block;
	padding: 0.8em 2em;
}

.global-nav-in li ul ul{
	top: 0;
	left: 100%;
  background: #ca6a6a;
}

/* グローバルメニュー */
.global-nav li ul li a { padding: 0.4em 0.4em; }
.global-nav, 
.global-nav-in li a { background: #ca6a6a; }
.global-nav-in ul { border-left: 1px solid #fff; }
.global-nav-in li { border-right: 1px solid #fff; }
.global-nav-in li { font-size:0.9em;}
.global-nav-in li a:hover ,
.global-nav-in li a:active ,
.global-nav-in li a:focus { background: #fff; }

/*コピーライト*/
.copyright{
	margin: 0;
	padding: 15px 0;
	background: #ca6a6a;
	color: #fff;
	text-align: center;
}

.copyright small{
	font-size: 80%;
}


/*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/
.sub-conts .section-wrap{
	margin: 0 auto;
	padding: 0;
	border: none;
}

.sub-conts .section-wrap .section-in{
	padding: 0 10px 30px 10px;
}

.col1 .sub-conts .section-wrap .section-in{
	padding: 0 80px 30px;
}


/*--ギャラリー
------------------------------*/
.gallery {
    display: flow-root;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
}
.gallery-item {
    box-sizing: border-box;
    margin: 5px 1% 5px 0;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    width: 49%;
}
.gallery-columns-3 .gallery-item {
    width: 32%;
}
.gallery-columns-4 .gallery-item {
    width: 24%;
}
.gallery-columns-5 .gallery-item {
    width: 19%;
}
.gallery-columns-6 .gallery-item {
    width: 15.66%;
}
.gallery-columns-7 .gallery-item {
    width: 13.28%;
}
.gallery-columns-8 .gallery-item {
    width: 11.5%;
}
.gallery-columns-9 .gallery-item {
    width: 10.11%;
}
@media screen and (max-width: 768px) and (min-width: 481px){
    .gallery-item,
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item{
        width: 49%;
        max-width: 49%;}
}
@media screen and (max-width: 480px){
    .gallery-item,
    .gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item{
        width: 100%;
        max-width: 100%;}
}

/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

/*　yyyymmdd 追加　リンクの下線を消す　*/
	a {
		text-decoration: none;
		}

/*----------------------------------------
コラム枠＆フォント(size0.8em+lh1.5)
----------------------------------------*/
.collum-t{
  width: 100%;
  padding: 0em;
}

.collum-t p{
  font-size: 0.8em;
  line-height: 1.5;
}

/*------------------------------------------------------------
バックグランド
-------------------------------------------------------------*/

.bg-y{
  width: 92%;
  padding:2% 4% 1% 4%;
  margin: 0 0 1em 0;
  border-radius: 10px;/*角を丸く*/
  background: #FAE3BE;
}

.bg-b{
  width: 96%;
  padding:2%;
  background: #77B8DA;
}

.t-area{
	margin: 0 1em 0 1em;
  width: 100%;
}

/*画像・テキスト中央揃え*/
.c-line img{
  display:inline-block;
  margin-right: 5px;
  width: auto;
  height: 16px;
  vertical-align: middle;/*middleは中央揃え*/
}

/*--------------------------------------------------------
テーブル指定
--------------------------------------------------------*/

table{
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 4px;
	border-color: #fff;
}

td,
th{
	padding: 1 0 1 6px;
 	border-width: 4px;
	border-color: #fff;
}

/*--------------------------------------------------------
contact form 7 指定
--------------------------------------------------------*/

input[type="text,tel"]
{
    background-color: #fff;
    color: #000;
    width: 60%;
}

.wpcf7 .required {
color: #ff99ff;
}

.wpcf7 text[name="calculated tl_total"] {
	 width: 60%;
}

.wpcf7-form-control {
	max-width:100%
}

.wpcf7 textarea[name="your-message"] {
        width: 30em;
        height: 10em !important;
}

/*-----　contact form 7 確認画面　-----------*/
.wpcf7c-conf {
background-color: #dde8e8; /* 背景色 */
color: black; /* 文字色 */
border: 1px solid #AEAEAE; /* 周りの線: 太さ　線種 線の色 */
}

/*-----　contact form 7 テーブル　-----------*/

table.table01 {
	width:100%;
	border-right:#ca6a6a solid 0px;
 	border-collapse: collapse;
}

table.table01 thead th {
	background:#ca6a6a;
	color:#FFF;
	padding:5px 10px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}

table.table01 thead th:last-child {
	border-right:#ca6a6a solid 0px;
}
table.table01 tbody th {
	background:#ca6a6a;
	color:#FFF;
	padding:5px 10px;
	border-bottom:#FFF solid 1px;
	vertical-align:top;
}
table.table01 tbody tr:last-child th {
	border-bottom:#ca6a6a solid 0px;
}
table.table01 tbody td {
	background:#FFF;
	padding:5px 10px;
	border-left:#ca6a6a solid 0px;
	border-bottom:#ca6a6a solid 0px;
	vertical-align:top;
}
 
@media screen and (max-width: 900px) {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
	padding-left:2em;
}
}