@charset "utf-8";
 html {
overflow-y:scroll;
overflow-x:hidden;
width: 100%;
}
body {
font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
margin: 0 auto;
padding: 0;
position: relative;
background-color: #fff;
}
header{
width: 100%;
}
header img{
max-width: 100%;
margin: 0 auto;
display: block;
}
#wrapper{
max-width: 960px;
margin: 0 auto;
background-color:#FFF; 
}
img{
width: 100%;
margin: 0 auto;
display: block;
}
.cart a { }
.cart {
animation: cart1 3s ease infinite;
}
@keyframes cart1 {
0% { transform:translateY(0) }
5% { transform:translateY(0) }
10% { transform:translateY(0) }
20% { transform:translateY(-15px) }
25% { transform:translateY(0) }
30% { transform:translateY(-15px) }
50% { transform:translateY(0) } 
100% { transform:translateY(0) }
}
a:hover{
opacity: 0.7;
} footer {
width: 100%;
background: #999;
padding: 15px 0;
text-align: center;
color: #FFFFFF;
}
footer p {
display: block;
margin: 0 auto;
font-size: 15px;
text-align: center;
}
footer {
color: #FFF;
text-align:center;
}
footer a:link {
color: #FFF;
}
footer a:visited {
color: #FFF;
}
footer a:hover {
opacity: 0.7;
}
.footer-link {
display: inline;
}
.footer-column a {
padding: 0 17px;
color: #888888;
font-size: 11px;
text-decoration: none;
border-right: 1px solid #888888;
} .accbox {
padding: 0;
margin: -225px 0 53px 0;
}
.accbox label {
display: block;
transition: all 0.5s;
}
.accbox label {
display: block;
transition: all 0.5s;
}.accbox label {
display: block;
transition: all 0.5s;
}
.accbox label:hover {
}
.accbox input {
display: none;
}
.accbox .accshow {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.8s;
}
.cssacc:checked + .accshow {
height: auto;
padding: 0 17px 0 17px;
opacity: 1;
}  @media screen and (max-width: 1024px) {
header {
height: 60px;
}
.cart a {
width: 246px;
right: 34px;
bottom: 60px;
}
.accbox {
padding: 0;
margin: -225px 0 53px 0;
}
section{
max-width: 960px;
}
}
@media screen and (max-width: 767px) {
header {
height: 20px;
}
.accbox {
padding: 0;
margin: -180px 0 40px 0;
}
.cssacc:checked + .accshow {
height: auto;
padding: 0 14px 0 14px;
opacity: 1;
}
.cart a{
width: 130px;
right: 8px;
bottom: 30px;
}
footer {
width: 100%;
font-size: 10px;
}
footer ul{
margin-top: 0;
margin-bottom: 0;
padding: 8px 0 0 0;
}
footer li {
float: none;
width: 100%;
padding: 11px 3px;
font-size: 13px;
}
footer p{
font-size: 10px;
}
.moji {font-size: 20px;}
#countdown:before,#countdown:after{
font-size: 25px;
}
.day, .hou, .min, .sec, .mil {
font-size: 30px;
}
.iframeWrap iframe{
width: 90%;
height: 200px;
margin: 10px 5% 30px 5%;
}
.iframeWrap p{
margin: 0 auto;
}
.revue{
font-size: 18px !important;
}
.ytp-chrome-top-buttons{
display: none;
}
.iframeWrap p br {
display: block;
}
}
@media screen and (max-width: 480px) {
#wrapper {
padding-bottom: 0px;
}
header {
height: 34px;
}
.accbox {
padding: 0;
margin: -115px 0 28px 0;
}
.cssacc:checked + .accshow {
height: auto;
padding: 0 9px 0 9px;
opacity: 1;
}
.cart a {
width: 140px;
right: 10px;
bottom: 25px;
}
}
@media screen and (max-width: 414px) {
.cssacc:checked + .accshow {
height: auto;
padding: 0 7px 0 7px;
opacity: 1;
}
.cart a {
width: 138px;
right: 16px;
bottom: 34px;
}
.accbox { margin: -95px 0 20px 0;
}
}
@media screen and (max-width: 375px) {
#wrapper {
padding-bottom: 0px;
}
.cssacc:checked + .accshow {
height: auto;
padding: 0px 7px 0 7px;
opacity: 1;
}
.cart a {
width: 124px;
right: 15px;
bottom: 30px;
}
.accbox { margin: -91px 0 20px 0;
}
}
@media screen and (max-width: 320px) {
header {
height: 29px;
}
.cart a {
width: 103px;
right: 14px;
bottom: 28px;
}
.accbox {
padding: 0;
margin: -75px 0 17px 0;
}
.cssacc:checked + .accshow {
height: auto;
padding: 0px 6px 0 6px;
opacity: 1;
}
} .clearfix:after {
content:" ";
display:block;
clear:both;
} #CV_FORM {
}
#CV_FORM input[type=Email]{
display:block;
width: 88%;
padding: 15px;
margin: 0 auto;
font-size: 20px;
}
.youtube {
position: relative;
width: 90%;
padding-top: 56.25%;
margin:0 auto;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}