.clearfix::after {
content: "";
display: block;
clear: both;
}
a {
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
a:hover {
opacity: 0.8;
}
body {
margin: 0;
padding: 0;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #111111;
background-color: #fff9ee;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a.disable {
display: none !important;
}

.buyarea .article figcaption ul li span {
display: none;
}
.buyarea .article figcaption ul li span.disable {
display: inline-block !important;
}

img {
width: 100%;
height: auto;
vertical-align: bottom;
}

.fadein {
opacity : 0;
transform: translateY(50px);
transition: all 1s;
}

/* ================================================================= */
/* ======================== 0 〜 824px以上 =========================== */
/* ============================================================== */

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

.pc {
display: none;
}

.wrapper {
text-align: center;
overflow: hidden;
}

/*===== mainvisual =====*/
.mainvisual .youtubearea {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.mainvisual .youtubearea iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*===== archive =====*/
.archive h2 {
width: 135px;
margin: 80px auto 49px;
}
.archive ul {
width: 58.7%;
margin: 0 auto;
}
.archive ul li {
width: 100%;
height: auto;
margin: 0 0 43px 0;
background-color: #cccccc;
}
.archive ul li:last-child {
margin: 0;
}
.archive ul li img {
width: 100%;
height: auto;
}

/*===== instagram =====*/
.instagram {
width: 185px;
margin: 45px auto 11px;
}

/*===== footer =====*/
footer {
padding: 34px 0 33px;
}
footer h1 {
width: 98px;
margin: 0 auto 17px;
}
footer .copyright {
width: 177px;
margin: 0 auto;
}

/*===== #pagetop =====*/
#pagetop {
width: 40px;
height: 40px;
position: fixed;
bottom: 10px;
right: 10px;
}

/* ================================================= */
/* ===================== SP END. ===================== */
/* =============================================== */

}

/* ================================================================= */
/* ======================== 825px以上 ============================= */
/* ============================================================== */

@media screen and (min-width:825px) and (max-width:1440px) {

.sp {
display: none;
}

/*===== mainvisual =====*/
.mainvisual .youtubearea {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.mainvisual .youtubearea iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*===== archive =====*/
.archive h2 {
width: 245px;
color: #009b32;
margin: 0 auto 130px;
}
.archive ul.twocolumn {
width: 658px;
margin: 0 auto;
padding-bottom: 120px;
}
.archive ul {
width: 1000px;
margin: 0 auto;
padding-bottom: 120px;
}
.archive ul li {
width: 235px;
height: auto;
margin: 0 20px 0 0;
float: left;
background-color: #cccccc;
}
.archive ul li:last-child {
margin-right: 0;
}
.archive ul li img {
width: 100%;
height: auto;
}

/*===== instagram =====*/
.instagram {
width: 370px;
margin: 0 auto 136px;
}

/*===== footer =====*/
footer {
padding: 48px 0 46px;
}
footer h1 {
width: 137px;
margin: 0 auto 23px;
}
footer .copyright {
width: 248px;
margin: 0 auto;
}

/*===== #pagetop =====*/
#pagetop {
width: 80px;
height: 80px;
position: fixed;
bottom: 15px;
right: 10px;
}

/* ================================================= */
/* ==================== PC END. ====================== */
/* =============================================== */

}


@media screen and (min-width:1441px) {

.sp {
display: none;
}

/*===== mainvisual =====*/
.mainvisual .youtubearea {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.mainvisual .youtubearea iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*===== archive =====*/
.archive h2 {
width: 337px;
color: #009b32;
margin: 0 auto 173px;
}
.archive ul.twocolumn {
width: 878px;
margin: 0 auto;
padding-bottom: 159px;
}
.archive ul {
width: 1334px;
margin: 0 auto;
padding-bottom: 159px;
}
.archive ul li {
width: 313px;
height: auto;
margin: 0 27px 0 0;
float: left;
background-color: #cccccc;
}
.archive ul li:last-child {
margin-right: 0;
}
.archive ul li img {
width: 100%;
height: auto;
}

/*===== instagram =====*/
.instagram {
width: 493px;
margin: 0 auto 181px;
}

/*===== footer =====*/
footer {
padding: 68px 0 66px;
}
footer h1 {
width: 195px;
margin: 0 auto 34px;
}
footer .copyright {
width: 354px;
margin: 0 auto;
}

/*===== #pagetop =====*/
#pagetop {
position: fixed;
bottom: 15px;
right: 10px;
}

}