.container{
	width:100%;
	max-width:1200px;
	margin:0px auto;
	border-collapse:collapse;
	box-sizing:border-box:
}

a {
	text-decoration:none;
}
.align_c{
	text-align:center;
}
.align_r{
	text-align:right;
}
.align_l{
	text-align:left;
}
ul{
	list-style-type:none;
}
.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
  margin:0 auto;
  vertical-align:bottom;
}
.chapter{
	width:100%;
	margin:20px auto 20px;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	font-size:24px;
	font-weight:bold;
}

.header{
	width:100%;
}
.header .logo{
	font-size:40px;
	padding:10px;
}
.header .header_menu{
	padding:10px;
	text-align:right;
	font-size:14px;
}
.top_message{
	width:100%;
	max-width:1100px;
	margin:50px auto;
	font-size:clamp(1vw,15px,3vw);
	line-height:150%;
	padding-right:10px;
}
.top_message .quest{
	width:95%;
	color:brown;
	font-size:clamp(1vw,24px,4vw);
	padding:10px;
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:2px solid #384D98;
	margin-bottom:20px;
	margin-top:30px;
}
.top_message .strong{
	border-bottom:2px dotted #384D98;
	font-size:clamp(1vw,18px,3vw);
	display:inline;
	padding-bottom:2px;
	line-height:140%;
	font-weight:bold;
}
.top_message .work_line{
	display:inline-block;
	margin:5px;
	border:3px solid #384D98;
	border-radius:10px;
	padding:5px;
	background-color:#384D98;
	color:#FFFFFF;
	font-size:12px;
}

.top_message span{
	font-size:clamp(1vw,15px,3vw);
	line-height:150%;
	padding:20px;
}
.top_message span b{
	color:#FF0000;
}
.top_icon{
	width:100%;
}
.top_icon td{
	width:33%;
	text-align:center;
}
.top_icon td img{
	width:95%;
}

.top_area_list{
	width:98%;
	max-width:800px;
	margin:0px auto;
	background-color:#384D98;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:10px;
}
.top_area_list .top_area_title{
	padding:10px;
	color:#FFFFFF;
	font-size:clamp(1vw,18px,4vw);
}
.top_area_list .top_area_space{
	margin:10px;
	background-color:#FFFFFF;
}
.top_area_list .top_area_space td{
	padding:5px;
}
.top_area_list .top_area_space .area_name{
	border-right:2px solid #384D98;
	text-align:center;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}
.top_area_list .top_area_space .area_item{
	padding-top:0px;
}
.top_area_list .top_pref{
	font-size:clamp(1vw,15px,4vw);
	padding:5px;
}
.top_area_list .top_pref div{
	margin-bottom:10px;
}

.introduce{
	margin-top:50px;
}
.waku{
	margin-top:5px;
	padding:10px;
	border-radius:20px;
	border:3px solid #384D98;
	font-size:clamp(1vw,15px,3vw);
	line-height:150%;
}
.waku .subtitle{
	color:#C41A41;
	font-size:clamp(1vw,19px,3vw);
	font-weight:bold;
	border-bottom:2px solid #384D98;
	padding-bottom:3px;
}
.menu_list{
	width:100%;
	text-align:center;
	border-top:1px solid #384D98;
	border-bottom:1px solid #384D98;
}
.menu_list .menu_area{
	width:100%;
	max-width:1100px;
	margin:0px auto;
}
.menu_list .menu_area div{
	border-left:1px solid #384D98;
}
.menu_list .menu_area .last-child{
	border-right:1px solid #384D98;
}
.menu_list .menu_area a{
	display:block;
	width:99%;
	margin:1px auto 1px;
	text-align:center;
	height:40px;
	line-height:40px;
	font-size:clamp(1vw,14px,3vw);
}

.menu_button{
	display:block;
	width:96%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:clamp(1vw,21px,3vw);
	font-weight:bold;
}
.top_space{
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:30px;
	padding-bottom:30px;
	background:url(../images/regularpart_bg.png) no-repeat center center;
	background-size:100% auto;
	text-align:center;
}
.top_button_area{
	width:100%;
	max-width:800px;
	margin:40px auto;
	font-weight:bold;
}
.top_button_area .top_button1{
	display:block;
	text-align:center;
	width:95%;
	height:150px;
	line-height:150px;
	border:4px solid #384D98;
	border-radius:10px;
	padding-bottom:30px;
	font-size:clamp(1vw,30px,5vw);
	background:url(../images/regular.png) no-repeat right bottom #E5F4F9;
}
.top_button_area .top_button1 b{
	background:url(../images/half_transparent.png) repeat left top;
	padding:10px;
}
.top_button_area .top_button2{
	display:block;
	text-align:center;
	width:95%;
	height:150px;
	line-height:150px;
	border:4px solid #c53d43;
	border-radius:10px;
	padding-bottom:30px;
	font-size:clamp(1vw,30px,5vw);
	background:url(../images/part.png) no-repeat right bottom #FBE8EF;
}
.top_button_area .top_button2 b{
	background:url(../images/half_transparent.png) repeat left top;
	padding:10px;
}
.top_subtitle{
	width:95%;
	margin:0px auto 10px;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	font-size:24px;
	font-weight:bold;
}
.top_subtitle2{
	width:100%;
	margin:0px auto 10px;
	border-top:2px solid #000000;
	border-bottom:2px solid #000000;
	padding-top:10px;
	padding-bottom:10px;
	font-size:24px;
	font-weight:bold;
}
.top_search_form{
	border-radius:10px;
	border:3px solid #384D98;
	padding:20px;
}
.top_search_form .search_title{
	font-size:clamp(1vw,18px,4vw);
	border-bottom:3px solid #384D98;
	margin-bottom:10px;
	padding-bottom:5px;
}
.top_search_form .search_item .select_item{
	width:95%;
	border:3px solid #384D98;
	border-radius:5px;
	padding:10px;
}
.top_search_form .search_item .button_item{
	width:95%;
	border:3px solid #384D98;
	background-color:#384D98;
	border-radius:5px;
	padding:10px;
	color:#FFFFFF;
}

.top_normal{
	border-left:5px solid #000000;
	border-bottom:1px solid #000000;
	padding:5px;
	font-size:18px;
	font-weight:bold;
}
.top_abnormal{
	border-left:5px solid #000000;
	border-bottom:1px solid #000000;
	padding:5px;
	font-size:18px;
	font-weight:bold;
}
.top_news_title{
	font-size:clamp(1vw,22px,4vw);
	border-left:5px solid #999999;
	border-bottom:1px solid #999999;
	padding:5px;
}
.top_news_record{
	border-bottom:1px dashed #999999;
	paddng-bottom:5px;
	padding:10px;
}
.top_work{
	padding:5px;
}
.top_work .top_work_border{
	width:100%;
	border-radius:5px;
	padding:5px;
}
.top_work .top_work_border a{
	display:block;
}
.top_work .top_work_border div{
	padding:5px;
}
.top_work .top_work_border .title{
	font-size:clamp(1vw,12px,4vw);
}
.top_work .top_work_border .work_title{
	font-size:clamp(1vw,12px,4vw);
}
.top_work .top_work_border .work_image{
	position:relative;
	height:200px;
	overflow:hidden;
}
.top_work .top_work_border .work_image img{
	width:100%;
	max-width:300px;
}
.top_work .top_work_border .work_genre{
	position:absolute;
	text-align:left;
	bottom:0px;
	left:0px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	background-color:#A2553C;
border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:12px;
	margin:5px;
}
.top_work .top_work_border .work_area{
	position:absolute;
	text-align:right;
	top:0px;
	right:0px;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	background-color:#003F71;
border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:12px;
	margin:5px;
}
.top_work .top_work_border .work_fee{
	text-align:right;
	border-top:1px solid #999999;
	color:#FF0000;
	font-size:clamp(1vw,12px,4vw);
}
.top_work .title{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:5px;
	background-color:#384D98;
	color:#FFFFFF;
	text-align:right;
	font-size:clamp(1vw,13px,2vw);
}
.bottom_menu li{
	width:95%;
	padding:5px;
	border-bottom:1px solid #666666;
}
.rank{
	border:2px solid #384D98;
	border-radius:10px;
	width:97%;
	margin:0px auto 5px;
}

.rank .rank_no{
	text-align:center;
	font-size:clamp(1vw,20px,2vw);
	padding-top:20px;
	color:#FFFFFF;
	background-color:#384D98;
}
.rank .rank_no div{
	font-size:12px;
}
.rank .rank_title{
	font-size:clamp(1vw,14px,3vw);
	color:#000000;
	padding:5px;
}
.rank .rank_fee{
	font-size:clamp(1vw,11px,3vw);
	color:#FF0000;
	text-align:right;
	padding:5px;
	border-top:1px solid #999999;
}
.rank .rank_area{
	text-align:center;
	font-size:clamp(1vw,14px,2vw);
	padding-top:30px;
	font-weight:bold;
}
.area_rank_place{
	padding-left:5px !important;
	padding-right:5px !important;
}
.area_rank_place .area_rank{
	width:100%;
}
.area_rank_place .area_item{
	border-radius:10px;
	border:2px solid #384D98;
	border-bottom:3px solid #384D98;
	margin:2px !important;
	margin-top:2px !important;
	text-align:center;
	vertical-align:middle;
	font-size:clamp(1vw,13px,3vw);
	background: -moz-linear-gradient(top, #FFFFFF 50%, #D1EDFF);
	background: -webkit-linear-gradient(top, #FFFFFF 50%, #D1EDFF);
	background: linear-gradient(to bottom, #FFFFFF 50%, #D1EDFF);
}
.area_rank_place .area_item a{
	color:#000000;
	display:block;
	width:100%;
	height:100%;
	padding:10px;
	padding-top:15px;
	padding-bottom:15px;
}
.area_rank_place .area_item a:hover{
	color:#FFFFFF;
	background-color:#384D98;
}
.top_bottom{
	margin-top:50px;
}
.footer{
	margin-top:50px;
	background:url(../images/footer_bg.png) repeat-x left top;
	background-color:#ff8c2e;
	padding-top:70px;
	width:100%;
}
.footer .footer_menu{
	width:100%;
	max-width:1000px;
	margin:20px auto;
}
.footer .footer_menu a{
	color:#FFFFFF;
}
.footer .footer_bg{
	width:100%;
	background:url(../images/footer_town.png) repeat-x left bottom;
	background-color:#ff8c2e;
	min-height:80px;
	text-align:center;
}
.footer .copyright{
	position:relative;
	bottom:0px;
	color:#FFFFFF;
	font-size:12px;
	text-align:center;
	margin:40px auto 0px;
	padding:10px 30px 5px 30px;
	display:inline-block;
	background-color:#ff8c2e;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border:3px solid #000000;
	border-bottom:none;
}
.footer .copyright a{
	color:#FFFFFF;
}

@media screen and (max-width: 768px) {
	.menu_list{
		border-left:1px solid #000000;
		border-right:1px solid #000000;
	}
	.menu_list .menu_area div{
		border:1px solid #000000;
	}
	.top_space{
		width:100%;
		margin-top:8px;
		margin-bottom:8px;
		padding-top:20px;
		padding-bottom:20px;
		background-size:100% auto;
	}
	.top_button_area{
		width:100%;
		max-width:800px;
		margin:20px auto;
		font-weight:bold;
		text-align:center;
	}
	.top_button_area .top_button1{
		width:85%;
		height:120px;
		line-height:120px;
		border:3px solid #384D98;
		border-radius:8px;
		padding-bottom:25px;
		margin:auto auto;
	}
	.top_button_area .top_button2{
		width:85%;
		height:120px;
		line-height:120px;
		border:3px solid #c53d43;
		border-radius:8px;
		padding-bottom:25px;
		margin:auto auto;
	}
}
@media screen and (max-width: 575px) {
	.chapter{
		margin:10px auto 10px;
		font-size:16px;
	}
	.header .header_menu .header_puti{
		display:inline-block;
		margin:5px;
	}
	.top_button_area{
		margin:20px auto 20px;
	}
	.top_button_area .top_button1{
		height:100px;
		line-height:100px;
	}
	.top_button_area .top_button2{
		height:100px;
		line-height:100px;
	}
	.rank .rank_no{
		font-size:12px;
		padding:5px;
	}
	.rank .rank_no div{
		display:inline-block;
	}
	.rank .rank_area{
		padding-top:0px;
		padding-right:10px;
		text-align:right;
	}
	.top_message{
		width:100%;
		max-width:1100px;
		margin:20px auto;
		font-size:clamp(2vw,15px,3vw);
		line-height:150%;
		padding-right:0px;
	}
	.top_area_list .top_area_space{
		margin:0px;
	}
	.top_area_list{
		width:100%;
		max-width:800px;
		margin:0px auto;
		background-color:#384D98;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
		padding:5px;
	}
	.top_area_list .top_pref{
		font-size:17px;
		padding:10px;
	}
	.top_area_list .top_area_space .area_name{
		display:inline-block;
		width:100% !important;
		font-size:18px;
		padding:5px;
		padding-bottom:0px;
		border-right:0px;
	}
	.top_area_list .top_area_space .area_item{
		display:inline-block;
		width:100% !important;
		line-height:200%;
	}
	.top_area_list .top_area_space td{
		display:block;
	}

	.top_search_form{
		border-radius:10px;
		border:3px solid #999999;
		padding:10px;
		line-height:150%;
	}
	.top_search_form .search_item div{
		padding-top:5px;
	}
	.top_search_form .search_button{
		width:95%;
		margin:5px auto;
	}
	.area_rank_place .area_rank td{
		border-bottom:2px solid #1A557F;
	}
	.area_rank_place .area_rank td a{
		padding:7px;
	}
	.top_work .top_work_border .work_image{
		height:120px;
	}
	.top_work .top_work_border .work_image img{
		height:100%;
		width:auto;
	}
	.top_bottom{
		margin-top:15px;
	}
	.bottom_menu ul{
		padding-left:0px;
		margin-top:10px;
	}
	.bottom_menu li{
		width:100%;
		margin-top:3px;
		border:1px solid #DDDDDD;
		border-bottom:1px solid #666666;
		padding-top:10px;
		border-radius:5px;
	}
	.area_rank_place{
		margin-top:10px;
	}
	.footer .footer_menu{
		margin-left:15px;
	}
	.footer .footer_menu div{
		padding-bottom:10px;
	}
	.mob_commerce{
		margin-top:20px;
	}
	.top_message .quest{
		margin-top:20px;
	}
	.mob_delete{
		display:none;
	}
}