@charset "UTF-8";
/* CSS Document */

/*
Theme Name: もぐのみや弁当｜しあわせをつつむ
Author: tasaki
Description: もぐのみや弁当｜しあわせをつつむ
Version: 1.0
*/

/* HTML5 ? Boilerplate
 * ==== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

a { color: #222; text-decoration: none; }
a:visited { color: #222; text-decoration: none;  }
a:hover { color: #30476c; text-decoration: none;  }
a:focus { outline: thin dotted; text-decoration: none;  }
a:hover, a:active { outline: 0; text-decoration: none;  }

a:link,
a:hover {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: separate; border-spacing: 0; }
td { vertical-align: top; }

img { -ms-interpolation-mode: bicubic; }

/* ==== 追記 ==========================================================*/
html {
  font-size: 9px; /* sp基準値 */
  -webkit-text-size-adjust: 100%;
}
 
@media (min-width: 480px) {
html {
    font-size: 10px; /* pc基準値 */
  }
}

body{ 
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-feature-settings: "pkna";
  line-height: 2;
  background: #fff;
  letter-spacing: 0.05rem;
}

/* ===================
    PC・スマホ共通、サイト別リセット
  =================== */

h2,h3,h4 {margin: 0; padding: 0; vertical-align:baseline;}
p {margin: 0; padding: 0;}
ul, li { margin: 0; padding: 0; list-style: none;}
dl, dt, dd { margin: 0; padding: 0;}
th { font-weight: normal; }
a:hover { opacity: 0.8; }

/* スマホ&PC各セクション */

img {
  user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none;
}

/* ==== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*font-style*/
.en { font-family: 'Teko', sans-serif; }
.noto { font-family: 'Noto Sans JP', sans-serif; }
.sawarabi {font-family: "Sawarabi Gothic"; }
.mplus { font-family: "M PLUS 1p"; font-weight: 100; }
.ropa { font-family: 'Ropa Sans', sans-serif; font-weight: 400; font-style: normal; }
.kufam { font-family: 'Kufam', sans-serif; }
.roboto { font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-style: normal; }
.din2014_narrow_light { font-family: "din-2014-narrow", sans-serif; font-weight: 300; font-style: normal;}

/*font-awesome*/
.fa-solid { margin-right: 8px; color: #3e454d; }

/*svg*/
.feather-chevron-right {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 8px;
  padding-right: 5px;
}
.feather-chevron-left {
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 8px;
  padding-right: 5px;
}

/*text-style*/
.t-big { font-weight: bold; font-size: 110%; }
.t-red { color: #ff0000;}
h2.common { clear: both; border-left: 5px solid #222; border-right: 5px solid #222; font-size: 140%; margin-bottom: 30px; background: #f6f6f6; padding: 5px 10px; }
h2.borderReed  { border-bottom: solid 1px #3ba366; position: relative; text-align: center; line-height: 1.5; margin-bottom: 25px; clear: both; padding-bottom: 10px; letter-spacing: 0.2rem;}
/*h2.borderReed:after { content: ""; display: block; line-height: 0; overflow: hidden; position: absolute; left: 0; bottom: -3px; width: 50%; border-bottom: 2px solid #3ba366; }*/


/*-----------------
PC
------------------*/
/*----ヘッダー----*/
@media only screen and (min-width: 1025px) {

  .spView, .sp_br {
    display: none;
  }
  
  .pcView, .pc_br {
    display: block;
  }
  
  header {
    width: 100%;
    /*min-width: 1440px;*/
    min-width: 1200px;
    height: 100px;
    background-image: url("./img/common/header_bg.png");
    background-size: cover;
    position: fixed;
    top: 0;
    z-index: 9999;
    box-sizing: border-box;
    list-style: none;
  }

  .headerInner {
    max-width: 1440px;
    height: 100px;
    margin: 0 auto;
    padding: 0 25px;
    /*padding: 0 20px;*/
    box-sizing: border-box;
  }

  #logo {
    width: 13%;
    float: left;
    margin-top: 33px;
    margin-right: 0;
  }

  #logo img {
    width: 90%;
    margin: 0 3%;
  }

  .gMenu {
    width: 87%;
    height: 100px;
    float: right;
    margin: 0 auto 0 0;
    box-sizing:border-box;
  }

  .gMenu ul {
    width: 100%;
    height: 100%;
    padding-left: 0;
  }

  .gMenu ul li {
    float: left;
    /*width: 6.6%;*/
    /*width: 6.2%;*/
    /*width: 5.8%;*/
    width: 6.2%;
    height: 86px;
    /*padding: 26px 1.2% 0;*/
    padding: 32px 1.0% 0;
    margin-top: 14px;
    box-sizing: border-box;
    list-style: none;
  }

  .gMenu ul li img {
    /*width: 100%;*/
    width: 103%;
  }

  .gMenu ul li:nth-child(13) {
    position: relative;
    background: url("./img/common/headerList_bg01.png") center bottom no-repeat;
    /*background-size: 105%;*/
    background-size: 113%;
  }

  /*header2列目*/
  .secondMenu {
    width: 100%;
    background-color: #fff;
  }

  .secondInner {
    width: 100%;
    max-width: 1025px;
    height: 70px;
    margin: 0 auto;
  }

  .secondInner ul {
    width: 100%;
    margin: 0 auto;
    padding-left: 0;
  }

  .secondInner ul li {
    float: left;
    width: 140px;
    /*height: 94px;*/
    height: 70px;
    font-size: 8px;
    line-height: 1.2;
    text-align: center;
    list-style: none;
    /*margin-top: 5px;*/
  }

  .secondInner ul li a{
    color: #111;
    text-decoration: none;
  }

  .secondInner ul li span{
    display:block;
    font-size: 1.0rem;
    padding-top: 5px;
  }

  .secondInner ul li span:before {
    width: 20px;
    height: 20px;
    margin: 10px auto;
  }

  .secondInner ul li:nth-child(1) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon15.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(2) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon14.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(3) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon16.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(4) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon17.png") no-repeat center;
    background-size: cover;
  }
  
  /*.secondInner ul li:nth-child(5) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon07.png") no-repeat center;
    background-size: cover;
  }*/
  
  /*.secondInner ul li:nth-child(6) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon07.png") no-repeat center;
    background-size: cover;
  }*/
  
  .secondInner ul li:last-child {
    width: 200px;
    height: 100%;
    /*margin: 20px 30px;*/
    margin: 19px 30px;
    text-align: center;
    float: right;
  }

  .hTel a{
    font-size: 300%;
    font-weight: bold;
    line-height: 1.5;
  }

  .sideTel {
    display: none;
  }

/* ====== Main common ===== */
* {
  box-sizing: border-box;
}

.mogu-page,
.mogu-footer {
  color: #2A2620;
  font-family: "Noto Sans JP", sans-serif;
}

/* 横padding共通 */
.mogu-about,
.mogu-menu,
.mogu-subscription,
.mogu-access {
  padding-left: 20px;
  padding-right: 20px;
}

.mogu-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mogu-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

h1 {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-weight: 700;
  color: #2A2620;
}

h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  color: #2A2620;
}

p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
}

.mogu-en {
  font-size: 1.5rem;
  font-weight: 700;
  color: #AF3109;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}

.mogu-section-title {
  margin-bottom: 35px;
}

.mogu-section-title h2 {
  text-align: left;
  margin-bottom: 8px;
}

/*PCアンカー調整*/
section {
  position: relative;
}

.mogu-anchor {
  position: absolute;
  top: -115px;
  left: 0;
}

.mogu-about .mogu-anchor {
  top: -50px;
}

/* ====== FV ===== */
.top-mv {
  position: relative;
  margin-top: 170px;
  color: #2A2620;
  font-family: "Noto Sans JP", sans-serif;
}

.top-mv-SP {
  display: none;
}

.main-View {
  width: 100%;
}

.mogu-fv-copy {
  position: absolute;
  left: 0;
  bottom: 16%;
  z-index: 2;
}

.mogu-fv-copy p {
  display: table;
  background: #fff;
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-size: 2.4rem;
  letter-spacing: 0.35em;
  line-height: 1.5;
  padding: 8px 24px 8px 95px;
  margin-bottom: 16px;
}

.mogu-fv {
  position: absolute;
  right: 12%;
  bottom: -20%;
  width: 474px;
  z-index: 3;
}

.mogu-chara-img {
  position: absolute;
  width: 214px;
  right: 25px;
  bottom: calc(100% - 35px);
  z-index: 2;
}

.mogu-fv-card {
  position: relative;
  width: 100%;
  background: #F9988B;
  border-radius: 40px;
  padding: 40px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  z-index: 3;
}

.mogu-fv-card,
.mogu-fv-card h1,
.mogu-fv-card p {
  color: #fff;
}

.mogu-fv-card .mogu-en {
  font-size: 1.5rem;
  margin-bottom: 16px;
  color: #AF3109;
}

.mogu-fv-card h1 {
  font-size: 3.2rem;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin-bottom: 16px;
}

.mogu-card-text {
  margin-bottom: 16px;
}

.mogu-fv-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mogu-fv-card li {
  background: #fff;
  color: #6B6560;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
}

/* ====== ABOUT ===== */
.mogu-about {
  border-bottom: solid 1px #D8D4CC;
}

.mogu-about-inner {
  max-width: 1000px;
  padding: 140px 0 70px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
}

.mogu-about-inner img {
  width: 194px;
  flex-shrink: 0;
}

.mogu-about-text h2 {
  font-size: 3rem;
  margin-bottom: 25px;
  text-align: left;
}

.mogu-about-desc {
  color: #6B6560;
}

/* ====== MENU ===== */
.mogu-menu {
  position: relative;
  overflow: hidden;
}

.mogu-list {
  margin-top: 60px;
}

.mogu-menu-bg {
  position: absolute;
  inset: 0;
  background: url("img/page/menu_bg.png") no-repeat center center / cover;
}

.mogu-menu .mogu-inner {
  position: relative;
}

.mogu-section-title > p:not(.mogu-en) {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #6B6560;
}

.mogu-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.mogu-menu-card {
  background: #fff;
  border: solid 1px #D8D4CC;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 8px rgba(0,0,0,0.16);
}

.mogu-menu-card img {
  width: 100%;
  object-fit: cover;
}

.mogu-menu-card div {
  padding: 15px 16px 17px;
}

.mogu-menu-card h3 {
  font-size: 2rem;
  margin-bottom: 4px;
}

.mogu-menu-card p {
  font-size: 1.6rem;
  line-height: 1.4;
}

.mogu-drink-title {
  margin-top: 70px;
}

.mogu-drink-grid {
  grid-template-columns: repeat(4, 1fr);
}

/* ====== COFFEE SUBSCRIPTION ===== */
.mogu-subscription {
  background: #fff;
}

.mogu-sub-card-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
}

.mogu-sub-card {
  min-height: 300px;
  background: #fdecea;
  border-radius: 6px;
  padding: 48px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}

.mogu-sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}

.mogu-sub-title img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.mogu-sub-card h3 {
  font-size: 2.4rem;
}

.mogu-sub-ticket {
  position: relative;
}

.sub-ticket-PCimg {
  width: auto;
  height: 116px;
  object-fit: cover;
  margin-bottom: 30px;
}

.sub-ticket-SPimg {
  display: none;
}

.sub-ticket-chara {
  position: absolute;
  right: 0%;
  bottom: 25%;
  width: 156px;
  height: auto;
}

.mogu-sub-photo {
  width: 100%;
  height: 156px;
  object-fit: cover;
  margin-bottom: 30px;
}

.mogu-sub-photoSP {
  display: none;
}

.mogu-sub-card li:nth-child(2) {
  padding-bottom: 10px;
}

.mogu-sub-card li:last-child {
  border-top: 1px solid #F9988B;
  padding-top: 10px;
}

.mogu-sub-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
}

.mogu-sub-card li img {
  width: 24px;
  flex-shrink: 0;
}

/* ====== GALLERY ===== */
/*--スライダー--*/
.slider {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slider li {
  width: 400px;
  margin: 0 20px;
  transition: none;
}

.slider li img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.slider .slick-list {
  padding: 0 !important;
  overflow: visible;
}

.slider .slick-track {
  display: flex;
  align-items: center;
}

/* ====== STORE INFO ===== */
.mogu-access-flex {
  display: grid;
  grid-template-columns: 1.25fr 0.8fr;
  gap: 70px;
  align-items: start;
}

.mogu-info-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.mogu-info-table tr {
  border-bottom: 1px solid #dddddd;
}

.mogu-info-table th,
.mogu-info-table td {
  padding: 16px 0;
  line-height: 1.9;
  vertical-align: top;
}

.mogu-info-table th {
  width: 120px;
  text-align: left;
  color: #6B6560;
}

.mogu-info-table td,.mogu-info-table td a {
  color: #2A2620;
}

.mogu-info-table td small {
  display: block;
  margin-top: 4px;
}

.mogu-info-table td small a {
  color: #A09A94;
  font-size: 1.4rem;
}

.mogu-info-table td span {
  display: inline-block;
  border: 1px solid #dddddd;
  padding: 2px 10px;
  margin-right: 6px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6B6560;
}

.mogu-map {
  background: #f0ece5;
  width: 480px;
  height: 280px;
}

.mogu-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* ====== FOOTER ===== */
.mogu-footer-PC {
  display: block;
  width: 100%;
  height: auto;
}

.mogu-footer-SP {
  display: none;
}

.mogu-footer-wrap {
  background-color: #FEE0D7;
  padding: 0 20px;
}

.mogu-footer-inner {
  max-width: 1000px;
  padding-top: 40px;
  padding-bottom: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.mogu-footer-info h2 {
  font-size: 2.4rem;
  margin-bottom: 10px;
  text-align: left;
}

.mogu-footer-info h2 a {
  color: #2A2620;
}

.mogu-footer-nav ul {
  display: flex;
  gap: 30px;
}

.mogu-footer-nav a {
  color: #2A2620;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
}

.mogu-copyright {
  background-color: #FEE0D7;
  padding-bottom: 80px;
}

.mogu-copyright address {
  display: block;
  font-style: normal;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #2A2620;
}

/* ====== 404 ===== */
.mogu-error {
  max-width: 1200px;
  margin: 270px auto 70px;
  padding: 0 20px;
}

}

/*タイトルとカードが重ならないようにする*/
@media only screen and (min-width:1025px) and (max-width:1299px) {

  .mogu-fv-copy {
    bottom: 16%;
  }

  .mogu-fv-copy p {
    font-size: 1.8rem;
    letter-spacing: 0.22em;
    padding: 6px 18px 6px 45px;
    margin-bottom: 10px;
  }

  .mogu-fv {
    right: 5%;
    bottom: -16%;
    width: 400px;
  }

  .mogu-fv-card {
    width: 100%;
    padding: 32px;
    border-radius: 32px;
  }

  .mogu-fv-card h1 {
    font-size: 2.8rem;
  }

  .mogu-card-text {
    font-size: 1.3rem;
    line-height: 1.8;
  }

  .mogu-chara-img {
    width: 170px;
    right: 20px;
    bottom: calc(100% - 45px);
  }
}


/* ===================
  タブレット
  =================== */

@media only screen and (min-width:481px) and (max-width:1024px) {
  body {
    font-size: 1.5rem;
  }
  
  .spView, .sp_br {
    display: block;
  }
  
  .pcView, .pc_br {
    display: none;
  }
  
  header{
    width: 100%;
    /*height: 140px;*/
    height: 160px;
    background: url("./img/common/header_bg.png") no-repeat;
    background-size: cover;
    background-position: center -60px;
    position: fixed;
    top: 0;
    z-index: 9999;
    box-sizing: border-box;
    overflow: hidden;
  }

  .headerInner{
    width: 100%;
    /*height: 60px;*/
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
  }

  #logo{
    width: 20%;
    float: left;
    /*margin-top: 20px;*/
    margin-top: 24px;
    margin-right: 3%;
  }

  #logo img{
    width: 80%;
    margin: 0 10%;
  }

  .gMenu{
    width: 74%;
    /*height: 60px;*/
    float: right;
    margin: 0 3% 0 0;
    box-sizing: border-box;
    overflow-x: scroll;
  }

  .gMenu ul{
    /*width: 680px;*/
    width: 730px;
    display: flex;
    box-sizing: border-box;
  }

  .gMenu ul li{
    width: 22%;
    height: 70px;
    margin-top: 10px;
    /*padding: 4.8% 1.8% 0;*/
    /*padding: 4.8% 1.5% 0;*/
    /*padding: 5.0% 1.5% 0;*/
    padding: 4.8% 1.5% 0;
    box-sizing: border-box;
    overflow: hidden;
  }

  .gMenu ul li:nth-child(1){
    position: relative;
    background: url("./img/common/headerList_bg01.png") bottom no-repeat;
    background-size: contain;
  }

  .gMenu ul li img{
    width: 100%;
    margin-bottom: 10px;
  }

  .gMenu ul li:nth-child(1):after{
    content: "";
    width: 100%;
    height: 3px;
    display: block;
    background: #fff;
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    margin: auto;
  }

  .secondMenu{
    width: 100%;
    height: 70px;
    background-color: #fff;
    overflow-x: auto;
  }

  .secondInner{
    width: 720px;
    margin: 0 auto;
    overflow: hidden;
  }

  .secondInner ul li{
    float: left;
    width: 100px;
    height: 60px;
    font-size: 8px;
    line-height: 1.2;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .secondInner ul li a{
    color: #111;
  }

  .secondInner ul li span{
    display:block;
    padding-top: 10px;
  }

  .secondInner ul li span:before{
    width: 20px;
    height: 20px;
    margin: 7px auto;
  }

  .secondInner ul li:nth-child(1) span:before{
    content:"";
    display: block;
    background: url("./img/common/nav_icon15.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(2) span:before{
    content:"";
    display: block;
    background: url("./img/common/nav_icon14.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(3) span:before{
    content:"";
    display: block;
    background: url("./img/common/nav_icon16.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(4) span:before{
    content:"";
    display: block;
    background: url("./img/common/nav_icon17.png") no-repeat center;
    background-size: cover;
  }
  
  /*.secondInner ul li:nth-child(5) span:before{
    content:"";
    display: block;
    background: url("./img/common/nav_icon07.png") no-repeat center;
    background-size: cover;
  }*/
  
  /*.secondInner ul li:nth-child(6) span:before{
    content:"";
    display: block;
    background: url("./img/common/nav_icon07.png") no-repeat center;
    background-size: cover;
  }*/

  .secondInner ul li:last-child{
    width: 190px;
    height: 100%;
    /*margin: 12px 30px;*/
    /*margin: 19px 30px;*/
    margin: 17px 30px;
    text-align: center;
  }

  .hTel a{
    font-size: 300%;
    font-weight: bold;
    line-height: 1.5;
  }
  
  .sideTel {
    display: none;
  }

/* ====== Main common ===== */
* {
  box-sizing: border-box;
}

.mogu-page,
.mogu-footer {
  color: #2A2620;
  font-family: "Noto Sans JP", sans-serif;
}

/* 横padding共通 */
.mogu-about,
.mogu-menu,
.mogu-subscription,
.mogu-access {
  padding-left: 20px;
  padding-right: 20px;
}

.mogu-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mogu-inner {
  max-width: 680px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 70px;
}

h1 {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 700;
}

h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-weight: 700;
  color: #2A2620;
}

h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  color: #2A2620;
}

p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
}

.mogu-en {
  font-size: 1.5rem;
  font-weight: 700;
  color: #AF3109;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}

.mogu-section-title {
  margin-bottom: 35px;
}

.mogu-section-title h2 {
  text-align: left;
  margin-bottom: 8px;
}

/*SPアンカー調整*/
section {
  position: relative;
}

.mogu-anchor {
  position: absolute;
  top: -125px;
  left: 0;
}

.mogu-about .mogu-anchor {
  top: 80px;
}

/* ====== FV ===== */
.top-mv {
  position: relative;
  margin-top: 130px;
  color: #2A2620;
  font-family: "Noto Sans JP", sans-serif;
}

.top-mv-SP {
  display: none;
}

.main-View {
  width: 100%;
}

.mogu-fv-copy {
  position: absolute;
  left: 0;
  bottom: 27%;
  z-index: 2;
}

.mogu-fv-copy p {
  display: table;
  background: #fff;
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 4px 10px 4px 30px;
  margin-bottom: 8px;
}

.mogu-fv {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 78%;
  width: 100%;
  max-width: 440px;
  z-index: 3;
}

.mogu-chara-img {
  position: absolute;
  width: 110px;
  right: 0;
  bottom: calc(100% - 30px);
  z-index: 2;
}

.mogu-fv-card {
  position: relative;
  width: 100%;
  background: #F9988B;
  border-radius: 25px;
  padding: 24px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  z-index: 3;
}

.mogu-fv-card,
.mogu-fv-card h1,
.mogu-fv-card p {
  color: #fff;
}

.mogu-fv-card .mogu-en {
  font-size: 1.5rem;
  margin-bottom: 10px;
  color: #AF3109;
}

.mogu-fv-card h1 {
  font-size: 3.2rem;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin-bottom: 10px;
}

.mogu-card-text {
  margin-bottom: 10px;
}

.mogu-fv-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mogu-fv-card li {
  background: #fff;
  color: #6B6560;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
}

/* ====== ABOUT ===== */
.mogu-about {
  border-bottom: solid 1px #D8D4CC;
}

.mogu-about-inner {
  max-width: 600px;
  padding: 240px 0 70px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.mogu-about-inner img {
  width: 155px;
  flex-shrink: 0;
}

.mogu-about-text h2 {
  font-size: 3rem;
  margin-bottom: 25px;
  text-align: left;
}

.mogu-about-desc {
  color: #6B6560;
}

/* ====== MENU ===== */
.mogu-menu {
  position: relative;
  overflow: hidden;
}

.mogu-menu-bg {
  position: absolute;
  inset: 0;
  background: url("img/page/menu_bg.png") no-repeat center center / cover;
}

.mogu-menu .mogu-inner {
  position: relative;
}

.mogu-section-title > p:not(.mogu-en) {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #6B6560;
}

.mogu-card-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.mogu-menu-card {
  background: #fff;
  border: solid 1px #D8D4CC;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 8px rgba(0,0,0,0.16);
}

.mogu-menu-card img {
  width: 100%;
  object-fit: cover;
}

.mogu-menu-card div {
  padding: 15px 16px 17px;
}

.mogu-menu-card h3 {
  font-size: 2rem;
  margin-bottom: 4px;
}

.mogu-menu-card p {
  font-size: 1.6rem;
  line-height: 1.4;
}

.mogu-drink-title {
  margin-top: 70px;
}

.mogu-drink-grid {
  grid-template-columns: repeat(2, 1fr);
  max-width: 680px;
}

/* ====== COFFEE SUBSCRIPTION ===== */
.mogu-subscription {
  background: #fff;
}

.mogu-sub-card {
  max-width: 450px;
  height: auto;
  background: #fdecea;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}

.mogu-sub-card:first-of-type {
  margin: 60px auto 0;
}

.mogu-sub-card:last-of-type {
  margin: 35px auto 0;
}

.mogu-sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.mogu-sub-title img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.mogu-sub-card h3 {
  font-size: 2.4rem;
}

.mogu-sub-ticket {
  position: relative;
}

.sub-ticket-PCimg {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 16px;
}

.sub-ticket-SPimg {
  display: none;
}

.sub-ticket-chara {
  position: absolute;
  right: -5%;
  bottom: 146%;
  width: 88px;
  height: auto;
}

.mogu-sub-photoSP {
  display: none;
}

.mogu-sub-photo {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 16px;
}

.mogu-sub-card li:nth-child(2) {
  padding-bottom: 5px;
}

.mogu-sub-card li:last-child {
  border-top: 1px solid #F9988B;
  padding-top: 5px;
}

.mogu-sub-card li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
}

.mogu-sub-card li img {
  width: 15px;
  flex-shrink: 0;
}

/* ====== GALLERY ===== */
/*--スライダー--*/
.slider {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slider li {
  width: 300px;
  margin: 0 20px;
  transition: none;
}

.slider li img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.slider .slick-list {
  padding: 0 !important;
  overflow: visible;
}

.slider .slick-track {
  display: flex;
  align-items: center;
}

/* ====== STORE INFO ===== */
.mogu-info-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 35px;
}

.mogu-info-table tr {
  border-bottom: 1px solid #dddddd;
}

.mogu-info-table th,
.mogu-info-table td {
  line-height: 1.9;
  display: block;
  width: 100%;
}

.mogu-info-table th {
  text-align: left;
  color: #6B6560;
  padding-top: 12px;
}

.mogu-info-table td {
  color: #2A2620;
  padding-bottom: 12px;
}

.mogu-info-table td a {
  color: #2A2620;
}

.mogu-info-table td small a {
  display: block;
  color: #A09A94;
  font-size: 1.4rem;
  margin-top: 4px;
}

.mogu-info-table td span {
  display: inline-block;
  border: 1px solid #dddddd;
  padding: 2px 10px;
  margin-right: 6px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6B6560;
}

.mogu-map {
  background: #f0ece5;
  width: 380px;
  height: 280px;
  margin: 0 auto;
}

.mogu-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* ====== FOOTER ===== */
.mogu-footer-PC {
  display: block;
  width: 100%;
  height: auto;
}

.mogu-footer-SP {
  display: none;
}

.mogu-footer-wrap {
  background-color: #FEE0D7;
  padding: 0 20px;
}

.mogu-footer-inner {
  max-width: 165px;
  padding-top: 40px;
  padding-bottom: 60px;
  margin: 0 auto;
}

.mogu-footer-info h2 {
  font-size: 2.4rem;
  text-align: left;
}

.mogu-footer-info h2 a {
  color: #2A2620;
}

.mogu-footer-nav ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mogu-footer-nav a {
  color: #2A2620;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
}

.mogu-copyright {
  background-color: #FEE0D7;
  padding-bottom: 50px;
}

.mogu-copyright address {
  display: block;
  font-style: normal;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  color: #2A2620;
}

/* ====== 404 ===== */
.mogu-error {
  max-width: 680px;
  margin: 190px auto 50px;
  padding: 0 20px;
}

}



/* ===================
  スマホ
  =================== */

@media only screen and (max-width: 480px) {
  body {
    font-size: 1.5rem;
  }
  
  .spView, .sp_br {
    display: block;
  }
  
  .pcView, .pc_br {
    display: none;
  }
  
  header {
    width: 100%;
    height: initial;
    background: url("./img/common/header_bg.png") no-repeat;
    background-size: cover;
    background-position: center -44px;
    position: fixed;
    top: 0;
    z-index: 9999;
    box-sizing: border-box;
  }
  
  .headerInner {
    width: 100%;
    /*height: 82px;*/
    margin: 0 auto;
    box-sizing: border-box;
  }
  
  #logo {
    width: 30%;
    margin: 0 auto;
  }
  
  #logo img {
    width: 100%;
  }
  
  .gMenu {
    width: 100%;
    overflow: scroll;
  }
  
  .gMenu ul {
    /*width: 680px;*/
    /*width: 880px;*/
    width: 945px;
    display: flex;
    padding-left: 0;
  }
  
  .gMenu ul li {
    width: 25%;
    /*height: 48px;*/
    height: 56px;
    /*padding: 1.5% 1.3% 0;*/
    /*padding: 1.6% 1.1% 0;*/
    /*padding : 1.8% 1.1% 0;*/
    padding: 1.6% 1.1% 0;
    box-sizing: border-box;
    text-align: center;
    list-style: none;
  }
  
  .gMenu ul li img {
    width: 100%;
    margin: 0 auto;
  }
  
  .gMenu ul li:nth-child(1) {
    position: relative;
    background: url("./img/common/headerList_bg01.png") bottom no-repeat;
    background-size: contain;
  }
  
  
  .secondMenu {
    width: 100%;
    height: 50px;
    background-color: #fff;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  
  .secondInner {
    width: 650px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
  
  .secondInner_left {
    display: block;
    width: 18px;
    height: 42px;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    top: 91px;
    left: 0;
    z-index: 2;
  }

  .secondInner_right {
    display: block;
    width: 30px;
    height: 82px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    position: fixed;
    top: 45px;
    right: 0;
    z-index: 2;
  }

  .secondInner_left {
    display: block;
    width: 18px;
    height: 42px;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    position: fixed;
    top: 95px;
    left: 0;
    z-index: 2;
  }

  .secondInner_right {
    display: block;
    width: 30px;
    height: 88px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
    position: fixed;
    top: 48px;
    right: 0;
    z-index: 2;
  }
  
  .secondInner ul {
    padding-left: 0;
  }

  .secondInner ul li {
    float: left;
    /*width: 90px;*/
    /*width: 75px;*/
    width: 85px;
    /*height: 60px;*/
    height: 50px;
    font-size: 8px;
    line-height: 1.2;
    text-align: center;
    position: relative;
    overflow: hidden;
    list-style: none;
  }
  
  .secondInner ul li a {
    color: #111;
    text-decoration: none;
  }
  
  .secondInner ul li span {
    display:block;
    padding-top: 2px;
  }
 
  .secondInner ul li span:before {
    width: 15px;
    height: 15px;
    margin: 8px auto;
  }

  .secondInner ul li:nth-child(1) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon15.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(2) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon14.png") no-repeat center;
    background-size: cover;
  }

  .secondInner ul li:nth-child(3) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon16.png") no-repeat center;
    background-size: cover;
  }
  
  .secondInner ul li:nth-child(4) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon17.png") no-repeat center;
    background-size: cover;
  }
  
  /*.secondInner ul li:nth-child(5) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon07.png") no-repeat center;
    background-size: cover;
  }*/
  
  /*.secondInner ul li:nth-child(6) span:before {
    content:"";
    display: block;
    background: url("./img/common/nav_icon07.png") no-repeat center;
    background-size: cover;
  }*/
  
  .secondInner ul li:last-child {
    /*width: 175px;*/
    width: 200px;
    height: 100%;
    margin: 10px 30px 0;
    text-align: center;
  }
  
  .hTel a {
    font-size: 300%;
    font-weight: bold;
    line-height: 1.5;
  }


  .sideTel {
    width: 70px;
    position: fixed;
    top: 10px !important;
    right: 10px !important;
    z-index: 9999;
    list-style: none;
  }

  .sideTel li {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    float: left;
  }

  .sideTel img {
    display: block;
    width: 100%;
    height: auto;
  }

/* ====== Main common ===== */
* {
  box-sizing: border-box;
}

.mogu-page,
.mogu-footer {
  color: #2A2620;
  font-family: "Noto Sans JP", sans-serif;
}

/* 横padding共通 */
.mogu-about,
.mogu-menu,
.mogu-subscription,
.mogu-access {
  padding-left: 20px;
  padding-right: 20px;
}

.mogu-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

.mogu-inner {
  max-width: 300px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 60px;
}

h1 {
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #fff;
}

h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 3.2rem;
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-weight: 700;
  color: #2A2620;
}

h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
  font-weight: 700;
  color: #2A2620;
}

p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 400;
}

.mogu-en {
  font-size: 1.5rem;
  font-weight: 700;
  color: #AF3109;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8px;
}

.mogu-section-title {
  margin-bottom: 35px;
}

.mogu-section-title h2 {
  text-align: left;
  margin-bottom: 8px;
}

/*SPアンカー調整*/
section {
  position: relative;
}

.mogu-anchor {
  position: absolute;
  top: -125px;
  left: 0;
}

.mogu-about .mogu-anchor {
  top: 140px;
}

/* ====== FV ===== */
.top-mv {
  position: relative;
  margin-top: 140px;
  color: #2A2620;
  font-family: "Noto Sans JP", sans-serif;
}

.top-mv-PC {
  display: none;
}

.main-View {
  width: 100%;
}

.mogu-fv-copy {
  position: absolute;
  left: 0;
  bottom: 22%;
  z-index: 2;
}

.mogu-fv-copy p {
  display: table;
  background: #fff;
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding: 4px 10px 4px 30px;
  margin-bottom: 8px;
}

.mogu-fv {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 82%;
  width: 100%;
  max-width: 300px;
  z-index: 3;
}

.mogu-chara-img {
  position: absolute;
  width: 110px;
  right: 0;
  bottom: calc(100% - 30px);
  z-index: 2;
}

.mogu-fv-card {
  position: relative;
  width: 100%;
  background: #F9988B;
  border-radius: 25px;
  padding: 24px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
  z-index: 3;
}

.mogu-fv-card,
.mogu-fv-card h1,
.mogu-fv-card p {
  color: #fff;
}

.mogu-fv-card .mogu-en {
  font-size: 1.5rem;
  margin-bottom: 10px;
  color: #AF3109;
}

.mogu-fv-card h1 {
  font-size: 3.2rem;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin-bottom: 10px;
}

.mogu-card-text {
  margin-bottom: 10px;
}

.mogu-fv-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}

.mogu-fv-card li {
  background: #fff;
  color: #6B6560;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 4px 12px;
  border-radius: 4px;
}

.mogu-fv-card li:nth-child(2) {
  margin-right: 5%;
}

/* ====== ABOUT ===== */
.mogu-about-inner {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  padding-top: 320px;
  display: flex;
  flex-direction: column-reverse;
}

.mogu-about-inner img {
  width: 194px;
  flex-shrink: 0;
  margin: 0 auto;
}

.mogu-about-text h2 {
  font-size: 3rem;
  margin-bottom: 25px;
  text-align: left;
}

.mogu-about-desc {
  color: #6B6560;
}

/* ====== MENU ===== */
.mogu-menu {
  position: relative;
  overflow: hidden;
}

.mogu-menu-bg {
  position: absolute;
  inset: 0;
  background: url("img/page/menu_bg.png") no-repeat center center / cover;
}

.mogu-menu .mogu-inner {
  position: relative;
}

.mogu-menu-inner {
  padding: 40px 0;
}

.mogu-section-title > p:not(.mogu-en) {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #6B6560;
}

.mogu-menu-card {
  background: #fff;
  border: solid 1px #D8D4CC;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 3px 8px rgba(0,0,0,0.16);
  margin-bottom: 25px;
}

.mogu-menu-card:last-of-type {
  margin-bottom: 0;
}

.mogu-menu-card img {
  width: 100%;
  object-fit: cover;
}

.mogu-menu-card div {
  padding: 15px 16px 10px;
}

.mogu-menu-card h3 {
  font-size: 2rem;
  margin-bottom: 4px;
}

.mogu-menu-card p {
  font-size: 1.6rem;
  line-height: 1.4;
}

.mogu-drink-title {
  margin-top: 50px;
}

/* ====== COFFEE SUBSCRIPTION ===== */
.mogu-subscription {
  background: #fff;
}

.mogu-sub-card {
  max-width: 300px;
  height: auto;
  background: #fdecea;
  border-radius: 10px;
  padding: 25px;
  box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}

.mogu-sub-card:first-of-type {
  margin: 60px auto 0;
}

.mogu-sub-card:last-of-type {
  margin: 35px auto 0;
}

.mogu-sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.mogu-sub-title img {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.mogu-sub-card h3 {
  font-size: 2.4rem;
}

.mogu-sub-ticket {
  position: relative;
}

.sub-ticket-SPimg {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 16px;
}

.sub-ticket-PCimg {
  display: none;
}

.sub-ticket-chara {
  position: absolute;
  right: -10%;
  bottom: 153%;
  width: 88px;
  height: auto;
}

.mogu-sub-photo {
  display: none;
}

.mogu-sub-photoSP {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 16px;
}

.mogu-sub-card li:nth-child(2) {
  padding-bottom: 5px;
}

.mogu-sub-card li:last-child {
  border-top: 1px solid #F9988B;
  padding-top: 5px;
}

.mogu-sub-card li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
}

.mogu-sub-card li img {
  width: 15px;
  flex-shrink: 0;
  margin-top: 10px;
}

/* ====== GALLERY ===== */
/*--スライダー--*/
.slider {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.slider li {
  width: 200px;
  margin: 0 20px;
  transition: none;
}

.slider li img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.slider .slick-list {
  padding: 0 !important;
  overflow: visible;
}

.slider .slick-track {
  display: flex;
  align-items: center;
}

/* ====== STORE INFO ===== */
.mogu-info-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 35px;
}

.mogu-info-table tr {
  border-bottom: 1px solid #dddddd;
}

.mogu-info-table th,
.mogu-info-table td {
  line-height: 1.9;
  display: block;
  width: 100%;
}

.mogu-info-table th {
  text-align: left;
  color: #6B6560;
  padding-top: 12px;
}

.mogu-info-table td {
  color: #2A2620;
  padding-bottom: 12px;
}

.mogu-info-table td a {
  color: #2A2620;
}

.mogu-info-table td small a {
  display: block;
  color: #A09A94;
  font-size: 1.4rem;
  margin-top: 4px;
}

.mogu-info-table td span {
  display: inline-block;
  border: 1px solid #dddddd;
  padding: 2px 10px;
  margin-right: 6px;
  border-radius: 3px;
  font-size: 1.4rem;
  font-weight: 400;
  color: #6B6560;
}

.mogu-map {
  background: #f0ece5;
  width: 300px;
  height: 240px;
}

.mogu-map iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/* ====== FOOTER ===== */
.mogu-footer-SP {
  display: block;
  width: 100%;
  height: auto;
}

.mogu-footer-PC {
  display: none;
}

.mogu-footer-wrap {
  background-color: #FEE0D7;
  padding: 0 20px;
}

.mogu-footer-inner {
  max-width: 145px;
  padding-top: 40px;
  padding-bottom: 50px;
  margin: 0 auto;
}

.mogu-footer-info h2 {
  font-size: 2.4rem;
  text-align: left;
}

.mogu-footer-info h2 a {
  color: #2A2620;
}

.mogu-footer-nav ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mogu-footer-nav a {
  color: #2A2620;
  font-size: 1.6rem;
  font-weight: 400;
  text-decoration: none;
}

.mogu-copyright {
  background-color: #FEE0D7;
  padding-bottom: 50px;
}

.mogu-copyright address {
  display: block;
  font-style: normal;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
  color: #2A2620;
}

/* ====== 404 ===== */
.mogu-error {
  max-width: 300px;
  margin: 190px auto 50px;
  padding: 0 20px;
}

}

/*画面横*/
/*=====================
スマホ横
=====================*/
@media only screen and (max-width: 900px) and  (orientation: landscape) {
/* 横向きの場合のスタイル */
#header{
	height: 140px;
}

.headerInner{
	height: 60px;
	box-sizing: border-box;
}

#logo{
	margin-top: 20px;
}

.gMenu{
	height: 60px;
}

.gMenu ul li{
	float: left;
	width: 24%;
	height: 50px;
	/*padding: 3% 1.5% 0;*/
  /*padding: 2.2% 1.2% 0;*/
  /*padding: 2.3% 1.1% 0;*/
  /*padding: 2.9% 1.1% 0;*/
  padding: 2.3% 1.1% 0;
	box-sizing:border-box;
}

.gMenu ul li:nth-child(1){
	background-size: contain;
}

.gMenu ul li img{
	/*width: 80%;*/
  width: 105%;
	/*padding: 0 10%;*/
  padding: 5% 5% 0;
}

#toppageArea{
	padding-top: 90px;
}

#commonTitle{
	padding-top: 140px;
}

}

/*=====================
ipad横
=====================*/
@media only screen and (min-width: 1024px) and (max-width:1024px) and (orientation: landscape) {
/* 横向きの場合のスタイル */
header{
	background-position: center -60px;
}

.gMenu ul li{
	width: 17%;
}

.gMenu ul li img{
	width: 100%;
	margin: 0;
	padding: 0;
}

#toppageArea{
	padding-top: 100px;
}

}

/*デバイス別ヘッダー調整*/

/*ギャラクシー系*/
@media only screen and (max-width: 360px){
	header{
		background-position: center -44px;
	}

	.gMenu{
		height: 50px;
	}

	.gMenu ul li{
		height: 50px;
	}
}

/*iphone5(se)*/
@media only screen and (max-width: 320px){
	header{
		background-position: center -44px;
	}
	
	.gMenu{
		height: 53px;
		overflow-x: scroll;
	}

	.gMenu ul{
		display: flex;
		width: 680px;
	}

	.gMenu ul li{
		height: 53px;
		float: none;
	}
}

@media only screen and (min-width:1025px) and (max-width:1299px) {
  header {
    min-width: 1025px;!important
  }
  
  .gMenu ul li{
    padding: 40px 1.0% 0;!important
  }
}