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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* トップページアピールエリア---------------------------------------------- *
/*全体*/
/*下の記述【width: 100vw;】によってスクロールバーが出てしまうのでそれを消す処理*/
.container { position: relative; overflow: hidden; z-index:1;min-width: 100%;margin:0 0;}
/*画面横幅いっぱいになるように設定*/
.appeal, .appeal-in, .header-container { position: absolute; top: 0; margin: 0 calc(50% - 50vw);width: 100vw;}
/*画面縦幅いっぱいになるように設定*/
.appeal, .appeal-in {height: 90vh;background-size: cover;}

.header-container, .header,.navi,.navi-in{ background-color: transparent;z-index:3;}

#header{margin-top:10px;}
.breadcrumb{ margin-top:50px;}
.navi-in { margin:0px;}
.navi-in li :hover{ background:none;color:#73a0b7;transition : all 0.4s ease 0s; }
.navi-in li  { position: relative; display: inline-block; text-decoration: none; color:#076db1; font-weight:bold;font-family:"Hiragino Mincho ProN","ヒラギノ明朝 ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro",serif;padding:10px 0;}
.navi-in li ::after { position: absolute; bottom: -4px; left: 0;content: ''; width: 100%;height: 2px;background: #73a0b7;transform: scale(0, 1);transform-origin: center top;transition: transform .4s;}
.navi-in li :hover::after {transform: scale(1, 1);}
.header .site-name-text img {margin-top: 0px;}
.header-container {box-shadow:none !important;}
#menu-item-312 { background-color: #2883b1; border-radius:0 0 15px 15px; min-height:55px; max-width:200px;}
#menu-item-312 div{color:#fff;}
#menu-item-312 .item-label{letter-spacing:0.1rem;}
#navi .navi-in>ul>li#menu-item-312>a { padding: auto 0; }

#content-in,.content-in,#content-in wrap{background-color: background: rgba(247,244,242,0);}
#main {background: rgba(247,244,242,0.7);}
table { font-size:0.8em;  text-align:left; min-width:100%;background: #FFF; color: #333 !important; border: none !important; border-collapse: collapse !important;}
table th { font-size:1.1em; text-align:center; }
table td:nth-child(1) { max-width:46%;}
table td:nth-child(2),td:nth-child(3),td:nth-child(4) {text-align:right; width:18%;}
table tr td,table tr th { border: none !important;  border-bottom: 0px solid #a0bece !important;}
table tr:last-child td,table tr:last-child th { border-bottom: none !important;}
table tr th { background: rgba(70,48,55,0.9) !important; color: #fff !important; border-radius: 5px 5px 0 0;}
table td {background: #eee;}
table tr:nth-child(odd) td {background: #fff;}

.entry-content h1 {margin-bottom:1.2em;}
.entry-content ul li { border-bottom:dotted #ccc 1px; padding:0.3rem; list-style:none; padding-left: 1em; text-indent: -1em; }
.entry-content ul li:first-child { border-top:dotted #ccc 1px;}
.entry-content ul li:before { width: 0; height: 0; content: ""; display: inline-block; border: 6px solid transparent; border-left-color: #076db1;}
h1 {padding:1rem; color: #fff; background-image: -webkit-gradient(linear, left top, right top, from(#076db1), to(#a0bece)); background-image: -webkit-linear-gradient(left, #f076db1 0%, #a0bece 100%); background-image: linear-gradient(to right, #076db1 0%, #a0bece 100%);font-weight:500; letter-spacing: 0.1em;  border-radius: 10px; }
.entry-title{display:none;}
.article h2 { color:#3e3a39; padding: 0.8rem 1rem 0; margin-bottom:0.5rem;font-weight:550; letter-spacing: 0.2rem; font-family:"Hiragino Mincho ProN","ヒラギノ明朝 ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro",serif;text-align:center; font-size:2rem;background:url(https://takemura-gyousei.com/wp-content/uploads/2023/07/flower.png) transparent no-repeat top center; background-size:40px;}
.vk_heading_subtext {color:#2883b1;font-family:"Hiragino Mincho ProN","ヒラギノ明朝 ProN","Hiragino Mincho Pro","ヒラギノ明朝 Pro",serif;text-align:center;font-size:1.3rem;}
.article h3 {color: #2883b1; margin:3px 0;font-weight:700; letter-spacing: 0.1em; border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;position: relative;}
h3:after {
  content: "";
  display: block;
  height: 3px;margin-top:5px;
  background: -webkit-linear-gradient(to right, rgb(40, 131, 177), transparent);
  background: linear-gradient(to right, rgb(40, 131, 177), transparent);
}
.cat-link{ background-color:#a3c2d3; border-radius: 5px; }/*投稿カテゴリリンク*/

.wp-block-latest-posts__list span.internal-icon { margin-left: 1.5em; font-size: 0.8em; }
.mr15 span  { margin-left: 1.5em; font-size: 0.8em; }
.p15 {padding:15px;}
.fs70 { font-size:0.7em; }
.fs85 { font-size:0.85em; }
.fs110 { font-size:1.1em; }
.fs130 { font-size:1.3em; }
.fs150 { font-size:1.5em; }
.ceo {color:#614876;}
.map {color:#C73E3A;}
.tel {color:#527E4F;}
.facebook {color:#3B5998;}

.go-to-top .go-to-top-button {  background-color: rgba(40,131,177,0.8); }
.go-to-top :hover { opacity: 0.6; filter: alpha(opacity=80); -moz-opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.mobile-menu-buttons {background: rgba(40,131,177,0.9); }

.display-none{display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以上*/
@media screen and (min-width: 1024px){
	.header-img_sp {display:none;}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	#navi {display:none;}
	.mobile-header-menu-buttons {background-color:#2883b1;}
	.mobile-menu-buttons .menu-button > a {color: #f7f4f2;}
	.header-img {display:none;}
	#footer {display:none;}
}

/*834px以下*/
@media screen and (max-width: 834px){

}

/* PCで電話番号リンクを無効に */
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}


/*480px以下*/
@media screen and (max-width: 480px){
  	.appeal-in {
		min-height: 600px!important;/*スマホでの高さ調整*/
	}
}