@charset "utf-8";

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

/* Reset */
p{
margin:0 0 8px;
}

/*-- Utility --*/
.big{
font-size:13px;
}
.small{
font-size:10px;
}
.pconly{
display:none;
}
.sponly{
display:inline;
}

/*-- Layout --*/
html{
height:auto;
}
body{
font-size:11px;
line-height:1.5;
}
#wrap{
}
#contents{
}
#contents .inner{
}

/*-- MENU --*/
#gmenu-wrap{
background:rgba(217,0,0,1);
}
#gmenu{
}
#gmenu-inner{
width:320px;
}
#gmenu-inner li{
padding:5px 0;
width:auto;
background:rgba(217,0,0,1);
transition:all 0s;
-moz-transition:all 0s;
-webkit-transition:all 0s;
-ms-transition:all 0s;
-o-transition:all 0s;
}
#gmenu-inner li#menu1{
width:34%;
}
#gmenu-inner li#menu2{
width:19%;
}
#gmenu-inner li#menu3{
width:16%;
}
#gmenu-inner li#menu4{
width:16%;
}
#gmenu-inner li#menu5{
width:15%;
}
#gmenu-inner li img{
max-height:32px;
}
#gmenu-inner li a{
}

/*-- section --*/
.section-title{
margin:0 auto 8px;
width:160px;
height:32px;
}
.section-title img{
width:100%;
height:auto;
display:block;
}
.proovy-div{
margin:0 auto 10px;
width:160px;
height:auto;
line-height:1;
}

/*-- Header --*/
#header{
background-size:640px 203px;
}
#header .section-wrap{
background-size:294px 282px;
}
#header .inner{
margin:0 auto;
padding:65px 0 15px;
width:100%;
}
#proovy-select{
margin:0 auto;
width:270px;
height:auto;
}
.sns-box{
margin:0 auto 10px;
}
#btn-tw,
#btn-in{
margin:0 auto 5px;
width:160px;
height:auto;
display:block;
}
.btn-proovytop{
width:160px;
height:40px;
}
#logo-main{
width:127px;
height:127px;
}
#logo-main img{
}

/*-- information --*/
#information{
position:relative;
padding:44px 0 0;
margin:-44px 0 0;
}
#information .section-wrap{
background-size:294px 282px;
}
#information .section-wrap .inner{
margin:0 auto;
padding:15px 0 4px;
width:320px;
}

/*-- item --*/
.info-wrap{
margin:0 auto 15px;
width:300px;
}
.info-title{
padding:7px 8px 4px;
font-size:12.5px;
}
.item-tb{
margin:0 auto 8px;
width:284px;
}
.info-text{
padding:8px 8px 1px;
line-height:1.5;
}
.item-tdl{
width:63px;
color:#ffffff;
font-weight:bold;
background:rgba(235,0,0,0.65);
text-shadow:1px 1px 0px #d90000,1px 1px 1px  #d90000;
}
.item-tdr{
background:rgba(255,255,255,0.65);
}
.item,
.item-c{
margin:0 auto 8px;
width:100%;
max-width:282px;
}
.item-c{
margin:0 auto 5px;
}
.item img,
.item-c img{
}
.item-copy{
max-width:282px;
font-size:9px;
}
.item-wrap{
padding:8px 8px 1px;
}
.item-l{
margin:0 0 8px;
width:282px;
float:none;
}
.item-r{
margin:0 0 8px;
width:282px;
float:none;
}
.item-r .notice-wrap{
width:282px;
}
.item-r .notice-title{
}
.item-r .notice-text{
}

/*-- banner --*/
.bn-wrap{
margin:0 auto 15px;
width:300px;
}
.bn-link{
margin:0 1%;
width:47%;
}

/*-- products --*/
#products{
position:relative;
padding:44px 0 0;
margin:-44px 0 0;
}
#products .section-wrap{
background-size:294px 282px;
}
#products .section-wrap .inner{
margin:0 auto;
padding:15px 0 4px;
width:320px;
}
#products .section-wrap .inner .detail-wrap{
padding:0 8px 2px;
text-align:left;
}
.pro-th{
margin:0 0.5% 4px;
width:23%;
}
.pro-th img{
}

/*-- company --*/
#company{
position:relative;
padding:44px 0 0;
margin:-44px 0 0;
}
#company .section-wrap{
background-size:294px 282px;
}
#company .section-wrap .inner{
margin:0 auto;
padding:15px 0 10px;
width:320px;
}
#company .section-title{
margin:0 auto 6px;
width:160px;
height:32px;
}
#com-main{
margin:0 auto 10px;
width:240px;
height:240px;
float:none;
}
#com-main img{
width:100%;
height:auto;
display:block;
}
.com-tb{
margin:0 auto 5px;
width:300px;
float:none;
}
.profile-tdl{
width:60px;
}
.profile-tdr{
}

/*-- contact --*/
#contact{
}
#contact .section-wrap{
background-size:294px 282px;
}
#contact .section-wrap .inner{
padding:12px 0 12px;
width:300px;
}
.form-tb{
margin:0 auto 10px;
width:100%;
}
.form-tdl{
width:70px;
}
.form-tdr{
padding:7px 7px 7px;
}
.form-tb select{
position:relative;
width:180px !important;
font-size:11px;
}
.form-tb select:hover{
}
.form-tb input{
padding:3px;
width:180px !important;
font-size:11px;
}
.form-tb textarea{
margin:0 0 0 0;
padding:3px;
width:180px !important;
font-size:11px;
}
#contact #submit,
#contact #reset{
width:110px !important;
font-size:11px;
}
#contact #submit:hover,
#contact #reset:hover{
}


/*-- notice --*/
.notice-wrap{
margin:0 auto 10px;
width:300px;
}
.notice-title{
padding:10px 7px 8px;
font-size:14px;
}
.notice-text{
padding:7px 7px 5px;
}

/*-- Footer --*/
#footer-wrap{
}
#footer{
}
#footer .inner{
width:320px;
}
#copy{
padding:8px 0 6px;
font-size:9px;
}
.copy{
}
#pagetop{
position:fixed;
bottom:26px;
right:10px;
left:auto;
width:45px;
height:45px;
z-index:10;
}

/*-- cbox --*/
.cbox-wrap{
margin:0 auto;
width:270px;
text-align:left;
}