@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

a:hover {
	opacity: 0.5 ;
}
.content .wrap {
   max-width: 860px;
}
.single .content .wrap {
   max-width: 1200px;
}

.header-container{
	border-bottom: 2px solid #EEE;
}

.article-header{
  text-align:center;
}
h1.entry-title{
	border-bottom: dotted 3px orange;
	display:inline-block;
	font-size:30px;
}
/*.article {
	padding:0 40px;
}*/

.article h2{
	background:#ffffff;
/*	text-align:center;*/
		font-size:30px;
	margin:5px;
	padding-top:0;
	padding:20px 0px;
}

.article h3 {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #ccc;
    font-size: 22px;
    padding: 12px 3px;
}


/*リボン付きh3*/
.gr,.or{
	text-align:center;
}
.gr h3{
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 2rem;
    background-color: #79BD36;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	border:none;
margin:15px auto;

}
.gr h3::before,
.gr h3::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #79BD36 transparent;
    border-style: solid;
    content: '';
}

.gr h3::before {
    left: -15px;
    border-width: 25px 0px 25px 15px;
}
.gr h3::after {
    right: -15px;
    border-width: 25px 15px 25px 0px;
}
.or h3{
    position: relative;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 2rem;
    background-color: #ED6D00;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
	border:none;
	margin:15px auto;
}
.or h3::before,
.or h3::after {
    position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #ED6D00 transparent;
    border-style: solid;
    content: '';
}
.or h3::before {
    left: -15px;
    border-width: 25px 0px 25px 15px;
}
.or h3::after {
    right: -15px;
    border-width: 25px 15px 25px 0px;
}

.article h4.green{
	color:#79BD36;
	border-color: #79BD36;
	text-align: center;
margin:15px auto;
}

.article h4.orange{
	color:#ED6C00;
	border-color: #ED6C00;
	text-align: center;
		margin:15px auto;
}

/*トップページ*/
.home .content .wrap{
    max-width: 1200px;
}


.home .content{
	margin-top:0px;
}
.home .main{
	padding-top:0;
}
.header-container-in.hlt-top-menu.wrap{
	width:1200px;
}


.home .entry-content{
	margin-top:0;
}

.topheader{
 width:100vw;
 text-align: center;
margin: 0 calc(50% - 50vw);

}

.topmenu{
	margin: 15px auto;
	max-width: 532px;
	overflow: hidden;
}
.topmenu img{
	float:left;
	}
.topmenu img.left{
	margin-right: 10px;
	margin-bottom: 10px;
	}
.topmenu img.right{
	margin-left:10px;
	margin-bottom: 10px;
	}
.fullbox{
 width:100vw;
    background-color:#F8F7F2; 
padding: 30px calc(50vw - 50% + 8px) 8px;
margin: 0 calc(50% - 50vw);
	text-align: center;
	padding-top: 35px;
	padding-bottom: 15px;
}


.comLink a{
    padding: 11px 29px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    background-color: #2BB7EC;
    border-radius: 40px;
    text-decoration: none;
    width: 290px;
}


.formTable{
	border: none;
}


/*全幅コンテンツ*/
.alignfull{
 width:100vw;
    background-color:#F8F7F2;
    background-image:repeating-linear-gradient(-45deg,#fff, #fff 3px,transparent 0, transparent 6px);
	 
	 
padding: 8px calc(50vw - 50% + 8px);
margin: 0 calc(50% - 50vw);
padding-top:25px;
padding-bottom: 25px;

}
.sec02 {
padding: 40px 0 246px;
    background: url(img/index/sec02_bg.png) no-repeat center bottom;
    background-size: 1017px auto;
    margin: 0 calc(50% - 50vw);
    }

.article dt .ttl {
    width: 106px;
    padding: 5px 0 3px;
    text-align: center;
    display: inline-block;
    color: #FFF;
    font-size: 16px;
 
    border-radius: 16px;
    background-color: #79BD36;
}
.article dt {
    margin-bottom: 9px;
    font-weight: bold;
    border-left: 5px solid #19619a;
    padding-left: 10px;
    font-size:18px;
}
.article dd {
    margin-bottom: 24px;
    margin-left: 0px;
    }
    
 /*囲み*/ 
.gbox{
 padding: 40px;
	border: 2px solid #77BD36;
	background: #ffffff;
}  
.obox{
 padding: 40px ;
	border: 2px solid #ED6C00;
		background: #ffffff;
}  

.button {
	text-align: center;
}
.button a{
    padding: 11px 29px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    background-color: #ED6D00;
    border-radius: 40px;
    text-decoration: none;
}

.kadomaruorange{
	margin-top: -13px;
    padding: 2px 20px 2px;
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    border-radius: 15px;
    background-color: #ED6D00;
    text-align: center;
}
.kadomarugreen{
	margin-top: -13px;
    padding: 2px 20px 2px;
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    border-radius: 15px;
    background-color: #77BD36;
        text-align: center;
}

/*オレンジ太字*/
.ob{
font-weight: bold;
font-size: 20px; 
color: #ed6d00;
}
/*緑太字*/
.gb{
font-weight: bold;
font-size: 20px; 
color: #77BD36;
}

table th{
	font-size: 18px;
	background: #77BD36;
	padding:15px;
	color:#ffffff;
}
table td{
		font-size: 18px;
	background: #ffffff;
	padding:15px;
	font-weight: bold;
}
/*問合せフォーム*/
form table {
    width: 100%;
    margin-bottom: 81px;
    border-collapse: collapse;
}
form th, form td {
	font-size: 15px;
    padding: 0 0px 10px 6px;
    color: #4B4848;
    float: left;
    width: 100%;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    border: none;
    background: #ffffff;
}
form td input[type="text"] {
    padding: 5px 22px;
    width: 100%;
    height: 51px;
    font-size: 14px;
    border: none;
    background-color: #F4F6F3;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
}
form td select{
	font-size: 15px;
	background-color: #F4F6F3;
    margin-top: 11px;
    padding: 5px 13px;
    width: 238px;
    height: 37px;
    border: none;
    box-sizing: border-box;
    background-size: 33px auto;
    -webkit-appearance: none;
    border-radius: 0;
}
form td .zipText {
    margin-left: 12px;
    width: 158px !important;
}
form td .textarea {
    height: 238px !important;
}
form fieldset{
	border: none;
}

input[type='submit']{
	margin: 0 auto;
padding: 5px 0;
    width: 256px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    border: none;
    border-radius: 30px;
    background-color: #79BD36;
    -webkit-appearance: none;
}

.voicebox{
    margin-bottom: 29px;
    padding: 35px 42px 25px;
    background-color: #F8F7F3;
}
.recomendbox{
    margin-bottom: 29px;
    padding: 35px 42px 25px;
    background-color: #FFFFFF;
}

.whitebox{
    margin-bottom: 29px;
    padding: 35px 20px 25px;
    background-color: #FFFFFF;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .sp{
	display: none!important;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .column-right{
	padding-left:0px;
}
.pc{
	display: none!important;
}
.topmenu{
	padding:10px;
	}
.topmenu img{
	max-width: 170px;
	}
	.topmenu img.left{
float:left;
margin: 0 0 10px;
	}
.topmenu img.right{
float:right;
margin: 0 0 10px;
	}
}