@charset "utf-8";

/* 最小幅360px以下(スマフォ)＋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;
padding:5px;
width:100%;
}

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;*/
margin:0px 15%;
width:70%;
position:relative;
}
div#contents div.sinazoroe img{
width:100%;
}
div#contents div.sinazoroe div.detail {
position:absolute;
width:100%;
bottom:0px;
left:0px;
/*margin-bottom:5px;*/
}
.rgba div#contents div.sinazoroe div.detail {
background-color:#ececec;
background-color: rgba(236, 236, 236, 0.8);
}
.no-rgba div#contents div.sinazoroe div.detail {
background-image: url("//www.sotsuin.com/img/common/bannertextback.png");
}
div#contents div.sinazoroe div.detail h4{
padding:5px;
}
div#contents div.sinazoroe div.detail p{
padding:5px;
display:none;
}
div#contents div.sinazoroe div.bx-controls{
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:100%;*/
display:none;
}




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;
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:96%;
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;
padding:5px;
width:100%;
}
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;
padding:4px;
width:100%;
}
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:90%;
}
div#cbgoodsinzai div.cbgA1{
width:100%;
}
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{
width:100%;
}
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:90%;
}
div#cbgoodscase div.cbgA1{
width:100%;
}
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{
width:100%;
}
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{
padding:5px 10%;
width:80%;
}
div#cbrank p{
padding:5px 10%;
width:80%;
}