body {
background: #fff;
color: #000;
font-family: heisei-kaku-gothic-std, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 13px;
line-height:1.7em;
letter-spacing: 1.5px;
}


#wrap{
width: 100%;
overflow-x: hidden;
position: relative;
}

#content{
width:375px;
line-height:0;
margin:0 auto;
padding:0 0 0 0;
}


.imgMax{
width: 100%;
text-align: center;
}


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

main

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


#mainAll{
width: 375px; height: 525px;
position: relative;
overflow: hidden;
}

#mainImg{
background: url("../images/top3/img_main03_sp.jpg") no-repeat center top;
background-size: cover;
width: 375px; height: 525px;
position: absolute;
top: 0; left: 0;
z-index: 1;
animation: scaleanm 4s ease .1s forwards;
}

#roadshow{
background: url("../images/top3/roadshow_sp.png") no-repeat center;
background-size: contain;
width: 80px; height: 45px; 
position: absolute;
top: 430px; left: 155px;
z-index: 5;
animation: fadeanm 1.5s ease 1.3s forwards;
opacity: 0;
}

#roadshow2{
background: url("../../images/top3/roadshow2.png") no-repeat center;
background-size: contain;
width: 200px; height: 35px; 
position: absolute;
top: 430px; left: 87.5px;
z-index: 5;
animation: fadeanm 1.5s ease 1.3s forwards;
opacity: 0;
}

#roadshow3{
background: url("../../images/top3/roadshow3.png") no-repeat center;
background-size: contain;
width: 280px; height: 35px; 
position: absolute;
top: 430px; left: 47.5px;
z-index: 20;
animation: fadeanm 1.5s ease 1.3s forwards;
opacity: 0;
}

#roadshow3 a{
width: 100%; height: 100%;
display: block;
}


#catch01{
background: url("../images/top3/catch01_sp.png") no-repeat center top;
background-size: contain;
width: 20px; height: 190px; 
position: absolute;
top: 50px; left: 235px;
z-index: 5;
animation: fadebottom 1.5s ease 1.9s forwards;
opacity: 0;
}

#catch02{
background: url("../images/top3/catch02_sp.png") no-repeat center;
background-size: contain;
width: 375px; height: 50px; 
position: absolute;
bottom: 0; left: 0;
z-index: 5;
animation: fadeanm 1.5s ease 1.6s forwards;
opacity: 0;
}


@keyframes  fadeanm {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes  fadebottom {
0% { transform: translateY(20px); opacity: 0;}
100% { transform: translateY(0); opacity: 1;}
}


@keyframes  scaleanm {
  0% { transform: scale(1.1,1.1);}
  100% { transform: scale(1,1);}
}

#topMenuAll{width: 100%;}


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

tweet

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

#tweetArea{
width: 100%;
padding: 20px 0;
}

#tweet{
background-color: #ebe8d9;
width: 340px; height: 340px;
margin: 0 auto;
line-height: 1em;
border-top: 1px solid #afa78d;
border-right: 1px solid #afa78d;
border-left: 1px solid #afa78d;
}


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

bnr

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

#bnrLall{
background: linear-gradient(to right, #690006, #b2151e, #690006);
width: 100%;
padding: 15px 0;
text-align: center;
}

.bnrLimg{
width: 340px;
margin: 3px auto;
line-height: 0;
}



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

top mov

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


#topmovarea0{
width:337px;
margin:0 auto;
padding:20px 0;
line-height: 0;
}


#topmovarea{
background-color: #fff;
width:375px;
margin:0 auto;
padding:20px 0;
line-height: 0;
}

#topmovarea .movie {
width: 336px;
margin: 0 auto;
}

#topmovarea .movie .inner {
position: relative;
width: 336px;
height: 189px;
overflow: hidden;
margin: 0 auto;
}

#topmovarea .movie .inner iframe {
width: 336px;
height: 189px;
}

#topmovarea .movie .tab_area {
width: 336px;
display: flex;
flex-wrap: wrap;
margin-: 0 auto;
}

#topmovarea .movie .tab_area li {
width: 110px; height: 40px;
line-height: 40px;
text-align: center;
font-size: 12px;
font-weight: 500;
margin: 0;
border: 1px solid #fff;
border-top: 2px solid #fff;
letter-spacing: 1px;
}

#topmovarea .movie .tab_area li a {
display: block;
width: 100%; height: 100%;
text-decoration: none;
background: #3c3f44;
background-size: 100% 100%;
color: #fff;
padding: 0;
float: left;
}

#topmovarea .movie .tab_area li a.active{
background: #56595e;
background-size: 100% 100%;
color: #fff;
}

#topmovarea .movie .tab_area .block1{ width: 334px; height: 40px;}
#topmovarea .movie .tab_area .block2{ width: 166px; height: 40px;}


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

share

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


footer{
padding: 10px 0 0;
}

#mvtk-widgets-container{ margin: 0 auto;}

#billing{
background: url("../images/top/billing.png") no-repeat center;
background-size: contain;
width: 375px; height: 140px;
}

#bnrSall{
width: 100%; padding: 0 0 30px;
text-align: center;
}

#bnrSall img{ margin: 4px;}

#snsIcon{
background: linear-gradient(to right, #690006, #b2151e, #690006);
width: 375px;
text-align: center;
padding: 20px 0;
}

#snsIcon img{
margin: 0 15px;
}

#sharaTxt{
font-family: trajan-pro-3, serif;
font-weight: 600;
font-style: normal;
font-size: 14px; line-height: 16px;
letter-spacing: 2px;
width: 100%;
height: 20px;
text-align: center;
padding: 10px 0 30px;
color: #220f07;
}

#sharaTxt a{color: #220f07;}