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


/* -----------------------------------------------------------
font-size
------------------------------------------------------------*/
/* rem相対、px固定*/
@media (min-width: 768px) {
  :root {
    font-size: calc(0.5625rem + ((1vw - 7.68px) * 0.1736));
    min-height: 0vw;
  }
  p,div,span,li,i,td,th,em,dt,dd {
    font-size:1.8rem;
  }
}
@media (min-width: 1344px) {
  :root {
    font-size: 10px;
  }
}
@media (max-width: 1100px) {
  @media (min-width: 751px) {
    :root {
      font-size: calc(0.52rem + ((1vw - 7.68px) * 0.1736));
      min-height: 0vw;
    }

  }
}
@media screen and (max-width:767px) {
  html {
  font-size: 62.5%;
  }
  body { font-size: 1.4rem; }
  p,div,span,li,i,td,th,em,dt,dd {
    font-size:1.4rem;
  }
}
/* -----------------------------------------------------------
	common
------------------------------------------------------------*/
html,body {
height:100%;
margin:0;
}

html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
font-weight: 400;
color:#333;
line-height:1.5;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-webkit-overflow-scrolling: touch;
}

/* ゴシック系 */
body, table, th, td, p, li, dt, dd, div, span,.go {
font-family:'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
color:#333;
line-height: 1.4;
margin:0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p,li,dt,dd,th,td,div,span,em {
word-wrap: break-word;
}
ul,ol {
padding:0;
margin:0;
list-style: none;
}
li {
list-style: none;
}
table {
width: 100%;
border-collapse: collapse;
}
a {
color:#333;
word-break: break-word;
}
#header a, #footer a, .btn {
  text-decoration: none;
}

@media screen and ( min-width: 751px ){
  a {
  -webkit-transition: background  0.3s ease, color 0.3s ease;
  -moz-transition: background  0.3s ease, color 0.3s ease;
  -o-transition: background  0.3s ease, color 0.3s ease;
  transition: background  0.3s ease, color 0.3s ease;
}
	a:hover {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity: 0.7;
	color:inherit;
	cursor:pointer;
  transition:opacity 0.3s;
	}
	a:hover img {
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
	}
	#page-top a:hover {
	    text-decoration: none;
	    opacity: 0.7;
	}
}

img {
line-height: 0;
max-width: 100%;
vertical-align: bottom;
}
article:after,main:after,
clearfix:after {
content: "";
display: block;
clear: both;
}
p {
  margin:0 0 1em 0;
}

.mt0{
  margin-top: 0 !important;
}
.mt2em{
  margin-top: 2em !important;
}
.mt4em{
  margin-top: 4em !important;
}

/* -----------------------------------------------------------
PC MENU
------------------------------------------------------------*/

/* タブレット、PC768以上 */
@media screen and (min-width: 768px) {
a[href^="tel:"] { pointer-events: none; }
.sp {
display:none!important;
}
}

/* -----------------------------------------------------------
animation
------------------------------------------------------------*/
.sec{
transition: .5s;
}
.list-mv07{
opacity: 0;
transform: translate(0,60px);
-webkit-transform: translate(0,60px);
transition: .5s;
}
.mv07{
opacity: 1.0;
transform: translate(0,0);
-webkit-transform: translate(0,0);
transition: .7s;

}
.mv07.delay {
  transition-delay: 0.5s;
}

.list-mv07-dsp {
opacity: 0;
transform: translate(0,60px);
-webkit-transform: translate(0,60px);
transition: .5s;
}
.list-mv07-dsp > * {
  display: none;
}
.mv07-dsp {
opacity: 1.0;
transform: translate(0,0);
-webkit-transform: translate(0,0);
transition: .7s;
}
.mv07-dsp > * {
  display: block !important;
}
.mv07-dsp.delay {
  transition-delay: 0.5s;
}

.cta {
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 0.7s;
	animation-name: cta-ani;
	transform: scale(0.9,0.9);
}
@keyframes cta-ani {
    100% {
    	transform: scale(1, 1);
  	}
}
/* -----------------------------------------------------------
cp100
------------------------------------------------------------*/
#main {
  background: #f2c36f;
  padding-bottom:12rem;
  background-size:100%;
}
#mv {
  margin-bottom:0;
}
#mv h1 {
margin:0;
padding:0;
font-size:0;
line-height: 1;
}
.mv-inner {
  max-width: 650px;
  width: 50%;
  height: inherit;
  display: flex;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 6.5rem;
  left: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
}

#mv-catch img {
  width:100%;
}
h1#mv-catch {
  width:100%;
  margin-left:15px;
}

.cp100 {
}
.cp100 h1,
.cp100 h2,
.cp100 h3,
.cp100 h4 {
  margin:0;
  line-height: 1;
}
.container {
  max-width:1100px;
  margin:auto;
}
#cp100-read {
  max-width:1080px;
  width:90%;
  margin:-9rem auto 0;
}
.cp-read {
  max-width:1180px;
  margin:auto;
}
.cp-read img {
  width:100%;
  margin-left:-8%;
}
.bg-ttl {
  background:url(../../assets/img/lp/spring2025/bg-ttl.svg) no-repeat center center;
  width:100%;
  height:180px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin:9rem 0;
  padding:0 5%;
  background-size:cover;
}
.bg-ttl img {
  max-height:50px;
}
.img-ttl {
  max-width:946px;
  margin:0 auto -3rem;
  text-align: center;
}
.section {
  margin:13.5rem 0 8rem;
}
#cp100-01 {
  margin-top:8rem;
}
.section2 {
}
p.img-txt {
  margin:0;
}
.line-box {
  position: relative;
}
.btn-line {
  position: absolute;
  bottom:26rem;
  left:0;
  right:0;
  margin:auto;
  text-align: center;
}
.btn-line a {
  display: block;
}
#bottom-area,
.bottom-logo {
}
.bottom-logo {
  background:#fff;
  height:220px;
  padding-bottom:4rem;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  line-height: 1;
  text-align: center;
}
.bottom-logo-inner {
  max-width:280px;
}
.bottom-line {
  background:#00a75b;
  height:220px;
  width:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  line-height: 1;
}

/* -----------------------------------------------------------
	pageTop
------------------------------------------------------------*/
/* scroll top */
#page-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #9bc839;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  display: block;
  width: 44px;
  height: 44px;
  z-index: 10;
  margin:0;
}

#page-top a {
  text-decoration: none;
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 50%;
  text-indent: -9999px;
}
#page-top a:after {
  content: "";
  position: absolute;
  left: 16px;
  top: 19px;
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 10;
}
#page-top:hover {
text-decoration: none;
opacity: 0.8;
}

/* -----------------------------------------------------------
	footer
------------------------------------------------------------*/
#footer {
}
.footer p {
  font-size:1.5rem;
  margin:0;
}
#footer-btn {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 2;
  width: 100%;
  height:100px;
}
.btn-area {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items: center;
  max-width:900px;
  height:100px;
  text-align: center;
  margin:auto;
}
.btn-area li {
  margin:0 auto;
  max-width:490px;
}
.btn-area {
  display: flex;
}

.btn-area02 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.btn-area02 .list-item {
  text-align: center;
  width: 50%;
  height: 100%;
}
.btn-area02 .list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.btn-area02 .list-item a img {
  max-height: 80px;
}
.btn-area02 .list-item.line a {
  background: #00a75b;
}
.btn-area02 .list-item.entry a {
  background: #c1272d;
}

.btn-area03 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.btn-area03 .list-item {
  text-align: center;
  width: 100%;
  height: 100%;
}
.btn-area03 .list-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.btn-area03 .list-item a img {
  max-height: 80px;
}
.btn-area03 .list-item.entry a {
  background: #c1272d;
}
@media screen and (max-width: 767px) {
  .btn-area03 .list-item a img {
    max-height: 55px;
  }
}

.footer-copyright {
  text-align: center;
  padding:0 0 1.5em 0;
}
.footer-copyright p {
  margin:0;
  font-size:14px;
  color: #666;
}

/*---------------------------------------------
mediaQuery レスポンシブ
-----------------------------------------------*/
@media screen and (min-width:1421px) {
  .pc {
    display: none;
  }
  .mv-inner {
    max-width: calc(418/623*55vw);
  }
}
@media screen and (max-width:1420px) {
  .pc-big {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .bg-ttl {
  height:140px;
  }
}

@media screen and (max-width: 767px) {
/*--------------------------------------------------
767px以下
/*--------------------------------------------------*/
.pc {
display:none!important;
}
p,div,span,li,i,td,th,em,dt,dd {
  font-size:14px;
}
.container {
  width:90%;
}
#page-top {
bottom: 10px;
right: 5px;
margin-bottom:0;
}
#page-top {
width:40px;
height:40px;
}
#page-top a:after {
left:15px;
top:17px;
}
.mv-inner {
  max-width: calc(418/623*135vw);
  width: 100%;
  top: 1rem;
}
.cp-read {
  width:111%;
}
#cp100-read {
  width: 100%;
  margin: -3.5rem auto 0;
  overflow: hidden;
}
.cp-read img {
  margin-left:-10%;
}
.bg-ttl {
height:110px;
margin:3rem 0 2rem;
}
.bg-ttl img {
  max-width:90%;
}
#cp100-04 .bg-ttl img {
  max-width: 80%;
}
.section {
    margin: 3rem 0 4rem;
}
.section2 {
  margin-bottom:3rem;
}
#cp100-01 {
  margin-top:0rem;
}
.img-ttl {
  margin:0 auto -1rem;
  max-width:95%;
}
.btn-line {
  bottom: 20vw;
  max-width: 70%;
}
#main {
  padding-bottom:6rem;
}
.bottom-logo {
  height:100px;
  padding-bottom:1rem;
}
.bottom-logo-inner img {
  max-height: 35px;
}

/* footer-btn */
#footer-btn .container {
  width:100%;
}
#footer-btn,
.btn-area {
height:60px;
text-align: center;
}
.btn-area img {
  height:60px;
}
#page-top {
  bottom: 65px;
  right: 5px;
  }
}

@media screen and (min-width:481px) {
  .sps {
    display: none;
  }
}
@media screen and (max-width:480px) {
  .pcs {
    display: none;
  }
  .bg-ttl {
  height:80px;
  }
}

/* -----------------------------------------------------------
	entry
------------------------------------------------------------*/
.entry-menu-area {
  margin: 4.0em auto 0;
  padding: 0 10px;
  max-width: 800px;
}

.entry-menu-area .shop-menu-title {
  margin: 1.0em 0 0;
}
.entry-menu-area .shop-menu {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
/*.entry-menu-area .shop-menu::before {
  content: '';
  display: block;
  width: calc(100% / 5 - 10px);
  height: 0;
  order: 1;
}
.entry-menu-area .shop-menu::after {
  content: '';
  display: block;
  width: calc(100% / 5 - 10px);
  height: 0;
}*/
.entry-menu-area .shop-menu .list-item {
  margin: 0.5em 5px 0;
  width: calc(100% / 5 - 10px);
}
/*.entry-area .shop-menu .list-item:nth-child(n+6) {
  margin: 0.5em 0 0;
}*/
.entry-menu-area .shop-menu .list-item  a {
  padding: 0.5em 1.5em 0.5em 0.5em;
  text-align: center;
  text-decoration: none;
  background: rgba(255,255,255,0.8);
  border-radius: 4em;
  display: block;
  position: relative;
}
.entry-menu-area .shop-menu .list-item  a::before {
  content: '';
  border: 2px solid;
  border-color: transparent transparent #000 #000;
  width: 8px;
  height: 8px;
  position: absolute;
  top: calc(50% - 8px);
  right: 0.75em;
  transform: rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .entry-menu-area {
    margin: 3.0em auto 0;
    padding: 0;
  }
  .entry-menu-area .shop-menu .list-item {
    margin: 0.5em 5px 0;
    width: calc(100% / 3 - 10px);
  }
}


.entry-area {
  margin: 4.0em auto 0;
  padding: 0 10px;
  max-width: 800px;
}
.entry-area .shop-block {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.entry-area .shop-block:nth-child(n+2) {
  margin: 1.5em 0 0;
}
.entry-area .shop-block .pref-area {
  margin: 0;
  width: 28%;
}
.entry-area .shop-block .pref-area .pref {
  margin: 0;
  padding: 0.5em;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #00ada9;
  border-radius: 0.4em;
}
.entry-area .shop-block .shop-area {
  margin: 0;
  padding: 0.5em 1.0em;
  background: rgba(255,255,255,0.8);
  border-radius: 0.4em;
  width: 70%;
}
.entry-area .shop-block .shop-area .shop-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
.entry-area .shop-block .shop-area .shop-list .list-item {
  margin: 0.5em 1.5em 0.5em 0;
  white-space: nowrap;
}
.entry-area .shop-block .shop-area .shop-list .list-item a {
  padding: 0 0 0 15px;
  position: relative;
}
.entry-area .shop-block .shop-area .shop-list .list-item a::before {
  content: '';
  background-color: #333;
  display: block;
  width: 8px;
  height: 10px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
}

@media screen and (max-width: 767px) {
  .entry-area {
    margin: 3.0em auto 0;
    padding: 0;
  }
  .entry-area .shop-block .pref-area {
    width: 100%;
  }
  .entry-area .shop-block .pref-area .pref {
    border-radius: 0.4em 0.4em 0 0;
  }
  .entry-area .shop-block .shop-area {
    padding: 1.0em;
    border-radius: 0 0 0.4em 0.4em;
    width: 100%;
  }
}