/*reset*/
html{
  color:#000;
  background:#FFF;
  max-width: 750px;
	box-shadow:0 0 5px 5px rgba(0,0,0,0.1);
	margin: 0 auto;
	/*scroll-behavior: smooth;*/
}

  body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, article, footer, header, menu, nav, section, video, picture, dl, dt, dd, ul, legend {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  display: block;
}

/*共通設定*/
img {
	width: 100%;
	vertical-align: bottom;
	padding: 0;
	border:0;
}

p{
	display: block;
	margin: 0 auto;
	line-height: 1.9;
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #444;
}
ul {
	max-width: 90%;
	margin: 0 auto;
	margin-top: 5%;
	line-height: 1.9;
	color: #444;
	font-size: .89em;
}
li {
	margin-top:2%;
	list-style: none;
}
a {
	color: #444;
}

footer_info{
	max-width: 100%;
	margin-top: 0;
    padding: 5% 0%;
	background-color: #c38f0859;
}
footer {
	font-size: 1em;
}
footer ul {
	float: left;
	width: 70%;
}
footer ul li {
	padding-left: 7%;
	font-size: 0.9em;
	text-decoration: underline;
}
footer p.totop {
	float: right;
	width: 20%;
	margin: 3% 5% 30%;
}

.copy {
	padding: 0 0 3%;
	text-align: center;
	font-size: 0.7em;
	clear: both;
}

.small {
  font-size: 14px;
  display:block;
  padding: 1% 0;
  line-height: 1.75;
}

.red {
	color: #FF5053;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

/*Base*/
/* CSS Document */
.wrap {
  max-width: 750px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}

.wrapInner {
  margin: 0 auto;
}

.wrapInner input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: border 0.2s ease-out;
}

.wrapInner input::-webkit-search-decoration {
  display: none;
}

.wrapInner input:focus {
  outline-offset: -2px;
}

.wrapInner input[type="image"] {
  -webkit-appearance: none;
}

.wrapInner img {
  display: block;
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: auto;
  border: 0;
}

.openingContainer {
  width: 100%;
  max-width: 750px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  z-index: 1000;
  background: #FFF;
}

.fadeout {
  animation: fadeOut 1s;
  animation-fill-mode: both;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.cta02_01 {
  margin: 4.8% auto 3.9%;
}

.lp02_03_video_01 {
  width: 89.5%;
  top: 37.3%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.wrapInner img.lp02_03Container {
  overflow: hidden;
}

.wrapInner img.lp02_03_on_01 {
  width: 26.4%;
  top: 66.6%;
  left: 73.5%;
  right: 0;
  margin: 0 auto;
}

.wrapInner img.lp05_02_on_01 {
  width: 89.3%;
  top: 38.8%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.float {
  position: fixed;
  z-index: 99;
  right: 0;
  left: auto;
  margin: 0;
  bottom: 1.3%;
  max-width: 650px;
  width: 86.66667vw;
  opacity: 0;
  transition: all .5s;
  pointer-events: none;
}

.float.is-in {
  opacity: 1;
  pointer-events: all;
}

.lp02_01_btn_01 {
  width: 95.1%;
  top: 19.1%;
  left: 2.8%;
  right: 0;
  margin: 0 auto;
}

.lp04_09_btn_01 {
  width: 95%;
  top: 64%;
  left: 1.8%;
  right: 0;
  margin: 0 auto;
}

.lp06_07 {
  height: 395px;
}

@media screen and (max-width: 750px) {
  .lp06_07 {
    height: 52.66667vw;
  }
}

.cta01_02_btn_01 {
  width: 95.1%;
  top: 0.28%;
  left: 3.4%;
  right: 0;
  margin: 0 auto;
}

.cta01_02_btn_02 {
  width: 95.1%;
  top: 11.98%;
  left: 3.85%;
  right: 0;
  margin: 0 auto;
}

.overlayArea {
  position: relative;
}

.overlayItem {
  position: absolute;
}

.scrlAnm__fadein {
  opacity: 0;
  transition: .3s all;
}

.scrlAnm__fadein.js-observe {
  opacity: 1;
  transform: translateY(0);
}

.scrlAnm__fadein--top {
  transform: translateY(-10%);
}

.scrlAnm__fadein--bot {
  transform: translateY(10%);
}

.scrlAnm__fadein--right {
  transform: translateX(10%);
}

.scrlAnm__fadein--left {
  transform: translateX(-10%);
}
/*# sourceMappingURL=base.css.map */

/*電話*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.offer_btn:hover {
	opacity: 0.5 ;
	}
.txt_tel{
	font-size: 2em;
	font-weight: bold;
}

/*アコーディオン*/

.accbox label {
    display: block;
	font-size: 1em;
	font-weight: 400;
    margin: 1.5px 0;
    padding : 3px;
    color :#fff;
    background :#c38f08;
    cursor :pointer;
	text-align: left;
	width: auto;
}
/*アイコン*/
.accbox label span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.accbox label span:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 1%;
    margin-top: -4px;
}
/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow p{
 /*	padding: 5px 0 5px 15px; */
	padding: 1% 3%;
}
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    opacity: 1;
	margin-bottom: 20px;
}

/*shop 問い合わせ*/
#shopping_guide .sg_ttl {
	/*background: #FF8370;
	padding: 5px 0 5px 15px;*/
	color: white;
	font-size: 1.1em;
	/*margin: 5% 0 2%;*/
}
#shopping_guide .sg_ttl2 {
/*	background: #438500; */
 /*   width: 50%; */
    padding: 5px 0 5px 15px;
 /*   color: white; */
    font-size: 1.1em;
	margin: 0 0 1%; 
}
#shopping_guide .sg_ttl3 {
/*	background: #438500; */
    width: 50%;
    padding: 5px 0 5px 15px;
/*    color: white; */
    font-size: 1.1em;
	margin: 4% 0 1%;
}
#shopping_guide .sg_ttl_sub {
	padding: 5px 0 5px 15px;
	font-weight: bold;
	margin: 4% 0 1%;
}

/* アコーディオンメニュー */
.ac-menu:last-child {
  margin-bottom: 60px; /* 最後の要素の下にだけ余白 */
}
.ac-menu input {
  display: none;
}
.ac-menu label {
	width:auto;
	position: relative;
	display: block;
	margin: auto;
}
.ac-menu label:after {
  position: absolute;
  right: 20px; /* 左からの距離 */
  top: 50%; /* 上下中央配置 */
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}

.ac-menu div {
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 1s; /* 開閉スピード */
}
.ac-menu input:checked ~ div {
  height: auto;
  opacity: 1;
  padding: 20px; /* 中身の枠内の余白 */
  background: #FAFAFA; /* 中身の背景色 */
}
.ac-menu-inside {
  color: #333; /* 中身の文字色 */
  font-size: 17px; /* 中身の文字サイズ */
  line-height: 2; /* 行間 */
}

/*ボタンアニメーション*/
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.655, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.655, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}