@charset "utf-8";

body { font-family:none; }

.footer__link { width:140px; }

img {
border:0;
margin:0 auto;
width:100%;
image-rendering:auto;
}

img.lazy { background:none !important;}

.pc	{ display:block!important; }/* pc only */
.sp { display:none!important; }

#header,
#wrapper,
section {
width:100%;
text-align:center;
line-height:1.7;
}
.inner {
width:auto;
padding:2em 0;
}
.innerM {
width:87.9%;
margin:0 auto 8rem;
}
.innerS {
width:76%;
margin:0 auto;
}

#mainImg {}

h3, h4{
margin:2rem auto;
}

.startWrap {
padding:0 0 2em;
}
.start_txt {
margin:0 auto 2em;
text-align:left;
}
#start h3.ribbon {
width:40%;
}
.osusume_txt,
.item_txt {
margin:2rem auto;
}

.pointWrap {
padding:0 0 2em;
}
.point_head {
margin:0 auto 2em;
}
.point_txt {
margin:0 auto;
}
.point_image {
margin:-5rem auto 0;
}

section#ouchigohan {
background-color:#fbf5ef;
padding:4rem 0;
}
#ouchigohan h3 {
padding:1rem 28%;
}
.movie_btn {
width:50%;
margin:2rem auto;
}
.movie_btn img {
border-radius:14px;
}

.special_txt {
margin:4rem auto 0;
}

section#get_buy1,
section#get_buy2,
section#get_buy3,
section#get_buy4 {
background-color:#ffdfdf;
padding:2em 0;
}
section h4 img { width:auto; }
.get_buy_btn {
width:50%;
margin:2rem auto;
}
.note {
width:56.5%;
margin:0 auto 1.56%;
font-size:.85em;
text-align: left;
}

#information {
margin:6rem 0;
}
#information dt.ttl {
text-align:left;
margin:1rem 0;
}

.comments {
font-size:.85em;
text-indent:-14px;
margin:0 14px 30px;
text-align:left;
}
.comments li:before {
content:"※";
}
.comments li.dot:before {
content:"・";
}
.comments li {
margin-bottom:.65em;
}



@media screen and (min-width:1200px){
#wrapper {
width:1024px;
margin:0 auto;
}
}


@media screen and (max-width:1024px) { 
}


@media screen and (max-width:768px) {

img { width:100%;}

.pc { display:none!important; }
.sp { display:inline!important; }/* sp only */

#mainImg { width:100%; }

#header,
#wrapper,
section { 
width:100%;
}
section {
margin:0;
padding:0;
}
.inner {
width:100%;
}
.innerM,
.innerS { 
width:90%;
}
    
h3, h4 {
margin:4rem auto;
}
#start h3.ribbon { width:90%; }

.osusume_txt,
.item_txt {
margin:2rem auto;
}

.point_image {
margin:3rem auto 0;
}
.point_head {
margin:0 auto 1.4em;
}
.point_txt {
margin:0 .55em;
}

section#ouchigohan {
padding:4rem 0;
}
#ouchigohan h3 {
padding:0 5%;
margin:1rem auto;
}
#ouchigohan h3 img.lazy {
padding:0;
width:100% !impotrant;
}
.movie_btn {
width:auto;
margin:2rem;
}

.special_txt {
margin:4rem .55em 0;
}

section h4 img { width:100%; padding:1rem 2rem; }
.get_buy_btn { width:75%; }
.note { width:auto; margin:0 3.5rem; }   

#information {
margin:6rem 0;
}
.info_txt {
margin:0 2rem;
}


}