@charset "UTF-8";
/* CSS Document */

/* ttlArea */
.ttlArea .inner h1 ruby {
	ruby-position: under;
}
.ttlArea .inner h1 ruby rt {
	font-size: 14px;
}

/* memberSingleArea */
.memberArea .inner {
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

/* memberSingleArea01 */
.memberSingleArea01 {
	position: relative;
}
.memberSingleArea01 .inner {
	max-width: 100%;
    padding: 30px 0;
}
.memberSingleArea01 .inner .splide {

    .splide__track ul li {
		overflow: hidden;

		.imgBox {
			background-color: #FFF;
			padding: 20px;
			max-width: 200px;
			border: solid 4px #2f2f2f;
			box-shadow: inset -10px 10px 20px -10px #777, -10px 10px 20px -10px #777;
			margin: 20px;

        img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.3s ease;
			display: block;
			aspect-ratio: 200 / 300;
			}
		}
    }
}

  /* memberSingleArea02 */
.memberSingleArea02 .inner {
	max-width: 1100px;
    padding: 0 50px 50px;
}
.memberSingleArea02 .inner .text01 {
	padding-bottom: 1rem;
    font-family: 'Lusitana', serif;
	font-size: min(3.5vw, 16px);
    line-height: 1.8;
    text-align: center;
}
.memberSingleArea02 .inner .btn {
	text-align: center;
    margin-top: 50px;
}
.memberSingleArea02 .inner .btn a {
	padding: 10px 2em;
    display: inline-block;
    border: 1px solid #FFF;
    border-radius: 25px;
    font-size: min(4vw, 14px);
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    text-align: center;
    min-width: 250px;
}
.memberSingleArea02 .inner .btn a:hover {
	border: 1px solid #000;
    background-color: #000;
}

/* memberSingleArea03（スポンサー企業ページ） */
.memberSingleArea03 .inner {
	max-width: 1200px;
    padding: 50px;
}
.memberSingleArea03 .inner .listArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.memberSingleArea03 .inner .listArea li {
	width: calc(50% - 50px);
	margin-bottom: 80px;
}
.memberSingleArea03 .inner .listArea li .titBox {
    margin-bottom: 50px;
}
.memberSingleArea03 .inner .listArea li .titBox .rank {
    text-align: center;
    padding: 10px;
    border-radius: 10px;
	font-size: min(4.5vw, 24px);
	font-weight: 600;
    color: #FFF;
}
.memberSingleArea03 .inner .listArea li .titBox .rank01 {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(200, 146, 24, 1) 70%);
}
.memberSingleArea03 .inner .listArea li .titBox .rank02 {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(171, 171, 171, 1) 30%);
}
.memberSingleArea03 .inner .listArea li .titBox .rank03 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(171, 171, 171, 1) 90%);
}
.memberSingleArea03 .inner .listArea li .titBox .rank04 {
    background-color: #760303;
}
.memberSingleArea03 .inner .listArea li .titBox .rank05 {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(200, 146, 24, 1) 70%);
}
.memberSingleArea03 .inner .listArea li .titBox .rank06 {
    background-color: #FFF;
	color: #000;
}
.memberSingleArea03 .inner .listArea li .txtBox {
	padding: 0 10px;
}
.memberSingleArea03 .inner .listArea li .txtBox .fee {
	text-align: center;
    margin-bottom: 20px;
    font-size: min(3.5vw, 16px);
}
.memberSingleArea03 .inner .listArea li .txtBox .fee span {
	display: block;
	font-size: 12px;;
}
.memberSingleArea03 .inner .listArea li .txtBox .bonus p {
	text-align: center;
    margin-bottom: 10px;
    font-size: min(3.5vw, 16px);
}
.memberSingleArea03 .inner .listArea li .txtBox .bonus dl {
	font-size: min(3.5vw, 15px);
}
.memberSingleArea03 .inner .listArea li .txtBox .bonus dl dd {
	margin-bottom: 20px;
}
.memberSingleArea03 .inner .listArea li .txtBox .bonus dl dd span {
	display: block;
}
.memberSingleArea03 .inner .listArea li .txtBox .bonus dl dd span:not(:last-child) {
	margin-bottom: 20px;
}

/* memberSingleArea04（FDL Companyページ） */
.memberSingleArea04 .inner {
    max-width: 1200px;
    padding: 50px 50px;
}
.memberSingleArea04 .inner .h2Area {
    padding-bottom: 50px;
}
.memberSingleArea04 .inner .h2Area h2 {
    font-weight: 400;
    letter-spacing: -0.02em;
    color: #fff;
    font-size: min(9vw, 32px);
    text-align: center;
}
.memberSingleArea04 .inner .leaderList {
    margin-bottom: 40px;
}
.memberSingleArea04 .inner .leaderList li {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	width: calc(50% - 20px);
}
.memberSingleArea04 .inner .leaderList li {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	width: calc(100% - 40px);
}
.memberSingleArea04 .inner .leaderList li .left {
    width: calc(20% - 8px);
}
.memberSingleArea04 .inner .leaderList li .left img {
    width: 100%;
	object-fit: cover;
    aspect-ratio: 180 / 270;
}
.memberSingleArea04 .inner .leaderList li .right {
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: calc(80% - 8px);
}
.memberSingleArea04 .inner .leaderList li .right .castName {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 5px 2px 0;
    font-size: min(4vw, 18px);
    font-weight: bold;
    border-bottom: 1px solid #FFF;
}
.memberSingleArea04 .inner .leaderList li .right .castTxt {
	padding-bottom: 1em;
    font-size: min(3vw, 12px);
}
.memberSingleArea04 .inner .leaderList li .right .sns {
    display: flex;
    align-items: center;
}
.memberSingleArea04 .inner .leaderList li .right .sns a {
    position: relative;
	padding-left: 30px;
	line-height: 1.7;
}
.memberSingleArea04 .inner .leaderList li .right .sns a::before {
    position: absolute;
	top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}
.memberSingleArea04 .inner .leaderList li .right .sns a:hover {
    opacity: .7;
	color: #fff;
}
.memberSingleArea04 .inner .leaderList li .right .sns a:hover::before {
    opacity: .7;
	transition: all 0.3s;
}
.memberSingleArea04 .inner .leaderList li .right .sns a.instagram::before {
    content: url(../img/common/ig_w.svg);
}

.memberSingleArea04 .inner .castList {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	gap: 40px;
}
.memberSingleArea04 .inner .castList li {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	width: calc(50% - 20px);
}
.memberSingleArea04 .inner .castList li .left {
    width: calc(40% - 8px);
}
.memberSingleArea04 .inner .castList li .left img {
    width: 100%;
	object-fit: cover;
    aspect-ratio: 180 / 270;
}
.memberSingleArea04 .inner .castList li .right {
	/* display: flex;
    justify-content: space-between;
    flex-direction: column; */
    width: calc(60% - 8px);
}
.memberSingleArea04 .inner .castList li .right .castName {
    display: inline-block;
    margin-bottom: 15px;
    padding: 0 5px 2px 0;
    font-size: min(4vw, 18px);
    font-weight: bold;
    border-bottom: 1px solid #FFF;
}
.memberSingleArea04 .inner .castList li .right .castTxt {
	padding-bottom: 1em;
    font-size: min(3vw, 12px);
}
.memberSingleArea04 .inner .castList li .right .sns {
    display: flex;
    align-items: center;
	margin-top: 10px;
}
.memberSingleArea04 .inner .castList li .right .sns a {
    position: relative;
	padding-left: 30px;
	line-height: 1.7;
}
.memberSingleArea04 .inner .castList li .right .sns a::before {
    position: absolute;
	top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}
.memberSingleArea04 .inner .castList li .right .sns a:hover {
    opacity: .7;
	color: #fff;
}
.memberSingleArea04 .inner .castList li .right .sns a:hover::before {
    opacity: .7;
	transition: all 0.3s;
}
.memberSingleArea04 .inner .castList li .right .sns a.instagram::before {
    content: url(../img/common/ig_w.svg);
}

/*sponsorArea*/
.sponsorArea {
	margin: 0 auto;
}
.sponsorArea .inner {
	padding: 0 50px 120px;
}
.sponsorArea .title {
	font-family: 'Lusitana', serif;
	font-weight: 400;
	color: #fff;
	font-size: min(5vw,26px);
	padding-bottom: 30px;
	text-align: center;
}
.sponsorArea .title span {
	font-size: .7em;
	padding-left: 1em;
}
.sponsorList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto 30px;
	max-width: 1000px;
}
.sponsorList li {
    width: calc(25% - 16px);
    margin: 0 8px;
}
.sponsorList li a:hover img {
	opacity: .7;
}
.sponsorList01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto 30px;
    max-width: 1000px;
}
.sponsorList01 li {
    display: flex;
    justify-content: center;
    margin: 1rem 8px;
    width: calc(70% - 1rem);
}
.sponsorList01 li a img {
    aspect-ratio: 485 / 75;
    object-fit: cover
}
.sponsorlist01 li a:hover img {
	opacity: .7;
}
.sponsorList02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	max-width: 1000px;
}
.sponsorList02 li {
    width: calc(50% - 16px);
    margin: 8px 0;
}
.sponsorList02 li a img {
    aspect-ratio: 485 / 75;
    object-fit: cover
}
.sponsorList02 li a:hover img {
	opacity: .7;
}

@media screen and (max-width: 1000px) {
/* memberSingleArea02 */
	.memberSingleArea02 .inner {
		padding: 0 6vw 30px;
	}
	.memberSingleArea02 .inner .text01 {
		text-align: left;
	}
	.memberSingleArea02 .inner .btn {
		margin: 20px 0 0;
	}
/* memberSingleArea03（スポンサー企業ページ） */
	.memberSingleArea03 .inner {
		padding: 30px 6vw;
	}
	.memberSingleArea03 .inner .listArea li {
		width: calc(50% - 20px);
	}
/*sponsorArea（スポンサー企業ページ）*/
	.sponsorArea .inner {
		padding: 30px 6vw 80px;
	}
/* memberSingleArea04（FDL Companyページ） */
	.memberSingleArea04 .inner {
		padding: 30px 6vw;
	}
}
@media screen and (max-width: 768px) {

/* memberSingleArea01 */
	.memberSingleArea01 .inner .splide .splide__track ul li .imgBox {
		padding: 2vw;
		margin: 3vw;
		box-shadow: inset -5px 5px 10px -5px #777, -5px 5px 10px -5px #777;
		border: solid 2px #2f2f2f;
	}

/* memberSingleArea03（スポンサー企業ページ） */
	.memberSingleArea03 .inner .listArea li {
		width: 100%;
		margin-bottom: 50px;
	}
	.memberSingleArea03 .inner .listArea li {
		width: 100%;
		margin-bottom: 50px;
	}
	.memberSingleArea03 .inner .listArea li .titBox {
		margin-bottom: 30px;
	}
	.memberSingleArea03 .inner .listArea li .txtBox .fee {
		margin-bottom: 10px;
	}
	.memberSingleArea03 .inner .listArea li .txtBox .fee01 {
		text-align: left;
		margin-bottom: 20px;
	}
/* memberSingleArea04（FDL Companyページ） */
	.memberSingleArea04 .inner .leaderList li {
		width: 100%;
	}
	.memberSingleArea04 .inner .leaderList li .left {
		width: calc(40% - 8px);
	}
	.memberSingleArea04 .inner .leaderList li .right {
		width: calc(60% - 8px);
	}
	.memberSingleArea04 .inner .castList li {
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
/* memberSingleArea01 */
	.memberSingleArea01 .inner {
		margin-bottom: 20px;
	}
/*sponsorArea（スポンサー企業ページ）*/
	.sponsorList li {
		width: calc(50% - 16px);
		margin: 0 8px 12px;
	}
    .sponsorList01 li {
		width: calc(100% - 16px);
		margin: 0 8px 12px;
	}
	.sponsorList02 li {
		width: calc(100% - 16px);
		margin: 0 8px 12px;
	}
}
@media screen and (max-width: 500px) {
/* memberSingleArea04（FDL Companyページ） */
	.memberSingleArea04 .inner .leaderList li .left {
		width: 80%;
		margin: 0 auto 12px;
	}
	.memberSingleArea04 .inner .leaderList li .right {
		width: 100%;
	}
	.memberSingleArea04 .inner .castList li .left {
		width: 80%;
		margin: 0 auto 12px;
	}
	.memberSingleArea04 .inner .castList li .right {
		width: 100%;
	}
}