/* CSS Document */
/* ---------------------------------------------------------------------------
//  TOPページへの追加CSS
--------------------------------------------------------------------------- */
.section-movie{
	background: #fff;
	position: relative;
}
.section-movie::before{
	content: "";
	width: 100%;
	height: 119px;
	background: linear-gradient(to bottom, transparent, #fff);
	position: absolute;
	top: -119px;
}
.bg-shape .bg-image img{
	width: 100%;
	height: 505px;
	position: absolute;
	top: 201px;
}
.section-movie .l-container{
	margin: auto;
	text-align: center;
	padding: 78px 0 100px;
}

.section-movie .title-area{
	color: #401E1F;
}
.section-movie-title{
	font-size: 41px;
	font-weight: 500;
	line-height: calc(59 / 41);
	margin-bottom: 42px;
}
.section-movie .movie-area{
	padding-top: 115px;
	position: relative;
	z-index: 2;
}

.section-movie .movie-area .svg-text{
	max-width: 691px;
	margin: 0 auto 42px auto;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube .youtube-video {
  width: 100%;
  height: 100%;
}
.movie-area .link-btn{
	background: linear-gradient(to right, #9E7CBF, #868ADD);
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 354px;
	width: 100%;
	height: 83px;
	font-size: 24px;
	color: #fff;
	border-radius: 10px;
	bottom: -41.5px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	/*margin: 40px auto 0;*/
	transition:  .2s;
	
}
.movie-area .link-btn::after{
	content: "";
	background: url("../images/add2207/play.svg")no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
	margin-left: 14px;
}
.movie-area .link-btn:hover{
	opacity: .7;
}
@media screen and (max-width: 767px){
.section-movie::before{
	display: none;
}
.bg-shape .bg-image img{
	height: 248px;
	top: 182px;
}
.section-movie .l-container{
	padding: 78px 0 94px;
}
.section-movie-title{
	font-size: 20px;
	line-height: calc(41 / 29);
	margin-bottom: 40px;
}
	.section-movie .p-intro-top{
		margin-top: 0;
		margin-bottom: 6px;
	}
.section-movie .movie-area{
	padding-top: 56px;
}

.section-movie .movie-area .svg-text{
	max-width: 292px;
	margin: 0 auto 27px auto;
}
.movie-area .link-btn{
	max-width: 197px;
	height: 47px;
	font-size: 16px;
	border-radius: 5px;
	margin: 20px auto 0;
	bottom: -23.5px;
}
.movie-area .link-btn::after{
	width: 24px;
	height: 24px;
	margin-left: 7px;
}
}

/* ---------------------------------------------------------------------------
//  movieページのCSS
--------------------------------------------------------------------------- */
.p-gnav-span + .p-gnav-text{
	line-height: 1.5;
}
/* ---------------------------------------------------------------------------
//  kv
--------------------------------------------------------------------------- */
.page-movie .p-intro-top{
	display: block;
	margin-bottom: 10px;
}
.page-movie .p-kv-left-text{
	line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .page-movie .p-kv-center-product {
    width: 425px;
  }
}
@media screen and (max-width: 767px){
	.page-movie .p-kv-left-text{
		text-align: center;
		font-size:calc(1vw * 36 / 750 * 100);
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .page-movie .p-kv-center-product {
    width: 31.112738vw;
  }
}
@media screen and (max-width: 767px) {
  .page-movie .p-kv-center-product {
    width: 50vw;
  }
}
/*.page-movie .p-kv-list {
    height: 100vh!important;
}*/
@media screen and (min-width: 768px) and (max-width: 1279px){
.page-movie .p-kv-list {
    /*height: calc(var(--vh, 1vh) * 50)!important;*/
}
}
.page-movie .p-kv-bg-left img, .page-movie .p-kv-bg-right img {
    /*width: 100%;
    height: 100vh!important;*/
}
@media screen and (max-width: 767px){
	.page-movie .p-kv-bg-left .u-is-sp img{
		width: 110%;
		position: relative;
		left: -5%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1279px){
.page-movie .p-kv-bg-left, .page-movie .p-kv-bg-right{
    height: 100vh!important;
}
	}
@media screen and (max-width: 767px){
 .page-movie .p-top-bg {
    background-image: url(/bs/ayurtime/assets/images/top/top-bg_pc.jpg);
}
}
/* ---------------------------------------------------------------------------
//  main-story
--------------------------------------------------------------------------- */
.section-main-story{
	background: #fff;
	position: relative;
	text-align: center;
	font-weight: 500;
	z-index: 2;
	padding-top: 116px;
}

.section-main-story .english{
	/*max-width: 144.6px;*/
	max-width: 76.99px;
	margin: 0 auto 40px;
}
.section-main-story .movie-area{
	padding: 115px 0 135px;
	position: relative;
	z-index: 2;
	background: url("../images/add2207/story/main-story-bg_pc.png")no-repeat top center;
	background-size: cover;
}
.section-main-story .movie-area::after{
	content: "";
	position: absolute;
	bottom: -20px;
	background: url("../images/add2207/story/shape-bottom_pc.png")center;
	background-size: 100% 41px;
	width: 100%;
	height: 41px;
	left: 0;
	right: 0;
	margin: auto;
}
.section-main-story .movie-area .l-container{
	margin: auto;
	
}

.section-main-story .movie-area .svg-text{
	max-width: 433px;
	margin: 0 auto 42px auto;
}
.section-main-story .movie-area .youtube{
	margin-bottom: 40px;
}
.section-main-story .movie-area .video{
	max-width: 1000px;
	margin: 0 auto 40px;
}
video{
	max-width: 100%;
}
.section-main-story .movie-area .profile-area{
	background: #fff;
	border-radius: 10px;
	padding: 30px 56px 60px;
	position: relative;
}
.section-main-story .movie-area .profile-area .profile-top{
	color: #8989DA;
	display: flex;
	align-items: flex-end;
	background: url("../images/add2207/story/dotted.svg")repeat-x bottom center;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
.section-main-story .movie-area .profile-area .profile-top .name{
	font-size: 22px;
	margin-left: 10px;
}
.section-main-story .movie-area .profile-area .profile-top .name small{
	font-size: 19px;
}
.section-main-story .movie-area .profile-area .profile-bottom h4{
	color: #8989DA;
	font-weight: bold;
	text-align: left
}
.section-main-story .movie-area .profile-area .profile-bottom p{
	color: #401E1F;
	font-size: 14px;
	line-height: calc(25 / 14);
	text-align: left;
}
.section-main-story .movie-area .profile-area .profile-bottom p+h4{
	margin-top: 10px;
}



.section-main-story .movie-area .profile-area .profile-top .job{
	font-size: 18px;
}
.section-main-story .movie-area .profile-area .song-title{
	background: linear-gradient(to right, #9E7CBF, #DD86C9);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px){
	.section-main-story{
		padding-top: 45px;
	}
.section-main-story .english{
	/*max-width: 102.44px;*/
	max-width: 54.54px;
	margin: 0 auto 40px;
}
.section-main-story .movie-area{
	padding: 62px 0 60px;
	background: url("../images/add2207/story/main-story-bg_sp.png")no-repeat top center;
	background-size: 118.6%;
}
	.section-main-story .movie-area::after{
	bottom: -8.5px;
	background: url("../images/add2207/story/shape-bottom_sp.png")center;
	background-size: 118.6% 17px;
	width: 100%;
	height: 17px;
}
.section-main-story .movie-area .svg-text{
	max-width: 292.29px;
	margin: 0 auto 25px auto;
}
.section-main-story .movie-area .youtube{
	margin-bottom: 25px;
}
.section-main-story .movie-area .profile-area{
	border-radius: 6px;
	padding: 24px 27px;
}
.section-main-story .movie-area .profile-area .profile-top{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.section-main-story .movie-area .profile-area .profile-top .name{
	font-size: 17px;
}
.section-main-story .movie-area .profile-area .profile-top .name small{
	font-size: 12px;
}
.section-main-story .movie-area .profile-area .profile-bottom p{
	font-size: 12px;
	line-height: calc(22 / 12);
}



.section-main-story .movie-area .profile-area .profile-top .job{
	font-size: 12px;
}
	.section-main-story .movie-area .profile-area .song-title{
	font-size: 16px;
	
    padding: 10px 10px;
    
}

}

/* ---------------------------------------------------------------------------
//  another-story
--------------------------------------------------------------------------- */
.section-another-story{
	background: url("../images/add2207/story/another-story-bg_pc.png"),rgba(255,255,255,.05);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 150px 0 100px;
	font-weight: 500;
	margin-bottom: 62px;
}

.section-another-story .l-container{
	margin: auto;
}
.section-another-story .english{
	max-width: 151.85px;
	margin: 0 auto 40px;
}
.section-another-story .section-title{
	color: #401E1F;
	font-size: 24px;
	line-height: calc(35 / 24);
	margin-bottom: 80px;
	text-align: center;
}
.modal-links{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.modal-links .modal-item{
	max-width: 408px;
	width: calc((100% - 70px) / 2);
	margin: 0 35px 114px;
	font-weight: 500;
	color: #401E1F;
	transition: .2s;
	cursor: pointer
}
.modal-links .modal-item img{
	display: inline-block;
		-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modal-links .modal-item .image{
	transition: .5s;
	-webkit-backface-visibility: hidden;
backface-visibility: hidden;
	will-change: transform;
}
.modal-links .modal-item .bottle{
	transition: .5s;
	-webkit-backface-visibility: hidden;
backface-visibility: hidden;
	will-change: transform;
}
/*.modal-links .modal-item:hover{
	opacity: .8;
}*/
.modal-links .modal-item:hover .image-area .image{
	transform: scale(1.1) rotate(0.001deg);
	
}
.modal-links .modal-item:hover .image-area .bottle{
	transform: scale(1.2) rotate(13deg);
	
}
.modal-links .modal-item .image-area{
	margin-bottom: 15px;
	position: relative;
}
.modal-links .modal-item .bottle {
	position: absolute;
	width: 70px;
	bottom: -76px;
	right: -19px;
	transform: rotate(13deg)
}
.modal-links .modal-item .bottle img{
	filter: drop-shadow(10px 10px 20px rgba(0,0,0,.33));
}
.modal-links .modal-item .text-area{
	text-align: left;
	position: relative;
}
.modal-links .modal-item .text-area::before{
	content: "";
	/*width: 137px;*/
	width: 220px;
	height: 19px;
	position: absolute;
	top: -5px;
	left: 12px;
	opacity: .21;
}
.modal-links .modal-item.item01 .text-area::before{
	background: linear-gradient(to right, #9E7CBF, #868ADD);
	
}
.modal-links .modal-item.item02 .text-area::before{
	background: linear-gradient(to right, #7CB5BF, #3780E2);
	
}
.modal-links .modal-item.item03 .text-area::before{
	background: linear-gradient(to right, #E3F04B, #F88C1D);
	
}
.modal-links .modal-item.item04 .text-area::before{
	background: linear-gradient(to right, #60CB91, #99DD53);
	
}
.modal-links .modal-item.item05 .text-area::before{
	background: linear-gradient(to right, #FD7500, #869ADD);
	
}
.modal-links .modal-item.item06 .text-area::before{
	background: linear-gradient(to right, #FD7F7F, #FF5FD4);
	
}
.modal-links .modal-item h4{
	font-size: 18px;
	line-height: calc(26 / 18);
	position: relative;
}
.modal-links .modal-item h5{
	font-size: 16px;
	line-height: calc(23 / 16);
	margin-top: 5px;
	position: relative;
	font-weight: normal;
}
@media screen and (max-width: 767px){
	.section-another-story{
	background: url("../images/add2207/story/another-story-bg_sp.png"),rgba(255,255,255,.8);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 47px 0 10px;
	margin-bottom: 28.1vw;
		margin-top: 55px;
}
.section-another-story .english{
	max-width: 107.56px;
	margin: 0 auto 23px;
}
.section-another-story .section-title{
	color: #401E1F;
	font-size: 19px;
	line-height: calc(27 / 19);
	margin-bottom: 25px;
	padding: 0 15px;
	letter-spacing: 2px;
}
.modal-links .modal-item{
	max-width: 315px;
	
	width: 100%;
	margin: 0 15px 92px;
}
.modal-links .modal-item .image-area{
	margin-bottom: 37px;
}
.modal-links .modal-item .bottle {
	width: 70px;
	bottom: -114px;
	right: 7px;
}
.modal-links .modal-item .text-area::before{
	content: "";
	/*width: 126px;*/
	width: 200px;
	height: 18px;
	top: -2px;
	right: 9px;
}
.modal-links .modal-item h4{
	font-size: 16px;
	line-height: calc(23 / 16);
}
.modal-links .modal-item h5{
	font-size: 14px;
	line-height: calc(28 / 14);
	margin-top: 0;
}
}
/* ---------------------------------------------------------------------------
//  another story個別ページ
--------------------------------------------------------------------------- */
.lazy{
	opacity: 0;
	background: #fff;
	transition: .8s;
	-webkit-overflow-scrolling: touch;

}
.lazy.onload{
	opacity: 1;
}
.page-another main{
	overflow-x: hidden;
}
.page-another .section-another-top{
	background: #fff;
	padding-top: 100px;
}
.page-another .section-another-top .l-container{
	margin: auto;
}
.page-another .section-another-top .another-inner{
	max-width: 788px;
	margin: auto;
	padding: 0 0 45px;
	text-align: center;
	font-weight: 500;
}
.page-another .section-another-top .english{
	margin: 0 auto 25px;
	max-width: 151.85px;
}
.page-another .section-another-top .section-title{
	color: #401E1F;
	font-size: 24px;
	line-height: calc(35 / 24);
	margin-bottom: 44px;
}
.page-another .section-another-top .image-area{
	max-width: 632px;
	margin: auto;
	position: relative;
}
.page-another .section-another-top .image-area .bottle{
	position: absolute;
	/*filter: drop-shadow(10px 10px 20px rgba(0,0,0,.33));*/
	bottom: -112px;
	right: -88px;
	transition: .6s;
	width: 234px;
	-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.page-another .section-another-top .image-area .bottle img{
	display: inline-block
}
.page-another .section-another-top .image-area:hover .bottle{
	transform: scale(1.1);
}
.page-another.another01 .section-another-main{
	background: url("../images/add2207/another/bg.png")no-repeat center top, linear-gradient(to bottom, rgba(255,232,241,.56), rgba(253,187,192,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another.another02 .section-another-main{
	background: url("../images/add2207/another/bg.png")no-repeat center top, linear-gradient(to bottom, rgba(202,239,252,.56), rgba(169,226,252,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another.another03 .section-another-main{
	background: url("../images/add2207/another/bg.png")no-repeat center top, linear-gradient(to bottom, rgba(255,252,232,.56), rgba(252,244,148,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another.another04 .section-another-main{
	background: url("../images/add2207/another/bg.png")no-repeat center top, linear-gradient(to bottom, rgba(232,255,251,.56), rgba(202,253,151,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another.another05 .section-another-main{
	background: url("../images/add2207/another/bg.png")no-repeat center top, linear-gradient(to bottom, rgba(255,253,232,.56), rgba(250,221,157,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another.another06 .section-another-main{
	background: url("../images/add2207/another/bg.png")no-repeat center top, linear-gradient(to bottom, rgba(255,232,236,.56), rgba(255,214,235,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another .section-another-main .l-container{
	margin: auto;
}
.page-another .section-another-main .another-inner{
	max-width: 788px;
	margin: auto;
	padding: 13px 0 142px;
	text-align: center;
	font-weight: 500;
	color: #401E1F;
}
.page-another .section-another-main .title-area{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-another .section-another-main .section-title{
	
	font-size: 35px;
	line-height: calc(50 / 35);
	margin-bottom: 13px;
}
.page-another .section-another-main .sub-title{
	font-size: 18px;
	line-height: calc(26 / 18);
	margin-bottom: 49px;
	padding: 0 7px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-another.another01 .section-another-main .sub-title{
	background: linear-gradient(to right, rgba(158,124,191,.21), rgba(221,134,201,.21));
}
.page-another.another02 .section-another-main .sub-title{
	background: linear-gradient(to right, rgba(124,181,191,.21), rgba(55,128,226,.21));
}
.page-another.another03 .section-another-main .sub-title{
	background: linear-gradient(to right, rgba(227,240,75,.21), rgba(248,140,29,.21));
}
.page-another.another04 .section-another-main .sub-title{
	background: linear-gradient(to right, rgba(96,203,145,.21), rgba(153,221,83,.21));
}
.page-another.another05 .section-another-main .sub-title{
	background: linear-gradient(to right, rgba(253,117,0,.21), rgba(134,154,221,.21));
}
.page-another.another06 .section-another-main .sub-title{
	background: linear-gradient(to right, rgba(253,127,127,.21), rgba(255,95,212,.21));
}
.page-another .section-another-main .story-area{
	padding-bottom: 164px;
}
.page-another .section-another-main .story-area p{
	font-size: 14px;
	line-height: 2;
}
.fadein_text,
.fadein_text span {
  opacity: 0;
}
.js-fadeIn,.js-fadeIn2 {
  opacity: 0; 
  transition: opacity .8s; 
}

.js-fadeIn.is-inview,.js-fadeIn2.is-inview {
  opacity: 1;
}
.delay.is-inview {
  transition-delay: 1s; 
}
.delay2.is-inview {
  transition-delay: 2s;
}
.js-fadeUp {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(30px); /* 下に30pxの位置から */
  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
}
/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0); /* 30px上に移動する */
  transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
}
.page-another .section-another-main .story-area .name{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	margin-top: 60px;
	margin-bottom: 20px;
}
.page-another .section-another-main .product-area{
	max-width: 631px;
	margin: auto;
	background: #fff;
	text-align: center;
	position: relative;
	padding-top: 132px;
	padding-bottom: 67px;
	font-weight: 500;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-another.another01 .section-another-main .product-area{
	color: #D83F71
}
.page-another.another02 .section-another-main .product-area{
	color: #008FA6
}
.page-another.another03 .section-another-main .product-area{
	color: #DDAE00
}
.page-another.another04 .section-another-main .product-area{
	color: #29935F
}
.page-another.another05 .section-another-main .product-area{
	color: #F0801A
}
.page-another.another06 .section-another-main .product-area{
	color: #ED244B
}
.page-another .section-another-main .product-area .image{
	position: absolute;
	top: -120px;
	width: 638px;
	max-width: 100%;
	left: 0;
	right: 0;
	margin: auto;
}
.page-another .section-another-main .product-area .copy01{
	color: #401E1F;
	font-size: 15px;
	line-height: calc(21 / 15);
	padding: 0 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 31px;
	margin-bottom: 17px;
}
.page-another.another01 .section-another-main .product-area .copy01{
	background: linear-gradient(to right, rgba(158,124,191,.21), rgba(134,138,221,.21));
}
.page-another.another02 .section-another-main .product-area .copy01{
	background: linear-gradient(to right, rgba(124,181,191,.21), rgba(55,128,226,.21));
}
.page-another.another03 .section-another-main .product-area .copy01{
	background: linear-gradient(to right, rgba(227,240,75,.21), rgba(248,140,29,.21));
}
.page-another.another04 .section-another-main .product-area .copy01{
	background: linear-gradient(to right, rgba(96,203,145,.21), rgba(153,221,83,.21));
}
.page-another.another05 .section-another-main .product-area .copy01{
	background: linear-gradient(to right, rgba(253,117,0,.21), rgba(134,154,221,.21));
}
.page-another.another06 .section-another-main .product-area .copy01{
	background: linear-gradient(to right, rgba(253,127,127,.21), rgba(255,95,212,.21));
}
.page-another .section-another-main .product-area .copy02{
	font-size: 26px;
	line-height: calc(37 / 26);
	margin-bottom: 17px;
}
.page-another .section-another-main .product-area .copy03{
	font-size: 15px;
	line-height: calc(21 / 15);
}
.page-another .section-another-main .product-area .type{
	width: 118px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -59px;
}
.page-another .section-another-main .product-area .type img{
	position: relative;
	right: -5%;
}






#cboxLoadedContent{
	background: transparent;
	padding: 0;
	transition: .8s;
	
}
#cboxOverlay{
	background: #151515;
	opacity: .46!important;
	transition: .8s;
}
#cboxContent{
	background: transparent;
	transition: .8s;
}
#colorbox{
	visibility: hidden;
	overflow: visible
}
.cboxIframe{
	background: transparent;
}
#cboxWrapper{
	overflow: visible
}
#cboxClose{
	color: #fff;
	
	width: 46px;
	height: 46px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -12px;
	right: -12px;
	text-indent: inherit;
	font-size: 0;
}
.another01 #cboxClose{
	background: #D83F71;
}
.another02 #cboxClose{
	background: #008FA6;
}
.another03 #cboxClose{
	background: #DDAE00;
}
.another04 #cboxClose{
	background: #29935F;
}
.another05 #cboxClose{
	background: #F0801A;
}
.another06 #cboxClose{
	background: #ED244B;
}
#cboxClose:hover{
	opacity: .7;
}
#cboxClose::before{
	content: "";
	background: url("../images/add2207/another/close.svg") no-repeat center;
	background-size: contain;
	width: 16px;
	height: 16px;
}

        


@media screen and (max-width: 767px){
.page-another .section-another-top{
	padding-top: 60px;
}
	.page-another .section-another-top .l-container{
		width: 100%;
	}
.page-another .section-another-top .another-inner{
	padding: 00;
}
.page-another .section-another-top .english{
	margin: 0 auto 34px;
	max-width: 107.56px;
}
.page-another .section-another-top .section-title{
	color: #401E1F;
	font-size: 19px;
	line-height: calc(27 / 19);
	margin-bottom: 34px;
	padding: 0 25px;
}
.page-another .section-another-top .image-area .bottle{
	bottom: -52px;
	right: -16px;
	width: 100px;
}
.page-another .section-another-main{
	background: url("../images/add2207/another/bg_sp.png")no-repeat center top, linear-gradient(to bottom, rgba(255,232,241,.56), rgba(253,187,192,.56), rgba(253,250,251,.56));
	background-size: cover;
}
.page-another .section-another-main .l-container{
	margin: auto;
	width: 100%
}
.page-another .section-another-main .another-inner{
	padding: 34px 18px 125px;
}
.page-another .section-another-main .section-title{
	
	font-size: 24px;
	line-height: calc(37 / 26);
	margin-bottom: 11px;
}
.page-another .section-another-main .sub-title{
	font-size: 14px;
	line-height: calc(20 / 14);
	margin-bottom: 34px;
	height: 20px;
}
.page-another .section-another-main .story-area{
	padding-bottom: 136px;
}
.page-another .section-another-main .story-area p{
	font-size: 12px;
}

.page-another .section-another-main .story-area .name{
	font-size: 12px;
	margin-top: 40px;
}
	.page-another .section-another-main .story-area .name span{
		width: 69px
	}
.page-another .section-another-main .product-area{
	width: 100%;
	padding-top: 98px;
	padding-bottom: 91px;
}
.page-another .section-another-main .product-area .image{
	top: -112px;
	width: 100%;
	max-width: 279px;
}
.page-another .section-another-main .product-area .copy01{
	font-size: 14px;
	line-height: calc(20 / 14);
	padding: 0;
	height: 20px;
	margin-bottom: 19px;
}

.page-another .section-another-main .product-area .copy02{
	font-size: 19px;
	line-height: calc(27 / 19);
	margin-bottom: 8px;
}
	.page-another .section-another-main .product-area .copy03{
	font-size: 15px;
}
	
.page-another .section-another-main .product-area .type{
	width: 118px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -59px;
}






#cboxClose{
	width: 22px;
	height: 22px;
	top: -11px;
	right: -11px;
}
#cboxClose::before{
	width: 8.7px;
	height: 8.7px;
}
	#cboxLoadedContent{
		overflow: visible!important
	}
}