@charset "UTF-8";
/* CSS Document */

.main_contents {max-width: 1200px; margin: 0 auto;}
.mainarea_left {width: 58%;height: auto;float:left;box-sizing:border-box;}
.mainarea_right {position:relative;width: 40%;float:right;box-sizing:border-box;}
.mainarea_right .youtube {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;overflow: hidden;}
.mainarea_right .youtube iframe {position: absolute; top: 0; left: 0;width: 100%; height: 100%;border:none;}

.receipt {border: 1px solid #fcf2f7;background:#fcf2f7;text-align: center;padding: 5.5%;margin-top: 4%;}
.receipt h2 {font-size: 2em;font-weight: bold;line-height: 1.5; color: #e14898;margin-bottom:2%;}
.receipt p {font-size:1.4em;margin:0 0 2%;font-weight:bold;}
.receipt ul {text-align:left;}
.receipt li {font-size:1.4em;font-weight:bold;width: 50%;float:left;margin: 0 0 1.4%;} 
.receipt li span {width:5.6em;display:inline-block;vertical-align:top;}
.receipt li span:after {content:"：";}

.receipt .more_link a {background: #f757a6;line-height: 1.4;padding: 3%;display:block;width: 300px;font-size: 1.4em;margin: 2% auto 0;color:#fff;}
.receipt .more_link a span {display:block;}
.receipt .more_link a:hover {background:#da3687;}

.mainarea_right .linkbnr {margin: 2% 0;text-align: center;border:1px solid #f757a6;}
.mainarea_right .linkbnr a {display:block;font-size: 1.6em;padding: .8em 0;font-weight: bold;color:#f757a6;}
.mainarea_right .linkbnr a:hover {background:#f757a6;color:#fff;}

.top_comment {max-width: 1200px; margin: 1em auto 1.5em;padding:1.2em 0;font-size:1.6em;text-align:center;font-weight:bold;border: 1px solid #ccc;line-height: 1.8;}
.top_comment span {display:block;margin-top:.5em;}

.style170727 .receipt li {margin-bottom:0;font-size: 1.4em;}
.style170727 .receipt {padding-top:4.2%;padding-bottom:4.7%;}
.style170727 .receipt p {margin: 0 0 3%;font-size: 1.4em;}
.style170727 .receipt .more_link a {margin-top:3%;}

@media screen and (max-width:1260px) {
.main_contents {max-width: 98%;}
.top_comment {max-width: 98%;}
}
@media screen and (max-width:1200px) {
.main_contents {max-width: 95%;}
.top_comment {max-width: 95%;}
.mainarea_right .linkbnr {margin: 2.8% 0;}
.mainarea_right .linkbnr a {font-size:1.4em;}
.receipt li {font-size: 1.3em;}
.receipt {padding: 5.5% 1% 5.5% 3%;}

.style170727 .receipt li {margin-bottom:0;font-size: 1.3em;}
.style170727 .receipt p {margin: 0 0 3%;font-size: 1.3em;}
}
@media screen and (max-width:1023px) {
.receipt h2 {font-size: 1.8em;}
.receipt li span {width:auto;display:block;}
.receipt li span:after {content:"";}
}
@media screen and (max-width:767px) {
.main_contents {max-width: 100%;}
.top_comment {max-width: 80%;padding: 5%;font-size: 1.4em;margin: 1em auto; line-height: 1.5;}
.mainarea_left {width: 100%;float: none;}
.receipt {padding: 3em 5%;border: none;margin-top: 0;}
.receipt li { font-size: 1.4em;text-align: center;}
.style170727 .receipt li {font-size: 1.3em;}

.mainarea_right {width: 70%;float: none; margin: 3em auto 0;}
.mainarea_right .linkbnr a {font-size: 1.5em;padding: 1.2em 0;}

.style170727 .receipt li {margin-bottom:1em;}
}
@media screen and (max-width:567px) {
.receipt h2 { font-size: 2em;margin-bottom: 4%;}
.receipt ul {width: 100%;margin: 0 auto;}
.receipt .more_link a {width: 80%;margin-top:2em;}
.receipt p {margin: 0 0 4%;}
.receipt li {width: 100%;float: none;}

.mainarea_right {width: 88%;}
.mainarea_right .linkbnr a {padding: 1em 0;}
.mainarea_right .linkbnr a span {display:block;}
}
@media screen and (max-width:360px) {
.receipt h2 {font-size: 1.8em;}
.receipt ul {width: 26em;}
.receipt li {font-size: 1.3em;}
.mainarea_right .linkbnr a { padding: .8em 0;font-size: 1.4em;}

}