@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 #724609;
    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 #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;
    width: 100%;
  }
  .container._sp {
    display: none;
  }
	 /* --------------------------------------------------------------------------------
     ヘッダ-----------pc
    -------------------------------------------------------------------------------- */
header {
    background-color: rgba(79,162,61,0.3);
    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.png");
    background-repeat: no-repeat;
    background-position: 0% 95px;
    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 {
    margin-bottom: 30px;
    width: auto;
}
.container._pc .visual .icon_app {
	margin-left: 2%;
    animation: shake 2s infinite;
    transform: rotate(20deg);
}
@keyframes shake {
    50% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(20deg);
    }
}
.container._pc .visual .zoom {
    animation: zoomIn 0.7s ease-in-out forwards;
    animation-delay: 0.7s;
    transform: scale(0, 0);
    display: compact;
    width: auto;
}
@keyframes zoomIn {
  100% {
    transform: scale(1, 1);
  }
}
.container._pc .visual .visual-text {
    margin-top: 50px;
}
.container._pc .visual .about_mimosa {
    background-image: url("../images/common/bg2.jpg");
    margin-top: 5%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
}

.container._pc .visual .about_mimosa .wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 0px;
    width: auto;
    padding-bottom: 2%;
}
.container._pc .visual .about_mimosa .wrap .about{
    padding: 20px;
    width: 33%;
    overflow: visible;
    margin-left: 0px;
}
.about img {
display: block;
transition-duration: 0.5s;
}
.about img:hover {
transform: scale(1.2,1.2);
transition-duration: 0.5s;
}
 /* --------------------------------------------------------------------------------
      フロアガイド / .section-1----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-1 {
    margin-top: 50px;
    background-image: url("../images/pc/section-1-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
    background-position: center top;
}

/* --------------------------------------------------------------------------------
      取り扱いブランド/ .section-2----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-2 {
    margin-top: 70px;
    padding-top: 30px;
    background-image: url("../images/pc/section-2-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-position: center 0%;
}
.section-2 ._item-1{
  }
  /* --------------------------------------------------------------------------------
      アクセス / .section-3----------pc
      -------------------------------------------------------------------------------- */
.open .container._pc .section-3 {
    margin-top: 0px;
	padding-top: 30px;
    background-image: url("../images/pc/section-3-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-position: center 0%;

}
.section-3 ._item-1 {
    padding-top: 40px;
    position: relative;
    width: auto;
}

.section-3.slidein ._map .map1 {
    position: absolute;
    top: calc(50% - 32px);
    right: calc(50% - 370px);
}


  /* --------------------------------------------------------------------------------
      フッター / .shop
      -------------------------------------------------------------------------------- */
.open .container._pc .site-footer {
    margin-top: 70px;
    padding-top: 30px;
}

.container._pc .site-footer ._sns .section-title {
    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 .site-footer ._sns a {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-left: auto;
    padding-right: auto;
    margin-top: 25px;
}
.container._pc .site-footer ._sns a img {
    transition: all 0.1s linear;
    padding-bottom: 30px;
}

.container._pc .site-footer ._sns a img:hover {
    transform: scale(1.1);
    transition-duration: 0.2s;
    padding-bottom: 0px;
  }
.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: 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(79,162,61,0.3);
}
}
	
@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
    -------------------------------------------------------------------------------- */
	.container._sp header {
    position: relative;
    height: 95px;
    width: 100%;
    background-color: rgba(79,162,61,0.3);
    padding-top: 0px;
    z-index: 100;
	}

header .nav_button {
    display: flex;
    /* [disabled]bottom: 2px; */
    list-style: none;
    width: 180px;
    position: absolute;
    right: 10px;
    max-width: 40%;
    top: 22px;
}
.container._sp header .logo {
    padding-top: 25px;
    margin-left: 10px;
    width: 200px;
}

header .nav_button img {
    transition: all 0.1s linear;
    padding-left: 5px;
    padding-right: 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 30px;
    padding-top: 95px;
    margin-top: -95px;
}
.container._sp .visual {
    padding-top: 5%;
    justify-content: center;
    width: 100%;
}
.container._sp .visual .img {
}
.visual .img .top-title {
	margin-bottom: 20px;
    padding-top: 2em;
	position: relative;
}
.visual .img .icon_app {
	padding-top: 1em;
    max-width: 15%;
    position: absolute;
    animation: shake 2s infinite;
    transform: rotate(20deg);
    right: 10%;
}
@keyframes shake {
    50% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(20deg);
    }
}
.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 .about_mimosa {
    background-image: url("../images/sp/about_bg2.png");
    margin-top: 5%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 10px;
}
.container._sp .visual .about_mimosa .wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: 3%;
    margin-left: 3%;
}
.container._sp .visual .about_mimosa .wrap .about {
    padding-top: 11px;
    padding-right: 2%;
    padding-left: 2%;
    padding-bottom: 11px;
    width: 50%;
    overflow: visible;
    margin-left: 0px;
}
/* --------------------------------------------------------------------------------
      フロアガイド / .section-1----sp
     -------------------------------------------------------------------------------- */
.container._sp .section-1 {
    margin-top: -20px;
    background-image: url("../images/sp/section-1-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
    background-position: center top;
	}
.container._sp .section-1 ._item-1 {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

  /* --------------------------------------------------------------------------------
       取り扱いブランド /.section-2----sp
      -------------------------------------------------------------------------------- */
.open .container._sp .section-2 {
    margin-top: 0px;
    padding-top: 40px;
    background-image: url("../images/sp/section-2-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    background-position: center 0%;
}
.open .container._sp .section-2 ._item-1{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  /* --------------------------------------------------------------------------------
      アクセス /  .section-3----sp
      -------------------------------------------------------------------------------- */
.open .container._sp .section-3 {
    padding-top: 30px;
    background-image: url(../images/sp/section-3-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-left: auto;
    padding-right: auto;
    margin-top: -20px;
    padding-bottom: 20px;
  }
.container._sp .section-3.slidein ._item-1 {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding-bottom: 20px;
}
.container._sp .section-3.slidein .map1 {
    margin-top: 30px;
    margin-left: 50px;
    margin-right: auto;
    position: absolute;
    right: 10%;
    max-width: 80%;
	max-height: 38%;
    top: 41%;
}
	
 /* --------------------------------------------------------------------------------
      フッター / .shop----sp
-------------------------------------------------------------------------------- */
.open .container._sp .site-footer {
    padding-bottom: 20px;
    text-align: center;
    color: rgba(82,16,0,1.00);
    background-color: rgba(79,162,61,0.3);
}
._sns ._sns_im .section-title {
    margin-bottom: 20px;
    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;
    margin-top: -20px;
}
@keyframes dokidoki {
0% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
60% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}

.site-footer ._sns ._sns_im {
    max-width: 80%;
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    margin-top: 0px;
	}

._sns ._sns_im a {
	 margin-left: 3%;
    margin-right: 3%;
}
.site-footer .shop .misosa_site {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    padding-top: auto;
    padding-bottom: auto;
}
.site-footer .misosa_site .logo {
    max-width: 35%;
    margin-right: 2%;
    margin-bottom: 0px;
    margin-top: 0px;
}
.misosa_site .hp img {
    max-width: 50%;
    margin-left: 5%;
}


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