@charset "shift_jis";

#contents-inner h2,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
}
#contents-inner img {
	vertical-align: bottom;
}
#contents-inner {
	background: url(../img/contents_inner_bg.png) left top repeat-y;
	background-size: 100%;
}

/* soft-title */
#soft-title {
	background: #FFF;
}
#soft-title h1 {
	display: table;
	min-width: 298px;
	margin: 0;
	padding: 8px;
	color: #000;
	/*border-left: 6px solid #0096C8;*/
	font-size: 12px;
}
#soft-title h1 .hard,
#soft-title h1 .soft-title-name {
	display: table-cell;
	vertical-align: middle;
}
#soft-title h1 .hard {
	/*margin-right: 8px;*/
	color: #000;
	font-size: 25px;
	font-weight: bold;
}
#soft-title h1 .soft-title-name {
	line-height: 1.2;
	font-weight: bold;
}

/* main-title */
#main-title {
	background: url(../img/bg_main.png) no-repeat center top;
	background-size: contain;
}
#main-title .txt01 {margin-top: -5%;}

/* section 01 */
#section01 {
	position: relative;
	top: -0.5em;
}

/* section02 */
#section02 {
	position: relative;
	top: -1.5em;
}
#section02 h2 {
	position: relative;
	width: 100%;
	top: -0.5em;
}
#section02 {
	position: relative;
	top: -1.5em;
}
p span.wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
}
span.wave01 {
    position: absolute;
    top: 24%;
    left: 25%;
    width: 7%;
}
span.wave02 {
    position: absolute;
    top: 18%;
    left: 44%;
    width: 7%;
}
span.wave01 img,
span.wave02 img {
    width: 100%;
    height: auto;
}
/* section03 */
#section03 h2 {
	position: relative;
	width: 100%;
	top: -0.5em;
}
/* section04 */
#section04 h2 {
	position: relative;
	width: 100%;
	top: -0.5em;
}
#section04 .btnWrap {
	position: relative;
	padding-bottom: 3%;
}
#section04 .btnWrap span.btnLink a {
	background: url(../img/btn_detail_sp_no.png) no-repeat center center;
	position: absolute;
	right: 22%;
	bottom: 10%;
	display: inline-block;
	width: 54.0625%;
	height: 16.8%;
	text-indent: -9999px;
	background-size: contain;
}
#section04 .btnWrap span.btnLink a:hover {
	background-image: url(../img/btn_detail_sp_on.png);
}
/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}
/* ブルブル */
span img {width: 100%;}
span.thunder01 {position: absolute;top:2%;left:8%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);width:10%;}
span.thunder02 {position: absolute;top:2%;right:7%;-webkit-transform: rotate(-175deg);transform: rotate(-175deg);width:10%;}
span.thunder03 {position: absolute;top:7%;left:2%;-webkit-transform: rotate3d(1,8,0,180deg);transform: rotate3d(1,8,0,180deg);width:10%;}
span.thunder04 {position: absolute;top:7%;right:2%;-webkit-transform: rotate(-165deg);transform: rotate(-165deg);width:10%;}
span.thunder05 {position: absolute;top:10%;left:4%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);width:10%;}
span.thunder06 {position: absolute;top:10%;right:4%;-webkit-transform: rotate(-175deg);transform: rotate(-175deg);width:10%;}
span.thunder07 {position: absolute;bottom:5%;left:4%;-webkit-transform: rotate3d(1,1,0,180deg);transform: rotate3d(1,1,0,180deg);width:10%;}
span.thunder08 {position: absolute;bottom:5%;right:4%;-webkit-transform: rotate(-95deg);transform: rotate(-95deg);width:10%;}
span.thunder09 {position: absolute;top:30%;left:10%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);width:10%;}
span.thunder10 {position: absolute;top:30%;right:10%;-webkit-transform: rotate(-175deg);transform: rotate(-175deg);width:10%;}
span.thunder11 {position: absolute;top:50%;left:7%;-webkit-transform: rotate3d(1,8,0,180deg);transform: rotate3d(1,8,0,180deg);width:10%;}
span.thunder12 {position: absolute;top:50%;right:7%;-webkit-transform: rotate(-165deg);transform: rotate(-165deg);width:10%;}
span.thunder13 {position: absolute;top:30%;left:5%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);width:10%;}
span.thunder14 {position: absolute;top:30%;right:5%;-webkit-transform: rotate(-175deg);transform: rotate(-175deg);width:10%;}
span.thunder15 {position: absolute;top:50%;left:2%;-webkit-transform: rotate3d(1,8,0,180deg);transform: rotate3d(1,8,0,180deg);width:10%;}
span.thunder16 {position: absolute;top:50%;right:2%;-webkit-transform: rotate(-165deg);transform: rotate(-165deg);width:10%;}