/* Base */
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

body {
  line-height: 1.6;
  color: /*#676665;*/#7e756b;
  font-weight: 300;
  font-size: 1rem; }

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  font-family: "Display Playfair"; }

.text-black {
  color: #7c7a79 !important; }

.site-wrap:before {
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background: rgba(0, 0, 0, 0.6);
  content: "";
  position: absolute;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden; }

.offcanvas-menu .site-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  overflow: hidden; }
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }

.btn {
  border-radius: 0; }
  .btn:hover, .btn:active, .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn.btn-black {
    color: #fff;
    background-color: #EED1BA; }
    .btn.btn-black:hover {
      color: #EED1BA;
      background-color: #fff; }

.line-height-1 {
  line-height: 1; }

.site-section {
  padding: 2.5em 0; }
  @media (min-width: 768px) {
    .site-section {
      padding: 2em 0; } }
  .site-section.site-section-sm {
    padding: 2em 0; }

.border-top {
  border-top: 1px solid #edf0f5 !important; }

.site-footer {
  padding: 4em 0 1em 0;
  background: #bd794d }
  @media (min-width: 768px) {
    .site-footer {
      padding: 4em 0 1em 0; } }
  .site-footer p {
    color: #fff; }
  .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5 {
    color: #fff; }
  .site-footer a {
    color: #fff; }
    .site-footer a:hover {
      color: #EED1BA; }
  .site-footer ul li {
    margin-bottom: 10px; }
  .site-footer .footer-heading {
    font-size: 20px;
    color: #fff; }

@media (max-width: 991.98px) {
  .img-md-fluid {
    max-width: 100%; } }

@media (max-width: 991.98px) {
  .display-1, .display-3 {
    font-size: 2rem; } }

/* Blocks */
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-position: center center; }
  .site-blocks-cover.overlay {
    position: relative; }
    .site-blocks-cover.overlay:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.4); }
  .site-blocks-cover .player {
    position: absolute;
    bottom: -250px;
    width: 100%; }
  .site-blocks-cover, .site-blocks-cover .row {
    min-height: 400px;
    height: calc(100vh - 73px); }
  .site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover .row {
    min-height: 400px;
    height: calc(30vh); }
  .site-blocks-cover h2, .site-blocks-cover h3, .site-blocks-cover h4, .site-blocks-cover h5 {
    color: #fff; }
  .site-blocks-cover h1 {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    line-height: 1.5; }
    @media (min-width: 768px) {
      .site-blocks-cover h1 {
        font-size: 50px; } }
  .site-blocks-cover p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5; }
  .site-blocks-cover .intro-text {
    font-size: 16px;
    line-height: 1.5; }
  @media (max-width: 991.98px) {
    .site-blocks-cover .display-1 {
      font-size: 2rem; } }

.site-block-subscribe .btn {
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 991.98px) {
  .display-4 {
    font-size: 1.8rem; } }

.site-block-tab .nav-item {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin: 0 20px; }
  .site-block-tab .nav-item:first-child {
    margin-left: 0 !important; }
  .site-block-tab .nav-item > a {
    padding-left: 0 !important;
    background: none !important;
    padding-right: 0 !important;
    border-bottom: 2px solid transparent;
    border-radius: 0 !important;
    font-weight: bold;
    color: #cccccc; }
    .site-block-tab .nav-item > a:hover, .site-block-tab .nav-item > a.active {
      border-bottom: 2px solid #8bc34a;
      color: #000; }

#date-countdown .label {
  font-size: 40px;
  color: #000; }

.next-match .image {
  width: 50px;
  border-radius: 50%; }

.site-block-feature-7 .icon {
  -webkit-transition: .2s all ease-in-out;
  -o-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out;
  position: relative;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.site-block-feature-7:hover .icon, .site-block-feature-7:focus .icon, .site-block-feature-7:active .icon {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }


/* ★ */

/* 項目のタイトル */
.index-title-font-size{font-size: 1.75rem;}
@media (max-width: 575px) {
  .index-title-font-size{font-size: 1.25rem;}
}
.contents-title{font-size: 1.8rem;}
/* 項目のタイトル end */

/* フォントの設定 */
/* フォントファミリーの設定 */
.font-title{font-family: 'M PLUS Rounded 1c', sans-serif;}
.font-text{font-family: 'Hiragino Maru Gothic ProN','ヒラギノ丸ゴ ProN W3', Meiryo, "Meiryo UI", sans-serif;}

/* index カード フォントサイズ */
.card-title-font-size{font-size: 1.5rem;}
.card-text-font-size{font-size: 1rem;}
@media (max-width: 575px) {
  .card-title-font-size{font-size: 1.4rem;}
  .card-text-font-size{font-size: 0.94rem;}
}

/* フッターの文字サイズ */
font-footer{font-size: 1rem;}
/* フォントの設定 end */

/* 文章の字下げ */
.p-indent{text-indent: 1em;}
/* 文章の字下げ end */

/* トリミングページ上部の枠内の文章 */
.concept-font-size{font-size: 1rem;}
@media (max-width: 375px) {
  .concept-font-size{font-size: 0.9rem;}
}

/* トリミング価格表、thフォントサイズ */
/* .trimming-th-font-size{font-size: 1rem;}
@media (max-width: 320px) {
  .trimming-th-font-size{font-size: 0.9rem;}
} */

/* 色の設定 */
/* カラーチャート */
.select-color-1{color: #f4efff;}
.select-color-2{color: #ffcb7c;}
.select-color-3{color: #bd794d;}
.select-color-4{color: #e47655;}
.select-color-5{color: #ff764d;}
.select-color-6{color: #8bc34a;}

/* メニューバー、背景色 */
.select-background-color-1{background-color: #fdedcb!important;}  /* メニューバー、背景色（黄） */
.select-background-color-2{background-color: #faf9f8;}  /* 背景色（薄いグレー） */
.select-background-color-3{background-color: #ffcb7c;}  /* 背景色（オレンジ色） */

/* オゾンとは */
.ozon-background-color{background: -webkit-linear-gradient(138deg, rgb(255, 201, 123), rgb(245, 255, 214));background: linear-gradient(138deg, rgb(255, 201, 123), rgb(245, 255, 214));}
/* 色の設定 end */

/* 文章の表示の切り替え（センター揃え、左揃え） */
.text-display-xl{display: block;}
.text-display-lg{display: none;}
.text-display-md{display: none;}
@media (max-width: 992px) {
  .text-display-xl{display: none;}
  .text-display-lg{display: block;}
  .text-display-md{display: block;}
}
@media (max-width: 768px) {
  .text-display-xl{display: none;}
  .text-display-lg{display: block;}
  .text-display-md{display: block;}
}

.min-d-ssm{display: none;}
.min-d-ss{display: none;}
@media (min-width: 425px) {
  .min-d-ssm{display: none;}
}
@media (max-width: 424px) {
  /*320px~424pxの画面まで*/
  .min-d-ssm{display: block;}
}
@media (min-width: 320px) {

  .min-d-ss{display: none;}
}
@media (max-width: 319px) {
  /* 0~374pxの画面まで */
  .min-d-ss{display: block;}
}
/* 文章の表示の切り替え（センター揃え、左揃え） end */

/* TOP写真、ロゴ */
.top-img-box {
  width: 100%;height: auto;
  position: relative;
}

.top-img-background {
  top: 0;left: 0;
  width: 100%;
}

/* index トップ画像表示・非表示 */
@media (max-width: 991.98px) {
  .img-index-concept-display{display: none;}
}

/* indexトップ、吹き出し */
.balloon-img-pc {
  top: 15%;right: 10%;
  width: 34%;
  max-width: 350px;
  position: absolute;
}
.balloon-img-sp {
  top: 15%;right: 1%;
  width: 45%;
  max-width: 350px;
  position: absolute;
}

.balloon-display-pc{display: block;}
.balloon-display-sp{display: none;}

@media (max-width: 574px) {
  .balloon-display-pc{display: none;}
  .balloon-display-sp{display: block;}
}

/* トリミング、ホテルトップ画像 */
.title-font{font-size: 2.5rem;}

.title-image{
  position: relative;
  margin: auto;
}

.title-image p {
  position: absolute;
  color: #ffffff;
  top: 38%;
  right: 10%;
  font-weight: 700;
  text-align: center;
}

@media (max-width: 992px) {
  .title-font{font-size: 2.1rem;}

  .title-image p {
    position: absolute;
    color: #ffffff;
    top: 38%;
    right: 10%;
    font-weight: 700;
    text-align: center;
  }
}

@media (max-width: 425px) {
  .title-font{font-size: 1.8rem;}

  .title-image p {
    position: absolute;
    color: #ffffff;
    top: 38%;
    right: 5%;
    font-weight: 700;
    text-align: center;
  }
}

.title-image img{width: 100%;}
/* トリミング、ホテルトップ画像 end */

/* トリミングの430画像用 */
@media (max-width: 425px) {
  img.w170 {
    width:100%;
    max-width:170px;
  }
}
/* TOP写真、ロゴ end */

/* indexトリミング、ホテル ボタン */
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 0rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.index-btn-trimming {color: #fff;background-color: #ffe5e2;border-bottom: 5px solid #f5d4d0;}
a.index-btn-trimming:hover {
  margin-top: 3px;
  color: #fff;background: #ffe5e2;
  border-bottom: 2px solid #f5d4d0;
}
a.index-btn-trimming-shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

a.index-btn-hotel {color: #fff;background-color: #e9defa;border-bottom: 5px solid #d5c8e9;}
a.index-btn-hotel:hover {
  margin-top: 3px;
  color: #fff;background: #e9defa;border-bottom: 2px solid #d5c8e9;
}
a.index-btn-hotel-shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
/* indexトリミング、ホテル ボタン end */

/* 柄の設定 */
/* ストライプ柄 */

/*トリミング、ホテルの上部写真*/
.photo-img-box {
  width: 100%;height: auto;
  position: relative;
}

.photo-img-box {width: auto;}

.top-img-stripe {
  top: 0;left: 0;
  width: 100%;
}
.top-img-photo {
  top: -4%;right: 3%;
  width: 100%;
  position: absolute;
}

/* ご紹介キャンペーン */
.mybox{
	margin: 5px 10px;	/* 外側の余白 上下・左右 */
 	padding: 20px;	/* 内側の余白 */
	position: relative;
	z-index: 0;
  border: solid 8px #ffcb7c;
}
.mybox:before{
	background: repeating-linear-gradient(-135deg, #ffcb7c, #ffcb7c 6px, #fffdfc 0, #fffdfc 14px); /* ストライプの色 */
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: -2;
}
.mybox:after{
	background: #fff; /* 背景色 */
	content: '';
	position: absolute;
	top: 14px;	/* ストライプ部分の太さ・上 */
	bottom: 14px;	/* ストライプ部分の太さ・下 */
	left: 14px;	/* ストライプ部分の太さ・左 */
	right: 14px;	/* ストライプ部分の太さ・右 */
	z-index: -1;
}

/* LINE */
.pattern-box-bottom2{
	border: 4px solid #ffcb7c;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 50px 10px 10px 10px;	/* 内側の余白 上・右・左・下 */
	position: relative;
}
.pattern-box-bottom2:after{
	background: repeating-linear-gradient(-135deg, #ffcb7c, #ffcb7c 15px, #fffdfc 0, #fffdfc 20px); /* ストライプの色 */
	border-bottom: 1px solid #ffcb7c; /* タイトル部分下線 */
	content: '';
	height: 40px; /* タイトル部分高さ */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

/* チェック柄 */
/* 無料送迎・お支払い方法 */
.pattern-box-bottom{
	background: none;
	border: 1px solid #ffcb7c;
	margin: 5px ; /* 外側の余白 上下・左右 */
	padding: 20px 20px 40px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
}
.pattern-box-bottom:after{
	background-color: #fff;	/* チェック部分背景色 */
	background-image: linear-gradient(90deg, rgba(253,237,203,.5) 50%, transparent 50%), linear-gradient(rgba(253,237,203,.5) 50%, transparent 50%);  /* チェック色 */
	background-size: 20px 20px;	/* チェックのサイズ */
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px; /* チェック部分の高さ */
	z-index: 1;
}

/* ホテル持参・お願い */
.pattern-box-top-bottom{
	border: 1px solid #ffcb7c;  /* 線の太さ・種類・色 */
	padding: 10px;  /* 内側の余白 */
	position: relative;
}
.pattern-box-top-bottom:before{
	background-color: #fff;	/* チェック部分背景色 */
	background-image: linear-gradient(90deg, rgba(253,237,203,.5) 50%, transparent 50%), linear-gradient(rgba(253,237,203,.5) 50%, transparent 50%);	/* チェック色 */
	background-size: 20px 20px;	/* チェックのサイズ */
	background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	content: '';
	display: inline-block;
	height: 20px;  /* ストライプの高さ */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.pattern-box-top-bottom:after{
	background-color: #fff;	/* チェック部分背景色 */
	background-image: linear-gradient(90deg, rgba(253,237,203,.5) 50%, transparent 50%), linear-gradient(rgba(253,237,203,.5) 50%, transparent 50%);	/* チェック色 */
	background-size: 20px 20px;	/* チェックのサイズ */
	background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	content: '';
	display: inline-block;
	height: 20px;  /* ストライプの高さ */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
/* チェック柄 end */
/* 柄の設定 end */

/* おしらせ */
.news-dotted{border-bottom: 1px dotted #ffcb7c;}

.info-box{
	border: 2px solid #ffcb7c;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 50px 10px 10px 10px;	/* 内側の余白 上・右・左・下 */
	position: relative;
}
.info-box:before{
	content: 'おしらせ';
	padding: 5px 10px;
	position: absolute;
	top: 0;left: 0;
	z-index: -1;
  font-size: 1.4rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.info-box:after{
	/*background: repeating-linear-gradient(-135deg, #fdedcb, #fdedcb 5px, #fffdfc 0, #fffdfc 10px); /* ストライプの色 */
  background-color: #ffcb7c;
	border-bottom: 1px solid #ffcb7c; /* タイトル部分下線 */
	content: '';
	height: 40px; /* タイトル部分高さ */
	position: absolute;
	top: 0;left: 0;right: 0;
	z-index: -2;
}

.info-scroll{overflow-y: scroll;}
.info-scroll-h{height: 200px;}
/* おしらせ end */

/* カレンダー切り替え・枠 */
.calendar-border{border:solid 1px #777;}

.calendar-lg-display{display: block;}
.calendar-sm-display{display: none;}

@media (max-width: 576px) {
  .calendar-lg-display{display: none;}
  .calendar-sm-display{display: block;}
}
/* カレンダー切り替え・枠 end */

/* ご質問・ご予約はこちら */
.reserve{border: solid 2px #ffcb7c;background-color: #ffcb7c;}
/* ご質問・ご予約はこちら end */

@media (max-width: 324px) {
  .text-center-xs{text-align: center;}
}

/* スマホサイズメニュー */
@media (max-width: 1024px) {
  .menu-display-none{display: none!important;    /* スマホメニューの項目を非表示にする */}
}
/* スマホサイズメニュー end */

/* コンセプト文 */
.concept-text{font-size: 1rem;font-weight: 300;}  /* コンセプト本文 */
.concept-title-color{color: #ffcb7c;} /* コンセプト文 タイトル */

.concept-title-font-size{font-size: 2rem;}  /* コンセプト文 タイトル */

@media (max-width: 768px) {
  .concept-title-font-size{font-size: 1.5rem;}/* コンセプト文 タイトル */
}
/* コンセプト文 タイトル end */

/* 画像と文章の順序 */
@media (max-width: 768px) {
  .order1{order: 1;}
  .order2{order: 2;}
}
/* 画像と文章の順序 end */

/* 改行タイミング */
.point_xs_block{display: none;}
.point_s_block{display: none;}
@media (max-width: 320px) {
  .point_xs_block{display: block;}
  .point_s_block{display: none;}
}

@media (max-width: 575px) {
  .point_xs_block{display: none;}
  .point_s_block{display: block;}
}
/* 改行させないようにする */
.nowrap {white-space: nowrap;}
/* .nowrap-md {white-space: normal;}
.nowrap-sm {white-space: normal;}
@media (max-width: 992px) {
  .nowrap-md {white-space: normal;}
} */
@media (min-width: 425px) {
  .nowrap-sm {white-space: nowrap;}
}

@media (max-width: 375px) {
  .text-white-space-xs{white-space: normal;}
}
/* 改行タイミング end */

/* リストタグの設定 */
/* 持参していただくもの */
.ul-bring{
  list-style: circle!important;         /* 点を表示する */
  padding-left: 0px;       /* 左側にできたpaddingを消す */
}

/* リストタグの点を表示させない */
ul{
  list-style: none;         /* 点を消す */
  padding-left: 0px;;       /* 左側にできたpaddingを消す */
}
/* リストタグの設定 end */

/* スクロールするとふわっと表示 */
.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
/* スクロールするとふわっと表示 end */

/* 枠の色 */
/* .border-line{border: solid 1px #E9D7A5;} */
/* 武見 */
.border-line{border: solid 2px #ffcb7c;}
/* コンセプト文 end */


/* トリミング、ホテル価格表 */
.menu-color-border{border-color: #e47655;}  /* 外枠の色 */
.menu-color-background{background-color: #e47655;color: #f4efff;} /* 項目名の背景色 */
.menu-border-dotted{border-bottom: 1px dotted #e47655;} /* 同じ項目内のtd枠線下部をドットにする */
.menu-th-right{border-right-color: #ffffff;}  /* 項目名の枠の区切り */
.menu-td-bottom{border-bottom-color: #ffffff;}  /* 項目名の枠の区切り */

/* td斜線 */
.menu-empty-field {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJ3aWR0aDoxMDAlO2hlaWdodDoxMDAlOyI+PGxpbmUgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgc3R5bGU9InN0cm9rZTogcmdiYSgyMjgsIDExOCwgODUsIDAuNTQpO3N0cm9rZS13aWR0aDogMTsiPjwvbGluZT48L3N2Zz4=');}

/* 税込み価格表示 */
.menu-tax-included{
  color: #7e756b;
  /*background-color: #fdedcb;*/
  border: solid 2px #ffcb7c;
  border-radius: 30px;
  float: right;
  margin: auto;
}
@media (max-width: 425px) {
  .menu-tax-included{
    color: #7e756b;
    /*background-color: #fdedcb;*/
    border: solid 0.8px #ffcb7c;
    border-radius: 30px;
    float: none;
    margin: auto;
  }
}

/* 補足メニュー */
.menu-color-background2{background-color: #fdedcb;} /* 項目の背景色 */
/* トリミング、ホテル価格表 end */

/* 個別 */
.b-radius-30{border-radius: 30px;}
.b-radius-50{border-radius: 50px;}
.point-frame-border{border: solid 1px rgb(231, 231, 231);}
.point-font-size{font-size: 1.3rem;}
.max-w-700{max-width: 700px;}
.font-size-09{font-size: 0.9rem;}
.font-size-08{font-size: 0.8rem;}
.br-425-block{display: none;}
@media (max-width: 425px) {
  .br-425-block{display: none;}
}
/* 個別 end */

/* 武見追加 Start*/

img.button-icon {
  width:100%;
  max-width:150px;
}

@media (max-width: 991px) {
  img.button-icon {
    width:100%;
    max-width:120px;
  }
}


.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #ffcb7c, transparent);
	background: linear-gradient(to right, transparent, #ffcb7c, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #ffcb7c;
	background-color: #fcfcfa;
}


/* width600pxの画像用 */
img.w600 {
  width:100%;
  max-width:600px;
}

/* width350pxの画像用 */
img.w350 {
  width:100%;
  max-width:350px;
}

/* トリミングの430画像用 */
@media (max-width: 768px) {
  img.w430 {
    width:100%;
    max-width:430px;
  }
}


/* ｺｺｶﾗ Googleカレンダーをレスポンシブ対応させるための方法 */
iframe {
  width:100%;
  margin : 30px 0px;
}

.googleCalendar iframe {
  width:100%;
  max-width:800px;
  height:400px;
}

.googleMap iframe {
  width:100%;
  max-width:100%;
  height:300px;
}

@media all and (min-width: 768px) {
  .googleCalendar iframe {
  height: 600px;
  }
  .googleMap iframe {
  height: 300px;
  }
}
/* ｺｺﾏﾃﾞ Googleカレンダーをレスポンシブ対応させるための方法 */


@media screen and (max-width: 768px){
  .instagram-media{
      min-width: 100% !important;
      margin: 0 -1px !important;
      border-right: none !important;
      border-left: none !important;
  }
}


.trimming-course-desc {
  margin : 0px 5px;
}


.navbar-style {
  background-color: #fdedcb;
  border-bottom: double 3px #ffcb7c;
  padding: 0rem 1rem;
}

a.nav-link {
  font-size: 18px;
  letter-spacing: .05em;
}

.navbar-nav li > a:hover {
  color: #EED1BA !important;
}

.nav-next-content-home {
  margin-top : 77px;
}

.nav-next-content {
  margin-top : 70px;
}

span.letter-sp01 {
  letter-spacing: .1rem;
}

@media screen and (max-width: 576px){
  thead.trimming-menu-sm {
    font-size : 0.8em;
  }
  tbody.trimming-menu-sm {
    font-size : 0.9em;
  }
  tbody.hotel-menu-sm {
    font-size : 0.9em;
  }

}

/* link */
/* .link-a{
  cursor: pointer;
} */

/* .max-w-450{
  max-width: 450px;
} */

/* .link-flame{
  background-color: #ffffff;
  border: 1px solid #ffcb7c;
  margin-left: auto;
  margin-right: auto;
} */
/* .w-link{
  max-width: 450px;
} */

/* .link-logo{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto; */
  /* text-align: center; */
/* } */
/* .link-logo img{ */
  /* width: 130px; */
  /* max-width: 350px; */
  /* padding-left: 14px; */
/* } */

/* .link-caption{
  font-size: 0.9rem;
  white-space: nowrap;
} */

/* .link-bg{
  background-color: rgb(253, 237, 203);
} */

/* .link-f{
  font-size: 0.7rem;
  color: #7e756b;
} */

.logo-relation{
  display: block;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

@media screen and (max-width: 576px){
  /* .w-link{
    max-width: 300px;
  } */

  /* .link-logo{
    display: flex;
    align-items: center;
    justify-content: center
  } */
  /* .link-logo img{
    width: 80px; */
    /* padding-left: 0; */
  /* } */
  
  /* .link-caption{
    font-size: 0.9rem;
    white-space: nowrap;
  } */
  
  /* .link-f{
    font-size: 0.7rem;
  } */
  
  .logo-relation{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}

.option-txt{
  display: flex;
  justify-content: center;
  align-items: center;
}

.option-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.option-img img{
  border-radius: 160px;
  width: 220px;
  height: 220px;
}

.option-dog{
  position: absolute;
  top: -3%;
  left: -4%;
}

.option-midashi-treatment {
  line-height: 2.4;
}

.option-midashi-dental span{
  font-size: 0.98rem;
  line-height: 1.5;
  font-weight: 400;
}

@media screen and (max-width: 991px){
  .option-dog{
    left: -4%;
  }
}

@media screen and (max-width: 767px){
  .option-dog{
    left: -4%;
  }
}

.option-ul {
  list-style: none; /* デフォルトのリストマーカーを非表示にする */
  padding-left: 0px;
  /* margin-left: 1.5rem; */
}

.option-ul li {
  position: relative;
  padding-left: 30px; /* アイコンの幅分だけ左にスペースを作る */
}

.option-icon {
  position: absolute;
  left: 0;
  top: 0;
  fill: #7e756b; /* アイコンの色を指定 */
  height: 1em; /* アイコンの高さを調整 */
}

/* .option-stripe{
  position: absolute;
  top: 3%;
  left: 21%;
} */

.option-ul li {
  margin-bottom: 0.5rem;
}

.option_title {
  padding: 1.5rem 1rem;
  background-image: linear-gradient(360deg, #fdedcb80 25%, transparent 25%, transparent 50%, #fdedcb80 50%, #fdedcb80 75%, transparent 75%, transparent), linear-gradient(270deg, #fdedcb80 25%, transparent 25%, transparent 50%, #fdedcb80 50%, #fdedcb80 75%, transparent 75%, transparent);
  background-color: #ffcb7c00;
  background-size: 30px 30px;
  color: #ff764d;
}

.option-frame-border{border: solid 1px #ffcb7c;}

.hr-text-option {
  height: 0.2em !important;
}

.option-txt-item div {
  font-size: 0.9rem;
}

.option-msg p {
  margin: 0;
}

.option-notes-dental {
  font-size: 0.9rem;
}