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

/************************************
** 子テーマ用のスタイルを書く
************************************/

div.logo img.site-logo-image {width:160px;height:38px;}
.navi-in .menu-top.menu-header li.menu-item {width:auto;padding:0 1em;}
.navi-in .menu-top.menu-header li.menu-item a:hover {background:transparent;opacity:0.7;}
.navi-in .menu-top.menu-header li.menu-item .caption-wrap .item-label {font-size:85%;}

.mobile-header-menu-buttons li.logo-menu-button img.site-logo-image {width:30vw;max-width:180px;min-width:auto;height:auto;}
.mobile-header-menu-buttons li {padding:10px 0;}
.mobile-header-menu-buttons {box-shadow: 0 0 0px #fff;}
.mblt-footer-mobile-buttons,
.mblt-header-and-footer-mobile-buttons {
    margin-bottom: 0px;
  }

p {text-align: justify;text-justify: inter-ideograph;}
.center {text-align:center;}
p.small {font-size:80%;}
.center {text-align:center;}

p.btn {background:#c1dd78;border:0;border-radius:88px;margin-right:1em;}
p.btn a {padding:1.2em 1.5em !important;font-size:110%;color:#fff;text-decoration:none;}
p.btn:hover {background:#00bad1;transition:0.4s;color:#fff;padding:1em;}

p.btn a::before {display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
}

.page article {max-width:1000px;margin:20px auto;}
.page .entry-content {max-width:800px;margin:20px auto;}

article h1.entry-title {text-align:center;}
.entry-content h3 {border:0;margin:0.8em 0;padding:0;}
.entry-content p {margin:1.2em auto 1.8em;}

.entry-content img {margin:20px auto !important;display:block;}

.width70 {width:70%;margin:0 auto;padding:20px 0;}

table.gaiyo {max-width:800px;width:85%;margin:30px auto;background:#fff;border:1px solid #ccc;}
table.gaiyo tr,table.gaiyo th,table.gaiyo th {background:#fff;}

.grecaptcha-badge { visibility: hidden; }


.footer.footer-container {display:none;}
footer.yama-footer {background: #fff;}
footer.yama-footer .yama-footer-wrap {
        padding: 50px 10px;
        max-width: 1000px;
        margin: 0 auto;
        overflow: auto;
    }
.yama-footer-section01 {
        width: 50%;
        float: left;
    }
.yama-footer-section02 {
        width: 24%;
        float: left;
        margin: 20px 0;
        padding: 0 20px;
        border-left: 1px solid #888;
    }
footer.yama-footer .logo {margin: 10px 0;padding: 0;}
footer p.footer-ad {font-size: 13px;}
.yama-footer-section02 li {
        list-style: none;
        font-size: 13px;
        margin-bottom: 0.5em;
    }
.yama-footer-section02 li a {text-decoration:none;color:#222;}
.yama-footer a:hover {opacity: 0.7;}


.navi-menu-button {text-align:center;}
.navi-menu-button .menu-drawer::before {content:"";display:block;width:100px;height:75px;margin:20px auto;background:url(https://nagaikankyo.jp/ngwp/wp-content/uploads/logo3.png) no-repeat;background-size:contain;}

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

/*834px以下*/
@media screen and (max-width: 834px){
.content.cf,
.content-in.wrap,
main.main,
article.article {margin-top:0;padding-top:0;}
article h1.entry-title {margin-top:5vh;}
.width70 {width:90%;}
footer.yama-footer,.yama-footer-section01 p,.yama-footer-section02 li {text-align:center;}
.yama-footer-section01 {width: 90%;float: none;}
.yama-footer-section02 {width: 90%;float: none;border-left: 0px solid #888;}
}

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