@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

html {
  font-size: 62.5%;
  /* rootフォントサイズを10pxにする（16px * 62.55 = 10px） */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  font-feature-settings: "palt";
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Verdana, sans-serif;
  font-size: 1.6em;
  /* 16px（body で rem ではなく em を使うのはChromeのバグ対策） */
  line-height: 2;
  -webkit-text-size-adjust: 100%;
  /* スマホを横向きにしたとき等に文字サイズを自動調整しない（CSSの指定どおり） */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  /* Chromeで画像がぼやける現象を回避 */
}

/* HTML5非対応ブラウザ向け */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

audio[controls],
canvas,
video {
  display: inline-block;
  vertical-align: top;
  outline: 0;
}

video {
  background-color: #000;
}

@media only screen and (max-width: 1200px) {
  body {
    font-size: 1.4em;
    /* 14px（body で rem ではなく em を使うのはChromeのバグ対策） */
  }
}

/* --------------------------------------------------------------------------------
   Windows用 游ゴシック設定
     - Winで「Yu Gothic」指定すると Regular が適用され細くかすれる問題に対処
     - 参考：https://w3g.jp/blog/use_yufamily
     - @font-faceで明示的に Medium を指定している
     - Windows8.1でOffice用フォントパックを入れていない場合は
       Medium がないのでそのまま Regular が適用される（レアケース）
   -------------------------------------------------------------------------------- */
/* ノーマル */
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 上から順に
     PostScript Name    : localの正式な指定
     Full Name          : PostScript Nameを認識できないChrome用
     游ゴシック Regular : Mediumが存在しないWindows8.1用 */
}
/* ボールド */
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
  /* 上から順に
     PostScript Name    : localの正式な指定
     Full Name          : PostScript Nameを認識できないChrome用 */
}
/* --------------------------------------------------------------------------------
   フォントファミリー
     - -apple-system: MacとiOS用フォント SanFrancisco。ヒラギノに近いが欧文はヒラギノより良い
     - BlinkMacSystemFont: ChromeでSanFrancisoを使いたいときの指定
   -------------------------------------------------------------------------------- */
body {
  font-family: MyYuGothicM, YuGothic, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, Arial, sans-serif;
}


/* --------------------------------------------------------------------------------
   文字色
   -------------------------------------------------------------------------------- */
body {
  color: #521000;
}

a:link {
  color: #1F651F;
  text-decoration: none;
}

a:visited {
    color: #974B3E;
}

a:hover {
  color: #e74e68;
}
/* ========改行============================================= */
span {
   display: inline-block;
}

/* ================================================================================
   2. 共通スタイル
     - ヘッダ、フッタ、ナビなどのページ共通／画面共通の要素
     - 見出し、リスト、テーブル、ボタン、フォームなどの繰り返し使用するパーツ
     - SASSファイル名は当該要素のクラス名と一致している
       → ファイル名だけでクラス名の重複を防げる
   ================================================================================ */
body {
  text-align: center;
}
 /* --------------------------------------------------------------------------------
     スクロールで表示
  -------------------------------------------------------------------------------- */
.slidein {
    opacity: 0;
    transform: translate(0,20%);
    transition: all 1.0s;
}
.scrollin{
    transform: translate(0, 0)!important;
    opacity: 1!important;
  }
 /*--------------------------------------------------------------------------------
      戻るボタン
      -------------------------------------------------------------------------------- */
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 10px;
    background-color: #FFFFFF;
    border: solid 1px #724609;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 200;
    cursor: pointer;
    opacity: 0.5;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 1px solid #724609;
  border-right: 1px solid #724609;
  transform: translateY(20%) rotate(-45deg);
}

@media screen and (min-width: 768px) {
   /* --------------------------------------------------------------------------------
     コンテナ / body および .container
     -------------------------------------------------------------------------------- */
  .body-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    background-size: cover;
    background-image: url(../images/common/bg.jpg);
    background-repeat: no-repeat;
  }
  .container._pc {
    position: relative;
	max-width: 100%;
    margin: 0 auto;
  }
  .container._sp {
    display: none;
  }
	 /* --------------------------------------------------------------------------------
     ヘッダ-----------pc
    -------------------------------------------------------------------------------- */
header {
    background-color: rgba(148,252,233,1);
    position: fixed;
    top: 0px;
    z-index: 150;
    display: flex;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    height: 95px;
    margin-bottom: 85px;
    width: 100%;
}

.logo {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 20px;
    background-size: cover;
}
nav {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
header nav .nav_button {
    display: flex;
    bottom: auto;
    list-style: none;
    margin-left: 50px;
    width: 150px;
}
nav .nav_button .line {
    margin-right: 15px;
}
nav .nav_button .insta {
    margin-right: 15px;
}
nav .nav_button img {
    transition: all 0.1s linear;
  }
nav .nav_button img:hover {
    transform: scale(1.1);
  }
/* --------------------------------------------------------------------------------
     メインビジュアル / .visual----------pc
     -------------------------------------------------------------------------------- */
.open .container._pc .visual {
    background-image: url("../images/pc/visual-bg.png");
    background-repeat: no-repeat;
    padding-top: 95px;
    background-size: contain;
    width: 100%;
}
.container._pc .visual .top-title {
    display: flex;
    padding-top: 5%;
    justify-content: center;
    width: 100%;
}
.container._pc .visual .img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.container._pc .visual .zoom {
    animation: zoomIn 0.7s ease-in-out forwards;
    animation-delay: 0.7s;
    transform: scale(0, 0);
    display: compact;
    width: auto;
    margin-top: -20px;
    z-index: 50!important;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
@keyframes zoomIn {
  100% {
    transform: scale(1, 1);
  }
}
.container._pc .visual .visual-text{
    margin-top: -10px;
    z-index: 1;
    position: relative;
}
.container._pc .visual .visual-text .icon_app img{
    display: block;
    transition-property: opacity;
    transition-duration: 0.5s;
}
.container._pc .visual .visual-text .icon_app img:hover{
    opacity: 0.6;
}
.container._pc .visual .visual-text .icon_app .iconbase{
	animation: rotateAnimation 5s linear infinite;
    position: absolute;
    bottom: 70%;
    right: calc(40% - 280px);
    max-width: 200px;
}
.container._pc .visual .visual-text .icon_app .iconfont{
	position: absolute;
    bottom: 70%;
    right: calc(40% - 280px);
    max-width: 200px;
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* --------------------------------------------------------------------------------
     aboutミモザ / .section-4---pC
     -------------------------------------------------------------------------------- */
.container._pc .visual .about_mimosa {
    margin-top: 8rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FCFFAF;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(252, 255, 138) 10px, rgba(252, 255, 138) 20px );
	}
	
.container._pc .visual .about_mimosa .section-title{
    padding-top: 5rem;
	}
.section-4 {
    margin-top: 3rem;
    margin-bottom: 20px;
    width: 100%;
  }
  .section-4 .bx-wrapper {
    margin-bottom: 0;
    border: 0 !important;
    border-bottom: solid 0.5rem transparent !important;
    background-color: transparent;
    width: 100%;
  }
  .section-4 .bx-wrapper .bxslider {
    position: relative;
    left: 60rem;
    /* (100% - 46.875rem) / 2 */
    overflow: visible !important;
    background-color: transparent;
  }
  .section-4 .bx-wrapper .bxslider li {
    width: 350px !important;
    background-color: transparent !important;
    margin-right: 17px;
    margin-left: 17px;
  }
  .section-4 .bx-wrapper .bxslider img {
    display: block;
    margin: 0 auto;
    padding-bottom: 35px;
  }
/* --------------------------------------------------------------------------------
      オープン前キャンペーン / .section-5---pc
      -------------------------------------------------------------------------------- */
.section-5 {
    padding-top: 120px;
    margin-top: -120px;
    background-image: url("../images/pc/section-5-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 120px;
  }
.section-5 .section-title {
    padding-top: 50px;
		z-index: 10!important;
  }
.section-5 ._item-1{
    position: relative;
    margin-top: 4rem;
  }
.section-5 ._item-1 ._insta {
    position: absolute;
    bottom: 4rem;
    right: calc(40% - 220px);
  }
  .section-5 ._item-2 {
    margin-top: 4rem;
    position: relative;
  }
.section-5 .btn_app {
    position: absolute;
   bottom: calc(20% - 35px);
    right: calc(40% - 300px);
}
.section-5 .btn_app img {
    margin-left: 10px;
    margin-right: 10px;
    max-width: 36%;
	}
.section-5 ._item-3{
    position: relative;
    margin-top: 4rem;
  }
.section-5 ._item-3 ._line {
    position: absolute;
    bottom: 4rem;
    right: calc(40% - 220px);
  }

.section-5 ._item-1 ._insta img,
.section-5 ._item-2 .btn_app img,
.section-5 ._item-3 ._line img{
    transition: all 0.1s linear;
  }
.section-5 ._item-1 ._insta img:hover,
.section-5 ._item-2 .btn_app img:hover, 
.section-5 ._item-3 ._line img:hover{
    transform: scale(1.1);
	transition-duration: 0.2s;
  }
/* --------------------------------------------------------------------------------
      取り扱いブランド/ .section-2----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-2 {
    margin-top: 6rem;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 6rem;
    background-position: center 0%;
    background-color: rgba(255,154,247,0.44);
    padding-top: 6rem;
}

 /* --------------------------------------------------------------------------------
      フロアガイド / .section-1----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-1 {
    background-image: url("../images/pc/section-1-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 6rem;
    background-position: center top;
}

  /* --------------------------------------------------------------------------------
      アクセス / .section-3----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-3 {
    padding-top: 6rem;
    margin-bottom: 0rem;
}
.open .container._pc .section-3 ._item-1{
    position: relative;
}
.open .container._pc .section-3 ._item-1 ._map {
    position: absolute;
    bottom: calc(50% - 160px);
    right: calc(42% - 300px);
	max-width: 100%;
}
  /* --------------------------------------------------------------------------------
      sns / sns
      -------------------------------------------------------------------------------- */
.container._pc ._sns {
    padding-top: 8rem;
    background-image: url("../images/pc/section-3-bg.png");
    z-index: -400;
    background-clip: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 8rem;
}

.container._pc ._sns .section-title {
margin-bottom: 25px;
animation-name:dokidoki;	/* アニメーション名の指定 */
animation-delay:0s;		/* アニメーションの開始時間指定 */
animation-duration: 1.5s;	/* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;
/* アニメーションの動き（徐々に早く徐々に遅く）*/
animation-iteration-count: infinite; /* アニメーションをループさせる */
}

@keyframes dokidoki {
0% {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}
.container._pc ._sns a {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-left: auto;
    padding-right: auto;
    margin-top: 25px;
}
.container._pc ._sns a img {
    transition: all 0.1s linear;
    padding-bottom: 30px;
}

.container._pc ._sns a img:hover {
    transform: scale(1.1);
    transition-duration: 0.2s;
    padding-bottom: 0px;
  }
  /* --------------------------------------------------------------------------------
      フッター / .shop
      -------------------------------------------------------------------------------- */
.open .container._pc .site-footer {
    margin-top: -4rem;
    padding-top: 30px;
	z-index: 10;
}

.shop {
    position: relative;
    z-index: 20!important;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1000px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.shop .list {
    position: relative;
    margin-bottom: 30px;
}
.shop .hp {
    text-decoration: none;
    position: absolute;
    right: 1%;
    bottom: 30px;
    max-width: 270px;
}
.shop .hp img {
    transition: all 0.1s linear;
    bottom: auto;
  }
.shop .hp img:hover {
    transform: scale(1.1);
  }
.site-footer {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
    color: rgba(82,16,0,1.00);
    margin-top: -20px;
    background-color: rgba(252,255,175,1);
}
}
	
@media only screen and (max-width:767px){
 /* --------------------------------------------------------------------------------
     コンテナ / body および .container----sp
     -------------------------------------------------------------------------------- */
.open .body-bg {
    display: none;
  }
.open .container._pc {
    display: none;
}
.open .container._sp {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-image: url(../images/common/bg.jpg);
    ;
    background-repeat: repeat;
}

 /* --------------------------------------------------------------------------------
     ヘッダ-----sp
    -------------------------------------------------------------------------------- */
.open .container._sp header {
    width: 100%;
    background-color: rgba(148,252,233,1);
    z-index: 150;
    position: relative;
	}
.container._sp header .top {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
}
.container._sp header .logo {
    max-width: 60%;
    margin-top: auto;
    margin-bottom: auto;
}

.container._sp header .logo img{
}
header .top .nav_button {
    display: flex;
    list-style: none;
    right: 10px;
    max-width: 32%;
    bottom: 20%;
    width: 180px;
}
header .top .nav_button img {
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
}

 /* --------------------------------------------------------------------------------
     ビジュアル/ .visual-----sp
    -------------------------------------------------------------------------------- */
.open .container._sp .visual {
    position: relative;
    background-image: url("../images/sp/visual-bg.png");
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px -45px;
    z-index: 10;
}
.container._sp .visual {
    padding-top: 11%;
    justify-content: center;
    width: 100%;
}
.container._sp .visual .zoom {
    animation: zoomIn 0.7s ease-in-out forwards;
    animation-delay: 0.7s;
    transform: scale(0, 0);
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2rem;
    display: block;
    z-index: 150;
}
@keyframes zoomIn {
  100% {
    transform: scale(1, 1);
  }
}

.container._sp .visual .visual-text {
    margin-top: -5px;
    position: relative;
    z-index: -10!important;
}
.container._sp .visual .visual-text .icon_app img{
    display: block;
    transition-property: opacity;
    transition-duration: 0.5s;
}
.container._sp .visual .visual-text .icon_app img:hover{
    opacity: 0.6;
}
.container._sp .visual .visual-text .icon_app .iconbase{
	animation: rotateAnimation 5s linear infinite;
    position: absolute;
    bottom: 70%;
    right: calc(35% - 90px);
    max-width: 18%;
}
.container._sp .visual .visual-text .icon_app .iconfont{
	position: absolute;
    bottom: 70%;
    right: calc(35% - 90px);
    max-width: 18%;
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* --------------------------------------------------------------------------------
     aboutミモザ / .section-4---sp
     -------------------------------------------------------------------------------- */
 .container._sp .visual .about_mimosa {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FCFFAF;
    background-image: repeating-linear-gradient(90deg, transparent, transparent 5px, rgba(252, 255, 138) 5px, rgba(252, 255, 138) 10px );
    padding-top: 10px;
    width: 100%;
    margin-top: 30px;
}
 .container._sp .visual .section-title {
    padding-top: 1rem;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-bottom: 1rem;
}
.container._sp .section-4 {
    margin-top: 1rem;
    margin-bottom: 20px;
	padding-bottom: 2rem;
  }
.container._sp .section-4 .bx-wrapper {
    margin-bottom: 0;
    border: 0 !important;
    border-bottom: solid 0.5rem transparent !important;
    background-color: transparent;
  }
.container._sp .section-4 .bx-wrapper .bxslider {
    position: relative;
    left: 14.1rem;
    /* (100% - 46.875rem) / 2 */
    overflow: visible !important;
    background-color: transparent;
  }
.container._sp .section-4 .bx-wrapper .bxslider li {
    width: 240px !important;
    background-color: transparent !important;
    margin-right: 10px;
    margin-left: 10px;
    max-width: 20%;
  }
.container._sp .section-4 .bx-wrapper .bxslider img {
    display: block;
    margin: 0 auto;
  }
/* --------------------------------------------------------------------------------
      オープン前キャンペーン / .section-5---sp
      -------------------------------------------------------------------------------- */
.container._sp .section-5 {
    background-image: url("../images/sp/section-5-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -150;
  }
.container._sp .section-5 .section-title {
    padding-top: 1rem;
  }
.container._sp .section-5 ._item-1{
    position: relative;
    margin-top: 1rem;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
.container._sp .section-5 ._item-1 ._insta {
    position: absolute;
    bottom: 5.5%;
    width: 100%;
    max-width: 50%;
  left:0;
  right:0;
  margin:0 auto;
  }
 .container._sp .section-5 ._item-2 {
    position: relative;
    margin-top: 2rem;
	margin-left: auto;
    margin-right: auto;
	width: 90%;
}
.container._sp .section-5 #sp_app .btn_app {
    width: 80%;
    position: absolute;
    display: flex;
    bottom: 5%;
  left:0;
  right:0;
  margin:0 auto;
	}
#sp_app .btn_app a {
    margin-left: 10px;
    margin-right: 10px;
}
.container._sp .section-5 ._item-3{
    position: relative;
    margin-top: 2rem;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
.container._sp .section-5 ._item-3 ._line {
    position: absolute;
    bottom: 5.5%;
    width: 100%;
    max-width: 50%;
  left:0;
  right:0;
  margin:0 auto;
  }
  /* --------------------------------------------------------------------------------
       取り扱いブランド /.section-2----sp
      -------------------------------------------------------------------------------- */
.open .container._sp .section-2 {
    margin-top: 4rem;
    padding-top: 4rem;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: rgba(255,154,247,0.44);
    padding-bottom: 4rem;
}
.open .container._sp .section-2 ._item-1{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

/* --------------------------------------------------------------------------------
      フロアガイド / .section-1----sp
     -------------------------------------------------------------------------------- */
.container._sp .section-1 {
    background-image: url("../images/sp/section-1-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 4rem;
    background-position: center top;
	}
.container._sp .section-1 ._item-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

  /* --------------------------------------------------------------------------------
      アクセス /  .section-3----sp
      -------------------------------------------------------------------------------- */
.open .container._sp .section-3 {
    padding-left: auto;
    padding-right: auto;
	padding-top: 2rem;
  }
.container._sp .section-3.slidein ._item-1 {
    position: relative;
	margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-bottom: 20px;
}
.container._sp .section-3.slidein .map1 {
    position: absolute;
    left: calc(16% - 22px);
    bottom: 12%;
    max-width: 80%;
    max-height: 38%;
}
 /* --------------------------------------------------------------------------------
      sns / .sns----sp
-------------------------------------------------------------------------------- */
.open .container._sp ._sns {
	background-image: url(../images/sp/section-3-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center top;
}
.open .container._sp ._sns ._sns_im {
    max-width: 80%;
    padding-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4rem;
	}

.open .container._sp ._sns ._sns_im .section-title {
    animation-name: dokidoki;	/* アニメーション名の指定 */
    animation-delay: 0s;		/* アニメーションの開始時間指定 */
    animation-duration: 2s;	/* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}
@keyframes dokidoki {
0% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
60% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}

.open .container._sp ._sns ._sns_im a {
    margin-left: 5%;
    margin-right: 5%;
}
 /* --------------------------------------------------------------------------------
      フッター / .shop----sp
-------------------------------------------------------------------------------- */
.open .container._sp .site-footer {
    text-align: center;
    color: rgba(82,16,0,1.00);
    background-color: rgba(252,255,175,1);
    padding-top: 2rem;
    padding-left: auto;
    padding-right: auto;
}

.container._sp .site-footer .misosa_site {
    display: flex;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    padding-bottom: auto;
    padding-left: auto;
    padding-right: auto;
}
.container._sp .site-footer .misosa_site .logo {
    max-width: 35%;
    margin-right: 2%;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 2%;
}
.container._sp .misosa_site .hp img {
    max-width: 80%;
    margin-left: 5%;
}

.container._sp .site-footer .list {
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-bottom: 20px;
}

.container._sp .site-footer .shop {
    z-index: 140;
    margin-top: -20px;
}

}

/* 印刷用 */
@media print {
  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

h1,
h2,
h3 {
    page-break-after: avoid;
  }

  img {
    max-width: 100% !important;
  }
	 }
@page {
    margin: 1.2cm;
  }