/*PCサイト*/
@media only screen and (min-width: 768px) {
	body {
		height: auto;
		overflow: scroll;
	}

	/*============================
#main_selector
============================*/
	.top_fixed {
		position: fixed;
		width: 100%;
		background-color: rgba(255, 255, 255, .7);
		border-bottom: 8px solid #F3F3F3;
		top: 72px;
		z-index: 1;
		transform: translateY(-100%);
		transition: transform 0.3s ease;
	}

	.top_fixed.show {
		transform: translateY(0);
	}

	section#main_selector {
		margin: 15px 0;
		text-align: center;
	}

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

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

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

	section#main_selector div.inner ul li.active {
		background: transparent linear-gradient(180deg, #8EDDD7 0%, #E8C7F1 100%) 0% 0% no-repeat padding-box;
		font-family: "A-OTF-ShinGoPro-Medium";
		border: none;
	}

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

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

	/*============================
#sub_selector
============================*/
	.middle_fixed {
		margin-top: 40px;
	}

	.middle_fixed section#sub_selector {
		background-color: #fff;
		padding: 0;
		height: auto;
	}

	.middle_fixed section#sub_selector div.inner ul li {
		width: 300px;
		border-radius: 10px;
		margin-bottom: 0;
		height: 44px;
	}

	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-width03);
	}

	section#sub_selector div.inner ul li {
		display: inline-block;
		width: 107px;
		border: 1px solid #CCC;
		border-radius: 7px;
		font-size: 20px;
		font-weight: 600;
		height: 39px;
		background-color: #fff;
		margin: 10px 7px;
	}

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

	section#sub_selector div.inner ul li a {
		padding: 9px 0 7px;
		display: block;
		color: #000;
	}

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

	/*============================
#sns_modal
============================*/
	section#sns_modal {
		margin-top: 70px;
	}

	section#sns_modal div.inner h3.A-OTF-ShinGoPro-Light01 {
		margin-bottom: 30px;
	}

	section#sns_modal div.inner ul {
		width: var(--content-width03);
		margin: 0 auto;
		margin-top: 13px;
		display: grid;
		row-gap: 13px;
		column-gap: 13px;
		grid-template-columns: repeat(3, 224px);
	}

	section#sns_modal div.inner ul li {
		cursor: pointer;
	}

	section#sns_modal div.inner ul li img {
		object-fit: cover;
		width: 224px;
		height: 224px;
	}

	.almanach02_view_button {
		cursor: pointer;
	}

	/*============================
#cast_ranking #shop_ranking
============================*/
	section.area_layout01 {
		margin-top: 80px;
	}

	section.area_layout01 div.inner div.top {
		text-align: center;
		margin-top: 30px;
	}

	section.area_layout01 div.inner div.top div.selector {
		display: inline-block;
		margin-bottom: 30px;
	}

	section.area_layout01 div.inner div.top div.selector ul {
		display: grid;
		row-gap: 0px;
		column-gap: 0px;
		grid-template-columns: repeat(2, 216px);
	}

	section.area_layout01 div.inner div.top div.selector ul li {
		text-align: center;
		font-size: 24px;
		font-family: almanach, sans-serif;
		font-weight: 300;
		color: #000;
		padding-bottom: 15px;
		cursor: pointer;
	}

	section.area_layout01 div.inner div.top div.selector ul li.active {
		color: #E5B6F1;
		border-bottom: 2px solid #E5B6F1;
	}

	.new_line {
		display: block;
	}

	section.area_layout01 div.inner div.top div.rank {
		display: inline-block;
	}

	section.area_layout01 div.inner div.top div.rank ol {
		display: grid;
		row-gap: 15px;
		column-gap: 30px;
		grid-template-columns: repeat(3, 214px);
	}

	section.area_layout01 div.inner div.top div.rank ol li {
		width: auto;
	}

	section.area_layout01 div.inner div.top div.rank ol li img {
		width: 40%;
		display: inline-block;
		object-fit: cover;
		text-align: center;
	}

	section.area_layout01 div.inner div.top div.rank ul li {
		text-align: center;
		font-size: 24px;
		font-family: almanach, sans-serif;
		font-weight: 300;
		color: #000;
	}

	section.area_layout01 div.inner div.top div.rank ul li img {
		width: 100%;
	}

	section.area_layout01 div.inner div.top div.rank ul li.active {
		color: #FF833D;
		border-bottom: 2px solid #FF833D;
	}

	section.area_layout01 div.inner div.bottom {
		text-align: center;
		margin-top: 7px;
	}

	section.area_layout01 div.inner div.bottom div.wrap {
		display: inline-block;
		position: relative;
	}

	section.area_layout01 div.inner div.bottom div.wrap ul {
		display: grid;
		row-gap: 0px;
		column-gap: 30px;
		grid-template-columns: repeat(3, 214px);
		overflow: hidden;
	}

	ul li div.thum_img img {
		object-fit: cover;
		height: 214px;
		width: 214px;
		border-radius: 10px;
	}

	ul li p.post {
		margin: 6px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: #000;
		line-height: 1.3;
		font-size: 13px;
		text-align: center;
	}

	ul li h4.entry-title {
		margin: 6px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 214px;
		color: #000;
		line-height: 1.3;
		font-size: 16px;
	}

	ul li h4.entry-title a {
		font-size: 18px;
		color: #8EDDD7;
	}

	section.area_layout01 div.inner div.bottom div.wrap ul li h5 {
		font-size: 12px;
	}

	section.area_layout01 div.inner div.bottom div.wrap ul li h6 {
		margin-top: 10px;
		font-size: 14px;
		color: #000;
	}
}