@charset "utf-8";


/* flower
-------------------------------------------------*/


.btns_related{
	width:100%;
	max-width:470px;
	margin:0 auto;
}
	.btns_related > div{
		margin-bottom:1rem;
	}
	.btns_related .btn_white_arrow{
		width:11rem;
		padding: .9rem .8rem .8rem;
	}



#flower_movie{
}
	.m_utsuroi{
		width:90%;
		max-width:355px;
		margin:0 auto 20px;
	}
	.fl_round{
		width:fit-content;
		border-radius:12px;
		overflow:hidden;
		margin:0 auto;
	}
	#flower_movie table{
		width:100%;
		max-width:674px;
		color:#000;
		border-collapse: collapse;
		border-spacing: 0;
		margin:0 auto;
	}
	#flower_movie table th{
		width:20px;
		padding:6px 10px;
		text-align:center;
		font-size:.85rem;
		font-weight:bold;
		line-height:1.1;
	}
	#flower_movie table th span{
		display:inline-block;
		transform:rotate(90deg);
	}
	#flower_movie table td{
		vertical-align:top;
	}
	#flower_movie table td > a{
		display:block;
		position:relative;
		cursor:pointer;
	}
	#flower_movie table td a.i_yt::after{
		display:block;
		content:'';
		position:absolute;
		left:50%;
		top:50%;
		width:50px;
		height:50px;
		background:url(/img/i_play.png) no-repeat;
		transform:translate(-50%,-70%);
		z-index:1;
		pointer-events: none;
	}
	#flower_movie table td img{
		max-width:638px;
	}
	
	.fl_relay{
		position:relative;
	}
	.fl_relay i{
		position:absolute;
		right:0;
		top:10%;
		display:block;
		width:32px;
		padding:65% 5px;
		background:rgba(212,103,177,.8);
		border-radius:16px;
		z-index:1;
	}
	
	.fl_cap{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
		padding:5px 7px 5px 0;
	}
	.fl_cap span{
		align-self:center;
		width:90%;
		padding:4px 0;
		text-align:left;
		color:#000;
		font-size:.8rem;
		line-height:1.2;
	}
	.fl_cap > a{
		display:block;
		width:40%;
		max-width:176px;
		min-width:128px;
	}
	
	#flower_movie table tr{
		border-bottom:4px solid #fff;
	}
	#flower_movie table tr:nth-of-type(1){
		background: #ffeb8d;
	}
	#flower_movie table tr:nth-of-type(2){
		background: #e6ffc4;
	}
	#flower_movie table tr:nth-of-type(3){
		background: #c4fff2;
	}
	#flower_movie table tr:nth-of-type(4){
		background: #a6d4ff;
	}
	#flower_movie table tr:nth-of-type(5){
		background: linear-gradient(to bottom, #a6d4ff 0%,#94d182 100%);
		border-bottom:none !important;
	}
	#flower_movie table tr:nth-of-type(6){
		background: linear-gradient(to bottom, #94d182 0%,#e5c837 100%);
		border-bottom:none !important;
	}
	#flower_movie table tr:nth-of-type(7){
		background: linear-gradient(to bottom, #e5c837 0%,#e8c1c1 100%);
	}
	#flower_movie table tr:nth-of-type(8){
		background: #e8c1c1;
	}
	#flower_movie table tr:nth-of-type(9){
		background: #a7e7fd;
	}




.fr_ttl_pink{
    padding: .8rem 0 .6rem;
}

.img_calendar{
	width:100%;
	max-width:866px;
	height:auto;
}

.fp_item{
	margin:0 0 2rem;
}
	.fp_item img{
		padding:0 0 .5rem;
	}
	.fp_item .img_one{
		width:98%;
	}
	.fp_item.clm2_item{
		padding-right:15px;
	}
	.fp_item.clm2_item:nth-child(2){
		padding:0 0 0 15px;
	}
@media screen and (max-width: 600px){
	.fp_item.clm2_item,
	.fp_item.clm2_item:nth-child(2){
		width:98%;
		padding:0 0 0 0;
	}
	#ohana-taiken .clm_img_item:nth-child(2) {
		width: 100%;
	}
}


#flower_detail{
	position:relative;
	padding:2rem;
	width:800px;
	margin:0 auto;
}
	#flower_detail h1{
		padding:1rem 0;
		color:#ff7b9c;
		font-size:1.3rem;
		line-height:1.2;
		border:2px solid rgb(255,163,186);
		border-width:2px 0;
		margin:0 0 1.3rem;
	}
	
	#flower_detail .clm2_item{
		text-align:left;
		padding:0 0 0 0;
	}
	#flower_detail .clm2_item img{
		display:block;
	}
	#flower_detail .clm_flower-info{
		padding:0 0 0 30px;
	}
	#flower_detail .clm_flower-info p{
		padding:.5rem 0;
		border-bottom:2px solid rgb(255,163,186);
	}
	#flower_detail .clm_flower-info p:nth-child(1){
		padding-top:0;
	}
	#flower_detail .clm_flower-info b{
		color:#ff7b9c;
	}
	
.lavender{
}
	.lavender h1{
		color:rgb(144,128,168) !important;
		border-color:rgb(144,128,168) !important;
	}
	.lavender .clm_flower-info p{
		border-bottom:2px solid rgb(144,128,168) !important;
	}
	.lavender .clm_flower-info b{
		color:rgb(144,128,168) !important;
	}

.summer{
}
	.summer h1{
		color:rgb(81,147,202) !important;
		border-color:rgb(81,147,202) !important;
	}
	.summer .clm_flower-info p{
		border-bottom:2px solid rgb(81,147,202) !important;
	}
	.summer .clm_flower-info b{
		color:rgb(81,147,202) !important;
	}

.autumn{
}
	.autumn h1{
		color:rgb(231,191,63) !important;
		border-color:rgb(231,191,63) !important;
	}
	.autumn .clm_flower-info p{
		border-bottom:2px solid rgb(231,191,63) !important;
	}
	.autumn .clm_flower-info b{
		color:rgb(231,191,63) !important;
	}

@media screen and (max-width: 800px){
	#flower_detail{
		width:100%;
	}
}
@media screen and (max-width: 600px){
	#flower_detail .clm2_item{
		float:none;
		width:100%;
		padding:0 0 0 0;
	}
	#flower_detail .clm2_item:nth-child(1){
		text-align:center;
	}
	#flower_detail .clm2_item:nth-child(1) img{
		width:100%;
		max-width:500px;
		height:auto;
		margin:0 0 .5rem;
	}
}

#dist h2{
	max-width:875px;
	margin:0 auto;
}



.clm_img{
	position:relative;
	display:flow-root;
}
	.clm_img:not(:last-child)::after{
		content: "";
		display: table;
		clear: both;
		
		position:relative;
		display:block;
		content:'';
		left:-10%;
		bottom:0;
		width:120%;
		height:15px;
		background:#fff;
		margin-bottom:30px;
	}
	.clm_data{
		clear:both;
	}


/* movie */
.yt_wrap{
	position:relative;
	padding-top: 56.25%;
	width:100%;
	margin:0 0 1rem;
}
.yt_wrap_empty{
}
.yt_wrap iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* movie trigger */
.mv_item{
	clear:both;
	width:100%;
	max-width:650px;
	padding:10px;
	background: #fff;
	box-shadow: 0 0 18px rgb(0 0 0 / 30%);
	border-radius: 8px;
	margin:0 auto 20px;
	transition:.3s;
}
	.mv_item:hover{
		transform-origin:center;
		transform:scale(1.02);
	}
	.mv_item a{
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-between;
	}
	.mv_item img{
		width:30%;
		align-self:flex-start;
	}
	.mv_ttl{
		width:68%;
		padding-left:3.5rem;
		align-self:center;
		background:url(/img/i_kachinko_pink.png) no-repeat 0 0;
	}
	.mv_ttl span{
		display:inline-block;
		padding:6px 10px 4px;
		color:#fff;
		font-size:.85rem;
		line-height:1;
		background:#ff7b9c;
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:#ff7b9c;
		line-height:1.2;
		margin:0 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:#ff7b9c;
		font-size:.9rem;
		line-height:1.5;
	}
@media screen and (max-width: 500px){
	.mv_item a{
		display:block;
	}
	.mv_item img{
		width:100%;
	}
	.mv_ttl{
		width:100%;
		margin-top:10px;
	}
}