/*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;
}
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: 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: 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;
	margin: 15px 0;
}

.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: 8px;
	font-size: 20px;
	font-weight: 600;
	height: 39px;
	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 {
	padding: 7px 0;
	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: 47px;
}

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: 112px;
}
section.area_layout01 div.inner div.top {
	text-align: center;
	margin-top: 54px;
}
section.area_layout01 div.inner div.top div.selector {
	display: inline-block;
}
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: #FF833D;
	border-bottom: 2px solid #FF833D;
}
.new_line {
	display: block;
}
section.area_layout01 div.inner div.top div.rank {
	display: inline-block;
	margin-top: 59px;
}
section.area_layout01 div.inner div.top div.rank ol {
	display: grid;
	row-gap: 0px;
	column-gap: 30px;
	grid-template-columns:repeat(3,214px);
}
section.area_layout01 div.inner div.top div.rank ul li {
	text-align: center;
	padding-bottom: 15px;
	font-size: 24px;
	font-family: almanach, sans-serif;
	font-weight: 300;
	color: #000;
	padding-bottom: 15px;
}
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;
}
section.area_layout01 div.inner div.bottom div.wrap ul {
	display: grid;
	row-gap: 0px;
	column-gap: 30px;
	grid-template-columns:repeat(3,214px);
	height: 312px;
	overflow: hidden;
}
section.area_layout01 div.inner div.bottom div.wrap ul li div.thum_img img {
	object-fit: cover;
	height: 214px;
}
section.area_layout01 div.inner div.bottom div.wrap ul li h4.entry-title {
	margin-top: 18px;
	margin-bottom: 20px;
}
section.area_layout01 div.inner div.bottom div.wrap ul li h4.entry-title a {
	font-size: 18px;
	color: #B738B3;
	text-decoration: underline;
}
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: 16px;
}
}