@charset "utf-8";
/* CSS Document */

body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
}


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {
    margin: 0;
    padding: 0;
}
img {
    border: 0 none;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
    font-style: inherit;
    font-weight: inherit;
}
del, ins {
    text-decoration: none;
}
li {
    list-style: none outside none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

img{vertical-align:top;}

* {
	margin: 0;
	padding: 0;
}


.fl{float:left;}
.fr{float:right;}
.pd_t20{padding:20px 0 0 0;}
.mb{margin:0 0 25px 0;}
.mb20{margin:0 0 20px 0;}



/* Top */

body#bgc{background-color:#c7c7c7; width:100%;}
body{background:#fff;  }


#head{background:url(../img/top_head_bg.jpg) repeat-x; width:100%; height:621px; }
.head_wrap{width:980px; margin:0 auto; position:relative; height:621px;}


h1{color:#b4b4b4; font-size:12px; padding:16px 0 14px 0;}
h2{float:left; margin:0 10px 0 0;}
.logo{padding:24px 0 0 0;}
.tel{text-align:right;}
p.head_txt{color:#b4b4b4; font-size:12px; float:left;}
p.head_txt strong{color:#fff; font-size:16px; font-weight:bold;}

.nav{width:980px; position:absolute; top:103px;}
.nav li{float:left; line-height:0;}
.nav li a{display:block;}

p.main{position:absolute; top:163px;}

.cnt1{width:100%; padding:0 0 20px 0; border-bottom:7px solid #333;}
*+html .cnt1{padding:0 0 10px 0;}
.cnt{width:980px; margin:0 auto;}
.cnt h3{font-size:12px; background:url(../img/h3_bg.jpg) no-repeat; width:771px; height:85px; padding:25px 0 0 209px; margin:20px 0; }
.bankin_box{background:url(../img/bg_bankin.jpg) no-repeat; width:299px; height:122px; padding:178px 0 0 17px; margin:0 16px 0 0; }
.txt{font-size:12px; width:280px; height:70px;}
.btn{text-align:center;}
p.btn a:hover , .bnr a:hover{opacity:0.7;}


.shaken_box{background:url(../img/bg_shaken.jpg) no-repeat; width:299px; height:122px; padding:178px 0 0 17px; }
.buy_box{background:url(../img/bg_buy.jpg) no-repeat; width:299px; height:122px; padding:178px 0 0 17px; }

#foot_wrap{width:980px; margin:0px auto; padding:20px 0; color:#403f40;}
#foot_wrap p{text-align:center; font-size:12px; margin:0 0 10px 0; }
#foot_wrap p a{text-decoration:none; color:#403f40;}
#foot_wrap p a:hover{text-decoration:underline; color:#403f40;}

#foot_wrap address{text-align:center; font-size:12px; font-style:normal;}

/* 下層 */
#cnt_head{background:url(../img/cnt_bg.jpg) repeat-x; width:100%; height:381px; }
.cnt_head_wrap{width:980px; margin:0 auto; position:relative; height:381px;}
.pankuzu{position:absolute; top:272px; z-index:99; font-size:12px; color:#656464; left:34px;}
.pankuzu a{text-decoration:none; color:#656464;} 
.pankuzu a:hover{text-decoration:underline;}
.subnav{padding:20px 0 0 0;}
.subnav li{margin:0 0 20px 0;}
.subnav li a:hover{opacity:0.7;}

.cnt h3.ttl_bo{border-left:solid 6px #f50c07; height:30px; color:#474646; font-size:16px; font-weight:bold; padding:10px 0 0 10px; margin:0 0 20px 0; background:none;}

.ttl_bo{border-left:solid 6px #f50c07; height:30px; color:#474646; font-size:16px; font-weight:bold; padding:10px 0 0 10px; margin:0 0 20px 0;}



.tt{font-size:14px; width:592px; padding:0 0 0 16px; margin:0 0 20px 0; color:#656464;}
.tt2{font-size:14px; width:390px; padding:0 0 0 16px; color:#656464;}
.tt3{font-size:14px; width:592px; padding:0 0 0 16px;  color:#656464;}
.tt4{font-size:14px; width:592px; margin:0 0 20px 0; color:#656464;}



.tt2 span , .tt3 span{font-weight:bold; font-size:16px; color:#656464; line-height:2.0;}

.bor_bb{border-bottom:solid 3px #403f40; padding:0 0 20px 0px; margin:0 0 20px 16px; width:614px;}
.w630{width:630px;}
.st_list_box{
	width:190px;/*180px*/
	/*float:left;*/
	margin:0 30px 40px 0;
	display: inline-block;
	vertical-align: top;
}
#topicsArea .st_list_box:nth-child(3) {
	margin-right:0;
}

.st_list_box2{width:190px;/*180px;*/ float:right;}

.st_list_box a:hover{opacity:0.7;}
.st_list_box2 a:hover{opacity:0.7;}

.st_list_ttl{font-size:14px; border-bottom:solid 3px #ec1d23; padding:10px 0 5px 0;}
.price{font-size:12px; padding:5px 0;}

.list_txt{font-size:12px; padding:10px; width:170px;/*width:160px;*/ background-color:#a8a8a8; margin:0 0 10px 0;}
.bor_bb2{border-bottom:solid 3px #403f40; margin:0 0 40px 0;}

.bnr_mb20{margin:0 0 20px 0;}
.bnr_mb0{margin:0;}


.bnr_mb20 a:hover , .bnr_mb0 a:hover{opacity:0.7}
dl.infobox{
	width: 608px;
	margin: 0 0 40px 16px;
	font-size: 13px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #646363;
	border-right-color: #646363;
	border-bottom-color: #646363;
	border-left-color: #646363;
}
dl.infobox dt{
	width: 129px;
	float: left;
	background-color: #777676;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	border-bottom:1px solid #646363!important; 

}
dl.infobox dd{padding:10px 0 10px 145px; background-color:#b6b5b5; border-bottom:1px solid #646363!important; border-left:1px solid #646363!important; }

.g_bt{text-align:right; margin:10px 0 0 0; }
.g_bt a:hover{opacity:0.7;}

.de_sam{float:left; margin:0 30px 25px 0;}
.de_sam_r{float:right; margin:0 0 25px 0;}
.bor_bb3{border-bottom:solid 3px #ec1d23; margin:0px 0 10px 0;}
.de_txt{font-size:12px; /*border-top:solid 1px #ec1d23; padding:10px 0 0 0;*/ margin:0px 0 10px 0;}
.re_bt a:hover{opacity:0.7;}
.re_bt{margin:0 0 20px 0; text-align:center;}

.menu{width:612px; padding:0 0 20px 16px; font-size:12px; color:#4b4a4a; border-top:1px solid #ccc;
	border-left:1px solid #ccc;}

.menu th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px;
	text-align:center;
	font-weight:bold;
	background:#f4f2f2;
}

.menu td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:7px 5px;
	background:#fff;
}
.totalPrice{font-weight:bold; color:#F00;}



/* 20171228追加 */
#topics_paging {text-align:center;margin-top:20px;padding-left:0;}
#topics_paging span {display:inline-block;margin:0 5px;list-style:none;font-size:0.9em;}
.topics_photo_1,.topics_photo_2,.topics_photo_3,.topics_photo_4,.topics_photo_5,.topics_photo_6,.topics_photo_7,.topics_photo_8,.topics_photo_9,.topics_photo_10,.topics_photo_11,.topics_photo_12 {
	width:100%;
	max-width: 48%;
	margin: 1%;
}

#topics_thumbnail {
    overflow: hidden;
    position: relative;
    width: 190px;/* トリミングしたい枠の幅 */
    height: 143px;/* トリミングしたい枠の高さ */
}
#topics_thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
#topics_body {
    margin-bottom: 20px;
}
#topics_body hr:first-of-type {
    border: solid 1.5px #ec1d23;
    margin-top: 20px;
}
#topics_body hr:last-of-type {
    border: solid 0.5px #ec1d23;
    margin-top: 5px;
}