/*
 * Theme Name: Snow Monkey Child
 * Version: 10.4.7
 * License: GPLv2 or later
 * License URI: license.txt
 * Tags: editor-style, featured-images
 * Requires at least: 5.4
 * Requires PHP: 5.6
 * Template: Snow Monkey
 */

/*webフォントを読み込む際のチラつきをなくす */
/*html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}

 /*ヘッダーの高さ*/
 .c-page-header[data-has-image=true]{
 	min-height:400px;
 }

 /*サムネイルギャラリーブロック サムネイル6個ずつの場合*/
 .smb-thumbnail-gallery__canvas .slick-dots > li {
     flex-basis: calc(100% / 6);
 }

 /*ヘッダー上に文字を表示する際に影を付ける*/
 .c-page-header__content {
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
 }

 /*スライダー文字ドロップシャドウ*/
 .wpaw-slider__item-title{
 	text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
 }
 .wpaw-slider__item-summary p{
 	text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
 }

 /*オーバーレイのメニュー文字に影を付ける*/
 .l-header--overlay-lg [data-has-global-nav] .p-global-nav .c-navbar__item:not([data-active-menu=true]):not(:hover):not(:active):not(:focus)>a {
   text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
 }

 /*波型の仕切り線を前のセクションとくっつける*/
 div.wp-block-columns.wave01
 {
 	margin-top: 0px;
 }

 /* セクション間の余白をゼロにする */
 .smb-section_pb0 {
   padding-bottom: 0;
 }


/*大括弧*/
 .box26 {
     position: relative;
     margin: 2em 0;
     padding: 0.5em 1em;
     border: solid 3px #95ccff;
     border-radius: 8px;
 }
 .box26 .box-title {
     position: absolute;
     display: inline-block;
     top: -13px;
     left: 10px;
     padding: 0 9px;
     line-height: 1;
     font-size: 19px;
     background: #FFF;
     color: #95ccff;
     font-weight: bold;
 }
 .box26 p {
     margin: 0;
     padding: 0;
 }



/*カギ括弧*/
 .box19 {
     position: relative;
     width:70%;
     margin:auto;
     padding:0.25em 1em;
 }
 .box19:before,.box19:after{
     content:'';
     width: 20px;
     height: 30px;
     position: absolute;
     display: inline-block;
 }
 .box19:before{
     border-left: solid 2px #b52b20;
     border-top: solid 2px #b52b20;
     top:0;
     left: 0;
 }
 .box19:after{
     border-right: solid 2px #b52b20;
     border-bottom: solid 2px #b52b20;
     bottom:0;
     right: 0;
 }
 .box19 p {
     margin: 0;
     padding: 0;
 }


/*文字サイズを32pxにする*/
.px32{
  font-size: 32px;
  margin-top: -50px;
}

.box20 {
  position: relative;
  width: 65%;
  margin: auto;
  padding: 0px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box !important;
}
.box20::before,
.box20::after {
  position: absolute;
  top: 0;
  content: '';
  width: 10px;
  height: 100%;
  border-top: 2px solid #b52b20;
  border-bottom: 2px solid #b52b20;
  -webkit-box-sizing: border-box;
  box-sizing: border-box !important;
}
.box20::before {
  left: 0;
  border-left: 2px solid #b52b20;
}
.box20::after {
  right: 0;
  border-right: 2px solid #b52b20;
}


.box1 {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  text-align:center;
  line-height: 150px;
  border-radius: 50%;
  border: solid 4px #eeeeee;
}
.box1 span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :150px;
  text-align:center;
}
/*幅を90％にして真ん中へ*/
.l-content-sm {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
}

/*幅を80％にして真ん中へ*/
.content80 {
  max-width: 1000px;
  width: 80%;
  margin: 0 auto;
}

/* Tableですべてのセルに枠線を付加する */
.tb thead th,
.tb tbody tr:first-child td,
.tb tbody td,
.tb tfoot th {
    border: 1px solid #ccc !important;
}


/* シンプル囲み枠 1 CTAで使っている*/
.kakomi-box1 {
 margin: 2em auto;
 padding: 1em;
 width: 100%;
 color: #666; /* 文字色 */
 background-color: #f7f7f7; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}

.ctapl {
  margin-left: 20px;
}

.ctapr {
  margin-left: -100px;
  margin-right: 20px;
}
.ctaus10 {
  margin-bottom: 10px;
}
.ctats10 {
  margin-top: 10px;
}


/* シンプル囲み枠 TRETTIO仕様リンク下線消し*/
.kakomi-box2 {
 margin: 2em auto;
 padding: 1em;
 width: 100%;
 color: #5d8b9b; /* 文字色 */
 background-color: #ebf0f2; /* 背景色 */
 border: 1px solid #5d8b9b; /* 枠線 */
 text-decoration: none;/*リンク下線消し*/
}
.kakomi-box2 li a {
  color: #5d8b9b; /* 文字色 */
  text-decoration: none;/*リンク下線消し*/
}
.kakomi-box2> li a:hover{
　　color: #93b2bc;
}


/* ふんわり　枠　1 */
.kakomi-kage1 {
 margin: 2em auto;
 padding: 1em;
 width: 100%;
 color: #555555; /* 文字色 */
 background-color: #f7f7f7; /* 背景色 */
 box-shadow: 0 0 5px 5px #f7f7f7; /* 影 */
}


/*四角い枠に数字を入れる*/
.page_whats .chapter .chapter01_content01 .block .title .number {
    width: 56px;
    height: 56px;
    background: #5D8B9B;
    color: #fff;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    font-family: 'Barlow Semi Condensed',sans-serif;
    font-weight: 700;
    letter-spacing: 2px;
}

/*ウィジェットで区切り線を入れる*/
.bottom-line {
  margin: 0 auto 0 auto;
  width: 90%;
  z-index: 5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

/*リンクの下線を消してマウスオーバーで下線を表示する*/

.none a {
  text-decoration: none;
  color: #555;
}
.none a:hover {
  text-decoration: underline;
}
.none ul {
  list-style: none;
}


/*ここだけ明朝にしたい時*/
.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sita-10 {
  margin-top: -10px;
}
.mincho a {
  text-decoration: none;
  color: #555;
}
.mincho a:hover {
  text-decoration: underline;
}

.textleft{
  text-align: left;
}
/*縦書きする*/


/*Typessquare Webフォント設定欄*/
h1,
h2,
h3,
.entry-title,
.smb-panels__item__title,
.c-entry__title,.wpaw-slider__item-title {
 font-family: "丸フォーク M" !important;
}
h4,
h5,
h6,
.p-global-nav {
 font-family: "丸フォーク M" !important;
}

.hentry,
p {
 font-family: "ヒラギノ角ゴ W2 JIS2004"!important;
}

strong,
b {
 font-family: "フォーク M" !important;
}

/*woocommerceのアイコンをthemeのアクセントカラーと合わせる*/
.woocommerce-info::before {

    color: #765032 !important;

/*copyrightを真ん中に*/
}
.c-copyright {
  text-align: center;
}


/*コンタクトフォーム7のテンプレート*/

/* template02 */
.form__wrap {
  width: 100%;
  max-width: 900px;/*フォームの最大幅*/
  margin-right: auto;
  margin-left: auto;
}
.wpcf7 .template02 {
  color: #666;
  font-size: 16px;
}
.wpcf7 .template02 a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: inherit;
  transition: opacity .25s;
}
.wpcf7 .template02 a:hover {
  opacity: .5;
  transition: opacity .25s;
}
.wpcf7 .template02 div.form__row {
  display: flex;
  margin: 0;
  padding: 0;
  border-top: 1px solid #efe8e5;
}
.wpcf7 .template02 div.form__row.row-privacy,
.wpcf7 .template02 div.form__row.row-submit {
  display: block;
  border-top: 0;
  margin-top: 1em;
  text-align: center;
}
.wpcf7 .template02 p.form__label,
.wpcf7 .template02 p.form__body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label {
  width: 36%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 p.form__body {
  width: 64%;
  padding: 1.5em 1em;
}
.wpcf7 .template02 div.form__row.row-privacy .form__body,
.wpcf7 .template02 div.form__row.row-submit .form__body {
  width: 100%;
}
.wpcf7 .template02 p.form__label label {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 44px;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label label::after {
  content: "任意";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  margin: 0;
  padding: 0 5px;
  border-radius: 2px;
  background-color: #f1f1f1;
  color: #929292;
  font-size: 11px;
  text-align: center;
  box-sizing: border-box;
}
.wpcf7 .template02 p.form__label.is-required label {
  position: relative;
}
.wpcf7 .template02 p.form__label.is-required label::after {
  content: "必須";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  padding: 0 5px;
  background-color: #6c5c2f;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
/* テキストフィールド */
.wpcf7 .template02 input[type=text],
.wpcf7 .template02 input[type=tel],
.wpcf7 .template02 input[type=email],
.wpcf7 .template02 textarea {
  width: 100%;
  margin: 0;
  padding: .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: 16px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* テキストフィールド placeholder */
.wpcf7 .template01 input[type=text]::placeholder,
.wpcf7 .template01 input[type=tel]::placeholder,
.wpcf7 .template01 input[type=email]::placeholder,
.wpcf7 .template01 input[type=url]::placeholder,
.wpcf7 .template01 input[type=date]::placeholder,
.wpcf7 .template01 input[type=number]::placeholder,
.wpcf7 .template01 textarea::placeholder {
  color: #ccc;
}
.wpcf7 .template01 input[type=text]:-ms-input-placeholder,
.wpcf7 .template01 input[type=tel]:-ms-input-placeholder,
.wpcf7 .template01 input[type=email]:-ms-input-placeholder,
.wpcf7 .template01 input[type=url]:-ms-input-placeholder,
.wpcf7 .template01 input[type=date]:-ms-input-placeholder,
.wpcf7 .template01 input[type=number]:-ms-input-placeholder,
.wpcf7 .template01 textarea:-ms-input-placeholder {
  color: #ccc;
}
.wpcf7 .template01 input[type=text]::-ms-input-placeholder,
.wpcf7 .template01 input[type=tel]::-ms-input-placeholder,
.wpcf7 .template01 input[type=email]::-ms-input-placeholder,
.wpcf7 .template01 input[type=url]::-ms-input-placeholder,
.wpcf7 .template01 input[type=date]::-ms-input-placeholder,
.wpcf7 .template01 input[type=number]::-ms-input-placeholder,
.wpcf7 .template01 textarea::-ms-input-placeholder {
  color: #ccc;
}
/* テキストフィールド フォーカス時 */
.wpcf7 .template01 input[type=text]:focus,
.wpcf7 .template01 input[type=tel]:focus,
.wpcf7 .template01 input[type=email]:focus,
.wpcf7 .template01 input[type=url]:focus,
.wpcf7 .template01 input[type=date]:focus,
.wpcf7 .template01 input[type=number]:focus,
.wpcf7 .template01 textarea:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
/* チェックボックス */
.wpcf7 .template02 input[type=checkbox] {
  display: none;
}
.wpcf7 .template02 input[type=checkbox] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.24em;
  height: 1.24em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  background-color: #fefefe;
  box-sizing: border-box;
}
.wpcf7 .template02 input[type=checkbox] + span::after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 0.15em;
  left: 0.44em;
  width: 0.4em;
  height: .8em;
  border-bottom: 3px solid #000;
  border-right: 3px solid #000;
  box-sizing: border-box;
  transform: rotate(40deg);
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span {
  color: #6c5d2f;
  transition: all .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::before {
  opacity: 1;
  border: 1px solid #6c5d2f;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #6c5d2f;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=checkbox]:checked + span::after {
  opacity: 1;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: opacity .25s ease;
}
/* ラジオボタン */
.wpcf7 .template02 input[type=radio] {
  display: none;
}
.wpcf7 .template02 input[type=radio] + span {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0 1em 0 1.8em;
  font-size: inherit;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #c4bbb8;
  border-radius: 50%;
  background-color: #fefefe;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio] + span::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
.wpcf7 .template02 input[type=radio]:checked + span {
  color: #6c5d2f;
}
.wpcf7 .template02 input[type=radio]:checked + span::before {
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 input[type=radio]:checked + span::after {
  opacity: 1;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #6c5d2f;
  border-radius: 50%;
  box-sizing: border-box;
  transition: opacity .25s ease;
}
/* セレクト */
.wpcf7 .template02 span.select-wrap {
  position: relative;
  width: 250px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select {
  cursor: pointer;
  width:250px;
  max-width: 100%;
  margin: 0;
  padding: .5em 3.5em .5em 1em;
  border: 1px solid #c4bbb8;
  border-radius: 4px;
  box-shadow: none;
  background-color: #fefefe;
  background-image: linear-gradient(90deg, #d4cbb2, #d4cbb2);
  background-position: 100% 0;
  background-size: 2em 3.5em;
  background-repeat: no-repeat;
  color: inherit;
  font-size: inherit;
  line-height: 1;
  box-sizing: border-box;
  transition: border-color 0.2s ease, outline 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 select::-ms-expand {
  display: none;
}
.wpcf7 .template02 span.select-wrap::after {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  width: .6em;
  height: .6em;
  top: 50%;
  right: .8em;
  margin-top: -3px;
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
  transform: rotate(45deg) translateY(-50%);
  transform-origin: 50% 0;
  box-sizing: border-box;
}
.wpcf7 .template02 select:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
.wpcf7 .template02 span.select-wrap:focus-within::after {
  border-bottom: 1px solid #6c5d2f;
  border-right: 1px solid #6c5d2f;
}
/* 送信ボタン */
.wpcf7 .template02 .submit-btn {
  position: relative;
  width: 320px;
  height: 65px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7 .template02 input[type="submit"] {
  cursor: pointer;
  width: 320px;
  max-width: 100%;
  padding: 18px;
  box-shadow: none;
  border: 1px #6c5d2f solid;
  border-radius: 8px;
  background-color: #6c5d2f;
  color: #fff;
  font-size: 18px;
  text-align: center;
  box-sizing: border-box;
  transition: all .25s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.wpcf7 .template02 input[type="submit"]:disabled {
  cursor: not-allowed;
  box-shadow: none!important;
  border: 1px solid #f8f8f8!important;
  background-color: #f8f8f8!important;
  color: #929292!important;
}
.wpcf7 .template02 input[type="submit"]:hover {
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
  background-color: #fff;
  color: #6c5d2f;
  transition: all .25s;
}
.wpcf7 .template02 input[type="submit"]:focus {
  outline: 0;
  border: 1px #6c5d2f solid;
  box-shadow: 0 0 2px 2px rgba(133, 112, 92, 0.5);
}
@media only screen and (max-width: 768px) {
  .wpcf7 .template02 div.form__row {
    display: block;
  }
  .wpcf7 .template02 p.form__label {
    width: 100%;
    padding: 1.5em 1em 0;
  }
  .wpcf7 .template02 p.form__body {
    width: 100%;
    padding: 1em 1em 1.5em;
  }
}


/*見出しの前後に線を引く  つもりだったが どうしてもセンタリング出来ないので 線無し*/
h2.line002 {
  background-color: white;
  border-left: none;
}
h2.line002.big32{
  font-size: 32px;
}

/*カートがからの時のアイコンの色を合わせる*/
.woocommerce-info::before {
    color: #765032 !important;
}

.woocommerce form .form-row textarea {
    height: 6em !important;
}

img[src$="card-jcb.svg"]{
  display: none !important;
}
@media (max-width: 800px) {
  h2, h3 {
    font-size: 1.3rem;
  }
}
@media (min-width:801px) {
  h2, h3 {
    font-size: 1.8rem;
  }
}
.sita30{
  margin-bottom: -30px !important;
}
.sita50{
  margin-bottom: -50px !important;
}
.sita80{
  margin-bottom: -80px !important;
}
.sita100{
  margin-bottom: -100px !important;
}
/*----右資料請求ボタン-----*/
#contact_btn {
    position:fixed;
    width: 4em;
    right: 0;
    bottom: 15%;
    z-index: 1;
}
.con_btn a {
    text-align: center;
    width: 4em;
    padding: 1em 1em 1em 0;
    background-color: #66A6CD;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
     border-top-left-radius: 6px;
     border-bottom-left-radius: 6px;
}
.con_btn a:hover {background-color: #CA3E3C;}