@charset "shift_jis";
/* CSS Document */

#wrapper {
	background:#fff;
}

#contents {
	max-width: 639px;
}


.pconly {
	display:none;
}
.sponly {
	display:block;
}


#contents h1 {
  width:50%;
}

#contents .ct_top {
  background:#000 url(../images/topbg_sp.jpg) repeat-y top center;
  background-size:100% auto;
  padding-top:0;
}


#contents .ct_top .ct_top_inbox {
  background: url(../images/top_bg_sp.png)  no-repeat top center;
  background-size:100% auto;
}

#contents .ct_top .top_imgcrystal {
  margin: 0px 0 20px;
}

#contents .ct_top .mainimg {
  position: relative;
  top: inherit;
  left:inherit;
  width:92%;
  margin: 0 auto;
}
#contents .ct_top .mainimg #paraImage {
  position: absolute;
  top: -36% ;
  right:0;
  width:100%;
  height:auto;
  z-index:10;
}
#contents .ct_top .top_sp_4d {
  position: absolute;
  top: 110px ;
  right:10px;
  width:30%;
  height:auto;
  max-width:193px;
  z-index:20;
}

@media (max-width:479px){
#contents .ct_top .top_sp_4d {
  top: 80px ;
}
}


#contents .ct_top .spbtn_box {
  margin-top:10px;
  display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
#contents .ct_top .spbtn_box img {
  display:block;
  width:100%;
  height:auto;
  margin-bottom:20px;
}
#contents .ct_top .spbtn_box>div {
  width:50%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#contents .ct_bottom {
  padding-top:20px;
}


#contents .ct_box .ct_bottom .btn_box {
  display: block;
}
#contents .ct_box .ct_bottom .btn_box a {
  display:block;
  margin:0 auto 20px;
  max-width:460px;
  width:80%;
}
#contents .ct_box .ct_bottom .btn_box img {
  width:100%;
  height:auto;
}


/*---------------------------*/


#contents .movie_box h1 {
  width:50%;
}

#contents .movie_box .cm_box {
	display: block;
}
#contents .movie_box .cm_box>* {
  width: inherit;
  max-width:280px;
  margin: 0 auto 15px
}


#contents .movie_box .cm_box2 {
	display: block;
}
#contents .movie_box .cm_box2>* {
  width: inherit;
  max-width:280px;
  margin: 0 auto 15px
}

#contents .movie_box .cm_box2 .left_mv {
	margin-right:auto;
}


.feature_pc{
	display:none;
}

.feature_sp{
	display:block;
	width:90%;
	max-width:460px;
	height:auto;
	margin:0 auto 30px;
	text-align:center;
}

.promo_pc{
	display:none;
}
.promo_sp{
	display:block;
}


.cation a {
margin-left: 0;
}
.cation a img {
margin-top: 0.5em;
}