@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: #521000;
}

a:visited {
  color: #521000;
}

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 #086C58;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 100;
    cursor: pointer;
    opacity: 0.5;
}
.pagetop__arrow {
  display: block;
  height: 10px;
  width: 10px;
  border-top: 1px solid #086C58;
  border-right: 1px solid #086C58;
  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-color: #ECEFEE;
  }
  .container._pc {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: #ECEFEE;
  }
  .container._sp {
    display: none;
  }
	 /* --------------------------------------------------------------------------------
     ヘッダ-----------pc
    -------------------------------------------------------------------------------- */
header {
    background-color: rgba(255,213,237,1.00);
    position: fixed;
    top: 0px;
    z-index: 150;
    display: flex;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 95px;
    margin-bottom: 85px;
}

.logo {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 20px;
}
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;
    justify-content: flex-end;
    margin-right: 50px;
    margin-left: 50px;
    width: 190px;
}
nav .nav_button .line {
    margin-right: 20px;
}
nav .nav_button .insta {
    margin-right: 20px;
}
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.jpg);
    padding-top: 95px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 10px;
}
.container._pc .visual .top-title {
    padding-top: 5%;
    max-width: 850px;
    position: relative;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.container._pc .visual .img {
    margin-bottom: 30px;
	width: auto;
}
.visual .top-title .icon_app img{
    display: block;
	transition-property: opacity;
  transition-duration: 0.5s;
}
.visual .top-title .icon_app img:hover{
    opacity: 0.7; 
}

.top-title .icon_app .iconbase{
	animation: rotateAnimation 5s linear infinite;
    position: absolute;
    bottom: 0px;
    right: 2%;
    max-width: 160px;
}
.top-title .icon_app .iconfont{
	position: absolute;
    bottom: 0px;
    right: 2%;
    max-width: 160px;
}
	
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.container._pc .visual .zoom {
    animation: zoomIn 0.7s ease-in-out forwards;
    animation-delay: 0.7s;
    transform: scale(0, 0);
    display: compact;
    margin-left: auto;
    margin-right: auto;
}
@keyframes zoomIn {
  100% {
    transform: scale(1, 1);
  }
}
.container._pc .visual .visual-text {
    margin-top: 3%;
}
  .container._pc .visual #sticky-wrapper {
    z-index: 100;
    margin-top: 5%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 5%;
}
.visual #sticky-wrapper .internal-link {
    display: flex;
    list-style: none;
    justify-content: center;
}
	
.visual #sticky-wrapper .internal-link li {
    margin-top: 10px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 10px;
    width: 280px;
	  transition-property: opacity;
  transition-duration: 0.5s;
}
.visual #sticky-wrapper .internal-link li:hover {
  opacity: 0.7; 
}
.open .container._pc .about_mimosa {
    background-color: #FFD5ED;
    padding-bottom: 40px;
    position: relative;
    margin-top: 0px;
    padding-top: 180px;
}
.open .container._pc .about_mimosa .section-title {
	padding-top: 30px;
	margin-top: -130px;
}
.open .container._pc .about_mimosa .star-flashing{
    position: absolute;
    left: 0px;
    animation: star-flashing-before 5s infinite;
    opacity: 1;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
@keyframes star-flashing-before {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	95% {
		opacity: 1;
	}
}
.open .container._pc .about_mimosa .star-flashing2 {
    position: absolute;
    left: 0px;
    animation: star-flashing-after 5s infinite;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
@keyframes star-flashing-after{
	0% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	70% {
		opacity: 0
	}
	80% {
		opacity: 1;
	}
	85% {
		opacity: .3;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.open .container._pc .about_mimosa .wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    top: 0px;
}
.open .container._pc .about_mimosa .wrap .about{
    padding: 20px;
    width: 50%;
}
.about img {
transition-duration: 0.5s;
}
.about img:hover {
    transform: scale(1.2,1.2);
}
/* --------------------------------------------------------------------------------
      オープン前キャンペーン / .section-5---pc
      -------------------------------------------------------------------------------- */
.section-5 {
    padding-bottom: 10rem;
    padding-top: 160px;
    margin-top: -110px;
    background-image: url(../images/pc/section-5-bg.png);
    background-size: cover;
    background-repeat: repeat-y;
    width: 100%;
    background-position: center center;
  }
.section-5 .section-title {
    padding-top: 20px;
	position: relative;
  }
.section-5 .section-title.slidein .star-flashing {
    position: absolute;
    animation: star-flashing-before 5s infinite;
    opacity: 1;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    left: 2%;
    bottom: 3%;
}
@keyframes star-flashing-before {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	95% {
		opacity: 1;
	}
}
.section-5 .section-title.slidein .star-flashing2 {
    position: absolute;
    animation: star-flashing-after 5s infinite;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    left: 2%;
    bottom: 3%;
}
@keyframes star-flashing-after{
	0% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	70% {
		opacity: 0
	}
	80% {
		opacity: 1;
	}
	85% {
		opacity: .3;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.section-5 ._item-1{
    position: relative;
    margin-top: 4rem;
    z-index: 10;
  }
.section-5 ._item-1 ._insta {
    position: absolute;
    bottom: 7%;
    right: calc(50% - 320px);
    max-width: 260px;
  }
  .section-5 ._item-2 {
    margin-top: 5rem;
    position: relative;
    z-index: 0;
    padding-bottom: 50px;
  }
.section-5 .btn_app {
    position: absolute;
    bottom: 18%;
    right: calc(50% - 410px);
}
.section-5 .btn_app img {
    margin-left: 10px;
    margin-right: 10px;
    max-width: 36%;
	}

.section-5 ._item-1 ._insta img,
.section-5 ._item-2 .btn_app img{
    transition: all 0.1s linear;
  }
.section-5 ._item-1 ._insta img:hover,
.section-5 ._item-2 .btn_app img:hover {
    transform: scale(1.1);
	transition-duration: 0.2s;
  }
/* --------------------------------------------------------------------------------
      取り扱いブランド/ .section-2----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-2 {
    padding-top: 80px;
    background-image: url("../images/pc/section-2-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    background-position: center 0%;
    margin-top: -50px;
}
 /* --------------------------------------------------------------------------------
      フロアガイド / .section-1----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-1 {
    background-image: url("../images/pc/section-1-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center center;
    padding-top: 100px;
}
  /* --------------------------------------------------------------------------------
      アクセス / .section-3----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-3 {
    margin-top: -10rem;
    background-image: url("../images/pc/section-3-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-position: center 0%;
    padding-top: 15rem;
}
.open .container._pc .section-3 ._item-1{
    position: relative;
}

.open .container._pc .section-3.slidein ._map .map1 {
    position: absolute;
	max-width: 90%;
    max-height: 35%;
    bottom: 80px;    
	right: calc(50% - 380px);
}
 /* --------------------------------------------------------------------------------
      SNS /._sns--pC
-------------------------------------------------------------------------------- */
.open .container._pc ._sns {
	margin-top: 3rem;
    padding-top: 30px;
}
.container._pc ._sns .section-title img {
margin-bottom: 25px;
animation-name:dokidoki;	/* アニメーション名の指定 */
animation-delay:0s;		/* アニメーションの開始時間指定 */
animation-duration: 2s;	/* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;
/* アニメーションの動き（徐々に早く徐々に遅く）*/
animation-iteration-count: infinite; /* アニメーションをループさせる */
}
@keyframes dokidoki {
0% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
60% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}
.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---pC
      -------------------------------------------------------------------------------- */
.open .container._pc .site-footer {
    margin-top: 3rem;
    padding-top: 30px;
    background-color: #EDE4BF;
}

.shop {
    position: relative;
    z-index: 200!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: 250px;
}
.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;
}
}
	
@media only screen and (max-width:767px){
 /* --------------------------------------------------------------------------------
     コンテナ / body および .container----sp
     -------------------------------------------------------------------------------- */
.open .body-bg {
  }
.open .container._pc {
    display: none;
}
.open .container._sp {
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-color: #ECEFEE;
    ;
    background-repeat: repeat;
}
 /* --------------------------------------------------------------------------------
     ヘッダ-----sp
    -------------------------------------------------------------------------------- */
.container._sp header {
    position: relative;
    background-color: rgba(255,213,237,1.00);
    padding-top: 3%;
    z-index: 100;
    padding-bottom: 3%;
	}
.container._sp header .top {
    display: flex;
    max-height: 100%;
    width: 100%;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
}

header .nav_button {
    list-style: none;
    width: 180px;
    max-width: 40%;
    display: inherit;
    margin-bottom: 0%;
    margin-top: 0%;
}
.container._sp header .logo img {
    margin-bottom: auto;
    margin-top: auto;
    display: inherit;
    width: 90%;
    float: left;
}

header .nav_button img {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: auto;
    margin-top: auto;
    display: inherit;
  }

 /* --------------------------------------------------------------------------------
     ビジュアル/ .visual-----sp
    -------------------------------------------------------------------------------- */
.open .container._sp .visual {
    position: relative;
    background-image: url("../images/sp/visual-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 30px;
    padding-top: 95px;
    margin-top: -95px;
    padding-bottom: 1rem;
}
.container._sp .visual .top-title {
    justify-content: center;
    max-width: 100%;
    margin-bottom: 20px;
    padding-top: 2em;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.container._sp .visual .top-title .icon_app img {
}
.container._sp .visual .top-title .icon_app img:hover {
    opacity: 0.7; 
}

.container._sp .visual .top-title .icon_app .iconbase img{
	animation: rotateAnimation 5s linear infinite;
    position: absolute;
    bottom: 0px;
    right: 5%;
    max-width: 18%;
}
.container._sp .visual .top-title .icon_app .iconfont img{
	position: absolute;
    bottom: 0px;
    right: 5%;
    max-width: 18%;
}
	
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.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;
}

@keyframes zoomIn {
  100% {
    transform: scale(1, 1);
  }
}

.container._sp .visual .visual-text {
    margin-top: 20px;
}
.container._sp .visual #sticky-wrapper_sp {
    z-index: 100;
    margin: 10px auto 0;
	width: 100%;
}
.visual #sticky-wrapper_sp .internal-link {
    display: flex;
    list-style: none;
    justify-content: center;
	padding-top: 1rem;
    padding-bottom: 1rem;
}
	
.visual #sticky-wrapper_sp .internal-link li {
    margin-right: 7px;
    margin-left: 7px;
}
/* --------------------------------------------------------------------------------
     aboutミモザ / .section-4---sp
     -------------------------------------------------------------------------------- */
 .container._sp .about_mimosa {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    width: 100%;
    background-color: #FFD5ED;
    position: relative;
}
 .container._sp .about_mimosa .section-title {
    width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
 .container._sp .about_mimosa .star-flashing{
    position: absolute;
    left: 0px;
    animation: star-flashing-before 5s infinite;
    opacity: 1;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
@keyframes star-flashing-before {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	95% {
		opacity: 1;
	}
}
 .container._sp .about_mimosa .star-flashing2 {
    position: absolute;
    left: 0px;
    animation: star-flashing-after 5s infinite;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
@keyframes star-flashing-after{
	0% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	70% {
		opacity: 0
	}
	80% {
		opacity: 1;
	}
	85% {
		opacity: .3;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.container._sp .section-4 {
    margin-top: 2rem;
    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;
    margin-top: -3rem;
    padding-top: 3rem;
    background-position: 0% -3rem;
    padding-bottom: 4rem;
  }
.container._sp .section-5 .section-title {
  }
.container._sp .section-5 .section-title.slidein .star-flashing {
    position: absolute;
    animation: star-flashing-before 5s infinite;
    opacity: 1;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    left: 2%;
    bottom: 3%;
}
@keyframes star-flashing-before {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	90% {
		opacity: 0;
	}
	95% {
		opacity: 1;
	}
}
.container._sp .section-5 .section-title.slidein .star-flashing2 {
    position: absolute;
    animation: star-flashing-after 5s infinite;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    left: 2%;
    bottom: 3%;
}
@keyframes star-flashing-after{
	0% {
		opacity: 0;
	}
	60% {
		opacity: 1;
	}
	70% {
		opacity: 0
	}
	80% {
		opacity: 1;
	}
	85% {
		opacity: .3;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.container._sp .section-5 ._item-1{
    position: relative;
    margin-top: 2rem;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
.container._sp .section-5 ._item-1 ._insta {
    position: absolute;
    bottom: 4%;
    width: 100%;
    max-width: 50%;
  left: 50%;
  transform: translateX(-50%);
  }
 .container._sp .section-5 ._item-2 {
    position: relative;
    margin-top: 3rem;
	margin-left: auto;
    margin-right: auto;
	width: 90%;
}
.container._sp .section-5 #sp_app .btn_app {
    max-width: 80%;
    position: absolute;
    display: flex;
    bottom: 3%;
    left: 0;
    right: 0;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-left: 0px;
	}
#sp_app .btn_app a {
    margin-left: 10px;
    margin-right: 10px;
}
  /* --------------------------------------------------------------------------------
       取り扱いブランド /.section-2----sp
      -------------------------------------------------------------------------------- */
.open .container._sp .section-2 {
    padding-top: 4rem;
    background-image: url("../images/sp/section-2-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 4rem;
    background-position: center 0%;
}
.open .container._sp .section-2 ._item-1{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
/* --------------------------------------------------------------------------------
      フロアガイド / .section-1----sp
     -------------------------------------------------------------------------------- */
.open .container._sp .section_cover {
    background-image: url("../images/sp/section-1-bg.png");
    background-size: cover;
	background-repeat: no-repeat;
	}
.open .container._sp .section_cover .section-1 {
    padding-top: 4rem;
}

.open .container._sp .section_cover .section-1 ._item-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

  /* --------------------------------------------------------------------------------
      アクセス /  .section-3----sp
      -------------------------------------------------------------------------------- */
.open .container._sp .section_cover .section-3 {
    padding-top: 4rem;
    padding-left: auto;
    padding-right: auto;
  }
.open .container._sp .section_cover .section-3.slidein ._item-1 {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 90%;
    padding-bottom: 4rem;
    justify-content: center;
}
.open .container._sp .section_cover .section-3.slidein .map1 {
    max-width: 80%;
    max-height: 38%;
    bottom: 16%;
    position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
 /* --------------------------------------------------------------------------------
      SNS / .sns----sp
-------------------------------------------------------------------------------- */
.open .container._sp ._sns {
    padding-bottom: 6rem;
}
.open .container._sp ._sns ._sns_im .section-title img{
    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 {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    margin-top: 0px;
	}
.open .container._sp ._sns ._sns_im a {
    margin-left: 3%;
    margin-right: 3%;
}
 /* --------------------------------------------------------------------------------
      フッター / .shop----sp
-------------------------------------------------------------------------------- */
.open .container._sp .site-footer {
    background-color: #EDE4BF;
    position: relative;
    padding-bottom: 2rem;
}
.container._sp .site-footer .misosa_site .hp img {
    max-width: 40%;
    position: absolute;
    top: 4%;
    z-index: 100;
}
.container._sp .site-footer .list {
    margin-top: 20px;
    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;
  }