@charset 'utf-8';
/*
 * name:ikeda-lp-hokkaido.css
 * author:Rotana
*/

/* ikeda lp hokkaido
------------------------------------------------ */
.ftmeiryo{ font-family: 'Meiryo', sans-serif; }
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue Regular.ttf') format('truetype');
    font-weight: normal;
  	font-style: normal;
}

/* Header
------------------------------------------------ */
#lp-header{ padding: 36px 0; }
.lp-header--row{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.lp-header--logo{ width: 19.75%; }
.lp-header--logo a{ display: block; }
.lp-header--partner{width:25.34%;}
.lp-header--partner picture{ display: block; }

#container { padding-top: 0; }
.section img { width: 100%; }

#visual { position: relative; }
#visual picture{ display: block; }
.visual--desc{ position: absolute; left: 50%; top:5.7%; transform: translateX(-50%); display: table; }
.visual--title{ color:#081D3F; text-align: center; }
.visual--title b{ display: block; font-size: 4.8rem; font-weight: 700; letter-spacing: 0.14em; line-height: calc(53 / 46);  }
.visual--title sub{ display: block; font-size: 3.2rem; font-weight: 700; letter-spacing: 0.1em; line-height: calc(53 / 31);  }
.visual--txt{ margin-top: 10px; font-size: 1.2rem; letter-spacing: 0.24em; line-height: calc(16 / 12); color:rgba(8,29,63,.58); text-align: center; }
.visual--date{ margin-top: 24px; font-size: 2.4rem; font-weight: 400; text-align: center; font-weight: 700; line-height: calc(32 / 24); color:#081D3F; letter-spacing: 0.028em; }
.visual--date small{ font-size: 2rem; font-weight: 400; line-height: calc(27 / 20); }

.visual--desc-02{ position: absolute; left: 6.07613469985vw; top: 33.4553440703vw; letter-spacing: 0.036em; }
.visual--title-02 b{ font-size: 5.27086383602vw; font-weight: 700; line-height: calc(80 / 72); color:#081D3F; }
.visual--title-02 sub{ margin-left: 8px; font-size: 3.66032210835vw; font-weight: 400; line-height: calc(67 / 50); color:#081D3F; }
.visual--desc-02 dl{ margin-top: 2.56222547584vw; }
.visual--desc-02 dt{ padding: 0.31628887717vw 0; width: 14.3911439114vw; font-size: 1.10701107011vw; font-weight: bold; text-align: center; letter-spacing: 0.15em; line-height: calc(36 / 21); color:#fff; background-color: #011E41; border-radius: 1.00158144439vw; }
.visual--desc-02 dd{ margin-top: 0.68529256721vw; font-size: 1.21244069584vw; letter-spacing: 0.15em; line-height: calc(40 / 23); color:#011E41; }


@media screen and (max-width: 768px) {
	#lp-header{ padding: 14px 0 3px; }
	.lp-header--logo{ width: 118px; }
	.lp-header--partner{ width: 148px; }
	#visual{ padding-bottom: 20px; }
	.visual--title b{ font-size: 3.2rem; }
	.visual--title sub{ font-size: 1.9rem;  }
	.visual--desc{ width: 80vw; top:25vw; }
	.visual--txt{ margin-top: 8px; font-size: 0.8rem; }
	.visual--date{ margin-top: 30px; font-size: 1.5rem; }
	.visual--date small{ font-size: 1.2rem; }
	.visual--desc-02{ bottom: 0; top:unset; left: 30px; }
	.visual--title-02 b{ display: block; font-size: 4rem; }
	.visual--title-02 sub{ display: block; font-size: 2.4rem; text-indent: 26px; margin: 0; }
}

@media screen and (max-width: 320px) {
	.lp-header--logo{ width: 108px; }
	.lp-header--partner{ width: 138px; }
}

/* section about */
#about {  }
.about__story { padding: 45px 0 60px; }
.about__block { display: flex; flex-wrap: wrap; }
.about__block:not(:last-child) { margin-bottom: 60px; }
.about__block__pic { width: 52.7%; padding-bottom: 35%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.about__block__desc { width: 43%; margin-right: 4.3%; padding-top: 4.2%; }
.about__block__desc--tag { height: 17px; margin-bottom: 14%; }
.about__block__desc--tag img { width: auto; height: 100%; }
.about__block__desc--title { font-size: 30px; font-size: 3rem; font-weight: bold; letter-spacing: .08em; color: #011E41; margin-bottom: .65em; }
.about__block__desc--cmn { font-size: 18px; font-size: 1.8rem; letter-spacing: .05em; line-height: 2; color:#011E41; }
.about__block__desc--cmn small{ display: block; font-size: 1.4rem; line-height: calc(36 / 14); color:#6E6C6C; }
.about__block:nth-child(2n) { flex-direction: row-reverse; }
.about__block:nth-child(2n) .about__block__desc { margin-left: 4.3%; margin-right: 0; }


.about__nasa { margin-top: 54px; position: relative; display: block; overflow: hidden; background-color: #1D2738; }
.about__nasa--desc { font-size: 1.7rem; letter-spacing: 0.036em; line-height: calc(32 / 17); position: absolute; width: 46%; bottom: 10%; right: 13.6%; color: #fff; }

/* section product */
#product { padding: 55px 0 0; background: #F2F2F2; overflow: hidden; }
.product--title-sub{ max-width: 344px; margin: 18px auto 0; }
.product--title{ font-size: 4.2rem; font-weight: bold; letter-spacing: 0.082em; line-height: calc(56 / 42); text-align: center; color:#011E42; }
.product__links { display: flex; justify-content: space-between; margin: 14px auto 0; width: 100%; max-width: 655px; }
.product__links--items { font-size: 1.5rem; font-weight: bold; width: 44.7%; letter-spacing: .05em; display: block; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; }
.product__links--items a { position: relative; display: block; padding: 26px 40px; color: #fff; }
.product__links--items a:after { content: ''; display: block; width: 8px; height: 16px; position: absolute; right: 40px; top: calc( 50% - 8px ); background: url(../../img/lp/hokkaido/arrow-down-min.png) no-repeat; background-size: 100%; }
.product__links--boys { background: #021E41; }
.product__links--girls { background: #CE1017; }
.product--break{ margin-top: 75px; }
.product__block { position: relative; padding: 80px 0; }
.product__block:first-child{ padding-top: 0; }
.product__block:not(:first-child):before { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 0; left: 0; border-bottom: 1px dashed #707070; }
.product__block__main { display: flex; flex-wrap: wrap; }
.product__block__pic { width: calc( 57.2%); margin-right: -83px; }
.product__block__desc { width: 39.6%; margin: 0 3.2% 0 0; }
.product__block__desc--title { position: relative; font-weight: normal; padding-bottom: 6%; margin-bottom: 7.5%; }
.product__block__desc--title .Jp { font-size: 12px; font-size: 1.2rem; letter-spacing: 0.05em; }
.product__block__desc--title .En { font-family: 'Bebas Neue'; font-size: 58px; font-size: 5.8rem; font-weight: bold; letter-spacing: 0.08em; line-height: 1.1; }
.product__block__desc--title:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 60px; height: 1.5px; background: #08182F; }
.product__block__desc--cmn { font-size: 16px; font-size: 1.6rem; line-height: 2.12; min-height: 10.6em; margin-bottom: 4%; }
.product__block__desc--part { max-width: 448px; }
.product__block__desc--btn { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.08em; max-width: 84.8%; text-align: center; margin-top: 9%; visibility: hidden; }
.product__block__desc--btn a { display: block; color: #fff; background: #011E41; padding: .9em 0; -webkit-border-radius: 6px; border-radius: 6px; }

.product__block__lists { margin-top: 85px; }
.product__block__lists ul { display: flex; flex-wrap: wrap; }
.product__block__lists ul li { width: 47.3%; margin-right: 5.4%; position: relative; display: flex; flex-wrap: wrap; }
.product__block__lists ul li:nth-child(2n) { margin-right: 0; }
.product__block__lists ul li:nth-child(n+3) { margin-top: 8%; }
.product__block__lists--point { width: 13%; position: absolute; left: -6.5%; top: -14%; }
.product__block__lists--pic { width: 47.5%; margin-right: 4.6%; }
.product__block__lists__desc { width: 47.9%; margin-top: 8.8%; }
.product__block__lists__desc--tlt { position: relative; margin-bottom: 5%; font-size: 1.9rem; font-weight: 600; font-family: 'Hiragino Mincho ProN', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.05em; line-height: calc(41 / 27); color:#000; }
.product__block__lists__desc--tlt.small{ font-size: 1.4rem; }
.product__block__lists__desc--tlt:before { content: ''; display: block; width: 40px; height: 1px; background: #000; position: absolute; left: -48px; top: 13px; }
.product__block__lists__desc--cmn { font-size: 14px; font-size: 1.4rem; line-height: 1.857; letter-spacing: 0.05em; }


@keyframes fuwafuwa {
  0% { top: 10px; opacity: 1; }
  50% { top: 25px; opacity: 0; }
  100% { top: 10px; opacity: 0; }
}

/* Responsive
------------------------------------------------ */
@media screen and (min-width: 769px) {
	.product__block__main{ align-items: flex-end; }
	#product-04 .product__block__desc--cmn{ min-height: 7.6em; }
	#product-04 .product__block__desc--title{ margin-bottom: 6%; }
}
@media screen and (max-width: 1366px) {
	.product__block__pic {
		width: calc( 57.2% + 20px );
	}
    .product__block__lists__desc--tlt { font-size: 1.39092240117vw; }
    .product__block__lists__desc--tlt.small{ font-size: 1.0980966325vw; }
}
@media screen and (max-width: 1240px) {
	
	.about__block__desc--title { font-size: 2.41vw; }
	.about__block__desc--cmn { font-size: 1.45vw; }

	.product__block__desc--title .Jp { font-size: .9677vw; }
	.product__block__desc--title .En { font-size: 4.677vw; }
	.product__block__desc--cmn { font-size: 1.29vw; }
	.product__block__desc--btn { font-size: 1.77vw; }
	.product__block__lists__desc--cmn { font-size: 1.129vw; }

}

@media screen and (max-width: 1200px) and (min-width: 769px) {
	.about__nasa--desc{ font-size: 1.41666666667vw; }
}

@media screen and (max-width: 768px) {
	/* section about */
	.about__story { padding: 30px 0 27px; }
	.about__block { display: block; }
	.about__block:not(:last-child) { margin-bottom: 50px; }
	.about__block__pic { width: 100%; padding-bottom: 66%; }
	.about__block__desc { width: 100%; margin-right: 0; margin-bottom: 30px; padding-top: 0; }
	.about__block__desc--tag { height: 15px; margin-bottom: 25px; }
	.about__block__desc--title { font-size: 19px; font-size: 1.9rem; margin-bottom: 15px; }
	.about__block__desc--cmn { font-size: 14px; font-size: 1.4rem; }
	.about__block:nth-child(2n) .about__block__desc { margin-left: 0 }
	.about__block__desc--cmn small{ margin-top: 0; line-height: calc(36 / 24); }

	.about__nasa{ margin-top: 33px; }
	.about__nasa .wrap{ padding: 0; }
	.about__nasa--desc { font-size: 4.375vw; line-height: 1.57; position: absolute; width: 87.5%; bottom: auto; top: 30.5%; right: 6.25%; }

	/* section product */
	#product { padding: 35px 0 0; }
	.product--break{ margin-top: 30px; }
	.product--title { font-size: 2.1rem; text-align: center; line-height: calc(56 / 42); }
	.product--title-sub{ margin-top: 4px; width: 206px;}
	.product--title img { width: auto; height: 100%; }
	.product__links { display: block; margin-top: 13px; }
	.product__links--items { font-size: 16px; font-size: 1.6rem; max-width: 270px; width: 100%; margin: 0 auto; -webkit-border-radius: 4px; border-radius: 10px; }
	.product__links--items a { padding: 15px 22px; }
	.product__links--items a:after { content: ''; display: block; width: 6px; height: 14px; position: absolute; right: 27px; top: calc( 50% - 6px ); }
	.product__links--boys { margin-bottom: 12px; }
	.product__block { padding: 40px 0; }
	.product__block__main { display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin-bottom: 75px; margin-right: 0 !important; }
	.product__block__pic { width: 100%; margin-right: 0;}
	.product__block__desc { width: 100%; margin: 28px 0 0 0; }
	.product__block__desc--title { padding-bottom: 15px; margin-bottom: 20px; }
	.product__block__desc--title .Jp { font-size: 11px; font-size: 1.1rem; }
	.product__block__desc--title .En { font-size: 35px; font-size: 3.5rem; }
	.product__block__desc--title:after { width: 35px; }
	.product__block__desc--cmn { font-size: 14px; font-size: 1.4rem; line-height: 1.57; min-height: inherit; margin-bottom: 25px; }
	.product__block__desc--part { max-width: 100%; }
	.product__block__desc--btn { display: none; font-size: 16px; font-size: 1.6rem; max-width: 100%; margin-top: 23px; }
	.product__block__desc--btn a { padding: .9em 0; -webkit-border-radius: 4px; border-radius: 4px; }

	.product__block__lists { margin-top: 0; padding: 0 15px; }
	.product__block__lists ul { display: block; }
	.product__block__lists ul li { width: 100%; margin-right: 0; }
	.product__block__lists ul li:nth-child(2n) { margin-right: 0; }
	.product__block__lists ul li:not(:first-child),
	.product__block__lists ul li:nth-child(n+3) { margin-top: 55px; }
	.product__block__lists--point { width: 70px; position: absolute; left: -35px; top: -35px; }
	.product__block__lists--pic { width: 100%; margin-right: 0; }
	.product__block__lists__desc { width: 100%; margin-top: 20px; }
	.product__block__lists__desc--tlt { margin-bottom: 12px; font-size: 1.8rem; }
	.product__block__lists__desc--tlt.small{ font-size: 1.6rem; }
	.product__block__lists__desc--tlt:before { display: none; }
	.product__block__lists__desc--cmn { font-size: 14px; font-size: 1.4rem; line-height: 1.57; }

}

@media screen and (max-width: 320px) {
	.product--title{ font-size: 1.4rem; }
	.product__links--items{ font-size: 1.4rem; }
}

/* shikoku-store 
======================================*/
#shikoku-store{ padding-top: 43px; }
.shikoku-store__info{ margin: 0 auto; max-width: 1100px; }
.shikoku-store__info--date{ font-size: 2.4rem; font-weight: 700; line-height: calc(32 / 24); color:#ff7122; letter-spacing: 0.028em; }
.shikoku-store__info--date small{ font-size: 2rem; font-weight: 400; line-height: calc(27 / 20); }
.shikoku-store__info--date span{ font-size: 1.4rem; font-weight: 400; margin-left: 20px; line-height: calc(19 / 14); }
.shikoku-store__info--title{ margin-top: 15px; color:#081D3F; }
.shikoku-store__info--title b{ font-size: 3.6rem; font-weight: 700; letter-spacing: 0.028em; line-height: calc(48 / 36); }
.shikoku-store__info--title sub{ font-size: 1.6rem; font-weight: 400; margin-left: 25px; letter-spacing: 0.035em; line-height: calc(21 / 16); }
.shikoku-store__info--txt{ margin-top: 15px; font-size: 1.4rem; font-weight: 400; letter-spacing: 0.032em; line-height: calc(22 / 14); color:#081D3F; }
.shikoku-store__info--box{ padding: 24px 20px; margin-top: 25px; background-color: #ECF5F7; border-radius: 6px; }
.shikoku-store__info--box p{ font-size: 1.4rem;  text-align: center; letter-spacing: 0.01em; line-height: calc(24 / 14); color:#081D3F; }
.shikoku-store__info--box a{ padding: 13px 0; display: block; width: 100%; max-width: 320px; margin: 11px auto 0; font-size: 1.4rem; font-weight: 700; line-height: calc(22 / 14); letter-spacing: 0.032em; color:#fff; background: #081D3F url(../../img/lp/hokkaido/arrow-down-min.png) no-repeat 16px center / 15px auto; border-radius: 6px; }
.shikoku-store__info--box a span{ display: block; padding: 0px 28px 0 64px; text-decoration: underline; }
.shikoku-store__info--box a:hover span{ text-decoration: none; }
.shikoku-store__info--address{ display: flex; flex-wrap: wrap; padding-top: 18px; margin-top: 25px; border-top:1px solid #D5D5D5; }
.shikoku-store__info--address dl{ width: 300px; display: inline-flex; flex-wrap: wrap; font-size: 1.4rem;letter-spacing: 0.032em; }
.shikoku-store__info--address dt{ width: 50px; font-weight: 700; }
.shikoku-store__info--address dd{ width: calc(100% - 50px); font-weight: 400; }
.shikoku-store__info--address dd a{ text-decoration: underline; }
.shikoku-store__info--address dd a:hover{ text-decoration: none; }
.shikoku-store__info--map{ margin-top: 35px; }
.shikoku-store__info--map iframe{ height: 280px; width: 100%; }
.shikoku-store__info--thumb picture{ display: block; }

#shikoku-store-last{ padding:170px 0 93px; }

@media screen and (min-width: 769px) {
	.shikoku-store__info--row{ display: flex; flex-wrap: wrap; justify-content: space-between; }
	.shikoku-store__info--thumb{ position: relative; top:-118px; width: calc(100% - 62.2%); }
	.shikoku-store__info--thumb picture{ max-width: 90%; }
	.shikoku-store__info--desc{ width: 62.2%; }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
	.shikoku-store__info--date{ font-size: 2.34375vw; }
	.shikoku-store__info--date small{ font-size: 1.953125vw; }
	.shikoku-store__info--date span{ font-size: 1.3671875vw; margin-left: 2.37109375vw; }
	.shikoku-store__info--thumb{ top:-11.5234375vw; }
	.shikoku-store__info--title b{ font-size: 3.515625vw; }
	.shikoku-store__info--title sub{ font-size: 1.5625vw; }
}

@media screen and (max-width: 768px) {
	#shikoku-store{ padding-top: 5px; }
	.shikoku-store__info--thumb{ padding: 0 18px;margin-bottom:28px;margin-top: 10px; }
	.shikoku-store__info--thumb picture{ max-width: 140px; }
	.shikoku-store__info--row{ position: relative; }
	.shikoku-store__info--title{ padding: 0 18px; }
	.shikoku-store__info--title b{ font-size: 2.4rem; line-height: calc(51 / 38); }
	.shikoku-store__info--title sub{ display: block; margin: 0; font-size: 1.6rem; line-height: calc(38 / 24); font-weight: bold; }
	.shikoku-store__info--txt{ padding: 0 18px; font-size: 1.4rem; line-height: calc(34 / 20); }
	.shikoku-store__info--date{ position: absolute; top: 5px; left: 176px; font-size: 2.18rem; line-height: calc(48 / 36); }
	.shikoku-store__info--date small{ font-size: 1.4rem; }
	.shikoku-store__info--date span{ display: block; margin: 6px 0 0; font-size: 1.2rem; }
	.shikoku-store__info--box{ margin-top: 30px; padding: 23px 20px; }
	.shikoku-store__info--box p{ font-size: 1.4rem; }
	.shikoku-store__info--box a{ max-width: 290px; padding: 18px 0; margin-top: 10px; font-size: 1.2rem; background-size: 18px auto; background-position:  22px center; }
	.shikoku-store__info--box a span{ padding: 0 6% 0 23%; }
	.shikoku-store__info--address{ margin-top: 16px; padding: 20px 18px 0; }
	.shikoku-store__info--address dl{ width: 100%; font-size: 1.2rem; line-height: calc(26 / 20); }
	.shikoku-store__info--address dl+dl{ margin-top: 10px; }
	.shikoku-store__info--map { margin-top: 20px; }
	.shikoku-store__info--map iframe{ height: 61.5625vw; }

	#shikoku-store-last{ padding:0 0 45px; }
}

@media screen and (max-width: 320px) {
	.shikoku-store__info--date{ left: 140px; font-size: 1.6rem; }
	.shikoku-store__info--thumb picture{ max-width: 120px; }
}

#footer{ padding: 27px 0 20px; background-color: #272727; }
.footer--lpnav{}
.footer--lpnav ul{ display: flex; flex-wrap: wrap; justify-content: center; }
.footer--lpnav li{ display: inline-flex; align-items: center; }
.footer--lpnav li+li:before{ content:'｜'; color:#fff; }
.footer--lpnav li a{ padding: 0 18px; display: block; font-size: 1.4rem; font-weight: 400; line-height: calc(19 / 14); color:#fff; }
.footer--lpcopyright{ margin-top: 7px; padding-bottom: 50px; font-size: 1.2rem; font-weight: 400; color:rgba(255,255,255,.5); letter-spacing: 0.032em; line-height: calc(16 / 12); text-align: center; }

@media screen and (max-width: 768px) {
	#footer{ padding: 25px 0 16px; }
	.footer--lpnav ul{ width: 250px; justify-content: flex-start; margin: 0 auto; }
	.footer--lpnav li a{ padding: 0 12px; width: 100%; font-size: 1rem; line-height: calc(27 / 20); }
	.footer--lpnav li:nth-child(3):before{ display: none; }

	.footer--lpcopyright{ margin-top: 30px; font-size: 0.8rem;padding-bottom: 50px; }
}