@charset "UTF-8";
/* 00CSS0 Document */
@charset "UTF-8";
/* CSS Document */

/*
 *01.Overwrite Style Setting
 *02.Layout Style Setting
 *03.#header Style Setting
 *04.#subcontents Style Setting
 *05.#footer Style Setting
 */
 
/*
 *Overwrite
 */
 

@media screen and ( min-width:480px )
{




/*
 *04.#contents Style Setting
 */

#contents{
	width: 100%;
	height: 100%;
}

.contentsinner{

	margin: 0 auto;
}

	
	#contentstittle01{
		width: 100%;
	color: #ffffff;
		background-color:  #000;
	}	
	
.contentstittle01inner{
	
	height: 100%;
	margin: 0 auto;
	margin-top: -5px;
	}	
	
.contentstittle{
	font-size: 26px;
	text-align: center;
	padding-top: 5px;
	letter-spacing: 0.2em
}
	
	
	
#bosyu{
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: url(../img/bosyuback.jpg) top left;
	background-size: cover;
}

.bosyuinner{
	width: 1060px;
	height:  100%;
	margin: 0 auto;
}


.bosyutext{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color:#6A6A6A;
	text-align: center;
	line-height: 2.2em;
	padding-top: 57px;
	padding-bottom: 77px;
}




.bosyutext {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:5s;
 -ms-animation-duration:5s;
 animation-duration:5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}









.manga{
	text-align: center;
	padding-bottom: 60px;
}

	
	
	
	
#flesh{
	width: 100%;
	height: 100%;
	color: #ffffff;
}

.fleshinner{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

	
	
	#syukatsutittle01{
		width: 100%;
		background-color:  #fff;
	}	
	
.syukatsutittle01inner{
	
	height: 100%;
	margin: 0 auto;
	
	}		
	
		#fleshtext01{
		width: 100%;
		background-color:  #f39800;
	}	
	
.fleshtext01inner{
	
	height: 100%;
	margin: 0 auto;

	}		
	
	
	
	
	
.syukatsutittle{
	font-size: 26px;
	color: #ed6c00;
	text-align: center;
	letter-spacing: 0.2em;
	
}

.fleshtext{
	font-family: Lucida Sans Unicode, Lucida Grande," sans-serif";
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.1em;
	padding-top: 40px;
	padding-bottom: 35px;
	line-height: 2.2em;
}


	
	
	
		#fleshall{
		width: 100%;
			margin-top: -20px;
	}	
	
.fleshallinner{
	width: 1060px;
	height: 100%;
	margin: 0 auto;

	}			
	
	
	
	
	
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }	
	
	
#flesh01{
	font-size: 16px;
	width: 216px;
	height: 100%;
	padding-left: 177px;
	float: left;

}
	

#flesh02{
	font-size: 16px;
	width: 216px;
	height: 100%;
	padding-left: 37px;
	float: left;
}

#flesh03{
	font-size: 16px;
	width: 216px;
	height: 100%;
	padding-left: 37px;
	float: left;
}


.flesh01text,.flesh02text,.flesh03text{
	text-align: center;
	padding-bottom: 100px;
}


	
	
#brother{
	clear: both;
	width: 100%;
	height: 100%;
	color: #ffffff;
}

.brotherinner{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
	
#brothertext01{
		width: 100%;
		background-color:  #f39800;
	}	
	
.brothertext01inner{
	
	height: 100%;
	margin: 0 auto;

	}		
		
	
	
	
			#brotherall{
		width: 100%;
			margin-top: -20px;
	}	
	
.brotherallinner{
	width: 1060px;
	height: 100%;
	margin: 0 auto;

	}			
	
	
	
	
.brothertext{
	
	font-family: Lucida Sans Unicode, Lucida Grande," sans-serif";
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.1em;
	padding-top: 50px;
	padding-bottom: 35px;
	line-height: 2.2em;
}

.brother01{
	font-size: 16px;
	width: 200px;
	height: 100%;
	padding-left: 177px;
	float: left;
}

.brother02{
	font-size: 16px;
	width: 200px;
	height: 100%;
	padding-left: 47px;
	float: left;
}

.brother03{
	font-size: 16px;
	width: 200px;
	height: 100%;
	padding-left: 47px;
	float: left;
}


.brother01text,.brother02text,.brother03text{
	clear: both;
	color: #000;
	text-align: center;
	
}


#entry{
	clear: both;
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 100px;
}


	.entryinner{
	width: 100%;

		margin: 0 auto;
		font-family: Lucida Console, Monaco, monospace;
	color: #ed6c00;
	letter-spacing: 0.3em;
}

	
	
.entrytittle{
	font-size: 24px;
	
}

.entrytext{
	font-size: 24px;
	font-family: Lucida Console, Monaco, monospace;
	color: #ed6c00;
	letter-spacing: 0.3em;
	padding-top: 65px;
}

	.btn{
		width: 500px;
		margin: 0 auto;
	}
	
	.btn li{
		float: left;
		padding-right: 30px;
		padding-top: 30px;
	}


.pagetop{
clear: both;
	text-align: right;
	padding-right: 50px;
}

}









/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
	#contents{
	width: 100%;
	height: 100%;
}

.contentsinner{

	margin: 0 auto;
}

	
	#contentstittle01{
		width: 100%;
	color: #ffffff;
		background-color:  #000;
	}	
	
.contentstittle01inner{
	
	height: 100%;
	margin: 0 auto;
	margin-top: -5px;
	}	
	
.contentstittle{
	font-size: 16px;
	text-align: center;
	padding-top: 5px;
	letter-spacing: 0.2em
}
	
	
	
#bosyu{
	width: 100%;
	height: 100%;
	color: #ffffff;
	background: url(../img/bosyuback.jpg) top left;
	background-size: cover;
}

.bosyuinner{
	width: 100%;
	height:  100%;
	margin: 0 auto;
}


.bosyutext{
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color:#6A6A6A;
	text-align: center;
	line-height: 2.2em;
	padding-top: 57px;
	padding-bottom: 77px;
}




.bosyutext {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:5s;
 -ms-animation-duration:5s;
 animation-duration:5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}









.manga{
	text-align: center;
	padding-bottom: 60px;
}

	
	
	
	
#flesh{
	width: 100%;
	height: 100%;
	color: #ffffff;
}

.fleshinner{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

	
	
	#syukatsutittle01{
		width: 100%;
		background-color:  #fff;
	}	
	
.syukatsutittle01inner{
	
	height: 100%;
	margin: 0 auto;
	
	}		
	
		#fleshtext01{
		width: 100%;
		background-color:  #f39800;
	}	
	
.fleshtext01inner{
	
	height: 100%;
	margin: 0 auto;

	}		
	
	
	
	
	
.syukatsutittle{
	font-size: 26px;
	color: #ed6c00;
	text-align: center;
	letter-spacing: 0.2em;
	padding-top:10px;
	
}

.fleshtext{
	font-family: Lucida Sans Unicode, Lucida Grande," sans-serif";
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.1em;
	padding-top: 40px;
	line-height: 2.2em;
}


	
	
	
		#fleshall{
		width: 100%;
			transform: scale(0.75);
			margin-top: -150px;
	}	
	
.fleshallinner{
	width: 100%;
	height: 100%;
	margin: 0 auto;

	}			
	
	
	
	
	
/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }	
	
	
#flesh01{
	font-size: 16px;
	width: 100%;
	height: 100%;
	padding-bottom: 50px;

}
	

#flesh02{
	font-size: 16px;
	width: 100%;
	height: 100%;
		padding-bottom: 50px;
}

#flesh03{
	font-size: 16px;
	width: 100%;
	height: 100%;
}


.flesh01text,.flesh02text,.flesh03text{
	color: #000;
	font-size: 22px;
	text-align: center;
	
}


	
	
#brother{
	clear: both;
	width: 100%;
	height: 100%;
	color: #ffffff;
}

.brotherinner{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
	
#brothertext01{
		width: 100%;
		background-color:  #f39800;
	}	
	
.brothertext01inner{
	
	height: 100%;
	margin: 0 auto;

	}		
		
	
	
	
			#brotherall{
		width: 100%;
			margin-top: -100px;
				transform: scale(0.75);
	}	
	
.brotherallinner{
	width: 100%;
	height: 100%;
	margin: 0 auto;

	}			
	
	
	
	
.brothertext{
	
	font-family: Lucida Sans Unicode, Lucida Grande," sans-serif";
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.1em;
	padding-top: 50px;
	padding-bottom: 35px;
	line-height: 2.2em;
}

.brother01{
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}

.brother02{
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}

.brother03{
	width: 100%;
	height: 100%;
	padding-bottom: 50px;
}


.brother01text,.brother02text,.brother03text{
	clear: both;
	color: #000;
	text-align: center;
	font-size: 22px;
	
}


#entry{
	clear: both;
	width: 100%;
	height: 100%;
	text-align: center;
}


	.entryinner{
	width: 100%;

		margin: 0 auto;
		font-family: Lucida Console, Monaco, monospace;
	color: #ed6c00;
	letter-spacing: 0.3em;
}

	
	
.entrytittle{
	font-size: 24px;
	
}

.entrytext{
	font-size: 24px;
	font-family: Lucida Console, Monaco, monospace;
	color: #ed6c00;
	letter-spacing: 0.3em;
	padding-top: 65px;
}

	.btn{
		width: 100%;
		margin: 0 auto;
	}
	
	.btn li{
		
		padding-right: 30px;
		padding-top: 30px;
	}


.pagetop{
clear: both;
	text-align: right;
	padding-right: 50px;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
}