@charset "utf-8";
/* page setting
--------------------------------------------------------- */
@import "_cnskin/021d/css/style.css";

#L01 #area-header.noskin,#L02 #area-header.noskin,#L03 #area-header.noskin,#L07 #area-header.noskin,#L08 #area-header.noskin	{ width:980px;}
#L01 #area-header,#L02 #area-header,#L03 #area-header,#L07 #area-header,#L08 #area-header	{ width:996px;}
#L01 #area-billboard.noskin,#L02 #area-billboard.noskin,#L03 #area-billboard.noskin,#L07 #area-billboard.noskin,#L08 #area-billboard.noskin	{ width:980px;}
#L01 #area-billboard,#L02 #area-billboard,#L03 #area-billboard,#L07 #area-billboard,#L08 #area-billboard	{ width:996px;}
#L01 #area-contents.noskin,#L02 #area-contents.noskin,#L03 #area-contents.noskin,#L07 #area-contents.noskin,#L08 #area-contents.noskin	{ width:980px;}
#L01 #area-contents,#L02 #area-contents,#L03 #area-contents,#L07 #area-contents,#L08 #area-contents	{ width:996px;}
#L02 #area-main,#L03 #area-main,#L07 #area-main,#L08 #area-main	{ width:70%;}
#L02 #area-side-a,#L03 #area-side-a,#L07 #area-side-a,#L08 #area-side-a	{ width:29%;}
#L01 #area-footer.noskin,#L02 #area-footer.noskin,#L03 #area-footer.noskin,#L07 #area-footer.noskin,#L08 #area-footer.noskin	{ width:980px;}
#L01 #area-footer,#L02 #area-footer,#L03 #area-footer,#L07 #area-footer,#L08 #area-footer	{ width:996px;}

#L04	{ width:980px; margin:0 auto;}
#L04 #area-contents	{ width:auto;}
#L04 #main-group	{ width:100%; margin-left:-240px;}
#L04 #area-main	{ margin-left:250px;}
#L04 #area-side-a	{ width:240px;}

#L05	{ width:980px; margin:0 auto;}
#L05 #area-contents	{ width:auto;}
#L05 #main-group	{ width:100%; margin-left:-240px;}
#L05 #main-group .core	{ width:100%; margin-right:-240px;}
#L05 #area-main	{ margin-left:250px; margin-right:250px;}
#L05 #area-side-a	{ width:240px;}
#L05 #area-side-b	{ width:240px;}

#L06	{ width:980px; margin:0 auto;}
#L06 #area-contents	{ width:auto;}
#L06 #main-group	{ width:100%; margin-right:-240px;}
#L06 #area-main { margin-right:250px;}
#L06 #area-side-a	{ width:240px;}

body { background: #FFFFFF; }
.wind-bg { background: url(_src/sc324/bg_ue.png) repeat-x left top; }
.thunder-bg { background: url(_src/sc325/bg_sita.png) repeat-x left bottom; }

#bk604 div.lhm { padding-left: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 20px }
.skin-3 .doujiku_h2{
  padding-bottom: 6px;
}
.skin-3 .doujiku_h2 h2 {
  padding: 6px 10px 6px 8px;
  border-left: 5px solid #444;
  color: #444;
  font-family: "HiraKakuPro-W6";
  font-size: 15.6px;
}
.skin-1 .doujiku_h3{
  padding-bottom: 16px;
  color: #b0b0b0;
  font-weight: 400;
  font-size: 14.4px;
}
.skin-1 .doujiku_h3 img{
  margin-bottom: 5px;
}

.tuyomi_list li{
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  padding-left: 22px;
  list-style: none;
}

.tuyomi_list li:before{
  content: "";
  position: absolute;
  top: 6.5px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(_src/doujiku/icon_check.png) no-repeat center / contain;
}

.seihin_list > ul{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
}

.seihin_list > ul > li{
  display: flex;
  flex-direction: column;
  width: calc(50% - 10px);
  list-style: none;
  margin: 0;
}

.seihin_list > ul > li img{
  max-width: 100%;
}

.btnStyle01{
  max-width: 180px;
  width: 100%;
  margin: 20px auto 0;
}

.btnStyle01 > a{
  display: block;
  line-height: 40px;
  width: 100%;
  background-color: #00f;
  color: #fff;
  border: 1px solid #333;
  text-align: center;
  font-weight: 700;
  transition: all .3s;
}

.btnStyle01 > a:hover{
  text-decoration: none;
  opacity: 0.8;
}

.btnStyle02{
  display: block;
  background-color: #00f;
  color: #fff;
  line-height: 40px;
  max-width: 350px;
  text-align: center;
  width: 100%;
  margin: 20px auto 0;
}


.seihin_list > ul > li > ul{
  margin: 10px auto 0;
}

.buzai_area .flex{
  display: flex;
  justify-content: space-between;
}

.buzai_area .flex .buzai_list{
  width: 60%;
}

.buzai_area .flex .btnStyle01{
  width: 40%;
}