@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/


/* ------ Mainvisual ------ */

#mainvisual {
	width: 100%;
	background-color: #fff;
	height:auto;
	overflow:hidden;
	border-top:#CCC solid 9px;
}


/* tab ------ */

.first{
	max-width:880px;
	margin-top:30px;
}
.first h2{
	background: url(images/bg_gray.jpg) repeat;
	padding:6px 26px;
	font-size:18px;
}
.first p{
	padding:10px 28px 5px;
}

.special{
	max-width:920px;
	margin-top:10px;
}
.campaign{
	max-width:800px;
	margin-top:10px;
}


/*--special01--*/
.row01{
	max-width:1024px;
	margin:0 auto;
	padding:0 0 58px;
	background: url(images/bg_spl01.jpg) repeat-y;
}
.img01{
	padding:9px 0 ;
}
.img01ti{
	clear:both;
	text-align:center;
	padding:30px 0 15px;
}
.campaign01a{
	max-width:714px;
	margin-top:10px;
}
.row01a{
	max-width:883px;
	margin:0 auto;
	margin-top:36px;
	padding:0 0 40px;
	background: #FFF;
}
.row01as{
	max-width:772px;
	margin:0 auto;
	text-align:center;
}
.row01as img{
	padding:0 13px;
	float:left;
	
}

/*--special02--*/
.row02{
	max-width:1024px;
	margin:0 auto;
	padding:0 0 58px;
	background: url(images/bg_spl02.jpg) repeat-y;
}
.line_ac{
	margin:30px 0;
	padding:15px 10px;
	border-top: #F6E024 solid 3px;
	border-bottom:#F6E024 solid 3px;
}
.fs_box{
	padding:24px 43px;
	font-size:16px;
	line-height:1.8;

}
.fc_org02{
	color:#F7921E;
}
.fc_org02a{
	color:#F15924;
}
.fc_pink02{
	color:#FF6C99;
}
.top{
	padding-bottom:40px;
	background:#FFF;
}
.img02{
	padding:9px 0 ;
}
.img02ti{
	clear:both;
	text-align:center;
	padding:30px 0 15px;
}
.campaign02a{
	max-width:714px;
	margin-top:10px;
}
.row02a{
	max-width:883px;
	margin:0 auto;
	margin-top:36px;
	padding:0 0 40px;
	background: #FFF;
}
.row02as{
	max-width:797px;
	max-width:797px;
	margin:32px auto 0;
	text-align:center;
}
.row02as img{
	padding:0 13px;
	padding:0 ;
	float:left;
	
}
.sp_com02{
	padding:28px 10px 0;
	text-align:left;
	font-size:16px;
	line-height:1.8;
	
	
}
.pa_c02 img{
	padding-bottom:28px;
}
.box_com{
	font-size:20px;
	padding:10px 0;
	text-align:center;
	background:#FFF;
	width:100%;
	font-weight:bold;
}

/*----*/


.special_btm{
	max-width:920px;
	margin-top:90px;
}
.w_ti{
	max-width:883px;
	margin-top:20px;
	
}
.w_ti h2.gray{
	background: url(images/bg_gray_uv.jpg) repeat;
	padding:9px 26px;
	margin:30px 0;
	text-align:center;
}
.w_ti h2.blue{
	background: url(images/bg_blue_uv.jpg) repeat;
	padding:9px 26px;
	margin:60px 0 10px;
	text-align:center;
}
.w_ti h2.blue01{
	background: url(images/bg_blue01_uv.jpg) repeat;
	padding:9px 26px;
	margin:30px 0;
	text-align:center;
}
.blue_linebox{
	border:#88D7FF solid 2px;
}
.blue_linebox img{
	margin:-10px 0 0 -5px;
	padding:0;
}
.w_ti p{
	font-size:90%;
	line-height:2.2;
	letter-spacing:0.2em;
	
}
.w_ri{
	margin:10px 0;
}
.fc_uv_org{
	color:#F7921E;
}
.fc_uv_blue{
	color:#00C6D2;
}
.w_ti p.fs_cnt{
	font-size:90%;
	line-height:1.2;
	letter-spacing:0.2em;
	padding:15px 20px;
	
}


/* アレルギーテスト Table
---------------------------------------------------------- */
	.table_try {
		max-width:700px;
		margin:20px 65px 0;
		
		
		border-collapse: separate;
		border-bottom:none;
	}
	.table_try th,
	.table_try td {
		padding: 12px 27px;
		
	}
	.table_try th {
		background-color: #e6e6e6;
		border-bottom: 15px solid #fff;
		font-size:14px;
		text-align:center;
	}
	.table_try td {
		font-size:14px;
		border-bottom: 15px solid #fff;
	}
	p.w_com{
		max-width:700px;
		margin:0 65px;
		padding:0;
		
		line-height:1.2;
		letter-spacing:0.2em;
	}
	.w_com_s{
		font-size:76%;
	}
	
@media screen and (max-width:767px){
	.table_try {
		width: 100%;
		max-width:700px;
		margin:20px auto;
	}
	/*.table_try,*/
	.table_try thead,
	.table_try tbody,
	.table_try tr,
	.table_try th,
	.table_try td {
		/*width: 100%;*/
		display: block;
	}
	.table_try th,
	.table_try td {
		border-top: none;
		border-left: none;
	}
	.table_try th {
		border-bottom:#FFF solid 1px;
		padding:10px 0;
	}
	.table_try td {
		border-bottom:#FFF solid 1px;
	}
	
	p.w_com{
		margin:0 30px;
	}
	.w_com{
		margin:20px auto;
		
	}
	
	
	.row01as img{
	padding:0 13px;
	padding:0;
	float:left;
	float:none;
	
}
.fs_box{
	padding:20px 20px 10px;

}

	.row02as img{
	padding:0 13px;
	padding:0 0 20px;
	float:left;
	float:none;
	
}


.sp_com{
	padding:0 10px;
	
}
.sp_com02{
	padding:0 10px;
	
	
}
.maru img{
	width:30%;
	height:auto;
}
.marucom{
	font-size:18px;
	text-align:center;
	padding:0 10px 5px;
	border-bottom:#FCD0DA dotted 2px;
	margin:5px 10px 10px;
	color:#524640;
}
.mj{
	padding:0 10px 5px;
}
.pink02{
	color:#F96597;
}
	
}
@media screen and (max-width: 639px) {
	.table_try td {
		/*padding-right:20px;*/
	}
	.table_try {
		border-right:none;
		border-bottom:none;
	}
}




.pcnon{
		display:block;
	}

.spnon{
		display:block;
	}


.clear{
	clear:both;
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 640px) and (max-width: 979px) {


	
}


/*-----------------------------------------------------	*/
/*	for 640px - 979px		sakusei		*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 640px) and (max-width: 839px) {
	

}
@media screen and (min-width: 460px) and (max-width: 639px) {
}



/*-----------------------------------------------------	*/
/*	for  - 639px			*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {

	/* ------ Column ------ */

	/* 各カラムの横並びを解除し、縦１列に並べる */
	.col,
	.col.left,
	.col.right {
		float: none;
		width: auto;
		margin-left: 0;
	}
	
	.col2,
	.col2.left,
	.col2.right {
		float: none;
		width: auto;
		margin-left: 0;
	}	
	
	.col4,
	.col4.left,
	.col4.right {
		float: none;
		width: auto;
		margin-left: 0;
	}

.w_ri{
	margin:10px 20px;
	line-height:1.2;
}




.spnon{
		display:none;
	}

}



/*-----------------------------------------------------	*/
/*	for - 339px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 400px) {
}


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

	.pcnon{
		display:none;
	}
	
}