@charset "UTF-8";
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
common
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* main */

#main .wrap{
	width: 100%;
}
#main .wrap #main_img{
	width: 45%;
}

/* main_bt */
#main_bt{
	margin: 0 0 10% 0;
}
#main_bt .wrap{
	width: 80%;
}
#main_bt .wrap ul{
	display: block;
}
#main_bt .wrap li{
	float: left;
	width: 45%;
	margin: 0 5% 2% 0;
}
#main_bt .wrap li:nth-child(even){
	margin: 0 0 2% 0;
}

/* main_lead */
#main_lead{
	margin: 0 auto 5% auto;
}




@media screen and (min-width: 767px) {
	#main .wrap{
		width: 1200px;
	}
	#main .wrap #main_img{
		width: 400px;
	}
	/* main_bt */
	#main_bt{
		margin: 0 0 80px 0;
	}
	#main_bt .wrap{
		width: 1100px;
	}
	#main_bt .wrap ul{
		display: flex;
	}
	#main_bt .wrap li{
		width: 260px;
		margin: 0 20px 0 0;
	}
	#main_bt .wrap li:last-child{
		margin: 0;
	}

	/* main_lead */
	#main_lead{
		margin: 0 auto 30px auto;
	}
}



@media screen and (min-width: 1400px) {
	#main{
		background: url("images/i_main_bg.jpg") no-repeat right top / contain;
	}
	
}



#event_list{
	width: 100%;
	margin: 10% auto;
	clear: both;
	overflow: hidden;
}

#event_list ul{
	clear: both;
	overflow: hidden;
	width: 60%;
	margin: 0 auto;
}
#event_list ul li{
	width:100%;
	margin:0 auto 5% auto;
}
#event_list ul li:last-child{
	margin: 0 0 0px 0;
}


@media screen and (min-width: 767px) {
	#event_list{
		width: 1100px;
		margin: 100px auto;
	}
	#event_list ul li{
		width:347px;
	margin:0 20px 0px 0;
	float: left;
	}
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
index
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#sale{
	clear: both;
	overflow: hidden;
	margin:10% 0;
}
#sale #ti_sale{
	width: 40%;
	margin: 0 auto 5% auto;
}
#sale #sale_list{
	clear: both;
	margin: 0 auto 5% auto;
	width: 70%;
}

#sale #bt_sale{
	width: 80%;
	margin: 0 auto;
}

#member_list{
	clear: both;
	margin: 0 auto 5% auto;
	width: 70%;
}
.slick-slide{
	margin: 0 2%;
}
#member_blue{
	background: #00a7e3;
	padding: 5% 0;
}
#member_txt{
	clear: both;
	margin: 0 auto 5% auto;
	width: 70%;
}
#member_txt .title{
	text-align: center;
	color: #eddc44;
	font-size:3.4vw;
	margin: 0 auto 3% auto;
}
#member_txt p{
	text-align: center;
	color: #ffffff;
	margin: 0 auto 5% auto;
}

#member{
	clear: both;
	overflow: hidden;
	margin:15% 0;
}
#member #ti_member{
	background:#00a7e3;
	text-align: center;
	padding: 5% 0;
	margin: 0 0 5% 0;
}
#member #ti_member #title_member{
	width: 80%;
	margin: 0 auto;
}
#member #bt_member{
	width: 70%;
	margin: 0 auto;
}


#event_index{
	clear: both;
	overflow: hidden;
	width: 90%;
	margin: 0 auto 10% auto;
}

#event_index #ti_event_index{
	width: 25%;
	margin: 0 auto 5% auto;
}
#event_index li{
	border-bottom:1px solid #999999;
	padding: 3% 0 3% 20%;
	margin: 0 0 3% 0;
}
#event_index li.event_baby{
	background: url("images/icon_baby.png") no-repeat left center / 17%;
}
#event_index li.event_kids{
	background: url("images/icon_kids.png") no-repeat left center / 17%;
}
#event_index li.event_eiyou{
	background: url("images/icon_eiyou.png") no-repeat left center / 17%;
}
#event_index li .date{
	padding:0 3% 0 0;
}


@media screen and (min-width: 767px) {
	#sale{
		margin:200px 0;
	}
	#sale #ti_sale{
		width: 250px;
		margin: 0 auto 50px auto;
	}
	#sale #sale_list{
		margin: 0 auto 50px auto;
	}
	#sale #bt_sale{
		width: 748px;
	}
	#member_list{
		margin: 0 auto 50px auto;
	}
	#member_blue{
		padding: 50px 0;
	}
	#member_txt{
		margin: 0 auto 50px auto;
	}
	#member_txt .title{
		font-size:30px;
		margin: 0 auto 30px auto;
	}
	#member_txt p{
		margin: 0 auto 50px auto;
	}
	#member{
		margin:200px 0;
	}
	#member #ti_member{
		padding: 100px 0;
		margin: 0 0 50px 0;
	}
	#member #ti_member #title_member{
		width: 550px;
	}
	#member #bt_member{
		width: 748px;
	}
	#event_index{
		width: 1100px;
		margin: 0 auto 100px auto;
	}
	
	#event_index #ti_event_index{
	width: 152px;
	margin: 0 auto 50px auto;
}
	
	#event_index li{
	border-bottom:1px solid #999999;
	padding: 20px 0 20px 120px;
	margin: 0 0 20px 0;
}
#event_index li.event_baby{
	background: url("images/icon_baby.png") no-repeat left center;
}
#event_index li.event_kids{
	background: url("images/icon_kids.png") no-repeat left center;
}
#event_index li.event_eiyou{
	background: url("images/icon_eiyou.png") no-repeat left center;
}
#event_index li .date{
	padding:0 20px 0 0;
}
		
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
event
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#main #main_img{
	margin: 0 0 10% 0;
}
#main #main_img img{
	width:100%;
}
#main #main_name{
	width: 40%;
	margin: -12% auto 5% auto;
}
#main #main_name_drug{
	width: 70%;
	margin: -15% auto 10% auto;
}
#main #anc_event{
	width: 20%;
	margin: -12% 5% 0 auto;
}

#column #main #main_name_drug{
	width: 70%;
	margin: -15% auto 10% auto;
}

@media screen and (min-width: 767px) {
	#main #main_img{
		margin: 0 0 100px 0;
	}
	#main #main_name{
		width: 444px;
		margin: -170px auto 30px auto;
	}
	#main #main_name_drug{
		width: 751px;
		margin: -170px auto 30px auto;
	}
	#main #anc_event{
		width: 138px;
		margin: -170px 50px 0 auto;
	}
	#column #main #main_name_drug{
		width: 751px;
		margin: -170px auto 100px auto;
	}
	
}



#event .baby{
	width: 50%;
	margin: 0 auto;
}
#event .eiyousoudan{
	width: 50%;
	margin: 0 auto;
}
#event .kids{
	width: 30%;
	margin: 0 auto;
}
#drug .cosme{
	width: 40%;
	margin: 0 auto;
}
#column .column{
	width: 25%;
	margin: 0 auto;
}
#main_lead{
	width: 40%;
	margin: 0 auto 10% auto;
}
#corona{
	text-align: center;
	font-size: 3.6vw;
	font-weight: bold;
	color: #ff0000;
	margin: 0 auto 10% auto;
}
#sub_lead{
	margin:0 auto 70px auto;
}

#bt_top{
	text-align: right;
	width: 90%;
	margin: -10% auto 0 auto;
}
#bt_top a{
	width: 14%;
	margin: 0 0 0 auto;
	text-align: right;
	display: block;
}


@media screen and (min-width: 767px) {
	
#event .baby{
	width: 340px;

}
#event .eiyousoudan{
	width: 260px;

}
#event .kids{
	width: 137px;

}
#drug .cosme{
	width: 235px;

}
#column .column{
	width: 150px;

}
	
	#main_lead{
		width: 240px;
		margin: 0 auto 100px auto;
	}
	#corona{
		font-size: 36px;
		margin: 0 auto 50px auto;
	}
	#bt_top{
		text-align: right;
		width: 1100px;
		margin: -50px auto 0 auto;
	}
	#bt_top a{
		width: 115px;
		margin: 0 0 0 auto;
		text-align: right;
		display: block;
	}
	
}



#event #main_image{
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#event #main_column{
	background:url("../common/images/i_white.png") repeat-x center top #9dc814;
	margin: 10% 0 0 0;
	padding:0 0 10% 0;
}
#event #main_column .wrap{
	width: 100%;
	margin: 0 auto;
}
#event #main_column .wrap .event_box{
	width: 84%;
	margin: -10% auto 0 auto;
	background: #9dc814;
	padding:5%;
	position: relative;
	z-index: 3;
}
#event #main_column .wrap .event_box .lead{
	font-size:3.6vw;
	line-height: 6vw;
	margin: 0 0 5% 0;
	font-family: 'Kiwi Maru', serif;
	font-weight: 500;
	color:#ffffff;
}
#event #main_column .wrap .event_box p{
	margin:0 0 3% 0;
	font-family: 'Kiwi Maru', serif;
	font-weight: 300;
	color:#ffffff;
}
#event #main_column .wrap .img{
	width: 80%;
	margin: 0 auto;
}
#event #main_column .wrap .img p{
	text-align: center;
	color:#ffffff;
	margin: 3% auto 0 auto;
}




@media screen and (min-width: 767px) {
	
	#event #main_image{
		width: 1100px;
	}
	#event #main_column{
		margin: 100px 0 0 0;
		padding:0 0 100px 0;
	}
	#event #main_column .wrap{
		width: 1100px;
	}
	#event #main_column .wrap .event_box{
		width: 750px;
		margin: -100px auto 0 auto;
		padding:50px;
	}
	#event #main_column .wrap .event_box .lead{
		font-size:32px;
		line-height: 50px;
		margin: 0 0 50px 0;
	}
	#event #main_column .wrap .event_box p{
		margin:0 0 20px 0;
	}
	#event #main_column .wrap .img{
		width: 750px;
	}
	#event #main_column .wrap .img p{
		margin: 20px auto 0 auto;
	}
	
}






#drug #main_image{
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	line-height: 0;
}

#drug #main_column{
	background:url("../common/images/i_white.png") repeat-x center top #00a7e3;
	margin: 10% 0 0 0;
	padding:0 0 10% 0;
}
#drug #main_column .wrap{
	width: 100%;
	margin: 0 auto;
}
#drug #main_column .wrap .drug_box{
	width: 90%;
	margin: 0px auto 0 auto;
	background: #ffffff;
	padding:5%;
	position: relative;
	z-index: 3;
	text-align: center;
}


@media screen and (min-width: 767px) {
	#drug #main_image{
		width: 1100px;
	}
	#drug #main_column{
		margin: 100px 0 0 0;
		padding:0 0 100px 0;
	}
	#drug #main_column .wrap{
	}
	#drug #main_column .wrap .drug_box{
		width: 1100px;
		padding:100px;
	}
	
}






#column #main_column{
	margin: 10% 0 0 0;
	padding:0 0 10% 0;
}
#column #main_column .wrap{
	width: 90%;
	margin: 0 auto;
}
#column #main_column .wrap #left_column{
		width: 60%;
	margin: 0 auto;
	}
	#column #main_column .wrap #left_column .left_box{
		border:5px solid #00a7e3;
		padding:5%;
		margin: 0 0 5% 0;
	}
	#column #main_column .wrap #left_column .left_box .title{
		text-align: center;
		font-weight: bold;
		color: #00a7e3
	}

#column #main_column .wrap #right_column{
	width: 100%;
	margin: 0 auto 10% auto;
}
#column #main_column .wrap #right_column .column_box{
	clear: both;
	overflow: hidden;
	border-bottom:1px solid #dddddd;
	padding-bottom:5px;
	margin:0 0 5% 0;
}
#column #main_column .wrap #right_column .column_box .title{
	font-size:3.6vw;
	font-weight: bold;
	color: #00a7e3;
}
#column #main_column .wrap #right_column .column_box .title a{
	color: #00a7e3;
}
#column #main_column .wrap #right_column .column_box .date{
	font-size:2.4vw;
	font-weight: bold;
	float: right;
	margin: 0 10px 0 0;
}
#column #main_column .wrap #right_column .column_box .date::after{
	content:" | ";
}
#column #main_column .wrap #right_column .column_box .write{
	font-size:2.4vw;
	font-weight: bold;
	float: right;
}

#column #main_column .wrap #right_column .news_ti{
	font-size:6vw;
	line-height: 8vw;
	font-weight: bold;
}

@media screen and (min-width: 767px) {
	#column #main_column{
		margin: 100px 0 0 0;
		padding:0 0 100px 0;
	}
	#column #main_column .wrap{
		width: 1200px;
	}
	#column #main_column .wrap #left_column{
		float: left;
		width: 256px;
	}
	#column #main_column .wrap #left_column .left_box{
		border:5px solid #00a7e3;
		padding:10px;
		margin: 0 0 50px 0;
	}
	#column #main_column .wrap #left_column .left_box .title{
		text-align: center;
		font-weight: bold;
		color: #00a7e3
	}
	#column #main_column .wrap #right_column{
		float: right;
		width: 830px;
	}
	#column #main_column .wrap #right_column .column_box{
		margin:0 0 50px 0;
	}
	#column #main_column .wrap #right_column .column_box .title{
		font-size:30px;
	}
	#column #main_column .wrap #right_column .column_box .date{
	font-size:12px;
	}
	#column #main_column .wrap #right_column .column_box .write{
	font-size:12px;
	}
	#column #main_column .wrap #right_column .news_ti{
		font-size:36px;
		line-height: 50px;
	}
	
}