@charset "utf-8";

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


/* -- #contents -- */
div#contents div.bnrTop {
width:100%;
}
div#contents div.bnrTop img{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:5px;
width:50%;
}

div#contents div.sinazoroe {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:5px;
width:33.33%;
}
div#contents div.sinazoroe img{
}
div#contents div.sinazoroe div.detail {
display:none;
}
div#contents div.sinazoroetxt {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:5px;
width:66.67%;
}

div#contents div.ranking {
}
div#contents div.ranking h2 {
padding:5px;
}
div#contents div.ranking h2 img {
width:100%;
}
div#contents div.ranking div.rank {
padding:5px;
}
div#contents div.ranking div.rank div.blockC_1{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
border:1px solid gray;
width:100%;
position:relative;
}
div#contents div.ranking div.rank div.blockC_1 div.blockC_1a{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:4px;
width:50%;
}
div#contents div.ranking div.rank div.blockC_1 div.blockC_1a img{
width:100%;
}
div#contents div.ranking div.rank div.blockC_1 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;float:left;
padding:4px;
width:100%;
}
div#contents div.ranking div.rank div.blockC_1 div.blockC_1b{
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:50%;
position:absolute;
top:4px;
left:4px;
}
div#contents div.ranking div.rank div.blockC_1 div.blockC_1b img.rankimg{
width:50%;
}
div#contents div.ranking div.rank div.blockC_1 hr{
float:left;
margin-top:2px;
height:3px;
border:none;
border-top:1px solid #c0c0c0;
display:block;
width:98%;
margin-left:4px;
}
div#contents div.goodslist {
}
div#contents div.goodslist div.goods {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:5px;
width:50%;
}
div#contents div.goodslist div.goods div.blockD_1{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
border:1px solid #c0c0c0;
width:100%;
position:relative;
}
div#contents div.goodslist div.goods div.blockD_1 div.blockD_1a{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:4px;
width:50%;
}
div#contents div.goodslist div.goods div.blockD_1 div.blockD_1a img{
width:100%;
}
div#contents div.goodslist div.goods div.blockD_1 hr{
float:left;
margin-top:2px;
height:3px;
border:none;
border-top:1px solid #c0c0c0;
display:block;
width:96%;
margin-left:4px;
}
div#contents div.goodslist div.goods div.blockD_1 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;
float:left;
margin-left:4px;
width:98%;
}
div#contents div.goodslist div.goods div.blockD_1 div.blockD_1b{
width:50%;
position:absolute;
top:4px;
left:4px;
}
div#contents div.goodslist div.goods div.blockD_1 div.blockD_1b img.genreimg{
width:50%;
}
div#contents div.goodslist p.goodslisttxt{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
padding:5px;
width:100%;
}


/* -- #colorbox -- */
div#cbgoodsinzai{
margin:10px auto;
padding:5px;
border:1px solid gray;
width:95%;
}
div#cbgoodsinzai div.cbgA1{
float:left;
width:50%;
}
div#cbgoodsinzai div.cbgA1 div.cbgB1{
width:100%;
}
div#cbgoodsinzai div.cbgA1 div.cbgB2{
width:100%;
}
div#cbgoodsinzai div.cbgA1 div.cbgB2 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;
width:100%;
padding:5px;
}
div#cbgoodsinzai div.cbgA2{
float:left;
width:50%;
}
div#cbgoodsinzai div.cbgA2 p{
padding:5px;
}
div#cbgoodsinzai div.cbgA2 div.cbgC1{
width:100%;
}
div#cbgoodsinzai div.cbgA2 div.cbgC1 img{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:5px;
width:33.33%;
}
div#cbgoodsinzai p.cbclose {
text-align:center;
}
div#cbgoodsinzai p.cbclose a {
display:block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
line-height:2.0;
text-align:center;
background-color: #F5F5F5;
border:1px solid #dedede;
margin:0px auto 5px;
width:30%;
color: #333333;
text-decoration: none;
}

div#cbgoodscase{
margin:10px auto;
padding:5px;
border:1px solid gray;
width:95%;
}
div#cbgoodscase div.cbgA1{
float:left;
width:50%;
}
div#cbgoodscase div.cbgA1 div.cbgB1{
width:100%;
}
div#cbgoodscase div.cbgA1 div.cbgB2{
width:100%;
}
div#cbgoodscase div.cbgA1 div.cbgB2 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;
float:left;
width:70%;
padding:5px;
}
div#cbgoodscase div.cbgA1 div.cbgB2 div.cbgD1{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
width:30%;
padding:5px;
}
div#cbgoodscase div.cbgA1 div.cbgB2 div.cbgD1 img{
width:100%;
}
div#cbgoodscase div.cbgA2{
float:left;
width:50%;
}
div#cbgoodscase div.cbgA2 p{
padding:5px;
}
div#cbgoodscase div.cbgA2 div.cbgC1{
width:100%;
}
div#cbgoodscase div.cbgA2 div.cbgC1 img{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
float:left;
padding:5px;
width:33.33%;
}
div#cbgoodscase p.cbclose {
text-align:center;
}
div#cbgoodscase p.cbclose a {
display:block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
line-height:2.0;
text-align:center;
background-color: #F5F5F5;
border:1px solid #dedede;
margin:0px auto 5px;
width:30%;
color: #333333;
text-decoration: none;
}


/* -- #colorbox -- */
div#cbrank{
margin:10px;
border:1px solid gray;
}
div#cbrank img{
/*float:left;*/
padding:5px 5%;
margin:0px 5%;
/*width:30%;*/
width:80%;
}
div#cbrank p{
/*float:left;*/
padding:5px 5%;
/*width:50%;*/
width:90%;
}