/******************************************/
/*##################################################################################################*/

@media (min-width:768px) {

.top_img{
	margin-top:65px;
	padding:0px;
        width:100%;
        height:764px;
	color:#fff;
	font-size:34px;
	text-align:center;
	line-height:260px;
	display:block;
	background:url(../img/top/top_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	z-index:10;
/*background-size:100% 100%;*/
	position:relative;
}
.top_img .topname{
        width:380px;
	height:80px;
	margin:0px;
	padding:35px;
	color:#fff;
	font-size:18px;
	text-align:left;
	display:block;
	top:670px;
	left:15%;
	line-height:200%;
	background-color:#e10000;
	position:absolute;

}
.top_img .topname .name{
	color:#fff;
	font-size:33px;
	text-align:left;
	font-weight:normal;
	line-height:150%;
}
.top_img .topname .romaji{
	color:#000;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	line-height:200%;
}
.main{
	margin:0px 0px 0px 0px;
	padding:0px;
        width:100%;
	display:block;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;
	overflow: hidden;
}
.main .box{
        width:700px;
	margin:0px auto 60px auto;
	padding:130px 100px 80px 100px;
	color:#000;
	font-size:16px;
	text-align:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	line-height:200%;
}
.main .box .topname{
        width:380px;
	height:80px;
	margin:-180px 0px 0px 0px;
	padding:35px;
	color:#fff;
	font-size:18px;
	text-align:left;
	display:block;
	line-height:200%;
	background-color:#e10000;
position:absolute;
}
.main .box .topname .name{
	color:#fff;
	font-size:33px;
	text-align:left;
	font-weight:normal;
	line-height:150%;
}
.main .box .topname .romaji{
	color:#000;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	line-height:200%;
}
.main .box .title{
	margin:0px 0px 30px 0px;
	padding:0px;
	color:#000;
	font-size:28px;
	text-align:left;
	font-weight:bold;
	line-height:150%;

}
.main .box img{
        width:700px;
	margin:0px auto 60px auto;
	padding:0px;
	color:#000;
	font-size:16px;
	text-align:left;
	display:block;
	background:url(../img/top/main_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow: hidden;
}
.main .box .last_message{
        width:620px;
	height:130px;
	margin:55px auto 0px auto;
	padding:35px 40px;
	color:#000;
	font-size:16px;
	text-align:left;
	display:block;
	line-height:200%;
	background-color:#f6f6f6;
}

.title_box{
	width:900px;
	margin:200px auto 0px auto;
	padding:0px;
}
.title_box .midashi01{
	width:100%;
	height:45px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:38px;
	font-weight:bold;
	color:#ff0000;
        letter-spacing: 0.1px;
font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
}
.title_box .txtc{
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:center;

}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}

}

/******************************************/
/*##################################################################################################*/

@media screen and (min-width:768px) and ( max-width:1000px) {
body { margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	height:100%;
        width:100%;
	word-break: break-all;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;
	overflow: hidden;
}
.top_img{
	margin-top:65px;
	padding-top:53%;
        width:100%;
	color:#fff;
	height:auto;
	font-size:34px;
	text-align:center;
	line-height:260px;
	display:block;
	background:url(../img/top/top_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
	z-index:10;
/*background-size:100% 100%;*/

}

.top_img .topname{
        width:330px;
	height:60px;
	margin:0px;
	padding:25px;
	color:#fff;
	font-size:14px;
	text-align:left;
	display:block;
	top:50px;
	left:80px;
	line-height:200%;
	background-color:#e10000;
	position:relative;

}
.top_img .topname .name{
	color:#fff;
	font-size:28px;
	text-align:left;
	font-weight:normal;
	line-height:150%;
}
.top_img .topname .romaji{
	color:#000;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	line-height:200%;
}


.main{
	margin:0px 0px 0px 0px;
	padding:0% 0% 0% 0%;
        width:100%;
	display:block;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;

}
.main .box{
        width:80%;
	margin:0px auto 5% auto;
	padding:11% 5% 5% 5%;
	color:#000;
	font-size:16px;
	text-align:left;
	display:block;
	background-color:#fff;
	line-height:200%;
	overflow:hidden;

}
.main .box .topname{
        width:40%;
	height:70px;
	margin:0px 0px 0px 0px;
	padding:3%;
	color:#fff;
	font-size:16px;
	text-align:left;
	display:block;
	line-height:200%;
	background-color:#e10000;
	top:580px;
	position:absolute;
}
.main .box .topname .name{
	color:#fff;
	font-size:28px;
	text-align:left;
	font-weight:normal;
	line-height:150%;
}
.main .box .topname .romaji{
	color:#000;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	line-height:200%;
}
.main .box .title{
	margin:0px 0px 30px 0px;
	padding:0px;
	color:#000;
	font-size:21px;
	text-align:left;
	font-weight:bold;
	line-height:200%;

}
.main .box img{
        width:100%;
	margin:0px auto 60px auto;
	padding:0px;
	color:#000;
	font-size:16px;
	text-align:left;
	display:block;
	background:url(../img/top/main_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow: hidden;
}
.main .box .last_message{
        width:90%;
	height:185px;
	margin:55px auto 0px auto;
	padding:3% 4%;
	color:#000;
	font-size:16px;
	text-align:left;
	display:block;
	line-height:200%;
	background-color:#f6f6f6;
}

.title_box{
	width:900px;
	margin:200px auto 0px auto;
	padding:0px;
}
.title_box .midashi01{
	width:100%;
	height:45px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:38px;
	font-weight:bold;
	color:#ff0000;
        letter-spacing: 0.1px;
font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
}
.title_box .txtc{
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:center;

}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}
}

/******************************************/
/*##################################################################################################*/


@media (max-width:767px) {
body { margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;
	background-color:#fff;
	height:100%;
        width:100%;
	word-break: break-all;
	background:url(../img/con_bg01.jpg);
	background-repeat:repeat;
	overflow: hidden;
}

.top_img{
	margin-top:65px;
	padding-top:53%;
        width:100%;
	color:#fff;
	height:auto;
	font-size:20px;
	text-align:center;
	line-height:260px;
	display:block;
	background:url(../img/top/top_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:relative;
	z-index:10;
/*background-size:100% 100%;*/

}

.top_img .topname{
        width:70%;
	height:50px;
	margin:0px;
	padding:4% 4%;
	color:#fff;
	font-size:12px;
	text-align:left;
	display:block;
	top:60px;
	left:11%;
	line-height:200%;
	background-color:#e10000;
	position:relative;

}
.top_img .topname .name{
	color:#fff;
	font-size:18px;
	text-align:left;
	font-weight:normal;
	line-height:150%;
}
.top_img .topname .romaji{
	color:#000;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	line-height:200%;
}

.main{
	margin:0px 0px 0px 0px;
	padding:0px;
        width:100%;
	overflow: hidden;
}
.main .box{
        width:80%;
	margin:0% auto 6% auto;
	padding:80px 5% 5% 5%;
	color:#000;
	font-size:12px;
	text-align:left;
	display:block;
	background-color:#fff;
	overflow: hidden;
	line-height:180%;

}
.main .box .topname{
        width:75%;
	height:50px;
	margin:0% auto 5% auto;
	padding:5%;
	color:#fff;
	font-size:12px;
	text-align:left;
	display:block;
	line-height:200%;
	background-color:#e10000;
position:relative;
	z-index:111;
}
.main .box .topname .name{
	color:#fff;
	font-size:20px;
	text-align:left;
	font-weight:normal;
	line-height:150%;
}
.main .box .topname .romaji{
	color:#000;
	font-size:11px;
	text-align:left;
	font-weight:bold;
	line-height:200%;
}
.main .box .title{
	margin:0% 0% 6% 0%;
	padding:0px;
	color:#000;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	line-height:180%;

}
.main .box img{
        width:100%;
	margin:0% auto 5% auto;
	padding:0px;
	color:#000;
	font-size:14px;
	text-align:left;
	display:block;
	background:url(../img/top/main_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	overflow: hidden;
}
.main .box .last_message{
        width:90%;
	height:auto;
	margin:5% auto 0% auto;
	padding:3% 4%;
	color:#000;
	font-size:12px;
	text-align:left;
	display:block;
	line-height:180%;
	background-color:#f6f6f6;
}

.title_box{
	width:900px;
	margin:200px auto 0px auto;
	padding:0px;
}
.title_box .midashi01{
	width:100%;
	height:45px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	font-size:38px;
	font-weight:bold;
	color:#ff0000;
        letter-spacing: 0.1px;
font-family: "Hiragino Kaku Gothic ProN", "Osaka", Arial, sans-serif;
}
.title_box .txtc{
	font-size:16px;
	font-weight:normal;
	color:#fff;
	text-align:center;

}



.mr5{
margin-right:5%;
}
.ml5{
margin-left:5%;
}
.mr3{
margin-right:3%;
}



}

/*#######################################################################################*/




.clear{
	clear:both;
}
.list60{
width:60px;
padding:3px 2px;
}
.list130{
width:130px;
padding:3px 2px;
}
.list250{
width:270px;
padding:3px 2px;
}