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

@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

#container h2 {
 text-align:center;
}

#homebox {
 width:894px;
 height:390px;
 margin:0 auto 0 auto;
 padding:15px 15px 28px 15px;
 background:url(/images/home/big_box.png) no-repeat 0 0;
}

#flashbox {
 float:left;
 width:558px;
}

#blogBox {
 padding:8px;
 background:#fff;
 overflow:auto;
}

#blogBox h2 {
 font-size:1.4em;
 font-weight:700;
 color:#56241D;
 text-align:left;
 line-height:1.5;
}

#blogBox p {
 font-size:1.2em;
 line-height:1.5;
 color:#4e4e4e;
 padding:8px 20px 0 18px;
}

#blogBox dl {
 margin-top:14px;
 margin-left:10px;
}

#blogBox dt {
font-size:1.1em;
color:#666666;
line-height:1.5;
font-weight:700;
}

#blogBox dt a {
 font-size:1.2em;
 display:block;
 color:#64A227;
}

#blogBox dd {
 font-size:1.2em;
 line-height:1.5;
 margin-bottom:12px;
}

#blogBox dd a {
 color:#4B8A2F;
}

#blg_nw_post {
 position:relative;
}

#blg_nw_post p{
font-size:1.1em;
line-height:1.5;
color:#fff;
text-align:center;
margin:18px 0 14px 0;
padding:28px 0 110px 0;
width:120px;
background:url(../images/common/blog_bar.png) no-repeat left bottom;
}

#blg_nw_post p a {
 color:#CCFFFF;
}

#blogNews {
  float:right;
  width:335px;
  background:#fff;
}

#blogNews h2 {
 text-align:left;
 padding-left:10px;
}

#threePoints {
 width:338px;
 height:229px;
 position:relative;
 background:url(../images/home/four_points_bg.jpg) no-repeat 0 32px;
}

#fourPoints {
 width:338px;
 height:229px;
 position:relative;
 background:url(../images/home/four_points_bg.jpg) no-repeat 0 32px;
}

*:first-child+html #threePoints {
 top:-32px;
 margin-bottom:-32px;
}

#threePoints h2 {
 width:258px;
 padding:0;
 margin:-32px auto -4px auto;
}

*:first-child+html #threePoints h2 {
 margin:0 auto;
}

#threePoints dl {
 width:155px;
 position:absolute;
}

#threePoints dt {
 font-size:1.3em;
 line-height:1.25;
 padding-top:2px;
 color:#fff;
 text-align:center;
 background:url(../images/home/for-recommend_sml_bg_hd.png) no-repeat 0 0;
}

#threePoints dt a {
 color:#fff;
 text-decoration:none;
}

#threePoints dt a:hover {
 color:#1F5D72;
}

#threePoints dd {
 font-size:1.1em;
 text-align:center;
 line-height:1.5;
 padding:4px 4px 2px 4px;
 overflow:hidden;
 background:url(../images/home/for-recommend_sml_bg_bdy.png) no-repeat 0 bottom;
}

#threePoints dd a {
 color:#454040;
 text-decoration:none;
}

#threePoints dd a:hover {
color:#bd411b;
}

#threePoints dd ul {
 padding:4px 0 0 4px;
 text-align:center;
}

#threePoints dd li {
 font-size:1.1em;
 line-height:1.5;
 white-space:nowrap;
}

#threePoints dd li a {
 color:#454040;
 text-decoration:none;
}

#threePoints dd li a:hover {
 color:#bd411b;
  border-bottom:1px dotted #bd411b;
}

#threePoints dl.no1 {
 top:41px;
 left:11px;
}

#threePoints dl.no2 {
 top:41px;
 left:178px;
}

#threePoints dl.no3 {
 top:134px;
 left:11px;
}

#threePoints dl.no4 {
 top:134px;
 left:178px;
}

#threePoints dl.no3 dd,
#threePoints dl.no4 dd {
 line-height:1.25;
}

#blogNews ul.blog {
 padding:6px 0 2px 10px;
 height:164px;
 overflow:auto;
 border-bottom:1px solid #ccc;
}


*:first-child+html #blogNews ul.blog {
 height:90px;
}

#camera_wrap_test {
	-webkit-border-radius: 10px 10px 10 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	overflow:hidden;
}

#blogNews ul.blog li {
 font-size:1.3em;
 line-height:1.25;
 color:#723302;
 background:url(/images/home/blog_mark.jpg) no-repeat 0 6px;
 padding:5px 0 0 18px;
 margin-bottom:4px;
}

#blogNews ul.blog li a {
color:#723302;
text-decoration:none;
background:url(/images/home/blog_arrow.jpg) no-repeat right bottom;
padding:0 12px 8px 0;
display:block;
width:260px;
}

#blogNews ul.blog li a:hover {
 color:#c3823a;
}

#blogNews ul.news {
 height:160px;
 overflow:auto;
 padding-left:10px;
 width:323px;
}

*:first-child+html #blogNews ul.news {
 height:155px;
 }

#blogNews ul.news li {
 font-size:1.3em;
 line-height:1.25;
 color:#683c00;
 padding:2px 0 10px 28px;
 background:url(/images/home/news_line.jpg) no-repeat left bottom;
}

#blogNews ul.news li span {
 display:block;
 font-size:0.8em;
 padding-bottom:1px;
 margin-left:-4px;
}

#blogNews ul.news li a {
 color:#683c00;
 text-decoration:none;
}

#blogNews ul.news li a:hover {
 color:#c3823a;
}

#blogNews h2.news {
 text-align:right;
 margin:42px -25px -125px 0;
 border-left:1px solid #ccc;
}

#blogNews h2.news img {
	position: relative;
	left:10px;
}

#blogNews dl.news {
 margin-top:6px;
}

#blogNews dl.news dt {
 font-size:1.1em;
 color:#fff;
 line-height:1.15;
 text-align:center;
 width:112px;
 height:32px;
 padding:6px 2px 0 2px;
 background:url(../images/home/news_tab_act.png) no-repeat 0 0;
}

#blogNews dl.news dt.newsall {
 padding:0;
 background:none;
 height:35px;
 overflow:hidden;
}

#blogNews dl.news dd.newsall ul {
 padding-top:20px;
 height:328px;
 overflow:auto;
}

#blogNews dl.news dt .date {
font-size: 1.2em;
 display:block;
}

#blogNews dl.news dd {
 }

#blogNews dl.news dd h3 {
 font-size:1.4em;
 font-weight:700;
 line-height:1.5;
 color:#B34313;
 padding-left:6px;
 display: table-cell;
 vertical-align:middle;
 height: 2.0em;
}

#blogNews dl.news dd h3 span.date {
 font-size:0.8em;
 font-weight:500;
 padding-right:4px;
}

#linkNavi {
 margin-top:-23px;
}

#bigInfo {
  width:924px;
  padding:0 0 28px 0;
  margin:12px auto 0 auto;
  background:url(../images/home/biginfoBg_bt.png) no-repeat 0 bottom;
}

#bigInfo h3 {
  font-size:1.6em;
  line-height:1.5;
  color:#aa460f;
  padding:30px 0 8px 48px;
  background:url(../images/home/biginfoBg_hd.png) no-repeat 0 top;
}

#bigInfo h4 {
 font-size:1.6em;
 font-weight:700;
 line-height:1.75;
 padding:10px 0 0.5em 32px;
 background:url(../images/home/biginfoBg_bd.png) repeat-y 0 0;
}

#bigInfo p {
 font-size:1.3em;
 line-height:1.75;
 padding-left:32px;
 background:url(../images/home/biginfoBg_bd.png) repeat-y 0 0;
}

#jireibox {
  width:924px;
  background:url(../images/home/jirei_bt201601.png) no-repeat 0 bottom;
  margin:0 auto 20px auto;
  padding-bottom:32px;
}

#jireibox .rows {
 padding:14px 0 8px 24px;
 width:924px;
 margin:0 auto;
 background:url(/images/home/jirei_bg201601.png) repeat-y 0 0;
}


#jireibox dl {
 width:250px;
 padding-right:10px;
 margin-left:24px;
 float:left;
 /*height:118px;*/
}

#jireibox dl.lastRows {
 border:none;
}


#jireibox dl.firstRows {
 clear:both;
 float:left;
}

#jireibox dt {
	position: relative;
	padding: 4px;
	background: #fff;
}

#jireibox dt a {
	display: inline-block;
	width:100%;
	height: 160px;
	overflow: hidden;
	color: #fff;
}

#jireibox dt figure {
	position: relative;
	z-index: 1;
}
#jireibox dt figure::after {
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content:'';
    background:rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
#jireibox dt figure img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    -webkit-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
#jireibox dt figcaption {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: block;
    width: 100%;
    overflow: hidden;
}
#jireibox dt figcaption h2{ 
    position: absolute;
    margin: 0;
    top:-2px;
    left: 0;
	z-index: 4;
    padding: 15px 20px;
    opacity: 0;
	font-family: Garamond , "Times New Roman";
	letter-spacing: 0.1em;
    -webkit-transform: translateX(-20%);
    -ms-transform: translateX(-20%);
    -o-transform: translateX(-20%);
    transform: translateX(-20%);
    font-size: 1.8rem;
    text-transform: capitalize;
    text-shadow: 1px 1px 3px #000;
    -webkit-transition: transform .35s,opacity .35s;
    -o-transition: transform .35s,opacity .35s;
    transition: transform .35s,opacity .35s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
#jireibox dt .circle {
    position: relative;
	z-index: 2;
    height: 45px;
    width: 45px;
	margin-top: 4px;
    background:rgba(0,0,0,.6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
	color: #fff;
}
#jireibox dt .circle::before, 
#jireibox dt .circle::after {
	position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-right-color: transparent;
    content:'';
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
#jireibox dt .circle::before {
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#jireibox dt .circle::after {
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#jireibox dt .circle i{
    position: relative;
    display: inline-block;
    top: 5px;
    font-size: 36px;
    -webkit-transition: opacity .3s,transform .2s;
    -o-transition: opacity .3s,transform .2s;
    transition: opacity .3s,transform .2s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
/* hover */
#jireibox dt:hover figure::after {
	opacity: 1;
}
#jireibox dt:hover figure img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
#jireibox dt:hover figcaption h2 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}
#jireibox dt:hover .circle::before, 
#jireibox dt:hover .circle::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0);
}
#jireibox dt:hover i {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#jireibox .terms {
 font-size:1.2em;
	line-height: 1.4;
 padding:6px 0 1px 10px;
 color:#2a1108;
 font-weight:700;
 text-align:left;
 height:22px;
 display:table-cell;
 width:100%;
}

#jireibox .terms p {
 line-height:1.25;
}

#jireibox .terms p.plus {
 font-size:0.8em;
 margin:-3px 0 -3px 0;
}

#jireibox .excerpt p{
 font-size:1.1em;
 line-height:1.25;
 color:#4b3011;
 padding:6px 2px 0 3px;
}

#jireibox .excerpt p a {
 color:#4b3011;
 text-decoration:none;
}

#jireibox .excerpt p a:hover {
 color:#c3823a;
 text-decoration:underline;
}

#jireibox dl {
	position: relative;
}

#jireibox .new {
	
}

#jireibox .new {
	position: absolute;
	display: inline;
	top: -5px;
	right: -5px;
	width: 61px;
	z-index: 20;
	height: auto;
}

#jireibox dt .bigImg .new {
	position: absolute;
	top: 0px;
	right: 0px;
}

#jireibox p.more_view {
 font-size: 1.4em;
 font-weight: 700;
 padding:0px 0 8px 24px;
 margin:0 auto;
 background:url(/images/home/jirei_bg201601.png) repeat-y 0 0;
}

#jireibox p.more_view a {
	text-decoration: none;
	color:#640A0C;
	display: block;
	background:url(/images/common/tape_pink.png) no-repeat 0 0;
	margin: 0 auto;
	width: 200px;
	height: 61px;
	padding: 28px 0 0 18px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition:  transform .2s;
	transition: transform .2s;
}

#jireibox p.more_view a:hover {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg);
}

#stylebox {
 width:924px;
 margin:20px auto;
 padding-bottom:15px;
 background:url(/images/home/styled_bt.png) no-repeat 0 bottom;
 position:relative;
}

#stylebox .cntsBox {
 background:url(/images/home/syled_bg.png) repeat-y 0 0;
}


#stylebox ul {
 padding:8px 0 0;
}

#stylebox li {
 float:left;
 margin-left:12px;
}

#stylebox .keywords {
position: relative;
 width:274px;
 min-height:498px;
margin-left: 2px;
 padding:18px 0 28px 16px;
}
#stylebox .keywords ul {
 width:280px;
  padding:8px 0 28px 24px;
}

#stylebox .keywords li {
 float: none;
 font-size:1.2em;
 line-height:1.4;
 color:#4b3011;
 margin:0 0 0.4em 0;
}

#stylebox .keywords li a {
 color:#333;
 text-decoration:none;
}

#stylebox .keywords li a:hover {
 color:#c3823a;
 text-decoration:underline;
}

#stylebox .keywords dt {
	position: relative;
	z-index: 2;
}

#stylebox .keywords dd {
position: relative;
top:-20px;
z-index: 1;
 width:274px;
 min-height: 440px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding-top: 24px;
 background-image: url('../images/home/keyword_bg.png'); 
 background-repeat: no-repeat;
 background-position: 0 0;
 -webkit-background-size: contain;
 background-size: contain;
}

.styledesign li {
	padding-top: 4px;
	padding-bottom: 2px;
	-webkit-transition: -webkit-box-shadow .2s,transform .2s,opacity .2s;
	transition: box-shadow .2s,transform .2s,opacity .2s;
	cursor: pointer;
}
.styledesign li:hover {
	opacity: .7;
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.6);
	box-shadow: 0px 2px 10px rgba(0,0,0,.6);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

#fourprmBox {
	position:absolute;
	top:224px;
	left:298px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 610px;
	height: 425px;
	background-image: url('../images/home/six_safety_bg.png');
	background-repeat: no-repeat;
	background-position: 0 24px;
	-webkit-background-size:contain;
	background-size:contain;
}

#fourprmBox h3 {
 position: absolute;
 top:120px;
 left:192px;
 z-index: 1;
 text-align:center;
}

#fourprmBox dl,
#fourprmBox dd {
 background:none;
}

#stylebox #fourprmBox dl {
 position:absolute;
}
#stylebox #fourprmBox dl:nth-of-type(1) {
	top:34px;
	left: 32px;
}
#stylebox #fourprmBox dl:nth-of-type(2) {
	top:34px;
	left: 340px;
}
#stylebox #fourprmBox dl:nth-of-type(3) {
	top:172px;
	left: 14px;
}
#stylebox #fourprmBox dl:nth-of-type(4) {
	top:172px;
	left: 404px;
}
#stylebox #fourprmBox dl:nth-of-type(5) {
	top:308px;
	left: 38px;
}
#stylebox #fourprmBox dl:nth-of-type(6) {
	top:305px;
	left: 328px;
}

#stylebox #fourprmBox dt{
 margin-bottom: 3px;
 font-size:1.7em;
 font-weight:700;
 line-height:1.25;
 color:#333;
 text-align: center;
}
#stylebox #fourprmBox dl:nth-of-type(4) dt {
	-webkit-transform: translateX(-2.5em);
	-ms-transform: translateX(-2.5em);
	-o-transform: translateX(-2.5em);
	transform: translateX(-2.5em);
}
#stylebox #fourprmBox dd {
	
}

#stylebox #fourprmBox ul {
 width: 220px;
 padding: 0;
}
#stylebox #fourprmBox li {
 float:none;
 position: relative;
 width: 220px;
 margin-left: 0;
 font-size:1.3em;
 font-weight:400;
 line-height:1.25;
 text-align:left;
 padding: 0 0 2px 0.4em;
}

#stylebox #fourprmBox dl:nth-of-type(3) li {
	width: 168px;
}

#stylebox #fourprmBox dl:nth-of-type(4) li {
	/*width: 78px;*/
	/*display: inline-block;*/
}

#stylebox #fourprmBox li a {
 color:#454040;
 text-decoration:none;
}

#stylebox #fourprmBox li a:hover {
 color:#bd411b;
 border-bottom:1px dotted #bd411b;
}

#stylebox #fourprmBox dl:nth-of-type(6) li {
    width: 245px;
}

.big_bnr_box img {
    display: block;
    margin: 0 auto;
}
div.box1 {
 position:relative;
 width:652px;
 padding-bottom:40px;
 background:url(/images/home/family_bt.jpg) no-repeat left bottom;
 margin-bottom:28px;
}


div.box1 h3,
div.box1 h4,
div.box1 p{
 margin:0;
 padding:0;
}

 div.family {
 width:632px;
 padding:10px;
 margin:0;
 background:url(https://koguma.electric-fruits.com/wp-content/uploads/family_bg.jpg) no-repeat 0 0;
}

div.box1 .atten_mark {
 position:absolute;
 top:-5px;
 right:2px;
}

#price {
 width:652px;
 background:url(../images/home/price_bt.png) no-repeat left bottom;
 padding-bottom:40px;
 margin-bottom:28px;
}

#price div {
 width:632px;
 padding:10px;
 margin:0;
 background:url(../images/home/price_bg.png) repeat-y 0 0;
}

#price .readtxt {
 font-size:1.4em;
 line-height:1.5;
 color:#2c160a;
 padding:16px 12px 10px 50px;
}

#price .attention {
 font-size:1.2em;
 color:#2c160a;
 line-height:1.5;
 padding:4px 0;
 text-align:right;
}

.p_table {
 margin-left:14px;
}

#dvd {
 float:left;
 width:316px;
 margin-bottom:28px;
}

#questionnaire {
 float:left;
 width:316px;
 margin-bottom:28px;
}



#dvd div .imgbanner {
 width:289px;
 padding:10px 0 12px 4px;
}

#dvd p.link {
 font-size:1.3em;
 line-height:1.5;
 width:170px;
 padding-left:135px;
 margin:-66px 0 0 0;
}

*:first-child+html #dvd div p.link,
* html #dvd p.link {
 padding-bottom:1.3em;
}

#dvd .link a {
 color:#990000;
}

#dvd .link a:hover {
 color:#FFFFCC;
}

#custvoices {
 float:right;
 width:321px;
 margin-bottom:28px;
}


#custvoices div {


}

#custvoices p.txt {
 font-size:1.2em;
 line-height:1.5;
 color:#683c00;
 padding:0 0 12px 18px;
 margin-top:-6px;
}

#custvoices p.link {
 font-size:1.3em;
 font-weight:700;
 line-height:1.75;
 color:#c51f00;
 text-align:right;
 margin:-30px 10px -30px 0;
}

*:first-child+html #custvoices p.link,
* html #coustvoices p.link {
 padding-bottom:1.3em;
}

#custvoices p.link a {
 color:#c51f00;
}

#sumai-kyufu {
	clear: both;
	position: relative;
	padding-bottom:18px;
	margin-bottom:32px;
	background:url(/images/home/cnts_box_btm.png) no-repeat 0 100%;
}

#sumai-kyufu > .cntsBox {
	position:relative;
	z-index:10;
	padding:14px 14px 0 0; 
    background:url(/images/home/cnts_box_bdy.png) repeat-y 0 0;
}

#sumai-kyufu > .cntsBox > p {
	font-size:1.3em;
	line-height:1.75;
	color:#555;
}
#sumai-kyufu > .cntsBox > p.read {
	position:relative;
	z-index:30;
	padding:0 230px 24px 42px;
}

#sumai-kyufu > .cntsBox > h4 {
	color:#fa6921;
	position:relative;
	z-index:40;
	font-size: 2.0em;
	font-weight: 700;
	padding:0 0 20px 22px;
}

#sumai-kyufu h3 {
	padding: 28px 0 0 20px;
	font-size: 2.4em;
	line-height: 1.4;
	color:#666;
	background:url(/images/home/cnts_box_hdr2.png) no-repeat 0 0;
}

#sumai-kyufu h3 .query {
	display:block;
	font-size: 0.8em;
	color: #444;
}

#sumai-kyufu .kyufu {
	position:relative;
	z-index:35;
    color: #1688d1;
	font-weight: 700;
}

#sumai-kyufu .cntsBox ul {
	position:relative;
	z-index:20;
	padding:0 20px 0 40px;
}

#sumai-kyufu .cntsBox li {
	position:relative;
	font-size: 1.3em;
	line-height: 1.75;
	padding:0 0 20px 20px;
	color:#555;
	background:url(/images/home/blr_str_mark.png) no-repeat 0 0;
}

#sumai-kyufu .cntsBox li h5 {
	color: #399cdb;
	font-size: 1.2em;
	font-weight: 700;
	padding-bottom: 0.5em;
}

#sumai-kyufu .cntsBox li a{
	display:block;
	position:absolute;
	top:0px;
	right: 0px;
	padding: 12px 4px 0 4px;
	border-radius:10px;
	width:196px;
	height: 25px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: 700;
	background-color: #399cdb;
}

#sumai-kyufu .cntsBox li a:hover {
  background-color: #a0d0ee;
}

#sumai-kyufu .illust {
	position:absolute;
	top: 0px;
	right: 12px;
	z-index: 1;
}

#setsubi {
 margin-bottom:28px;
}

#checksystem {
 float:left;
 width:321px;
 background:url(../images/home/kensa_bt.png) no-repeat left bottom;
 margin-bottom:28px;
 padding-bottom:30px;
}

#checksystem div {
 background:url(../images/home/kensa_bg.png) repeat-y 0 0;
 padding:0 10px;
}

#checksystem ul {
 padding-left:8px;
 background:url(../images/home/checksystem_img.jpg) no-repeat right 50%;
}

#checksystem li {
 font-size:1.3em;
 line-height:1.25;
 color:#535353;
 margin-bottom:10px;
 padding:6px 0 6px 22px;
 background:url(../images/home/check_mark.png) no-repeat 0 0;
}

#checksystem .txt {
 font-size:1.15em;
 color:#535353;
 line-height:1.5;
 margin-top:-1.1em;
 padding:0 5px;
}

#checksystem .link {
 font-size:1.3em;
 line-height:1.5;
 margin:5px 0 0 0;
 text-align:right;
}

#checksystem .link a {
 color:#c51f00;
}

#area {
 float:right;
 background:url(../images/home/area_bt.png) no-repeat left bottom;
 padding-bottom:40px;
 margin-bottom:28px;
}

#area .img_photo {
 background:url(../images/home/area_bg.png) repeat-y 0 0;
 padding:10px 0 0 6px;
 margin:0 0 0 0;
}

#ground,
#mobile,
#reform {
 margin-bottom:28px;
}

#ground {
 height:211px;
 overflow:hidden;
}

#ground .text {
 color:#2c0702;
 font-size:1.3em;
 line-height:1.75;
 font-weight:700;
 margin-top:-85px;
 padding-left:48px;
}


#ground .link_text {
 margin-top:-48px;
 margin-left:344px;
 font-size:1.6em;
 line-height:1.5;
 font-weight:700;
 text-align:center;
}


#ground .link_text a {
 color:#fff;
 text-decoration:none;
}

#ground .link_text a:hover {
 color:#fad9d5;
}

#eventbox {
 clear:both;
 float:left;
 width:399px;
 margin-bottom:28px;
 padding-bottom:9px;
 background:url(../images/home/event_bg.png) no-repeat 0 47px;
}

#eventbox dl {
 position:relative;
 margin-bottom:30px;
}


#eventbox dt {
 font-size:1.2em;
 line-height:1.25;
 color:#b4630f;
 font-weight:700;
 padding:8px 10px 3px 24px;
}

#eventbox dd {
 font-size:1.2em;
 line-height:1.75;
 color:#505050;
 height:240px;
 position:relative;
 padding:3px 10px 54px 30px;
}

#eventbox dd p {
 padding:4px 6px 0 6px;
 line-height:1.5;
}

#eventbox h4 {
 font-size:1.6em;
 font-weight:900;
 line-height:1.25;
 color:#b34313;
 text-align:center;
 padding-top:8px;
}

#eventbox h4 span {
 font-size:0.8em;
 font-weight:500;
 display:block;
}


#oldev_box {
position: relative;
clear:both;
 width:652px;
 padding-bottom:15px;
background:url(/images/home/cnts_box_btm.png) no-repeat 0 100%;
}

#oldev_box .cntsBox {
padding-top: 14px;
padding-bottom: 14px;
background:url(/images/home/cnts_box_bdy.png) repeat-y 0 0;
}

#oldev_box ul {
 width:340px;
 float: left;
 height:230px;
 overflow:auto;
 border:1px solid #cbb284;
 margin:0 24px 0 40px;
 background:#fff;
}

#oldev_box li {
 font-size:1.2em;
 line-height:1.25;
 color:#b4630f;
 padding:0 0 8px 22px;
 margin:6px 2px 4px 2px;
 background:url(../images/home/news_line.jpg) no-repeat left bottom;
}

#oldev_box li a {
 color:#b4630f;
 text-decoration:none;
}

#oldev_box li span {
 display:block;
 font-size:0.9em;
}

#oldev_box .img_photo {
 width:211px;
 text-align:center;
 padding-bottom:4px;
 padding-right: 22px;
 float:right;
}


.alignright {
 float:right;
}

#welcome {
 background:url(../images/home/welcam_hd.png) no-repeat 0 0;
padding-top:25px;
}

#welcome p {
 font-size:1.4em;
 line-height:1.75;
 color:#333;
 background:url(../images/home/welcam_bt.png) no-repeat 0 bottom;
 padding:0 32px 78px 32px;
}

/*-
@20170515 add 
@イベントバナー一覧リスト
*/
.info-list {
    position: relative;
    left: 18px;
    width: 924px;
    padding: 6px 24px 18px;
}
.info-list li {
    float: left;
    overflow: visible;
	-webkit-transform: perspective(0px);
	-ms-transform: perspective(0px);
	-o-transform: perspective(0px);
	transform: perspective(0px);
	border: none;
}
.info-list li a {
	position: relative;
	display: block;
	width: 210px;
	height: 92px;
}
.info-list li a span {
	position: absolute;
	top:0;
	left:0;
	display: block;
    width: 210px;
    height: 92px;
	overflow: hidden;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.6);
	box-shadow: 0px 2px 4px rgba(0,0,0,.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility:hidden;
	-webkit-transition: transform .4s, z-index 0s .1s;
	-o-transition: transform .4s, z-index 0s .1s;
	transition: transform .4s, z-index 0s .1s;
}
.info-list li a span:nth-child(1) {
	z-index: 1;
	-webkit-transform:rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -46px;
	-moz-transform-origin: 50% 50% -46px;
	-ms-transform-origin: 50% 50% -46px;
	-o-transform-origin: 50% 50% -46px;
	transform-origin:50% 50% -46px;
}
.info-list li a span:nth-child(2) {
	z-index: 2;
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 0% 50% -46px;
	-moz-transform-origin: 50% 50% -46px;
	-ms-transform-origin: 50% 50% -46px;
	-o-transform-origin: 50% 50% -46px;
	transform-origin:50% 50% -46px;
}
.info-list li a span:nth-child(2)::after {
	display: block;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	content:'';
	-webkit-transform-origin: 0% 50% -46px;
	-moz-transform-origin: 50% 50% -46px;
	-ms-transform-origin: 50% 50% -46px;
	-o-transform-origin: 50% 50% -46px;
	transform-origin:50% 50% -46px;
	-webkit-transition:  all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.info-list li:hover a span:nth-child(2)::after {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition:  all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.info-list li:hover a span:nth-child(1) {
	z-index: 2;
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.info-list li:hover a span:nth-child(2) {
	z-index: 1;
	background: #333;
	-webkit-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}
.info-list li:nth-of-type(-n+4) {
    margin-right: 6px;
}
.info-list li img {
    width: 100%;
    height: auto;
    display: block;
}
.info-list li:hover {
	
}
/*---- Clearfix Setting ----*/

#stylebox,
#stylebox ul,
#stylebox dl,
#jireibox,
#jireibox .rows,
#homebox,
#custvoices,
#oldev_box .cntsBox,
.info-list {
 display:inline-block;
 zoom:1;
}


#stylebox:after,
#stylebox ul:after,
#stylebox dl:after,
#jireibox:after,
#jireibox .rows:after,
#homebox:after,
#custvoices:after,
#oldev_box .cntsBox:after,
.info-list:after {
 clear:both;
 display:block;
 content:'';
 height:0px;
 overflow:hidden;
}

#stylebox,
#stylebox ul,
#stylebox dl,
#jireibox,
#jireibox .rows,
#homebox,
#oldev_box .cntsBox {
 display:block;
 }
 
 * html #stylebox,
 * html #stylebox ul,
 * html #stylebox dl,
 * html #jireibox,
 * html #jireibox .rows,
 * html #homebox
 * html #oldev_box .cntsBox {
 height:1px;
}