@charset "utf-8";

/* playing
-------------------------------------------------*/

.em_item_txt{
    padding: 0 2rem 0 0;
}

@media screen and (max-width: 640px){
	.em_item_txt{
		width:100%;
		padding:0;
	}
	.em_item_img{
		width:100%;
	}
}


.gentei_note{
	text-align:right;
	font-size:.8rem;
	white-space:nowrap;
	margin:0 0 .6rem;
}
.gentei_note span{
	display:inline-block;
	width:2rem;
	height:.8rem;
	background:rgb(254,227,209);
	transform:translate(-5px, 2px);
}
.gentei td{
	background:rgb(254,227,209);
}

.table_green th,
.table_green td{
	padding:.4rem .2rem;
	text-align:center;
	line-height:1;
	vertical-align:middle;
}
.table_green td{
	width:22%;
}

/* 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;
	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:#51a8df;
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:#51a8df;
		line-height:1.2;
		margin:0 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:#51a8df;
		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;
	}
}




/* farm
-------------------------------------------------*/

#farm{
	margin:2rem 0 0;
	padding:3rem 0 0;
	background: url(/img/bd_snow_grey.png) left top repeat-x;
}

#leadtxt span{
	display:inline-block;
	padding:.4rem 1.5rem;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:tomato;
	border-radius:6px;
	margin:.8rem 0 0;
}

#farm-owner .fr_yellowgreen_pad {
    padding: .6rem;
}
	#farm-owner .clm2_item {
		float: left;
		width: 48%;
		margin: 0 1% 1rem 0;
		margin-right: 4%;
	}
	#farm-owner .clm2_item:nth-child(2n) {
		margin-right: 0;
	}
#farm-schedule .fr_yellowgreen_pad {
    padding: 1rem 1rem 0;
}

#farm_items{
	padding:1.5rem 1rem 0;
	background:rgb(245,238,226);
	border-radius:8px;
}
	.farm_item{
		float:left;
		width:23%;
		margin:0 1% 1.2rem;
	}

#farm-owner{
	padding-bottom:2rem;
	margin-bottom:2rem;
}

.table_sched{
	width:100%;
	border-collapse: separate;
	border-spacing: 1px;
	background:#fff;
}
	.table_sched th,
	.table_sched td{
		font-size:.9rem;
		line-height:1;
		vertical-align:middle;
	}
	.table_sched th{
		padding:.5rem .4rem .4rem;
		white-space:nowrap;
		text-align:center;
		color:#fff;
		font-weight:bold;
		background:rgb(0,160,78);
	}
	.table_sched td{
		width:12%;
		padding:.5rem 0 .4rem;
		border:1px solid rgb(0,160,78,.4);
		border-width:0 1px 1px 0;
		background:#fff;
	}
	.table_sched tr td:nth-child(1){
		width:40% !important;
	}
	.table_sched tr td.graph{
		position:relative;
	}
	.table_sched tr td.graph span{
		position:relative;
		display:block;
		width:100%;
		height:.8rem;
		border-radius:1rem;
	}
	.ts_cl_lv{
		color:rgb(199,143,243);
	}
	.ts_cl_bb{
		color:rgb(109,58,165);
	}
	.ts_cl_cn{
		color:rgb(255,204,0);
	}
	.ts_cl_st{
		color:rgb(224,130,136);
	}
	.bar_lv{
		width:133% !important;
		transform:translateX(50%);
		background:rgb(199,143,243);
	}
	.bar_bb{
		transform:translateX(133%);
		background:rgb(109,58,165);
	}
	.bar_cn{
		width:170% !important;
		transform:translateX(78%);
		background:rgb(255,204,0);
	}
	.bar_st{
		width:45% !important;
		transform:translateX(936%);
		background:rgb(224,130,136);
	}



@media screen and (max-width: 600px){
	#farm_items{
		padding:1.5rem 1rem 0;
	}
	.farm_item{
		width:48%;
		margin:0 4% 1rem 0;
	}
	.farm_item:nth-of-type(even){
		margin:0 0 1rem 0;
	}
}
@media screen and (max-width: 500px){
	#takasu .clm2_item,
	#farm-owner .clm2_item {
		width: 100%;
	}
	#takasu .clm2_item img,
	#farm-owner .clm2_item img{
		width: 80%;
		margin: 0 auto;
		display: block;
	}
	#farm-schedule .fr_yellowgreen_pad {
		padding: 1rem .5rem 0;
	}
}


/* 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;
	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:rgb(0, 160, 78);
		border-radius:4px;
	}
	.mv_ttl h2{
		font-family:"丸フォーク M";
		font-size:1.2rem;
		color:rgb(0, 160, 78);
		line-height:1.2;
		margin:0 0 .5rem;
	}
	.mv_ttl h2 span{
		font-size:.85rem;
	}
	.mv_ttl p{
		color:rgb(0, 160, 78);
		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;
	}
}