.pc_only{
	display: block;
}


.sp_only{
	display: none;
}

.clearfix::after{
display: block;
content: "";
clear: both;
}

.chair_collection *{
	box-sizing: border-box;
}

main.chair_collection {
    background-image: url(/img/usr/event/chair-collection/bg.jpg);
    background-size: 694px 830px;
    background-repeat: repeat;
    background-position: top center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sub_text {
    text-align: center;
}

.sub_text h1 {
    max-width: 422px;
    margin: 45px auto 28px;
}

.sub_text p {
    font-size: 18px;
    font-weight: 600;
    line-height: 2;
}

section.mv_area,section.block01,section.block02,section.block03,
section.block04,section.block05,section.block06,section.block07 {
    margin-bottom: 150px;
}

.block01_left,.block03_left,.block05_left,.block07_left {
    float: left;
    width: 50%;
}

.block02_right,.block04_right,.block06_right,.block08_right {
    float: right;
    width: 50%;
}

.block01_right,.block03_right,.block05_right,.block07_right {
    float: right;
    width: 50%;
    box-sizing: border-box;
}

.block02_left,.block04_left,.block06_left,.block08_left {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.block01_right .sub,.block03_right .sub,.block05_right .sub,.block07_right .sub {
    width: 80%;
    text-align: center;
    margin: 7.5% auto 0;
}

.block02_left .sub,.block04_left .sub,.block06_left .sub,.block08_left .sub {
    width: 80%;
    text-align: center;
    margin: 7.5% auto 0;
}

.block01_right .sub img,.block03_right .sub img,.block05_right .sub img,.block07_right .sub img,
.block02_left .sub img,.block04_left .sub img,.block06_left .sub img,.block08_left .sub img {
    box-shadow: 0px 0px 10px #bbb;
}

.prod_img {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 75px;
}

.block01 .prod_img img,.block02 .prod_img img {
    text-align: center;
    max-width: 400px;
}

p.prod_title {
    text-align: center;
    margin-bottom: 20px;
}

.block01 p.prod_title img {
    max-width: 210px;
}

p.prod_text {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 50px;
}

.prod_btn {
    text-align: center;
}

.chair_collection a.btn {
    display: block;
    font-size: 14px;
    background-color: #202020;
    color: #fff;
    width: 200px;
    padding: 10px;
    border-radius: 35px;
    margin: 0 auto 10px;
    transition: 0.3s ease;
}

.chair_collection a.btn:hover{
	opacity: 0.7;
	text-decoration: none;
}

.block02 p.prod_title img {
    max-width: 236px;
}

.chair_collection a.link {
    font-weight: 500;
    font-size: 13px;
}

.block02 a.btn {
    background-color: #bc0000;
}

.block03 .prod_img img {
    max-width: 400px;
}

.block03 p.prod_title img {
    max-width: 316px;
}


.block03 a.btn {
    background-color: #142431;
}

.block04 p.prod_title img {
    max-width: 243px;
}

.block04 a.btn {
    background-color: #414343;
}

.block05 .prod_img img {
    max-width: 510px;
}

.block05 p.prod_title img {
    max-width: 223px;
}

.block05 a.btn {
    background-color: #fde00d;
    color: #333;
}

.block06 .prod_img img {
    max-width: 510px;
}

.block06 p.prod_title img {
    max-width: 182px;
}

.block06 a.btn {
    background-color: #204735;
}

.block07 .prod_img img {
    max-width: 480px;
}

.block07 p.prod_title img {
    max-width: 382px;
}

.block07 a.btn {
    background-color: #3c2e2b;
}

.block08 .prod_img img {
    max-width: 500px;
}

.block08 p.prod_title img {
    max-width: 183px;
}

.block08 a.btn {
    background-color: #f8802f;
}

/* アニメーションの初期状態 */
.scroll-fade,.scroll-fade2 {
    opacity: 0;
    transform: translateY(30px); /* 30px下から上に移動 */
    transition: all 0.5s ease; /* アニメーション時間 */
}

/* アニメーション完了後の状態 */
.scroll-fade.is-show,.scroll-fade2.is-show {
    opacity: 1;
    transform: translateY(0);
}


.block02_float, .block03_float, .block04_float, .block05_float, .block06_float, .block07_float, .block08_float {
    margin-bottom: 35px;
}

main h2 {
    overflow: hidden;
    width: 100%;
    position: relative;
}

main h2 img {
    position: relative;
    z-index: 1;
    transition: 1s ease;
}




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

.pc_only{
    display: none;
}


.sp_only{
    display: block;
}

main h2::after {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #cccccce8;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 0.4s ease;
}

main h2.active::after {
    left: -100%;
}

main h2 img {
    transform: scale(1.1);
}

main h2.active img {
    transform: scale(1);
}

h2.event_name_ {
    display: none;
}


.block01_left, .block03_left, .block05_left, .block07_left {
    float: none;
    width: 100%;
    margin-bottom: 50px;
}

.block01_right, .block03_right, .block05_right, .block07_right {
    float: none;
    width: 100%;
    box-sizing: border-box;
}

.prod_img {
    margin-bottom: 50px;
    text-align: center;
    margin-top: 45px;
}

.prod_img img {
    width: 90%;
}

.block02_right, .block04_right, .block06_right, .block08_right {
    float: none;
    width: 100%;
    margin-bottom: 50px;
}

.block02_left, .block04_left, .block06_left, .block08_left {
    float: none;
    width: 100%;
    box-sizing: border-box;
}

section.mv_area, section.block01, section.block02, section.block03, section.block04, section.block05, section.block06, section.block07 {
    margin-bottom: 100px;
}

p.prod_text, .prod_title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.prod_title img {
    width: 100% !important;
    max-height: 75px !important;
}

.block01_float, .block02_float, .block03_float, .block04_float, .block05_float, .block06_float, .block07_float, .block08_float {
    margin-bottom: 50px;
}

main h2 {
    overflow: hidden;
    width: 100%;
    position: relative;
            text-align: center;
}

main h2 img {
    position: relative;
    z-index: 1;
    transition: 1s ease;
}

main h2::after {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
            background-color: #eaeaea;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: 0.4s ease;
}

main h2.active::after {
    left: -100%;
}

main h2 img {
    transform: scale(1.1);
            width: 100%;
}

main h2.active img {
    transform: scale(1);
}

.chair_collection a.btn,.chair_collection a.link{
        text-decoration: none;
}

.chair_collection a.link {
    font-weight: 500;
    font-size: 15px;
}
    .chair_collection a.btn {
        font-size: 16px;
        width: 240px;
    }

.mv .sp_only {
    width: 95%;
    margin: 0 auto;
}

.block04 .prod_img img {
    width: 55%;
}

}