@charset "UTF-8";

a{
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color: rgba(0,104,180,0.40);
    display:block;
}

#topMainCopy {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg),url(/hebel/smp/product/shizengocochi/img/shizen_story_cont_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 100%,100%;
	text-align:center;
	color:#14a339;
	font-weight:bold;
	line-height:200%;
	padding-top:20px;
}
#shizenContentsWrap{
	background-color:#ffffff;
}
#shizenContents {
	background-color:#ffffff;
}

#shizenContents #indexKv {
	margin: 0 auto;
	padding: 0;
	width: 320px;
}

#gNavi {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg),url(/hebel/smp/product/shizengocochi/img/shizen_story_cont_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 100%;
	text-align: center;
}

#topgNavi {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_story_cont_bg.jpg);
	background-repeat: repeat;
	background-size: 100%;
	text-align: center;
}

#gNavi ul, #topgNavi ul{
	padding-top: 17px;
	padding-bottom: 10px;
}

#gNavi ul li, #topgNavi ul li{
	padding-bottom: 1px;
}

#gNavi ul li:nth-child(1),#topgNavi ul li:nth-child(1) {padding-bottom: 2px;}
#gNavi ul li:nth-child(2),#topgNavi ul li:nth-child(2) {padding-bottom: 14px;}
#gNavi ul li:nth-child(3),#topgNavi ul li:nth-child(3) {padding-bottom: 15px;}
#gNavi ul li:nth-child(4),#topgNavi ul li:nth-child(4) {padding-bottom: 15px;}
#gNavi ul li:nth-child(5),#topgNavi ul li:nth-child(5) {padding-bottom: 1px;} /*基準*/
#gNavi ul li:nth-child(6),#topgNavi ul li:nth-child(6) {padding-bottom: 14px;}
#gNavi ul li:nth-child(7),#topgNavi ul li:nth-child(7) {padding-bottom: 6px;}
#gNavi ul li:nth-child(8),#topgNavi ul li:nth-child(8) {padding-bottom: 7px;}
#gNavi ul li:nth-child(9),#topgNavi ul li:nth-child(9) {padding-bottom: 6px;}

#catalog {
	padding-top: 12px;
	padding-bottom: 5px;
	margin-bottom:10px;
	background-color:#ffffff;
}

#catalog .catalogMi {
	font-size: 16px;
	font-weight: bold;
	color: #6c8296;
	padding-left: 16px;
	padding-bottom: 12px;
	line-height: 1em;
}

#catalog .catalogBtn {
	text-align: center;
}

/* @group energy */

#shizenContents.energy {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_energy_bg.jpg) no-repeat;
	background-size:100%;
	height: 891px;
	padding-top: 34px;
	padding-left: 12px;
	padding-right: 12px;
}

#shizenContents.energy p {
	color: #221815;
	font-size: 14px;
	padding-bottom: 22px;
	line-height: 180%;
}

/* @end */

/* @group cat */

#shizenContents.cat01 {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_cat01_bg.gif) no-repeat;
	background-size:100%;
	height: 650px;
	padding-top: 33px;
	position: relative;
}

#shizenContents.cat01 h2 {
	padding-left: 12px;
	padding-bottom: 25px;
	padding-top: 0;
}

#shizenContents.cat01 p {
	color: #221815;
	font-size: 14px;
	padding-bottom: 25px;
	line-height: 190%;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 25px;
}

#shizenContents.cat01 .nextBtn {
	position: absolute;
	bottom: 19px;
	right: 15px;
}

#shizenContents.cat02 {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_cat02_bg.gif) no-repeat;
	background-size:100%;
	height: 954px;
	padding-top: 36px;
	position: relative;
}

#shizenContents.cat02 p {
	color: #221815;
	font-size: 14px;
	padding-bottom: 25px;
	line-height: 180%;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 25px;
}

#shizenContents.cat02 div.time {
	padding-left: 12px;
	padding-bottom: 10px;
}

#shizenContents.cat02 .nextBtn {
	position: absolute;
	bottom: 150px;
	right: 15px;
}

#shizenContents.cat02 .prevBtn {
	position: absolute;
	bottom: 150px;
	left: 15px;
}

#shizenContents.cat03 {
	padding: 22px 12px 18px 12px;
	position: relative;
	background: url(/hebel/smp/product/shizengocochi/img/shizen_cat03_bg.gif) no-repeat;
	background-size:100%;
}

#shizenContents.cat03 p {
	color: #221815;
	font-size: 14px;
	padding-bottom: 25px;
	padding-left: 0;
	line-height: 180%;
}

#shizenContents.cat03 .time {
	padding-bottom: 12px;
}

#shizenContents.cat03 .cat_img {
	text-align: center;
}

#shizenContents.cat03 .prevBtn {
	position: absolute;
	bottom: 12px;
	left: 15px;
}

#shizenContents.cat03 div:nth-of-type(2) {
	padding-bottom: 18px;
}

/* @end */

/* @group story */

#shizenContents.story {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_story_bg.jpg) no-repeat;
	height: 299px;
	background-size:100%;
	position: relative;
}

#shizenContents.story h2 {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0;
}

#shizenContents.story p {
	text-align: center;
	color: #221815;
	font-size: 14px;
	line-height: 200%;
	padding-top: 10px;
}

#shizenContents.story div.btnPapa {
	position: absolute;
	bottom: 20px;
	left: 16px;
}

#shizenContents.story div.btnMama {
	position: absolute;
	bottom: 20px;
	right: 16px;
}

#shizenContents.storyPapa {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg),url(/hebel/smp/product/shizengocochi/img/shizen_story_cont_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 100%,100%;
	padding-bottom: 19px;
}

#shizenContents.storyPapa h2 {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 8px;
}

#shizenContents.storyPapa h3 {
	padding-left: 12px;
	padding-bottom: 16px;
}

#shizenContents.storyPapa p {
	color: #221815;
	font-size: 14px;
	line-height: 200%;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 16px;
}

#shizenContents.storyPapa .btnMama {
	text-align: right;
	padding-right: 16px;
}

#shizenContents.storyPapa .btnMama a {
	width: 122px;
	float: right;
}

/* @end */

/* @group data */

#shizenContents.data {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg),url(/hebel/smp/product/shizengocochi/img/shizen_story_cont_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 100%,100%;
	padding-bottom: 93px;
	position: relative;
}

#shizenContents.data h2 {
	padding-top: 30px;
	padding-bottom: 19px;
	text-align: center;
}

#shizenContents.data .data_img {
	text-align: center;
	padding-bottom: 22px;
}

#shizenContents.data p {
	color: #221815;
	font-size: 14px;
	line-height: 200%;
	padding-right: 12px;
	padding-left: 12px;
}

#shizenContents.data div.btnCurtain {
	position: absolute;
	left: 10px;
	bottom: 15px;
}

#shizenContents.data div.btnGreen {
	position: absolute;
	right: 10px;
	bottom: 15px;
}

#shizenContents.dataCurtain {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg),url(/hebel/smp/product/shizengocochi/img/shizen_story_cont_bg.jpg);
	background-repeat: no-repeat, repeat;
	background-size: 100%,100%;
	padding-bottom: 25px;
	padding-top: 22px;
	position: relative;
}

#shizenContents.dataCurtain div.number {
	padding-left: 12px;
}

#shizenContents.dataCurtain h2 {
	padding-bottom: 17px;
	padding-top: 16px;
}

#shizenContents.dataCurtain p.text {
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 26px;
	color: #221815;
	font-size: 14px;
	line-height: 200%;
}

#shizenContents.dataCurtain .curtainImg01,
#shizenContents.dataCurtain .curtainImg02,
#shizenContents.dataCurtain .curtainImg03 {
	text-align: center;
}

#shizenContents.dataCurtain .curtainImg01 {
	padding-bottom: 18px;
}

#shizenContents.dataCurtain .curtainImg02 {
	padding-bottom: 8px;
}

#shizenContents.dataCurtain .curtainImg03 {
	padding-bottom: 20px;
}

#shizenContents.dataCurtain p.caption {
	padding-bottom: 24px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

#shizenContents.dataCurtain .btnGreen {
	padding-right: 10px;
}

#shizenContents.dataCurtain .btnGreen a {
	width: 144px;
	float: right;
}

/* @end */

/* @group house */

#shizenContents.house #sectionHead {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg) no-repeat, url(/hebel/smp/product/shizengocochi/img/shizen_house_main_bg.jpg) no-repeat;
	background-size:100%, 100%;
	height: 176px;
}

#shizenContents.house #sectionHead h2 {
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 14px;
}

#shizenContents.house #sectionHead p {
	color: #221815;
	font-size: 14px;
	line-height: 180%;
	padding-right: 14px;
	padding-left: 14px;
}

/* accordion ---------------------------------------*/
.box_accordion01.typeShizen01 {
    margin-top: 0;
}
        /*.typeShizen01 ul li {
            text-align: center;
        }*/
        
        .typeShizen01 ul li:nth-child(1) {
			margin-top: -10px;
			background: url(/hebel/smp/product/shizengocochi/img/shizen_house_lv1_bg.jpg) no-repeat right 57px;
			background-size: 100%;
		}
		
		.typeShizen01 ul li:nth-child(2) {
			background: url(/hebel/smp/product/shizengocochi/img/shizen_house_lv2_bg.jpg) no-repeat right 95px;
			background-size: 100%;
		}
		
		.typeShizen01 ul li:nth-child(3) {
			background: url(/hebel/smp/product/shizengocochi/img/shizen_house_lv3_bg.jpg) no-repeat right 80px;
			background-size: 100%;
			margin-bottom: 20px;
		}
		
		.typeShizen01 .inner {
			display: none;
		}
		
			.typeShizen01 ul li h3 {
				text-align: center;
			}
			
				.typeShizen01 ul li h3 span {
					display: block;
				}
		
			.typeShizen01 ul li:nth-child(1) h4 {
					padding-left: 14px;
					padding-top: 65px;
			}
			
			.typeShizen01 ul li:nth-child(2) h4 {
					padding-left: 14px;
					padding-top: 70px;
			}
			
			.typeShizen01 ul li:nth-child(3) h4 {
					padding-left: 14px;
					padding-top: 62px;
			}
			
			.typeShizen01 ul li p {
				color: #221815;
				font-size: 14px;
				line-height: 180%;
				padding: 20px 14px;
			}
				
				.typeShizen01 ul li .houseBtn a {
					width: 141px;
				}
			
				.typeShizen01 ul li .houseBtn .houseBtnLeft {
					float: left;
					padding-left: 16px;
				}
				
				.typeShizen01 ul li .houseBtn .houseBtnRight {
					float: right;
					padding-right: 16px;
				}
				
				.typeShizen01 ul li .arrow {
					text-align: center;
					padding-top: 10px;
				}
                    
/* @end */

/* @group house popup */

.levelSlide {
	width: 280px;
	margin: 0 auto 14px;
	text-align: left;
	overflow: hidden;
}

#slide31.levelSlide {
	margin-bottom: 0;
}

.levelSlide p {
	color: #221815;
	font-size: 14px;
	line-height: 180%;
}

.levelSlide .image {
	text-align: center;
}

.levelSlide .btnClose {
	float: right;
	padding-top: 15px;
}

.levelSlide .btnClose.level3 {
	float: right;
	padding-top: 0;
}

.levelSlide .btnClose a {
	width: 105px;
	display: block;
	text-align: right;
}

/* @end */

/* @group moto */

#shizenContents {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_line.jpg) no-repeat;
	background-size: 100%;
}

#shizenContents h2 {
	padding: 21px 14px 15px;
}

#shizenContents p {
	color: #221815;
	font-size: 14px;
	line-height: 180%;
	padding-left: 14px;
	padding-right: 14px;
}

#shizenContents #navFloor {
	padding-top: 18px;
	padding-bottom: 24px;
}

#shizenContents #navFloor li {
	float: left;
	padding-right: 7px;
}

#shizenContents #navFloor li:nth-child(1) {
	padding-left: 15px;
}

#shizenContents .zumen {
	text-align: center;
	position: relative;
}

#shizenContents .zumen.gaiko {
	padding-bottom: 16px;
}

#shizenContents .zumen .btnZumen {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#shizenContents #navNum {
	width: 301px;
	margin: auto;
	padding-bottom: 15px;
}

#shizenContents #navNum li p {
	padding-bottom: 10px;
}

#shizenContents #navNum li {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_moto_line.jpg), url(/hebel/smp/product/shizengocochi/img/shizen_moto_btn_cls.gif);
	background-repeat: no-repeat;
	background-position: 0 top, right center;
	background-size:100%, 100%;
}

#shizenContents #navNum li:last-child {
	background-image: url(/hebel/smp/product/shizengocochi/img/shizen_moto_line.jpg), url(/hebel/smp/product/shizengocochi/img/shizen_moto_line.jpg),url(/hebel/smp/product/shizengocochi/img/shizen_moto_btn_cls.jpg);
	background-position: 0 top, 0 bottom, 0 center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#shizenContents #navNum li a {
	color: #221815;
	font-size: 14px;padding-top: 14px;
	padding-bottom: 14px;
}

#shizenContents #navNum li:nth-child(1) a {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_moto_no01.png) no-repeat 0 center;
	background-size: 100%;
	padding-left: 45px;
}

#shizenContents #navNum li:nth-child(3) a {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_moto_no02.png) no-repeat 0 center;
	background-size: 100%;
	padding-left: 45px;
}

#shizenContents #navNum li:nth-child(5) a {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_moto_no03.png) no-repeat 0 center;
	background-size: 100%;
	padding-left: 45px;
}

#shizenContents #navNum li:nth-child(7) a {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_moto_no04.png) no-repeat 0 center;
	background-size: 100%;
	padding-left: 45px;
}

#shizenContents #navNum li:nth-child(9) a {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_moto_no05.png) no-repeat 0 center;
	background-size: 100%;
	padding-left: 45px;
}

#shizenContents #navNum li:nth-child(11) a {
	background: url(/hebel/smp/product/shizengocochi/img/shizen_moto_no06.png) no-repeat 0 center;
	background-size: 100%;
	padding-left: 45px;
}

#shizenContents #navNum li.slideRooms {
	background: none;
}

#shizenContents #navNum li.slideRooms .title {
	margin-left: 10px;
	margin-bottom: 10px;
}

#shizenContents #navNum li.slideRooms a {
	float: right;
	padding: 0 10px 15px 0;
}

#shizenContents .slideZumen .imgZumen {
	text-align: center;
	margin-bottom: 20px;
}

#shizenContents .slideZumen .zumenClose {
	text-align: right;
	margin-bottom: 15px;
	margin-right: 15px;
}

#shizenContents .slideZumen .zumenClose a {
	display: block;
	width: 105px;
	float: right;
}

/* @end */

/* @group moto popup */

#wrapperPop .title {
	padding-bottom: 17px;
}

#motoPop #wrapperPop .imgZumen {
	text-align: center;
}

/* colorbox.js */
#box_close{
  position: absolute;
  right: 10px;
  bottom: 10px;
}

/* @end */