@charset "UTF-8";

/* ▼▼▼ トップ
====================================================== */
#main{
	background: #FDCC94;
}
.top_title{
	margin-bottom: 15px;
	text-align: center;
}
.top_title img{
	width: auto;
	height: 78px;
}

/* mainVisual
---------------------------------------- */
#mainVisual {
	position: relative;
	font-size: 0;
}
	#mainVisual::before,
	#mainVisual::after{
		content: "";
		width: calc(50% - 15vw);
		height: 100%;
		position: absolute;
		top: 0;
	}
	#mainVisual::before{
		background: url(../img/top/mv_left.jpg) no-repeat right top/cover;
		left: 0;
	}
	#mainVisual::after{
		background: url(../img/top/mv_right.jpg) no-repeat left top/cover;
		right: 0;
	}

.video_wrap{
	width: 30vw;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 42vw;
}
.video_wrap video{
	width: 100%;
}

/* 序文 */
#read_area{
	padding:  0 0 50px;
}
#read_area .read{
	max-width: 1040px;
	padding: 50px 20px;
	margin: 0 auto;
	background: url(../img/top/bg_read_pc.png) no-repeat center center/1000px;
	color: #773823;
	font-size: 16px;
	font-weight: 500;
	line-height: 45px;
	text-align: center;
}
#read_area .read span{
	display: inline-block;
	border-bottom: #773823 1px dashed;
}
.anker_list{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 -10px;
}
.anker_list li{
	width: calc((100%/3) - 20px);
	margin: 0 10px;
}
.anker_list li a{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	align-content: center;
	height: 70px;
	border: #DD614B 1.5px solid;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 2px 2px 0 #DD614B;
	color: #DD614B;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	position: relative;
}
.anker_list li a::after{
	content: '';
	width: 8px;
	height: 8px;
	border-top: #DD614B 1px solid;
	border-right: #DD614B 1px solid;
	position: absolute;
	top: calc(50% - 4px);
	right: 15px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.anker_list li a.anker_link::after{
	top: calc(50% - 6px);
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.anker_list li a img{
	width: auto;
	height: 18px;
}

/* コレクション */
.top_menu_wrap{
	background: url(../img/top/bg_menu_item.png) no-repeat right bottom 150px/275px;
}
.top_menu_wrap .rebbon_title{
	margin-bottom: 40px;
}
.top_menu_list{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px 35px;
}
.top_menu_list li{
	width: calc((100%/3) - 20px);
	margin: 0 10px 25px;
}
.top_menu_list li a{
	display: block;
	background: #FFF;
	border: #FFF 1.5px solid;
	border-radius: 10px;
	overflow: hidden;
}
/* イベント */
#event_area{
	padding: 60px 0 0;
	background:
	url(../img/top/bg_event_item01.png) no-repeat right calc(50vw + 427px) top 208px/243px,
	url(../img/top/bg_event_item02.png) no-repeat right calc(50vw + 180px) top 520px/294px,
	url(../img/top/bg_event_item03.png) no-repeat left calc(50vw + 127px) top 80px/167px,
	url(../img/top/bg_event_item04.png) no-repeat left calc(50vw + 359px) top 192px/111px,
	url(../img/top/bg_event_item05.png) no-repeat right top 118px/143px,
	url(../img/top/bg_event_pc.png) repeat-x center top 50px/1462px,
	#75C6F0;
}
.event_list{
	margin: 40px 0 50px;
	padding-top: 52%;
	position: relative;
}
.event_list li{
	width: 10.8%;
	position: absolute;
}
.event_list li:nth-child(1){top:    0%;	left:  9.5%;}
.event_list li:nth-child(2){top: 20.8%;	left: 26.5%;}
.event_list li:nth-child(3){top:  5.0%;	left: 43.5%;}
.event_list li:nth-child(4){top: 20.8%;	left: 62.7%;}
.event_list li:nth-child(5){top: 36.9%;	left: 80.3%;}
.event_list li a{display: block;}

.bottom_link{
	padding: 230px 0 0;
	background: url(../img/top/bg_bottom_bush.png) repeat-x center top 160px/739px,url(../img/top/bg_bottom_mio.png) no-repeat right top/382px,url(../img/top/bg_bottom_cloud.png) repeat-x center top 50px/639px,linear-gradient(rgba(250,170,83,0) 0%,rgba(250,170,83,0) 150px,rgba(250,170,83,1) 150px,rgba(250,170,83,1) 100%);
}

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

	.top_title{
		margin-bottom: 10px;
	}
	.top_title img{
		height: 62px;
	}

	/* mainVisual
	---------------------------------------- */
	#mainVisual {
		position: relative;
	}
	#mainVisual::before,
	#mainVisual::after{
		display: none;
	}

	.video_wrap{
		width: 100%;
		height: 141vw;
	}

	/* 序文 */
	#read_area{
		padding:  0 0 35px;
	}
	#read_area .read{
		padding: 25px 20px;
		background: url(../img/top/bg_read_sp.png) no-repeat center center/357px;
		font-size: 14px;
		line-height: 36px;
	}
	.anker_list{
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		margin: 0 -5px;
	}
	.anker_list li{
		width: calc((100%/3) - 10px);
		margin: 0 5px;
	}
	.anker_list li a{
		padding-bottom: 3px;
		font-size: 14px;
	}
	.anker_list li a::after{
		width: 6px;
		height: 6px;
		top: auto;
		right: calc(50% - 3px);
		bottom: 10px;
	}
	.anker_list li a.anker_link::after{
		top: auto;
	}
	.anker_list li a img{
		width: auto;
		height: 15px;
	}

	/* コレクション */
	.top_menu_wrap{
		background: url(../img/top/bg_menu_item.png) no-repeat right -10px bottom 150px/152px;
	}
	.top_menu_wrap .rebbon_title{
		margin-bottom: 25px;
	}
	.top_menu_list{
		margin: 0 -4px 35px;
	}
	.top_menu_list li{
		width: calc((100%/2) - 8px);
		margin: 0 4px 10px;
	}

	/* イベント */
	#event_area{
		padding: 35px 0 0;
		background:
		url(../img/top/bg_event_item01.png) no-repeat right 59.5vw top calc(117px - 8.5vw)/39.7vw,
		url(../img/top/bg_event_item02.png) no-repeat right 66.4vw top calc(117px + 94.7vw)/38.9vw,
		url(../img/top/bg_event_item03.png) no-repeat left 70.7vw top calc(117px + 130.9vw)/31.5vw,
		url(../img/top/bg_event_item04.png) no-repeat left 75.0vw top calc(117px + 115.5vw)/15.5vw,
		url(../img/top/bg_event_item05.png) no-repeat right top 20px/25.6vw,
		url(../img/top/bg_event_sp.png) repeat-x center top 50px/100%,
		#75C6F0;
	}
	.event_list{
		margin-bottom: 50px;
		padding-top: 193.8%;
		position: relative;
	}
	.event_list li{
		width: 22.6%;
		position: absolute;
	}
	.event_list li:nth-child(1){top: 20.2%;	left:  2.9%;}
	.event_list li:nth-child(2){top:    0%;	left: 38.4%;}
	.event_list li:nth-child(3){top: 12.1%;	left: 75.0%;}
	.event_list li:nth-child(4){top: 50.6%;	left: 47.8%;}
	.event_list li:nth-child(5){top: 63.9%;	left: 15.1%;}
	.event_list li.event_act a{display: block;}
	.event_list li.event_end a{display: none;}
	.event_list li.event_act span{display: none;}
	.event_list li.event_end span{display: block;}

	.bottom_link{
		padding: 175px 0 0;
		background: url(../img/top/bg_bottom_bush.png) repeat-x right 50px top 116px/500px,url(../img/top/bg_bottom_mio.png) no-repeat right -25px top/300px,url(../img/top/bg_bottom_cloud.png) repeat-x right -45px top 1px/420px,linear-gradient(rgba(250,170,83,0) 0%,rgba(250,170,83,0) 150px,rgba(250,170,83,1) 150px,rgba(250,170,83,1) 100%);
	}
}