@charset "utf-8";
/* CSS Document */
html{
  width:100%;
  height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{
  margin:0;
  padding:0;
}
img{
  border:0;
}
body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"MS Pゴシック", sans-serif;
  line-height:1.6;
  width:100%;
  font-size:14px;
  height:100%;
  background:#FFF;
  background-image:url(../images/bg.jpg);
}
p{
  color:#212121;
}
h1{
  font-size: 40px;
  text-align:center;
  color:#111;
}
h2{
  font-size:28px;
  text-align: center;
  font-weight:bold;
  line-height:2em;
  margin:10px auto 0px;
  color:#ff73c5;
}
h3{
  font-size:19px;
  color:#ff73c5;
}
.section .title-strong{
  font-size: 65px;
  color:#48e0ca;
}
.wapper{
  width: 100%;
  position: absolute;
  top:0;
  background-image: url(../images/bg_animate.png);
  animation: snow 30s linear infinite;
}
@keyframes snow {
 0% {background-position: 0 0, 0 0, 0 0;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
/*chrome&safari*/
@-webkit-keyframes snow {
 0% {background-position: 0 0, 0 0, 0 0;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
/*firefox*/
@-moz-keyframes snow {
 0% {background-position: 0 0, 0 0, 0 0;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
/*ie*/
@-ms-keyframes snow {
 0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 500px, 300px 300px, 400px 400px;}
}
.section .pandp{
  display: block;
}
.header-img{
  width:100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  top:0;
  line-height: 0;
}
.section-movie {
    width: 683px;
    height: 384px;
    margin: 20px auto 0;
}
.contents{
  width:100%;
  max-width: 960px;
  background:#FFF;
  margin:0 auto;
}
.contents-inner{
  padding: 0px 30px 30px;
  overflow: hidden;
}
.section{
  overflow: hidden;
  margin-bottom: 45px;
}
.section-left{
  width: 50%;
  float:left;
}
.section-right{
  width: 50%;
  float:left;
}
.text-line{
  padding:0px 15px;
  box-sizing: border-box;
  display: table;
  height: 254px;
}
.section p{
  font-size: 19px;
  margin-bottom: 20px;
  display: table-cell;
  vertical-align: middle;
}
.section span{
  font-size:19px;
  color:#ff73c5;
  font-weight: bold;
}
.close-btn{
  margin:25px auto;
  width:20%;
}
.section-commodity h3{
  text-align: center;
  font-size: 28px;
  margin-bottom:20px;
}
.com-ph p{
  text-align: center;
}
.com-ph img{
  width: 320px;
}
.section-commodity ul{
  list-style: none;
  border:1px dashed #ff73c5;
  box-sizing:border-box;
  padding:30px;
}
.section-commodity li{
  font-size:19px;
  margin-bottom:8px;
}
.close-btn a{
  display: block;
  text-align: center;
  color:#FFF;
  font-weight: bold;
  font-size: 25px;
  background: #4BF9DE;
  text-decoration: none;
  border-radius:5px;
  transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay:0.2s;
  box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
.close-btn a:hover{
  background:#60FFE4;
  box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2);
  transition-delay:0;
}
/*smp用*/
@media only screen and (max-width: 480px){
h1{
  font-size: 18px;
}
h2{
  font-size:14px;
  line-height: 1.5em;
}
h3{
  font-size:14px;
}
.background{
  width:100%;
  position: fixed;
  top:0;
}
.section .title-strong{
  font-size: 25px;
  color:#48e0ca;
}
.section-right{
  width: 100%;
  float: none ;
}
.section-left{
  width: 100%;
  float: none;
}
.section span{
  font-size:14px;
}
.header-img{
  width:90%;
  margin:0 auto;
}
.header-img img{
  width:100%;
}
.section-movie {
  width: 256px;
  height:144px;
  margin: 20px auto 20px;
}
.section-movie div[align="center"] {
  display: block!important;
  width: 256px!important;
  height: 144px!important;
}
.section-movie div[src="http://www.tv-asahi.co.jp/douga/ex/images/play.png"] {
    margin-left: -20px;
    margin-top: -10px;
}
.section-movie img[src="http://www.tv-asahi.co.jp/douga//images/episode/14859/smp_e029b50825f65e9223ebf0dd0fd841cc.jpg"] {
  width: 100%;
}
.section-movie img[src="http://mv.tv-asahi.co.jp/douga/douga/images/episode/14859/e029b50825f65e9223ebf0dd0fd841cc.jpg"] {
  width: 100%;
} 
/* .section-movie .appSelector_iPhone{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35.25px;
    height: auto;
    margin-top: -34px;
} */
.text-line{
  padding:0px;
  display: block; 
  height: auto;
}
.contents{
  width:90%;
  max-width: 480px;
  margin:-1px auto 0;
}
.contents-inner{
  padding:15px;
}
.section{
  margin-bottom: 20px;
}
.section p{
  font-size: 12px;
  margin-bottom: 5px;
}
.section-commodity h3{
  text-align: center;
  font-size: 14px;
  margin-bottom:20px;
}
.section-commodity img{
  width: 160px;
}
.section-commodity p{
  text-align: center;
}
.section-commodity ul{
  list-style: none;
  border:1px dashed #ff73c5;
  box-sizing:border-box;
  padding:15px;
  margin-top:20px;
}
.section-commodity li{
  font-size:14px;
}
.close-btn a{
  font-size: 18px;
}
}