@charset "UTF-8";
.block-genre-page-head{
	display: none;
}
.contents{
	max-width: 900px;
	font-size: 16px;
	line-height: 1.6;}
.inner{
	padding: 30px 30px 40px;}
.pc{display: block}
.sp{display: none}
ul{list-style-type: none;
	padding-left: 0;
	margin-left: 0}
a,a:hover {text-decoration: none;
	color: #000;
	cursor: pointer;
}
.mv-section{
	margin: 0 0 30px;
	padding: 0;
}
.item-section_ttl{
	background: #F4F4F4;
	display: flex;
	justify-content: center;
	align-items:center;
	margin: 0 0 20px;
	padding: 10px 0;
}
.item-section_ttl h2{
	text-align: center;
	font-size: 28px;
	display: inline;
	padding:0 10px;
	margin: 0;
}
.h2_b{color: #019FE8}
.h2_r{color: #E50215}
.h2_w{color: #fff}
.h2_b,.h2_r,.h2_w{
	font-size: 20px;
	vertical-align: middle;
}
.item-section h3{
	font-size: 28px;
	font-weight: 600;
	color: #093C77;
	line-height: 1.2;
	margin: 0 0 20px;
}
.item-detail-block{
	display: flex;
	align-items: flex-start;
}
.item-detail-block img{
	width: 320px;
	margin-right: 60px
}
.item-detail-block ul li{
	font-size: 20px;
	font-weight: 600;
	line-height: 2.4;
}
.item-detail-block ul li span{
	background: linear-gradient(transparent 50%,#FFF9AF 50%)
}
.item-list-block{
	background: #EDF7FF;
	border-bottom:6px solid #093C77;
}
.item-list-block ul{
	display: flex;
	justify-content: space-between;
}
.item-list-block ul li{
	width:250px;
	text-align: center;
}
.tx_sml{font-size: 12px}
.item-color{
	font-size: 16px;
	margin:5px 0 10px}
.item-list-block ul li img{width: 100%}
.item-list-block ul li btn{
	background: #093C77;
	color: #fff;
	border-radius: 20px;
	padding: 5px;
	display: block;
	margin: 0 10px;
	font-weight: 600
}
.text-block{padding-top: 30px}
.text-block p{
	text-align: center;
}
.org_link-block h2{
	background:#F4F4F4;
	text-align: center;
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: 600;
}
.org_link-block ul{
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
} 
.org_link-block ul li{
	width: 23%;
	margin: 6px;
}
.org_link-block ul li a{
	border: 1px solid #BCBCBC;
    border-radius: 50px;
    padding: 16px 28px;
    display: flex;
    align-items: center;
	height: 100%;
	line-height: 1.2;
	position: relative;
}
.org_link-block ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg);
}
.org_link-block ul li a.active{
	background: #F8F8F8;
}

@media only screen and (max-width:780px){
	.inner{
	padding: 12px 12px 30px;
	}
	.pc{display: none}
	.sp{display: block}
	.item-section_ttl h2{
	font-size: 18px;
	padding:0 6px;
}
	.h3_sp p{
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	color: #093C77;
	text-align: center
}
	.item-detail-block{
		display: block;
	}
	.item-detail-block ul li{
	font-size: 18px;
	line-height: 1.6;
    margin-bottom: 1rem;
}
	.item-detail-block img {
    width: 80%;
    margin:0 auto 20px;
	display: block
	}
	.item-detail-text{
		width: 90%;
		margin: 0 auto
	}
	.item-list-block ul{
		justify-content: center;
		flex-wrap: wrap;
		gap:10px;
	}
	.item-list-block ul li{
		width: 48%;
		margin-bottom: 24px;
	}
	.text-block p{
	text-align: left;
    font-size: 14px;
    margin-bottom: 1rem;
	}
	.org_link-block h2{
	font-size: 18px;
}
	.org_link-block ul{
	grid-template-columns: repeat(2, 1fr);
} 
	.org_link-block ul li{
	width: 46%;
	}
	.org_link-block ul li a{
	font-size: 14px;
	padding:15px 30px 15px 20px;
	}
}