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

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

.wrapper{width: 1080px;margin: 0 auto 80px;}

main{width: 960px; margin: 0 auto;}

h1{
    text-align: center;
    padding: 5% 0  30px;
}
h1 img{
	width: 100%;
    margin: 0px auto 0px;
    display: block;
}

h2.sk2{margin: 0;}

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

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

p.cyuusyaku{font-size: 0.6rem;
    padding: 8px 30px 0;
    margin: 0;
}
.navi ul li img,.ptdct_s ul li img{width: 100%;}

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

.prdct,.ptdct_s{position: relative!important;}

ol.btn{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 5.5%;
    left: 10%;
    width: 39%;
	}

ol.btn2{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 2%;
    left: 5%;
    width: 39%;
    margin: revert;
	margin-left: 30px;
	}
	
ol.btn3{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: 13%;
    left: 5%;
    width: 39%;
    margin: revert;
	}

.prdct li.buy_btn {width: 80%;}
.prdct li.buy_fav {width: 12%;margin-left: 1%;}


.bnr-social{width: 80%; margin: 0 auto;}
.mb3{margin-bottom: 3px;}


@media screen and (max-width:1024px), screen and (max-width: 896px) and (orientation: landscape) {
.wrapper{width: 100%;}
h1{
	margin: 10% 0% 5% 0%;
    padding: 0% 0% 0% 0%;
    font-size: 6vW;
}
h1 img{
    width: 100%!important;
}

/*h2 {font-size: 6.0vw !important;margin: 30px auto 10px!important;}

h2 span {font-size: 4.3vw !important; margin-top: 3px;}*/

main{width: 100%;}

.ptdct{position: relative;}

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


ol.btn{ bottom: 8%;
        width: 80%;
        align-items: center !important;
        justify-content: center;
        left: 11%;}

ol.btn2{
    bottom: 1%;
   width: 80%;
   align-items: center !important;
   justify-content: center;
    }
ol.btn3{
    bottom: -1%;
   width: 80%;
   align-items: center !important;
   justify-content: center;
   left: 10%;
    }
	
ol.btn2 li.buy_btn{width: 80%;}
ol.btn2 li.buy_fav{width: 12%;}

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

}