@charset "UTF-8";

/* ////////////////////////////////////////

 layout

//////////////////////////////////////// */


/* ////////////////////////////////////////

 main-area

//////////////////////////////////////// */
/* header area //////////*/
.licoris-wrapper .main-area .heading-area-top {
	padding-bottom: 20px;
	background: #fdebe1;
}

.licoris-wrapper .main-area .heading-area-top p {
	width: 85%;
	height: auto;
	padding: 10px;
	border: 2px dashed #f1caaf;
	box-sizing: border-box;
	border-radius: 8px;
	margin: 0 auto;
	line-height: 1.5;
	background: #fff;
	font-weight: 600;
	color: #fa7300;
}

.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap {
	position: relative;
}

.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap img.pc {
	display: block;
}

.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap img.sp {
	display: none;
}


.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap .buy-btn {
	width: 27.5%;
	height: auto;
	position: absolute;
	bottom: 10%;
	right: 16%;
}

.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap .buy-btn a:hover{
	opacity: 0.8;
}

/* YouTube埋め込み対応 */
a.ytp-impression-link{
	display: none;
}
.licoris-wrapper .main-area .movie-area .movie-contents{
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
}
.licoris-wrapper .main-area .movie-area .movie-contents iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
		

/* movie area //////////*/
.licoris-wrapper .main-area .movie-area {
	border: 4px solid #ffe1d9;
	box-sizing: border-box;
	margin-top: 20px;
	background: #fef9f7;
	text-align: center;
	padding: 20px 50px;
	margin: 20px;
}

.licoris-wrapper .main-area .movie-area .heading-area,
.licoris-wrapper .main-area .movie-area .movie-title,
.licoris-wrapper .main-area .movie-area .movie-contents {
	margin: 20px auto;
}

.licoris-wrapper .main-area .movie-area .movie-title {
	width: 50%;
	height: auto;
	padding: 5px 10px;
	border: 4px solid #ffe1d9;
	box-sizing: border-box;
	border-radius: 8px;
	background: #fff;
	font-size: 90%;
}

.licoris-wrapper .main-area .movie-area .movie-contents video {
	max-width: 50%;
}

/* product area //////////*/
.licoris-wrapper .main-area .product-area {
	margin-top: -13px;
	padding-bottom: 20px;
	background: #fce6da;
	text-align: center;
}

.licoris-wrapper .main-area .product-area .heading-area {
	margin: 20px auto;
}

.licoris-wrapper .main-area .product-area .heading-area img.pc,
.licoris-wrapper .main-area .text-area .heading-area img.pc {
	display: block;
}

.licoris-wrapper .main-area .product-area .heading-area img.sp,
.licoris-wrapper .main-area .text-area .heading-area img.sp {
	display: none;
}

.licoris-wrapper .main-area .product-area .product-wrap {
	width: 95%;
	height: auto;
	margin: 10px auto;
	position: relative;
}

.licoris-wrapper .main-area .product-area .product-wrap .heading-area {
	margin: 0 auto;
}

.licoris-wrapper .main-area .product-area .product-wrap .buy-btn {
	width: 32%;
	height: auto;
	position: absolute;
	bottom: 14%;
	left: 28%;
}

/* text area //////////*/
.licoris-wrapper .main-area .text-area {
	margin-top: 20px;
	background: #f2fae6;
	border: 1px solid #d7ebbe;
	text-align: center;
}

.licoris-wrapper .main-area .text-area .heading-area {
	margin: 0 auto 20px;
}

.licoris-wrapper .main-area .text-area .text-wrap p {
	width: 85%;
	height: auto;
	margin: 20px auto;
	line-height: 1.5;
	text-align: left;
}

.licoris-wrapper .main-area .text-area .text-wrap p strong.font-green {
	color: #009944;
}

.licoris-wrapper .main-area .text-area .text-wrap p strong.font-red {
	color: #e60011;
}

.licoris-wrapper .main-area .text-area .buy-btn {
	padding-bottom: 20px;
}

.licoris-wrapper .main-area .text-area .buy-btn::after {
	content: url(images/academy.gif);
}

.licoris-wrapper .main-area .text-area .img-wrap01 {
	width: 85%;
	height: auto;
	margin: 20px auto;
	overflow: hidden;
}

.licoris-wrapper .main-area .text-area .img-wrap01 .img-area01 {
	float: left;
	width: 37.5%;
	height: auto;
	margin: 0 auto;
	margin-right: 2.5%;
	vertical-align: top;
}

.licoris-wrapper .main-area .text-area .img-wrap01 .img-area01 img {
	max-width: 100%;
	margin-bottom: 20px;
}

.licoris-wrapper .main-area .text-area .img-wrap01 .img-area02 {
	float: left;
	width: 60%;
	height: auto;
}

.licoris-wrapper .main-area .text-area .img-wrap01 p {
	width: 100%;
	height: auto;
	margin: 0 auto;
	line-height: 1.5;
	text-align: left;
}

.licoris-wrapper .main-area .text-area .img-wrap02 {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.licoris-wrapper .main-area .text-area .img-wrap02 img {
	max-width: 100%;
}

.licoris-wrapper .main-area .text-area .buy-btn {
	width: 85%;
	height: auto;
	margin: 20px auto;
}

.licoris-wrapper .main-area .text-area .buy-btn img {
	max-width: 85%;
}

/* ////////////////////////////////////////

 sp

//////////////////////////////////////// */
@media screen and (max-width:640px)  {

	.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap img.pc {
		display: none;
	}

	.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap img.sp {
		display: block;
	}

	.licoris-wrapper .main-area .heading-area-top .buy-btn-wrap .buy-btn {
		width: 60%;
		height: auto;
		margin: 0 auto 20px;
		position: static;
	}

	.licoris-wrapper .main-area .product-area .product-wrap {
		padding-bottom: 0;
		margin: 0 auto;
	}

	.licoris-wrapper .main-area .product-area .product-wrap .buy-btn {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: #fce6da;
		position: static;
	}


	.licoris-wrapper .main-area .product-area .heading-area img.pc,
	.licoris-wrapper .main-area .text-area .heading-area img.pc {
		display: none;
	}

	.licoris-wrapper .main-area .product-area .heading-area img.sp,
	.licoris-wrapper .main-area .text-area .heading-area img.sp {
		display: block;
	}

	/* movie area //////////*/
	.licoris-wrapper .main-area .movie-area {
		padding : 10px;	
		margin: 20px 0
	}

	.licoris-wrapper .main-area .movie-area .heading-area,
	.licoris-wrapper .main-area .movie-area .movie-title {
		width: 100%;
	}
	.licoris-wrapper .main-area .movie-area .movie-title h3{
		margin-right: 0.5em;
	}

	.licoris-wrapper .main-area .movie-area .movie-contents video {
		max-width: 85%;
	}

	.licoris-wrapper .main-area .text-area .img-wrap01 .img-area01,
	.licoris-wrapper .main-area .text-area .img-wrap01 .img-area02 {
		float: none;
		width: 100%;
		height: auto;
	}

	.licoris-wrapper .main-area .text-area .buy-btn {
		width: 100%;
		height: auto;
		margin: 10px auto;
	}

}