@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;

}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
#wrapper.before_after{
  width: 100vw;
  height: 100vh;
  position: relative;
  background:url(../images/b_a_back.png) no-repeat,#595757;
  background-size: cover;
  overflow: hidden;
}
body{
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 16px;
}

h2 dl{
display: table;
}
h2 dd{
display: table-cell;
vertical-align: middle;
font-size: 30px;
}
h2 dd.mini{
  font-size:15px;
  padding-left:10px;
  padding-top:5px;
}

.bold{
  font-weight: bold;
}

/*common*/
.right{
  float:right;
}
.left{
  float:left;
}
.right a,.right img,.left a,.left img{
  line-height: 0;
}
/*wrapper*/
#wrapper{
  width: 920px;
  margin:0 auto;
}

header{
  line-height: 0;
}

#content{
	margin-bottom:150px;
}
#content img{
	padding:5px;
	margin:auto;
}

#con01{
  padding:80px 170px;
  background:#d4d6d5;
}
#con01 p{
  line-height:35px;
}
/*con02*/
/*#con02{
  height:992px;
  overflow: hidden;
}*/
#con02 .left{
/*width:447px;*/
}
#con02 .right{
/*width: 447px;*/
}
/*a.ue{
  display: block;
  height:510px;
  overflow: hidden;
}*/
/*con03*/
/*#con03 .con03_01 .left{
width:734px;
}*/
/*#con03 .con03_01 .left .overflow_hidden1{
  height:357px;
  overflow: hidden;
}
#con03 .con03_01 .right,#con03 .con03_01 .right img{
width: 366px;
height:707px;
overflow: hidden;
}
.con03_01{
  height:706px;
  overflow: hidden;
}*/
.con03_02_01,.con03_02_02,.con03_02_03{
  float: left;
}
.con03_02_03,.con03_02_03 img{
  width: 366px;
  height:350px;
  overflow: hidden;
}
/*con04~*/
#conlamps ul li{
  width: 187px;
  display: inline-block;
  margin-right:40px;
}

#conlamps ul li:last-child{
  margin-right:0;
}

#conlamps a{
  color:#000;
  text-decoration: none;
  display: block;
  width: 100%;
  height:100%;
  transition: .3s;
}
#conlamps a:hover{
  opacity: 0.5;
}
#conlamps .mini{
font-size: 0.8em;
}
#conlamps dd.mini{
  font-size:0.7em;
}

.pd_margin{
	margin-bottom:160px;
}


.items{
  margin-top:40px;
}
.type,.money,.kataban{
  margin-top:5px;
}
.zei{
  padding:0 5px 0 5px;
}
.color{
  padding-left:5px;
}

.color.mini.db{
font-size:0.4em;
}
dl.table{
  display: table;
}
dl.table dd{
  display: table-cell;
  vertical-align: middle;
}
dd.lamp{
  border:1px solid #000;
  font-size:0.5em;
  padding:0 2px 0 1px;
}
dd.lamp.black{
  border:1px solid #000;
  background:#000;
  color:#fff;
}
#con04,#con05,#con06,#con07,#con08{
  margin-top:150px;
}
/*footer*/
.copylight{
  margin-top:150px;
  width: 100%;
background:#d4d6d5;
padding:10px;
text-align: center;
box-sizing: border-box;
}

/*pagetop*/
#page-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
}
#page-top a {
    color: #fff;
    text-align: center;
    display: block;
      transition: .3s;
}
#page-top a:hover {
    opacity: 0.7;
}
/*cf*/
.cf:after {
    content:" ";
    display:block;
    clear:both;
}

.section{
	padding: 10px 0 50px 0;
	margin: 0 0 0 0;
	min-height: 60px;
	height: auto !important;
	text-align: center;
}
.flt_L{float: left;}


.bBox6 a:link{
	color: #FFF;
	padding: 5px 20px;
	font-size: 16px;
	line-height: 1.5;
	margin:0 5px 5px 0;
	background: #666;
	font-weight:bold;
	text-decoration:none;
	}

.bBox6 img{
	margin:5px;
	top:5px;
	left:-12px;
	position:relative;
	}

.bBox6 a:visited{
	color:#FFF;
	background: #666;
	text-decoration:none;
	}

.detail_Cate{
    font-size: 16px;
    line-height: 1.5;
    width: 410px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
}

.detail_Cate2{
	font-size: 16px;
	line-height: 1.3;
	padding: 8px 0 0 0px;
	width: 415px;
}
 .bBox6 a:hover{
	color: #fff;
	background: #F00;
	text-decoration:none;
	}