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

/************************************
** 子テーマ用のスタイルを書く
************************************/
@font-face {
    font-family:'Precious';
    src: url(./font/Precious.woff) format("woff"); }

h1.entry-title { font-size:28px; font-weight:normal; }
h2,h3,h4 { border:none !important; background:none !important; font-style:normal !important; font-weight:normal !important; line-height:160% !important; }
h2.title,h3.title { font-family:'Precious'; }
h2.midashi {
    position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 5rem;
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    color: #353535;
}

h2.midashi::before {
    position: absolute;
    border-bottom: 2px solid #353535;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
}
.wp-block-heading::before,.wp-block-heading::after{ content: none !important; }
p { font-size:18px; }
span.big { font-size:2em; }
span.small { font-size:14px; }
span.red { color:#ff0000; font-style:italic; }
.tagline { font-size:18px; }
.aligncenter { text-align:center; }

.gmap_iframe {
    aspect-ratio: 16 / 9;
    max-width: 1000px;
    width: 100%;
    height: auto;
}

.page h1 { text-align:center; }
.page .date-tags { display: none; }

dl.footer__information__detail { width: 95%; max-width: 1092px; margin:2rem auto 4rem !important; display: flex; flex-wrap:wrap; text-align: left; }
.footer__information__detail dt { width: 30%; margin: 0; border-bottom: 1px solid #ccc; line-height: 160%; padding: 1.2em 1em 1em 0; vertical-align: middle; align-items: center; }
.footer__information__detail dd { width: 70%; margin: 0; padding: 1em 1em 1em 0; border-bottom: 1px solid #ccc; vertical-align: middle; line-height: 160%; }
.footer__information__detail .last { border:none; }
span.phone { font-size: max(2rem, 10px); line-height:160%; }
span.hour { color: grey; font-size: 12px; line-height:160%; }

.wp-block-vk-blocks-button a { font-weight:normal; }

ul.list01 { margin:1.5em; padding: 1em; text-indent: -2.3em; font-size:18px; }
ul.list01 li { margin-bottom: 0.5em; list-style-type: none; counter-increment: cnt; }
ul.list01 li::before { content: "(" counter(cnt) ") "; }
ul.list02 { font-size:18px; margin:1.5em; padding: 1em;  }
ul.list02 li { margin-bottom: 0.5em; list-style-type:disc; }

dl.menu {
  width: 95%; max-width: 1200px;
  display: flex; flex-wrap:wrap;
  margin:0 auto !important;
  border-bottom:1px dotted #999;
  font-size:18px;
  font-style:italic;
}
dl.menu dt,dl.menu dd {
  display:inline-block;
  *display:inline;
  zoom:1;
  letter-spacing:normal;
  word-spacing:normal;
  vertical-align:top;
  padding:10px 2%;
  margin:0;
  border-top:1px dotted #999;
}
dl.menu dt { margin-right:-1px; width:80%; }
dl.menu dd { text-align:right; font-weight:bold; width:20%; }
dl.menu dd::before { content: '¥'; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
.footer__information__detail { display:block !important; flex-flow: column; }
.footer__information__detail dt,.footer__information__detail dd { text-align:center; width:100%; }
.footer__information__detail dt { border:none; }
.footer__information__detail dd { padding-bottom:40px; }
.footer__information__detail dd.last { padding-bottom:0px; }
span.phone { font-size: max(1.5rem, 10px); line-height:160%; }
}

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

/*480px以下*/
@media screen and (max-width: 480px){
dl.menu { display:block !important; flex-flow: column; }
dl.menu dt { padding-bottom:0; width:100%; }
dl.menu dd { width:100%; padding-top:0; border:none; }
hyo { margin:0 0 50px 0; padding:1px 0 0 0; }
.hyo p { margin:0; }
.hyo dl { margin:0 0 40px 0; }
.hyo dt { float:none; background:#f2f2f2; margin:0 0 5px 0; line-height:160%; font-weight:bold; padding:5px 10px; }
.hyo dd { margin:0 0 10px 0; line-height:160%; padding:0 10px; }
.hyo dd:after { content : ''; display : block; clear : both; }
}

/*1024px以上*/
@media (min-width: 1024px) {
br.spbr { display:none; }
.line1 { display:none; }
}

@media screen and (orientation: landscape) {
.hyo { margin:0 0 50px 0; padding:1px 0 0 0; }
.hyo p { margin:0;line-height:160%; }
.hyo dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; }
.hyo dt { float:left; width:30%; margin:0; line-height:200%; font-weight:bold; border-top:1px solid #ddd; padding:12px 1em 0; }
.hyo dd { margin:0 0 0 30% !important; line-height:200%; background:#f9f9f9; padding:12px 10px 10px 1em; border-top:1px solid #ddd;  }
.hyo dd:after { content : ''; display : block; clear : both; }
}


@media screen and (min-width:751px){
a[href^="tel:"] {
pointer-events:none;
cursor: default;
text-decoration: none;
}
br.pcnone { display:none; }
}

@media screen and (max-width:750px){
h3.wp-block-heading { font-size:26px !important; padding-left:0;padding-right:0; }
a[href^="tel:"] {
pointer-events:auto;
cursor: default;
text-decoration: none;
}
h2.wp-block-heading { font-size:24px !important; }
}