@charset "utf-8";

body{font-size:100%;line-height:1;letter-spacing:0;}
html>/**/body{font-size:13px;line-height:1;letter-spacing:0;}
body{
	font-family:'Noto Sans JP',sans-serif;
	font:13px;
	*font-size:small;
	*font:x-small;
}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

html,body{height:100%;}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.pcOnly{display:none !important;}

	body{
		background:url(../images/bg01.gif);
	}

	.spMenu{
		width:99%;
		position:fixed;
		top:3px;
		z-index:10;
	}
	.overlay{
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.7);
		position:fixed;
		z-index:5;
		display:none;
	}

/* Humbuger Menu -------------------------- */

	#panel-btn{
		display:inline-block;
		position:relative;
		width:38px;
		height:38px;
		float:right;
		background-color:rgba(255,241,0,1);
	}
	#panel-btn-icon{
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:22px;
		height:2px;
		margin:-1px 0 0 -11px;
		background-color:rgba(0,0,0,1);
		transition:.2s;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
	}
	#panel-btn-icon:before, #panel-btn-icon:after{
		display:block;
		content:"";
		position:absolute;
		top:50%;
		left:0;
		width:22px;
		height:2px;
		background-color:rgba(0,0,0,1);
		transition:.3s;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-ms-border-radius:10px;
		border-radius:10px;
	}
	#panel-btn-icon:before{margin-top:-8px;}
	#panel-btn-icon:after{margin-top:6px;}
	#panel-btn .close{background:transparent;}
	#panel-btn .close:before, #panel-btn .close:after{margin-top:0;}
	#panel-btn .close:before{
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
	#panel-btn .close:after{
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}

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

	.header{
		height:45px;
		border-bottom:1px solid #000000;
		background-color:#fff100;
	}
	.header .logo{
		width:170px;
		padding:10px 0 0 10px;
	}

	.header .navWrap{
		position:fixed;
		width:90%;
		height:100%;
		overflow-y:scroll;
		padding:12% 0 0 0;
		margin-left:10%;
		z-index:9;
		top:0px;
		right:-90%;
		background-color:rgba(255,241,0,1);
		border-left:1px solid #eeeeee;
	}

	.header .navWrap .gNav{
		width:80%;
		margin:0 auto 0;
	}
	.headWrap .header .gNav li{
		border-bottom:1px solid #000000;
	}
	.headWrap .header .gNav li > a{
		display:block;
		font-size:5vw;
		color:#000000;
		padding:6% 0 6% 10%;
	}
	.header .navWrap .snsWrap{
		width:150px;
		margin:5% auto 0;
		text-align:center;
	}

	.header .navWrap .snsWrap li{
		width:40px;
		height:40px;
		line-height:40px;
		float:left;
		margin-right:15px;
	}
	.header .navWrap .snsWrap li:last-child{
		margin-right:0px;
	}
	.header .navWrap .snsWrap li a{
		display:block;
		width:40px;
		height:40px;
		line-height:40px;
		font-size:180%;
		color:#ffffff;
		text-align:center;
		border-radius:7px;
	}
	.header .navWrap .snsWrap .tw a{
		background-color:#04a7ff;
	}
	.header .navWrap .snsWrap .fb a{
		background-color:#1f3ba2;
	}

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

	.areaWrap{
		padding:10% 0;
	}

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

	.areaWrap.first .inner .imgBox{
		width:95.3125%;
		margin:7% auto 0;
	}
	.areaWrap.first .inner .imgBox > div{
		margin:2% 0 0 0;
	}
	.areaWrap.first .inner .imgBox > div:first-child{
		margin:0 0 0 0;
	}

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

	.areaWrap.second{
		background-color:#fff100;
	}
	.areaWrap.second .inner > p{
		margin:5% 0 0 0;
		text-align:center;
		font-size:5vw;
		line-height:1.4;
	}
	.areaWrap.second .inner > p span{
		display:inline-block;
		border:1px solid #000000;
		width:1em;
		height:1em;
		margin:0 1% 0 0;
		position:relative;
		top:0.1em;
	}
	.areaWrap.second .inner > p span::before{
		content:"";
		display:block;
		width:70%;
		height:1px;
		background-color:#000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}
	.areaWrap.second .inner > p span::after{
		content:"";
		display:block;
		width:1px;
		height:70%;
		background-color:#000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}

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

	.areaWrap.second .inner .accWrap{
		width:95.3125%;
		margin:6% auto 0;
	}
	.areaWrap.second .inner .accWrap .accTtl{
		margin:3% 0 0 0;
		padding:1% 3% 2%;
		background-color:#ffffff;
	}
	.areaWrap.second .inner .accWrap .accTtl h3{
		width:calc(100% - 9vw);
		float:left;
		font-size:4.8vw;
		line-height:1.2;
		/*position:relative;
		top:4px;*/
	}
	.areaWrap.second .inner .accWrap .accTtl h3 > span:nth-of-type(1){
		font-weight:400;
		font-size:3.6vw;
	}
	.areaWrap.second .inner .accWrap .accTtl h3 > span:nth-of-type(2){
		display:inline-block;
		padding:0 0 0 10px;
		font-size:3vw;
	}
	
	.areaWrap.second .inner .accWrap .accTtl .kaigyou{
		margin:2% 0 0 0;
	}

	.areaWrap.second .inner .accWrap .accTtl .accMark{
		width:9vw;
		height:9vw;
		background-color:#fff100;
		float:right;
		position:relative;
		top:2vw;
	}
	.areaWrap.second .inner .accWrap .accTtl .accMark span::before{
		content:"";
		display:block;
		width:60%;
		height:2px;
		background-color:#000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}
	.areaWrap.second .inner .accWrap .accTtl .accMark span::after{
		content:"";
		display:block;
		width:2px;
		height:60%;
		background-color:#000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%) rotate(0deg);
		-webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.areaWrap.second .inner .accWrap .accTtl.active .accMark span::after{
		transform:translateY(-50%) translateX(-50%) rotate(270deg);
		-webkit-transform:translateY(-50%) translateX(-50%) rotate(270deg);
	}
	.areaWrap.second .inner .accWrap .accBdy{
		background-color:#ffffff;
		padding:1% 3% 3% 3%;
		display:none;
	}
	.areaWrap.second .inner .accWrap .accBdy .imgBox{
		width:60%;
		margin:0 auto 0;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox h4{
		font-size:3.6vw;
		margin:5% 0 0 0;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox p{
		font-size:3.6vw;
		line-height:1.2;
		margin:2% 0 0 0;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox .credit{
		font-size:2.6vw;
		line-height:2.2;
		margin:2% 2% 0 0;
		float:right;
		/*border: solid 1px #333333;
		padding:0 2%;*/
	}

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

	.areaWrap.third .inner > p{
		margin:8% 0 0 0;
		text-align:center;
		font-size:4.4vw;
		font-weight:700;
		line-height:1.3;
	}
	
	.areaWrap.third .inner .pink{
		color:#ed008c;
	}

	.areaWrap.third .inner .innerBox{
		width:87.5%;
		margin:6% auto 0;
		position:relative;
	}
	.areaWrap.third .inner .innerBox::before{
		display:block;
		content:"";
		padding-top:170%;
		top:0;
		/*background:rgba(255,0,0,0.5)*/
	}
	.areaWrap.third .inner .innerBox .txtBox{
		position:absolute;
	}
	.areaWrap.third .inner .innerBox .txtBox.first{
		width:70%;
		top:8%;
		left:2%;
	}
	.areaWrap.third .inner .innerBox .imgBox01{
		width:25%;
		position:absolute;
		top:0;
		right:0;
	}
	.areaWrap.third .inner .innerBox .txtBox.second{
		width:58%;
		top:45%;
		right:0;
	}
	.areaWrap.third .inner .innerBox .imgBox02{
		width:37%;
		position:absolute;
		left:1%;
		top:35%;
	}
	.areaWrap.third .inner .innerBox .txtBox.third{
		width:100%;
		top:75%;
		left:0;
	}

	.areaWrap.third .inner .innerBox .txtBox h3{
		padding:0 0 2% 0;
		display:inline-block;
		font-size:4.2vw;
		color:#ed008c;
		border-bottom:1px solid #ed008c;
		position:relative;
	}
	.areaWrap.third .inner .innerBox .txtBox.first h3:before{
		display:block;
		content:"";
		width:43%;
		height:100px;
		background:url(../images/block03_balloon01.png) no-repeat;
		background-size:100% auto;
		position:absolute;
		top:-240%;
		left:-15%;
	}
	.areaWrap.third .inner .innerBox .txtBox.second h3:before{
		display:block;
		content:"";
		width:43%;
		height:100px;
		background:url(../images/block03_balloon02.png) no-repeat;
		background-size:100% auto;
		position:absolute;
		top:-260%;
		left:-6%;
	}
	.areaWrap.third .inner .innerBox .txtBox.third h3:before{
		display:block;
		content:"";
		width:20.3%;
		height:100px;
		background:url(../images/block03_balloon03.png) no-repeat;
		background-size:100% auto;
		position:absolute;
		top:-220%;
		left:-6%;
	}
	.areaWrap.third .inner .innerBox .txtBox p{
		margin:3% 0 0 0;
		font-size:3.4vw;
		line-height:1.3;
	}
	.areaWrap.third .inner .innerBox .txtBox p span{
		color:#00a996;
	}
	.areaWrap.third .inner > p:nth-of-type(2){
		margin:0 0 0 0;
		text-align:center;
		font-size:4.6vw;
		line-height:1.5;
	}
	.areaWrap.third .inner > p:nth-of-type(2) span{
		color:#ed008c;
		font-size:5.8vw;
		font-weight:700;
	}

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

	.areaWrap.fourth{
		background-color:#f6f5f1;
	}
	.areaWrap.fourth .inner{
		width:80%;
		margin:0 auto 0;
	}

	.areaWrap.fourth #viewer{
		position:relative;
		z-index:2;
	}

	.areaWrap.fourth #viewer ul.mainImage{
		width:100%;
		height:260px;
		padding:5px;
		overflow:hidden;
		margin:0 auto 20px;
		background-color:#fff;
	}
	.areaWrap.fourth  #viewer ul.mainImage li {
		width:100%;
		height:250px;
	}
	.areaWrap.fourth #viewer ul.viewerThumb{
		font-size:0;
		text-align:center;
		/*margin: 0 20px 30px;*/
		margin: 0 0 30px 0;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li{
		display: inline-block;
    width: 23%;
    height: auto;
    margin: 1%;
    border: none;
    box-sizing: border-box;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li::nth-child(4n){
		margin-right:0;
	}
	.areaWrap.fourth #viewer div.left,
	.areaWrap.fourth #viewer div.right{
    display: none;
  }

	.areaWrap.fourth #viewer ul.viewerThumb li img{
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
		opacity:0.5;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li:hover img, .areaWrap.fourth #viewer ul.viewerThumb li.current img{
		opacity: 1;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li:last-child{
		margin-right: 0;
	}
	.areaWrap.fourth #viewer div.left{
		cursor:pointer;
		position:absolute;
		bottom:50px;
		left:14px;
	}
	.areaWrap.fourth #viewer div.right{
		cursor:pointer;
		position:absolute;
		bottom:50px;
		right:14px;
	}
	.areaWrap.fourth #viewer div.left:hover, .areaWrap.fourth #viewer div.right:hover{
  	opacity: 0.5;
	}
	.areaWrap.fourth .btn{
		width:80%;
		margin:10% auto 0;
	}

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


	areaWrap.fifth .inner > p{
		margin:8% 0 0 0;
		text-align:center;
		font-size:4.4vw;
		font-weight:700;
		line-height:1.3;
	}
	
	.areaWrap.fifth .inner > ul{
		text-align:center;
		margin:8% 0 0 0;
	}
	.areaWrap.fifth .inner > ul li{
		display:inline-block;
		margin:2% 2% 0 0;
	}
	.areaWrap.fifth .inner > ul li:nth-child(4),
	.areaWrap.fifth .inner > ul li:last-child{
		margin:0 0 0 0;
	}
	.areaWrap.fifth .inner > ul li a{
		display:block;
		padding:8px 4vw;
		font-size:4vw;
		font-weight:500;
		color:#000000;
		background-color:#fff800;
		border:1px solid #000000;
	}

	.areaWrap.fifth .inner > .ttlBox{
		text-align:center;
	}
	.areaWrap.fifth .inner > .ttlBox h3{
		display:inline-block;
		margin:10% 0 0 0;
		padding:0 5px 5px 5px;
		font-size:6vw;
		color:#ed008c;
		border-bottom:1px solid #ed008c;
	}
	.areaWrap.fifth .inner > .bookBox{
		width:90.625%;
		margin:4% auto 0;
		padding:5%;
		background-color:#ffffff;
		border:8px solid #f6f5f1;
	}
	.areaWrap.fifth .inner > .bookBox .imgBox{
		width:32%;
		float:left;
	}
	.areaWrap.fifth .inner > .bookBox .descBox{
		width:64%;
		float:right;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .series{
		font-size:3.2vw;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .ttl{
		font-size:4vw;
		margin:5% 0 0 0;
		line-height:1.3;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .ttl span{
		font-size:3.4vw;
		font-weight:400;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .author{
		font-size:3.2vw;
		margin:3% 0 0 0;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .dtl{
		margin:5% 0 0 0;
		font-size:3.2vw;
		line-height:1.3;
	}
	.areaWrap.fifth .inner > .bookBox > ul{
		clear:both;
		padding:5% 0 0 0;
	}
	.areaWrap.fifth .inner > .bookBox > ul li{
		width:23.5%;
		margin:0 2% 0 0;
		float:left;
	}
	.areaWrap.fifth .inner > .bookBox > ul li:last-child{
		margin:0 0 0 0;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .sub{
		font-size:2.6vw;
		line-height:2.2;
		margin:2% 2% 0 0;
		border: solid 1px #333333;
		padding:0 2%;
		width:36vw;
	}

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

	.footWrap{
		background-color:#dfdfdf;
		padding:5% 0;
	}
	.footWrap .logo{
		width:60%;
		margin:0 auto;
	}
	.footWrap p{
		font-size:3.4vw;
		margin:1% 0 0 0;
		text-align:center;
	}

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

	.rtt{
		width:40px;
		height:40px;
		position:fixed;
		right:3%;
		bottom:3%;
		z-index:20;
	}

}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){
	.spOnly{display:none !important;}

	body{
		background:url(../images/bg01.gif);
	}

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

	a{
		opacity:1;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	a:hover{
		opacity:0.5;
	}

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

	.headWrap{
		background-color:#fff100;
	}
	.headWrap .header{
		width:1000px;
		padding:15px 0;
		margin:0 auto;
	}
	.headWrap .header .logo{
		width:190px;
		float:left;
	}
	.headWrap .header .navWrap{
		width:810px;
		float:left;
	}
	.headWrap .header .navWrap .gNav{
		width:690px;
		float:left;
		text-align:center;
	}
	.header .navWrap .gNav{
		padding:6px 0 0 0;
	}
	.header .navWrap .gNav li{
		display:inline-block;
		padding:0 25px 0;
		border-right:1px solid #000000;
	}
	.header .navWrap .gNav li:last-child{border-right:none;}
	.header .navWrap .gNav li a{
		color:#000000;
		font-size:120%;
		font-weight:400;
	}

	.headWrap .header .navWrap .snsWrap{
		width:120px;
		padding:0 0 0 0;
		float:right;
	}
	.headWrap .header .navWrap .snsWrap li{
		width:30px;
		margin-right:5px;
		float:left;
	}
	.headWrap .header .navWrap .snsWrap li:last-child{
		margin-right:0px;
	}

	.headWrap .header .navWrap .snsWrap li a{
		display:block;
		width:30px;
		height:30px;
		line-height:30px;
		font-size:150%;
		color:#ffffff;
		text-align:center;
		border-radius:7px;
	}
	.headWrap .header .navWrap .snsWrap .tw a{
		background-color:#04a7ff;
	}
	.headWrap .header .navWrap .snsWrap .fb a{
		background-color:#1f3ba2;
	}

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

	.mainVisWrap{
		border-top:1px solid #000000;
	}

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

	.areaWrap{
		padding:90px 0;
	}

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

	.areaWrap.first .inner{
		width:1000px;
		margin:0 auto 0;
	}
	.areaWrap.first .inner h2{
		width:780px;
		margin:0 auto 0;
	}
	.areaWrap.first .inner .imgBox{
		width:950px;
		margin:40px auto 0;
	}
	.areaWrap.first .inner .imgBox > div{
		width:310px;
		margin:0 10px 0 0;
		float:left;
	}
	.areaWrap.first .inner .imgBox > div:last-child{
		margin:0 0 0 0;
	}

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

	.areaWrap.second{
		background-color:#fff100;
	}
	.areaWrap.second .inner{
		width:1000px;
		margin:0 auto 0;
	}
	.areaWrap.second .inner h2{
		width:370px;
		margin:0 auto 0;
	}
	.areaWrap.second .inner > p{
		margin:30px 0 0 0;
		text-align:center;
		font-size:150%;
	}
	.areaWrap.second .inner > p span{
		display:inline-block;
		border:1px solid #000000;
		width:20px;
		height:20px;
		margin:0 2px 0 0;
		position:relative;
		top:3px;
	}
	.areaWrap.second .inner > p span::before{
		content:"";
		display:block;
		width:12px;
		height:0px;
		border-top:1px solid #000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}
	.areaWrap.second .inner > p span::after{
		content:"";
		display:block;
		width:0px;
		height:12px;
		border-left:1px solid #000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}

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

	.areaWrap.second .inner .accWrap{
		margin:60px 0 0 0;
		/*background:#fcc;*/
	}
	.areaWrap.second .inner .accWrap .accTtl{
		margin:10px 0 0 0;
		padding:20px 25px;
		background-color:#ffffff;
	}
	.areaWrap.second .inner .accWrap .accTtl h3{
		width:calc(100% - 30px);
		float:left;
		font-size:170%;
		position:relative;
		top:4px;
	}
	.areaWrap.second .inner .accWrap .accTtl h3 > span:nth-child(1){
		display:inline-block;
		padding:0 15px 0 0;
		font-weight:400;
		font-size:70%;
	}
	.areaWrap.second .inner .accWrap .accTtl h3 > span:nth-child(3){
		display:inline-block;
		padding:0 0 0 15px;
		font-size:60%;
	}

	.areaWrap.second .inner .accWrap .accTtl .accMark{
		width:30px;
		height:30px;
		background-color:#fff100;
		float:right;
		position:relative;
	}
	.areaWrap.second .inner .accWrap .accTtl .accMark span::before{
		content:"";
		display:block;
		width:16px;
		height:2px;
		background-color:#000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%);
		-webkit-transform:translateY(-50%) translateX(-50%);
	}
	.areaWrap.second .inner .accWrap .accTtl .accMark span::after{
		content:"";
		display:block;
		width:2px;
		height:16px;
		background-color:#000000;
		position:absolute;
		top:50%;
		left:50%;
		transform:translateY(-50%) translateX(-50%) rotate(0deg);
		-webkit-transform:translateY(-50%) translateX(-50%) rotate(0deg);
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.areaWrap.second .inner .accWrap .accTtl.active .accMark span::after{
		transform:translateY(-50%) translateX(-50%) rotate(270deg);
		-webkit-transform:translateY(-50%) translateX(-50%) rotate(270deg);
	}
	.areaWrap.second .inner .accWrap .accBdy{
		background-color:#ffffff;
		padding:0 25px 25px 25px;
		display:none;
	}
	.areaWrap.second .inner .accWrap .accBdy .imgBox{
		width:235px;
		margin:0 15px 0 0;
		float:left;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox{
		width:700px;
		padding:5px 0 0 0;
		float:right;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox h4{
		font-size:110%;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox h4:nth-of-type(2){
		margin:30px 0 0 0;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox p{
		font-size:110%;
		line-height:1.2;
		margin:5px 0 0 0;
	}
	.areaWrap.second .inner .accWrap .accBdy .txtBox .credit{
		font-size:90%;
		line-height:2.2;
		margin:5px 5px 0 0;
		float:right;
		/*border: solid 1px #333333;
		padding:0 5px;*/
	}

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

	.areaWrap.third .inner{
		width:1000px;
		margin:0 auto 0;
	}
	.areaWrap.third .inner h2{
		width:380px;
		margin:0 auto 0;
	}
	.areaWrap.third .inner > p{
		margin:30px 0 0 0;
		text-align:center;
		font-size:150%;
	}
	
	.areaWrap.third .inner .pink{
		color:#ed008c;
	}

	.areaWrap.third .inner .innerBox{
		margin:40px 0 0 0;
		height:600px;
		position:relative;
	}
	.areaWrap.third .inner .innerBox .txtBox{
		position:absolute;
	}
	.areaWrap.third .inner .innerBox .txtBox.first{
		width:630px;
		top:50px;
		left:200px;
	}
	.areaWrap.third .inner .innerBox .txtBox.second{
		width:410px;
		top:250px;
		left:300px;
	}
	.areaWrap.third .inner .innerBox .txtBox.third{
		width:600px;
		top:460px;
		left:180px;
	}
	.areaWrap.third .inner .innerBox .txtBox.first .ttlBox{
		width:280px;
	}
	.areaWrap.third .inner .innerBox .txtBox.second .ttlBox{
		width:280px;
	}
	.areaWrap.third .inner .innerBox .txtBox.third .ttlBox{
		width:440px;
	}

	.areaWrap.third .inner .innerBox .txtBox h3{
		padding:0 0 3px 0;
		margin:0 0 0 50px;
		display:inline-block;
		font-size:150%;
		color:#ed008c;
		border-bottom:1px solid #ed008c;
		position:relative;
	}
	.areaWrap.third .inner .innerBox .txtBox.first h3:before{
		display:block;
		content:"";
		width:102px;
		height:71px;
		background:url(../images/block03_balloon01.png) no-repeat;
		position:absolute;
		top:-36px;
		left:-110px;
	}
	.areaWrap.third .inner .innerBox .txtBox.second h3:before{
		display:block;
		content:"";
		width:102px;
		height:71px;
		background:url(../images/block03_balloon02.png) no-repeat;
		position:absolute;
		top:-36px;
		left:-110px;
	}
	.areaWrap.third .inner .innerBox .txtBox.third h3:before{
		display:block;
		content:"";
		width:102px;
		height:71px;
		background:url(../images/block03_balloon03.png) no-repeat;
		position:absolute;
		top:-36px;
		left:-110px;
	}
	.areaWrap.third .inner .innerBox .txtBox p{
		margin:15px 0 0 0;
		font-size:120%;
		line-height:1.3;
	}
	.areaWrap.third .inner .innerBox .txtBox p span{
		color:#00a996;
	}

	.areaWrap.third .inner .innerBox .imgBox01{
		width:166px;
		height:421px;
		position:absolute;
		top:0;
		left:0;
	}
	.areaWrap.third .inner .innerBox .imgBox02{
		width:268px;
		height:462px;
		position:absolute;
		right:0;
		bottom:-10px;
	}
	.areaWrap.third .inner > p:nth-of-type(2){
		text-align:center;
		font-size:150%;
		line-height:1.5;
	}
	.areaWrap.third .inner > p:nth-of-type(2) span{
		color:#ed008c;
		font-size:180%;
		font-weight:700;
	}

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

	.areaWrap.fourth{
		background-color:#f6f5f1;
	}
	.areaWrap.fourth .inner{
		width:1000px;
		margin:0 auto 0;
	}

	.areaWrap.fourth #viewer{
		position:relative;
		z-index:2;
	}

	.areaWrap.fourth #viewer ul.mainImage{
		width:1000px;
		height:520px;
		padding:20px;
		overflow:hidden;
		margin:0 auto 40px;
		background-color:#fff;
	}
	.areaWrap.fourth  #viewer ul.mainImage li {
		width:960px;
		height:480px;
	}
	.areaWrap.fourth #viewer ul.viewerThumb{
		/*margin-bottom:77px;*/
		font-size:0;
		text-align:center;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li{
		width:11.5%;
    margin-right: 0.5%;
    border: 1px solid #ccc;
    background-color: #000;
		display:inline-block;
		cursor:pointer;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li img{
		-webkit-transition:all 0.3s;
		transition:all 0.3s;
		opacity:0.5;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li:hover img, .areaWrap.fourth #viewer ul.viewerThumb li.current img{
		opacity: 1;
	}
	.areaWrap.fourth #viewer ul.viewerThumb li:last-child{
		margin-right: 0;
	}
	.areaWrap.fourth #viewer div.left{
		cursor:pointer;
		position:absolute;
		bottom:35px;
		left:-20px;
	}
	.areaWrap.fourth #viewer div.right{
		cursor:pointer;
		position:absolute;
		bottom:35px;
		right:-20px;
	}
	.areaWrap.fourth #viewer div.left:hover,
	.areaWrap.fourth #viewer div.right:hover{
  	opacity: 0.5;
	}
	.areaWrap.fourth p.catch{
		width:960px;
		margin:0 auto 20px;
		font-size:22px;
		font-weight:bold;
	}
	.areaWrap.fourth .btn{
		width:316px;
		margin:30px auto 0;
	}

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

	.areaWrap.fifth .inner{
		width:1000px;
		margin:0 auto 0;
	}
	.areaWrap.fifth .inner h2{
		width:320px;
		margin:0 auto 0;
	}
	
	.areaWrap.fifth .inner > p{
		margin:30px 0 0 0;
		text-align:center;
		font-size:150%;
		line-height: 1.5;
	}

	.areaWrap.fifth .inner > ul{
		text-align:center;
		margin:50px 0 0 0;
	}
	.areaWrap.fifth .inner > ul li{
		display:inline-block;
		margin:0 4px 0 0;
	}
	.areaWrap.fifth .inner > ul li:last-child{
		margin:0 0 0 0;
	}
	.areaWrap.fifth .inner > ul li a{
		display:block;
		padding:12px 30px;
		font-size:120%;
		font-weight:500;
		color:#000000;
		background-color:#fff800;
		border:1px solid #000000;
	}

	.areaWrap.fifth .inner > .ttlBox{
		text-align:center;
	}
	.areaWrap.fifth .inner > .ttlBox h3{
		display:inline-block;
		margin:60px 0 0 0;
		padding:0 5px 5px 5px;
		font-size:180%;
		color:#ed008c;
		border-bottom:1px solid #ed008c;
	}
	.areaWrap.fifth .inner > .bookBox{
		margin:20px 0 0 0;
		padding:30px 40px;
		background-color:#ffffff;
		border:8px solid #f6f5f1;
	}
	.areaWrap.fifth .inner > .bookBox .imgBox{
		width:200px;
		float:left;
	}
	.areaWrap.fifth .inner > .bookBox .descBox{
		width:670px;
		float:right;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .series{
		font-size:160%;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .ttl{
		font-size:220%;
		margin:20px 0 0 0;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .ttl span{
		font-size:90%;
		font-weight:400;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .author{
		margin:10px 0 0 0;
		font-size:130%;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .dtl{
		margin:20px 0 0 0;
		line-height:1.4;
		font-size:130%;
	}
	.areaWrap.fifth .inner > .bookBox .descBox > ul{
		margin:40px 0 0 0;
	}
	.areaWrap.fifth .inner > .bookBox .descBox > ul li{
		width:155px;
		margin:0 15px 0 0;
		float:left;
	}
	.areaWrap.fifth .inner > .bookBox .descBox > ul li:last-child{
		margin:0 0 0 0;
	}
	.areaWrap.fifth .inner > .bookBox .descBox .sub{
		font-size:120%;
		line-height:2.2;
		margin:10px 5px 0 0;
		border: solid 1px #333333;
		padding:0 5px;
		width:220px;
	}

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

	.footWrap{
		background-color:#dfdfdf;
		padding:20px 0;
	}
	.footWrap .logo{
		width:250px;
		margin:0 auto;
	}
	.footWrap p{
		margin:10px 0 0 0;
		text-align:center;
	}

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

	.rtt{
		width:65px;
		height:65px;
		position:fixed;
		right:20px;
		bottom:20px;
		cursor:pointer;
	}

}