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

	/*============================
#shop_top
============================*/
	div#wraper div#container article#main section#shop_top {
		width: var(--content-width);
		margin: 0 auto;
		margin-top: 33px;
	}

	div#wraper div#container article#main section#shop_top div.inner {
		display: flex;
	}

	div#wraper div#container article#main section#shop_top div.inner>a {
		width: 146px;
		height: 146px;
		display: block;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right {
		width: auto;
		padding-left: 15px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right h4 {
		font-size: 11px;
		margin-top: 5px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right h5 {
		margin-top: 6px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right h5 a {
		font-size: 23px;
		color: #FF4FA7;
		font-weight: 600;
		line-height: 1.1;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right h6 {
		font-size: 9px;
		margin-top: 10px;
		line-height: 1.1;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list {
		display: grid;
		row-gap: 0px;
		column-gap: 5px;
		grid-template-columns: repeat(5, 25.5px);
		margin-top: 9px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li {
		height: 25.5px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 25.5px;
		height: 25.5px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li a svg {
		height: fit-content;
	}

	ul.sns_list li a.Instagram {
		fill: #e86b90;
	}

	ul.sns_list li a.YouTube {
		fill: #e86b90;
	}

	ul.sns_list li a.Twitter {
		fill: #e86b90;
	}

	ul.sns_list li a.TikTok {
		fill: #e86b90;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li a.Instagram svg {
		width: 25.5px;
		height: 25.5px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li a.YouTube svg {
		width: 25.5px;
		height: 25.5px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li a.Twitter svg {
		width: 25.5px;
		height: 25.5px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right ul.sns_list li a.TikTok svg {
		width: 25.5px;
		height: 22px;
	}

	div#wraper div#container article#main section#shop_top div.inner div.right a.official_homepege_link {
		width: 142px;
		height: 20px;
		color: #fff;
		background-color: #FF4FA7;
		font-size: 9px;
		display: block;
		text-align: center;
		line-height: 20px;
		margin-top: 12px;
	}

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

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

	section#main_selector div.inner ul {
		display: flex;
		row-gap: 15px;
		column-gap: 5px;
	}

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

	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 9px;
	}

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

	/*============================
#cast_top
============================*/
	section#cast_top {
		width: var(--content-width);
		margin: 0 auto;
		margin-top: 40px;
		border-bottom: 1px solid #CCC;
		padding-bottom: 30px;
	}

	section#cast_top div.inner {
		display: flex;
	}

	section#cast_top div.inner div.cast_img_wrap {
		width: 102px;
		height: 102px;
		border-radius: 50%;
		overflow: hidden;
	}

	section#cast_top div.inner div.right {
		width: 245px;
		padding-left: 15px;
	}

	section#cast_top div.inner div.right h4 {
		font-size: 12px;
		color: #FF4FA7;
		margin-top: 4px;
	}

	section#cast_top div.inner div.right h5 {
		margin-top: 11px;
	}

	section#cast_top div.inner div.right h5 a {
		font-size: 25px;
		font-family: "A-OTF-ShinGoPro-Medium";
		color: #000;
	}

	section#cast_top div.inner div.right div.wrap {
		margin-top: 18px;
		display: flex;
		align-items: center;
	}

	section#cast_top div.inner div.right div.wrap h6 {
		width: 65px;
		height: 28px;
		font-size: 14px;
		font-weight: 400;
		border: 1px solid #999;
		padding-top: 6px;
		text-align: center;
		margin-top: 1px;
	}

	section#cast_top div.inner div.right div.wrap h6.attendance {
		background-color: var(--theme-color);
		border: 1px solid var(--theme-color);
		color: #fff;
	}

	section#cast_top div.inner div.right div.wrap h6.holiday {
		background-color: #fff;
		border: 1px solid #666;
		color: #666;
	}

	section#cast_top div.inner div.right div.wrap ul.sns_list {
		width: 124px;
		margin-left: 12px;
		display: grid;
		row-gap: 0px;
		column-gap: 5px;
		grid-template-columns: repeat(5, 25.5px);
	}

	section#cast_top div.inner div.right div.wrap ul.sns_list li {
		height: 25.5px;
	}

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

	section#cast_top div.inner div.right div.wrap ul.sns_list li a svg {
		height: 25.5px;
		width: 25.5px;
	}

	/*============================
#sns_modal
============================*/
	.to_main_sns {
		display: block;
		font-size: 14px;
		font-weight: 100;
		margin: 0 auto;
		text-align: center;
		border: 1px solid #999;
		color: #000;
		width: fit-content;
		height: 33px;
		padding: 0 20px;
		padding-top: 8px;
		margin-top: 35px;
		cursor: pointer;
	}
}