@charset "utf-8";
/*--------------------------------------------------------------------------
   top
---------------------------------------------------------------------------*/
#WrapCont section:nth-of-type(n+3){
	margin: 37.5px 0 0;
}


/* area-main
-----------------------------------------------------------------*/
.slider img{
	width: 100%;
}

.slider .slick-dots button{
	display: none !important;
}

.slider .slick-dots{
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 92.5px;
	margin: -14px auto 0;
}

.slider .slick-dots li{
	width: 12px;
	height: 12px;
	background: #333;
	border: 2px solid #333;
	box-sizing: border-box;
	border-radius: 50%;
}

.slider .slick-dots li.slick-active{
	background: #fff;
}

.slick-next{
	top: 50% !important;
	right: 5% !important;
}

.slick-prev{
	top: 50% !important;
	left: 3% !important;
	z-index: 1;
}

.slick-next:before{
	content: "" !important;
	display: block;
	width: 15px;
	height: 21px;
	background: url(../img/top_slide_arrow_next.png) no-repeat;
	background-size: cover;
	opacity: 1 !important;
}

.slick-prev:before{
	content: "" !important;
	display: block;
	width: 15px;
	height: 21px;
	background: url(../img/top_slide_arrow_prev.png) no-repeat;
	background-size: cover;
	opacity: 1 !important;
}

.area-main dl{
	width: 93%;
	min-width: 300px;
	margin: 37.5px auto 0;
	border: 1px solid #000;
}

.area-main .open .btn img{
	transition: all .4s;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.area-main .btn img{
	transition: all .4s;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.area-main #acMenu dt{
	position: relative;
	padding: 20px 0;
	background: url(../img/top_togle_bk.jpg) no-repeat;
	background-size: cover;
}

.area-main #acMenu dt:hover{
	color: #000;
}

.area-main #acMenu dt p{
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.area-main #acMenu dt .btn{
	position: absolute;
	top: 15.5px;
	right: 10px;
}

.area-main  #acMenu dd.open-under{
	display: block !important;
	height: auto !important;
}

.area-main #acMenu dd{
	display: none;
	text-align: center;
}

.area-main #acMenu dd li{
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #333;
	box-sizing: border-box;
	line-height: 1;
}

.area-main #acMenu dd li:last-of-type{
	border: none;
}

.area-main #acMenu dd li a{
	margin-left: 10px;
	color: #000;
	font-size: 1.25em;
}

.area-main #acMenu dd .btn{
	padding: 20px 0;
	text-align: center;
}

.area-main #acMenu dd .btn a{
	display: inline-block;
	padding: 10px 30px;
	background: #da037d;
	border-radius: 5px;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
}


/* area-recommend
-----------------------------------------------------------------*/
.area-recommend{
	margin: 10px 0 0;
	border-top: 10px solid #333;
}

.wrap-sec{
	width: 93%;
	min-width: 300px;
	margin: 0 auto;
	padding: 35px 0 0;
}

.sec-text{
	margin: 21px 0 0;
	line-height: 1.75;
	text-align: center;
}

.area-recommend ul{
	display: flex;
	justify-content: space-between;
	margin: 19px 0 0;
}

.area-recommend li{
	width: 30%;
}

.area-recommend li img{
	width: 100%;
}

.area-recommend .label{
	margin: 9px 0 0;
	line-height: 1.25;
	text-align: center;
}

.wrap-sec .btn a{
	display: block;
	width: 70%;
	min-width: 225px;
	margin: 24px auto 0;
	padding: 12.5px 0;
	background: #1e73ce;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}


/* area-concept
-----------------------------------------------------------------*/
.area-concept{
	background: url(../img/top_area_concept_bk.jpg) no-repeat;
	background-size: cover;
}

.area-concept .wrap-sec{
	margin-bottom: -37.5px;
	padding-bottom: 37.5px;
}

.area-concept h2{
	color: #fff !important;
}

.area-concept p:nth-of-type(1){
	width: 64%;
	min-width: 223px;
	margin: 14px auto 0;
	color: #fff;
	line-height: 1.75;
}

.area-concept .btn a{
	background: #fff;
	color: #333;
}


/* area-review
-----------------------------------------------------------------*/
.area-review .block{
	margin: 22.5px 0 0;
	border: 1px solid #000;
	border-radius: 10px;
	box-sizing: border-box;
}

.area-review .ttl{
	padding: 15px 0;
	border-bottom: 1px solid #000;
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.area-review ol{
	width: 91.6%;
	min-width: 275px;
	margin: 0 auto;
}

.area-review li{
	padding: 15px 0;
	border-bottom: 1px solid #000;
	font-size: 1.25em;
}

.area-review li:last-of-type{
	border: none;
}

.area-review .block-btn a{
	display: block;
	padding: 10px 0;
	background: #1e73ce;
	border-radius: 0 0 10px 10px;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}


/* area-video
-----------------------------------------------------------------*/
.area-video{
	background: #525254;
}

.area-video .wrap-sec{
	margin-bottom: -37.5px;
	padding-bottom: 37.5px;
}

.area-video h2,
.area-video .sec-text{
	color: #fff !important;
}

.area-video .img{
	margin: 8.5px 0 0;
}

.area-video .sec-text{
	margin: 8.5px 0 0 !important;
}

.area-video .img img{
	width: 100%;
	height: auto;
}

.area-video .btn a{
	background: #fff;
	color: #333;
}


/* area-shop
-----------------------------------------------------------------*/
.area-shop .img{
	margin: 17px 0 0;
}

.area-shop .img img{
	width: 100%;
	height: auto;
}

.area-shop .sec-text{
	margin: 8.5px 0 0 !important;
}

.area-shop > .wrap-sec .btn a{
	width: 100%;
	min-width: 225px;
	margin: 24px auto 0;
	font-size: 1.25em;
}

.area-shop > .wrap-sec .btn:last-of-type a{
	margin-top: 10px;
}

.area-shop .block{
	margin: 30px 0 0;
	background: #ededed;
}

.area-shop .block .wrap-sec{
	margin-bottom: -15px;
	padding: 15px 0;
}

.area-shop .block h2{
	font-size: 1.5em !important;
}

.area-shop .block .txt{
	width: 92.5%;
	min-width: 227px;
	margin: 7.5px auto 0;
	line-height: 1.75;
}

.area-shop .block .btn a{
	margin-top: 11px;
	background: #333;
	color: #fff;
}