@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .mainImg {
	padding-top: 0.6rem;
	margin-bottom: 1.1rem;
	border-bottom: 11px solid #6ADCFF;
}
#main .mainImg .slick-slide > div,
#main .mainImg .slick-slide,
#main .mainImg .slick-track,
#main .mainImg .slick-list {
	height: 100%;
}
#main .mainImg .foo li {
	height: 100% !important;
	display: block;
	position: relative;
	margin-bottom: -1.4rem;
	aspect-ratio: 3000 / 1256;
}
#main .mainImg .foo a {
	display: block;
	height: 100%;
	position: relative;
}
#main .mainImg .foo li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .mainImg .foo a:hover {
	opacity: 0.7;
}
#main .pickup {
	margin-bottom: 1.1rem;
	padding: 7rem 0 9rem;
	background: url(../img/index/bg.png) no-repeat center;
	background-size: cover;
}
#main .whiteBox {
	padding: 5rem 18.3rem 5.7rem;
	background-color: rgba(255, 255, 255, .9);
}
#main .whiteBox p {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.8;
}
#main .whiteBox .date {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font-size: 2.6rem;
	margin-bottom: 0.3rem;
	font-weight: 500;
}
#main .whiteBox .date .txtSpan {
	margin: 0.2rem 0.5rem 0 0;
	min-width: 7.7rem;
	text-align: center;
	color: #fff;
	padding: 0.2rem;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	background-color: #CB2F00;
}
#main .whiteBox .date .subSpan {
	margin: -0.9rem 0 0 1rem;
}
#main .whiteBox h4 {
	margin-bottom: 3.4rem;
	font-size: 3.5rem;
	font-weight: 700;
	color: #002767;
}
#main .whiteBox h3 {
	margin-bottom: -0.3rem;
	font-size: 3.5rem;
	font-weight: 900;
	color: #002767;
}
#main .whiteBox h3 .txtSpan {
	font-weight: 600;
	display: block;
	margin-top: -0.2rem;
}
#main .whiteBox h3 .txtSpan span {
	margin-right: 2rem;
}
#main .whiteBox .wp-block-image {
	margin-bottom: 1.9rem;
}
#main .whiteBox .wp-block-columns {
	margin-bottom: 1.3rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
#main .whiteBox .wp-block-columns li {
	width: calc((100% - (2rem * 2 + 0.1rem)) / 3);
}
#main .whiteBox .wp-block-columns li img {
	width: 100%;
}
#main .whiteBox h5 {
	font-size: 3rem;
	font-weight: 700;
	color: #002767;
	margin-bottom: 1rem;
}
#main .whiteBox .ttl {
	font-size: 3rem;
	font-weight: 700;
	color: #002767;
	margin-bottom: 0.3rem;
}
#main .whiteBox .list {
	margin: 0 -10.5rem 10.5rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
#main .whiteBox .list > li {
	width: calc((100% - 1rem) / 2);
}
#main .whiteBox .list .subList li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 2.5rem;
	font-weight: 700;
	color: #002767;
	line-height: 1.8;
}
#main .whiteBox .list .subList li .lSpan {
	width: 20rem;
}
#main .whiteBox .list .subList li .rSpan {
	flex: 1;
}
#main .whiteBox .linkUl {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	justify-content: center;
}
#main .whiteBox .linkUl li {
	width: 16.7rem;
}
#main .whiteBox .linkUl a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 3.1rem;
	padding: 0.2rem 0.5rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.05em;
	background-color: #002767;
}
#main .news{
	padding: 7rem 0 9rem;
	border-top: 11px solid #6ADCFF;
}
#main .news .headLine {
	margin-bottom: 1.0rem;
	color: #1AAAD6;
}
#main .news .headLine::after {
	display: none;
}
#main .relatedList .photo {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#main .comLink a {
	background-color: #00296C;
}
#main .snsSec {
	padding: 7.5rem 0 8rem;
	background-color: #E8E8E8;
}
#main .snsSec .content {
	max-width: 164rem;
	gap: 5rem 8.2rem;
}
#main .snsSec h2 {
	min-height: 9rem;
	margin-bottom: 2rem;
	text-transform: uppercase;
	padding: 1.2rem 0 0.5rem 0;
}
#main .snsSec h2 img {
	width: 50.1rem;
}
#main .snsSec .content > div {
	width: calc((100% - 8.2rem) / 2);
}
#main .snsSec .snsUl {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 0.8rem;
}
#main .snsSec .snsUl li {
	aspect-ratio: 1;
	width: calc((100% - (0.8rem * 2 + 0.1rem)) / 3);
}
#main .snsSec .snsUl a {
	display: block;
	position: relative;
}
#main .snsSec .snsUl a:hover {
	opacity: 0.7;
}
#main .snsSec .snsUl img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#main .snsSec .rBox {
	margin-right: -1rem;
}
#main .snsSec .rBox h2 {
	color: #000000;
	padding: 0.6rem 0 0 9rem;
	font-size: 8rem;
	font-weight: 800;
	line-height: 1;
	background: url(../img/index/icon02.png) no-repeat left center;
	background-size: 6.6rem auto;
}
#main .snsSec .linkPhoto a:hover {
	opacity: 0.7;
}
#main .snsLinkUl {
	padding: 7.1rem 0 6.6rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3rem;
}
#main .snsLinkUl li {
	width: 26.7rem;
}
#main .snsLinkUl a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 4.4rem;
	border-radius: 0.3rem;
	color: #fff;
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	background-color: #E27501;
}
#main .snsLinkUl .item1 a {
	background-color: #00296C;
}
#main .snsLinkUl .item2 a {
	background-color: #4EA800;
}
#main .snsLinkUl a:hover {
	opacity: 0.7;
}
#main .fanclub a:hover {
	opacity: 0.7;
}
#main .goods {
	margin: 1rem 0;
}
#main .goods a:hover {
	opacity: 0.7;
}
#main .linkSec {
	padding: 5.3rem 0 6.2rem;
	background-color: #F2F2F2;
}
#main .linkSec .content {
	max-width: 131rem;
}
#main .linkSec .headLine {
	margin-bottom: 3rem;
}
#main .linkSec .headLine::after {
	display: none;
}
#main .linkSec .headLine .en {
	font-style: italic;
	font-weight: 800;
	margin-bottom: 0.4rem;
}
#main .bannerUl {
	padding-top: 0.2rem;
	display: flex;
	flex-wrap: wrap;
	gap: 5.8rem;
}
#main .bannerUl li {
	width: calc((100% - (5.8rem * 3 + 0.1rem)) / 4);
}
#main .bannerUl a {
	display: block;
	box-shadow: 0rem 0.3rem 0.6rem rgba(0, 0, 0, 0.16);
}
#main .bannerUl a:hover {
	opacity: 0.7;
}
#main .btmSec {
	padding: 7rem 0;
}
#main .btmSec h2 {
	width: 46.9rem;
	margin: 0 auto 4rem;
}
#main .btmSec .list {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 16rem;
	justify-content: center;
}
#main .btmSec .list li {
	height: 13.7rem;
}
#main .btmSec .list a:hover {
	opacity: 0.7;
}
#main .btmSec .list img {
	height: 100%;
	width: auto;
}
#main {
	margin-bottom: 0;
}
#main .snsBox {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 4.7rem;
	padding: 1.3rem 1rem;
	background-color: #FFFFFF;
	border-radius: 0.5rem 0 0 0.5rem;
	z-index: 201;
}
#main .snsBox li {
	width: 2.5rem;
}
#main .snsBox li:not(:last-child) {
	margin-bottom: 0.8rem;
}
#main .snsBox a:hover {
	opacity: 0.7;
}
@media all and (min-width: 897px) {
	#main .whiteBox .linkUl a:hover {
		color: #fff;
		background-color: #96D3FF;
	}
	#main .relatedList {
		margin-bottom: 4.3rem;
	}
}

@media all and (max-width: 896px) {
	#main .mainImg {
		padding-top: 0;
		margin-bottom: -1px;
		border: none;
	}
	#main .mainImg .foo li {
		margin-bottom: -0.3rem;
		aspect-ratio: 1500 / 2338;
	}
	#main .pickup {
		padding: 1rem 0 2.6rem;
	}
	#main .whiteBox {
		padding: 2.2rem 2rem 2.4rem;
		background-color: #fff;
	}
	#main .whiteBox p {
		font-size: 1.25rem;
		line-height: 1.4;
	}
	#main .whiteBox .date {
		margin-bottom: 0.7rem;
		font-size: 1.3rem;
	}
	#main .whiteBox .date .txtSpan {
		min-width: 3.85rem;
		font-size: 0.65rem;
	}
	#main .whiteBox .date .subSpan {
		margin: -0.1rem 0 0 0.3rem;
	}
	#main .whiteBox h3 {
		font-size: 1.5rem;
		margin-bottom: 0.2rem;
	}
	#main .whiteBox h4 {
		margin-bottom: 1.1rem;
		margin-top: 0.2rem;
		font-size: 1.5rem;
	}
	#main .whiteBox h3 .txtSpan span {
		margin-right: 0.5rem;
	}
	#main .whiteBox .wp-block-image {
		margin-bottom: 0.7rem;
	}
	#main .whiteBox .wp-block-columns {
		margin-bottom: 0.5rem;
		gap: 0.85rem;
	}
	#main .whiteBox .wp-block-columns li {
		width: calc((100% - (0.85rem * 2 + 0.1rem)) / 3);
	}
	#main .whiteBox .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 0 !important;
    	flex-grow: 1;
	}
	#main .whiteBox h5 {
		margin-bottom: 0.3rem;
		font-size: 1.75rem;
	}
	#main .whiteBox .list {
		margin-bottom: 4rem;
		flex-direction: column;
		gap: 0;
	}
	#main .whiteBox .list > li {
		width: 100%;
	}
	#main .whiteBox .list .subList li {
		font-size: 1.25rem;
		line-height: 1.8;
	}
	#main .whiteBox .list .subList li .lSpan {
		width: 10rem;
	}
	#main .whiteBox .linkUl {
		gap: 1.3rem;
	}
	#main .whiteBox .linkUl li {
		width: 9.9rem;
	}
	#main .whiteBox .linkUl a {
		min-height: 3.1rem;
		font-size: 1rem;
	}
	#main .whiteBox .linkUl .item a {
		background-color: #C9A33A;
	}
	#main .news {
		padding: 1rem 0 2.8rem;
		border: none;
	}
	#main .relatedList {
		margin: 0 1.5rem 2rem;
		gap: 1.7rem 0;
	}
	#main .relatedList p {
		font-size: 1.25rem;
	}
	#main .relatedList .txt {
		font-size: 1.05rem;
	}
	#main .relatedList .txt .txtSpan {
		min-width: 6.3rem;
		font-size: 0.9rem;
	}
	#main .snsSec {
		background-color: #F0F0F0;
		padding: 3.8rem 0 3.2rem;
	}
	#main .snsSec .content {
		display: block;
		padding: 0 3.2rem;
	}
	#main .snsSec .content > div {
		width: auto;
	}
	#main .snsSec .lBox {
		margin-bottom: 3.8rem;
	}
	#main .snsSec .lBox h2 {
		margin-bottom: 1.8rem;
		background: none;
		padding: 0;
	}
	#main .snsSec h2 {
		min-height: inherit;
	}
	#main .snsSec .lBox h2 img {
		width: 21rem;
		display: block;
	}
	#main .snsSec .rBox h2 {
		font-size: 4rem;
		margin-bottom: 1.3rem;
		padding-left: 5.5rem;
		background-size: 4.2rem auto;
	}
	#main .snsSec .snsUl {
		gap: 0.7rem 0.6rem;
	}
	#main .snsSec .snsUl li {
		width: calc((100% - 0.6rem) / 2);
	}
	#main .snsSec .rBox {
		margin: 0;
	}
	#main .snsSec .linkPhoto img {
		width: 100%;
	}
	#main .snsLinkUl {
		padding: 3.5rem 0 0;
		flex-direction: column;
		gap: 1.4rem 0;
		align-items: center;
	}
	#main .snsLinkUl li {
		width: 20.5rem;
	}
	#main .snsLinkUl a {
		font-size: 1.1rem;
		min-height: 3.4rem;
	}
	#main .snsLinkUl .item1 a {
		background-color: #000000;
	}
	#main .fanclub {
		margin: 0 -18.8rem;
	}
	#main .fanclub img {
		width: 100%;
	}
	#main .goods {
		margin-inline: -18.8rem;
	}
	#main .goods img {
		width: 100%;
	}
	#main .linkSec {
		padding: 2.5rem 0;
		background-color: #fff;
	}
	#main .linkSec .headLine {
		margin-bottom: 2rem;
	}
	#main .bannerUl {
		gap: 3.4rem 2.9rem;
	}
	#main .bannerUl li {
		width: calc((100% - 2.9rem) / 2);
	}
	#main .bannerUl a {
		box-shadow: none;
	}
	#main .btmSec {
		padding: 2rem 0 4.5rem;
	}
	#main .btmSec .content {
		padding-top: 5.4rem;
		position: relative;
	}
	#main .btmSec .content:after {
		height: 1px;
		background-color: #707070;
		position: absolute;  
		top: 0;
		left: 2.2rem;
		right: 2.2rem;  
		content: ""; 
	}
	#main .btmSec h2 {
		margin-bottom: 1rem;
		width: 23.5rem;
		box-sizing: content-box;
		padding-right: 2rem;
	}
	#main .btmSec .list {
		gap: 2rem 8rem;
	}
	#main .btmSec .list li {
		height: 6.8rem;
	}
	#main .relatedList .photo {
		margin-bottom: 1.7rem;
	}
}