/*スマホ最適化*/
@media only screen and (max-width: 767.9px) {

	/*============================
#main_selector
============================*/
	section#main_selector {
		margin: 12px 0;
		text-align: center;
	}

	section#main_selector div.inner {
		display: inline-block;
	}

	section#main_selector div.inner ul {
		display: grid;
		gap: 15px;
		grid-template-columns: repeat(2, 165px);
	}

	section#main_selector div.inner ul li {
		text-align: center;
		border-radius: 8px;
		border: 1px solid #ccc;
		background-color: #fff;
	}

	section#main_selector div.inner ul li.active {
		background: linear-gradient(to right, #ab3a9d 0%, #e7407b 51.6%, #ff833d 76.98%, #fe963e 100%);
		font-family: "A-OTF-ShinGoPro-Medium";
		border: none;
	}

	section#main_selector div.inner ul li a {
		font-size: 16px;
		display: block;
		color: #000;
		padding: 7px 0;
	}

	section#main_selector div.inner ul li.active a {
		color: #fff;
	}

	/*============================
#sub_selector
============================*/
	section#sub_selector {
		background-color: #F3F3F3;
		text-align: center;
	}

	section#sub_selector div.inner {
		display: inline-block;
	}

	section#sub_selector div.inner ul {
		display: inline-block;
		width: var(--content-width);
	}

	section#sub_selector div.inner ul li {
		display: inline-block;
		min-width: 110px;
		border: 1px solid #CCC;
		padding: 0 10px;
		border-radius: 8px;
		font-size: 12px;
		font-weight: 600;
		background-color: #fff;
		margin: 10px 7px;
	}

	section#sub_selector div.inner ul li.active {
		background-color: #DB2888;
		color: #fff;
		font-weight: 600;
		border: none;
	}

	section#sub_selector div.inner ul li a {
		display: block;
		color: #000;
	}

	section#sub_selector div.inner ul li.active a {
		color: #fff;
	}

	/*============================
cast-ranking
============================*/
	section.prefecture_layout03 {
		width: var(--content-width);
		margin: 0 auto;
		margin-top: 43px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul {
		display: grid;
		row-gap: 0px;
		column-gap: 0px;
		grid-template-columns: repeat(1, 347px);
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li {
		padding: 15px 0;
		border-bottom: 1px solid #ccc;
		font-size: 0;
		text-align: center;
		background-repeat: no-repeat;
		background-size: 36px 34.5px;
		background-position: 14px 45px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li>a>img {
		width: 100px;
		height: 100px;
		display: inline-block;
		vertical-align: middle;
		border-radius: 15px;
		margin-left: 18px;
		object-fit: cover;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right {
		width: 112px;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		margin-left: 16px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li h4 {
		font-size: 9px;
		margin-top: 1.5px;
		color: black;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li h5 {
		font-size: 9px;
		margin-top: 6px;
		color: black;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li h6 {
		margin-top: 8px;
		width: 160px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li h6 a {
		font-size: 16px;
		color: #8B436A;
		text-decoration: underline;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list {
		display: grid;
		row-gap: 0px;
		column-gap: 5px;
		grid-template-columns: repeat(5, 25.5px);
		margin-top: 17px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list li {
		height: 25.5px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list li a {
		display: block;
		height: 25.5px;
		width: 25.5px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list li a.instagram svg {
		fill: #e86b90;
		height: 25.5px;
		width: 25.5px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list li a.youtube svg {
		fill: #e86b90;
		height: 25.5px;
		width: 25.5px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list li a.twitter svg {
		fill: #e86b90;
		height: 25.5px;
		width: 25.5px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.sns_list li a.tiktok svg {
		fill: #e86b90;
		height: 25.5px;
		width: 25.5px;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.recruit_list {
		margin-top: 4px;
		display: grid;
		row-gap: 0px;
		column-gap: 5px;
		grid-template-columns: repeat(2, 80px);
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.recruit_list li a {
		color: #fff;
		font-size: 12px;
		height: 22px;
		display: block;
		padding-top: 3.5px;
		background-color: #FE579F;
		text-align: center;
	}

	section.prefecture_layout03 div.inner div.bottom div.wrap>ul>li div.right ul.recruit_list li:nth-of-type(2) a {
		background-color: #4372D7;
	}
}