@charset "UTF-8";
/*
*******************************************************************************************************
# トップ - compiled from top/style.scss
*******************************************************************************************************
*/
.container {
  width: auto;
  margin: 0;
  padding: 0;
}

canvas {
  max-width: 100%;
  width: auto !important;
}

canvas:active {
  cursor: pointer;
  cursor: -webkit-grabbing;
}

.cvsstg canvas {
  display: block;
  margin: 0;
  border: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50%;
  width: 100% !important;
}

.cvsstggroup .ctsblk,
.cvsstg .ctsblk {
  position: relative;
  width: 100%;
  height: 668px;
  background: none;
  opacity: 1;
  z-index: 10;
}

#canvas-container-stg1 canvas,
#canvas-container-stg2 canvas,
#canvas-container-stg3 canvas,
#canvas-container-stg4 canvas,
#canvas-container-stg5 canvas {
  background: none !important;
  z-index: 1;
}

/* .cts-loading */
body.mode-loading .site-header,
body.mode-loading .cts-loading,
body.mode-loading .cts-bottlecap,
body.mode-loading .cts-products,
body.mode-loading .cts-history,
body.mode-loading .cts-character,
body.mode-loading .cts-theater,
body.mode-loading .cts-download,
body.mode-loading .cts-newsrelease,
body.mode-loading .site-footer {
  visibility: hidden;
}

body.start-loading {
  overflow: hidden;
}

body.start-loading .cts-loading {
  visibility: visible;
}

.cts-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #62351e url(/img/top/cvs/bg_loading_repeat.png) repeat 50% 50%;
  overflow: hidden;
  z-index: 10000;
}
.cts-loading .cts-wrap {
  width: 800px;
  height: 600px;
  margin: 0 auto;
}
.cts-loading canvas {
  position: relative;
  top: 2px;
  left: 0;
  width: 790px !important;
  margin: 0;
  background: #fed02f !important;
}
.cts-loading .frm {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  height: 600px;
  margin-left: -400px;
  margin-top: -300px;
  background: #fed02f url(/img/top/cvs/bg_loading_frm.png) no-repeat 50% 0;
  z-index: 10000;
}
.cts-loading .frm.bg-c-transparent {
  background: url(/img/top/cvs/bg_loading_frm.png) no-repeat 50% 0;
}
/* .cts-bottlecap */
.cts-bottlecap {
  margin-top: 0;
  background: #fec708 url(/img/top/bg_bottlecap_pattern.gif) repeat-x 0 100%;
  border-bottom:5px solid #e4b100;
}
.cts-bottlecap .cts-wrap {
  background: transparent url(/img/top/bg_bottlecap.png) repeat-x 50% 0;
}
.cts-bottlecap .list-bottlecap {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 46px 0 20px;
}
.cts-bottlecap .list-bottlecap .titblk {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  text-align: center;
}
.cts-bottlecap .list-bottlecap .titblk .lead {
  padding-top: 36px;
}
.cts-bottlecap .list-bottlecap ul > li.item.item-milk {
  padding-top: 0;
  float:left;
  margin-left: -18px;
}
.cts-bottlecap .list-bottlecap ul > li.item.item-milk .btn0 {
  margin-top: 5px;
  margin-left: 56px;
}
.cts-bottlecap .list-bottlecap ul > li.item.item-peanuts {
  padding-top: 100px;
  float:right;
  margin-right: -18px;
}
.cts-bottlecap .list-bottlecap ul > li.item.item-peanuts .btn0 {
  margin-top: 5px;
  margin-left: 42px;
}
.cts-bottlecap .list-bottlecap .charablk .chara-red {
  position: absolute;
  top: 244px;
  left: 458px;
}
.cts-bottlecap .list-bottlecap .charablk .chara-yellow {
  position: absolute;
  top: 279px;
  left: 288px;
}

/* .cts-products */
.cts-products {
  margin-top: 26px;
  background: #fff url(/img/top/cvs/bg_products_repeatx.jpg) repeat-x 0 0;
  overflow: hidden;
}
.cts-products .cts-wrap {
  margin: 0 auto;
  width: 980px;
}
.cts-products .ctsblk .tit {
  position: absolute;
  top: 24px;
  left: 277px;
  z-index: 3;
  width: 458px;
}
.cts-products .ctsblk .tit img {
  width: 100%;
  height: auto;
}
.cts-products .ctsblk .lead {
  position: absolute;
  top: 104px;
  left: 277px;
  z-index: 3;
}
.cts-products .ctsblk .lead img {
  width: 100%;
  height: auto;
}
.cts-products .ctsblk .btn0 {
  position: absolute;
  top: 480px;
  right: 280px;
}
.cts-products .bg-hall {
  position: relative;
  width: 1500px;
  margin-left: -260px;
  background: url(/img/top/cvs/bg_products.png) no-repeat 50% 0;
}
.cts-products .bg-hallmask {
  position: absolute;
  bottom: 0;
  left: 274px;
  background: url(/img/top/cvs/bg_products_hall_mask.png) no-repeat 0 0;
  width: 950px;
  height: auto;
  z-index: 3;
}
.cts-products .package {
  position: absolute;
  top: 4px;
  right: 0;
  margin-right: 240px;
  z-index: 3;
  width: 630px;
  height: auto;
  /*		opacity:0.2;	*/
}
.cts-products .package img {
  width: 100%;
  height: auto;
}
.cts-products .list-products {
  position: absolute;
  top: 390px;
  left: 750px;
  width: 504px;
  overflow: hidden;
}
.cts-products .list-products li {
  display: inline-block;
  width: 112px;
  margin-right: 10px;
  vertical-align: top;
}
.cts-products .list-products li a {
  display: block;
}
.cts-products .list-products li img {
  width: 100%;
  height: auto;
}
.cts-products .list-products li span {
  display: table-cell;
  margin-top: -6px;
  width: 112px;
  height: 2.4em;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}
.cts-products .tab1 {
  position: absolute;
  top: 402px;
  left: 220px;
  width: 88px;
  height: 57px;
  background: url("/img/top/img_products_tab1.png") no-repeat 0 0;
  z-index: 0;
}
.cts-products .tab2 {
  position: absolute;
  top: 490px;
  left: 618px;
  width: 90px;
  height: 60px;
  background: url("/img/top/img_products_tab2.png") no-repeat 0 0;
  z-index: 3;
}
.cts-products .chara-main {
  position: absolute;
  top: 148px;
  left: 296px;
  width: 294px;
  height: 296px;
  z-index: 0;
}

#canvas-container-stg12 canvas,
#canvas-container-stg13 canvas {
  position: absolute;
  top: 0;
  z-index: 2;
}

/* cts-character */
.cts-character {
  position: relative;
  background: url(/img/top/cvs/bg_character_repeatx.jpg) repeat-x 50% 0;
  overflow: hidden;
}
.cts-character .cts-wrap {
  margin: 0 auto;
  width: 980px;
}
.cts-character .cvsstg {
  margin-left: -260px;
  width: 1500px;
  background: url(/img/top/cvs/bg_character.jpg) no-repeat 50% 0;
}
.cts-character .ctsblk {
  height: 777px;
  background: url(/img/top/bg_character_stage.png) no-repeat 50% 100%;
  /* C */
  /* A */
  /* A */
  /* T */
  /* E */
  /* R */
  /* S */
}
.cts-character .ctsblk .tit {
  position: absolute;
  width: 100px;
  text-indent: -9999px;
}
.cts-character .ctsblk .tit-str {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 10;
}
.cts-character .ctsblk .tit-str img {
  width: 100%;
  height: auto;
}
.cts-character .ctsblk .str00 {
  left: 418px;
  top: 103px;
}
.cts-character .ctsblk .str02 {
  left: 563px;
  top: 93px;
}
.cts-character .ctsblk .str04 {
  left: 695px;
  top: 93px;
}
.cts-character .ctsblk .str06 {
  left: 906px;
  top: 93px;
}
.cts-character .ctsblk .str07 {
  left: 842px;
  top: 93px;
}
.cts-character .ctsblk .str08 {
  left: 973px;
  top: 93px;
}
.cts-character .ctsblk .str09 {
  left: 1030px;
  top: 103px;
}
.cts-character .ctsblk .lead {
  position: absolute;
  top: 190px;
  left: 532px;
  width: 425px;
  z-index: 3;
}
.cts-character .ctsblk .btn0 {
  position: absolute;
  top: 626px;
  right: 280px;
  z-index: 10;
}
.cts-character .mainvis {
  position: relative;
  margin: 0 auto;
  width: 1280px;
  height: 777px;
}
.cts-character .mainvis img.mv-red,
.cts-character .mainvis img.mv-eye-red {
  position: absolute;
  top: 234px;
  left: 440px;
  z-index: 5;
}
.cts-character .mainvis img.mv-yellow,
.cts-character .mainvis img.mv-eye-yellow {
  position: absolute;
  top: 200px;
  left: 157px;
  z-index: 4;
}
.cts-character .subvis {
  position: absolute;
  top: 275px;
  left: 850px;
  z-index: 3;
}
.cts-character .curtain {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -640px;
  width: 1280px;
  z-index: 4;
}
.cts-character .curtain .c-left {
  position: absolute;
  top: 0;
  left: -62px;
  background: url(/img/top/cvs/bg_character_curtain_l.png) no-repeat 0 0;
  width: 315px;
  height: 753px;
}
.cts-character .curtain .c-right {
  position: absolute;
  top: 0;
  right: -67px;
  background: url(/img/top/cvs/bg_character_curtain_r.png) no-repeat 0 0;
  width: 315px;
  height: 753px;
}
.cts-character .curtain-top {
  position: absolute;
  top: 0;
  left: 0;
  background: url(/img/top/cvs/bg_character_curtain_t.png) repeat-x 50% 0;
  width: 100%;
  height: 72px;
  z-index: 10;
}
.cts-character .curtain-repeat-l {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: url(/img/top/cvs/bg_character_repeatx.jpg) repeat-x 50% 100%;
  width: 140px;
  height: 777px;
  z-index: 3;
}
.cts-character .curtain-repeat-r {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  background: url(/img/top/cvs/bg_character_repeatx.jpg) repeat-x 50% 0%;
  width: 140px;
  height: 777px;
  z-index: 3;
}

/* cts-history */
.cts-history {
  background: url(/img/top/cvs/bg_history_repeatx.jpg) repeat-x 0 0;
  overflow: hidden;
}
.cts-history .cts-wrap {
  margin: 0 auto;
  width: 980px;
}
.cts-history .cvsstg {
  margin-left: -260px;
  width: 1500px;
  background: url(/img/top/cvs/bg_history.jpg) no-repeat 0 0;
  background-size: 100% 100%, auto;
}
.cts-history .ctsblk .tit {
  position: absolute;
  top: 63px;
  left: 300px;
  width: 360px;
  height: 70px;
  z-index: 3;
}
.cts-history .ctsblk .tit img {
  width: 100%;
  height: auto;
}
.cts-history .ctsblk .lead {
  position: absolute;
  top: 148px;
  left: 300px;
  width: 276px;
  z-index: 3;
}
.cts-history .ctsblk .mainvis {
  position: absolute;
  top: 118px;
  left: 520px;
  width: 476px;
  height: 630px;
  z-index: 3;
}
.cts-history .ctsblk .mainvis img {
  width: 100%;
  height: auto;
}
.cts-history .ctsblk .mainvis img.mv-eyeclose0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.cts-history .ctsblk .btn0 {
  position: absolute;
  top: 654px;
  right: 280px;
}
.cts-history .start {
  position: absolute;
  top: 0px;
  left: 1115px;
  width: 92px;
  height: 62px;
  margin-top: -12px;
  z-index: 3;
}
.cts-history .start img {
  width: 100%;
  height: auto;
}
.cts-history .end {
  position: absolute;
  top: 358px;
  left: 1123px;
  width: 216px;
  height: 296px;
  background: url(/img/top/bg_history_machine_shadow.png) no-repeat 0 0;
  text-align: right;
  z-index: 3;
}
.cts-history .end:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: -200px;
  width: 200px;
  height: 200px;
  background: url(/img/top/bg_history_machine_mask.gif) repeat-x 0 100%;
}

/* cts-theater */
.cts-theater {
  position: relative;
  background: url(/img/top/cvs/bg_theater_repeatx.jpg) repeat-x 0 0;
  overflow: hidden;
  z-index: 3;
  /* theaterブロックと重なっていて、ボタンが押せないため */
}
.cts-theater .cts-wrap {
  margin: 0 auto;
  width: 980px;
}
.cts-theater .cvsstg {
  margin-left: -260px;
  width: 1500px;
  background: url(/img/top/cvs/bg_theater.jpg) no-repeat 50% 0;
  padding-bottom: 82px;
}
.cts-theater .ctsblk .lead {
  position: absolute;
  top: 233px;
  left: 306px;
  width: 306px;
  z-index: 3;
}
.cts-theater .ctsblk .mainvis {
  position: absolute;
  top: 288px;
  left: 254px;
  margin-left: 0;
  width: 554px;
  height: 408px;
  z-index: 5;
}
.cts-theater .ctsblk .mainvis img {
  width: 100%;
  height: auto;
}
.cts-theater .ctsblk .mainvis img.mv-eyeclose0 {
  position: absolute;
  top: 0;
  left: 0;
}
.cts-theater .ctsblk .btn0 {
  position: absolute;
  top: 624px;
  right: 280px;
  display: none;
}
.cts-theater .ctsblk .backet {
  position: absolute;
  top: 312px;
  left: 564px;
  width: 246px;
  height: 268px;
  z-index: 4;
}
.cts-theater .ctsblk .backet img {
  width: 100%;
  height: auto;
}
.cts-theater .tit {
  position: absolute;
  top: 118px;
  left: 278px;
  width: 360px;
  height: 70px;
  z-index: 0;
}
.cts-theater .tit img {
  width: 100%;
  height: auto;
}
.cts-theater .screen {
  position: absolute;
  top: 11.27%;
  left: 50.21%;
  width: 476px;
  height: 630px;
  z-index: 0;
}
.cts-theater .screen img {
  width: 100%;
  height: auto;
}
.cts-theater .floor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1500px;
  height: 112px;
  background: url(/img/top/cvs/bg_theater_bottom.png) no-repeat 0 50%;
  z-index: 3;
}

/* cts-download */
.cts-download {
  position: relative;
  margin-top: -111px;
  background: url(/img/top/cvs/bg_download_repeatx.jpg) repeat-x 0 0;
  overflow: hidden;
  z-index: 2;
}
.cts-download .cts-wrap {
  margin: 0 auto;
  width: 980px;
}
.cts-download .cvsstg {
  margin-left: -260px;
  width: 1500px;
}
.cts-download .ctsblk .tit {
  position: absolute;
  top: 110px;
  left: 279px;
  z-index: 3;
}
.cts-download .ctsblk .mainvis {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 5;
}
.cts-download .ctsblk .mainvis img.mv-eyeclose0 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1280px;
  margin-left: -640px;
}
.cts-download .ctsblk .wallpaper {
  position: absolute;
  top: 292px;
  left: 50%;
  width: 1210px;
  margin-left: -605px;
  z-index: 3;
}
.cts-download .ctsblk .btn0 {
  position: absolute;
  top: 160px;
  right: 0;
  margin-right: 280px;
}

/* cts-newsrelease */
.cts-newsrelease {
  position: relative;
  margin: 0 auto;
  width: 950px;
}
.cts-newsrelease .ctsblk {
  position: relative;
  padding: 17px 0 30px;
}
.cts-newsrelease .ctsblk .tit {
  position: absolute;
  top: 48px;
  left: 50px;
}
.cts-newsrelease .ctsblk ul {
  position: relative;
  margin-left: 421px;
  border-left: 3px solid #62351e;
}
.cts-newsrelease .ctsblk ul li {
  padding-left: 40px;
  padding-top: 10px;
}
.cts-newsrelease .ctsblk ul li a {
  display: block;
}
.cts-newsrelease .ctsblk ul li dl {
  position: relative;
}
.cts-newsrelease .ctsblk ul li dl dt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}
.cts-newsrelease .ctsblk ul li dl dd {
  padding-left: 120px;
  line-height: 1.6;
  text-decoration: underline;
}
.cts-newsrelease .ctsblk ul li:nth-child(1) {
  padding-top: 0;
}

/*	--------------------------------
		module
	-----------------------------------	 */
.obj-smp {
  display: none !important;
}

.obj-pc {
  display: block !important;
}

.hdn {
  display: none !important;
}

.opa0 {
  visibility: hidden !important;
}

/* メディアクエリー判別状態フラグ（jsで監視） */
.obj-mediaquery-flag {
  position: absolute;
  width: 10px;
  height: 1px;
  opacity: 0;
}

.pos {
  position: relative;
  margin: 0;
  border: 0;
}

/* ボタン */
.ctsblk-sttc .btn0, /* js適応外のctsblk */
.ctsblk .btn0 {
  position: relative;
  border: 2px solid #62351e;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  width: 250px;
  height: 50px;
  background-color: #fff;
}
.ctsblk-sttc .btn0 a, /* js適応外のctsblk */
.ctsblk .btn0 a {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #62351e;
}
.ctsblk-sttc .btn0 a span, /* js適応外のctsblk */
.ctsblk .btn0 a span {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 250px;
  height: 46px;
  padding-left: 16px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  -webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.15) inset;
  vertical-align: middle;
}
.ctsblk-sttc .btn0 a span:before, /* js適応外のctsblk */
.ctsblk .btn0 a span:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9.5px;
  width: 10px;
  height: 15px;
  background-image: url(/img/common/pc/arr_link_btn_s.png);
}
.ctsblk-sttc .btn0 a:hover, /* js適応外のctsblk */
.ctsblk .btn0 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.dg.a {
  margin-right: 0;
}

.ins-auto-hide .container {
  padding-left: 32px;
}

.gui-auto-hide .container {
  padding-right: 32px;
}

.dg.main {
  display: none;
}

.mobile canvas {
  margin: 0;
}

.controls-container {
  display: none;
}

#demo-select,
#demo-reset,
#demo-start {
  display: none;
}

@media screen and (max-width: 767px) {
  .obj-smp {
    display: block !important;
  }

  .obj-pc {
    display: none !important;
  }

  .obj-mediaquery-flag {
    width: 1px;
    /* 1pxになっていたら、ブレークポイント以下(jsで参照) */
  }

  body.start-loading {
    overflow: hidden;
  }
  body.start-loading .cts-loading {
    position: fixed;
    visibility: visible;
  }

  .cvsstggroup .ctsblk,
  .cvsstg .ctsblk {
    height: auto;
  }

  /* .cts-loading */
  .cts-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    z-index: 10000;
  }
  .cts-loading .cts-wrap {
    width: auto;
  }
  .cts-loading canvas {
    top: 0;
    width: 100% !important;
  }
  .cts-loading .frm {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    background: #fed02f url(/img/top/sp/cvs/bg_loading_frm.png) no-repeat 0 0;
    background-size: 100% 100%, auto;
  }
  .cts-loading .frm.bg-c-transparent {
    background: url(/img/top/sp/cvs/bg_loading_frm.png) no-repeat 50% 0;
    background-size: 100% 100%, auto;
  }

  /* cts-bottlecap */
  .cts-bottlecap {
    background: url(/img/top/sp/bg_bottlecap.jpg) no-repeat 0 0;
    background-size: 100% 100%, auto;
    border-bottom:5px solid #e4b100;
    margin-top:-20px;
  }
  .cts-bottlecap .cts-wrap {
    background:none;
  }
  .cts-bottlecap .list-bottlecap {
    width: 100%;
    padding: 0;
  }
  .cts-bottlecap .list-bottlecap .titblk {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-bottom: -10px;
  }
  .cts-bottlecap .list-bottlecap .titblk .tit {
    margin: 0 3.13% 0;
  }
  .cts-bottlecap .list-bottlecap .titblk .lead {
    width:40.6%;
    margin:0 auto;
    padding-top: 8px;
  }
  .cts-bottlecap .list-bottlecap ul {
    padding: 0 5% 0 3.13%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cts-bottlecap .list-bottlecap ul > li.item.item-milk {
    float:left;
    width: 47.56%;
    margin-left: 0;
  }
  .cts-bottlecap .list-bottlecap ul > li.item.item-peanuts {
    padding-top: 0;
    float:right;
    width: 47.56%;
    margin-right: 0;
  }


  /* cts-products */
  .cts-products {
    overflow: hidden;
  }
  .cts-products .cts-wrap {
    width: auto;
  }
  .cts-products .ctsblk .tit {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin-left: 0;
    text-align: left;
  }
  .cts-products .ctsblk .tit img {
    margin: 1% 0 0 5%;
    width: 70.94%;
    height: auto;
  }
  .cts-products .ctsblk .list-products {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 0 0 0 1.5%;
    padding-top: 62.03%;
    overflow: hidden;
  }
  .cts-products .ctsblk .list-products:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .cts-products .ctsblk .list-products li {
    display: block;
    float: left;
    width: 24%;
    margin-right: 0.5%;
  }
  .cts-products .ctsblk .list-products li span {
    display: block;
    width: 100%;
    font-size: 10px;
  }
  .cts-products .ctsblk .list-products li:last-child {
    margin-right: 0;
  }
  .cts-products .ctsblk .btn0 {
    position: relative;
    top: 0;
    left: 0;
    margin-top: 10px;
  }
  .cts-products .bg-hall {
    background: url(/img/top/sp/cvs/bg_products.png) no-repeat 0 0;
    background-size: 100% 100%, auto;
    width: auto;
    margin: 0;
  }
  .cts-products .bg-hallmask {
    background: url(/img/top/sp/cvs/bg_products_hall_mask.png) no-repeat 0 0;
    background-size: 100% 100%, auto;
    width: auto;
    left: 0;
    bottom: 0;
  }
  .cts-products .package {
    top: 0;
    width: 100%;
    right: 0;
    margin-top: -4%;
    margin-right: -52%;
  }
  .cts-products .package img {
    width: 100%;
    height: auto;
  }
  .cts-products .chara-main {
    top: 13.42%;
    left: 4.125%;
  }
  .cts-products .chara-main img {
    width: 100%;
    height: auto;
  }
  .cts-products .tab1,
  .cts-products .tab2 {
    display: none;
  }

  /* cts-character */
  .cts-character .cts-wrap {
    width: auto;
  }
  .cts-character .cvsstg {
    margin-left: 0;
    width: auto;
    background: url(/img/top/sp/cvs/bg_character.jpg) no-repeat 50% 0;
    background-size: 100% 100%, auto;
  }
  .cts-character .ctsblk {
    background: url(/img/top/sp/bg_character_stage.png) no-repeat 50% 0;
    background-size: 100% 100%, auto;
    /* C */
    /* H */
    /* A */
    /* R */
    /* A */
    /* C */
    /* T */
    /* E */
    /* E */
    /* R */
    /* S */
    /* S */
    /* S */
  }
  .cts-character .ctsblk .str00 {
    left: 2.5%;
    top: 12.51%;
  }
  .cts-character .ctsblk .str02 {
    left: 22.97%;
    top: 10.88%;
  }
  .cts-character .ctsblk .str04 {
    left: 41.56%;
    top: 10.88%;
  }
  .cts-character .ctsblk .str06 {
    left: 72.40%;
    top: 10.88%;
  }
  .cts-character .ctsblk .str06 {
    left: 72.04%;
    top: 10.88%;
  }
  .cts-character .ctsblk .str08 {
    left: 80.47%;
    top: 10.88%;
  }
  .cts-character .ctsblk .str09 {
    left: 89.12%;
    top: 12.51%;
  }
  .cts-character .ctsblk .str09 {
    left: 76.80%;
    top: 12.51%;
  }
  .cts-character .ctsblk .str09 {
    left: auto;
    right: 2%;
    top: 12.51%;
  }
  .cts-character .ctsblk .mainvis {
    margin-left: 0;
    width: 100%;
    height: auto;
  }
  .cts-character .ctsblk .mainvis img.mv-yellow,
  .cts-character .ctsblk .mainvis img.mv-eye-yellow {
    top: 22.47%;
    left: -6.56%;
    width: 52%;
  }
  .cts-character .ctsblk .mainvis img.mv-red,
  .cts-character .ctsblk .mainvis img.mv-eye-red {
    top: 26.45%;
    left: auto;
    right: -3%;
    width: 64%;
  }
  .cts-character .ctsblk .subvis {
    display: none;
  }
  .cts-character .ctsblk .curtain {
    display: none;
  }
  .cts-character .ctsblk .btn0 {
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -125px;
    top: 83.4%;
  }
  .cts-character .curtain-top {
    background: url(/img/top/sp/cvs/bg_character_curtain_t.png) no-repeat 50% 0;
    background-size: 100% 100%, auto;
    width: 100%;
  }

  /* cts-history */
  .cts-history .cts-wrap {
    width: auto;
  }
  .cts-history .cvsstg {
    margin: 0;
    width: auto;
    background-color: #c59d64;
    background-image: url(/img/top/sp/cvs/bg_history.jpg);
    background-size: 100% 100%, auto;
  }
  .cts-history .ctsblk .tit {
    position: absolute;
    top: 4.8%;
    left: 6.25%;
    z-index: 3;
  }
  .cts-history .ctsblk .mainvis {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 26.8% 0 0 0;
    margin: 0 0 0 20%;
  }
  .cts-history .ctsblk .mainvis img.mv-eyeclose0 {
    position: absolute;
    top: 21.8%;
    left: 0;
    display: block;
  }
  .cts-history .ctsblk .btn0 {
    position: relative;
    top: 0;
    left: 0;
  }
  .cts-history .start {
    position: absolute;
    top: 0;
    left: 81.24%;
    margin-top: 0;
  }
  .cts-history .end {
    display: none;
  }

  /* cts-theater */
  .cts-theater {
    width: auto;
  }
  .cts-theater .cts-wrap {
    width: auto;
  }
  .cts-theater .cvsstg {
    background-color: #3290b9;
    background-image: url(/img/top/sp/cvs/bg_theater.jpg);
    background-size: 100% 100%, auto;
    width: auto;
    margin: 0;
    padding: 0;
  }
  .cts-theater .ctsblk .mainvis {
    position: relative;
    top: 0;
    left: 0;
    width: 86%;
    height: auto;
    margin: 0 0 0 3.13%;
    padding: 66% 0 0 0;
  }
  .cts-theater .ctsblk .mainvis img.mv-eyeclose0 {
    position: absolute;
    top: 51%;
    left: 0;
    width: 100%;
    height: auto;
  }
  .cts-theater .ctsblk .backet {
    position: absolute;
    top: 35.14%;
    left: 1.56%;
    width: 38.6%;
  }
  .cts-theater .ctsblk .btn0 {
    position: relative;
    top: 0;
    left: 0;
  }
  .cts-theater .tit {
    position: absolute;
    top: 10%;
    left: 31.09%;
    width: 66.1%;
    height: auto;
  }
  .cts-theater .screen {
    top: 24%;
    left: 31%;
    width: 66%;
    height: auto;
  }
  .cts-theater .floor {
    display: none;
  }

  /* cts-download */
  .cts-download {
    margin-top: 0;
    background: none;
  }
  .cts-download .cts-wrap {
    width: auto;
  }
  .cts-download .cvsstg {
    background-image: url(/img/top/sp/cvs/bg_download.jpg);
    background-size: 100% 100%, auto;
    width: auto;
    margin: 0;
  }
  .cts-download .ctsblk .tit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  .cts-download .ctsblk .mainvis {
    width: 200%;
    margin-left: -50%;
    text-align: center;
    z-index: 5;
  }
  .cts-download .ctsblk .mainvis img {
    width: 100%;
    height: auto;
  }
  .cts-download .ctsblk .mainvis img.mv-eyeclose0 {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
  }
  .cts-download .ctsblk .wallpaper {
    top: 28.74%;
    left: 0;
    width: 100%;
    margin: 0;
  }
  .cts-download .ctsblk .wallpaper img {
    width: 100%;
    height: auto;
  }
  .cts-download .ctsblk .btn0 {
    position: absolute;
    top: 83.5%;
    right: 50%;
    margin-right: -125px;
    z-index: 5;
  }

  /* cts-newsrelease */
  .cts-newsrelease {
    width: auto;
  }
  .cts-newsrelease .ctsblk {
    position: relative;
    padding: 7% 3.125% 0;
  }
  .cts-newsrelease .ctsblk .tit {
    position: relative;
    top: 0;
    left: 0;
    padding-bottom: 20px;
    width: 60.94%;
  }
  .cts-newsrelease .ctsblk .tit img {
    width: 100%;
    height: auto;
  }
  .cts-newsrelease .ctsblk ul {
    position: relative;
    margin-left: 0;
    border: 0;
    border-top: 2px solid #62351e;
  }
  .cts-newsrelease .ctsblk ul li {
    padding-left: 0;
    padding-top: 20px;
  }
  .cts-newsrelease .ctsblk ul li dl dt {
    position: relative;
    display: block;
  }
  .cts-newsrelease .ctsblk ul li dl dd {
    padding-left: 0;
  }
  .cts-newsrelease .ctsblk ul li:nth-child(1) {
    padding-top: 20px;
  }

  /* module */
  .ctsblk-sttc .btn0, /* js適応外のctsblk */
  .ctsblk .btn0 {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 auto 0;
  }
}
/*	レガシーブラウザ用設定(body.mode-legacy)	*/
body.mode-legacy {
  /* cts-products */
  /* cts-character */
  /* cts-history */
  /* cts-theater */
  /* cts-download */
}
body.mode-legacy .cts-products .bg-hall {
  background: url(/img/top/legacy/bg_products.png) no-repeat 50% 0;
}
body.mode-legacy .cts-products .list-products a:hover {
  cursor: default;
}
body.mode-legacy .cts-character .ctsblk {
  background: url(/img/top/legacy/bg_character_stage.png) no-repeat 50% 100%;
}
body.mode-legacy .cts-history .cvsstg {
  background-image: url(/img/top/legacy/bg_history.png);
}
body.mode-legacy .cts-history .ctsblk {
  height: 768px;
}
body.mode-legacy .cts-history .start,
body.mode-legacy .cts-history .end {
  display: none;
}
body.mode-legacy .cts-theater .cvsstg {
  background: url(/img/top/legacy/bg_theater.png) no-repeat 50% 0;
}
body.mode-legacy .cts-theater .ctsblk {
  height: 694px;
}
body.mode-legacy .cts-download .cvsstg {
  background: url(/img/top/legacy/bg_download.png) no-repeat 50% 100%;
}
body.mode-legacy .cts-download .ctsblk {
  height: 861px;
}