/* ==========================================================================
   Index
8/20（水）スタート！～未来のすっぴん変えよう～ファンケル洗顔体験イベント
   ========================================================================== */

.section {
	max-width: 950px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.relative {
	position: relative;
}
.img06 + .btn_detail {
	position: absolute;
	bottom: 100px;
	left: 28.8%;
	width: 42.4%;
}
/* テーブル */
.event-shop-list-link{
	margin-top: 0px;
}
.event-shop-list-link a{
	text-align: center;
	font-size: 2.3rem;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 48px;
	left: 0;
	right: 0;
}
#event-shop-list{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#event-shop-list h3{
	text-align: center;
	font-size: 2rem;
	color: #0093f2;
	font-weight: bold;
	margin-bottom: 25px;
}
#event-shop-list table{
	margin: auto;
	width: 594px;
	border: 1px solid #60bcf7;
	background-color: #fff;
}
#event-shop-list table tbody .area-01{
	font-size: 1.8rem;
	width: 124px;
	text-align: center;
}
#event-shop-list table tbody .area-02{
	width: 260px;
}
#event-shop-list table tbody tr,#event-shop-list table tbody td{
	border: 1px solid #60bcf7;
	padding: 10px;
	line-height: 2.4rem;
}
#event-shop-list table tbody td{
	vertical-align: middle;
}
#event-shop-list table tbody .td-01{
	background-color: #e0f2fd;
}

#event-shop-list table tbody td span a{
	color: #0093f2;
	font-size: 1.8rem;
}
#event-shop-list p{
	text-align: center !important;
	margin-top: 20px !important;
	font-size: 1.2rem;
}
	/* スマホのみ改行 */
.br-sp{
	display: none;
}

@media (max-width: 767px) {
	.img06 + .btn_detail {
		left: 10%;
		width: 80%;
		margin-top: 100px;
        position: absolute;
        bottom: 50px;
	}
	.size-xsmall {
		font-size: 50% !important;
	}
	p.size-xsmall {
		font-size: 0.8em !important;
	}
	/* テーブル */
.event-shop-list-link a {
    font-size: 1.2rem;
    bottom: 23px;
}
#event-shop-list{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
#event-shop-list h3{
	font-size: 1.8rem;
	margin-bottom: 5px;
}
#event-shop-list table{
	width: 297px;
}
#event-shop-list table tbody .area-01{
	font-size: 1rem;
	text-align: center;
}
#event-shop-list table tbody .area-02{

}
#event-shop-list table tbody tr,#event-shop-list table tbody td{
	border: 1px solid #60bcf7;
	padding: 10px;
	line-height: 2rem;
	font-size: 1rem;
}
#event-shop-list table tbody td{
	vertical-align: middle;
}
#event-shop-list table tbody .td-01{
	background-color: #e0f2fd;
}
#event-shop-list table tbody .td-03{
	width: 70px;
}
#event-shop-list table tbody td span a{
	color: #0093f2;
	font-size: 1.2rem;
}
#event-shop-list p{
	text-align: center !important;
	margin-top: 20px !important;
	font-size: 1rem;
}
/* スマホのみ改行 */
.br-sp{
	display: block;
}
}
/* 端末ごとの調整 */
/* 初期は全て非表示 */
.img-430, .img-414, .img-390, .img-375 {
  display: none;
}

/* 430px以下ではimg-430 */
@media (max-width: 430px) {
  .img-430 { display: block; }
}
/* 414px以下ではimg-414に切り替え */
@media (max-width: 414px) {
  .img-430 { display: none; }
  .img-414 { display: block; }
}
/* 390px以下ではimg-390に */
@media (max-width: 390px) {
  .img-414 { display: none; }
  .img-390 { display: block; }
}
/* 375px以下ではimg-375に */
@media (max-width: 375px) {
  .img-390 { display: none; }
  .img-375 { display: block; }
}