@charset "UTF-8";

/* tokuten style
-------------------------------------*/
#main {	
	overflow: hidden;
	width: 100%;
	}	
	#contents{
		width: 1000px;
		margin: 0 auto;
		font-size: 16px;
		}
	
.tokuten_main {
	background: url(/~/Media/coco/tokuten/image/main_bg.png) no-repeat scroll center top;
	height: 369px;
	}	
	.t_title01 {
		text-align: center;
		margin: 0 auto 30px;
		}	
	.t_title02 {
		text-align: center;
		margin: 0 auto;
		}	
.tokuten_info {
	background: url(/~/Media/coco/tokuten/image/tokuten_bg.png) repeat scroll left top;
	padding: 40px 0;
	
	}
	.tokuten_area {
		overflow: hidden;
		padding: 20px 30px;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 40px;
		background: #fff;
		}
		.tokuten_area li {
			padding: 30px 10px;
			border-bottom: 1px dashed #cccc;
			}
		.tokuten_area li:last-child {border-bottom: none;}
			.tokuten_area .t_icon {
				width: 10.8%;
				float: left;
				margin-right: 3%;
				}
			.tokuten_area .t_title {
				font-size: 28px;
				color: #333;
				font-weight: bold;
				margin-bottom: 20px;
				line-height: 1.3;
				}
			.tokuten_area .t_title .red {color: #ea467a;}
				
				.tokuten_area .t_title .mark_no {
					width: 10%;
					margin-right: 10px;
					display: inline-block;
					line-height: 28px;
					}
			.tokuten_area .t_txt {font-size: 16px;}
	
			.tokuten_area .con_logo {
				overflow: hidden;
				margin-bottom: 20px;
				}
				.tokuten_area .con_logo li {
					border: none;
					padding: 0;
					vertical-align: middle;
					margin-right: 15px;
					float: left;
					}
				.tokuten_area .con_logo li:last-child {margin: 0;}
					
					
				.tokuten_area .t_area {overflow: hidden;}
				.tokuten_area .t_area .t_img {
					float: left;
					width: 25%;
					margin-right: 3%;
					}
				.tokuten_area .t_area .t_btn {
					width: 233px;
					margin: 15px 0 0 0;
					}
	
	
.top_btn_area {
	background: #f9ffc5;
	padding: 40px 0;
	}	
.top_btn_area .top_btn {
	text-align: center;
	}
.t_btn02 {
	width: 350px;
	margin: 20px 0 0;
	}
	
	.touroku_area {
		overflow: hidden;
		padding: 30px;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		background: #fff;
		}
		.touroku_area .touroku_t {
			font-size: 28px;
			margin-bottom: 20px;
			text-align: center;
			font-weight: bold;
			}
		.touroku_area .touroku_btn {
			text-align: center;
			margin: 0 auto 30px;
			}
		.touroku_area .touroku_txt {
			font-size: 16px;
			margin-bottom: 20px;
			text-align: center;
			}
		.touroku_area .touroku_btn02 {
			text-align: center;
			margin: 0 auto;
			}
			

	
/* ▼▼▼ 768px
=====================================*/
@media screen and (max-width: 768px) {

#contents{
	font-size: 4.06vw;
	padding: 0;
	}

.tokuten_main {
	background: url(/~/Media/coco/tokuten/image/main_bg_sp.png) no-repeat scroll center top;
	background-size: 100%;
	height: 46vw;
	overflow: hidden;
	}	
	.t_title01 {
		text-align: center;
		width: 66%;
		margin: 0 auto 20px;
		}	
	.t_title02 {
		text-align: center;
		margin: 0 auto;
		width: 68%;
		}	

.tokuten_info {padding: 18px 5%;}
	.tokuten_area {
		padding: 20px 5%;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 20px;
		background: #fff;
		}
		.tokuten_area li {
			padding: 20px 0 20px 0;
			border-bottom: 1px dashed #cccc;
			}
		.tokuten_area li:last-child {border-bottom: none;}
			.tokuten_area .t_icon {
				width: 20%;
				float: none;
				margin: 0 auto 20px;
				}
			.tokuten_area .t_title {
				font-size: 6.5625vw;
				font-weight: normal;
				margin-bottom: 10px;
				}
				.tokuten_area .t_title .mark_no {
					width: 30%;
					margin: 0 auto 20px;
					display: block;
					line-height: 28px;
					}
				.tokuten_area .t_title .mark_no img {width: 100%;}
				.tokuten_area .t_txt {font-size: 4.375vw;}


			.tokuten_area .con_logo {
				overflow: hidden;
				margin-bottom: 10px;
				}
				.tokuten_area .con_logo li {
					border: none;
					width: 50%;
					float: left;
					margin: 0 0 10px 0;
					}
				.tokuten_area .con_logo li img {width: 100%;}
					
				.tokuten_area .t_area {overflow: hidden;}
				.tokuten_area .t_area .t_img {
					float: none;
					width: 100%;
					margin: 0 0 10px 0;
					}
				.tokuten_area .t_area .t_btn {
					width: 90%;
					margin: 15px auto 0;
					}
				.tokuten_area .t_area .t_btn img {width: 100%;}
.top_btn_area {
	background: #f9ffc5;
	padding: 20px 0;
	}	
.top_btn_area .top_btn {
	width: 70%;
	margin: 0 auto;
	}

.t_btn02 {
	width: 90%;
	margin: 20px auto 0;
	}


	.touroku_area {
		overflow: hidden;
		padding: 20px;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		background: #fff;
		}
		.touroku_area .touroku_t {
			font-size: 4.06vw;
			margin-bottom: 20px;
			text-align: center;
			font-weight: bold;
			}
		.touroku_area .touroku_btn {
			text-align: center;
			margin: 0 auto 30px;
			width: 85%;
			}
		.touroku_area .touroku_txt {
			font-size: 3.4375vw;
			margin-bottom: 20px;
			text-align: left;
			}
		.touroku_area .touroku_btn02 {
			text-align: center;
			margin: 0 auto;
			width: 65%;
			}
}