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

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body{
	background: #fcc4d3;
	color: #333;
	width: 100%;
	min-width: 1100px;
	font-family:  "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size: 15px !important;
	line-height: 1.5 !important;
}

span .chaptxt{
	font-size: 15px;
	line-height: 1.5;
}

span .chaptxt_w{
	font-size: 15px;
	line-height: 1.5;
	color:#fff;
}

span .chaptxt_s{
	font-size: 13px;
	line-height: 1.5;
}

.masksvg{
	height: 0px;
	width:0px;
	/*display: none;*/
}
.masksvg2 {
	position: absolute;
	top: 0;
}

.pointer{
	cursor: pointer;
}

/*------------------------------------------------

sns

------------------------------------------------*/
ul.snsInner{
	overflow: hidden;
}

ul.snsInner li{
	/*display: inline-block;*/
	float: left;
}

ul.snsInner li.tw{
	display: table-cell;
	vertical-align: middle;
	margin: 0px 5px;
}

ul.snsInner li.mx{
	display: table-cell;
	vertical-align: middle;
	margin: 0px 5px;
}

ul.snsInner li.fb{
	display: table-cell;
	vertical-align: middle;
	margin: 0px 5px;
}

ul.snsInner li.hn{
	width: 100px;
}

/*------------------------------------------------

main

------------------------------------------------*/
.main{
	width: 100%;
	height: 970px;
}

.main .container{
	width: 1100px;
	height: 840px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.main .container ul.snsInner{
	position: absolute;
	top: 20px;
	right: 20px;	
}

.main .container .logo{
	position: absolute;
	top: 14px;
	left: 60px;
}

.main .container h1{
	position: absolute;
	top: 104px;
	left: 75px;
}

.main .container .h2p{
	position: absolute;
	top: 380px;
	left: 78px;
	width: 600px;
	font-size: 19px;
	line-height: 1.5;
}

.main .container .h2p .pink{
	font-size: 25px;
	line-height: 1.5;
	color:#f24c7b;
}

.main .container h3{
	position: absolute;
	top: 578px;
	left: 644px;
}

.main .container .btn{
	position: absolute;
	top: 737px;
	left: 654px;
}

.main .container .mov{
	position: absolute;
	top: 598px;
	left: 78px;
	cursor:pointer; 
}

.main .container .ss{
	position: absolute;
	top: 691px;
	left: 480px;
}

.main .chapters{
	width: 1100px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

.main .chapters .sub{
	position: absolute;
	left: 79px;
	overflow: hidden;
}

.main .chapters .sub li{
	float: left;
}

.main .chapters .sub img{
	display: block;
	padding: 0px 13px 13px 0px;
}


/*------------------------------------------------

chapter01

------------------------------------------------*/
.chapter01{
	width: 962px;
	height: 1073px;
	margin: 0px auto -20px;
	position: relative;
}

.chapter01 h3{
	position: absolute;
	left: 204px;
	top: 0px;
}

.chapter01 .bg{
	position: absolute;
	left: 0px;
	top: 116px;
}

.chapter01 div.txt{
	position: absolute;
	left: 50px;
	top: 955px;
	width: 880px;
}

/*------------------------------------------------

chapter02

------------------------------------------------*/
.chapter02{
	width: 962px;
	height: 1030px;
	margin: 0px auto -20px;
	position: relative;
}

.chapter02 h3{
	position: absolute;
	left: 559px;
	top: 7px;
}

.chapter02 div.txt{
	position: absolute;
	left: 460px;
	top: 250px;
	width: 460px;
	color:#fff;
}

.chapter02 .guide1{
	position: absolute;
	left: 457px;
	top: 573px;
}

.chapter02 .caption1{
	position: absolute;
	left: 457px;
	top: 530px;
	width:220px;
	font-size: 13px;
	line-height: 1.3;
	color:#fff;
}

.chapter02 .ss1{
	position: absolute;
	left: 678px;
	top: 471px;
}

.chapter02 .guide2{
	position: absolute;
	left: 720px;
	top: 847px;
}

.chapter02 .caption2{
	position: absolute;
	left: 732px;
	top: 802px;
	width:220px;
	font-size: 13px;
	line-height: 1.3;
	color:#fff;
}

.chapter02 .ss2{
	position: absolute;
	left: 460px;
	top: 743px;
}

/*------------------------------------------------

chapter03

------------------------------------------------*/
.chapter03{
	width: 962px;
	height: 886px;
	margin: 0 auto -20px;
	position: relative;
}

.chapter03 h3{
	position: absolute;
	left: 83px;
	top: 28px;
}

.chapter03 .mov{
	position: absolute;
	left: 14px;
	top: 134px;
}

.chapter03 div.txt{
	position: absolute;
	left: 692px;
	top: 136px;
	width: 258px;
}

.chapter03 div.txt2{
	position: absolute;
	left: 22px;
	top: 576px;
	width: 702px;
}

.chapter03 .nakamura{
	position: absolute;
	left: 689px;
	top: 304px;
}

.chapter03 h4{
	position: absolute;
	left: 20px;
	top: 530px;
}

.chapter03 .guide1{
	position: absolute;
	left: 520px;
	top: 578px;
}

.chapter03 .caption1{
	position: absolute;
	left: 535px;
	top: 538px;
	width:251px;
	font-size: 13px;
	line-height: 1.3;
}

.chapter03 .ss1{
	position: absolute;
	left: 518px;
	top: 596px;
}

.chapter03 .guide2{
	position: absolute;
	left: 760px;
	top: 660px;
}

.chapter03 .caption2{
	position: absolute;
	left: 770px;
	top: 602px;
	width:201px;
	font-size: 13px;
	line-height: 1.3;
}

.chapter03 .ss2{
	position: absolute;
	left: 760px;
	top: 692px;
}

/*------------------------------------------------

chapter04

------------------------------------------------*/
.chapter04{
	width: 962px;
	height: 960px;
	margin: 0 auto -20px;
	position: relative;
}

.chapter04 .bg{
	position: absolute;
	left: 177px;
	top: 18px;
}

.chapter04 h3{
	position: absolute;
	left: 65px;
	top: 24px;
}

.chapter04 div.txt{
	position: absolute;
	left: 28px;
	top: 230px;
	width: 520px;
}

.chapter04 div.txt2{
	position: absolute;
	left: 28px;
	top: 660px;
	width: 780px;
}

.chapter04 .ss1{
	position: absolute;
	left: 24px;
	top: 344px;
}

.chapter04 .caption1{
	position: absolute;
	left: 45px;
	top: 578px;
	width:251px;
	font-size: 13px;
	line-height: 1.3;
}

.chapter04 .guide2{
	position: absolute;
	left: 487px;
	top: 777px;
}

.chapter04 .ss2{
	position: absolute;
	left: 650px;
	top: 727px;
}

.chapter04 .caption2{
	position: absolute;
	left: 495px;
	top: 740px;
	width:251px;
	font-size: 13px;
	line-height: 1.3;
}

.chapter04 h4{
	position: absolute;
	left: 28px;
	top: 870px;
	font-size:22px;
	line-height: 1.7;
}

.chapter04 a{
	color: #0106be;
}

.chapter04 a:hover{
	color: #4d50d1;
}

/*------------------------------------------------

chapter05

------------------------------------------------*/
.chapter05{
	width: 962px;
	height: 1149px;
	margin: 0 auto -20px;
	position: relative;
}

.chapter05 svg.bgimage{
	position: absolute;
	top: 20px;
	left: 0px;
}

.chapter05 h3{
	position: absolute;
	left: 564px;
	top: 6px;
}

.chapter05 div.txt{
	position: absolute;
	left: 545px;
	top: 260px;
	width: 365px;
	color:#fff;
}

.chapter05 .guide1{
	position: absolute;
	left: 725px;
	top: 733px;
}

.chapter05 .caption1{
	position: absolute;
	left: 757px;
	top: 687px;
	width:190px;
	font-size: 13px;
	line-height: 1.5;
	color:#fff;
}

.chapter05 .ss1{
	position: absolute;
	left: 415px;
	top: 643px;
}

.chapter05 .guide2{
	position: absolute;
	left: 397px;
	top: 980px;
}

.chapter05 .caption2{
	position: absolute;
	left: 392px;
	top: 916px;
	width:220px;
	font-size: 13px;
	line-height: 1.5;
	color:#fff;
}

.chapter05 .ss2{
	position: absolute;
	left: 610px;
	top: 875px;
}


/*------------------------------------------------

chapter06

------------------------------------------------*/
.chapter06{
	width: 962px;
	height: 762px;
	margin: 0 auto -20px;
	position: relative;
}

.chapter06 h3{
	position: absolute;
	left: 274px;
	top: 21px;
}

.chapter06 div.txt{
	position: absolute;
	left: 55px;
	top: 550px;
	width: 800px;
}

.chapter06 .guide{
	position: absolute;
	left: 656px;
	top: 318px;
}

.chapter06 .caption{
	position: absolute;
	left: 762px;
	top: 378px;
	width:200px;
	font-size: 13px;
	line-height: 1.5;
}

.chapter06 .mov{
	position: absolute;
	left: 38px;
	top: 141px;
}

/*------------------------------------------------

chapter07

------------------------------------------------*/
.chapter07{
	width: 962px;
	height: 947px;
	margin: 0 auto -20px;
	position: relative;
}

.chapter07 svg.bgimage{
	position: absolute;
	top:14px;
	left:0px;
}

.chapter07 h3{
	position: absolute;
	left: 627px;
	top: 5px;
}

.chapter07 div.txt{
	position: absolute;
	left: 600px;
	top: 200px;
	width: 340px;
}

.chapter07 h4{
	position: absolute;
	left: 595px;
	top: 800px;
	font-size: 22px;
	line-height: 1.5;
}

.chapter07 a{
	color: #0106be;
}

.chapter07 a:hover{
	color: #4d50d1;
}

.chapter07 .ss{
	position: absolute;
	left: 585px;
	top: 418px;
}

.chapter07 .caption{
	position: absolute;
	left: 600px;
	top: 742px;
	width:370px;
	font-size: 13px;
	line-height: 1.5;
}

/*------------------------------------------------

chapter08

------------------------------------------------*/
.chapter08{
	width: 962px;
	height: 928px;
	margin: 0 auto 22px;
	position: relative;
}

.chapter08 svg.bgimage{
	position: absolute;
	top: 0px;
	left: 417px;
}

.chapter08 h3{
	position: absolute;
	left: 58px;
	top: 25px;
}

.chapter08 div.txt{
	position: absolute;
	left: 48px;
	top: 308px;
	width: 330px;
	line-height:1.6;
}

/*------------------------------------------------

profile

------------------------------------------------*/
.profile{
	width: 962px;
	height: 485px;
	margin: 0 auto 36px;
	background-color: #fff;
	border-bottom: solid 1px #efbac8;
	position: relative;
}

.profile h3{
	position:absolute;
	left: 24px;
	top: 22px;
}

.profile .mov{
	position: absolute;
	top: 130px;
	left: 26px;
}

.profile ul.snsInner{
	position: absolute;
	top: 520px;
	left: 41px;	
}

.profile div.txt{
	position: absolute;
	top: 132px;
	left: 650px;
	width: 290px;
}

.profile div .chaptxt{
	font-size: 15px;
	line-height: 1.6;
}

/*------------------------------------------------

cm

------------------------------------------------*/
.cm{
	width: 960px;
	height: 1620px;
	margin: 0 auto 0px auto;
	background-color: #fff;
	position: relative;
	border-left: solid 1px #efbac8;
	border-right: solid 1px #efbac8;
	border-bottom: solid 1px #efbac8;
}

.cm .title{
	position:absolute;
	left: -28px;
	top: 12px;
}

.cm .ss1{
	position: absolute;
	left: 10px;
	top: 92px;
}

.cm .ss2{
	position: absolute;
	left: 665px;
	top: 102px;
}

.cm .ss3{
	position: absolute;
	left: -15px;
	top: 402px;
}

.cm .ss4{
	position: absolute;
	left: 378px;
	top: 512px;
}

.cm .cp1{
	position: absolute;
	left: 11px;
	top: 311px;
}

.cm .cp2{
	position: absolute;
	left: 690px;
	top: 306px;
}

.cm .cp3{
	position: absolute;
	left: 37px;
	top: 630px;
}

.cm .btn1{
	position: absolute;
	left: 16px;
	top: 731px;
}

.cm .btn2{
	position: absolute;
	left: 606px;
	top: 769px;
}

.cm .btn3{
	position: absolute;
	left: 21px;
	top: 843px;
}
.cm .btn4{
	position: absolute;
	left: 300px;
	top: 1450px;
}

.cm .btn5{
	position: absolute;
	left: 21px;
	top: 980px;
}
.cm .btn6{
	position: absolute;
	left: 21px;
	top: 1120px;
}
.cm .btn7{
	position: absolute;
	left: 21px;
	top: 1260px;
}
/*------------------------------------------------

footer

------------------------------------------------*/
.footer{
	width: 962px;
	height: 90px;
	margin: 0px auto;
	position: relative;
}

.footer .rtnTop{
	position: absolute;
	left: 390px;
	width: 200px;
	margin: 0 auto;
	text-align:center;
}

.footer .rtnTop img{
	margin: 30px auto 16px;
}

.footer .rtnTop a{
	color: #fff;
	line-height: 1.4em;
	font-size: 13px;
	text-decoration: none;
}

.footer ul.snsInner{
	margin-top: 20px;
	float: right;
}

.footer div.txt{
	position: absolute;
	top: 15px;
	left: 0px;
	width: 480px;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
}

.footer-logo {
	text-align: center;
	margin: 20px 0 0 0;
}


/*------------------------------------------------

floater

------------------------------------------------*/
.floater{
	display:none;
	position:fixed;
	top:0px;
	height:60px;
	width: 60px;
	padding-left: 1002px;
	margin: 0px auto -40px auto;
	color: #fff;
	text-align:center;
	font-size: 14px;
	line-heoght: 1.0;
}