/*
* YUKOYUKO NET LP
* style.css
*
*/

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 300;
  src: url('/lp/assets/NotoSerifJP-Light.230c9cf1.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('/lp/assets/NotoSerifJP-Light.230c9cf1.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('/lp/assets/NotoSerifJP-Medium.ead14d3d.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url('/lp/assets/NotoSerifJP-Medium.ead14d3d.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 700;
  src: url('/lp/assets/NotoSerifJP-Medium.ead14d3d.otf') format('opentype');
  font-display: swap;
}

@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}


/* --------------------------------
   □ body
-------------------------------- */
main>section.contents {
  font-size: 19px;
  font-size: 1.9rem;

  /* ゴシック */
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;

  background: #ffffff;

  color: #333;
}

main>section.contents em {
  font-style: normal;
}

main>section.contents .gothic {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "YuGothic M", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

main>section.contents .serif {
  font-family: 'Noto Serif Japanese', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

main>section.contents .yuserif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

main>section.contents>section,
main>section.contents>.chapter,
main>section.contents>.wide .container {
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  box-sizing: border-box;
}

main>section.contents>section.wide,
main>section.contents>.chapter.wide {
  width: 100%;
}


main>section.contents section:after,
main>section.contents .chapter:after {
  clear: both;
  display: block;
  content: "";
}

/* --------------------------------
   □ ボタンスタイル
-------------------------------- */
main>section.contents .buttonStyle {
  text-align: center;
}

main>section.contents .buttonStyle a,
main>section.contents .buttonStyle>span {
  position: relative;
  display: inline-block;
  padding: 20px 40px;
  color: #fff;
  text-decoration: none;
  transition: all 300ms ease;
  line-height: 1.1;
  background: #7a2400;
}


main>section.contents .buttonStyle a span,
main>section.contents .buttonStyle>span span {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  text-align: center;
  font-size: 2.0rem;
  font-size: 20px;
  line-height: 1.1;
  padding: 0 0 0 30px;
}

main>section.contents .buttonStyle a:hover,
main>section.contents .buttonStyle>span:hover {}


main>section.contents .buttonStyle a:after,
main>section.contents .buttonStyle>span:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: #651e00;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: transform .3s;
}

main>section.contents .buttonStyle a:hover:after,
main>section.contents .buttonStyle>span:hover:after {
  transform-origin: left bottom;
  transform: scale(1, 1);
}

main>section.contents .buttonStyle a span:before,
main>section.contents .buttonStyle>span span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: all 300ms 0s ease;
}

main>section.contents .buttonStyle a:hover span:before,
main>section.contents .buttonStyle>span:hover span:before {
  border-top-color: #fff;
  border-right-color: #fff;
}


/*	
	main > section.contents .buttonStyle.rightIcon a span,
	main > section.contents .buttonStyle.rightIcon > span span{
		background-position:100% 50%;
		padding-left:0;
		padding-right:23px;
	}

	main > section.contents .buttonStyle.arrow > span span,
	main > section.contents .buttonStyle.arrow a span {
		padding-left:20px;
		position:relative;
	}

	main > section.contents .buttonStyle.arrow > span span:before,
	main > section.contents .buttonStyle.arrow a span:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 2px;
		width: 0;
		height: 0;
		margin-top: -5px;
		border: 5px solid transparent;
		border-left: 5px solid #fff;
	}

	main > section.contents .buttonStyle.arrow.rightIcon > span,
	main > section.contents .buttonStyle.arrow.rightIcon a span{
		padding-left:0;
		padding-right:23px;
	}	

	main > section.contents .buttonStyle.arrow.rightIcon > span:before,
	main > section.contents .buttonStyle.arrow.rightIcon a span:before {
		left: auto;
		right: 2px;
	}
*/

/* --------------------------------
   □ accent
-------------------------------- */
main .accent {
  box-sizing: border-box;
  display: table;
  width: 100%;
  height: 620px;
}

main .accent h2 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: url(/lp/assets/accent.93628d02.jpg) 50% 100% no-repeat;
  background-size: cover;
}

main .accent h2 img {
  animation: show 2s both;
  animation-delay: 1s;
  transition: all 300ms 0s ease;
}

/* --------------------------------
   □ intro
-------------------------------- */
main .intro {
  position: relative;
  padding: 90px 0 70px 0;
  background: #ffffff url(/lp/assets/intro-background.4c44b794.png) 50% 50% repeat;
}

main .intro:after {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/lp/assets/intro-decoration-right.d8653bc8.png) 0 100% no-repeat;
  background-size: 100% auto;
  width: 406px;
  height: 282px;
  content: "";
}

main .intro .container {
  position: relative;
}

main .intro .container:before {
  position: absolute;
  top: -142px;
  left: -40px;
  background: url(/lp/assets/intro-decoration-left.52345a6d.png) 0 0 no-repeat;
  background-size: 100% auto;
  width: 169px;
  height: 199px;
  content: "";
}

main .intro h3 {
  position: relative;
  z-index: 2;
  margin-bottom: 56px;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  color: #97271c;
}

main .intro p.text {
  margin-bottom: 64px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
}

main .intro p.message {
  position: relative;
  z-index: 2;
  padding-top: 67px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbkAAAACCAYAAADFLqIqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGhJREFUeNrsktENwCAIRJFFHKCDd0ts+kcJh/TX3EvIwUlUjOO+5hARHy8avBgaNPO8xny3hrxub/esLEdzoRqFOCWEkIr1I6yoLVHkoR4rvE7Pbt/qXpVms2fe5z2Vf4sQQsipPAIMAMF1VvaK7mBuAAAAAElFTkSuQmCC) 50% 0 no-repeat;
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 1.6;
  text-align: center;
}

/* --------------------------------
   □ items
-------------------------------- */
main .items {
  position: relative;
  padding-top: 85px;
  padding-bottom: 67px;
  background: #fbf2e2 url(/lp/assets/case-background.b43eb9c4.png) 0 0 repeat;
}

main .items:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -77px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAAA4CAMAAADdN3r+AAAAdVBMVEVHcEz+/v79/f3////////////////+/v7+/v7////////9/f3////////////////////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7////////7+/v////////7+/v8/Pz6+vr+/v75+fn5+fn39/f29vbOrxFCAAAAHXRSTlMA59/zJF4TCwRE1cDLbC1Ql+57HDiy+KiHi/77pOFguKsAAAVJSURBVGjezZnbWistDIbRpW3dW/dLzZMvyc/c/yX+B8AMO5Wq1pUDtTIDIRDeL9Qdb4kUpkQQViIiIoUZ4t+pldRDiUgNlLUsn8IbBiJlSf+F+KUjQng6jKPCtLSIzZ+YQUSyPXbu6DyNDo9lVC/LBw+df1qaQHhGl95B0bfc/3KawavwM7gQfV56JQSfz46cc27z9BIjI5wFi2V+GYbom87+K0SQBTfGJ3i1BI4IkCyMnHzT2WWwcRZcYSV6ftq4YCcHplnMM+/CKyqsYfR53cGSdxgjn3zLZ0kKlhRgZoTR53WvOgo+HJy42VaPGn3OnMteg4DUQ5MLAEve4TKr+BuSd6QQBkKXHHyL8S+WZ57V/crldvGQrXWxRRG3iHpoGFLB2f4gIlI2KnxTlvqBMBkISFhDu4KtmAQpPB4uXGWXp/VGybcphNVDWULulQPnYUrxQ92RsomGWQgDXokU3urhhE8vXWPr62eiMHo5E/FQYoEHC0il2LkpSlT5prCqIwJ7VoJBGMxEMGk6gl2vXc+utp35kgIiAJsX4yqn0okkqH3LTssyuwDzZoIyzdNLB1fuDbs96wQuJppNk/cmzGja8/nMvml2WmbnCYtMk/depDNHPbt1b9rm5gUGbQzsp2maJm/cNmqeadmpa9z2BJifpmnyvtP4cOPetbtDNkZrFnzrNXEeoGxzw6TztIRZdpoO79wHtn71wq2FHqde05u+dTsKcZusaXhdu4/teNvZcTFu1tkkyv019e2zpCludeOfYzdkR+fNZhcWP3kv3GZfqSiyXLA2F5SF2fvJG6Q4QM6P3KBtnp5rdEHEs3ADq0zV1GdI85zGDkxEkMNqIfuInRzkac+qLPCAoGFzRajs7NXe6abx7JXgqRKVZB+x1X0hRiAIzFIiiNWn5sfM0iiVwELCCKorHOQV2Ufs4oFIOUrMxHrmcDpUW3kh1ML6hstR2WlgfVSMfnvhPmGXp5yEbdJIBK+NGO9pJK40UkrwWSMlhd8j+4itr2N01BB7SztLczUbRn9TW1KGTmaNvoVFv167z9rVNi5Q0uSUafIiKZLEjiuXnXj5c8GhoMkFur1yX7Dbs7BgSy0jWS2T1Oy7tUx+6OS1DOQ9sg8ddTcvad92asBcMQUpbCBa4F8p5KIGfLlxX7a7w3BSJQYVKkkXDRwCZ8jXPWjdet2Flehjsg+lxGvBx6LmJQ1qdh7SMC/7XCPU+SKs9Lh232PHf3J2g9Gc95oKIQPFYhe1QkYSCsKjZB+l/+xbXUMRwIwADzKAmUjBXLm2vPbfONmHUuLv86J52hoqopJFDSzaVJ3FW7uRfYz+s28tx0mDyDV4EdZKAJUU25XsY/Sfx+tJM4IZi58maWhbUOwTZB+lf5lxVez6kjbXnw8X7ocs1P5EpGbSmqVirNcmIKLPkn2M/qkW6BY1qRjrNQm+RPZh+it8t4idC8VOo+BrZB+lf+c+gRQQ76dp8mbo5cJXyT5If/heIhjg2ZuguEaN9nKzcfuwu8P2PsesOHsrWfxNZB9KicemfgWUIFADhBtZ/Lhy+7PjP+3VK5hJDYEauSz+TrLvVPsv1TQzSA0pU2ZZ/L1kH6R/KWwhiKo4aUtlEejfjdu/nRyQyiJs07cG+fcjyocn7ldsde+54r9Wtcz9yv2WzfRPtYAWNeDPkX0X+qcbrehb+J7iJ8m+A/0TxTS7c/hhso/Sf76r0fmu5uDK/QN2e7bUAnMW7IPsY/Q3ocK3fZF9jP6Fb/sj+y70V8OeyT5OfzXsm+zD9FfbP9lH6f87ZB+i//m3kv1/RF8Kav7LL7EAAAAASUVORK5CYII=) 0 0 no-repeat;
  width: 155px;
  height: 56px;
  content: "";
}

/* --------------------------------
   □ item
-------------------------------- */
main .items .item .container {
  position: relative;
  background: #fff;
  margin-bottom: 58px;
  padding: 0 42px 42px 42px;
}

main .items .item:last-child .container {
  margin-bottom: 0;
}

main .items .item h3 {
  position: absolute;
  top: 348px;
  left: 26px;
  font-size: 30px;
  font-size: 3.0rem;
  text-align: center;
  z-index: 1;
}


main .items .item .container>.image {
  margin: 0 -42px;
  margin-bottom: 34px;
}

main .items .item .container a img {
  transition: all 300ms 0s ease;
}

main .items .item .container a:hover img {
  opacity: 0.8;
}

main .items .item .container>p.text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;

  box-sizing: border-box;
  min-height: 266px;
  padding-bottom: 40px;
  padding-left: 258px;
}

/* 
   □ feature
	-------------------------------- */
main .items .item .container>dl.feature {
  margin-bottom: 62px;
  padding: 29px;
  background: #ede9e2 url(/lp/assets/feature-background.83b22a15.png) 0 0 repeat;
}

main .items .item .container>dl.feature dt {
  box-sizing: border-box;
  min-height: 46px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAArCAMAAADi+kDuAAAAq1BMVEVHcEynKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx+nKx9ZalhEAAAAOHRSTlMA6+j519Pxy/7Q++Td2u4VAvVGxg4GCp8ad8ARt5tLg2ekYygwN1Yslol8W+FssSOuYECqjI9RcOnJwIcAAAKpSURBVBgZlcAHdtpKAAXQJ2k0RQhVEL0ZgSkC3PP2v7JPGewcn8mPc+HSl70U/6gq6Rf4R9WQeo6/mo0f8SVtkR+4OgxX+IMdowG+7MkkxcWcetuF24587eIua5NvuJqT4wpuPXKBT2/MvQxXb+Q4g1PHIx9wN2ebS1x1Y3IAtwHpV7DmNCxw80zmIzidGHAN640hC9yMooAHuOVtbmCFnmINK46DJ7h5xhvj5pHKRBWssB0rOI2o/CFuNvTzIawsMG0Dpw+a6BVXlWwLHmCtqPwhnF4jnztczRnGeQfWhj43cEkjo/iCq1K2uYVVJXHINVx2bMd+hos+lchTWA80Iq/gkDV+zC2u9gy5wZ2RPidwKahE0MfVloYvsGoqox/hMmHMd9z0IhVVsGaM9Suc4ljpPm4mWjS4Kz3FGi4jKjmENaM0uItUI+C0pOEO1poMYY2ouIHTIwXXsEYRE1gpBQ9wSulxirsnMoUV+XyGm0cWuFuRH7AE+Qy3BfmMT09cwHonB3AryBk+9WU+wk1NTuCWCQ7xZa9rWEOG+IMpow6+dHG3Ik/4rrPv4+zIA5wmnOGiv+/gJn3POcBZ33uCUycucTFg/p7ibJow+dXFRX8EtzTFRfdXwmQKTDWDE35qGVBPEUqhp/ipqRYyRGCSRPdq/ETd00liApRBS4ZkOHup8H+ql1lIhtIPStR5YOgrn9RiMVivUnyXrtaDhdCkr3xtgrwGakFPSXpKNZpnkSfK8fG46C2Ox3EpvIhnulHKY6ISihpn3UNDxkoE1L5QSoXtlpQ5yVzKVjtUSglfMxAqJptDFzdZMfFJNqY0TcDvgsaUpiHpT4oMv1s+TMKIF3lLhMYopYwJRSvnRRROHpZwyU7FYdsbq7glpaaWshWrcW97KE4ZfvMfD9JQ4Ez2pS8AAAAASUVORK5CYII=) 0 0 no-repeat;
  padding-top: 6px;
  padding-left: 73px;
  margin-bottom: 24px;

  font-size: 27px;
  font-size: 2.7rem;
  line-height: 1.5;
  color: #a72b1f;
}

main .items .item .container>dl.feature dd {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
}

/* 
   □ point
	-------------------------------- */
main .items .item .container>.point:after {
  clear: both;
  display: block;
  content: "";
}

main .items .item .container>.point .image {
  float: left;
}

main .items .item .container>.point dl.explain {
  float: right;
  width: 658px;
}

main .items .item .container>.point dl.explain dt {
  margin-bottom: 15px;
}

main .items .item .container>.point dl.explain dt span {
  display: block;
  margin-top: 32px;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: 700;
}

main .items .item .container>.point dl.explain dd {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8;
}

/* 
   □ place
	-------------------------------- */
main .items .item .container>.place {
  margin-top: 60px;
  padding: 27px 0;
  clear: both;
  border-top: 1px solid #4b4b4b;
  border-bottom: 1px solid #4b4b4b;
  font-size: 17px;
  font-size: 1.7rem;
  text-align: center;
}

/* 
   □ buttonStyle
	-------------------------------- */
main .items .item .container>.buttonStyle {
  margin-top: 51px;
  clear: both;
}


/* --------------------------------
   □ item1
-------------------------------- */
main .items>#item1 {}


main .items>#item1 .container {
  margin-bottom: 187px;
}

/* --------------------------------
   □ item2
-------------------------------- */
main .items>#item2 {
  background: url(/lp/assets/case-background2.876a5252.png) 0 0 repeat;
}

main .items>#item2 .container {
  position: relative;
  top: -96px;
  margin-bottom: 0;
}


main .items #item2 h3 {
  left: auto;
  right: 26px;
}

main .items #item2 .container>p.text {
  padding-left: 0;
  padding-right: 258px;
}


/* --------------------------------
   □ pager
-------------------------------- */
main .pager {
  display: table;
  width: 100%;
}

main .pager li {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  background: #a72b1f;
  transition: all 300ms 0s ease;
}

main .pager li a {
  position: relative;
  display: block;
  text-align: center;
  padding: 35px 10px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;

}

main .pager li a span {
  display: inline-block;
  padding-left: 45px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUBAMAAAB7UtADAAAAD1BMVEX///9HcEz///////////9iTY1sAAAABHRSTlNEAIh3mt5fLAAAACNJREFUCNdjcEEABmS2EgIwCCIAyWxkgMsuZECJXcYIgMsuABqNHH68O3whAAAAAElFTkSuQmCC) 0 50% no-repeat;

}

main .pager li:hover {
  background: #97271c;
}


/* -
/* 1280px以上
-------------------------------------------- */
@media only screen and (min-width: 1280px) {}

/* 1480px以上
-------------------------------------------- */
@media only screen and (min-width: 1480px) {}


/* --------------------------------
   □ スマートフォン用の記述
-------------------------------- */
.pc {}

.sp,
span.textized,
br.spOnly {
  display: none;
}

/* SP用
-------------------------------------------- */
@media only screen and (max-width : 767px) {

  /* =================================
   ■ 共通指定
================================== */

  body {
    min-width: auto;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  body .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  span.textized {
    display: inline;
  }

  br.spOnly {
    display: inline-block;
  }

  br.pcOnly {
    display: none;
  }


  .txtimg {
    display: none;
  }

  /* --------------------------------
   □ 大枠 
-------------------------------- */
  main>section.contents {
    padding: 0;
  }

  main>section.contents>section,
  main>section.contents>.chapter,
  main>section.contents>.wide .container {
    font-size: 100%;
    width: auto;
  }

  main>section.contents>section.wide,
  main>section.contents>.chapter.wide {
    width: auto;
  }


  /* --------------------------------
   □ ボタンスタイル
-------------------------------- */
  main>section.contents .buttonStyle a,
  main>section.contents .buttonStyle>span {
    position: relative;
    width: 100%;
    padding: 8px 10px;
  }


  main>section.contents .buttonStyle a span,
  main>section.contents .buttonStyle>span span {
    display: inline-block;
    font-size: 1.8rem;
    font-size: 18px;
  }

  /* --------------------------------
   □ accent
-------------------------------- */
  main .accent {
    height: 230px;
    margin: 0;
    background-image: url(/lp/assets/accent.93628d02.jpg);
    background-position: 50% 0;
    background-size: cover;
  }

  main .accent h2 {
    margin: 0;
    background: none;
  }

  main .accent h2 img {
    width: 80%;
    margin-bottom: 0;
  }


  /* --------------------------------
   □ intro
-------------------------------- */
  main .intro {
    padding: 5% 0 15% 0;
  }

  main .intro:after {
    width: 40%;
  }

  main .intro .container:before {
    top: -72px;
    left: -0px;
    width: 20%;
    content: "";
  }

  main .intro h3 {
    margin: 0 3%;
    margin-top: 5px;
    margin-bottom: 5%;
    font-size: 21px;
    font-size: 2.1rem;
    padding-top: 1em;
    background-size: 90% auto;

  }

  main .intro .container>p.text {
    margin: 0 3%;
    margin-bottom: 6%;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
    text-align: left;
  }

  main .intro p.message {
    position: relative;
    z-index: 2;
    padding-top: 6.7%;
    font-size: 21px;
    font-size: 2.1rem;
    background-size: 70% auto;
    text-shadow:
      rgba(255, 255, 255, 0.9) 1px 1px 10px, rgba(255, 255, 255, 1) 1px 1px 10px, rgba(255, 255, 255, 1) 1px 1px 10px, rgba(255, 255, 255, 1) 1px 1px 10px;
  }



  /* --------------------------------
   □ items
-------------------------------- */
  main .items {
    padding-top: 15.5%;
    padding-bottom: 6.7%;
  }

  main .items:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10%;
    background-size: 100% auto;
    width: 20%;
  }

  /* --------------------------------
   □ item
-------------------------------- */
  main .items .item .container {
    position: relative;
    background: #fff;
    margin-bottom: 5%;
    padding: 0 4% 4% 4%;
  }

  main .items .item:last-child .container {
    margin-bottom: 0;
  }

  main .items .item h3 {
    position: static;

    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 8%;
    padding-bottom: 2%;
    border-bottom: 2px solid #a72b1f;
  }

  main .items .item h3 a {
    text-decoration: none;
  }


  main .items .item .container>.image {
    margin: 0 -4%;
    margin-bottom: 4%;
  }

  main .items .item .container>p.text {
    min-height: inherit;
    padding-bottom: 4%;
    padding-left: 0;
  }

  /* 
   □ feature
	-------------------------------- */
  main .items .item .container>dl.feature {
    margin-bottom: 6%;
    padding: 3%;
  }

  main .items .item .container>dl.feature dt {
    box-sizing: border-box;
    min-height: auto;
    background-size: auto 90%;
    padding-top: 6px;
    padding-left: 43px;
    margin-bottom: 3%;

    font-size: 20px;
    font-size: 2.0rem;
  }

  main .items .item .container>dl.feature dd {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
  }

  /* 
   □ point
	-------------------------------- */

  main .items .item .container>.point .image {
    float: none;
    text-align: center;
    margin-top: 3%;
  }

  main .items .item .container>.point dl.explain {
    float: none;
    width: auto;
  }

  main .items .item .container>.point dl.explain dt {
    margin-bottom: 2%;
  }

  main .items .item .container>.point dl.explain dt span {
    margin-top: 2%;
    font-size: 20px;
    font-size: 2.0rem;
  }

  main .items .item .container>.point dl.explain dd {}

  /* 
   □ place
	-------------------------------- */
  main .items .item .container>.place {
    margin-top: 6%;
    padding: 2.7% 0;
  }

  /* 
   □ buttonStyle
	-------------------------------- */
  main .items .item .container>.buttonStyle {
    margin-top: 4%;
  }


  /* --------------------------------
   □ item1
-------------------------------- */
  main .items>#item1 .container {
    margin-bottom: 10%;
  }

  /* --------------------------------
   □ item2
-------------------------------- */
  main .items>#item2 .container {
    top: 0;
    margin-bottom: 5%;
  }


  main .items #item2 h3 {}

  main .items #item2 .container>p.text {
    padding-left: 0;
    padding-right: 0;
  }


  /* --------------------------------
   □ pager
-------------------------------- */
  main .pager {}

  main .pager li {}

  main .pager li a {
    text-align: center;
    padding: 20px 10px;
    font-size: 20px;
    font-size: 2.0rem;

  }

  main .pager li a span {
    display: inline-block;
    padding-left: 35px;
    background-size: auto 90%;

  }

  main .pager li:hover {
    background: #97271c;
  }


}


/* --------------------------------
   □ その他の温泉ストーリー
-------------------------------- */

main>section.contents>.pageBlock-special {
  margin-top: 100px;
}

main>section.contents>.pageBlock-special h3 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 700;
}

@media screen and (max-width:767px) {


  main>section.contents>.pageBlock-special {
    overflow: hidden;
    margin-top: 20%;
  }

  main>section.contents>.pageBlock-special h3 {
    margin-bottom: 3%;
    font-size: 21px;
    font-size: 2.1rem;
  }


}

/* --------------------------------
   □ slick
-------------------------------- */
/* Slider */
.slick-slider {
  position: relative;

  display: block;
  box-sizing: border-box;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;

  display: block;
  overflow: hidden;

  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;

  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}



@media screen and (min-width:768px),
print {
  .slick-slider.is-unslickPC {
    padding-bottom: 0
  }

  .slick-slider.is-unslickPC .slick-track {
    width: auto !important
  }

  .slick-slider.is-unslickPC .slick-dots {
    display: none
  }
}

@media screen and (max-width:767px) {
  .slick-slider.is-unslick {
    justify-content: center
  }

  .slick-slider.is-unslick .slick-list {
    padding: 0 15px !important;
  }

  .slick-slider.is-unslick .c-cardItem,
  .slick-slider.is-unslick .slick-track {
    width: 100% !important;
    margin: 0
  }

  .slick-slider.is-unslick+.js-cardSlidePager {
    display: none
  }
}

.slick-arrow {
  font-size: 0;
  position: absolute;
  z-index: 10;
  display: block;
  overflow: hidden;
  width: 60px;
  height: 60px;
  margin: auto 0;
  transition: all .3s;
  white-space: nowrap;
  text-indent: 100%;
  border-radius: 50%
}

@media screen and (max-width:767px) {
  .slick-arrow {
    width: 40px;
    height: 40px
  }
}

.slick-arrow:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background: no-repeat 50% 50%;
  background-size: 24px 24px
}

.slick-prev {
  left: -30px
}

.slick-prev:before {
  background-image: url(https://www.yukoyuko.net/images/common/icon_arw_l_white.svg)
}

.slick-next {
  right: -30px
}

.slick-next:before {
  background-image: url(https://www.yukoyuko.net/images/common/icon_arw_r_white.svg)
}

.slick-dots {
  font-size: 0;
  line-height: 1;
  letter-spacing: -.4em
}

.slick-dots li {
  display: inline-block;
  letter-spacing: 0
}

.slick-dots button {
  font-size: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-indent: 100%
}


.pageBlock .slick-slider.is-unslickPC:after,
.pageBlock .slick-slider.is-unslickPC:before {
  display: none
}

@media screen and (max-width:767px) {
  .pageBlock .slick-slider {
    margin-right: -15px;
    margin-left: -15px
  }
}

@media screen and (min-width:768px),
print {
  .pageBlock .slick-slider .slick-arrow {
    box-sizing: border-box;
    top: 60px;
    border: 1px #A91F28 solid;
    background-color: #A91F28
  }

  .no-touchevents .pageBlock .slick-slider .slick-arrow:hover,
  .touchevents .pageBlock .slick-slider .slick-arrow.is-touched {
    background-color: #fff
  }

  .no-touchevents .pageBlock .slick-slider .slick-prev:hover:before,
  .touchevents .pageBlock .slick-slider .slick-prev.is-touched:before {
    background-image: url(https://www.yukoyuko.net/images/common/icon_arw_l.svg)
  }

  .no-touchevents .pageBlock .slick-slider .slick-next:hover:before,
  .touchevents .pageBlock .slick-slider .slick-next.is-touched:before {
    background-image: url(https://www.yukoyuko.net/images/common/icon_arw_r.svg)
  }

  .pageBlock .slick-slider .slick-dots {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    text-align: center
  }

  .pageBlock .slick-slider .slick-dots:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
  }

  .pageBlock .slick-slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 4px
  }

  .pageBlock .slick-slider .slick-dots li.is-active button {
    background-color: #A91F28
  }

  .pageBlock .slick-slider .slick-dots button {
    border-radius: 50%;
    background-color: #d6d4d1
  }

  .pageBlock .slick-slider .slick-dots button.is-active {
    background-color: #A91F28
  }
}

@media screen and (max-width:767px) {
  .pageBlock .slick-slide {
    margin-right: 7.5px;
    margin-left: 7.5px
  }
}



/* --------------------------------
   □ .c-cardList
-------------------------------- */

.c-cardList {
  display: flex;
  justify-content: center
}

@media screen and (max-width:767px) {
  .c-cardList {
    display: block
  }
}

@media screen and (max-width:767px) {

  .c-cardList.c-cardList-small,
  .c-cardList.c-cardList-sp2col,
  .c-cardList.slick-slider {
    flex-direction: row
  }

  .c-cardList.c-cardList-small .c-cardItem+.c-cardItem,
  .c-cardList.c-cardList-sp2col .c-cardItem+.c-cardItem,
  .c-cardList.slick-slider .c-cardItem+.c-cardItem {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {

  .c-cardList-small,
  .c-cardList-sp2col {
    position: relative;
    display: flex;
    margin-left: -15px;
    flex-wrap: wrap
  }

  .c-cardList-small .c-cardItem:not(.slick-slide):nth-child(n+3),
  .c-cardList-sp2col .c-cardItem:not(.slick-slide):nth-child(n+3) {
    margin-top: 29px
  }
}

.c-cardList-small .c-cardItem {
  width: 208px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .c-cardList-small .c-cardItem {
    width: 50%;
    margin-left: 0
  }

  .c-cardList-small .c-cardItem:not(.slick-slide) {
    padding-left: 15px
  }

  .c-cardList-small .c-cardItem:not(.slick-slide):nth-child(n+5) {
    display: none
  }
}

@media screen and (max-width:767px) {
  .c-cardList-sp2col .c-cardItem {
    width: 50%;
    margin-left: 0;
    padding-left: 15px
  }
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_spec {
    min-height: 50px;
    padding-left: 25px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_spec {
    min-height: 53px;
    padding-right: 6px;
    padding-left: 29px
  }
}


@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_tag {
    font-size: 1rem;
    top: 5px;
    left: 5px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_tag {
    font-size: 1rem;
    top: 8px;
    left: 6px
  }
}

.c-cardItem_price {
  padding-top: 15px
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_price {
    padding-top: 9px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_price {
    padding-top: 12px
  }
}

.c-cardItem_price .value {
  font-size: 20px;
  font-size: 2rem
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_price .value {
    font-size: 1.8rem
  }
}

.c-cardItem_price .value small {
  font-size: 12px;
  font-size: 1.2rem
}

.c-cardItem_price .tax {
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 5px;
  opacity: .45
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_price .tax {
    font-size: 1rem
  }
}

.c-cardItem_review {
  margin-top: 19px
}

.c-cardList-small .c-cardItem_review {
  margin-top: 15px
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_review .m-reviewStar span {
    width: 11px;
    height: 11px;
    background-size: 14px 14px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_review .m-reviewStar span {
    width: 13px;
    height: 13px;
    background-size: 16px 16px
  }
}

.c-cardItem_review_value {
  margin-top: 6px;
  text-align: right
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_review_value {
    font-size: 1.2rem;
    margin-top: 5px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_review_value {
    margin-top: 4px
  }
}

@media screen and (min-width:768px),
print {
  .c-cardItem_subtitle {
    line-height: 1.57;
    margin-top: -2px
  }

  .c-cardList-small .c-cardItem_subtitle {
    font-size: 1.2rem
  }
}

@media screen and (max-width:767px) {

  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_subtitle,
  .c-cardList-sp2col .c-cardItem_subtitle {
    font-size: 1rem
  }
}

.c-cardItem_title-name {
  font-size: 18px;
  font-size: 1.8rem
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_title-name {
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_title-name {
    font-size: 1.4rem
  }
}

@media screen and (max-width:767px) {
  .c-cardList-sp2col .c-cardItem_title-name {
    font-size: 1.4rem
  }
}

@media screen and (max-width:767px) {

  .c-cardList.c-cardList-small,
  .c-cardList.c-cardList-sp2col,
  .c-cardList.slick-slider {
    flex-direction: row
  }

  .c-cardList.c-cardList-small .c-cardItem+.c-cardItem,
  .c-cardList.c-cardList-sp2col .c-cardItem+.c-cardItem,
  .c-cardList.slick-slider .c-cardItem+.c-cardItem {
    margin-top: 0
  }
}

@media screen and (max-width:767px) {

  .c-cardList-small,
  .c-cardList-sp2col {
    position: relative;
    display: flex;
    margin-left: -15px;
    flex-wrap: wrap
  }

  .c-cardList-small .c-cardItem:not(.slick-slide):nth-child(n+3),
  .c-cardList-sp2col .c-cardItem:not(.slick-slide):nth-child(n+3) {
    margin-top: 29px
  }
}

.c-cardList-small .c-cardItem {
  width: 208px;
  margin-left: 10px
}

@media screen and (max-width:767px) {
  .c-cardList-small .c-cardItem {
    width: 50%;
    margin-left: 0
  }

  .c-cardList-small .c-cardItem:not(.slick-slide) {
    padding-left: 15px
  }

  .c-cardList-small .c-cardItem:not(.slick-slide):nth-child(n+5) {
    display: none
  }
}

@media screen and (max-width:767px) {
  .c-cardList-sp2col .c-cardItem {
    width: 50%;
    margin-left: 0;
    padding-left: 15px
  }
}

.c-cardItem {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.71;
  max-width: 258px;
  margin-left: 16px
}

@media screen and (max-width:767px) {
  .c-cardItem {
    font-size: 1.4rem;
    max-width: 100%;
    margin-left: 0
  }

  .c-cardItem+.c-cardItem {
    margin-top: 26px
  }
}

.c-cardItem:first-child {
  margin-left: 0
}

.c-cardItem a {
  display: block;
  height: 100%;
  text-decoration: none
}

.no-touchevents .c-cardItem a:hover .c-cardItem_cover_img,
.no-touchevents .c-cardItem a:hover .c-cardItem_spec,
.touchevents .c-cardItem a.is-touched .c-cardItem_cover_img,
.touchevents .c-cardItem a.is-touched .c-cardItem_spec {
  opacity: .7
}

.no-touchevents .c-cardItem a:hover .c-cardItem_cover_img,
.touchevents .c-cardItem a.is-touched .c-cardItem_cover_img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.no-touchevents .c-cardItem a:hover .c-cardItem_title,
.touchevents .c-cardItem a.is-touched .c-cardItem_title {
  text-decoration: none
}

.c-cardItem .c-tagList {
  margin-top: 8px
}

.c-cardItem .c-tagList_item {
  padding: 4px 8px;
  color: #958746;
  background-color: #f2ebe1
}


@media screen and (min-width:768px),
print {
  .c-cardItem .c-tagList_item {
    font-size: 1.1rem
  }
}

@media screen and (max-width:767px) {
  .c-cardItem .c-tagList_item {
    padding-right: 14px;
    padding-left: 14px
  }
}

.c-cardItem_cover {
  position: relative;
  overflow: hidden;
  -webkit-transform: rotate(.01deg);
  transform: rotate(.01deg);
  background: #000
}

@media screen and (max-width:767px) {
  .c-cardItem_cover {}
}

.c-cardItem_cover_img {
  transition: all .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1
}

.c-cardItem_cover_img img {
  width: 100%
}

.c-cardItem_spec {
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  min-height: 65px;
  padding-right: 8px;
  padding-left: 36px;
  transition: opacity .3s;
  opacity: 1;
  color: #fff;
  background: rgba(0, 0, 0, .6);
  justify-content: space-between
}

@media screen and (max-width:767px) {
  .c-cardItem_spec {
    min-height: 62px;
    padding-left: 40px
  }
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_spec {
    min-height: 50px;
    padding-left: 25px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_spec {
    min-height: 53px;
    padding-right: 6px;
    padding-left: 29px
  }
}

.c-cardItem_tag {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  top: 10px;
  left: 9px;
  padding: 2px 3px;
  letter-spacing: 1px;
  -ms-writing-mode: tb-lr;
  color: #fff;
  background: #ef3d34;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr
}

@media screen and (max-width:767px) {
  .c-cardItem_tag {
    left: 13px
  }
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_tag {
    font-size: 1rem;
    top: 5px;
    left: 5px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_tag {
    font-size: 1rem;
    top: 8px;
    left: 6px
  }
}

.c-cardItem_price {
  padding-top: 15px
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_price {
    padding-top: 9px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_price {
    padding-top: 12px
  }
}

.c-cardItem_price .value {
  font-size: 20px;
  font-size: 2rem
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_price .value {
    font-size: 1.8rem
  }
}

.c-cardItem_price .value small {
  font-size: 12px;
  font-size: 1.2rem
}

.c-cardItem_price .tax {
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 5px;
  opacity: .45
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_price .tax {
    font-size: 1rem
  }
}

.c-cardItem_review {
  margin-top: 19px
}

.c-cardList-small .c-cardItem_review {
  margin-top: 15px
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_review .m-reviewStar span {
    width: 11px;
    height: 11px;
    background-size: 14px 14px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_review .m-reviewStar span {
    width: 13px;
    height: 13px;
    background-size: 16px 16px
  }
}

.c-cardItem_review_value {
  margin-top: 6px;
  text-align: right
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_review_value {
    font-size: 1.2rem;
    margin-top: 5px
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_review_value {
    margin-top: 4px
  }
}

.c-cardItem_evaluate {
  padding-top: 19px;
  text-align: right
}

.c-cardItem_evaluate .star {
  color: #ef3d34
}

.c-cardItem_evaluate .value {
  padding-top: 6px
}

@media screen and (max-width:767px) {
  .c-cardItem_onsen {
    letter-spacing: 2px
  }
}

.c-cardItem_title {
  text-decoration: underline
}

.c-cardItem_subtitle {
  color: grey
}

@media screen and (min-width:768px),
print {
  .c-cardItem_subtitle {
    line-height: 1.57;
    margin-top: -2px
  }

  .c-cardList-small .c-cardItem_subtitle {
    font-size: 1.2rem
  }
}

@media screen and (max-width:767px) {

  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_subtitle,
  .c-cardList-sp2col .c-cardItem_subtitle {
    font-size: 1rem
  }
}

.c-cardItem_title-name {
  font-size: 18px;
  font-size: 1.8rem
}

@media screen and (min-width:768px),
print {
  .c-cardList-small .c-cardItem_title-name {
    font-size: 1.6rem
  }
}

@media screen and (max-width:767px) {
  .c-cardList-small:not(.c-cardList-spDefault) .c-cardItem_title-name {
    font-size: 1.4rem
  }
}

@media screen and (max-width:767px) {
  .c-cardList-sp2col .c-cardItem_title-name {
    font-size: 1.4rem
  }
}



.js-cardSlidePager {
  display: none
}

@media screen and (max-width:767px) {
  .js-cardSlidePager {
    font-size: 1rem;
    display: block;
    margin-top: 8px;
    margin-right: -15px;
    margin-left: -15px;
    text-align: center
  }
}


/* --------------------------------
   □ .js-bigSlider
-------------------------------- */

.js-bigSlider {
  position: relative
}

@media screen and (min-width:768px),
print {
  .js-bigSlider {
    margin-bottom: 22px;
    padding-bottom: 24px
  }

  .js-bigSlider:after,
  .js-bigSlider:before {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 28px;
    width: 44px;
    content: '';
    transition: opacity .1s;
    opacity: 1;
    background: rgba(255, 255, 255, .4)
  }

  .js-bigSlider:before {
    left: 0
  }

  .js-bigSlider:after {
    right: 0
  }

  .js-bigSlider.is-sliding:after,
  .js-bigSlider.is-sliding:before {
    opacity: 0
  }
}

@media screen and (min-width:768px),
print {
  .js-bigSlider .slick-list {
    padding-right: 60px;
    padding-left: 60px
  }
}

.js-bigSlider .c-cardItem {
  width: 228px;
  background-color: #f4f2ee
}

@media screen and (max-width:767px) {
  .js-bigSlider .c-cardItem {
    width: 230px;
  }
}

.js-bigSlider .c-cardItem_detail {
  overflow: hidden;
  height: 80px;
  height: 5rem
}

@media screen and (min-width:768px),
print {
  .js-bigSlider .c-cardItem_detail {
    padding: 0 16px
  }
}

@media screen and (max-width:767px) {
  .js-bigSlider .c-cardItem_detail {
    padding: 0 10px
  }
}

.js-bigSlider+.js-cardSlidePager+.c-cardList {
  margin-top: 26px
}


@keyframes show {
  0% {
    opacity: 0;
    transform: translate(0, 15px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}