@charset "utf-8";

/* 361px以上799px以下(タブレット) ＋20px(スクロールバーbug)*/


/* -- #contents -- */

div#contents h2.titleimg {
padding:5px;
margin-bottom:5px;
}

div#contents div.blockA {
padding:5px;
}

div.blockA div.mailorder div.blockB{
margin:0px auto;
width:80%;
text-align:center;
}
div.blockA div.mailorder div.blockB h4{
/*
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
width:100%;
background-color:gray;
padding:5px;
margin:0px auto 5px;
font-weight:bold;
color:white;
border:2px solid #CCCCCC;
text-align:center;
*/
}
div.blockA div.mailorder div.blockB>img{
width:100%;
margin:10px 0px;
}
div.blockA div.mailorder div.blockB h4>img{
max-width:100%;
margin:10px 0px;
}
div.blockA div.mailorder div.blockB p{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
margin:0px auto;
width:100%;
padding:5px;
text-align:left;
}


div#contents div.mailorderguide {
float:right;
padding:5px;
width:30%;
text-align:center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
div#contents div.mailorderguide img{
width:100%;
}
div#contents div.mailorderguide img.mini{
width:50%;
}
div#contents div.mailorderguidetxt {
float:left;
padding:5px;
width:70%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
    
div#contents p.p20 {
padding:5px 15px !important;
}