@charset "utf-8";

.dammy{
	position: relative;
	display: block;
}
.dammy::before{
	content: 'ダミー';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #333;
	font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 18px;
	color: #fff;
	padding: 6px 14px;
	margin: 30px;
}
#mainContents a{
	transition: opacity .4s;
}
#mainContents a:hover{
	opacity: .7;
}

.main_content{
	font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
}


.kv_area{
	position: relative;
	background-color: #fffefc;
}
.kv_area > picture{
	display: block;
}
.campaign_area{
	position: relative;
}
.campaign_area > picture{
	display: block;
}
.bnr_area{
	position: relative;
	background-color: #f7f1e7;
}
.bnr_area.btm{
	background-color: #b1bcbf;
}
.bnr_area .bnr_wrap{
	display: flex;
	margin: 0 auto;
}
.bnr_area .bnr a{
	position: relative;
	display: block;
	font-size: 0;
}
.bnr_area .bnr a::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
	margin: 0 auto;
}
.bnr_area.btm .bnr a::before{
	transform: scale(1,-1);
}
.bnr_area .bnr.cg a::before{
	background-image: url("../img/lifewithbiscuit/ico_bnr_arrow_g.png");
	width: 3.404%;
	padding-bottom: 2.553%;
	margin-bottom: 2.128%;
}
.bnr_area .bnr.cw a::before{
	background-image: url("../img/lifewithbiscuit/ico_bnr_arrow_w.png");
	width: 5.319%;
	padding-bottom: 4.255%;
	margin-bottom: 1.064%;
}
@media all and (max-width: 750px) {
	.bnr_area{
		padding: 5.333% 0;
	}
	.bnr_area .bnr_wrap{
		flex-direction: column;
		gap: 2.667vw;
		width: 89.333%;
	}
}
@media all and (min-width: 751px) {
	.bnr_area{
		padding: 70px 0;
	}
	.bnr_area .bnr_wrap{
		gap: 20px;
		max-width: 960px;
		padding: 0 20px;
	}
}

.life_with{
	position: relative;
	font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.biscuit_catch{
	position: relative;
	overflow: hidden;
}
.biscuit_catch_wrap{
	position: relative;
	margin: 0 auto;
}
.biscuit_catch .biscuit_title{
	margin: 0 auto;
}
.biscuit_catch .biscuit_text{
	text-align: center;
}
.biscuit_catch .btn{
	position: relative;
	margin: 0 auto;
}
.biscuit_catch .btn a{
	display: block;
	width: 100%;
}
.biscuit_catch .btn .txt{
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #473025;
	line-height: 1;
	text-align: center;
}
@media all and (max-width: 750px) {
	.biscuit_catch_wrap{
		max-width: 960px;
		padding: 34.667% 0;
	}
	.biscuit_catch .biscuit_title{
		width: 86.933%;
		margin-bottom: 6.667%;
	}
	.biscuit_catch .biscuit_text{
		margin-bottom: 6.667%;
		font-size: 3.733vw;
		line-height: 2;
	}
	.biscuit_catch .btn{
		width: 78.667%;
	}
	.biscuit_catch .btn .txt{
		bottom: 0.533vw;
		font-size: 3.733vw;
	}
}
@media all and (min-width: 751px) {
	.biscuit_catch_wrap{
		max-width: 960px;
		padding: 150px 0;
	}
	.biscuit_catch .biscuit_title{
		max-width: 672px;
		margin-bottom: 60px;
	}
	.biscuit_catch .biscuit_text{
		margin-bottom: 60px;
		font-size: 20px;
		line-height: 2.375;
	}
	.biscuit_catch .btn{
		width: 400px;
	}
	.biscuit_catch .btn .txt{
		bottom: 4px;
		font-size: 20px;
	}
}

.biscuit_catch .loop_wrap{
	display: flex;
  position: absolute;
}
.biscuit_catch .loop_wrap ul{
	display: flex;
}
.biscuit_catch .loop_wrap ul li{
	padding: 0;
}
@media all and (max-width: 750px) {
	.biscuit_catch .loop_wrap{
		left: 0;
	}
	.biscuit_catch .loop_wrap#line01{
    top: 6vw;
	}
	.biscuit_catch .loop_wrap#line02{
    bottom: 6vw;
	}
	.biscuit_catch .loop_wrap#line01 ul{
		animation: loop1aSP 200s -100s linear infinite;
		-webkit-animation : loop1aSP 200s -100s linear infinite;
		animation: loop1aSP 150s -75s linear infinite;
		-webkit-animation : loop1aSP 150s -75s linear infinite;
	}
	.biscuit_catch .loop_wrap#line01 ul:last-child {
		animation: loop1bSP 200s linear infinite;
		-webkit-animation : loop1bSP 200s 0s linear infinite;
		animation: loop1bSP 150s linear infinite;
		-webkit-animation : loop1bSP 150s 0s linear infinite;
	}
	.biscuit_catch .loop_wrap#line02 ul{
		animation: loop2aSP 100s linear infinite;
		-webkit-animation : loop2aSP 100s 0s linear infinite;
		animation: loop2aSP 75s linear infinite;
		-webkit-animation : loop2aSP 75s 0s linear infinite;
	}
	.biscuit_catch .loop_wrap#line02 ul:last-child {
		animation: loop2bSP 100s 0s linear infinite;
		-webkit-animation : loop2bSP 100s 0s linear infinite;
		animation: loop2bSP 75s 0s linear infinite;
		-webkit-animation : loop2bSP 75s 0s linear infinite;
	}
	.biscuit_catch .loop_wrap ul li{
		width: 17.867vw;
		margin-right: -1.333vw;
	}
}
@media all and (min-width: 751px) {
	.biscuit_catch .loop_wrap{
		flex-direction: column;
		top: 0;
		left: 50%;
	}
	.biscuit_catch .loop_wrap#line01{
		margin-left: -600px;
	}
	.biscuit_catch .loop_wrap#line02{
		margin-left: 430px;
	}
	.biscuit_catch .loop_wrap ul{
		flex-direction: column;
	}
	.biscuit_catch .loop_wrap#line01 ul{
		animation: loop1a 150s -75s linear infinite;
		-webkit-animation : loop1a 150s -75s linear infinite;
	}
	.biscuit_catch .loop_wrap#line01 ul:last-child {
		animation: loop1b 150s linear infinite;
		-webkit-animation : loop1b 150s 0s linear infinite;
	}
	.biscuit_catch .loop_wrap#line02 ul{
		animation: loop2a 75s linear infinite;
		-webkit-animation : loop2a 75s 0s linear infinite;
	}
	.biscuit_catch .loop_wrap#line02 ul:last-child {
		animation: loop2b 75s 0s linear infinite;
		-webkit-animation : loop2b 75s 0s linear infinite;
	}
	.biscuit_catch .loop_wrap ul li{
		width: 137px;
		margin-top: -0%;
	}
	.biscuit_catch .loop_wrap ul li:nth-child(odd){
		margin-left: 37%;
		margin-top: -20%;
	}
}

.life_with .movie_blk{
	position: relative;
	background-color: #f7f1e7;
}
.life_with .movie_wrap{
	position: relative;
	margin: 0 auto;
}
.life_with .movie_ttl{
	margin: 0 auto;
}
.life_with .movie_subttl{
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}
.life_with .movie_subttl::before,
.life_with .movie_subttl::after{
	content: '';
	position: relative;
	background-repeat: repeat-x;
	background-size: auto 100%;
	width: 50%;
}
.life_with .movie_tv .movie_subttl::before,
.life_with .movie_tv .movie_subttl::after{
	background-image: url("../img/lifewithbiscuit/mov_line_r.png");
}
.life_with .movie_mandi .movie_subttl::before,
.life_with .movie_mandi .movie_subttl::after{
	background-image: url("../img/lifewithbiscuit/mov_line_b.png");
}
.life_with .movie_radio .movie_subttl::before,
.life_with .movie_radio .movie_subttl::after{
	background-image: url("../img/lifewithbiscuit/mov_line_y.png");
}
.life_with .mov_title{
	text-align: center;
}
@media all and (max-width: 750px) {
	.life_with .movie_blk{
		padding: 10.133% 0 14.667%;
	}
	.life_with .movie_wrap{
		width: 89.333%;
	}
	.life_with .movie_wrap > div + div{
		margin-top: 9.552%;
	}
	.life_with .movie_ttl{
		width: 42.985%;
		margin-bottom: 13.433%;
	}
	.life_with .movie_subttl{
		gap: 3.2vw;
		margin-bottom: 4.478%;
	}
	.life_with .movie_subttl::before,
	.life_with .movie_subttl::after{
		height: 0.8vw;
	}
	.life_with .movie_tv .movie_subttl::before,
	.life_with .movie_tv .movie_subttl::after{
		width: 39.702%;
	}
	.life_with .movie_tv .movie_subttl span{
		width: 20.597%;
	}
	.life_with .movie_mandi .movie_subttl::before,
	.life_with .movie_mandi .movie_subttl::after{
		width: 14.403%;
	}
	.life_with .movie_mandi .movie_subttl span{
		width: 71.194%;
	}
	.life_with .movie_radio .movie_subttl::before,
	.life_with .movie_radio .movie_subttl::after{
		width: 33.06%;
	}
	.life_with .movie_radio .movie_subttl span{
		width: 33.881%;
	}
	.life_with .mov_thumb{
		margin-bottom: 3.582%;
	}
	.life_with .mov_title{
		font-size:3.467vw;
		line-height: 1.4;
	}
	.life_with .mov_title span{
		display: inline-block;
		margin-left: 1rem;
		font-size:3.467vw;
		line-height: 1.4;
	}
	.life_with .mov_cont{
		position: relative;
	}
	.life_with .mov_cont .movie_box{
		display: none;
		opacity: 0;
		transition: opacity .7s;
	}
	.life_with .mov_cont .movie_box.active{
		display: block;
		opacity: 1;
	}
	.life_with .mov_tab{
		display: flex;
		justify-content: space-between;
		background-color: #fff;
		margin-top: 3.582%;
		border-radius: 4vw;
	}
	.life_with .mov_tab > p{
		width: 50%;
		padding: 2.687% 0;
		font-size: 3.467vw;
		text-align: center;
		line-height: 1;
		border-radius: 4vw;
		transition: background .3s;
	}
	.life_with .movie_mandi .mov_tab > p.active{
		background-color: #049fbc;
		color: #fff;
	}
	.life_with .movie_radio .mov_tab > p.active{
		background-color: #f5bf18;
		color: #fff;
	}
}
@media all and (min-width: 751px) {
	.life_with .movie_blk{
		padding: 82px 0 40px;
	}
	.life_with .movie_wrap{
		max-width: 960px;
		padding: 0 20px;
	}
	.life_with .movie_wrap > div{
		margin-bottom: 64px;
	}
	.life_with .movie_ttl{
		width: 259px;
		margin-bottom: 96px;
	}
	.life_with .movie_subttl{
		gap: 24px;
		margin-bottom: 40px;
	}
	.life_with .movie_subttl::before,
	.life_with .movie_subttl::after{
		height: 6px;
	}
	.life_with .movie_tv .movie_subttl span{
		width: 115px;
	}
	.life_with .movie_mandi .movie_subttl span{
		width: 396px;
	}
	.life_with .movie_radio .movie_subttl span{
		width: 189px;
	}
	.life_with .mov_thumb{
		margin-bottom: 16px;
	}
	.life_with .mov_title{
		font-size: 21px;
		line-height: 1.524;
	}
	.life_with .mov_title span{
		display: block;
		font-size: 21px;
		line-height: 1.524;
	}
	.life_with .mov_cont{
		display: flex;
		gap: 38px;
	}
	.life_with .mov_tab{
		display: none;
	}
}

.life_with .actor_blk{
	position: relative;
	background-color: #eee2cf;
}
.life_with .actor_wrap{
	position: relative;
	margin: 0 auto;
}
.life_with .actor_ttl{
	margin: 0 auto;
}
.life_with .actor_box{
	position: relative;
	background-color: #fff;
	margin: 0 auto;
}
.life_with .actor_box .act_photo{
	text-align: right;
}
.life_with .actor_box .act_photo .act_cap{
	display: inline-block;
}
.life_with .actor_box .act_name{
	background-repeat: repeat-x;
	background-position: left bottom;
}
.life_with .actor_box .act_name .jp{
	display: inline-block;
}
.life_with .actor_box .act_site a{
	display: block;
}
.life_with .actor_box.nakamura{
	background-color: #c2adcc;
}
.life_with .actor_box.nakamura .act_photo picture{
	display: block;
}
.life_with .actor_box.nakamura .act_name{
	background-image: url("../img/lifewithbiscuit/act_line_nakamura.png");
}
.life_with .actor_box.nakamura .act_name .jp{
	color: #74408d;
}
.life_with .actor_box.miyase{
	background-color: #8acdda;
}
.life_with .actor_box.miyase .act_photo picture{
	display: block;
}
.life_with .actor_box.miyase .act_name{
	background-image: url("../img/lifewithbiscuit/act_line_miyase.png");
}
.life_with .actor_box.miyase .act_name .jp{
	color: #00778d;
}
.life_with .actor_box.guest .act_name{
	background-image: url("../img/lifewithbiscuit/act_line_kimura.png");
}
.life_with .actor_box.guest .act_name .jp{
	color: #e9b724;
}
.life_with .actor_box.guest .act_text{
	display: flex;
}
@media all and (max-width: 750px) {
	.life_with .actor_blk{
		padding: 11.2% 0 14.667%;
	}
	.life_with .actor_wrap{
		width: 89.333%;
	}
	.life_with .actor_ttl{
		width: 41.94%;
		margin-bottom: 12%;
	}
	.life_with .actor_box{
		padding: 7.463%;
		border-radius: 2.667vw;
	}
	.life_with .actor_box + .actor_box{
		margin-top: 5.97%;
	}
	.life_with .actor_box .act_photo{
		width: 96.491%;
	}
	.life_with .actor_box .act_photo .act_cap{
		margin-top: 3.467vw;
		margin-right: -2.667vw;
		font-size: 2.667vw;
	}
	.life_with .actor_box .act_profile{
		width: 100%;
	}
	.life_with .actor_box .act_name{
		background-size: auto 1.067vw;
		padding-bottom: 5.965%;
		margin: 12.281% 0 3.509%;
		text-align: center;
	}
	.life_with .actor_box .act_name .jp{
		font-size: 6.667vw;
	}
	.life_with .actor_box .act_name .en{
		display: block;
		margin: 1.754% auto 0;
	}
	.life_with .actor_box .act_text{
		margin-bottom: 7.018%;
		font-size: 3.2vw;
		line-height: 1.75;
	}
	.life_with .actor_box .act_site a{
		width: 51.754%;
		margin: 0 auto;
	}
	.life_with .actor_box.nakamura .act_name{
		margin-top: 7.018%;
	}
	.life_with .actor_box.nakamura .act_photo picture{
		box-shadow: 2.667vw 2.667vw 0 0 #74408d;
	}
	.life_with .actor_box.nakamura .act_name .en{
		width: 37.018%;
	}
	.life_with .actor_box.miyase .act_photo picture{
		box-shadow: 2.667vw 2.667vw 0 0 #00778d;
	}
	.life_with .actor_box.miyase .act_name .en{
		width: 26.14%;
	}
	.life_with .actor_box.guest{
	}
	.life_with .actor_box.guest .act_ttl{
		width: 52.105%;
		margin: 0 auto
	}
	.life_with .actor_box.guest .act_profile{
		width: 100%;
	}
	.life_with .actor_box.guest .act_name{
		display: flex;
		align-items: flex-end;
		width: 100%;
		margin: 8.772% 0 3.509%;
	}
	.life_with .actor_box.guest .act_name .jp{
		margin-right: 3.509%;
		font-size: 5.067vw;
	}
	.life_with .actor_box.guest .act_name .en{
		display: inline;
		width: 24.737%;
		margin: 0;
	}
	.life_with .actor_box.guest .act_text{
		align-items: flex-start;
		gap: 7.018%;
	}
	.life_with .actor_box.guest .act_txt{
		width: 60%;
		font-size: 3.2vw;
		line-height: 1.75;
	}
	.life_with .actor_box.guest .act_photo{
		width: 32.105%;
		margin-top: 1.509%;
		margin-right: 1.333vw;
		box-shadow: 1.333vw 1.333vw 0 0 #eeb516;
	}
}
@media all and (min-width: 751px) {
	.life_with .actor_blk{
		padding: 82px 0 100px;
	}
	.life_with .actor_wrap{
		max-width: 960px;
		padding: 0 20px;
	}
	.life_with .actor_ttl{
		width: 254px;
		margin-bottom: 90px;
	}
	.life_with .actor_box{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 70px;
		border-radius: 20px;
	}
	.life_with .actor_box + .actor_box{
		margin-top: 40px;
	}
	.life_with .actor_box .act_photo{
		width: 400px;
	}
	.life_with .actor_box .act_photo .act_cap{
		margin-top: 14px;
		margin-right: -10px;
		font-size: 12px;
	}
	.life_with .actor_box .act_profile{
		width: 370px;
	}
	.life_with .actor_box .act_name{
		display: flex;
		align-items: flex-end;
		background-size: auto 5px;
		padding-bottom: 14px;
		margin-bottom: 16px;
	}
	.life_with .actor_box .act_name .jp{
		margin-right: 10px;
		font-size: 27px;
	}
	.life_with .actor_box .act_name .en{
		margin-bottom: -4px;
	}
	.life_with .actor_box .act_text{
		margin-bottom: 16px;
		font-size: 15px;
		line-height: 2;
	}
	.life_with .actor_box .act_site a{
		width: 198px;
	}
	.life_with .actor_box.nakamura{
		flex-direction: row-reverse;
	}
	.life_with .actor_box.nakamura .act_photo picture{
		box-shadow: 10px 10px 0 0 #74408d;
	}
	.life_with .actor_box.nakamura .act_name .en{
		width: 162px;
	}
	.life_with .actor_box.miyase .act_photo picture{
		box-shadow: 10px 10px 0 0 #00778d;
	}
	.life_with .actor_box.miyase .act_name .en{
		width: 115px;
	}
	.life_with .actor_box.guest{
		padding-left: 50px;
	}
	.life_with .actor_box.guest .act_ttl{
		width: 154px;
	}
	.life_with .actor_box.guest .act_profile{
		width: 624px;
	}
	.life_with .actor_box.guest .act_name{
		width: 452px;
		margin-bottom: 12px;
	}
	.life_with .actor_box.guest .act_name .jp{
		font-size: 24px;
	}
	.life_with .actor_box.guest .act_name .en{
		width: 115px;
		margin-bottom: 0;
	}
	.life_with .actor_box.guest .act_text{
		gap: 30px;
	}
	.life_with .actor_box.guest .act_txt{
		width: 452px;
		font-size: 15px;
		line-height: 2;
	}
	.life_with .actor_box.guest .act_photo{
		width: 140px;
		margin-top: -24px;
		box-shadow: 8px 8px 0 0 #eeb516;
	}
	.life_with .actor_box.guest .act_site{
		margin-top: -34px;
	}
}

.life_with .music_blk{
	position: relative;
	background-color: #f7f1e7;
}
.life_with .music_wrap{
	position: relative;
	margin: 0 auto;
}
.life_with .music_ttl{
	margin: 0 auto;
}
.life_with .music_artist{
	position: relative;
	background-color: #efbab3;
	margin: 0 auto;
}
.life_with .music_sound_box{
	position: relative;
	background-color: #fff;
}
.life_with .music_info{
	position: relative;
	margin: 0 auto;
}
.life_with .music_info .music_txt{
	color: #c23826;
	text-align: center;
}
.life_with .music_info .music_txt-badge{
	display: block;
	background-color: #c23826;
	color: #fff;
	text-align: center;
}
.life_with .music_play{
	margin: 0 auto;
}
.life_with .music_play .btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #c23826;
	border-radius: 50%;
}
.life_with .music_play .btn::before{
	position: relative;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 0;
}
.life_with .music_play .btn::before{
	background-image: url("../img/lifewithbiscuit/mus_btn_play.png");
}
.life_with .music_play.play .btn::before{
	background-image: url("../img/lifewithbiscuit/mus_btn_stop.png");
	margin-left: 0;
}
.life_with .music_play .circle_word{
	position: absolute;
	transform-origin: center;
	animation: rotate 10s linear infinite;
}
.life_with .music_play.play .circle_word{
/*	animation: rotate 10s linear infinite;*/
}
.life_with .artist_profile .artist_name{
	background-image: url("../img/lifewithbiscuit/mus_line_hitsuji.png");
	background-repeat: repeat-x;
	background-position: left bottom;
}
.life_with .artist_profile .artist_name .jp{
	display: inline-block;
	color: #c23826;
}
.life_with .artist_profile .artist_text{
	text-align: justify;
}
.life_with .artist_profile .artist_photo{
	float: right;
}
@media all and (max-width: 750px) {
	.life_with .music_blk{
		padding: 12% 0 14.667%;
	}
	.life_with .music_wrap{
		width: 89.333%;
		padding: 0 20px;
	}
	.life_with .music_ttl{
		width: 44.179%;
		margin-bottom: 11.94%;
	}
	.life_with .music_artist{
		padding: 7.4623%;
		border-radius: 2.667vw;
	}
	.life_with .music_sound_box{
		padding: 8.772%;
		margin-bottom: 10.448%;
	}
	.life_with .music_info{
		width: 100%;
	}
	.life_with .music_info .music_img{
		margin-bottom: 10.638%;
	}
	.life_with .music_info .music_txt{
		margin-bottom: 17.021%;
		font-size: 6.4vw;
	}
	.life_with .music_info .music_txt-badge{
		width: 46.17%;
		padding: 1.277% 0 2.114%;
		margin: 0 auto 2.128%;
		font-size: 3.467vw;
		border-radius: 3.133vw;
	}
	.life_with .music_play{
		width: 53.617%;
		margin-bottom: 7.447%;
	}
	.life_with .music_play .btn{
		width: 100%;
		height: 0;
		padding: 50% 0;
	}
	.life_with .music_play .btn::before{
		width: 25%;
		padding-bottom: 32.937%;
		margin-left: 8.73%;
	}
	.life_with .music_play.play .btn::before{
		width: 34px;
		padding-bottom: 45px;
	}
	.life_with .music_play .circle_word{
		width: 125.397%;
	}
	.life_with .artist_profile{
		width: 100%;
	}
	.life_with .artist_profile .artist_name{
		background-size: auto 1.067vw;
		padding-bottom: 5.965%;
		margin-bottom: 3.509%;
		text-align: center;
	}
	.life_with .artist_profile .artist_name .jp{
		font-size: 6.667vw;
	}
	.life_with .artist_profile .artist_name .en{
		display: block;
		width: 31.404%;
		margin: 1.754% auto 0;
	}
	.life_with .artist_profile .artist_text{
		margin-bottom: 24px;
		font-size: 3.2vw;
		line-height: 1.75;
	}
	.life_with .artist_profile .artist_photo{
		width: 48.772%;
		box-shadow: 1.333vw 1.333vw 0 0 #c23826;
		margin: 0.877% 1.333vw 1.333vw 4.211%;
	}
	.life_with .artist_profile .artist_site{
		width: 51.754%;
		margin: 0 auto;
	}
}
@media all and (min-width: 751px) {
	.life_with .music_blk{
		padding: 94px 0 140px;
	}
	.life_with .music_wrap{
		max-width: 960px;
		padding: 0 20px;
	}
	.life_with .music_ttl{
		width: 254px;
		margin-bottom: 90px;
	}
	.life_with .music_artist{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 70px;
		border-radius: 20px;
	}
	.life_with .music_sound_box{
		padding: 40px;
	}
	.life_with .music_info{
		width: 255px;
	}
	.life_with .music_info .music_img{
		margin-bottom: 20px;
	}
	.life_with .music_info .music_txt{
		margin-bottom: 50px;
		font-size: 27px;
	}
	.life_with .music_info .music_txt-badge{
		width: 130px;
		padding: 5px 0;
		margin: 0 auto 10px;
		font-size: 15px;
		border-radius: 15px;
	}
	.life_with .music_play{
		width: 136px;
		margin: 0 auto 30px;
	}
	.life_with .music_play .btn{
		width: 136px;
		height: 136px;
	}
	.life_with .music_play .btn::before{
		width: 33px;
		padding-bottom: 44px;
		margin-left: 10px;
	}
	.life_with .music_play.play .btn::before{
		width: 34px;
		padding-bottom: 45px;
	}
	.life_with .music_play .circle_word{
		width: 170px;
	}
	.life_with .artist_profile{
		width: 440px;
	}
	.life_with .artist_profile .artist_name{
		display: flex;
		align-items: flex-end;
		background-size: auto 5px;
		padding-bottom: 14px;
		margin-bottom: 18px;
	}
	.life_with .artist_profile .artist_name .jp{
		margin-right: 10px;
		font-size: 27px;
	}
	.life_with .artist_profile .artist_name .en{
		width: 139px;
		margin-bottom: -4px;
	}
	.life_with .artist_profile .artist_text{
		margin-bottom: 24px;
		font-size: 15px;
		line-height: 1.8;
		letter-spacing: 0.02em;
	}
	.life_with .artist_profile .artist_photo{
		width: 204px;
		box-shadow: 10px 10px 0 0 #c23826;
		margin: 5px 10px 10px 20px;
	}
	.life_with .artist_profile .artist_site{
		width: 198px;
	}
}

.life_with .wallpaper_blk{
	position: relative;
	background-color: #eee2cf;
}
.life_with .wallpaper_wrap{
	position: relative;
	margin: 0 auto;
}
.life_with .wallpaper_ttl{
	margin: 0 auto;
}
.life_with .wallpaper_thumb{
	position: relative;
	margin: 0 auto;
}
.life_with .wallpaper_btn{
	margin: 0 auto;
}
@media all and (max-width: 750px) {
	.life_with .wallpaper_blk{
		padding: 10.133% 0 14.667%;
	}
	.life_with .wallpaper_wrap{
		width: 89.333%;
	}
	.life_with .wallpaper_ttl{
		width: 83.284%;
		margin-bottom: 9.701%;
	}
	.life_with .wallpaper_thumb{
		width: 85.075%;
		margin-bottom: 5.97%;
	}
	.life_with .wallpaper_btn.sp{
		display: block;
		width: 85.075%;
	}
}
@media all and (min-width: 751px) {
	.life_with .wallpaper_blk{
		padding: 78px 0 110px;
	}
	.life_with .wallpaper_wrap{
		max-width: 960px;
		padding: 0 20px;
	}
	.life_with .wallpaper_ttl{
		width: 513px;
		margin-bottom: 72px;
	}
	.life_with .wallpaper_thumb{
		margin-bottom: 50px;
	}
	.life_with .wallpaper_btn{
		width: 400px;
	}
}

.life_with .lineup_blk{
	position: relative;
}
.life_with .lineup_wrap{
	position: relative;
	margin: 0 auto;
}
.life_with .lineup_ttl{
	margin: 0 auto;
}
.life_with .lineup_items{
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.life_with .lineup_item > a{
	display: block;
	font-size: 0;
}
@media all and (max-width: 750px) {
	.life_with .lineup_blk{
		padding: 12.267% 0 0;
	}
	.life_with .lineup_ttl{
		width: 51.6%;
		margin-bottom: 9.333%;
	}
	.life_with .lineup_item{
		width: 50%;
	}
	.life_with .lineup_item:first-child{
		width: 100%;
	}
}
@media all and (min-width: 751px) {
	.life_with .lineup_blk{
		padding: 94px 0 0px;
	}
	.life_with .lineup_ttl{
		width: 355px;
		margin-bottom: 66px;
	}
	.life_with .lineup_item{
		width: calc(100% / 4);
	}
	.life_with .lineup_item:nth-child(-n+3){
		width: calc(100% / 3);
	}
}

.animate {
	animation: katakata cubic-bezier(0, 1, 0, 1) 3s;
}
@keyframes loop1a {
  0% { transform: translateY(100%); }
  to { transform: translateY(-100%); }
}
@keyframes loop1b {
  0% { transform: translateY(0); }
  to { transform: translateY(-200%); }
}
@keyframes loop2a {
  0% { transform: translateY(0%); }
  to { transform: translateY(100%); }
}
@keyframes loop2b {
  0% { transform: translateY(-200%); }
  to { transform: translateY(-100%); }
}
@keyframes loop1aSP {
  0% { transform: translateX(100%); }
  to { transform: translateX(-100%); }
}
@keyframes loop1bSP {
  0% { transform: translateX(0); }
  to { transform: translateX(-200%); }
}
@keyframes loop2aSP {
  0% { transform: translateX(0%); }
  to { transform: translateX(100%); }
}
@keyframes loop2bSP {
  0% { transform: translateX(-200%); }
  to { transform: translateX(-100%); }
}
@keyframes katakata {
	0% { transform: rotate(0); }
	5% { transform: rotate(-10deg); }
	10% { transform: rotate(0); }
	15% { transform: rotate(10deg); }
	20% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
@keyframes rotate {
	0% { transform: rotate(0); }
	100% { transform: rotate(360deg); }
}



.hitokuchi{
	position: relative;
	background-color: #f2f8fa;
	background-repeat: no-repeat;
	background-position: center top;
	color: #4c5662;
}
.hitokuchi_title{
	position: relative;
	margin: 0 auto;
}
.hitokuchi_catch_wrap{
	margin: 0 auto;
}
.hitokuchi_catch_wrap .hitokuchi_item{
	position: relative;
	margin: 0 auto;
}
.hitokuchi_catch_wrap .hitokuchi_item .new{
	position: absolute;
	top: 0;
	left: 0;
}
.hitokuchi_catch_wrap .hitokuchi_catch{
	text-align: center;
}
.hitokuchi_catch_wrap .item_txt{
	text-align: center;
}
@media all and (max-width: 750px) {
	.hitokuchi{
		background-image: url("../img/lifewithbiscuit/wr_bg_sp.jpg");
		background-size: cover;
		padding: 12% 0 18.667%;
	}
	.hitokuchi_title{
		width: 55.467%;
		margin-bottom: 0.8%;
	}
	.hitokuchi_catch_wrap{
		width: 100%;
	}
	.hitokuchi_catch_wrap .hitokuchi_item{
		width: 69.333%;
		padding-left: 13.333%;
		margin-bottom: 8.533%;
	}
	.hitokuchi_catch_wrap .hitokuchi_item .new{
		width: 17.692%;
		margin-top: 0;
		margin-left: 1.154%;
	}
	.hitokuchi_catch_wrap .hitokuchi_catch{
		margin-bottom: 8.8%;
		font-size: 4.533vw;
		line-height: 2;
	}
	.hitokuchi_catch_wrap .item_info{
		margin-bottom: 8%;
	}
	.hitokuchi_catch_wrap .item_img{
		width: 82%;
		margin: 0 auto 9.333%;
	}
	.hitokuchi_catch_wrap .item_txt{
		font-size: 3.467vw;
		line-height: 2;
	}
	.hitokuchi_catch_wrap .hitokuchi_lnk .btn{
		width: 80%;
		margin: 0 auto;
	}
	.hitokuchi_catch_wrap .hitokuchi_lnk .btn.hs{
		padding-right: 4.267%;
		margin-bottom: -3.2%;
	}
	.hitokuchi_catch_wrap .hitokuchi_lnk .btn.wr{
		padding-left: 4.267%;
	}
}
@media all and (min-width: 751px) {
	.hitokuchi{
		background-image: url("../img/lifewithbiscuit/wr_bg_pc.jpg");
		background-size: 1366px auto;
		padding: 80px 0 140px;
	}
	.hitokuchi_title{
		width: 426px;
		margin-bottom: 10px;
	}
	.hitokuchi_catch_wrap{
		max-width: 960px;
	}
	.hitokuchi_catch_wrap .hitokuchi_item{
		width: 533px;
		padding-left: 100px;
		margin-bottom: 70px;
	}
	.hitokuchi_catch_wrap .hitokuchi_item .new{
		width: 92px;
		margin-top: 2px;
		margin-left: 26px;
	}
	.hitokuchi_catch_wrap .hitokuchi_catch{
		margin-bottom: 80px;
		font-size: 30px;
	}
	.hitokuchi_catch_wrap .item_info{
		display: flex;
		align-items: center;
		padding: 0 24px;
		margin-bottom: 60px;
	}
	.hitokuchi_catch_wrap .item_img{
		width: 483px;
		margin-right: 74px;
	}
	.hitokuchi_catch_wrap .item_txt{
		font-size: 20px;
		line-height: 2.4;
	}
	.hitokuchi_catch_wrap .hitokuchi_lnk{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 60px;
	}
	.hitokuchi_catch_wrap .hitokuchi_lnk .btn{
		width: 460px;
	}
	.hitokuchi_catch_wrap .hitokuchi_lnk .btn.hs{
		padding-top: 6px;
	}
}
@media all and (min-width: 1367px) {
	.hitokuchi{
		background-size: 100% auto;
	}
}

.hitokuchi .movie_blk{
	position: relative;
}
.hitokuchi .movie_wrap{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .movie_ttl{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .movie_txt{
	text-align: center;
}
.hitokuchi .mov_title{
	text-align: center;
}
.hitokuchi .movie_web{
	position: relative;
}
.hitokuchi .movie_web::before,
.hitokuchi .movie_web::after{
	content: '';
	position: absolute;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
}
.hitokuchi .movie_web::before{
	background-image: url("../img/lifewithbiscuit/wr_bg_item01.png");
}
.hitokuchi .movie_web .movie_subttl{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .movie_web .mov_thumb{
	margin: 0 auto;
}
.hitokuchi .movie_making .movie_subttl{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .movie_radio .movie_subttl{
	position: relative;
	margin: 0 auto;
}
@media all and (max-width: 750px) {
	.hitokuchi .movie_blk{
		padding: 12% 0 25.333%;
	}
	.hitokuchi .movie_wrap{
		width: 100%;
	}
	.hitokuchi .movie_ttl{
		width: 35.467%;
		margin-bottom: 8%;
	}
	.hitokuchi .movie_txt{
		margin-bottom: 17.333%;
		font-size: 3.467vw;
		line-height: 2;
	}
	.hitokuchi .mov_title{
		margin-top: -2.133%;
		font-size: 3.467vw;
	}
	.hitokuchi .movie_web{
		margin-bottom: 14.667%;
	}
	.hitokuchi .movie_web::before{
		right: 7.467%;
		width: 14.8%;
		padding-bottom: 11.333%;
		margin-top: -9.867%;
		animation: movY2_sp 4s ease-in-out infinite alternate;
	}
	.hitokuchi .movie_web::after{
		left: 3.467%;
		background-image: url("../img/lifewithbiscuit/wr_bg_item02_sp.png");
		width: 14.4%;
		padding-bottom: 11.867%;
		margin-top: 131.333%;
		animation: movY1_sp 3s ease-in-out infinite alternate;
	}
	.hitokuchi .movie_web .movie_subttl{
		width: 28.8%;
	}
	.hitokuchi .movie_web .mov_thumb{
		width: 72.8%;
	}
	.hitokuchi .movie_flex{
		margin: 0 auto;
	}
	.hitokuchi .movie_making .movie_subttl{
		width: 28.933%;
	}
	.hitokuchi .movie_making .mov_thumb{
		width: 83.467%;
		margin: 0 auto;
	}
	.hitokuchi .movie_radio{
		margin-top: 13.333%;
	}
	.hitokuchi .movie_radio .movie_subttl{
		width: 36.267%;
	}
	.hitokuchi .movie_radio .mov_thumb{
		width: 83.467%;
		margin: 0 auto;
	}
}
@media all and (min-width: 751px) {
	.hitokuchi .movie_blk{
		padding: 150px 0;
	}
	.hitokuchi .movie_wrap{
		max-width: 960px;
		margin-bottom: 70px;
	}
	.hitokuchi .movie_ttl{
		width: 204px;
		margin-bottom: 60px;
	}
	.hitokuchi .movie_txt{
		margin-bottom: 100px;
		font-size: 20px;
		line-height: 2.4;
	}
	.hitokuchi .mov_title{
		margin-top: -10px;
		font-size: 21px;
	}
	.hitokuchi .movie_web{
		margin-bottom: 100px;
	}
	.hitokuchi .movie_web::before{
		right: 45px;
		width: 117px;
		padding-bottom: 89px;
		margin-top: 70px;
		animation: movY2 4s ease-in-out infinite alternate;
	}
	.hitokuchi .movie_web::after{
		left: 0;
		background-image: url("../img/lifewithbiscuit/wr_bg_item02_pc.png");
		width: 182px;
		padding-bottom: 171px;
		margin-top: 362px;
		animation: movY1 3s ease-in-out infinite alternate;
	}
	.hitokuchi .movie_web .movie_subttl{
		width: 160px;
	}
	.hitokuchi .movie_web .mov_thumb{
		width: 376px;
	}
	.hitokuchi .movie_flex{
		display: flex;
		margin: 0 -28px;
	}
	.hitokuchi .movie_making .movie_subttl{
		width: 161px;
	}
	.hitokuchi .movie_making .mov_thumb{
		width: 516px;
		margin-right: -8px;
	}
	.hitokuchi .movie_radio .movie_subttl{
		width: 202px;
	}
	.hitokuchi .movie_radio .mov_thumb{
		width: 516px;
		margin-left: -8px;
	}
}

.hitokuchi .actor_blk{
	position: relative;
}
.hitokuchi .actor_wrap{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .actor_wrap::before{
	content: '';
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
}
.hitokuchi .actor_ttl{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .act_profile{
	position: relative;
	background-color: #fff;
}
.hitokuchi .act_btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.hitokuchi .act_btn a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #dab751;
	background: -moz-linear-gradient(left,  #dab751 0%, #e5ca7d 50%, #dab751 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dab751), color-stop(50%,#e5ca7d), color-stop(100%,#dab751));
	background: -webkit-linear-gradient(left,  #dab751 0%,#e5ca7d 50%,#dab751 100%);
	background: -o-linear-gradient(left,  #dab751 0%,#e5ca7d 50%,#dab751 100%);
	background: -ms-linear-gradient(left,  #dab751 0%,#e5ca7d 50%,#dab751 100%);
	background: linear-gradient(to right,  #dab751 0%,#e5ca7d 50%,#dab751 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab751', endColorstr='#dab751',GradientType=1 );
	color: #594712;
	text-align: center;
	line-height: 1;
}
.hitokuchi .act_btn a::after{
	content: '';
	position: absolute;
	background: url("../img/lifewithbiscuit/ico_btn_arrow.png") no-repeat center;
	background-size: contain;
	height: 0;
}
@media all and (max-width: 750px) {
	.hitokuchi .actor_wrap{
		width: 89.333%;
		margin-bottom: 25.333%;
	}
	.hitokuchi .actor_wrap::before{
		top: 0;
		right: 1.194%;
		background-image: url("../img/lifewithbiscuit/wr_bg_item01.png");
		width: 16.567%;
		padding-bottom: 12.687%;
		margin-top: -16.418%;
		animation: movY3_sp 5s ease-in-out infinite alternate;
	}
	.hitokuchi .actor_ttl{
		width: 41.791%;
		margin-bottom: 9.333%;
	}
	.hitokuchi .act_profile{
		padding: 7.463%;
		box-shadow: 0px 0px 20px 8px rgba(220, 224, 226, 0.5);
	}
	.hitokuchi .act_name{
		margin-bottom: 7.018%;
		text-align: center;
	}
	.hitokuchi .act_name .jp{
		display: inline-block;
		margin-bottom: 2.807%;
		font-size: 6.667vw;
	}
	.hitokuchi .act_name .en{
		display: block;
		width: 28.421%;
		margin: 0 auto;
	}
	.hitokuchi .act_btn a{
		width: 100%;
		height: 0;
		padding: 8.772% 0;
		font-size: 4vw;
		border-radius: 6.667vw;
	}
	.hitokuchi .act_btn a::after{
		right: 7.018%;
		width: 3.158%;
		padding-bottom: 4.211%;
	}
}
@media all and (min-width: 751px) {
	.hitokuchi .actor_wrap{
		max-width: 960px;
		margin-bottom: 90px;
	}
	.hitokuchi .actor_wrap::before{
		top: 0;
		right: -80px;
		background-image: url("../img/lifewithbiscuit/wr_bg_item03.png");
		width: 144px;
		padding-bottom: 122px;
		margin-top: -130px;
		animation: movY3 5s ease-in-out infinite alternate;
	}
	.hitokuchi .actor_ttl{
		width: 216px;
		margin-bottom: 60px;
	}
	.hitokuchi .act_profile{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 60px 70px;
		box-shadow: 0px 0px 30px 10px rgba(220, 224, 226, 0.5);
	}
	.hitokuchi .act_name{
		display: flex;
		align-items: flex-end;
		font-size: 44px;
	}
	.hitokuchi .act_name .jp{
		display: inline-block;
		margin-right: 20px;
		font-size: 44px;
	}
	.hitokuchi .act_name .en{
		width: 115px;
		margin-bottom: -4px;
	}
	.hitokuchi .act_btn a{
		width: 380px;
		height: 80px;
		font-size: 21px;
		border-radius: 40px;
	}
	.hitokuchi .act_btn a::after{
		right: 30px;
		width: 13px;
		padding-bottom: 17px;
	}
}


.hitokuchi .wallpaper_blk{
	position: relative;
}
.hitokuchi .wallpaper_wrap{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .wallpaper_wrap::before{
	content: '';
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
}
.hitokuchi .wallpaper_ttl{
	position: relative;
	margin: 0 auto;
}
.hitokuchi .wallpaper_btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.hitokuchi .wallpaper_btn a{
	position: relative;
	align-items: center;
	justify-content: center;
	background: #dab751;
	background: -moz-linear-gradient(left, #dab751 0%, #e5ca7d 50%, #dab751 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dab751), color-stop(50%,#e5ca7d), color-stop(100%,#dab751));
	background: -webkit-linear-gradient(left, #dab751 0%,#e5ca7d 50%,#dab751 100%);
	background: -o-linear-gradient(left, #dab751 0%,#e5ca7d 50%,#dab751 100%);
	background: -ms-linear-gradient(left, #dab751 0%,#e5ca7d 50%,#dab751 100%);
	background: linear-gradient(to right, #dab751 0%,#e5ca7d 50%,#dab751 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab751', endColorstr='#dab751',GradientType=1 );
	color: #594712;
	text-align: center;
	line-height: 1;
}
.hitokuchi .wallpaper_btn a::after{
	content: '';
	position: absolute;
	background: url("../img/lifewithbiscuit/ico_btn_arrow.png") no-repeat center;
	background-size: contain;
	height: 0;
}
@media all and (max-width: 750px) {
	.hitokuchi .wallpaper_blk{
		padding-top: 0;
	}
	.hitokuchi .wallpaper_wrap{
		width: 100%;
	}
	.hitokuchi .wallpaper_wrap::before{
		top: 0;
		left: 2.4%;
		background-image: url("../img/lifewithbiscuit/wr_bg_item03.png");
		width: 18.8%;
		padding-bottom: 16%;
		margin-top: -20%;
		animation: movY1_sp 4s ease-in-out infinite alternate;
	}
	.hitokuchi .wallpaper_ttl{
		width: 66.933%;
		margin-bottom: 6.667%;
	}
	.hitokuchi .wallpaper_thumb{
		width: 83.467%;
		margin: 0 auto;
		margin-bottom: 1.333%;
	}
	.hitokuchi .wallpaper_btn a.sp{
		display: flex;
	}
	.hitokuchi .wallpaper_btn a{
		width: 76%;
		height: 0;
		padding: 6.667% 0;
		font-size: 4vw;
		border-radius: 6.667vw;
	}
	.hitokuchi .wallpaper_btn a::after{
		display: none;
	}
}
@media all and (min-width: 751px) {
	.hitokuchi .wallpaper_blk{
		padding-top: 100px;
	}
	.hitokuchi .wallpaper_wrap{
		max-width: 960px;
	}
	.hitokuchi .wallpaper_wrap::before{
		top: 0;
		left: -104px;
		background-image: url("../img/lifewithbiscuit/wr_bg_item01.png");
		width: 117px;
		padding-bottom: 89px;
		margin-top: -78px;
		animation: movY1 4s ease-in-out infinite alternate;
	}
	.hitokuchi .wallpaper_ttl{
		width: 378px;
		margin-bottom: 40px;
	}
	.hitokuchi .wallpaper_thumb{
		margin: 0 -28px;
		margin-bottom: 10px;
	}
	.hitokuchi .wallpaper_btn a.pc{
		display: flex;
	}
	.hitokuchi .wallpaper_btn a{
		width: 460px;
		height: 80px;
		font-size: 24px;
		border-radius: 40px;
	}
	.hitokuchi .wallpaper_btn a::after{
		right: 30px;
		width: 13px;
		padding-bottom: 17px;
	}
}

@keyframes movY1 {
	0% { transform: translateY(0) }
	50% { transform: translateY(10px) }
	to { transform: translateY(0) }
}
@keyframes movY2 {
	0% { transform: translateY(0) }
	50% { transform: translateY(15px) }
	to { transform: translateY(0) }
}
@keyframes movY3 {
	0% { transform: translateY(0) }
	50% { transform: translateY(20px) }
	to { transform: translateY(0) }
}
@keyframes movY1_sp {
	0% { transform: translateY(0) }
	50% { transform: translateY(6px) }
	to { transform: translateY(0) }
}

@keyframes movY2_sp {
	0% { transform: translateY(0) }
	50% { transform: translateY(10px) }
	to { transform: translateY(0) }
}

@keyframes movY3_sp {
	0% { transform: translateY(0) }
	50% { transform: translateY(14px) }
	to { transform: translateY(0) }
}




.remodal-overlay {
  background: rgba(255, 255, 255, .7);
}
.remodal-wrapper {
  padding: 10px 10px 0;
}
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #333;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
.remodal.item .remodal-close {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
  border: 0;
  outline: 0;
	z-index: 10;
}
.remodal.item .remodal-close:hover,
.remodal.item .remodal-close:focus {
  background: transparent;
  color: #fff;
	opacity: .5;
}
.remodal-close::before {
	display: none;
}
.remodal.item .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.remodal.item{
	padding: 0;
}
.remodal.item .remodal-close {
  background: transparent;
  color: #fff;
	line-height: 1;
}
.remodal.item .wrap{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	padding: 0;
}
.remodal.item .logo{
	margin: 0 auto;
}
.remodal.item .name{
	margin: 0 auto;
}
.remodal.item .text{
	font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -0.04em;
}
.remodal.line_item01 .text{
	text-align: left;
}
.remodal.item .text strong{
	display: inline-block;
	width: 100%;
	font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
	text-align: center;
}
.remodal.line_item01 .text strong{
	color: #74408d;
	text-align: center;
}
.remodal.line_item02 .text strong{
	color: #b5a43e;
}
.remodal.line_item03 .text strong{
	color: #da9000;
	letter-spacing: -0.1em;
}
.remodal.line_item04 .text strong{
	color: #9c4d2d;
}
.remodal.line_item05 .text strong{
	color: #b09613;
}
.remodal.line_item06 .text strong{
	color: #00b3f1;
}
.remodal.line_item07 .text strong{
	color: #da0000;
}
.remodal.item .link{
	margin: 0 auto;
}

@media all and (max-width: 750px) {
	.remodal.item{
		width: 89.333%;
	}
	.remodal.item .remodal-close {
		margin-top: 8.955%;
		margin-right: 4.478%;
		font-size: 8vw;
	}
	.remodal.item .wrap{
		width: 100%;
	}
	.remodal.line_item01 .logo{/*ルマンド*/
		width: 50.149%;
		margin-bottom: 2.09%;
	}
	.remodal.line_item02 .logo{/*ホワイトロリータ*/
		width: 51.045%;
		margin-bottom: 1.493%;
	}
	.remodal.line_item03 .logo{/*ルーベラ*/
		width: 42.836%;
		margin-top: 4.776%;
		margin-bottom: 4.179%;
	}
	.remodal.line_item04 .logo{/*チョコリエール*/
		width: 46.716%;
		margin-top: 2.985%;
		margin-bottom: 2.09%;
	}
	.remodal.line_item05 .logo{/*バームロール*/
		width: 45.97%;
		margin-bottom: 3.582%;
	}
	.remodal.line_item06 .logo{/*ラングレイス*/
		width: 48.209%;
		margin-bottom: 2.239%;
	}
	.remodal.line_item07 .logo{/*エリーゼ*/
		width: 45.224%;
		margin-top: 4.478%;
		margin-bottom: 3.284%;
	}
	.remodal.item .name{
		width: 46.119%;
		margin-bottom: 83.582%;
	}
	.remodal.item .text{
		width: 88.06%;
		font-size: 3.467vw;
		letter-spacing: -0.08em;
		line-height: 1.615;
	}
	.remodal.line_item06 .text{
		margin-bottom: 10.448%;
	}
	.remodal.item .text strong{
		margin-bottom: 2.09%;
		font-size: 4.267vw;
		line-height: 1.625;
	}
	.remodal.item .link{
		width: 46.418%;
		margin-top: 2.985%;
	}
}
@media all and (min-width: 751px) {
	.remodal.item{
		max-width: 800px;
	}
	.remodal.item .remodal-close {
		margin-top: 40px;
		margin-right: 20px;
		font-size: 38px;
		transition: opacity .4s;
	}
	.remodal.item .wrap{
		width: 490px;
	}
	.remodal.item .logo{
		margin-bottom: 20px;
	}
	.remodal.line_item01 .logo{/*ルマンド*/
		width: 280px;
		margin-bottom: 15px;
	}
	.remodal.line_item02 .logo{/*ホワイトロリータ*/
		width: 288px;
		margin-bottom: 15px;
	}
	.remodal.line_item03 .logo{/*ルーベラ*/
		width: 242px;
	}
	.remodal.line_item04 .logo{/*チョコリエール*/
		width: 254px;
		margin-bottom: 17px;
	}
	.remodal.line_item05 .logo{/*バームロール*/
		width: 279px;
	}
	.remodal.line_item06 .logo{/*ラングレイス*/
		width: 281px;
		margin-bottom: 18px;
	}
	.remodal.line_item07 .logo{/*エリーゼ*/
		width: 241px;
	}
	.remodal.item .name{
		width: 250px;
		margin-bottom: 14px;
	}
	.remodal.item .text{
		max-width: 380px;
		font-size: 17px;
		line-height: 1.765;
	}
	.remodal.item .text strong{
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.417;
	}
	.remodal.item .link{
		width: 232px;
		margin-top: 22px;
	}
}


.remodal.movie{
	padding: 0;
}
.remodal.movie.short{
	width: auto;
	aspect-ratio: 9 / 16;
}
.gallery_wrap .mov{
  position: relative;
  background-color: #333;
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}
.short .gallery_wrap .mov{
  aspect-ratio: 9 / 16;
}
.gallery_wrap .mov iframe{
  position: absolute;
  top: 50%;
  left: 50%;
	width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.remodal.movie .remodal-close {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-align: center;
  vertical-align: middle;
  color: #333;
  text-decoration: none;
  border: 0;
  outline: 0;
	z-index: 10;
}
.remodal.movie .remodal-close:hover,
.remodal.movie .remodal-close:focus {
  background: transparent;
  color: #333;
	opacity: .5;
}
.remodal.movie .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

@media all and (max-width: 750px) {
	.remodal.movie{
		width: 94.667%;
	}
	.remodal.movie.short{
		height: 65vh;
	}
	.remodal.movie .remodal-close {
		margin-top: -8.5vw;
		font-size: 8vw;
	}
}
@media all and (min-width: 751px) {
	.remodal.movie{
		max-width: 800px;
	}
	.remodal.movie.short{
		min-height: 662px;
	}
	.remodal.movie .remodal-close {
		margin-top: -42px;
		font-size: 38px;
		transition: opacity .4s;
	}
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: rgba(255, 255, 255, 1);
}
.lt-ie9 .remodal {
  width: 800px;
}