@charset "UTF-8";
/* 基本 */
a,a:hover{color:#0645ad}
h1{padding:10px}
#main h2{padding:5px 10px;}
/* ﾆｭｰｽ */
#news{border-top:1px solid #999}
.topic{padding:10px;border-bottom:1px solid #999;width:680px;position:relative}
.divlink{cursor:pointer}

h2#topic{border-bottom:1px solid #999;}
.topic:hover{filter:alpha(opacity=80);opacity:0.8}
.topic img{width:210px;margin-right:10px;float:left}
.topic ul{float:left;width:450px}
.topic li.cat{color:#fff;font-size:14px;font-weight:bold;text-align:center;line-height:1em;padding:5px 0;width:150px;background:#0645ad}
.topic h3{line-height:1em;margin:12px 0}
.topic p{font-size:14px;line-height:1.7em}
.topic dl{font-size:14px;margin-top:5px}
.topic dt{color:#ed3300;font-weight:bold;padding-left:12px;background:url("../img/cube-ed3300.png") no-repeat left center;float:left}
.topic dd{padding-left:110px}
.more a{color:#333;text-decoration:none;line-height:1em;text-align:center;margin:10px 0;padding:10px;background:#e6e6e6;display:block}
.more a:hover{color:#333;background:#d6d6d6}

/*※2017_1215追加※セール枠*/
/*クリスマス
.event{
	background-color:#FFF; background-image:url(../news/sale/winter_sale/img/head_xmas.png), url(../news/sale/winter_sale/img/bg_wood.png);
	/* background-color:#FFF; background-image:url(../news/sale/winter_sale/img/head_ny.png), url(../news/sale/winter_sale/img/bg_ny.png); */
/*	background-repeat: repeat-x, repeat-x;
	background-position:0 35px , 0 35px;
	border:1px solid #ccc; border-radius:5px; width:100%; margin:1em 0; padding:6px 5px;}
.event>h3{display:block; width:95%; margin:0 auto 2em auto; padding:0.3em; color:#E50012; font-weight:bold; font-size:1.2em;}*/
/*年末年始*/
/*.event{
	background-color:#FFF; background-image:url(../news/sale/winter_sale/img/head_ny.png), url(../news/sale/winter_sale/img/bg_ny.png);*/
/*冬のセール
.event{
	background-color:#d9f2f8; background-image:url(../news/sale/winter_sale/img/bg_snow.png), url(../news/sale/winter_sale/img/bg_snow.png);
	background-repeat: repeat-x, repeat-x;
	background-position:0 35px , 0 35px;
	border:1px solid #ccc; border-radius:5px; width:100%; margin:1em 0; padding:6px 5px;}
.event>h3{display:block; width:95%; margin:0 auto 2em auto; padding:0.3em; color:#E50012; font-weight:bold; font-size:1.2em;}
.event h3 a{display:block; width:70%; float:right; font-size:0.8em; font-weight:normal; text-align:right;}
.event>a {width:30%; height:auto; margin:0 1.5%; float:left; text-align:center; font-size:0.8em;}
.event>a img{width:100%; border:1px solid #999;}
*/

/*春のお買得情報
.event{
	background-image:url(../news/sale/pc_sale/img/bg_wood.png);
	background-repeat: repeat-y;
	border:1px solid #ccc; border-radius:5px; width:100%; margin:1em 0; padding:6px 5px;}
.event>h3{display:block; width:100%; margin:0 auto; padding:0.3em 0; text-align:center; background:#E50012; color:#FFF; font-weight:bold; font-size:1em;}*/

/*エアコン祭り*/
.event{
	background:background: #d2ebf7;
	background: -moz-linear-gradient(top, #d2ebf7 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #d2ebf7 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #d2ebf7 0%,#ffffff 100%);
	border:1px solid #ccc; border-radius:5px; width:100%; margin:1em 0; padding:0;}
.event>h3{display:block; width:100%; margin:0; padding:0; text-align:center;color:#FFF; font-weight:bold; font-size:1em;height:70px;border:none;}
/*.event{
	background:background: #d2ebf7;
	background: -moz-linear-gradient(top, #d2ebf7 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #d2ebf7 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #d2ebf7 0%,#ffffff 100%);
	border:1px solid #ccc; border-radius:5px; width:100%; margin:1em 0; padding:5px;}
.event>h3{display:block; width:100%; margin:0 auto; padding:0.3em 0; text-align:center; background:#E50012; color:#FFF; font-weight:bold; font-size:1em;}*/

#news .box01{display:block; width:95%; padding:10px 2.5%; border-bottom:1px solid #999;}
#news .box01:last-of-type , #news .box02:last-of-type , #news .box03:last-of-type{border:none;}
#news .box02 , #news .box03{width:100%; padding:10px 0; border-bottom:1px solid #999;}
#news .box02 a {width:48%; height:auto; margin:0 1%; float:left; text-align:center; font-size:0.8em;}
#news .box03 a {width:30%; height:auto; margin:0 1.5%; float:left; text-align:center; font-size:0.8em;}
.event a img , #feature_item a img{width:100%; border:1px solid #999;}

#feature_item{width:100%; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #999;}
#feature_item h3{width:100%; margin:0 auto; padding:0; text-align:center; background:#0645ad; color:#FFF; font-size:1em;}

#news .feature{display:block; width:700px; margin:0 auto 1em auto;}
#news .feature a{display:inline; padding:0;}
#news .feature img{width:auto; height:125px; margin:0; float:left;}
.pickup{background-image:url(../img/news/bg_slant.png);}


/* ｻｲﾄﾞﾊﾞﾅｰ */
#side{text-align:center}
.chirashi,.banner,img.s-banner{margin-bottom:10px}
.chirashi{height:250px;background:url('../img/bg/chirashi.png')}
.chirashi h2{padding:22px 0 12px;color:#e50010;font-size:24px;font-weight:bold}
.chirashi h2 span{color:#333;font-size:14px;font-weight:normal}
.banner h2{color:#fff;text-align:left;font-size:12px;padding:3px 10px;background:#888;border-radius:5px 5px 0 0}
.banner-link{padding:2px 9px 7px;background:#fff;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;border-radius:0 0 5px 5px}
.banner ul{padding:2px 9px 7px;background:#fff;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;border-radius:0 0 5px 5px}
.banner li{margin-top:5px;line-height:0em}
.banner li.text{font-size:14px;line-height:1em;padding:10px 0;}
.banner li p{padding:5px 0 0;font-size:12px;text-align:left;line-height:1.1em;letter-spacing:0.1em}
/* ﾛｸﾞ */
.oldtopic{padding:10px;border-bottom:1px solid #999;width:680px;position:relative}
.oldtopic ul{float:left;width:690px}
#main h2.backnumber{font-size:2em;margin:20px 0 0;border-bottom:1px solid #888;}

@media screen and (min-width: 640px){
/* モバイル専用項目(PCで非表示) */
.sp{display:none;}
}
/* モバイル表示モード */
@media screen and (max-width: 639px){
body{background:#FFF;}
#main h2{width:95%; padding:5px 2.5%;}
h2#topic{width:95%; padding:5px 2.5%; border-bottom:1px solid #ccc; color:#666; font-weight:bold; font-size:0.8em;}
.topic{width:95%; padding:10px 2.5%; border-bottom:1px dashed #ccc;}
.topic h3{margin:0;}
.topic img{width:40%; margin:0 4% 0 0;}
.topic ul , .topic p , .topic dl{ font-size:11px;}
.topic ul{width:56%; float:right;}
.topic li.cat{display:none;}
.topic dt{padding:0 0.5em 0 0; background:none;  color:#333;}
.topic dd{padding-left:0;}
.topic h3{margin-bottom:5px;line-height:1.4em;}
.topic p{line-height:1.4em;}
.topic a{text-decoration:none; color:##356bb3;}
.more a{display:block;width:95%; margin:10px auto;padding:10px;}



/* PC専用項目(スマホで非表示) */
.pc{display:none !important;}
}