@charset "utf-8";

/* =========================================================
  共通／エレメント
========================================================= */
section,
article {
     position: relative;
}

@media screen and (min-width: 960px) {
     .pc-hidden {
          display: none;
     }
}

@media screen and (max-width: 768px) {
     .sp-hidden {
          display: none;
     }
}

/* heading
------------------------------------------ */
.heading-section {
     text-align: center;
     margin-bottom: 20px;
}
.heading-left {
     text-align: left;
}
.heading-center {
     text-align: center;
}
.heading-right {
     text-align: right;
}

@media screen and (min-width: 980px) {
     .heading-section {
          position: relative;
          margin-bottom: 50px;
     }
     .heading-btn {
          margin-top: 30px;
     }
     .home .heading-btn {
          position: absolute;
          top: 20px;
          right: 0;
          margin-top: 0;
     }
     .heading-btnC {
          text-align: center;
          margin-top: 30px;
     }
}

@media screen and (max-width: 768px) {
     .heading-btn {
          margin-top: 20px;
     }

     .home .heading-btn {
          position: absolute;
          right: 0;
          left: 0;
          margin: 0 auto;
     }
     .heading-btnC {
          text-align: center;
          margin-top: 20px;
     }
     .home .heading-btnC {
          margin-bottom: 20px;
     }
     .home #top-news .heading-btn {
          bottom: 40px;
          margin-top: 0;
     }
     .home #top-blog .heading-btn {
          bottom: 30px;
          margin-top: 0;
     }
}

/* 見出し・タイトル
------------------------------------------ */
#content h1,
#content h2 {
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}

/* h1 */
#content h1.contentTitle {
     text-shadow: 0 1px #ffffff;
     clear: both;
     font-size: 128.6%;
     padding: 20px 15px 15px;
     font-weight: bold;
     color: #333;
     border-top: 1px solid #e5e5e5;
     border-bottom: 3px solid #5ead3c;
     position: relative;
     line-height: 114.3%;
     background: url(images/line_wh.png) left top repeat-x;
     box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.20);
}

/* h2 */
.ttl-head {
     font-size: 34px;
     font-size: 3.4rem;
     text-align: center;
     letter-spacing: 0.2em;
     line-height: 1.7;
     margin-bottom: 40px;
}
.home .ttl-head {
     font-size: 42px;
     font-size: 4.2rem;
     margin-bottom: 30px;
}
.ttl-head span {
     color: #674a2c;
}
.ttl-head span.margin {
     color: #674a2c;
     margin-left: 5px;
}

.ttl-slash {
     position: relative;
     display: inline-block;
     font-size: 28px;
     font-size: 2.8rem;
     color: #322e2e;
     padding: 0 30px;
     font-weight: bold;
     letter-spacing: 0.1em;
     font-family: "Montserrat", sans-serif !important;
}
.ttl-slash:before {
     position: absolute;
     content: " ";
     top: 0;
     right: 100%;
     width: 0;
     height: 50px;
     -webkit-transform: skewX(-150deg);
     -moz-transform: skewX(-150deg);
     transform: skewX(-150deg);
     border-left: 6px double #322e2e;
}
.ttl-slash:after {
     position: absolute;
     content: " ";
     top: 0;
     left: 100%;
     width: 0;
     height: 50px;
     -webkit-transform: skewX(150deg);
     -moz-transform: skewX(150deg);
     transform: skewX(150deg);
     border-right: 6px double #322e2e;
}
.ttl-slash span {
     display: block;
     font-size: 14px;
     font-size: 1.4rem;
     color: #956134;
     text-align: center;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}

/* h3 */
.ttl-dotted {
     position: relative;
     display: block;
     font-size: 20px;
     font-size: 2.0rem;
     color: #322e2e;
     margin-bottom: 30px;
     padding-bottom: 10px;
     font-weight: bold;
     letter-spacing: 0.1em;
     border-bottom: 2px dotted #322e2e;
     /*font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;*/
}
.ttl-dotted:after {
     position: absolute;
     content: " ";
     left: 0;
     bottom: -8px;
     width: 100%;
     border-bottom: 2px dotted #322e2e;
}

/* h4 */
#content h4 {
     font-size: 20px;
     font-size: 2.0rem;
     color: #322e2e;
     font-weight: bold;
     border-left: 3px solid #956134;
     padding: 3px 10px 3px 18px;
     margin: 30px 0 10px 0;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}

/* h5･h6 */
#content h5 {
     clear: both;
     font-size: 17px;
     font-size: 1.7rem;
     font-weight: bold;
     margin: 30px 0 10px;
}
#content h6 {
     clear: both;
     font-weight: bold;
     margin: 30px 0 10px;
}

@media screen and (max-width: 768px) {
     .ttl-head-headding {
          display: block;
          text-align: center;
     }
     .ttl-head {
          position: relative;
          display: inline-block;
          font-size: 26px;
          font-size: 2.6rem;
          margin-bottom: 20px;
          padding: 0 45px;
     }
     .home .ttl-head {
          font-size: 30px;
          font-size: 3.0rem;
          margin-bottom: 20px;
     }
     .ttl-head:before,
     .ttl-head:after {
          content: '';
          position: absolute;
          top: 50%;
          display: inline-block;
          width: 50px;
          height: 2px;
          background-color: #956134;
     }
     .ttl-head:before {
          left: -10px;
          -moz-transform: rotate(65deg);
          -webkit-transform: rotate(65deg);
          -ms-transform: rotate(65deg);
          transform: rotate(65deg);
     }
     .ttl-head:after {
          right: -10px;
          -moz-transform: rotate(-65deg);
          -webkit-transform: rotate(-65deg);
          -ms-transform: rotate(-65deg);
          transform: rotate(-65deg);
     }
     .ttl-slash {
          position: relative;
          display: inline-block;
          font-size: 22px;
          font-size: 2.2rem;
          padding: 0 30px;
     }
     .ttl-slash:before {
          position: absolute;
          content: " ";
          top: 0;
          right: 100%;
          width: 0;
          height: 43px;
          -webkit-transform: skewX(-150deg);
          -moz-transform: skewX(-150deg);
          transform: skewX(-150deg);
          border-left: 6px double #322e2e;
     }
     .ttl-slash:after {
          position: absolute;
          content: " ";
          top: 0;
          left: 100%;
          width: 0;
          height: 43px;
          -webkit-transform: skewX(150deg);
          -moz-transform: skewX(150deg);
          transform: skewX(150deg);
          border-right: 6px double #322e2e;
     }
     .ttl-slash span {
          display: block;
          font-size: 14px;
          font-size: 1.4rem;
          color: #956134;
          text-align: center;
          font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
     }
     .ttl-dotted {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 20px;
          padding-bottom: 10px;
     }
     .ttl-dotted:after {
          position: absolute;
          content: " ";
          left: 0;
          bottom: -8px;
          width: 100%;
          border-bottom: 2px dotted #322e2e;
     }
     #content h5 {
          font-size: 15px;
          font-size: 1.5rem;
          margin: 20px 0 5px
     }
     #content h6 {
          font-size: 14px;
          font-size: 1.4rem;
          margin: 20px 0 5px;
     }
}

@media screen and (max-width: 640px) {
     #content h4 {
          font-size: 15px;
          font-size: 1.5rem;
          padding: 0 10px 0 15px;
          margin: 25px 0 15px 0;
          background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
     }
     #content h5 {
          clear: both;
          font-size: 16px;
          font-size: 1.6rem;
          margin: 20px 0 10px;
     }
     #content h6 {
          margin: 20px 0 10px;
     }
}

@media screen and (max-width: 480px) {
     .ttl-head,
     .home .ttl-head {
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.5;
          margin-bottom: 10px;
     }
     .home .ttl-head {
          font-size: 20px;
          font-size: 2.0rem;
          line-height: 1.4;
          margin-bottom: 15px;
     }
     .home .ttl-head span.margin {
          display: block;
          margin-left: 0;
     }
}

/* 文字装飾
------------------------------------------ */
.en {
     margin-left: 5px;
     font-family: "Montserrat", sans-serif !important;
}

#content p.lead {
     font-size: 18px;
     font-size: 1.8rem;
     margin-bottom: 20px;
     font-weight: bold;
     line-height: 2;
     letter-spacing: 0.1em;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.home #content p.lead {
     text-align: center;
}

@media screen and (max-width: 768px) {
     #content p.lead,
     .home #content p.lead {
          font-size: 14px;
          font-size: 1.4rem;
          text-align: left;
          letter-spacing: .08em;
          line-height: 1.8;
     }
}

/* =========================================================
  共通／コンテンツページ
========================================================= */

/* セクション
------------------------------------------ */
#section {
     padding: 100px 0 0;
}
#section.upper {
     padding: 0;
}
@media screen and (max-width: 768px) {
#section {
     padding: 50px 0 0;
     }
}

@media screen and (max-width: 640px) {
#section {
     padding: 30px 0 0;
     }
}

/* ページ上部の要素
------------------------------------------ */
.upper ul {
}
.upper li {
     position: relative;
     font-size: 18px;
     font-size: 1.8rem;
     margin-bottom: 20px;
     padding-left: 18px;
     font-weight: bold;
     line-height: 1.8;
     letter-spacing: 0.1em;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.upper li:before {
     content: "";
     display: block;
     position: absolute;
     top: 0.55em;
     left: 0;
     width: 7px;
     height: 7px;
     background: #000;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     -o-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
}
.read li {
     position: relative;
     font-size: 17px;
     font-size: 1.7rem;
     margin: 0 20px 20px;
     padding-left: 15px;
     font-weight: bold;
     line-height: 1.7;
     letter-spacing: 0.1em;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.read li:before {
     content: "";
     display: block;
     position: absolute;
     top: 0.56em;
     left: 0;
     width: 7px;
     height: 7px;
     background: #000;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     -o-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
}
.upper li:last-child,
.read li:last-child {
     margin-bottom: 0;
}
.page-contact .upper li:last-child {
     margin-bottom: 20px;
}
.upper li a,
.read li a {
     color: #956134;
}
.upper li a:hover,
.read li a:hover {
     color: #ab7b55;
}

@media screen and (max-width: 768px) {
     .upper li,
     .read li {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 15px;
     }
     .page-contact .upper li:last-child {
          margin-bottom: 15px;
     }
}

@media screen and (max-width: 640px) {
     .upper li,
     .read li {
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.6;
          margin: 0 0 15px;
          padding-left: 12px;
     }
     .upper li:before,
     .read li:before {
          top: 0.55em;
          width: 6px;
          height: 6px;
     }
}

/* 画像要素
------------------------------------------ */
.heading-rows {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: stretch;
     -webkit-align-items: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
figure.row2{
     width: 48%;
     margin-bottom: 0;
}
figure img {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
figcaption {
     color: #956134;
     text-align: center;
     font-weight: bold;
     margin-top: 10px;
}

@media screen and (max-width: 640px) {
     figure.row2 {
          width: 100%;
          margin-bottom: 25px
     }
     figure.row2:last-child {
          margin-bottom: 0;
     }
     figure img {
          width: 100%;
     }
     figcaption {
          font-size: 14px;
          font-size: 1.4rem;
          margin-top: 5px;
     }
}

/* ドットボックス要素
------------------------------------------ */
.dotBox {
     padding: 0 3px;
     border: 2px dotted #322e2e;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
.dotBox .boxInner {
     position: relative;
     overflow: hidden;
     padding: 40px 37px;
     border-bottom: 2px dotted #322e2e;
}
.dotBox .boxInner:last-child {
     border-bottom: none;
}
.dotBox .boxInner img {
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

@media screen and (max-width: 768px) {
     .dotBox .boxInner {
          padding: 30px 27px;
     }
     .dotBox .boxInner.sp-borderNone {
          border-bottom: none;
     }
}

@media screen and (max-width: 640px) {
     .dotBox {
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
     }
     .dotBox .boxInner {
          padding: 15px 13px;
     }
     .dotBox .boxInner figure img {
          width: 100%;
     }
}

/* メインタイトル ---------- */
.dotBox-ttl {
     font-size: 21px;
     font-size: 2.1rem;
     margin-bottom: 20px;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.dotBox-ttl:before {
     font-size: 23px;
     font-size: 2.3rem;
     content: "\f14a";
     font-family: "FontAwesome";
     color: #956134;
     font-weight: normal;
     margin-right: 10px;
}

@media screen and (max-width: 640px) {
     .dotBox-ttl {
          font-size: 16px !important;
          font-size: 1.6rem !important;
          letter-spacing: 0.01em;
          margin-bottom: 10px !important;
     }
     .dotBox-ttl:before {
          font-size: 18px !important;
          font-size: 1.8rem !important;
     }
}

/* プロフィール ---------- */
.dotBox .boxInner .boxLeft {
     width: 505px;
     float: left;
     margin-top: -5px;
}
.dotBox .boxInner .boxRight,
.dotBox .boxInner figure {
     width: 330px;
     float: right;
     margin-bottom: 0;
}

.dotBox .boxInner .profile {
}
.dotBox .boxInner .profile dt {
     clear: both;
     float: left;
     width: 145px;
     font-weight: bold;
     margin-top: 15px;
}
.dotBox .boxInner .profile dd {
     float: left;
     width: 360px;
     margin-top: 15px;
}
.dotBox .boxInner .profile dd h3 {
     display: inline-block;
     font-size: 18px;
     font-size: 1.8rem;
     color: #956134;
}

@media screen and (max-width: 768px) {
     .dotBox .boxInner .boxLeft {
          width: 100%;
     }
     .dotBox .boxInner .boxRight,
     .dotBox .boxInner figure {
          width: 100%;
          text-align: center;
          margin-top: 20px;
          padding: 20px;
          background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
     }
     .dotBox .boxInner .profile dt {
          width: 25%;
          font-weight: bold;
     }
     .dotBox .boxInner .profile dd {
          float: right;
          width: 75%;
     }
     .dotBox .boxInner .profile dd h3 {
          font-size: 17px;
          font-size: 1.7rem;
     }
}

@media screen and (max-width: 640px) {
     .dotBox .boxInner .boxRight,
     .dotBox .boxInner figure {
          margin-top: 20px;
          padding: 0;
          background: none;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
     }
     .dotBox .boxInner .profile dt,
     .dotBox .boxInner .profile dd {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.7;
     }
     .dotBox .boxInner .profile dt {
          width: 100%;
          margin-top: 10px;
     }
     .dotBox .boxInner .profile dd {
          width: 95%;
          margin-top: 2px;
     }
}

/* カラム ---------- */
.dotBox .boxInner .boxCol1 {
     margin-top: 20px;
     padding: 24px 24px 24px 30px;
     border: 2px dotted #ab7b55;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}

.dotBox .boxInner .boxCol {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -webkit-justify-content: space-between;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: stretch;
     -webkit-align-items: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
}
.dotBox .boxInner .boxCol li {
     padding: 24px 24px 24px 30px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 4px;
     border-radius: 4px;
}
.dotBox .boxInner .boxCol li.dot {
     border: 2px dotted #ab7b55;
}
.dotBox .boxInner .boxCol li.bg {
     background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
}

.dotBox .boxInner .boxCol li.col2 {
     width: 48.5%;
}
.dotBox .boxInner .boxCol li.col2-left {
     width: 31.5%;
     text-align: center;
}
.dotBox .boxInner .boxCol li.col2-right {
     width: 66%;
     text-align: center;
}
.dotBox .boxInner .boxCol li.col3 {
     width: 31.5%;
     text-align: center;
}

@media screen and (max-width: 640px) {
     .dotBox .boxInner .boxCol1 {
          margin-top: 10px;
          padding: 13px 15px;
     }
     .dotBox .boxInner .boxCol li {
          padding: 20px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
     }
     .dotBox .boxInner .boxCol li.col2,
     .dotBox .boxInner .boxCol li.col2-left,
     .dotBox .boxInner .boxCol li.col2-right,
     .dotBox .boxInner .boxCol li.col3 {
          width: 100%;
          margin-bottom: 10px;
     }
     .dotBox .boxInner .boxCol li.dot {
          border: none;
          background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
     }
}

/* サービス名＆項目名 ---------- */
.boxCol li.dot .ttl {
     display: block;
     font-size: 16px;
     font-size: 1.6rem;
     text-align: center;
     font-weight: bold;
     margin-bottom: 20px;
     padding: 12px 20px;
     line-height: 1;
     background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.boxCol li.bg .ttl {
     position: relative;
     margin-bottom: 18px;
     padding-bottom: 14px;
     font-size: 16px;
     font-size: 1.6rem;
     text-align: center;
     font-weight: bold;
}
.boxCol li.bg .ttl:after {
     display: block;
     content: "";
     position: absolute;
     bottom: 0;
     left: 50%;
     margin-left: -19px;
     width: 38px;
     border-bottom: 2px dotted rgba(149, 97, 52, 0.4);
}

.boxCol .useTime {
     display: inline-block;
     position: relative;
     font-size: 16px;
     font-size: 1.6rem;
     color: #322e2e;
     font-weight: bold;
     margin-bottom: 0 !important;
}
/*.boxCol .useTime:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 46px;
     border-bottom: 2px dotted rgba(149, 97, 52, 0.4);
}*/
.boxCol .usePrice {
     display: inline-block;
     font-size: 22px;
     font-size: 2.2rem;
     color: #647a2c;
     font-weight: bold;
     margin-left: 20px;
     margin-bottom: 0 !important;
     font-family: "Montserrat", sans-serif;
}
.boxCol .usePrice span {
     font-size: 15px;
     font-size: 1.5rem;
     font-weight: normal;
}
.boxCol .useTime.useLast,
.boxCol .usePrice.useLast {
     margin-top: 10px !important;
     margin-bottom: 0 !important;
}

.boxInner dl.useInfo {
     display: table;
     margin-bottom: 12px;
}
.boxInner dl.useInfo:last-child {
     margin-bottom: 0;
}
.boxInner dl.useInfo dt {
     display: table-cell;
     width: 130px;
     font-weight: bold;
}
.boxInner dl.useInfo dt {
     display: table-cell;
}

.dotBox .boxInner .tax {
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    top: 44px;
    right: 40px;
}

@media screen and (max-width: 640px) {
     .boxCol li.dot .ttl {
          position: relative;
          margin-bottom: 12px;
          padding: 0 0 12px 0;
          font-size: 14px;
          font-size: 1.4rem;
          text-align: left;
          background: none;
     }
     .boxCol li.dot .ttl:after {
          display: block;
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 38px;
          border-bottom: 2px dotted rgba(149, 97, 52, 0.4);
     }
     .boxCol .useTime {
          clear: both;
          float: left;
     }
     .boxCol .usePrice {
          float: left;
          font-size: 16px !important;
          font-size: 1.6rem !important;
          line-height: 1.5 !important;
          margin-left: 30px;
     }
     .boxCol .usePrice span {
          font-size: 14px;
          font-size: 1.4rem;
     }
     .boxCol .useTime.useLast,
     .boxCol .usePrice.useLast {
          margin-top: 3px !important;
     }
     .boxInner dl.useInfo {
          margin-bottom: 10px;
     }
     .boxInner dl.useInfo:last-child {
          margin-bottom: 0;
     }
     .boxInner dl.useInfo dt {
          display: block;
          width: 100%;
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
     }
     .boxInner dl.useInfo dd {
          display: block;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.6;
     }
     .dotBox .boxInner .tax {
          position: relative !important;
          display: inline-block;
          font-size: 12px;
          font-size: 1.2rem;
          top: -15px;
          left: 30px;
          right: 0;
     }
}

/* マーカー付き文字
------------------------------------------ */
.disc {
     position: relative;
     margin-bottom: 10px !important;
     padding-left: 15px;
     line-height: 1.7;
     letter-spacing: 0.1em;
}
.disc:before {
     content: "";
     display: block;
     position: absolute;
     top: 0.57em;
     left: 0;
     width: 6px;
     height: 6px;
     background: #000;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     -o-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
}
.disc:last-child {
     margin-bottom: 0 !important;
}

/* Googleカレンダー
------------------------------------------ */
.calendar {
     margin-top: 38px;
     padding: 10px 37px;
     background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}

.cal_wrapper {
     max-width: 960px;
     /* 最大幅 */
     min-width: 300px;
     /* 最小幅 */
     margin: 2.0833% auto;
}

.googlecal {
     position: relative;
     padding-bottom: 100%;
     /* 縦横比 */
     height: 0;
}

.googlecal iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
}

/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
     .googlecal {
          padding-bottom: 74%;
     }
}

/* =========================================================
  1．トップ／home
========================================================= */
#topFreeArea {
}
#topContentsBottom {
     margin-bottom: 20px;
}

/* メインスライダー
------------------------------------------ */
#topMainBnr {
     width: 100%;
     display: block;
}
#topMainBnr .slick-slide {
     padding: 0 23px;
}
.slick-slide img {
     border-radius: 10px;
}

#topMainBnr .slick-prev,
#topMainBnr .slick-next {
     width: 36px;
     height: 36px;
     background-color: #956134;
     -moz-transition: all, ease, 0.5s;
     -o-transition: all, ease, 0.5s;
     -webkit-transition: all, ease, 0.5s;
     transition: all, ease, 0.5s;
     z-index: 10;
}
#topMainBnr .slick-prev {
     left: 50%;
     margin-left: -545px;
     -moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
     border-top-left-radius: 5px;
     -moz-border-radius-bottomleft: 5px;
     -webkit-border-bottom-left-radius: 5px;
     border-bottom-left-radius: 5px;
}
#topMainBnr .slick-next {
     right: 50%;
     margin-right: -545px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-right-radius: 5px;
     border-bottom-right-radius: 5px;
}
#topMainBnr .slick-prev:before,
#topMainBnr .slick-next:before {
     font-family: "ionicons";
     font-size: 18px;
     font-size: 1.8rem;
     line-height: 1;
     opacity: 1;
     color: #fff;
}
#topMainBnr .slick-prev:before {
     content: "\f3cf";
}
#topMainBnr .slick-next:before {
     content: "\f3d1";
}
#topMainBnr .slick-prev:hover,
#topMainBnr .slick-next:hover {
     filter:alpha(opacity=70);
     -moz-opacity: 0.7;
     opacity: 0.7;
}

@media screen and (max-width: 1024px) {
     #topMainBnr .slick-slide {
          padding: 0;
     }
     #topMainBnr .slider li {
          margin: 0;
     }
     #topMainBnr .slick-slide img {
          max-width: 100%;
          height: auto;
          border-radius: 0;
     }
     #topMainBnr .slick-prev,
     #topMainBnr .slick-next {
          width: 3.5%;
          height: 100%;
          background-color: #322e2e;
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5;
          z-index: 10;
     }
     #topMainBnr .slick-prev {
          left: 0 !important;
          margin-left: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
     }
     #topMainBnr .slick-next {
          right: 0 !important;
          margin-right: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0;
     }
     #topMainBnr .slick-prev:before,
     #topMainBnr .slick-next:before {
          font-size: 16px;
          font-size: 1.6rem;
     }
     #topMainBnr .slick-prev:hover,
     #topMainBnr .slick-next:hover {
          filter: alpha(opacity=50);
          -moz-opacity: 0.5;
          opacity: 0.5;
     }
}

/* エフェクト ---------- */
.slider figure {
     position: relative;
     overflow: hidden;
}
.slider figcaption {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 2;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,.6);
     -webkit-transition: .3s;
     transition: .3s;
     opacity: 0;
}
.slider figure:hover figcaption {
     opacity: 1;
}
.transform01 {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}
figure:hover .transform01 {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
figure h3 {
     padding: 20px 0 5px;
     color: #fff;
     font-size: 171.4%;
     text-align: center;
     padding-top: 190px;
}
figure p {
     color: #fff;
     text-align: center;
     font-weight: bold;
}
figure h3,
figure p {
     font-family: Arial, 'AxisStd-Light', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* section- upper
------------------------------------------ */
#top-upper {
     padding: 80px 0 60px;
}

@media screen and (max-width: 768px) {
     #top-upper {
          padding: 25px 0 10px;
     }
}

/* section- middle
------------------------------------------ */
#top-middle {
     padding: 60px 0 68px;
     background: url(../images/common/bg_03.jpg) left top repeat #f3ece2;
}
#top-middle:before {
     content: "";
     display: block;
     position: absolute;
     top: -10px;
     width: 100%;
     height: 10px;
     background: linear-gradient(45deg, transparent 33.333%, #f3ece2 33.333%, #f3ece2 66.667%, transparent 66.667%),
linear-gradient( -45deg, transparent 33.333%, #f3ece2 33.333%, #f3ece2 66.667%, transparent 66.667%);
     background-size: 20px 40px;
}
#top-middle:after {
     content: "";
     display: block;
     position: absolute;
     bottom: -10px;
     width: 100%;
     height: 10px;
     background: linear-gradient(45deg, transparent 33.333%, #f8f4eb 33.333%, #f8f4eb 66.667%, transparent 66.667%),
linear-gradient( -45deg, transparent 33.333%, #f8f4eb 33.333%, #f8f4eb 66.667%, transparent 66.667%);
     background-size: 20px 40px;
     background-color: #f3ece2;
}

/* 3カラム ---------- */
.col-three {
     display: -webkit-flex;
     display: flex;
}
.col-three li {
     position: relative;
     width: 290px;
     margin-right: 45px;
     padding: 15px 0 0;
     background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
     box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
     -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
     -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
.col-three li:last-child {
     margin-right: 0;
}
.col-three li a {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     text-indent:-999px;
     z-index: 1;
}
.col-three li .ttl {
     font-size: 20px;
     font-size: 2.0rem;
     text-align: center;
     color: #322e2e;
     font-weight: bold;
     letter-spacing: 0.1em;
     line-height: 1.5;
     margin-bottom: 15px;
     font-family: "Montserrat", sans-serif !important;
     -moz-transition: color, ease, 0.5s;
     -o-transition: color, ease, 0.5s;
     -webkit-transition: color, ease, 0.5s;
     transition: color, ease, 0.5s;
}
.col-three li .ttl span {
     display: block;
     font-size: 14px;
     font-size: 1.4rem;
     color: #956134;
     margin-bottom: 15px;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.col-three li:hover .ttl {
     color: #ab7b55;
}
.col-three li img {
     -moz-border-radius-bottomleft: 10px;
     -webkit-border-bottom-left-radius: 10px;
     border-bottom-left-radius: 10px;
     -moz-border-radius-bottomright: 10px;
     -webkit-border-bottom-right-radius: 10px;
     border-bottom-right-radius: 10px;
     -moz-transition: opacity, ease, 0.5s;
     -o-transition: opacity, ease, 0.5s;
     -webkit-transition: opacity, ease, 0.5s;
     transition: opacity, ease, 0.5s;
}
.col-three li:hover img {
     opacity: 0.8;
     filter: alpha(opacity=80);
     -moz-opacity: 0.8;
}

@media screen and (max-width: 768px) {
     #top-middle {
          padding: 25px 0 20px;
     }
     .col-three {
          display: block;
     }
     .col-three li {
          display: block;
          overflow: hidden;
          width: 100%;
          margin-right: 0;
          margin-bottom: 1px;
          padding: 12px 12px 12px 20px;
     }
     .col-three li .ttl {
          position: absolute;
          float: left;
          text-align: left;
          font-size: 18px;
          font-size: 1.8rem;
          letter-spacing: 0.02em;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
     }
     .col-three li .ttl span {
          margin-bottom: 0;
     }
     .col-three li img {
          float: right;
          width: 120px;
          -moz-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
     }
}

@media screen and (max-width: 640px) {
     .col-three li .ttl {
          font-size: 15px;
          font-size: 1.5rem;
     }
     .col-three li .ttl span {
          font-size: 14px;
          font-size: 1.4rem;
     }
}

/* ニュース
------------------------------------------ */
#top-news {
     padding: 80px 0 40px;
}

@media screen and (max-width: 768px) {
     #top-news {
          padding: 30px 0 80px;
     }
}

/* ブログ
------------------------------------------ */
#top-blog {
     padding: 60px 0;
     background: -webkit-linear-gradient(135deg, #f8f4eb 25%, #f9f5ef 25%, #f9f5ef 50%, #f8f4eb 50%, #f8f4eb 75%, #f9f5ef 75%, #f9f5ef);
     background: linear-gradient(-45deg, #f8f4eb 25%, #eee8df 25%, #eee8df 50%, #f8f4eb 50%, #f8f4eb 75%, #eee8df 75%, #eee8df);
     background-size: 20px 20px;
}
@media screen and (max-width: 768px) {
     #top-blog {
          padding: 25px 0 90px;
     }
}

/* スライダー ---------- */
#top-blog .slick-dotted.slick-slider {
     margin-bottom: 0;
}
#top-blog .slick-prev,
#top-blog .slick-next {
     margin-top: -10px;
     width: 30px;
     height: 60px;
     background-color: #ab7b55;
     -moz-transition: all, ease, 0.5s;
     -o-transition: all, ease, 0.5s;
     -webkit-transition: all, ease, 0.5s;
     transition: all, ease, 0.5s;
     /*filter:alpha(opacity=80);
     -moz-opacity: 0.8;
     opacity: 0.8;*/
     z-index: 10;
}
#top-blog .slick-prev {
     left: 50%;
     margin-left: -539px;
     -moz-border-radius-topleft: 5px;
     -webkit-border-top-left-radius: 5px;
     border-top-left-radius: 5px;
     -moz-border-radius-bottomleft: 5px;
     -webkit-border-bottom-left-radius: 5px;
     border-bottom-left-radius: 5px;
}
#top-blog .slick-next {
     right: 50%;
     margin-right: -540px;
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
     border-top-right-radius: 5px;
     -moz-border-radius-bottomright: 5px;
     -webkit-border-bottom-right-radius: 5px;
     border-bottom-right-radius: 5px;
}
#top-blog .slick-prev:before,
#top-blog .slick-next:before {
     font-family: "ionicons";
     font-size: 26px;
     font-size: 2.6rem;
     line-height: 1;
     opacity: 1;
     color: #fff;
}
#top-blog .slick-prev:before {
     content: "\f3d2";
}
#top-blog .slick-next:before {
     content: "\f3d3";
}
#top-blog .slick-prev:hover,
#top-blog .slick-next:hover {
     filter:alpha(opacity=80);
     -moz-opacity: 0.8;
     opacity: 0.8;
}

@media screen and (max-width: 1024px) {
     #top-blog .slick-slide {
     }
     #top-blog .slick-prev,
     #top-blog .slick-next {
          width: 25px;
          height: 35px;
          background-color: #674a2c;
          filter: alpha(opacity=80);
          -moz-opacity: 0.8;
          opacity: 0.8;
     }
     #top-blog .slick-prev {
          left: -5px;
          margin-left: 0;
          -moz-border-radius-topleft: 5px;
          -webkit-border-top-left-radius: 5px;
          border-top-left-radius: 5px;
          -moz-border-radius-bottomleft: 5px;
          -webkit-border-bottom-left-radius: 5px;
          border-bottom-left-radius: 5px;
     }
     #top-blog .slick-next {
          right: -5px;
          margin-right: 0;
          -moz-border-radius-topright: 5px;
          -webkit-border-top-right-radius: 5px;
          border-top-right-radius: 5px;
          -moz-border-radius-bottomright: 5px;
          -webkit-border-bottom-right-radius: 5px;
          border-bottom-right-radius: 5px;
     }
     #top-blog .slick-prev:before,
     #top-blog .slick-next:before {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1;
          opacity: 1;
     }
     #top-blog .slick-prev:hover,
     #top-blog .slick-next:hover {
          filter: alpha(opacity=60);
          -moz-opacity: 0.6;
          opacity: 0.6;
     }
}

/* =========================================================
  2．おひさまの国とは／about
========================================================= */
.page-about #pageTitBnr .pageTitInner {
     background-image: url(../images/pages/about_cover.jpg);
}

.page-about #section.upper {
     padding: 0;
}
.page-about #section {
     padding: 40px 0 0;
}

.page-about .guide {
     position: relative;
     overflow: hidden;
     padding: 50px 0;
     border-top: 2px dotted #322e2e;
}
.page-about .guide:first-child {
     border-top: 4px solid #322e2e;
}
.page-about .guide:last-child {
     padding-bottom: 30px;
}
.page-about .guide:after {
     position: absolute;
     content: "\f489";
     font-family: "ionicons";
     top: 50%;
     right: 10px;
     width: 40px;
     height: 40px;
     line-height: 36px;
     font-size: 26px;
     font-size: 2.6rem;
     color: #000;
     text-align: center;
     font-weight: bold;
     border: 2px dotted #322e2e;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     -webkit- transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -moz-transition: all, ease, 0.5s;
     -o-transition: all, ease, 0.5s;
     -webkit-transition: all, ease, 0.5s;
     transition: all, ease, 0.5s;
     filter:alpha(opacity=100);
     -moz-opacity: 1;
     opacity: 1;
}
.page-about .guide:last-child:after {
     display: none;
}
.page-about .guide:hover:after {
     color: #fff;
     border: 2px solid #ab7b55;
     background-color: #ab7b55;
}
.page-about .guide h3 {
     display: inline-block;
     font-size: 30px;
     font-size: 3.0rem;
     color: #674a2c;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
     -moz-transition: all, ease, 0.5s;
     -o-transition: all, ease, 0.5s;
     -webkit-transition: all, ease, 0.5s;
     transition: all, ease, 0.5s;
}
.page-about .guide:last-child h3 {
     margin-bottom: 40px;
}
.page-about .guide:hover h3 {
     padding-left: 20px;
}
.page-about .guide:last-child:hover h3 {
     padding-left: 0;
}
.page-about .guide ul {
}
.page-about .guide li {
     position: relative;
     padding: 0 60px 0 40px;
     font-size: 16px;
     font-size: 1.6rem;
     line-height: 1.5;
     margin-bottom: 22px;
}
.page-about .guide li:before {
     content: "";
     display: block;
     position: absolute;
     top: 0.5em;
     left: 28px;
     width: 6px;
     height: 6px;
     background: #000;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     -o-border-radius: 50%;
     -ms-border-radius: 50%;
     border-radius: 50%;
}
.page-about .guide a {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     text-indent: -999px;
     background-size: 200% 100%;
     background-image: -webkit-linear-gradient(left, transparent 50%, rgba(171, 123, 85, 0.1) 50%);
     background-image: linear-gradient(to right, transparent 50%, rgba(171, 123, 85, 0.1) 50%);
     -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
     transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    z-index: 1;
}
.page-about .guide a:hover {
     background-position: -100% 100%;
}

@media screen and (max-width: 768px) {
     .page-about #section {
          padding: 10px 0 0;
     }
     .page-about .guide {
          padding: 30px 0;
     }
     .page-about .guide:last-child {
          padding-bottom: 15px;
     }
     .page-about .guide:after {
          right: 10px;
          width: 35px;
          height: 35px;
          line-height: 31px;
     }
     .page-about .guide h3 {
          font-size: 20px;
          font-size: 2.0rem;
     }
     .page-about .guide:last-child h3 {
          margin-bottom: 20px;
     }
     .page-about .guide li {
          font-size: 14px;
          font-size: 1.4rem;
     }
}

@media screen and (max-width: 640px) {
     .page-about .guide {
          padding: 15px 0;
     }
     .page-about .guide:last-child {
          padding-bottom: 0;
     }
     .page-about .guide:after {
          right: 0;
     }
     .page-about .guide h3 {
          display: inline-block;
          font-size: 17px;
          font-size: 1.7rem;
          padding-right: 45px;
     }
     .page-about .guide:last-child h3 {
          margin-bottom: 10px;
     }
     .page-about .guide:hover h3 {
          padding-left: 0;
     }
     .page-about .guide li {
          padding: 0 10px 0 20px;
     }
     .page-about .guide li:before {
          left: 8px;
     }
}

/* =========================================================
  3．えほんカフェ／cafe
========================================================= */
.page-cafe #pageTitBnr .pageTitInner {
     background-image: url(../images/pages/cafe_cover.jpg);
}

.page-cafe .upper figure {
     margin-top: 60px;
}
.cafeMenu {
     position: relative;
     width: 100%;
     margin-bottom: 80px;
     display: -webkit-flex;
     display: flex;
     -webkit-flex-flow: wrap;
     flex-flow: wrap;
     -webkit-align-content: flex-start;
     align-content: flex-start;
     -webkit-justify-content: space-between;
     justify-content: space-between;
}
.cafeMenu:last-child {
     margin-bottom: 0;
}

.cafeMenu .tax {
  color: #647a2c;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 10px !important;
}

.cafeMenu .order1 {
     order: 1;
}
.cafeMenu .order2 {
     order: 2;
}
.cafeMenu .order3 {
     order: 3;
}
.cafeMenu .order4 {
     order: 4;
}
.cafeMenu .order5 {
     order: 5;
}
.cafeMenu .order6 {
     order: 6;
}
.cafeMenu .order7 {
     order: 7;
}
.cafeMenu .order8 {
     order: 8;
}
.cafeMenu .order9 {
     order: 9;
}
.cafeMenu .order10 {
     order: 10;
}
.cafeMenu .order1,
.cafeMenu .order4,
.cafeMenu .order5,
.cafeMenu .order8,
.cafeMenu .order9 {
     width: 370px;
}
.cafeMenu .order2,
.cafeMenu .order3,
.cafeMenu .order6,
.cafeMenu .order7,
.cafeMenu .order10 {
     width: 542px;
     height: fit-content;
     padding: 30px 25px;
     text-align: center;
     border: 2px dotted #322e2e;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
}
.cafeMenu .order5 img {
     width: 100%;
}
.cafeMenu .menuPrice {
     display: block;
     font-size: 26px;
     font-size: 2.6rem;
     color: #647a2c;
     font-weight: bold;
     font-family: "Montserrat", sans-serif;
     margin-bottom: 30px !important;
}
.cafeMenu .menuPrice span {
     font-size: 15px;
     font-size: 1.5rem;
     font-weight: normal;
     font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.cafeMenu .menuTitle {
     display: inline-block;
     border-radius: 5px;
     line-height: 1.5;
     background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
     font-size: 18px;
     font-size: 1.8rem;
     color: #647a2c;
     font-weight: bold;
     margin-top: 25px;
     margin-bottom: 15px !important;
     padding: 5px 10px;
}
.cafeMenu .menuTitle.first-child {
    margin-top: 0;
}
.lunch-month {
     display: inline-block;
     font-size: 15px;
     font-size: 1.5rem;
     color: #fff;
     font-weight: bold;
     -moz-border-radius: 100px;
     -webkit-border-radius: 100px;
     border-radius: 100px;
     margin: 8px 0 15px 0;
     padding: 10px 15px;
     line-height: 1;
     background: #647a2c;
}
.lunch-desc {
  display: block;
  position: relative;
  padding-left: 16px;
   color: #647a2c;
   font-weight: 500;
   line-height: 1.5;
}
.lunch-desc:not(:last-of-type) {
     margin-bottom: 10px;

}
.lunch-desc::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #647a2c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 7px;
}

.drink-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10%;
}

.drink-ul {
  width: 45%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.drink-ul p {
  margin-bottom: 0 !important;
}

.drink-li {
  display: flex;
  justify-content: space-between;
}

.drink-li__title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
}

.tag {
     margin-bottom: 20px;
}
.tag li {
     font-size: 15px;
     font-size: 1.5rem;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
     float: left;
     margin: 8px 16px 8px 0;
     padding: 10px 20px;
     line-height: 1.5;
     background: url(../images/common/bg_02.png) left top repeat #f8f4eb;
}

@media screen and (max-width: 768px) {
     .page-cafe .upper figure {
          margin-top: 30px;
     }
     .cafeMenu {
          margin-bottom: 38px;
     }
     .cafeMenu .tax {
          font-size: 12px !important;
          font-size: 1.2rem !important;
          margin-bottom: 0 !important;
     }
     .cafeMenu .order1 {
          order: 2;
     }
     .cafeMenu .order2 {
          order: 1;
     }
     .cafeMenu .order3 {
          order: 3;
     }
     .cafeMenu .order4 {
          order: 4;
     }
     .cafeMenu .order5 {
          order: 6;
     }
     .cafeMenu .order6 {
          order: 5;
     }
     .cafeMenu .order7 {
          order: 7;
     }
     .cafeMenu .order8 {
          order: 8;
     }
     .cafeMenu .order9 {
          order: 10;
     }
     .cafeMenu .order10 {
          order: 9;
     }
     .cafeMenu .order1,
     .cafeMenu .order4,
     .cafeMenu .order5,
     .cafeMenu .order8,
     .cafeMenu .order9 {
          width: 100%;
     }
     .cafeMenu .order2,
     .cafeMenu .order3,
     .cafeMenu .order6,
     .cafeMenu .order7,
     .cafeMenu .order10 {
          width: 100%;
          margin-bottom: 20px;
          padding: 20px 17px;
     }
     .cafeMenu .menuPrice {
          font-size: 20px !important;
          font-size: 2.0rem !important;
          margin-bottom: 10px !important;
     }
     .cafeMenu .menuPrice span {
          font-size: 13px;
          font-size: 1.3rem;
     }
     .cafeMenu .menuTitle {
          font-size: 18px !important;
          font-size: 1.8rem !important;
          margin-bottom: 10px !important;
     }
     .lunch-month {
          font-size: 13px;
          font-size: 1.3rem;
}
     .tag {
          margin-bottom: 10px;
     }
     .tag li {
          font-size: 13px;
          font-size: 1.3rem;
          margin: 4px 8px 4px 0;
          padding: 10px 20px;
     }
     .page-cafe .btn {
          margin-top: 20px;
     }
}
@media screen and (max-width: 768px) {
     .cafeMenu .tax {
           margin-bottom: 5px !important;
     }
}

@media screen and (max-width: 600px) {
  .cafeMenu .menuTitle {
        font-size: 17px !important;
        font-size: 1.7rem !important;
        margin-top: 10px !important;
    }

  .drink-list {
  gap: 0;
  padding-bottom: 20px;
}
.drink-ul {
  width: 100%;
}
}

========================================================
  4．チャレンジショップ／challengeshop
========================================================= */
.page-challengeshop #pageTitBnr .pageTitInner {
     background-image: url(../images/pages/challengeshop_cover.jpg);
}
.page-challengeshop .heading-rows {
     margin-top: 60px;
}

@media screen and (max-width: 768px) {
     .page-challengeshop .heading-rows {
          margin-top: 30px;
     }
}

/* =========================================================
  5．レンタルスペース／rentalspace
========================================================= */
.page-rentalspace #pageTitBnr .pageTitInner {
     background-image: url(../images/pages/rentalspace_cover.jpg);
}
.page-rentalspace .heading-rows {
     margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
     .page-rentalspace .heading-rows {
          margin-bottom: 30px;
     }
}

/* =========================================================
  6．アクセス／access
======================================================== */
@media screen and (min-width: 960px) {
.page-access .dotBox .boxInner .profile dt {
    width: 100px;
}
.page-access .dotBox .boxInner .profile dd {
    width: 405px;
}}

/* googleMaps ---------- */
.googleMaps {
     position: relative;
     margin-top: 50px;
     padding-bottom: 500px; // これが縦横比
     height: 0;
     overflow: hidden;
}
.googleMaps iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
     /*pointer-events: none; // ホイールさせない場合*/
}

@media screen and (max-width: 768px) {
     .googleMaps {
          margin-top: 30px;
          padding-bottom: 80%;
     }
}

/* =========================================================
  7．お問い合わせ／contact
======================================================== */
.page-contact #main #container #content.wide {
    padding-bottom: 0;
}

.page-contact #section.upper {
     padding: 0 0 60px;
     background: none;
}
.page-contact #section {
     padding: 60px 0 100px;
     background: url(../images/common/bg_04.png) left top repeat;
}
.page-contact .wpcf7 dl:first-child {
     margin-top: 50px;
}

.contactTel dl {
     display: table;
     width: 100%;
}
.contactTel dl dt {
     position: relative;
     display: table-cell;
     vertical-align: middle;
     font-weight: bold;
     width: 280px;
     padding: 30px 0 30px 65px;
     background: url(../images/common/bg_03.jpg) left top repeat #f3ece2;
     -moz-border-radius: 5px 0 0 5px;
     -webkit-border-radius: 5px 0 0 5px;
     border-radius: 5px 0 0 5px;
}
.contactTel dl dt:before {
     position: absolute;
     left: 30px;
     content: "\f2d2";
     font-family: "ionicons";
     font-size: 28px;
     font-size: 2.8rem;
}
.contactTel dl dd {
     display: table-cell;
     font-size: 38px;
     font-size: 3.8rem;
     font-weight: bold;
     letter-spacing: 0.1em;
     padding: 0 40px;
     vertical-align: middle;
     font-family: "Montserrat", sans-serif !important;
     background: url(../images/common/bg_04.png) left top repeat #f8f4eb;
     -moz-border-radius: 0 5px 5px 0;
     -webkit-border-radius: 0 5px 5px 0;
     border-radius: 0 5px 5px 0;
}
.contactTel dl dd a:hover {
     color: #000;
}

@media screen and (max-width: 768px) {
     .page-contact #section {
          padding: 30px 0 40px;
     }
}

@media screen and (max-width: 640px) {
     .page-contact #section.upper {
          padding: 0 0 30px;
          background: none;
     }
     .page-contact #section {
          padding: 20px 0 0;
     }
     .page-contact .wpcf7 dl:first-child {
          margin-top: 15px;
     }
     .contactTel dl dt {
          display: block;
          width: 100%;
          padding: 15px 0 15px 65px;
          -moz-border-radius: 5px 5px 0 0;
          -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
     }
     .contactTel dl dd {
          width: 100%;
          display: block;
          font-size: 28px;
          font-size: 2.8rem;
          text-align: center;
          padding: 15px 10px;
          -moz-border-radius: 0 0 5px 5px;
          -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 5px 5px;
     }
     .contactTel dl dd a:hover {
          color: #000;
     }
}

/* =========================================================
  共通のページタイトルカバー
======================================================== */
.page-news #pageTitBnr .pageTitInner,
.page-blog #pageTitBnr .pageTitInner,
.page-access #pageTitBnr .pageTitInner,
.page-contact #pageTitBnr .pageTitInner,
.page-privacypolicy #pageTitBnr .pageTitInner,
.page-sitepolicy #pageTitBnr .pageTitInner {
     background-image: url(../images/pages/common_cover.jpg);
}

.single #pageTitBnr .pageTitInner,
.error404 #pageTitBnr .pageTitInner {
    height: 100px;
    line-height: 100px;
}

@media screen and (max-width: 640px) {
     .single #pageTitBnr .pageTitInner,
     .error404 #pageTitBnr .pageTitInner {
          height: 60px;
          line-height: 60px;
     }
}


/*
.dotBox-ttl {
     position: relative;
     display: inline-block;
     color: #322e2e;
     padding: 0 45px;
     font-size: 21px;
     font-size: 2.1rem;
     margin-bottom: 30px;
     font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, sans-serif;
}
.dotBox-ttl:before,
.dotBox-ttl:after {
     content: '';
     position: absolute;
     top: 50%;
     display: inline-block;
     width: 38px;
     height: 2px;
     background-color: #956134;
}
.dotBox-ttl:before {
     left: 0;
     -moz-transform: rotate(60deg);
     -webkit-transform: rotate(60deg);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg);
}
.dotBox-ttl:after {
     right: 0;
     -moz-transform: rotate(-60deg);
     -webkit-transform: rotate(-60deg);
     -ms-transform: rotate(-60deg);
     transform: rotate(-60deg);
}*/