@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
*/

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


.header-container-in.hlt-top-menu .logo-header img {
    max-height: 80px;
}
.header-container-in.hlt-top-menu .logo-header {
    max-height: 80px;
}



/*=======================================================
ヘッダー
=========================================================*/
#header-container-in{
	width:100%;
	padding: 20px 10px;
}
#menu-header{
	justify-content:end;
}



/*=======================================================
トップページ
=========================================================*/
/*  レイアウト  */
.page-id-15 .main{
	padding:0;
}
.page-id-15 #content-top{
	margin-top: -32px;
}
.page-id-15 .content{
	margin-top:0;
}
.page-id-15 .content-in{
	width: inherit;
}
#post-15{
	width:100%;
	margin-bottom:0;
}
#post-15 .entry-content{
	margin-top:0;
	margin-bottom:0;
	padding-bottom: 0;
}
#post-15 .article-header{
	display:none;
}

/*  メインバナー  */
#post-15 #main_bnr{
	margin-top:0;
	margin-bottom:0;
}
#post-15 #main_bnr img{
	width:100%;
}

/*  メッセージ  */
#ms-mds{
	color: #ea8226;
   font-weight: bold;
   font-size: 30px;
   margin-top: 4em;
}
#ms-txt{
	font-size: 17px;
   width: 60%;
   margin: 0 auto 6em;
}

.page-id-15 h2{
	font-size:38px;
	text-align: center;
	background-color:#fff;
	color: #ea8226;
	letter-spacing: .04em;
}
#m01{
	background-color: #f8f8f8;
   padding-top: 44px;
   margin-bottom: 1em;
}
#news-wrap{
	background-color:#f8f8f8;
	padding-bottom: 4em;
}
.new-entry-cards{
	width:80%;
	margin:auto;
}
.new-entry-cards .display-none{
	display: block;
	padding-top: 0.2em;
	text-align: right;
}
.display-none .new-entry-card-post-date{
	display: block;
}
.new-entry-card-update-date {
	display: none;
}
.new-entry-card-thumb{
	display:none;
}
.new-entry-card .new-entry-card-content{
	margin-left:0;
}
.border-partition a:first-of-type  {
    border-top: 1px dotted #aaa;
}
.border-partition a {
    border-bottom: 1px dotted #aaa;
}

/*　テーブル　*/
#top-about-table table{
	width:50%;
	margin:0 auto 7em;
}
#top-about-table table td{
	border:1px solid #ccc;
   padding: 20px 30px;
   letter-spacing: 0.04em;
}
#top-about-table table tr{
	background-color: #fff;
}
#top-about-table table tr:nth-of-type(2n+1) {
    background-color: #fff;
}
#top-about-table table tr td:nth-of-type(1){
	width: 25%;
   height: auto;
	color: #fff;
	background: #fa8f32;
}

/*　コンタクト　*/
#contact-img {
	margin-bottom: 0;
}
#content-bottom{
	margin: 0;
}
#content-bottom-in{
	width:100%;
}
#content-bottom-in #custom_html-4{
	margin-bottom:0;
}
#content-bottom-in img{
	width:100%;
}
#content-bottom-in a{
	cursor:pointer;
}
#content-bottom-in a:hover{
	text-decoration:none;
	opacity:0.9;
}



/*=======================================================
フッター
=========================================================*/
.footer {
    margin-top: 0;
}
#ft-ul{
	list-style:none;
	display:flex;
	justify-content: end;
	padding-top: 50px;
	padding-left:0;
	padding-bottom: 30px;
	font-size:14px;
}
#ft-ul li{
	list-style: none;
   display: flex;
   justify-content: end;
   padding-left: 30px;
   font-size: 14px;
}
#ft-ul li a{
	text-decoration:none;
	color:initial;
}
#ft-ul li a:hover{
	text-decoration:underline;
}
.footer-left{
	font-size:14px;
}
.footer-left img{
	width:300px;
	padding-top: 30px;
}
.footer-left{
    width: 40%;
}
.footer-center{
    width: 10%;
}
.footer-right{
    width: 50%;
}
#footer-in{
	width:100%;
}
#footer-contact{
    margin-top: 35px;
    text-align: right;
}
#footer-contact a{
	background: #fa8f32;
   text-decoration: none;
   color: #fff;
   padding: 24px 50px;
}
#footer-contact a:hover{
	background: #ffbb81;
}

.contact-sec {
	padding: 100px 0 120px;
	background: linear-gradient(135deg, #95eb8f 0%,#77c6ff 100%);
}
.contact-sec-inner {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 50px;
	background-color: #ffffff;
}
.contact-sec-left {
	box-sizing: border-box;
	float: left;
	width: 460px;
	border-right: 1px solid #dcdcdc;
	padding: 20px 0 10px;
}
.contact-sec-right {
	float: right;
	width: 540px;
	padding-top: 20px;
}
.contact-sec-ttl {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 30px;
	text-align: center;
}
.contact-sec-ttl::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 40px;
	height: 1px;
	margin-left: -20px;
	background-color: #ea8226;
}
.contact-sec-ttl .jpn {
	display: block;
	margin-bottom: 0;
	font-size: 30px;
	letter-spacing: 0.2em;
}
.contact-sec-ttl .eng {
	display: block;
	font-size: 20px;
}
.contact-sec-text {
	margin: 0 0 30px;
	font-size: 15px;
}
.contact-sec-tel {
	margin-bottom: 50px;
	text-align: center;
}
.contact-sec-telnum a {
	font-family: 'Crimson Text', serif;
	padding-left: 40px;
	background: url(../images/icon-tel.png) 0 center no-repeat;
	background-size: 27px 39px;
	font-size: 48px;
	line-height: 1.0;
}
.business-hours {
	margin-left: -10px;
	font-size: 15px;
	line-height: 1.6;
}
.contact-sec-btn {
	display: block;
	width: 380px;
	margin: 0 auto;
	padding: 22px 0;
	background-color: #fa8f32;
	font-size: 20px;
	text-align: center;
	color: #ffffff;
	font-weight: 600;
	transition: all .3s;
}
.contact-sec-btn:hover {
	color: #ffffff;
	background-color: #ffbb81;
}
#content-bottom .wrap{
	width:100%;
}
.contact-sec-text {
    text-align: center;
}
.contact-sec-right a{
	text-decoration:none;
}



/*=======================================================
固定ページ
=========================================================*/
/*  レイアウト  */
body:not(.page.home) #content{
	background: #fff;
   margin-top: 0;
   border-top: 1px solid #000;
   padding-top: 2em;
}
body:not(.page.home) .entry-title{
	color:#ea8226;
	text-align:center;
	font-size: 34px;
	padding-bottom: 1em;
}
body:not(.page.home) .date-tags{
	display:none;
}
body:not(.page.home) .article h2{
	color:#ea8226;
	background-color: initial;
	border-radius: initial;
	padding: 6px 16px;
	border-left: 4px solid #ea8226;
	border-bottom: 1px solid #ea8226;
}
body:not(.page.home) .article h3{
	padding: 6px 14px;
	border-left: 4px solid #000;
	border-top: none;
	border-right: none;
	border-bottom: none;
}



/*=======================================================
コンタクト
=========================================================*/
.page-id-62 form{
	padding: 50px;
   background: #efefef;
}
#post-62 input[type='submit']{
	background:#ea8226;
	color:#fff;
	padding: 18px;
   font-size: 18px;
}
#post-62 input[type='submit']:hover{
	background:#ffbb81;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.contact-sec-left ,
.contact-sec-right{
	float:none;
	width:100%;
}
.contact-sec-ttl{
	margin-bottom:0px;	
}
.contact-sec-inner {
    width: auto;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
#top-about-table table {
    width: 86%;
}
.main figure.wp-block-table{
	margin-bottom:0;		
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
#ms-mds {
    font-size: 16px;
    margin-top: 2em;
}
#ms-txt {
    font-size: 15px;
    width: 95%;
    margin: 0 auto 4em;
}
#top-about-table table {
    width: 96%;
}
#top-about-table table td {
    padding: 25px 13px;
}
.menu-drawer a {
    padding: 1em;
    color: #000;
    font-weight: 400;
    border-bottom: 1px dashed #000;
}
}