@charset "UTF-8";
/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */
/* SP用CSSの記述 */
/* PC、Tablet用CSSの記述 */
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 22, style.scss */
#shokunomiyakokumamoto { text-align: center; font-size: 16px; line-height: 1.8; font-weight: 400; color: #482400; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; word-break: break-word; /*-webkit-text-stroke-width: 0.15px;*/ letter-spacing: 0.05em; font-feature-settings: "palt" 1; text-size-adjust: none; -webkit-text-size-adjust: none; position: relative; /*&::after{ content: ""; background: url("../01.jpg") no-repeat center top; width: 100%; height: 100%; opacity: .3; position: absolute; top: 0; left: 0; z-index: 0;}*/ /*============================
共通
============================*/ }
/* line 24, style.scss */
#shokunomiyakokumamoto a { transition: .5s; }
/* line 25, style.scss */
#shokunomiyakokumamoto a:hover { opacity: .8; }
/* line 27, style.scss */
#shokunomiyakokumamoto .inner { width: 990px; margin: auto; }
/* line 28, style.scss */
#shokunomiyakokumamoto .flexImg { overflow: hidden; position: relative; }
/* line 29, style.scss */
#shokunomiyakokumamoto .flexImg img { width: 100% !important; height: 100% !important; object-fit: cover; }
/* line 31, style.scss */
#shokunomiyakokumamoto .jpG { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 32, style.scss */
#shokunomiyakokumamoto .jpMG { font-family: "YakuHanJP", "Zen Maru Gothic", sans-serif; }
/* line 33, style.scss */
#shokunomiyakokumamoto .jpM { font-family: "YakuHanMP", "Noto Serif JP", serif; }
/* line 34, style.scss */
#shokunomiyakokumamoto .jpH { font-family: "YakuHanMP", "Shippori Mincho", serif; }
/* line 35, style.scss */
#shokunomiyakokumamoto .enG { font-family: "Roboto", sans-serif; }
/* line 36, style.scss */
#shokunomiyakokumamoto .enM { font-family: "EB Garamond", serif; }
/* line 38, style.scss */
#shokunomiyakokumamoto .container { width: 100%; /*position: relative; z-index: 5; opacity: .5;*/ background: url("../images/bgMain.webp"); overflow-x: hidden; }
/* line 41, style.scss */
#shokunomiyakokumamoto .credit { height: 100px; display: flex; justify-content: center; align-items: center; font-size: 18px; padding: 0; margin: 0; }
/* line 46, style.scss */
#shokunomiyakokumamoto .read { text-align: justify; }
/* line 47, style.scss */
#shokunomiyakokumamoto .btn { margin: 0 auto; }
/* line 48, style.scss */
#shokunomiyakokumamoto .btn a { position: relative; display: flex; justify-content: center; align-items: center; }
/* line 50, style.scss */
#shokunomiyakokumamoto .btn a i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; line-height: 0; right: 1em; transition: .4s all; width: 20px; margin-top: -.25em; }
/* line 52, style.scss */
#shokunomiyakokumamoto .btn a:hover i { right: .75em; }
/* line 56, style.scss */
#shokunomiyakokumamoto .cap { display: block; font-size: 12px; letter-spacing: .025em; font-weight: 500; text-align: center; width: 100%; }
/* line 57, style.scss */
#shokunomiyakokumamoto .swiper-container { padding: 0 0px; }
/* line 68, style.scss */
#shokunomiyakokumamoto .mv { width: 100%; height: 880px; background: url("../images/mv.webp") no-repeat center; background-size: 100% auto; position: relative; }
/* line 69, style.scss */
#shokunomiyakokumamoto .mv .titWrap { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 28px; }
/* line 70, style.scss */
#shokunomiyakokumamoto .mv .titWrap .logo { display: flex; justify-content: center; align-items: center; }
/* line 72, style.scss */
#shokunomiyakokumamoto .mv .titWrap .logo span:not(:last-child) { margin-right: 60px; }
/* line 75, style.scss */
#shokunomiyakokumamoto .mv .titWrap .title { margin-top: -20px; }
/* line 77, style.scss */
#shokunomiyakokumamoto .mv .ph { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 15px; z-index: 1; }
/* line 82, style.scss */
#shokunomiyakokumamoto .introSec { position: relative; background: url("../images/bg.webp") no-repeat top center; margin-top: -140px; padding-top: 155px; padding-bottom: 88px; }
/* line 83, style.scss */
#shokunomiyakokumamoto .introSec::after { content: ""; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; width: 100%; background: url("../images/bg02.webp") repeat-x; top: calc(100% - 0px); width: 100%; height: 21px; z-index: 0; }
/* line 85, style.scss */
#shokunomiyakokumamoto .introSec .wrap .title { margin-bottom: 20px; }
/* line 86, style.scss */
#shokunomiyakokumamoto .introSec .wrap .copy { margin-bottom: 33px; }
/* line 87, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec { background: url("../images/introBg01.webp") no-repeat top center; filter: drop-shadow(0px 5.7px 0px rgba(0, 0, 0, 0.1)); padding: 30px 0px 25px; position: relative; width: 719px; margin: 0 auto; }
/* line 88, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec .tit { margin-bottom: 17px; }
/* line 89, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec .date { margin-bottom: 10px; }
/* line 90, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec .t { margin-bottom: 10px; }
/* line 91, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec .read { text-align: center; }
/* line 92, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec .logo { position: absolute; top: 330px; right: 31px; }
/* line 93, style.scss */
#shokunomiyakokumamoto .introSec .wrap .destinationSec .btn { width: 266px; margin-top: 15px; }
/* line 100, style.scss */
#shokunomiyakokumamoto .introSec .wrap .mapSec { background: url("../images/introBg02.webp") no-repeat top center; filter: drop-shadow(0px 5.7px 0px rgba(0, 0, 0, 0.1)); padding: 25px 30px 20px; position: relative; width: 888px; margin: 0 auto; margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 103, style.scss */
#shokunomiyakokumamoto .introSec .wrap .mapSec .text .read { margin-top: 18px; margin-left: 23px; }
/* line 105, style.scss */
#shokunomiyakokumamoto .introSec .wrap .mapSec .map { margin-top: 8px; }
/* line 106, style.scss */
#shokunomiyakokumamoto .introSec .wrap .mapSec .btn { margin-top: 20px; }
/* line 120, style.scss */
#shokunomiyakokumamoto .areaNav { position: relative; max-width: 990px; margin: 0 auto; margin-top: -60px; margin-bottom: 285px; }
/* line 121, style.scss */
#shokunomiyakokumamoto .areaNav ul { display: flex; justify-content: space-between; }
/* line 123, style.scss */
#shokunomiyakokumamoto .areaNav ul li a { position: relative; }
/* line 124, style.scss */
#shokunomiyakokumamoto .areaNav ul li a em { line-height: 0; }
/* line 125, style.scss */
#shokunomiyakokumamoto .areaNav ul li a i { line-height: 0; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; bottom: 19px; margin-left: -1px; transition: .4s all; }
/* line 127, style.scss */
#shokunomiyakokumamoto .areaNav ul li a:hover i { bottom: 16px; }
/* line 130, style.scss */
#shokunomiyakokumamoto .areaNav ul li:last-child { margin-right: -10px; }
/* line 138, style.scss */
#shokunomiyakokumamoto .secCmn { position: relative; background: url("../images/secBgT.webp") repeat-x top center, url("../images/secBgB.webp") repeat-x bottom center; padding-bottom: 80px; /*&::before{ content: ""; width: 100%; height: 200px; @include centerX; z-index: 0; bottom: calc(100% - 20px);}*/ /*&::before, &::after{ content: ""; @include centerX; width: 100%; height: 21px; background-repeat: repeat-x !important;}
&::before{ background: url("../images/secBgT.webp"); top: 0px;}
&::after{ background: url("../images/secBgB.webp"); bottom: 0px;}*/ }
/* line 139, style.scss */
#shokunomiyakokumamoto .secCmn::after { content: ""; width: 100%; height: calc(100% + 90px); background: url("../images/line.png"); position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: -90px; opacity: .1; z-index: 1; }
/* line 145, style.scss */
#shokunomiyakokumamoto .secCmn:not(:last-child) { margin-bottom: 290px; }
/* line 146, style.scss */
#shokunomiyakokumamoto .secCmn .map { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: -220px; }
/* line 147, style.scss */
#shokunomiyakokumamoto .secCmn .enT { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; bottom: calc(100% - 30px); max-width: 100%; }
/* line 148, style.scss */
#shokunomiyakokumamoto .secCmn .titleWrap { position: relative; z-index: 15; top: -30px; max-width: 990px; margin: 0 auto 6px; }
/* line 149, style.scss */
#shokunomiyakokumamoto .secCmn .titleWrap .title { position: relative; }
/* line 150, style.scss */
#shokunomiyakokumamoto .secCmn .titleWrap .read { text-align: center; margin-top: 22px; }
/* line 151, style.scss */
#shokunomiyakokumamoto .secCmn .titleWrap .catch { position: absolute; top: 0; left: 0; }
/* line 153, style.scss */
#shokunomiyakokumamoto .secCmn .loopSlider { overflow: hidden; width: 100%; position: relative; z-index: 10; }
/* line 154, style.scss */
#shokunomiyakokumamoto .secCmn .loopSlider .loopSlider__track { display: flex; width: max-content; animation: loopScroll 60s linear infinite; }
/* line 155, style.scss */
#shokunomiyakokumamoto .secCmn .loopSlider .loopSlider__track .loopSlider__item { flex: 0 0 auto; width: 399px; margin-right: 15px; }
@keyframes loopScroll { from { transform: translateX(0); }
  to { transform: translateX(-50%); } }
/* line 162, style.scss */
#shokunomiyakokumamoto .secCmn .wrap { position: relative; z-index: 10; }
/* line 163, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec { position: relative; margin-top: 130px; padding: 63px 0 50px; filter: drop-shadow(0px 5.7px 0px rgba(0, 0, 0, 0.1)); }
/* line 164, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec::after { content: ""; background: url("../images/gourmetBg.webp") no-repeat top center; position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; top: 0; width: calc(100% + 120px); height: 100%; z-index: 0; }
/* line 165, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec .tit { position: absolute; left: -50%; right: -50%; margin: auto; z-index: 10; bottom: calc(100% - 47px); }
/* line 166, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec .copy { position: relative; z-index: 10; }
/* line 167, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec ul.listWrap { position: relative; z-index: 10; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 35px; }
/* line 168, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec ul.listWrap li { width: 48%; text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 169, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec ul.listWrap li .text { margin-top: 3px; }
/* line 170, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec ul.listWrap li .text .t { margin-bottom: 8px; }
/* line 174, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec ul.listWrap li.list03, #shokunomiyakokumamoto .secCmn .wrap .gourmetSec ul.listWrap li.list04 { flex-direction: row-reverse; margin-top: 27px; }
/* line 205, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec .illWrap { position: absolute; top: 0; width: 100%; height: 100%; z-index: 5; }
/* line 206, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .gourmetSec .illWrap .ill { position: absolute; }
/* line 211, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec { display: flex; justify-content: center; align-items: center; align-items: flex-start; margin-top: 64px; }
/* line 212, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap { width: 405px; }
/* line 213, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap:not(:last-child) { margin-right: 60px; }
/* line 215, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap .btn a { position: relative; }
/* line 216, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap .btn a span { position: absolute; }
/* line 218, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap .btn a i { width: 28px; }
/* line 222, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap:nth-of-type(1) .btn a span { top: -78px; left: -17px; }
/* line 223, style.scss */
#shokunomiyakokumamoto .secCmn .wrap .btnSec .btnWrap:nth-of-type(2) .btn a span { top: -78px; left: -13px; }
/* line 232, style.scss */
#shokunomiyakokumamoto .footSec { background: url("../images/footBg.webp") no-repeat top center; margin-top: -210px; padding-top: 163px; padding-bottom: 80px; }
/* line 234, style.scss */
#shokunomiyakokumamoto .footSec .wrap .tit { margin-bottom: 20px; }
/* line 238, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btn a i { width: 36px; right: 1.5em; }
/* line 240, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btn a:hover i { right: 1.0em; }
/* line 244, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec { margin-top: 15px; }
/* line 245, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec .titWrap { position: relative; }
/* line 247, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec .titWrap .cap { position: absolute; color: #fff; top: 110px; left: 470px; text-align: left; }
/* line 249, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 6px; grid-row-gap: 20px; }
/* line 251, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec ul.listWrap li:nth-of-type(odd) { margin-left: 0px; }
/* line 252, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec ul.listWrap li:nth-of-type(even) { margin-right: -6px; }
/* line 255, style.scss */
#shokunomiyakokumamoto .footSec .wrap .btnSec ul.listWrap li a i { width: 28px; }
/* line 268, style.scss */
#shokunomiyakokumamoto #sec1.secCmn { background-color: rgba(255, 210, 0, 0.6); }
/* line 269, style.scss */
#shokunomiyakokumamoto #sec1.secCmn::before { background: url("../images/sec1e.webp") no-repeat bottom center; }
/* line 316, style.scss */
#shokunomiyakokumamoto #sec1.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: -47px; left: 75px; }
/* line 317, style.scss */
#shokunomiyakokumamoto #sec1.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -55px; right: 10px; }
/* line 338, style.scss */
#shokunomiyakokumamoto #sec2.secCmn { background-color: rgba(245, 150, 157, 0.6); }
/* line 339, style.scss */
#shokunomiyakokumamoto #sec2.secCmn::before { background: url("../images/sec2e.webp") no-repeat bottom center; }
/* line 386, style.scss */
#shokunomiyakokumamoto #sec2.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: -90px; left: 90px; }
/* line 387, style.scss */
#shokunomiyakokumamoto #sec2.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -45px; right: 65px; }
/* line 388, style.scss */
#shokunomiyakokumamoto #sec2.secCmn .wrap .gourmetSec .illWrap .ill.ill03 { top: 45px; right: -60px; }
/* line 409, style.scss */
#shokunomiyakokumamoto #sec3.secCmn { background-color: rgba(185, 149, 200, 0.6); }
/* line 410, style.scss */
#shokunomiyakokumamoto #sec3.secCmn::before { background: url("../images/sec3e.webp") no-repeat bottom center; }
/* line 457, style.scss */
#shokunomiyakokumamoto #sec3.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: -47px; left: 60px; }
/* line 458, style.scss */
#shokunomiyakokumamoto #sec3.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -72px; right: 65px; }
/* line 479, style.scss */
#shokunomiyakokumamoto #sec4.secCmn { background-color: rgba(75, 188, 163, 0.6); }
/* line 480, style.scss */
#shokunomiyakokumamoto #sec4.secCmn::before { background: url("../images/sec4e.webp") no-repeat bottom center; }
/* line 527, style.scss */
#shokunomiyakokumamoto #sec4.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: -58px; left: 28px; }
/* line 528, style.scss */
#shokunomiyakokumamoto #sec4.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -40px; right: -10px; }
/* line 549, style.scss */
#shokunomiyakokumamoto #sec5.secCmn { background-color: rgba(255, 137, 47, 0.6); }
/* line 550, style.scss */
#shokunomiyakokumamoto #sec5.secCmn::before { background: url("../images/sec5e.webp") no-repeat bottom center; }
/* line 555, style.scss */
#shokunomiyakokumamoto #sec5.secCmn .titleWrap .catch { top: 70px; }
/* line 597, style.scss */
#shokunomiyakokumamoto #sec5.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: -48px; left: 10px; }
/* line 598, style.scss */
#shokunomiyakokumamoto #sec5.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -41px; right: 70px; }
/* line 619, style.scss */
#shokunomiyakokumamoto #sec6.secCmn { background-color: rgba(67, 142, 207, 0.6); }
/* line 620, style.scss */
#shokunomiyakokumamoto #sec6.secCmn::before { background: url("../images/sec6e.webp") no-repeat bottom center; }
/* line 667, style.scss */
#shokunomiyakokumamoto #sec6.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: 17px; left: -52px; }
/* line 668, style.scss */
#shokunomiyakokumamoto #sec6.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -25px; left: 50px; }
/* line 669, style.scss */
#shokunomiyakokumamoto #sec6.secCmn .wrap .gourmetSec .illWrap .ill.ill03 { top: -50px; right: 10px; }
/* line 690, style.scss */
#shokunomiyakokumamoto #sec7.secCmn { background-color: rgba(12, 201, 216, 0.6); }
/* line 691, style.scss */
#shokunomiyakokumamoto #sec7.secCmn::before { background: url("../images/sec7e.webp") no-repeat bottom center; }
/* line 738, style.scss */
#shokunomiyakokumamoto #sec7.secCmn .wrap .gourmetSec .illWrap .ill.ill01 { top: -70px; left: 120px; }
/* line 739, style.scss */
#shokunomiyakokumamoto #sec7.secCmn .wrap .gourmetSec .illWrap .ill.ill02 { top: -45px; right: 160px; }