@charset "UTF-8";

/*

-----SP BANNER TEMP-----
Always Sync Path
【ユーザー】
https://demo.towa-house.co.jp/css/prv/bn_temp_pc.css
https://demo.towa-house.co.jp/css/prv/bn_temp_sp.css

【管理】
https://cms.towa-house.co.jp/css/prv/bn_temp_pc.css
https://cms.towa-house.co.jp/css/prv/bn_temp_sp.css

*/

#container{ background-color:#eee; padding: 10px; box-sizing: border-box;}

.bn_base{/*height:245px;*/text-align:center;display:block;color:#000;/*background:#AAA url(003.png)0 0;background-size:380px 245px;*/}
.bn_base:active,
.bn_base:visited,
.bn_base:link,
.bn_base:hover{color:inherit;text-decoration:none;}
.bn_base + .bn_base{/*border-top:1px solid #AAA;*/ margin-top: 10px;}
.bn_base .bn_in{max-width:375px;padding:17px 0;margin:0 auto;/*background:rgba(0,0,0,0.1);*/background-color:#fff;box-shadow: 2px 2px 2px gray;border-radius:5px;}

.bn_base .bn_out{}
.bn_base .bn_out dl{text-align:left;margin:0 15px;letter-spacing:normal;word-break:break-all;word-wrap:break-word;}
.bn_base .bn_out .bn_out_t1{font-size:18px;line-height:21px;font-weight:700;color:#0062b0;}
.bn_base .bn_out .bn_out_t1 span{width:100%;/*height:25px;overflow:hidden;*/display:block;}
.bn_base .bn_out dd{}
.bn_base .bn_out .bn_out_t2{font-size:14px;line-height:20px;font-weight:700;padding:5px 0 0;}
.bn_base .bn_out .bn_out_t2 span{width:100%;/*height:25px;overflow:hidden;*/display:block;}
.bn_base .bn_out .bn_out_c1{font-size:12px;line-height:17px;padding:5px 0 0;color:#444;}
.bn_base .bn_out .bn_out_c1 span{width:100%;/*max-height:80px;overflow:hidden;*/display:block;}

.bn_base .bn_price{color:#FF0004;margin:0 15px;}
.bn_base .bn_price ul{letter-spacing:-1em;text-align:right;padding:7px 0 0;}
.bn_base .bn_price li{vertical-align:baseline;display:inline-block;letter-spacing:normal;}
.bn_base .bn_price .bn_price1{font-size:24px;line-height:1;font-weight:700;}
.bn_base .bn_price .bn_price2{font-size:14px;line-height:1;font-weight:700;position: relative;}
.bn_base .bn_price .bn_price3{font-size:11px;display:block;position:absolute;top:-13px;left:0;white-space:nowrap;}
.bn_base .bn_price .bn_price0{font-size:18px;line-height:1;font-weight:700;}

.bn_base .bn_img{padding:5px 0 0;font-size:0;letter-spacing:-1em;text-align:center;}
.bn_base .bn_img li{width:100%;max-width:340px;max-height:128px;display:inline-block;letter-spacing:normal;overflow:hidden;vertical-align:top;}
.bn_base .bn_img li img{max-height:128px;width:auto;}

/*
テンプレート切り分け
*/

/*
画像2がある場合
*/
.img2.bn_base .bn_img li{width:50%;height:128px;max-width:170px;text-align:center;padding:0 2px 0 4px;box-sizing:border-box;}
.img2.bn_base .bn_img li + li{padding:0 4px 0 2px;}

.img2.bn_base .bn_img li img{width:auto;height:auto;max-width:100%;max-height:100%;}
/*
タイトル2をブルー＆大きく
ブルーにするclass OR PCテンプのclass
*/
.t2b.bn_base .bn_out .bn_out_t2,
.bn1b.bn_base .bn_out .bn_out_t2,
.bn2b.bn_base .bn_out .bn_out_t2,
.bn3b.bn_base .bn_out .bn_out_t2,
.bn6b.bn_base .bn_out .bn_out_t2,
.bn7b.bn_base .bn_out .bn_out_t2{font-size:18px;color:#0062b0;padding:0 0 3px;}