@charset "UTF-8";
/* CSS Document */
body{background:url(../images/japanese-paper-03-p.jpg);}
#full-box{
	margin: auto;
	padding: 40px 0px 80px 0px;
	max-width: 100%;
	clear: both;
}
#content,.page,.wrapper,.wrapper100,.masonryinside{width: 100% !important;}
.page{padding-left: 0!important; padding-right: 0!important;}
.wrapper100:after,.masonryinside:after{content: "."!important;
	display: block!important;
	clear: both!important;
	visibility: hidden!important;
	line-height: 0!important;
	height: 0!important;}

.page .wrapper90{padding-left: 5%!important; padding-right: 5%!important;}
.wrapper90:after{content: "."!important;
	display: block!important;
	clear: both!important;
	visibility: hidden!important;
	line-height: 0!important;
	height: 0!important;}

#content{width: 100% !important;}
table.campTable{ border-top:solid #464646 1px;border-left:solid #464646 1px;border-right:solid #464646 1px;border-bottom:none; color:#3F2B06;}
table.campTable th{ white-space:nowrap; padding:6px; border-bottom:solid #464646 1px; border-right:solid #464646 1px; background-color:#E3E1D1;}
table.campTable td{ padding:6px;border-bottom:solid #464646 1px;}
#header.bwCompany{background:url(../images/compay_bg.jpg) center center no-repeat; background-size:cover;}
div.btnArea{width:100%;}
div.btnParts4{width:100%;}
.mainTitle{margin:10px auto 0 auto;}

div.btnAreaF{width:100%;margin-right:0px;}
div.btnParts2{width:96%; float:none; margin:0 auto 20px auto;}
div.btnParts3{width:96%; float:none; margin:0 auto 20px auto;}
div.btnParts2:nth-child(even){width:370px; margin:0 auto 20px auto; float:none;}
div.btnParts3:nth-child(3){width:240px;margin:0 auto 20px auto; float:none;}
.pr100{padding-right:100px;}
@media screen and (min-width:769px){
	div.btnAreaF{width:760px;margin:0 auto 20px auto;}
	div.btnParts2{width:370px; margin:0 20px 20px 0; float:left;}
	div.btnParts3{width:240px; margin:0 20px 20px 0; float:left;}
	div.btnParts2:nth-child(even){width:370px; margin:0 0 20px 0; float:left;}
	div.btnParts3:nth-child(3){width:240px;margin:0 0 20px 0; float:left;}
}
@media screen and (min-width:960px){
div.btnAreaF{width:960px;margin:0 auto 20px auto;}
div.btnParts2{width:470px; margin:0 20px 20px 0; float:left;}
div.btnParts3{width:306px; margin:0 20px 20px 0; float:left;}
div.btnParts2:nth-child(even){width:470px;margin:0 0 20px 0; float:left;}
div.btnParts3:nth-child(3){width:306px; margin:0 0 20px 0; float:left;}
}
#footer{width:100%;}

/* 物語 */
.w60{width:60px;}
.w179{width:179px;}

.sezo1 h1{position: absolute;left: 40%; color:#fff;margin: auto; padding-left:20px;}
.sezo1{
	background-image: url("../images/seizo_02.jpg");
	background-size: cover;
	background-position: center center;	
	font-size:16px;
	min-height: 600px;
	position: relative;
}
.sezo2{
	background-image: url("../images/seizo_01.jpg");
	background-size: cover;
	background-position: center center;	
	font-size:16px;
	min-height: 600px;
	position: relative;
}
.sezo3{
	background-image: url("../images/seizo_03.jpg");
	background-size: cover;
	background-position: center center;	
	font-size:16px;
	min-height: 600px;
	position: relative;
}
.sezo4{
	background-image: url("../images/seizo_04.jpg");
	background-size: cover;
	background-position: center center;	
	font-size:16px;
	min-height: 600px;
	position: relative;
}
.sezo5{
	background-image: url("../images/seizo_05.jpg");
	background-size: cover;
	background-position: center center;	
	font-size:16px;
	min-height: 600px;
	position: relative;
}
.sezo1 article p{
	position: absolute;
	top: 30%;
	left: 40%;
	margin: auto;
	padding: 20px 100px 20px 20px;
	font-size: 16px;
	/*  background-color: rgba(46,4,4,0.70);*/
	color: #fff;
	text-shadow: 1px 1px #000;
}
.sezo2 article p{
	position: absolute;
	top: 15%;
	left: 55%;
	margin: auto;
	padding: 20px 100px 20px 20px;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px #000;
}
.sezo4 article p{
	position: absolute;
	top: 30%;
	left: 55%;
	margin: auto;
	padding: 20px 100px 20px 20px;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px #000;
}
.sezo3 article p{
	position: absolute;
	top: 30%;
	left: 5%;
	width: 45%;
	margin: auto;
	padding: 20px;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px #000;
}
.sezo5 article p{
	position: absolute;
	top: 30%;
	left: 5%;
	width: 26%;
	margin: auto;
	padding: 20px;
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px #000;
	background-color: rgba(82,52,2,0.70);
}
.sezo2 h2,.sezo4 h2{position: absolute;top: 5%;
	left: 40%;
	margin: auto;
	color: #C9B879;
	text-shadow: 1px 1px #000;
}
.sezo3 h2,.sezo5 h2{position: absolute;top: 5%;
	left: 5%;
	margin: auto;}
.sezo3 h2,.sezo4 h2{
	color: #C9B879;
	text-shadow: 1px 1px #000;
}
.sezo5 h2{
	color: #E2D6AC;
	text-shadow: 1px 1px #000;
}
.sezo2 a:hover{color: #FCF161;}
.sezo3 a{color: #FCF161;}
.sezo3 a:hover{
	color: #61D8FC;
}
@media screen and (min-width: 735px) and (max-width: 1024px)  {
.sezo1 article p{
	position: absolute;
	top: 30%;
	left:40%;
	margin: auto;
	padding: 20px 100px 20px 20px;
	font-size:14px;
	color: #fff;
}
.sezo2 article p{
	position: absolute;
	top: 15%;
	left:40%;
	margin: auto;
	padding: 20px 100px 20px 20px;
	font-size:14px;
	color: #fff;
}
.sezo4 article p{
	position: absolute;
	top: 30%;
	left:40%;
	margin: auto;
	padding: 20px 100px 20px 20px;
	font-size:14px;
	color: #fff;
}
.sezo3 article p{
	position: absolute;
	top: 30%;
	left:5%;
	margin: auto;
	padding: 20px;
	font-size:14px;
	color: #fff;
}
.sezo5 article p{
	position: absolute;
	top: 20%;
	left:5%;
	margin: auto;
	padding: 20px;
	font-size:14px;
	color: #fff;
}
.sezo1 h1{position: absolute;top: 5%;left: 48%; color:#fff;margin: auto;}
.sezo2 h2,.sezo4 h2{position: absolute;top: 5%;left: 40%;margin: auto;}
.sezo3 h2,.sezo5 h2{position: absolute;top: 5%;left: 5%;margin: auto;}
}
@media screen and  (min-width: 635px) and (max-width: 734px) {
.pr100{padding-right:0px;}
.seizo1{
	background-image: none;
	font-size:14px;
	min-height: 600px;
	position: relative;
}
.sezo1 h1{background-image: none;}
.sezo1 h1{position: static;padding: 16px;color:#fff;margin: auto; display:block;}
.sezo1 article p{
	position: static;
	margin: auto;
	padding: 16px 100px 16px 16px;
	line-height: 180%;
	font-size:14px;
	color: #fff;
}
.seizo2,.seizo3,.seizo4,.seizo5{
	background-image: none;
	font-size:14px;
	min-height: 480px;
	position: relative;
}

.sezo2 article p,.sezo3 article p,.sezo4 article p,.sezo5 article p{
	position: static;
	margin: auto;
	padding: 16px 100px 16px 16px;
	line-height: 180%;
	font-size:14px;
	color: #fff;
		width: 90%;
}
.sezo2 h2,.sezo3 h2,.sezo4 h2,.sezo5 h2{
	position: static;
	margin: auto;
	padding: 16px 16px 16px 16px;
	color: #fff;
}
.story-text1{
	margin:auto;
	text-align:center;
	font-size:25px;
	padding: 40px 16px 16px 16px;
	color: #333;
}
}
@media screen and (max-width: 634px) {
.pr100{padding-right:0px;}
.seizo1{
	background-image: none;
	font-size:16px;
	min-height: 600px;
	position: relative;
}
.sezo1 h1{background-image: none;}
.sezo1 h1{position: static;padding: 16px;color:#fff;margin: auto; display:block;}
.sezo1 article p{
	position: static;
	margin: auto;
	padding: 16px 16px 16px 16px;
	line-height: 180%;
	font-size:16px;
	color: #fff;
}
.seizo2,.seizo3,.seizo4,.seizo5{
	background-image: none;
	font-size:16px;
	min-height: 480px;
	position: relative;
}

.sezo2 article p,.sezo3 article p,.sezo4 article p,.sezo5 article p{
	position: static;
	margin: auto;
	padding: 16px 16px 16px 16px;
	line-height: 180%;
	font-size:16px;
	color: #fff;
		width: 90%;
}
.sezo2 h2,.sezo3 h2,.sezo4 h2,.sezo5 h2{
	position: static;
	margin: auto;
	padding: 16px 16px 16px 16px;
	color: #fff;
}
.story-text1{
	margin:auto;
	text-align:center;
	font-size:25px;
	padding: 40px 16px 16px 16px;
	color: #333;
}
}