@charset "utf-8";

.sec2{background: #f5f5f5;}
.sec2 .good_Ttl{font-size: 30px;font-weight: bold;color: #00aeac;padding: 0.5em;border-bottom: 5px solid #00aeac;}
.sec2 .good_Ttl span{font-size: 100%;display: inline-block;margin-right: 10px;}
.sec2 .goodsSecInner{width: 90%;margin:2em auto 0 ;}
#uniformSec .btnBox{padding: 30px 0 0; width: 100%;margin: 0 auto; position: relative;}
#uniformSec .btnBox .uniformbuy{display: flex; justify-content: space-between; filter: drop-shadow(7px 7px 5px rgba(0, 0, 0, .15));}
#uniformSec .btnBox .uniformbuy .uniformBox{width: 48%;}
#uniformSec .btnBox .uniformbuy a{background: #fff; clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%); padding: 3em; display: block;}
#uniformSec .btnBox .uniformbuy a span{display: block;}
#uniformSec .btnBox .uniformbuy a:hover{opacity: 0.8;}
#uniformSec .btnBox .uniformbuy .uniform{width: 50%; margin: 0 auto;display: block;}
#uniformSec .btnBox .uniformbuy .ttl{font-size: 24px; font-weight: bold; line-height: 1.3; border-bottom: 1px solid; padding: 0 0 10px; color: #000000;}
#uniformSec .btnBox .uniformbuy .ttl span{display: block; font-size: 90%;}
#uniformSec .btnBox .uniformbuy .price{font-size: 26px; font-weight: bold; padding: 10px 0 0; color: #000000;}
#uniformSec .btnBox .uniformbuy .price span{font-size: 70%;display: inline-block;}
#uniformSec .btnBox .uniformbuy .btn{width: 90%;background: #00aeac; font-size: 24px; color: #fff; font-weight: bold; display: block; padding: 10px 0; text-align: center;margin:0.5em auto;line-height: 1.5;} 
#uniformSec .btnBox .uniformbuy .btn .time{display: block;font-size: 70%;}
#uniformSec .btnBox .uniformbuy .txt{width: 90%;margin: auto;color: #00aeac;font-size: 16px;}

#uniformSec .sizeBox{margin-top: 3em;}
#uniformSec .sizeBox .sizeBoxInner{margin-top: 1em;}
#uniformSec .sizeBox .sizeTtl{font-size: 28px;font-weight: bold;}
#uniformSec .sizeBox .sizeTxt{font-size: 22px;font-weight: bold;}
#uniformSec .sizeBox table{width: 100%;background: #fff;table-layout: fixed}
#uniformSec .sizeBox table tr:first-child{font-weight: bold;font-size: 18px;}
#uniformSec .sizeBox table th{width: 90px;font-size: 18px;}
#uniformSec .sizeBox table td{text-align: center;}
#uniformSec .sizeBox table td:nth-of-type(odd){background: #e6ffff;}
#uniformSec .sizeBox .atenTxt{font: 16px;}

/*768px-min*/
@media only screen and ( max-width: 768px ) {
    .sec2 .goodsSecInner{width: 98%;}
    .sec2 .good_Ttl{font-size: 7vw;line-height: 1.2;}
    .sec2 .good_Ttl span{font-size: 80%;margin-right: 0px;}
    #uniformSec .btnBox{width: 90%;}
    #uniformSec .btnBox .uniformbuy{display: block;}
    #uniformSec .btnBox .uniformbuy .uniformBox{width: 100%;margin-bottom: 2em;}
    #uniformSec .btnBox .uniformbuy a{padding: 2em 1em 1em;}
    #uniformSec .btnBox .uniformbuy .uniform{width: 40%;}
	#uniformSec .btnBox .uniformbuy .ttl{font-size:4.5vw ;}
    #uniformSec .btnBox .uniformbuy .price{font-size:5.5vw ;}
    #uniformSec .btnBox .uniformbuy .btn{font-size:4.5vw ;width: 100%;}
    #uniformSec .btnBox .uniformbuy .txt{font-size:3.5vw ;width: 100%;font-weight: bold;}
    #uniformSec .sizeBox .sizeTtl{font-size: 6vw;}
    #uniformSec .sizeBox .sizeTxt{font-size: 4.5vw;}
    #uniformSec .sizeBox .sp_scroll{width: 100%;overflow: scroll;}
    #uniformSec .sizeBox table{width: 600px;}
    #uniformSec .sizeBox table th{width:70px ;font-size: 4vw;}
    #uniformSec .sizeBox table tr:first-child{font-size: 4vw;}
    #uniformSec .sizeBox .atenTxt{font: 3vw;}
}