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

#wrapper-sk img{width: 100%; vertical-align: bottom;}
#wrapper-sk li{list-style: none;}

#wrapper-sk{width: 960px;margin: 0 auto 80px;}

#wrapper-sk main{width: 900px; margin: 0 auto;}

#wrapper-sk h1{
    text-align: center;
    padding: 5% 0 0 0!important;
	margin: 0;
}
#wrapper-sk h1 img{
	width: 960px;
    margin: 0px auto 0px;
    display: block;
}

#wrapper-sk h2{text-align: center;
    color: #EA0429;
    font-size: 2.4vw !important;
    margin: 50px auto 20px!important;
    line-height: 40px;
    padding: 20px 0 0;
	display: block;
}
#wrapper-sk h2 span {
    color: #414141;
    font-size: 1.7vw;
    display: block;
    line-height: 1.3;
   margin-top: 10px;
}


#wrapper-sk .navi{
    margin: 0px auto;
    width: 960px;
    background-color: #ea0429;
}

#wrapper-sk .navi ul{
    width: 900px;
    margin: 0px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 0;
}
#wrapper-sk .navi ul li{
    width: calc(100% / 2 - 10%);
    margin: 0px 3% 0 0;
    padding: 0;
}

#wrapper-sk #anchor_menu{width: 960px; margin: 0 auto; background-color: #ea0429; padding: 1.2% 0 1%;}

#wrapper-sk .anchor_nav_list {
    display: flex;
    justify-content: space-around;
}
#wrapper-sk .anchor_link {
width: 100%;
margin-top: 7%;
}

#wrapper-sk .anchor_link.fixed2 {
max-width: 960px;
margin: 60px auto 0!important;
}

#wrapper-sk .fixed2 {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}

#wrapper-sk .anchor_nav_list {
display: flex;
    justify-content: space-around;
    margin: 0 auto !important;
    width: 900px;
}

#wrapper-sk .anchor_nav_item-link {
display: block;
}




#wrapper-sk .ptdct_s ul{
    max-width: 960px;
    margin: 0px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 0;
}
#wrapper-sk .ptdct_s ul li {
    width: calc(100% / 2 - 5%);
    margin: 0px 2% 3% 0;
    padding: 0;
}

#wrapper-sk p.cyuusyaku{font-size: 0.6rem;
    margin: 0;
}
#wrapper-sk .navi ul li img,.ptdct_s ul li img{width: 100%;}

#wrapper-sk .navi ul li:last-child,.ptdct_s ul li:nth-child(2n){margin-right: 0;}

#wrapper-sk .prdct,.ptdct_s{position: relative;}

#wrapper-sk ol.btn{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 20%;
    left: 11%;
    width: 30%;
	}

#wrapper-sk ol.btn2{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 2%;
    right: 15%;
    width: 70%;
    margin: revert;
	}

#wrapper-sk .prdct li.buy_btn {width: 70%; margin-right: 2%;}
#wrapper-sk .prdct li.buy_fav {width: 15%;}


#wrapper-sk .bnr-social{width: 80%; margin: 0 auto;}


@media screen and (max-width:1024px), screen and (max-width: 896px) and (orientation: landscape) {

#wrapper-sk{width: auto;margin: 0 auto 50px;}

#wrapper-sk h1{
	margin: 10% 0% 0 0%;
}
#wrapper-sk h1 img{
    width: 100%!important;
}

#wrapper-sk h2 {font-size: 6.0vw !important;margin: 30px auto 10px!important;}

#wrapper-sk h2 span {font-size: 4.3vw !important; margin-top: 3px;}

#wrapper-sk main{width: 100%;}

#wrapper-sk .ptdct{position: relative;}

#wrapper-sk .navi{
width: 100%;
    padding:12% 0% 0% 0%;
    margin: 0% 0% 0% 0%;
}
#wrapper-sk .navi ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 0%;
	margin: -7% auto 0;
}

#wrapper-sk .navi ul li:first-child{
	margin: 2% 0 0 5%;
	text-align: center;
}
#wrapper-sk .navi ul li{
    width: 45%;
    margin: 2% auto 3%;
}
#wrapper-sk .navi ul li img{
    width: 100%;
    margin-right: 0;
}
#wrapper-sk .navi ul li:last-child/*, .ptdct_s ul li:last-child */{
    margin-right: 2.5%;
}


#wrapper-sk .anchor_link.fixed2 {
margin: 12% auto 0!important;
}

#wrapper-sk #anchor_menu {width: 100%;
        margin: 0 auto;
        padding: 2% 0;
    }

#wrapper-sk .anchor_nav_list {
        margin: 0 !important;
        width: auto;
        padding: 0 3%;
}



#wrapper-sk .ptdct_s ul{
    width: 100%;
    margin: 0px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
	padding: 0;
}
#wrapper-sk .ptdct_s ul > li {
   width: calc(100% / 2 - 1%);
   margin: 0px 2% 3% 0;
   padding: 0;
    }
	
#wrapper-sk .ptdct_s ul > li:nth-child(2) {margin-right: 0;}

#wrapper-sk ol.btn {
       bottom: 3.5%;
        width: 76%;
        left: 0;
        right: 0;
        margin: 0 auto;
}

#wrapper-sk .prdct li.buy_fav {
    width: 12%;
}


#wrapper-sk ol.btn2{
    bottom: 1%;
        width: 80%;
        right: 9%;
    }
	
#wrapper-sk ol.btn2 li.buy_btn{width: 80%;}
#wrapper-sk ol.btn2 li.buy_fav{width: 12%;}

#wrapper-sk p.cyuusyaku {
    font-size: 0.5rem;
    padding: 8px 20px 0;
}
#wrapper-sk .bnr-social {
    width: 90%;
    margin: 40px auto;
}

}