:root{
	--theme-blue: #1A1FDD;
}
.summerbook2026 {
background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/bg_dot.svg") repeat top center / 20px 20px;
}
.kv_wrap {
	padding-bottom: 50px;
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/kv_bg_sp.png") no-repeat center center / cover;
}
.kv_pc {
	display: none;
}
.kv_sp {
	display: block;
	width: 100%;
}
.sec_status_top {
	border-top: 2px solid var(--theme-blue);
	box-shadow: var(--sheet-shadow-top);
	position: relative;
	margin-bottom: 24px;
}
.tab_wrap {
	display: flex;
	align-items: center;
	gap: 8px;
	width: calc(100% - 32px);
	max-width: 420px;
	position: absolute;
	left: 50%;
	top: -40px;
	transform: translateX(-50%);
}
.tab_wrap li {
	display: flex;
	width: 50%;
	height: 40px;
	justify-content: center;
	align-items: center;
	border-radius: 16px 16px 0 0;
	box-sizing: border-box;
	background: var(--theme-blue);
}
.tab_wrap li:first-child {
	border: 2px solid var(--theme-blue);
	background: var(--white);
}
.tab_wrap li.current:first-child {
	border-bottom: none;
}
.tab_wrap li a {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px;
	color: var(--white);
	font-size: var(--size-headline-small, 14px);
	font-weight: bold;
	line-height: 140%;
}
.tab_wrap li:first-child a {
	color: var(--theme-blue);
}
.sec_status_desc {
	margin: 20px 0;
	color: var(--text-body);
	text-align: center;
	font-size: var(--size-headline-small, 14px);
	line-height: 160%;
}
.sec_status_desc span {
	color: #1A1FDD;
	font-size: var(--size-headline-medium, 16px);
	font-weight: bold;
}
.sec_status_desc span.large {
	font-size: var(--size-headline-large, 18px);
}
.floorAnchor {
	background: transparent;
	position: relative;
	z-index: 11;
	transition: background-color 0.3s ease;
}
.floorAnchor_wrap.sticky {
	background: var(--white);
}
.campaign_anchor,
.hiragana_anchor{
	display: flex;
	padding: 16px 0;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: 4px;
	align-self: stretch;
	flex-wrap: wrap;
}
.hiragana_anchor{
	gap: 8px;
}
.campaign_anchor li,
.hiragana_anchor li{
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
}
.campaign_anchor li:not(:last-child),
.hiragana_anchor li:not(:last-child){
	padding-right: 4px;
	border-right: 1px solid var(--theme-blue);
}
.hiragana_anchor li:not(:last-child){
	padding-right: 8px;
}
.campaign_anchor li a,
.hiragana_anchor li a{
	color: var(--theme-blue);
	font-size: 13px;
}
.campaign_anchor li a.c-textbtn_viewmore_regular::after,
.hiragana_anchor li a.c-textbtn_viewmore_regular::after{
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/arrow_blue.svg") no-repeat center / contain;
}
.sec_about {
	margin-top: 40px;
	padding-bottom: 32px;
	background: linear-gradient(180deg, #0CDAFF 0%, #318DFF 50.96%, #1A1FDD 100%);
	position: relative;
}
.sec_about::before {
	content: "";
	display: block;
	width: 100%;
	height: 25px;
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/bg_wave.svg") repeat-x bottom center / auto 25px;
	position: absolute;
	left: 0;
	top: -25px;
}
.sec_hl {
	padding: 32px 0 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	align-self: stretch;
}
.sec_hl::before,
.sec_hl::after {
	content: "";
	display: block;
	width: 30px;
	height: 24px;
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/icon_anchor.svg") no-repeat center center / contain;
}
.sec_hl::after {
	transform: rotate(180deg);
}
.sec_hl span {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	align-self: stretch;
	width: 100%;
}
.sec_hl span::before,
.sec_hl span::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--theme-blue);
}
.sec_hl span img {
	height: 32px;
	max-width: 100%;
	object-fit: contain;
}
.sec_hl.sec_hl_row2 span img {
	height: 72px;
}
.sec_hl.sec_hl_white::before,
.sec_hl.sec_hl_white::after {
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/icon_anchor_white.svg") no-repeat center center / contain;
}
.sec_hl.sec_hl_white span::before,
.sec_hl.sec_hl_white span::after {
	background: var(--white);
}
.sec_hl_caption{
	margin-bottom: 24px;
	color: var(--text-body);
	text-align: center;
	font-size: var(--size-body-large, 15px);
	font-weight: bold;
	line-height: 160%;
}
.sec_hl_caption.sec_hl_caption_white{
	color: var(--white);
}
.schedule_wrap {
	display: flex;
	margin-bottom: 24px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	border: 2px solid var(--theme-blue);
	background: var(--white);
}
.schedule_text1 {
	color: var(--text-body, #303030);
	text-align: center;
	font-size: var(--size-headline-small, 14px);
	line-height: 140%;
}
.schedule_text2 {
	color: var(--text-body, #303030);
	text-align: center;
	font-size: var(--size-body-large, 13px);
	line-height: 160%;
}
.entry-btn {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 24px;
	color: var(--white);
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	background: linear-gradient(90deg, #12DBFF 0%, #2063E9 50%, #C677FF 100%);
	border-radius: 40px;
	cursor: pointer;
}
.entry-btn_off {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 24px;
	color: var(--text-link-low);
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	background: var(--buttons-secondary, #D4D4D4);
	border-radius: 40px;
}
.attention_wrap {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	border-radius: 16px;
	border: 2px solid var(--theme-blue);
	background: #FFFF91;
}
.attention_hl {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 24px;
}
.attention_hl::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 8px;
	background: var(--theme-blue);
	align-self: stretch;
}
.attention_hl img {
	height: 32px;
	max-width: 100%;
}
.attention_desc {
	max-width: 600px;
	text-align: left;
}
.attention_desc .attention_red {
	color: var(--ui-red, #E34D4D);
	font-size: var(--size-body-large, 13px);
	font-weight: bold;
	line-height: 160%;
}
.attention_desc h4 {
	color: var(--text-primary-body, #303030);
	font-size: var(--size-body-large, 13px);
	font-weight: bold;
	line-height: 160%;
}
.attention_desc p {
	margin-bottom: 24px;
	color: var(--text-primary-body, #303030);
	font-size: var(--size-body-large, 13px);
	font-weight: 300;
	line-height: 160%;
}
.attention_desc a {
	display: inline;
}
.sec_publisher {
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/bg_clash.png") no-repeat center center / cover;
}
.publisher_wrap {
	display: flex;
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
	border-radius: 16px;
	border: 2px solid var(--theme-blue);
	background: #E8FFD7;
}
.publisher_list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px 16px;
	align-self: stretch;
	flex-wrap: wrap;
}
.publisher_list li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.publisher_list li .c-textbtn_medium {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	color: var(--text-body);
	font-weight: bold;
	font-size: var(--size-body-small, 12px);
}
.publisher_list li .c-textbtn_medium::after {
	content: "";
	display: inline-block;
	margin-left: 2px;
	background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/arrow_cyan.svg") no-repeat center / contain;
	transition: 0.3s ease;
	width: 9px;
	height: 12px;
}
.author_wrap {
	display: flex;
	width: 100%;
	margin-bottom: 24px;
	padding: 24px;
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 16px;
	border: 2px solid var(--theme-blue);
	background: #FAEFFF;
}
.author_note {
	width: 100%;
	color: var(--text-caption-high, #646464);
	font-size: var(--size-body-small, 12px);
	font-weight: 300;
	line-height: 160%;
	text-align: right;
}
.author_list {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px 16px;
	align-self: stretch;
	flex-wrap: wrap;
}
.author_list li {
	color: var(--text-primary-body, #303030);
	font-size: var(--size-body-small, 12px);
	font-weight: bold;
	line-height: 160%;
}
.author_text {
	color: #1A1FDD;
	font-size: var(--size-body-large, 13px);
	font-style: normal;
	font-weight: bold;
	line-height: 160%;
}
.btn_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 24px;
	padding-bottom: 32px;
}
.btn_wrap .c-btn_medium {
	width: 100%;
	max-width: 340px;
	color: var(--white);
	background: var(--theme-blue);
}
.btn_wrap .x_share {
	max-width: 340px;
	background: #000;
}
.x_share img {
	width: 14px;
}
.sec_status_bottom{
	padding-bottom: 32px;
}
/* --------------------------------------------------
ユーザーポイント表示
-------------------------------------------------- */
.rest-point_text {
	display: none;
}
.log-off_title {
	font-size: var(--size-headline-small);
	text-align: center;
}
.section-box1 {
	position: relative;
	padding: 16px 24px;
	background: #fff;
}
.section-box1-wrap {
	padding: 16px;
}
.section-box1,
.section-box2,
.section-box3 {
	border-radius: 8px;
	background: #fff;
	border: 1px solid #303030;
}
.section-box2,
.section-box3 {
	padding: 24px;
}
.section-nowpoint_desc_wrap {
	background: var(--bl30th-company-color);
	padding-bottom: 16px;
	padding-top: 8px;
	margin-top: -1px;
	position: relative;
}
.section-nowpoint_desc {
	position: relative;
	text-align: center;
	font-size: 15px;
	margin: auto;
	padding-bottom: 8px;
	max-width: 583px;
}
.section-nowpoint_hl {
	color: var(--text-headline);
	text-align: center;
	font-size: var(--size-headline-medium);
	font-weight: bold;
	line-height: 140%;
	padding-top: 24px;
	padding-bottom: 8px;
}
.section-nowpoint_desc_inner {
	margin: 10px 0 10px;
}
.section-nowpoint-1 {
	color: #FFF;
	font-size: 20px;
}
.section-nowpoint-2 {
	color: #F6EF2B;
	font-size: 20px;
}
.nowpoint-user-section {
	border-top: 1px solid var(--border-high);
	margin: 16px 0;
}
.total-point_hl,
.rest-point_hl {
	font-size: var(--size-headline-small);
}
.total-point_text {
	display: flex;
}
.nowpoint-wrapper {
	font-weight: bold;
	text-align: center;
}
.nowpoint-username {
	font-size: var(--size-body-large);
}
.nowpoint-date {
	font-size: var(--size-headline-small);
}
.nowpoint-title_text:first-child {
	font-size: var(--size-body-large);
}
.nowpoint-title_text:last-child {
	font-size: var(--size-headline-small);
}
.nowpoint-user-section li {
	border-bottom: 1px solid var(--border-high);
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
}
.nowpoint-btn_wrapper {
	display: flex;
}
.nowpoint-btn {
	text-align: center;
	width: 100%;
	font-size: var(--size-body-small);
	color: var(--text-body);
}
.nowpoint-title_date {
	text-align: center;
	font-size: var(--size-headline-small);
}
.section-gaiyou {
	background: #E22C2C;
}

/* --------------------------------------------------
購入したコミックス一覧
-------------------------------------------------- */
.comics_none {
	text-align: center;
	margin-bottom: 24px;
	font-size: var(--size-headline-small);
}
.comics-title {
	font-size: var(--size-headline-small);
	text-align: center;
}
.comics-period {
	font-size: var(--size-body-large);
	text-align: center;
	margin-bottom: 14px;
	display: flex;
	justify-content: center;
}
.comics-inner {
	border-radius: 11px;
	border: 1px solid #2E2E2E;
	background: #FFF;
	padding: 16px 24px;
}
.comic {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--border-high);
	padding: 8px 0;
}
.comics li:last-of-type {
	border-bottom: none;
}
.comic_title {
	font-size: var(--size-body-large);
	margin-right: 8px;
}
.comic_point {
	font-weight: bold;
	font-size: var(--size-body-large);
	white-space: nowrap;
}
.section-box-pappyou {
	text-align: center;
}
.section-box-pappyou_hl {
	color: var(--ui-red);
	text-align: center;
	font-size: var(--size-headline-large);
	font-weight: bold;
}
.result-text {
	color: var(--ui-red);
	text-align: center;
	font-size: var(--size-headline-small);
	font-weight: bold;
	line-height: 140%;
	padding-bottom: 8px;
}
.syutokuzumi {
	margin: 16px 0 24px;
	padding: 24px;
	border-radius: 24px;
	border: 2px solid #303030;
	box-sizing: border-box;
	background: #fff;
	font-size: var(--size-headline-small);
	line-height: 1.6;
	text-align: center;	
}
.syutokuzumi .bold {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: var(--size-headline-medium);
}
.syutokuzumi .note {
	display: block;
	padding-top: 8px;
	color: var(--text-caption-high);
	text-align: left;
}
.syutokuzumi a {
	display: inline;
	text-decoration: underline;
}



/* --------------------------------------------------
特集ページ
-------------------------------------------------- */
.sec_itemlist .c-contents_list,
section#sale .c-contents_list{
	width: calc(100% / 4 - 24px / 4);
}
.sec_itemlist .c-contents_title {
  color: var(--white);
}
.sec_itemlist .c-contents_caption {
  color: var(--white);
}
.sec_itemlist{
	position: relative;
	background: var(--theme-blue);
	border-top: 2px solid var(--theme-blue);
	margin-bottom: 32px;
	padding-bottom: 32px;
}
.summerbook-contents_list {
	display: flex;
	align-items: stretch;
	align-content: flex-start;
	gap: 16px;
	flex-wrap: wrap;
	margin-top: 24px;
	padding-bottom: 32px;
}
.summerbook-contents {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 16px;
	border: 2px solid #1A1FDD;
	background: #FFF;
}
.summerbook-contents_pic {
	display: block;
	width: 100%;
}
.summerbook-contents_pic img {
	display: block;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #1A1FDD;
}
.summerbook-contents_descwrap {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}
.summerbook-contents_cover {
	width: 110px;
}
.summerbook-contents_desc {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	position: relative;
	padding-bottom: 30px;
}
.summerbook-contents_title {
	color: var(--text-body, #303030);
	font-size: 13px;
	font-weight: bold;
	line-height: 160%;
}
.summerbook-contents_author,
.summerbook-contents_publisher {
	color: var(--text-caption-high, #646464);
	font-size: 13px;
	line-height: 160%;
}
.summerbook-contents_publisher a {
	display: inline;
}
.summerbook-contents_review_star{
	color: var(--text-body, #303030);
	font-size: 13px;
	font-weight: bold;
	line-height: 160%;
}
.summerbook-contents_review_star::before {
	width: 12px;
	height: 12px;
	content: "";
	display: inline-block;
	margin-right: 2px;
	background: url("https://img.papy.co.jp/lc/renta/img/mark/icon_reviewstar.svg") no-repeat center / contain;
}
.summerbook-contents_btnwrap{
	position: absolute;
	right: 0;
	bottom: 0;
}

/* --------------------------------------------------
メディアクエリ
-------------------------------------------------- */
@media screen and (min-width: 600px) {
	.kv_wrap {
		background: url("https://img.papy.co.jp/lc/renta/img/topics2/bc_summerbook2026/kv_bg_pc.png") no-repeat center center / cover;
	}
	.kv_pc {
		display: block;
		width: 100%;
		max-width: 990px;
		margin: 0 auto;
	}
	.kv_sp {
		display: none;
	}
	.campaign_anchor{
		gap: 16px;
	}
	.campaign_anchor li:not(:last-child){
		padding-right: 16px;
	}
	.campaign_anchor li a{
		font-size: 15px;
	}
	.attention_wrap,
	.publisher_wrap,
	.author_wrap {
		padding: 32px;
	}
	.syutokuzumi br {
		display: none;
	}
	.sec_itemlist .c-contents_list,
	section#sale .c-contents_list{
		width: calc(100% / 6 - 50px / 6);
	}
	.summerbook-contents {
		width: calc(100% / 2 - 16px / 2);
	}
}

@media screen and (min-width: 1038px) {
	.syutokuzumi .note {
		text-align: center;
	}
	.sec_itemlist .c-contents_list,
	section#sale .c-contents_list{
		width: calc(100% / 8 - 84px / 8);
	}
	.summerbook-contents {
		width: calc(100% / 3 - 32px / 3);
	}
}

@media screen and (min-width: 1280px) {
	.comics-inner {
		padding: 18px 64px 8px 64px;
	}
}