@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

*/

.bn_base{width:/*710px*/860px;height:152px;display:block;text-align:center;color:#000;/*margin:10px 0 0;*//*background:url(002.png)0 0;*/}
.bn_base:active,
.bn_base:visited,
.bn_base:link,
.bn_base:hover{color:inherit;text-decoration:none;}
.bn_base .bn_in{border:1px solid #AAA;box-sizing:border-box;width:100%;height:100%;position:relative;font-size:0;line-height:0;letter-spacing: -1em;}
.bn_base .bn_img1,
.bn_base .bn_img2{width:200px;height:100%;text-align:center;overflow:hidden;position:absolute;top:0;}
.bn_base .bn_img1 img,
.bn_base .bn_img2 img{width:auto;height:auto;/*max-width:101%;max-height:101%;*/max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);/*background:#EEE;*/}
.bn_base .bn_img3{width:400px;height:100%;text-align:center;overflow:hidden;position:absolute;top:0;background:#EEE;}
.bn_base .bn_img3 img{width:auto;height:auto;/*max-width:101%;max-height:101%;*/max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}


.bn_base .bn_out{position:absolute;top:0;/*background:rgba(0,0,0,0.1);*/width:calc( 100% - 400px );}
.bn_base .bn_out dl{text-align:left;margin:0 15px 0 20px;/*color:#F00;*/padding:15px 0 0;letter-spacing:normal;word-break:break-all;word-wrap:break-word;}
.bn_base .bn_out .bn_out_t1{font-size:22px;line-height:30px;font-weight:700;color:#0062b0;}
.bn_base .bn_out .bn_out_t1 span{width:100%;height:30px;overflow:hidden;display:block;}
.bn_base .bn_out dd{}
.bn_base .bn_out .bn_out_t2{font-size:15px;line-height:25px;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:19px;/*background:rgba(0,0,0,0.2);*/padding:5px 0 0;color:#444;}
.bn_base .bn_out .bn_out_c1 span{width:100%;height:57px;overflow:hidden;display:block;}
.bn_base .bn_price{color:#FF0004;position:absolute;bottom:-3px;/*background:rgba(0,0,0,0.1);*/
text-shadow: 
2px 2px 1px #FFF,
-2px 2px 1px #FFF,
2px -2px 1px #FFF,
-2px -2px 1px #FFF,
2px 0px 1px #FFF,
0px 2px 1px #FFF,
-2px 0px 1px #FFF,
0px -2px 1px #FFF;
}
.bn_base .bn_price ul{}
.bn_base .bn_price li{vertical-align:baseline;display:inline-block;letter-spacing:normal;/*background:rgba(0,0,0,0.1);*/}
.bn_base .bn_price .bn_price1{font-size:38px;line-height:45px;font-weight:700;}
.bn_base .bn_price .bn_price2{font-size:18px;line-height:45px;font-weight:700;position:relative;padding:0 5px 0 0;}
.bn_base .bn_price .bn_price3{font-size:13px;line-height:20px;height:20px;display:block;position:absolute;top:-5px;left:0;white-space:nowrap;}
.bn_base .bn_price .bn_price0{font-size:28px;line-height:45px;font-weight:700;margin:5px;}



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

.bn1a{}
.bn1b{}
.bn1a.bn_base .bn_img1,
.bn1b.bn_base .bn_img1{right:200px;}
.bn1a.bn_base .bn_img2,
.bn1b.bn_base .bn_img2{right:0;}
.bn1a.bn_base .bn_out,
.bn1b.bn_base .bn_out{left:0;}
.bn1a.bn_base .bn_price,
.bn1b.bn_base .bn_price{right:5px;}

.bn2a{}
.bn2b{}
.bn2a.bn_base .bn_img1,
.bn2b.bn_base .bn_img1{left:0;}
.bn2a.bn_base .bn_img2,
.bn2b.bn_base .bn_img2{left:200px;}
.bn2a.bn_base .bn_out,
.bn2b.bn_base .bn_out{right:0;}
.bn2a.bn_base .bn_price,
.bn2b.bn_base .bn_price{left:5px;}

.bn3a{}
.bn3b{}
.bn3a.bn_base .bn_img1,
.bn3b.bn_base .bn_img1{left:0;}
.bn3a.bn_base .bn_img2,
.bn3b.bn_base .bn_img2{right:0;}
.bn3a.bn_base .bn_out,
.bn3b.bn_base .bn_out{left:200px;}
.bn3a.bn_base .bn_price,
.bn3b.bn_base .bn_price{right:5px;}

.bn4a{}
.bn4a.bn_base .bn_img1{right:0;}
.bn4a.bn_base .bn_out{left:0;width:calc( 100% - 200px );}
.bn4a.bn_base .bn_price{right:5px;}

.bn5a{}
.bn5a.bn_base .bn_img1{left:0;}
.bn5a.bn_base .bn_out{right:0;width:calc( 100% - 200px );}
.bn5a.bn_base .bn_price{left:5px;}

.bn6a,
.bn6b{}
.bn6a.bn_base .bn_img3,
.bn6b.bn_base .bn_img3{right:0;}
.bn6a.bn_base .bn_out,
.bn6b.bn_base .bn_out{left:0;}
.bn6a.bn_base .bn_price,
.bn6b.bn_base .bn_price{right:5px;}

.bn7a,
.bn7b{}
.bn7a.bn_base .bn_img3,
.bn7b.bn_base .bn_img3{left:0;}
.bn7a.bn_base .bn_out,
.bn7b.bn_base .bn_out{right:0;}
.bn7a.bn_base .bn_price,
.bn7b.bn_base .bn_price{left:5px;}

.bn8a,
.bn8b,
.bn8c,
.bn8d,
.bn8e{}
.bn8a.bn_base .bn_img3,
.bn8b.bn_base .bn_img3,
.bn8c.bn_base .bn_img3,
.bn8d.bn_base .bn_img3,
.bn8e.bn_base .bn_img3{left:0;width:100%;}
.bn8a.bn_base .bn_img3 img,
.bn8b.bn_base .bn_img3 img,
.bn8c.bn_base .bn_img3 img,
.bn8d.bn_base .bn_img3 img,
.bn8e.bn_base .bn_img3 img{/*width:101%;*/width:100%;max-width:auto;max-width:initial;max-height:auto;max-height:initial;}
.bn8a.bn_base .bn_out,
.bn8b.bn_base .bn_out,
.bn8c.bn_base .bn_out,
.bn8d.bn_base .bn_out,
.bn8e.bn_base .bn_out{left:150px;top:27px;width:calc( 100% - 300px );background:rgba(255,255,255,0.5);padding:10px 0 15px;}
.bn8b.bn_base .bn_out{background:rgba(0,0,0,0.6);}
.bn8c.bn_base .bn_out{left:15px;top:15px;width:calc( 100% - 290px );border-left:5px solid #0062b0;}
.bn8d.bn_base .bn_out{left:0;top:0;width:calc( 100% - 290px );background:#0062b0;}
.bn8e.bn_base .bn_out{left:20px;top:20px;width:calc( 100% - 40px );background: rgba(255,255,255,0.5);padding:7px 0 15px;border-top:5px solid #0062b0;}
.bn8a.bn_base .bn_out dl,
.bn8b.bn_base .bn_out dl,
.bn8c.bn_base .bn_out dl,
.bn8d.bn_base .bn_out dl,
.bn8e.bn_base .bn_out dl{text-align:center;margin:0 10px;padding-top:5px;}
.bn8b.bn_base .bn_out dl{color:#FFF;}
.bn8c.bn_base .bn_out dl{text-align:left;margin:0 15px;}
.bn8d.bn_base .bn_out dl{text-align:left;margin:0 15px;color:#FFF;}
.bn8a.bn_base .bn_price,
.bn8b.bn_base .bn_price,
.bn8c.bn_base .bn_price,
.bn8d.bn_base .bn_price,
.bn8e.bn_base .bn_price{right:5px;}
.bn8b.bn_base .bn_out .bn_out_t1{color:inherit}
.bn8d.bn_base .bn_out .bn_out_t1{color:inherit}


/*
.bn8f{}
.bn8f.bn_base .bn_in:after{content:"";display:block;position: absolute;top:0;left:0;width:100px;height:100px;background-image:linear-gradient(135deg,#0062b0 40px,transparent 0);}
.bn8f.bn_base .bn_out dl{padding-top:5px;}
*/

.bn9a{}
.bn9a.bn_base .bn_in{border:none;}
.bn9a.bn_base .bn_img3{left:0;width:100%;}
/*.bn9a.bn_base .bn_img3 img{max-width:100%;max-height:100%;}*/



/*
タイトル2をブルー＆大きく
*/
.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:22px;line-height:30px;color:#0062b0;padding:0;}
.bn1b.bn_base .bn_out .bn_out_t2 span,
.bn2b.bn_base .bn_out .bn_out_t2 span,
.bn3b.bn_base .bn_out .bn_out_t2 span,
.bn6b.bn_base .bn_out .bn_out_t2 span,
.bn7b.bn_base .bn_out .bn_out_t2 span{height:30px;}
.bn1b.bn_base .bn_out .bn_out_c1,
.bn2b.bn_base .bn_out .bn_out_c1,
.bn3b.bn_base .bn_out .bn_out_c1,
.bn6b.bn_base .bn_out .bn_out_c1,
.bn7b.bn_base .bn_out .bn_out_c1{padding:12px 0 0;}
.bn1b.bn_base .bn_out .bn_out_c1 span,
.bn2b.bn_base .bn_out .bn_out_c1 span,
.bn3b.bn_base .bn_out .bn_out_c1 span,
.bn6b.bn_base .bn_out .bn_out_c1 span,
.bn7b.bn_base .bn_out .bn_out_c1 span{height:38px;}


/*
金額非表示
*/
.bn_pr0.bn_base .bn_price{display:none;}





/*
リンク時
*/
.bn_base a{display:block;color:inherit;height:100%;}
.bn_base a .bn_in{transition:0.3s;}
.bn_base a:hover .bn_in{border-color:#0062b0;}