/* @override 
	http://203.143.96.127:8080/assets_global/css/modules.css */

@charset "UTF-8";
/* CSS Document */

/*CSS variables*/
:root {
	/*color*/
	/*色相-彩度(％)-輝度(％-50%中間)*/
	--main_bk: hsl(0, 0%, 1%);
	--main_kf_blue: hsl(199, 99%, 57%);/**/
	--main_kf_blue_darker: hsl(199, 99%, 42%);/**/
	--main_kf_blue_pale: hsl(199, 99%, 95%);
	--main_kf_blue_pale_more: hsl(198, 62%, 96%);
	--main_kf_gold: hsl(48, 50%, 44%);
	--main_red: hsl(0, 100%, 50%);
	--main_glay_light: hsl(0, 0%, 95%);
	
	/*label-color*/
	--label_blue:#2EA4F2;
	--label_yellow: #E6B345;
	--label_green: #75BF66;
	--label_purple:#A488DB;
	--label_red:#f87373;
}



/*font base*/
:root {
/*Font-jp*/
--main_jp:'Noto Sans JP',"Hiragino Sans","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;

--main_jp_serif:'Noto Serif JP',"Hiragino Mincho ProN", "Hiragino Mincho", YuMincho, 	serif;

/*FONT PLUS-NUDモトヤマルベリ5  */
--main_jp_maru_w5:	NudMotoyaMaruStd-W5, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;

/*FONT PLUS-モトヤマルベリみやび5 */
--main_jp_maru_miyabi:	MotoyaMaruMiyabiStd-W5, "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;

/*Font-en-DIN Next Condensed*/
--main_en_cond_light:normal 200 1rem/1.4 "Barlow Condensed", sans-serif;
--main_en_cond_reg:normal 400 1rem/1.4 "Barlow Condensed", sans-serif;
--main_en_cond_med:normal 500 1rem/1.4 "Barlow Condensed", sans-serif;
--main_en_cond_bold:normal 700 1rem/1.4 "Barlow Condensed", sans-serif;
/*Font-en-DIN Next*/
--main_en_light:normal 300 1rem/1.4 "Barlow", sans-serif;
--main_en_reg:normal 400 1rem/1.4 "Barlow", sans-serif;
--main_en_med:normal 500 1rem/1.4 "Barlow", sans-serif;
--main_en_bold:normal 700 1rem/1.4 "Barlow", sans-serif;
--main_en_heavy:normal 800 1rem/1.4 "Barlow", sans-serif;
--main_en_black:normal 900 1rem/1.4 "Barlow", sans-serif;

/*common num*/
--width_main_cont_pc:calc(100% - 48px * 2);

}

/**/

.font_outfit {
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}




html,
button,
input,
select,
textarea {
    color: #222;
}

/* common value(pc) */
:root {
	--pc_contents_width:1024px;
}



/* form parts(pc) */
button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-align: inherit;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
}

button:focus-visible {
  outline: 2px solid #0a84ff;
  outline-offset: 2px;
}

/*common block*/

* {
	box-sizing: border-box;
	font-feature-settings: "palt" 1;
}

html,body {
	margin: 0;
	font-family: var(--main_jp);
	font-weight: normal;
    font-size: 62.5%;
    line-height: 1.4;
}

html {
	scroll-behavior: smooth;
scroll-padding-top: 80px;
}

body {
	background-color: var(--main_kf_blue_pale);
	position: relative;
	z-index: 0;
}

.pcv {
	
}

.mqv,
.spv {
	display: none;
}

section {
	position: relative;
	z-index: 0;
}



/* 背景スクロール禁止用(pc) */
.no-scroll {
    overflow: hidden;
    height: 100%;
}

body::before,
body::after {
	content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
	z-index: 0;
}

body::before {
	width: 100%;
	height: 800px;
	background-color: #fff;
	top: 0;
	left: 0;
}

body::after {
	top: 0;
	left: 0;
	width: 14px;
	height: 800px;
	background-color: var(--main_kf_blue);
}


ul,ol {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

a {
	text-decoration: none;
	color: #222;
}

/* img */

img {
	vertical-align: bottom;
	max-width: 100%;
}

/*text common (pc)*/

.red {
	color: var(--main_red);
}

p {
	font-family: var(--main_jp);
	font-size: 1.6rem;
	line-height: 1.6;
}

.no-break {
  white-space: nowrap;
  letter-spacing: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.float_left {
	float: left;
}

.float_rgiht {
	float: right;
}


	/*====button (pc) ====*/
div.box_btn {
	margin-top: 32px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	gap:0 24px;
	justify-content: center;
	/*nest-start*/
	& p:not(.note){
font-weight: bold;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1;
	}
	
	& p:not(.note)>a {
		display: block;
		background-color: var(--main_kf_blue);
		color: #fff;
		padding: 1.3em 2em 1.4em 2.4em;
		border-radius: 36px;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	
	& p:not(.note)>a::after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
background: linear-gradient(0deg, #25b9fd 0%, #60d1eb 100%);
opacity: 0;
		transition: 0.3s;
	}
	
	& p:not(.note)>a:hover::after{
		opacity: 1;
	}
	
	& p:not(.note)>a>span {
display: inline-block;
position: relative;
z-index: 10;
	}
	
	& p:not(.note)>a[target='_blank']>span {
		padding-left: 28px;
	}
	
	& p:not(.note)>a[target='_blank']>span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 20px;
		height: 18px;
		margin-top: -8px;
		background-image: url(../../assets_global/img/icon_open_link.svg);
		background-repeat: no-repeat;
		background-position: 99.5% 0;
		background-size: cover;
	}
	
	p.note {
		width: 100%;
		margin-top: 16px;
		font-weight: bold;
		font-weight: 600;
		letter-spacing: 0.03em;
	}
	
/*nest-end*/
}

/*==== #wrapper(pc)====*/
#wrapper {
	position: relative;
	z-index: 10;
	width: 100%;
	height: auto;
}

#wrapper::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 800px;
	left: 0;
	top: 140px;
	background-color: var(--main_kf_blue_pale);
	transform-origin: top right;
	transform: skewY(-12deg);
}


/*==== /#wrapper(pc) ====*/



/*==== header(pc) ====*/
#wrapper>header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 5;
	/*nest-start*/
	
	
	
	/*.box_right*/
	
	div.box_right {
		position: absolute;
		top: 0;
		right: 0;
		padding: 24px 24px 0 0;
	}
	
	p.season,p.volume {
		text-align: right;
		font: var(--main_en_cond_reg);
		line-height: 1;
		text-transform: uppercase;
	}
	
	p.season {
		font-size: 2.4rem;
	}
	
	p.volume {
		font-size: 4rem;
		vertical-align: baseline;
	}
	
	p.volume strong {
		font-weight: normal;
		font-size: 7.2rem;
		letter-spacing: -0.03em;
		color: var(--main_kf_blue);
	}
	/*nest-end*/
}

body:not(#cover) header p.season,
body:not(#cover) header p.volume {
	display: none;
}


div[id^="site_id"]{
	width: 250px;
	padding: 16px 0 0 24px;
	
	& a{
	display: block;
	}
	
	
	}
	
	p[id^="site_30th"] {
		position: relative;
		width: 70px;
		margin-left: 2px;
	}
	
	p[id^='logo_delfino'] small{
		position: absolute;
		z-index: 10;
		left: 94px;
		top: 77px;
		font: var(--main_en_bold);
		font-size: 1.3rem;
		letter-spacing: -0.05em;
	}

/*==== /header(pc) ====*/


/*==== #box_pager(pc) ====*/
#box_pager {
	position: fixed;
	left: 0;
	bottom:0;
	z-index: 100;
	width: 100%;
	height: 20px;
	/*background-color: hsla(0,0%,0%,0.1);*//*debug*/

	/*nest-start*/
	
	& >.inner{
	width: 100%;
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: space-between;
	}
	
	div[class^='box_']{
	position: relative;
	width: 18%;
	top: -68px;
	display: flex;
	gap:0 12px;
	}
	
	div.box_left {
		justify-content: flex-start;
		margin-left: 32px;
	}
	
	div.box_right {
		margin-right: 32px;
		justify-content: flex-end;
	}
	
	
	& button{
	font-size: 1.6rem;
	background-color: #fff;
	font-weight: bold;
	font-weight: 700;
	color: var(--main_kf_blue_darker);
	padding: 0 13px 1px 14px;
	display: flex;
	position: relative;
	align-items: center;
	height: 48px;
	line-height: 1;
	border-radius: 4px;
	box-shadow: 1px 2px 4px hsla(0,0%,0%,0.1);
	overflow: hidden;
	z-index: 0;
	transition: 0.3s;
	cursor: pointer;
	white-space: nowrap;
	}
	
	button.disabled {
		display: none;
	}
	
	button#pagetop {
		box-shadow:none;
	}
	
	& button:hover {
	box-shadow: 0px 0px 2px hsla(0,0%,0%,0.1);
	}
	
	& button.prev::after,
	& button.next::after {
		content: "";
		display: block;
		position: absolute;
		width: 24px;
		height: 24px;
		background-color: var(--main_kf_blue);
		bottom: -18px;
		opacity: 0.1;
		transition: 0.3s;
		z-index: 10;
}
	
	& button.prev:hover::after,
	& button.next:hover::after {
		opacity: 1;
	}
	
	& button.prev::after {
	left: 0;
	transform: skewY(45deg);
	}
	
	& button.next::after {
	right: 0;
	transform: skewY(-45deg);
	}
	
	& button>span {
		display: inline-block;
		position: relative;
		z-index: 0;
	}
	
	& button.menu>span {
		padding-left: 32px;
	}
	
	& button.menu>span::before,
	& button.cover>span::before,
	button#pagetop::before{
	content: "";
	display: block;
	position: absolute;
	background-repeat: no-repeat;	
	}
	
	
	& button.menu>span::before {
		width: 24px;
		height: 21px;
		top: 50%;
		margin-top: -9px;
		left: 0;
		background-image: url(../../assets_global/img/icon_menu.svg);
		background-size: cover;
	}
	
	& button.cover>span {
		padding-left: 24px;
		margin-left: 2px;
	}
	
	& button.cover>span::before {
		background-image: url(../../assets_global/img/icon_home_cover.svg);
		background-size: cover;
		width: 18px;
		height: 24px;
		left: 0;
		top: 50%;
		margin-top: -12px;
		transition: 0.3s;
	}
	
	& button.cover:hover>span::before {
		transform: translateY(-3px);
	}
	
	button#pagetop {
	text-align: left;
	position: absolute;
	right: 0;
	top: -72px;
	width: 48px;
	height: 48px;
	background-color: hsl(0, 0%,0%,0.4);
	border-radius: 4px;
	z-index: 0;
	text-indent:200%;
	white-space:nowrap;
	overflow:hidden;
	display: none;
	}
	
	button#pagetop::before {
		width: 24px;
		height: 24px;
		left: 50%;
		top: 50%;
		transform: rotate(-90deg);
		margin-left: -12px;
		margin-top: -12px;
		background-image: url(../../assets_global/img/icon_arrow_huge_4c.svg);
		background-size: cover;
		background-position: 100% 0;
	}
	
	
	button#pagetop:hover {
	background-color: hsl(0, 0%,0%,0.8);
	}
	
	/*nest-end*/
	
}

body#cover button.cover,
body#cover button.prev{
	display: none;
}


/*==== /#box_pager(pc) ====*/


#fade_overlay {
  position: fixed;
  inset: 0;
  background: hsla(0,0%,0%,0.85);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
  z-index: 200;
}

#fade_overlay.active {
  opacity: 1;
  pointer-events: auto;
}






/*==== main(pc) ====*/
main {
	width: 1024px;
	height: auto;
	min-height: 1000px;
	margin: 0 auto;
	padding: 24px 0 0 0;
	position: relative;
	z-index: 10;
}

body:not(#cover) main {
	background-color: #fff;
	padding-bottom: 56px;
}

/*==== /main(pc) ====*/


/*==== footer(pc) ====*/

footer {
	position: relative;
	z-index: 10;
			/*nest-start*/
			
			&>.inner{
			width: var(--pc_contents_width);
			margin: 0 auto;
			background-color: #fff;
			min-height: 1000px;
			position: relative;
			z-index: 10;
			
			padding: 32px 48px 72px 48px;
			
					/*nest-inner-start*/
					
					& h5{
					text-align: center;
					font-family: "Outfit", sans-serif;
					font-optical-sizing: auto;
					font-style: normal;
					text-transform: uppercase;
					font-size: 2.4rem;
					line-height: 1;
					letter-spacing: 0.05em;
					}
					
					& h5>strong {
					color: var(--main_kf_blue);
					}
					
					
					/*nest-inner-end*/
			
			}
	
	div.bg_footer{
	width: calc(100vw - 15px);
	height: 600px;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 0;
	margin-left: calc((100vw - 15px) / 2 * -1);
	overflow: hidden;
	}
	
	div.bg_footer::before,
	div.bg_footer::after {
		content: "";
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		width: 100%;
		height: 600px;
		transform-origin: top right;
		transform: skewY(-12deg);
	}
	
		div.bg_footer::before {
			background-color: #fff;
			top: 0;
			left: 0;
			z-index: 0;
		}
		
		div.bg_footer::after {
			background-color: #fff;
			top: 96px;
			left: 0;
			z-index: 0;
			background-color: var(--main_kf_blue);
			opacity: 0.25;
		}
		
		ul.bnrs {
			width: 928px;
			margin-top: 24px;
			display: flex;
			flex-wrap: wrap;
			gap:32px 32px;
		}
		
		ul.bnrs>li {
			width: calc((100% - 32px * 2) / 3);
		}
		
		ul.bnrs a {
			display: block;
			overflow: hidden;
			border-radius: 6px;
			height: 160px;
			background-color: #eee;
			border: 1px solid #ddd;
			position: relative;
			z-index: 0;
		}
		
		ul.bnrs a img {
			vertical-align: bottom;
			position: relative;
			z-index: 0;
		}
		
		div.inner_2nd {
		margin-top: 48px;
		
		/*nest-inner-start*/
		
					& p{
					text-align: center;
					}
					
					p.kf_logo>a {
					display: inline-block;
					}
					
					p.kf_logo>a>img {
					height: 88px;
					}
					
					p.ttl_delfino[lang='en'] {
					font-size: 1.8rem;
					font-family: "Outfit", sans-serif;
					font-optical-sizing: auto;
					font-style: normal;
					font-weight: 500;
					line-height: 1.4;
					letter-spacing: 0.02em;
					margin-top: 0.5em;
					}
					
					p.ttl_delfino[lang='en'] strong {
					font-size: 3.2rem;
					font-weight: 600;
					}
					
					p.ttl_delfino span {
					color: var(--main_kf_blue);
					}
					
					div.box_vol_num {
					width: 240px;
					height: 80px;
					border-radius: 40px;
					margin: 0 auto;
					margin-top: 16px;
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					align-content: center;
					background-color: var(--main_kf_blue_pale);
					padding-top: 6px;
					}
					
					div.box_vol_num>p {
					width: 100%;
					text-align: center;
					font-family: "Outfit", sans-serif;
					font-optical-sizing: auto;
					font-style: normal;
					font-weight: 500;
					line-height: 1;
					text-transform: uppercase;
					font-size: 1.6rem;
					}
					
					div.box_vol_num>p.vol strong {
					font-size: 4.4rem;
					font-weight: 500;
					color: var(--main_kf_blue);
					}
					
					p.expl {
					margin-top: 16px;
					font-size: 1.4rem;
					line-height: 1.6;
					color: #555;
					letter-spacing: 0.03em;
					}
					
					ul.utility {
					margin-top: 40px;
					display: flex;
					justify-content: center;
					font-size: 1.4rem;
					gap:0 25px;
					}
					
					ul.utility>li {
					letter-spacing: 0.03em;
					position: relative;
					z-index: 0;
					}
					
					ul.utility>li>a {
					display: inline-block;
					padding: 0.1em 0 0.1em 0;
					transition: 0.3s;
					}
					
					ul.utility>li>a:hover {
					color: var(--main_kf_blue_darker);
					}
					
					ul.utility>li::after {
					content: "";
					display: block;
					width: 1px;
					height: 1.5em;
					background-color: #777;
					position: absolute;
					right: -13px;	
					top: 0;
					}
					
					ul.utility>li:last-of-type::after {
					content: none;
					}
					
					
					p.ft_logo {
						margin-top: 32px;
					}
					
					p.ft_logo a{
						display: inline-block;
					}
					
					p.ft_logo a img {
						height: 28px;
					}
					
					p.copy {
						font: var(--main_en_reg);
						margin-top: 16px;
						font-size: 1.4rem;
						color: #777;
					}
					/*nest-inner-end*/
		}
	/*nest-end*/
	
}

body#cover footer {
	&>.inner{
	border-radius: 12px 12px 0 0;
	}
}

body:not(#cover) footer,
section.border_top {
	&>.inner{
	border-top:48px solid var(--main_kf_blue_pale);
	}
}


/*==== /footer(pc) ====*/




/*==== #lay_contents(pc) ====*/

#lay_fc_check,
#lay_contents {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100svh;
	z-index: 500;
	background-color: hsla(360, 100%, 100%, .97);
	display: none;
	/*nest-start*/
	
	button.close_layer {
		position: absolute;
		z-index: 0;
		text-align: right;
		bottom: 32px;
		right: 32px;
		font: var(--main_en_reg);
		font-size: 1.6rem;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 500;
		background-color: hsla(360, 100%, 100%,0.85);
		padding: 0.75em 0.5em 0.6em 1em;
		border-radius: 22px;
		box-shadow: 0px 2px 6px hsla(0,0%,0%,0.1);
}
	
	button.close_layer>span {
		display: inline-block;
		padding-right: 32px;
	}
	
	button.close_layer::after {
		content: "";
		width: 29px;
		height: 28px;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -14px;
		background-image: url(../../assets_global/img/icon_circle_close.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	button.close_layer:hover::after {
		background-position: 34% 0;
	}
	
	/*nest-end*/

}

/*body.page_test #lay_contents {
	display: block;
	opacity: 0.98;
}*//*debug*/



/* ===== #contents_menu (pc) ======*/
#wrapper_contents_menu{
	height: 100%;
	padding: 0;
	position: relative;
	z-index: 0;
	
	display: flex;
	justify-content: flex-start;
	
	/*nest-start*/
	
	&::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 100%;
	background-color: var(--main_kf_blue);
	}
	
	div#box_side_info {
		width: 320px;
		height: 100svh;
		position: relative;
		z-index: 0;
	}
	

	
	div#box_side_info p.title_ja {
		padding-left: 6px;
		margin-top: 1.5em;
		line-height: 1.4;
		font-weight: bold;
		font-weight: 700;
		letter-spacing: 0.06em;
	}
	
	div#wrapper_contents_footer {
		position: absolute;
		top: 260px;
		left: 0;
		width: 320px;
		height: calc(100svh - 260px);
		min-height: 450px;
	}
	
	div.box_colophon {
		margin-top: 2em;
		padding:  0 0 0 34px;
	}
	
	div.box_colophon>p {
		font: var(--main_en_reg);
		font-size: 1.4rem;
		line-height: 1.3;
	}
	
	p.copy {
		font: var(--main_en_reg);
		padding-left: 34px;
		margin-top: 1em;
		font-size: 1.2rem;
		line-height: 1.2;
	}
	
	p.ft_logo {
		width: 220px;
		padding-left: 32px;
		margin-top: 20px;
	}
	
	div#wrapper_contents_footer figure.mascot_fronta {
		position: absolute;
		width: 160px;
		height: 250px;
		position: absolute;
		overflow: hidden;
		left: 50%;
		margin-left: -80px;
		bottom: 0;
		z-index: 10;
	}
	
	
/*nest-end*/
	
	}

/* #wrapper_main_menu (pc) */
#wrapper_main_menu {
min-height: 500px;
border-left: 1px solid #aaa;
margin: 18px 0 24px 0;
padding: 4px 0 0 32px;
width: calc(100% - 320px - 32px);
display: flex;
flex-wrap: wrap;
align-content: flex-start;

			/*nest-start*/
			
			div.column{
			padding-bottom: 60px;
			position: relative;
			z-index: 0;
			}
			
			div.column:nth-of-type(1) {
			margin-top: 8px;
			width: 52%;
			padding-right: 32px;
			border-right: 1px solid #aaa;
			}
			
			div.column.second {
			width: 47%;
			padding-left: 32px;
			margin-top: 24px;
			}
			
			& section{
			margin-top: 32px;
			position: relative;
			z-index: 0;
			}
			
			& section:nth-of-type(1) {
			margin-top: 0;
			}
			
			section.cont_hotline {
				margin-top: 72px;
			}
			
			section.cont_hotline h2,
			section.cont_hotline p {
				width: 70%;
			}
			
			section.cont_hotline figure {
				position: absolute;
				right: 0;
				top: -16px;
				width: 120px;
				transform: rotate(5deg);
			}
			
			& > header {
			width: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: baseline;
			flex-wrap: nowrap;
			}
			
			& > header > h1 {
			
			font: var(--main_en_light);
			font-size: 5.6rem;
			line-height: 1;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			}
			
			& > header > h1 > strong {
			color: var(--main_kf_blue);
			font-weight: normal;
			}
			
			& > header > p {
			font: var(--main_en_cond_reg);
			font-size: 2.4rem;
			text-transform: uppercase;
			font-weight: normal;
			letter-spacing: 0.07em;
			margin-left: 0.5em;
			position: relative;
			top: -0.1em;
			}
			
			& > header > p > strong {
			font-weight: normal;
			font-size: 3.2rem;
			letter-spacing: 0;
			color: var(--main_kf_blue);
			}
			
			figure.sp_player {
			position: absolute;
			left: 0;
			top: 10px;
			width: 124px;
			}
			
			figure.sp_player>span {
			display: block;
			border: 6px solid #fff;
			box-shadow: 0px 3px 5px hsla(0,0%,0%,0.15);
			transform: rotate(3deg);
			}
			
			a[href='08.html'] {
				display: inline-block;
				padding-right: 150px;
				position: relative;
			}
			
			figure.mascot {
				width: 130px;
				height: 110px;
				position: absolute;
				right: 0;
				top: -30px;
				overflow: hidden;
				transform: rotate(20deg);
			}
			
			figure.mascot>img {
				max-width: initial;
				height: 100%;
				width: auto;
				position: relative;
				margin-left: -235%;
			}
			
			
			
			#cont_feature_02 figure.sp_player {
			top: -10px;
			}
			
			#cont_feature_02 figure.sp_player>span {
			transform: rotate(-3deg);
			}
			
			[id^='cont_feature_'] {
			padding-left: 145px;
			
						/*nest-inner-start*/
						
						& a{
						display: block;
						}
						
						& h2{
						font-size: 3.2rem;
						font-weight: bold;
						font-weight: 600;
						line-height: 1.3;
						letter-spacing: 0.02em;
						}
						
						& h2 span[lang='en'] {
						font: var(--main_en_cond_med);
						text-transform: uppercase;
						display: inline-block;
						font-size: 1.4rem;
						color: var(--main_kf_blue);
						position: relative;
						z-index: 0;
						}
						
						& h2 small {
						font-size: 2.4rem;
						margin-left: 0.2em;
						}
						
						& h2 span[lang='en']::after {
						content: "";
						position: absolute;
						bottom: 0.1em;
						left: 0;
						width: 100%;
						font-size: 1.2rem;
						height: 1px;
						background-color: var(--main_kf_blue);
						}
						
						& ul{
						display: flex;
						justify-content: flex-start;
						font-size: 1.3rem;
						line-height: 1.5;
						flex-wrap: wrap;
						margin-top: 0.5em;
						letter-spacing: 0.03em;
						font-weight: bold;
						font-weight: 500;
						gap:0.5em 19px
						}
						
						& ul>li{
						display: inline-block;
						position: relative;
						z-index: 0;
						}
						
						& ul>li>a::after {
						content: "";
						display: block;
						position: absolute;
						right: -10px;
						top: 50%;
						width: 1px;
						height: 1.2em;
						margin-top: -0.5em;
						background-color: #aaa;
						}
						
						& ul>li:last-of-type>a::after {
						content: none;
						}
						
						& ul>li>a {
						transition: 0.3s ease-out;
						}
						
						& ul>li>a:hover {
						color: var(--main_kf_blue_darker);
						text-decoration: underline;
						}
						/*nest-inner-end*/		
			
			}
			
			& h3{
			font-size: 2.4rem;
			line-height: 1;
			font-weight: bold;
			font-weight: 700;
			}
			
			section a:nth-of-type(1) h3 {
				margin-top: 0;
			}
			
			& a>h3 {
			transition: 0.3s ease-in-out;
			}
			
			& a:hover> h3{
			color: var(--main_kf_blue_darker);
			}
			
			& h3+p {
				font-size: 1.4rem;
				margin-top: 0.4em;
				letter-spacing: 0.02em;

			}
			
			& h4{
			font-size: 1.8rem;
			line-height: 1;
			font-weight: bold;
			font-weight: 700;
			margin-top: 1em;
			}
			
			& h4+p {
				font-size: 1.4rem;
				margin-top: 0.3em;
				letter-spacing: 0.02em;

			}
			
			ul.sub {
				margin-top: 2em;
				border-top: 1px solid #aaa;
				padding-top: 1.7em;
				font-size: 1.6rem;
				line-height: 1.4;
				display: flex;
				justify-content: flex-start;
				gap:8px 16px;
				flex-wrap: wrap;
			}
			
			
			/*nest-end*/

}

/* ===== /#contents_menu (pc) ======*/




/*==== /#lay_contents(pc) ====*/


/*====#anchor_nav (pc)====*/
#anchor_nav {
	position: fixed;
	z-index: 500;
	left: 50%;
	top: 24px;
	width: 200px;
	margin-left: 534px;
	/*nest-start*/
	& >ul{
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
	font-weight: 500;
	}
	
	& >ul>li {
		text-align: center;
		margin-top: 10px;
	}
	
	& >ul>li.multiple {
		line-height: 1.3;
	}
	
	& >ul>li:first-of-type {
		margin-top: 0;
	}
	
	& >ul>li>a {
		display: block;
		border-radius: 20px;
		border: 2px solid #fff;
		padding: 0.6em 0 0.7em 0;
		background-color: var(--main_kf_blue_pale);
		transition: 0.3s;
	}
	
	& >ul>li.multiple>a {
		border-radius: 10px;
	}
	
	& >ul>li> a:hover {
		color: #fff;
		background-color: var(--main_kf_blue);
	}
	
	& >ul>li.sub+li {
		margin-top: 16px;
	}
	
	& >ul>li.sub {
		background-color: #fff;
		border-radius: 20px;
		padding-bottom:24px ;
	}
	
	& ul.inner {
		margin-top: 12px;
		font-size: 1.4rem;
	}
	
	& ul.inner>li {
		margin-top: 1em;
	}
	
	& ul.inner>li a {
		color: var(--main_kf_blue_darker);
	}
	
	
	& >ul>li.red>a {
		background-color: #fdefef;
		color: var(--main_red);
	}
	
	#box_sp_player {
	position: relative;
	z-index: 0;
	padding: 16px 0 0 0;
	}
	
	#box_sp_player a {
		display: block;
	}
	
	#box_sp_player p.sp_ttl {
		font: var(--main_en_heavy);
		font-size: 2.6rem;
		line-height: 1;
		text-transform: uppercase;
		color: var(--main_kf_blue);
	}
	
	#box_sp_player p.sp_ttl>small {
		font-size: 1.4rem;
		color: var(--main_bk);
	}
	
	#box_sp_player a figure {
		position: absolute;
		width: 88px;
		z-index: 10;
		right: 0;
		bottom: 2.3em;
		transition: 0.3s;
		transform-origin: center bottom;
	}
	
	#box_sp_player a:hover figure {
		transform: scale(1.1);
	}
	
	#box_sp_player p[lang='ja'] {
		font-size: 1.6rem;
		font-weight: bold;
		font-weight: 800;
		line-height: 1.4;
	}
	
	#box_sp_player+ul {
		margin-top: 16px;
	}
	
	/*nest-end*/
	
}

#anchor_nav.float {
	
	& ul a{
	background-color: #fff;
	color: var(--main_kf_blue);
	}
	
	& ul a:hover {
		color: #fff;
		background-color: var(--main_kf_blue);
	}
	
	& >ul>li.sub>a{
		background-color: var(--main_kf_blue_pale);
	}
	
}

/*/#anchor_nav(pc)*/




/*============  ============*/
/*==== #pages settinngs(pc) ====*/
/*============  ============*/

/*==== #cover(pc) ====*/
body#cover {
	
}

div#box_home_info{
position: absolute;
top: 180px;
left: 32px;
width: 280px;
z-index: 10;
		/*nest-start*/
		
		& a{
		display: block;
		transition: 0.3s;
		}

		& figure>span {
		border: 1px solid #ccc;
		display: block;
		overflow: hidden;
		border-radius: 8px;
		}
		
		& figure>span>img {
		height: auto;
		vertical-align: bottom;
		position: relative;
		transition: 0.3s;
		}
		
		& a:hover figure>span>img {
			transform: scale(1.1);
		}
		
		& figcaption {
			font-size: 1.4rem;
			margin-top: 0.5em;
			transition: 0.3s;
		}
		
		& a:hover figcaption {
			color: var(--main_kf_blue_darker);
		}
		
		/*nest-end*/
}

body#cover main {
	padding-bottom: 48px;
}

/*#box_cover_(pc)*/
[id^='box_cover_'] {
	width: 1024px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 0;
	/*nest-start*/
	& figure{
	margin: 0 auto;
	height: 90svh;
	text-align: center;
	}
	
	& a {
		display: block;
	}
	
	& h1,
	& h2{
		position: absolute;
		width: 320px;
		left: 50%;
		z-index: 1;
		margin-left: calc(90svh * 0.39);
		top: 32svh;
		font-size: 4rem;
		line-height: 1.1;
		
	}
	
	& h1 span[lang='en'],
	& h2 span[lang='en'] {
	font-size: 1.8rem;
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 600;
	color: var(--main_kf_blue);
	display: inline-block;
	border-bottom: 2px solid var(--main_kf_blue);
	}
	
	& h1 small,
	& h2 small{
		font-size: 2.8rem;
		padding-left: 0.2em;
	}
	
	& h1>a,
	& h2>a{
			/*nest-inner-start*/
			.name{
			display: block;
			padding-left: 38px;
			position: relative;
			z-index: 0;
			margin-top: 0.2em;
			}
			
			.name::before {
				content: "";
				display: block;
				position: absolute;
				width: 32px;
				height: 32px;
				top: 50%;
				left: 0;
				margin-top: -14px;
				background-image: url(../../assets_global/img/icon_arrow_circle.svg);
				background-repeat: no-repeat;
				background-size: cover;
				background-position: 100% 0;
			}
			
			span.name {
				white-space: nowrap;
			}
			
			/*nest-inner-end*/
	}
	
	& figure {
		width: calc(90svh * 0.702);
		background-color: hsla(0, 00%, 0%, .1);
	}
	
	
	
	& figure>a>img {
	height: 90svh;
	width: auto;
	display: inline-block;
	box-shadow: 0px 2px 7px hsla(0,0%,0%,0.2);
	position: relative;
	transform-origin: bottom left;
	transition: 0.3s ease-in;
	}
	
	
	
	& figure>a:hover>img {
		transform: skewY(-2deg) translateY(-2px);
	}
	
/*nest-end*/
}

#box_cover_h4{
	margin-top: 32px;
}

/*/#box_cover_(pc)*/




/*==== common text(px) ====*/

/* ===  body text(pc) === */
section {
	/*nest-start*/
	
	div.main_column {
		width: 704px;
		margin:24px auto 0 auto;
		position: relative;
		z-index: 10;
	}
	
	div.main_column>div>p {
		margin-top: 1em;
		letter-spacing: 0.04em;
		line-height: 2;
	}
	
	
	
	div.main_column>div  h2+p {
		margin-top: 1em;
	}
	
	.box_lead>p {
		font-size: 1.8rem;
		font-weight: bold;
		font-weight: 700;
		letter-spacing: 0.08em;
	}
	
/*nest-end*/
	
}
/* ===  /body text(pc) === */


/*header.basic(pc)*/

header.basic {
	text-align: center;
	margin: 0 48px;
	padding: 40px 0 0 0;
/*nest-start*/
& h1{
font-size: 4rem;
line-height: 1;
font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
letter-spacing: 0.05em;
}

& h1+p {
	font-weight: bold;
	margin-top: 0.25em;
}

& h1>small>strong,
& h1>strong {
	color: var(--main_kf_blue);
}

& h1>small{
	font-size: 1.4rem;
	display: block;
	margin-top: 0.5em;
	}

.box_lead {
	margin-top: 2em;
}

.box_lead>p{
	font-size: 1.6rem;
	line-height: 1.5;
}

/*nest-end*/
	
}
/*/header.basic (pc)*/



/*==== page-01(pc) ====*/
/*page-09とも共通*/
/*#sec_player_sp_kv(px)*/

body:not(#cover).page_01,
body:not(#cover).page_09{
	main{
	padding-top: 0;
	padding-bottom: 0;
	}
}

#sec_player_sp_kv {
	/*nest-start*/
	& >.inner{
	padding-left: 400px;
	padding-top: 48px;
position: relative;
z-index: 0;
padding-bottom: 176px;
	}
	
	& >.inner::after {
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		top: 375px;
		left: 0;
		width: 380px;
		height: 100px;
		background-color: var(--main_kf_blue_pale);
		transform: skewY(-12deg);
	}
	
	figure.player_main {
		position: absolute;
		top: 0;
		left: 8px;
		width: 380px;
		z-index: 2;
	}
	
	
	
	div.box_lead{
	width: 600px;
	}
	
	div.box_lead>p {
		font-weight: bold;
		font-weight: 600;
	}
	
	& header {
		margin-top: 56px;
		position: relative;
		z-index: 0;
	}
	
	& header>h1 {
		width: 100%;
		position: relative;
		z-index: 10;
	}
	
	& header>h1>img {
		width: 80%;
	}
	
	& header>h1>small {
		position: absolute;
		width: 120px;
		display: block;
		transform: rotate(-13deg);
	}
	
	& header>h1>small>img {
		width: 100%;
		height: auto;
	}
	
	& header figure.portrait {
		position: absolute;
		z-index: 0;
		width: 240px;
		top: -12px;
		right: 12px;
		transform: rotate(10deg);
		border: 12px solid #fff;
		box-shadow: 0px 8px 15px hsla(0,0%,0%,0.1);
	}
	
	div.box_1st_play_photo {
		margin-top:0;
		width: 500px;
	}
	
	/*nest-end*/
}


div#box_both_side_player {
	width: 100%;
	z-index: 20;
	top: 400px;
	position: absolute;
	transition: 0.3s ease-in-out;
	/*nest-start*/
	
	& > div{
	width: calc((100vw - 1024px) / 2);
	height: 460px;
	position: absolute;
	}
	

	
	& > div.left {
		top: 0;
		left: 0;
	}
	
	& > div.right {
		top: 0;
		right: 0;
	}
	
	
		& > div>span {
		display: block;
		height: 100%;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	
	& > div>span>img {
		position: relative;
		z-index: 0;
		max-width: initial;
		height: 100%;
		width: auto;
	}
	
	& > div>span {
		margin: 0 auto;
	}
	
/*nest-end*/
}

div#box_both_side_player.fixed {
	position: fixed;
	top: 230px;
}


/*#sec_sp_oneday (pc)*/

#sec_sp_oneday {
position: relative;
z-index: 0;
/*nest-start*/

& >.inner{
padding-bottom: 80px;
position: relative;
z-index: 10;
}

& header {
	width: var(--width_main_cont_pc);
	margin: 0 auto;
	position: relative;
	z-index: 10;
	mix-blend-mode:multiply;
}

& header h1{
text-align: center;
}

& header h1+p {
	font-size: 2.8rem;
	text-align: center;
	color: #5e544a;/*brown*/
	margin-top: -24px;
}

& header h1+p>span {
	display: inline-block;
	position: relative;
	z-index: 0;
	font-weight: bold;
	font-weight: 700;
}

& header h1+p>span::before {
	content: "\3008";
}

& header h1+p>span::after{
	content: "\3009";
}

.bg_note {
	position: absolute;
	z-index: 0;
	top: 130px;
	left: 0;
	width: 100%;
	overflow: hidden;
	height: 100%;
}

.bg_note>img {
	max-width: initial;
	width: 110%;
	position: relative;
	z-index: 0;
}

.bg_note>img[alt='note2'] {
	transform: scale(-1,1);
	margin-left: -80px;
	margin-top: -40px;
	mix-blend-mode:multiply;
}

/*nest-end*/
}

/*#wrapper_oneday (pc)*/

#wrapper_oneday {
display: flex;
gap:64px 40px;
flex-wrap: wrap;
padding: 48px;
padding-bottom: 0;
justify-content: flex-start;
position: relative;
z-index: 10;
/*nest-start*/

[class^="box_time_"]{
width: 30%;
/*background-color: #f5f5f5;debug*/
position: relative;
z-index: 0;
}

[class^="box_time_"]::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	background-repeat: no-repeat;
	background-size: cover;
	transform-origin: center;
	}

[class^="box_time_"]>h2 {
	font-size: 2.6rem;
	line-height: 1;
	font-weight: bold;
	font-weight: 400;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #5e544a;/*brown*/
}

[class^="box_time_"]>h2>span.time {
	margin-right: 12px;
	white-space: nowrap;
}

[class^="box_time_"]>h2>span.time>img {
	height: 56px;
	width: auto;
}

[class^="box_time_"] div.txt_body {
	margin-top: 1em;
}

[class^="box_time_"] div.txt_body>p {
	margin-top: 0.5em;
}

[class^="box_time_"]  figure {
	position: relative;
	z-index: 0;
	position: absolute;
	z-index: 10;
	transform-origin: center;
}



[class^="box_time_"]  figure>span {
	display: block;
	border: 12px solid #fff;
	box-shadow: 1px 4px 12px hsla(0,0%,0%,0.1);
	position: relative;
	z-index: 0;
	margin-top: 24px;
}

[class^="box_time_"]  figure>span>img {
	position: relative;
}

[class^="box_time_"]  figure>figcaption {
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: bold;
	font-weight: 500;
	letter-spacing: 0.025em;
	position:relative;
	z-index: 0;
	margin: 0.5em;
}

[class^="box_time_"]  figure>figcaption+span {
	margin-top: 0;
}

[class^="box_time_"]  figure>figcaption::before {
	content: "";
	display: block;
	width: 18px;
	height: 15px;
	background-color: var(--main_kf_blue);
	position: absolute;
	top: 0.3em;
}

[class^="box_time_"]  figure>figcaption.arrow_up::before {
	clip-path: polygon(50% 0, 0 100%, 100% 100%);/*上向き三角*/
}

[class^="box_time_"]  figure>figcaption.arrow_down::before {
	clip-path: polygon(0 0, 100% 0, 50% 100%);/*下向き三角*/
}

[class^="box_time_"]  figure>figcaption.arrow_left::before {
	clip-path: polygon(0 50%, 100% 0, 100% 100%);/*左向き三角*/
}

[class^="box_time_"]  figure>figcaption.arrow_right::before {
	clip-path: polygon(0 0, 100% 50%, 0 100%);/*右向き三角*/
}

[class^="box_time_"]  figure>figcaption.left {
	padding-left: 24px;
}

[class^="box_time_"]  figure>figcaption.left::before {
	left: 0;
}

div.box_extra {
	background-color: var(--main_kf_blue_pale);
	padding: 24px;
	border-radius: 0px 16px 0px 16px;
	position: relative;
	z-index: 0;
}

div.box_extra h3 {
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	padding: 0.6em 1em 0.65em 1em;
	position: relative;
	z-index: 10;
	display: inline-block;
	background-color: #5e544a;/*brown*/
	overflow: hidden;
	margin-top: -40px;
	transform: rotate(3deg);
}

div.box_extra h3::after {
	content: "";
	display: block;
	position: absolute;
	right: -20px;
	bottom: -20px;
	width: 32px;
	height: 32px;
	transform: rotate(45deg);
	background-color: var(--main_kf_blue_pale);
}

div.box_extra h3+p {
	text-align: left;
	margin-top: 12px;
}



/*nest-end*/
}

/*/#wrapper_oneday (pc)*/


/*page_02 (pc)*/

body:not(#cover).page_02 main {
	padding-top: 0;
}

/* #sec_sp_iro-iro (pc) */

#sec_sp_iro-iro {
	
	& >.inner{
	padding-bottom: 72px;
	}
	
	& >.inner .box_btn {
		margin-top: 48px;
	}
	
	
	/*nest-start*/
	& header{
	position: relative;
	z-index: 0;
	}
	
	& header::after {
		content: "";
		display: block;
		width: 100%;
		height: 200px;
		position: absolute;
		bottom: 0;
		left: 0;
		background-image: url(../../assets_global/img/bg_arch_iro-iro.svg);
		background-repeat: no-repeat;
		background-position:0 0;
		background-size: cover;
	}
	
	& h1{
	position: absolute;
	z-index: 10;
	width:350px;
	top: 120px;
	left: 50px;
	transform: rotate(-10deg);
	}
	
	.box_lead {
		margin-top: 16px;
		position: relative;
		z-index: 10;
	}
	
	.box_lead>p {
		text-align: center;
	}
	
	.box_btn {
		position: relative;
		z-index: 10;
		margin-top: -24px;
	}
	
	.box_lead img[alt='suppo_q_a'],
	.box_lead img[alt='suppo_q_b'] {
		position: absolute;
		z-index: 10;
		left: 50%;
	}
	
	.box_lead img[alt='suppo_q_a'] {
		transform: rotate(-8deg);
		width: 144px;
		margin-left: -400px;
		top: -115px;
	}
	
		.box_lead img[alt='suppo_q_b'] {
		transform: rotate(8deg);
			width: 200px;
			margin-left: 240px;
			top: -90px;
}

.box_btn {
	margin-top: 3em;
}
	
/*nest-end*/
	
}

/*#wrapper_qa (pc) */
#wrapper_qa {
	width: var(--width_main_cont_pc);
	margin: 56px auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap:48px 48px;

/*nest-start*/
.box_qa {
	width: calc((100% - 48px) / 2);
	position: relative;
	z-index: 0;
}

.box_qa:nth-of-type(odd)::after {
	content: "";
	position: absolute;
	display: block;
	right: -23px;
	top: 0;
	width: 4px;
	height: 100%;
	background-image: url(../../assets_global/img/bg_dotted_border_brown.svg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.box_qa h2 {
	font-family: var(--main_jp_maru_miyabi);
	font-size: 2rem;
	line-height: 1.4;
	color: #706342;
}

.box_qa h2 small {
	margin-left: 0.5em;
}


.box_qa .box_answer {
	margin-top: 1.5em;
}

.box_qa .box_answer>p {
	line-height: 1.8;
}

.box_qa h2>img,
.box_qa .box_answer>img {
	display: inline-block;
	float: left;
	margin-right: 16px;
	position: relative;
	z-index: 0;
	margin-bottom: 0.5em;
}

.box_qa h2>img {
	margin-right: 12px;
	transform: rotate(-8deg);
	top: 2px;
	left: 2px;
}

.box_qa .box_answer>img {
	margin-right: 16px;
	left: 8px;
	top: 4px;
	transform: rotate(10deg);
}


.box_qa .box_answer figure {
	margin-top: 2em;
}




/*nest-end*/
}	

/*==== #sec_sp_measure (pc) ====*/
#sec_sp_measure {
	/*nest-start*/
	& >.inner{
	padding-bottom: 32px;
	}
	
	#wrapper_measure {
	margin: 32px 32px 0 32px;
	background-color: #F5F5F5;
	position: relative;
	z-index: 0;
	min-height: 882px;
	
	/* 40px グリッド */
  background-image:
    linear-gradient(to right, #fff 2px, transparent 2px),
    linear-gradient(to bottom, #fff 2px, transparent 2px);
  background-size: 40px 40px;
	}
	
	#wrapper_measure>.box_title{
		position: relative;
		top: -32px;
		left: 28px;
		width: 272px;

	}
	
	.box_expl {
		margin-top: 0px;
		padding: 14px;
	}
	
	.box_expl>p {
		letter-spacing: 0.05em;
		font-size: 1.8rem;
		font-weight: normal;
		font-weight: 500;
	}
	
	.box_expl>p.note {
		font-size: 1.4rem;
		margin-top: 0.6em;
		color: #777;
		font-weight: normal;
	}
	
	#box_main_measure {
		position: absolute;
		top: -48px;
		right: 16px;
	}
	
/*nest-end*/
}

/*==== #sec_sp_measure (pc) ====*/


/*==== #sec_sp_bestshot (pc) ====*/

#sec_sp_bestshot {
		/*nest-start*/
		& >.inner{
		padding: 32px 0 48px 0;
		}
		
		& header{
		text-align: center;
		}
		
		& header h1 {
			line-height: 1;
		}
		
		& header h1>img {
			width: 240px;
		}
		
		& header h1>span {
			display: block;
			font-size: 2.4rem;
			margin-top: 1.8em;
			font-family: var(--main_jp_serif);
			font-weight: normal;
			font-weight: 600;
			letter-spacing: 0.3em;
		}
		
		& header p.name {
			border-top: 1px solid #aaa;
			margin-top: 16px;
			padding-top:1em;
			font-family: var(--main_jp_serif);
			line-height: 1;
			font-size: 1.3rem;
			font-weight: regular;
			font-weight: 400;
			font-feature-settings: "palt" 1;
			letter-spacing: 0.02em;
		}
		
		.box_photo {
			margin-top: 15px;
			
		}
		
		.box_photo>figure {
			border-bottom: 1px solid #aaa;
		}
		
		.box_photo>figure>figcaption {
			font: var(--main_en_cond_reg);
			font-size: 1.6rem;
			text-align: center;
			line-height: 1.6;
			margin-top: 0.2em;
			padding-bottom: 0.4em;
		}
		
		.box_photo > .box_expl {
			width: var(--width_main_cont_pc);
			margin: 32px auto 0 auto;
		}
		
		.box_photo > .box_expl h2 {
			text-align: center;
			font-family: var(--main_jp_serif);
			font-size: 1.8rem;
			letter-spacing: 0.05em;
			line-height: 1.6;
		}
		
		.box_photo > .box_expl h2>small {
			font-size: 1.2rem;
			letter-spacing: 0;
			font-weight: normal;
		}
		
		.box_photo > .box_expl h2+p {
			margin-top: 1.6em;
		}
		
		.box_photo > .box_expl>p {
			margin-top: 0.3em;
		}
		
		
		
		
		
		/*nest-end*/
}

/*==== /#sec_sp_bestshot (pc) ====*/


/* #sec_sp_measure (pc) */
#sec_sp_imp_uniform{
/*nest-start*/

& >.inner{
padding: 48px 0 0 48px;	
	position: relative;
	z-index: 10;
	min-height: 1000px;
}

.box_lead {
	position: relative;
	z-index: 10;
}

.box_lead>p {
	font-family: var(--main_jp_maru_miyabi);
	font-weight: bold;
	font-weight: 800;
}

& h1 {
	width: 456px;
	height: 168px;
	overflow: hidden;
	position: absolute;
	z-index: 50;
	top: 48px;
	right: -24px;
	transform: rotate(20deg);
}

div.box_uni_bnr{
width: 562px;
height: 562px;
position: absolute;
top: 176px;
right: 80px;
z-index: 10;
}

div.box_impression {
	width: 300px;
	margin-top: 40px;
	position: relative;
	z-index: 0;
}


div.box_impression::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	left: 12px;
	top: 40px;
	width: 400px;
	height: 400px;
	transform: rotate(15deg);
	background-color: var(--main_kf_blue_pale);
}

div.box_impression h2 {
	font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
color: var(--main_kf_blue_darker);
font-size: 1.8rem;
line-height: 1.2;
position: absolute;
top: 16%;
left: 24px;
z-index: 20;
}

div.box_impression figure {
	width: 350px;
	text-align: center;
	position: relative;
z-index: 10;
}

div.box_impression figure>img {
	height: 260px;
	display: inline-block;
}

div.box_impression>div.baloon {
	margin-top: 16px;
	position: relative;
	z-index: 10;
	padding: 0 0 0 32px;
}

div.box_impression>div.baloon>p {
	font-size: 1.8rem;
}

div.box_btn {
	margin-top: 300px;
}




/*nest-end*/
}
/* /#sec_sp_measure (pc) */


/* page_03 (pc) */

body:not(#cover).page_03{
	main{
	padding-bottom: 24px;
	}
}





/*==== sec_player_sp_thats_him(pc) ====*/



/*==== page_03,09共通 ====*/



#sec_player_sp_thats_him {
		/*nest-start*/
		
		& header{
		position: relative;
		z-index: 0;
		}
		
		& >.inner {
			padding-bottom: 72px;
			min-height: 1000px;
		}
		
		& header::after {
			content: "";
			display: block;
			position: absolute;
			top: 12%;
			left: 50%;
			margin-left: -30%;
			z-index: 0;
			border-radius: 12px;
			width: 59%;
			height: 100%;
			transform: rotate(3deg);
			background-color: var(--main_kf_blue_pale);
		}
		
		& h1 {
			text-align: center;
			position: relative;
			z-index: 10;
		}
		
		& h1>span {
			display: inline-block;
			position: relative;
			z-index: 0;
		}
		
		& h1>span>img {
			height: 140px;
		}
		
		div.box_lead{
		position: relative;
		z-index: 10;
		margin-top: 1em;
		}
		
		div.box_lead>p {
			font-size: 2rem;
			font-weight: bold;
			font-weight: 700;
			letter-spacing: 0.08em;
			line-height: 1.4;
			text-align: center;
			position: relative;
			z-index: 20;
		}
		
		img.cloud {
			position: absolute;
			z-index: 0;
		}
		
		img.cloud.left {
			left: 110px;
			bottom: -18px;
			transform: scale(-1,1);
			width: 120px;
		}
		
		img.cloud.right{
			width: 224px;
			right: 140px;
			bottom:-70px ;
		}
		
		/*main_column(pc)*/
		
		.main_column {
			width: auto;
			margin-top: 32px;
			position: relative;
		}
		
		.main_column>ul {
			width: 928px;
			height: auto;
			margin: 0 auto;
			column-count: 3;
			flex-wrap: wrap;
			gap:32px 32px;
			position: relative;
			z-index: 10;
		}
		
		.main_column>ul>li {
			column-width: calc((100% - 32px * 2) / 3);
		}
		
		
		
		.main_column>ul>li>h2 {
			font-size: 1.6rem;
			line-height: 1.2;
			position: relative;
			z-index: 0;
			color: #fff;
			padding-top: 94px;
		}
		
		.main_column>ul>li>h2 small[lang='en'] {
			text-transform: uppercase;
			font-size: 1.4rem;
			display: block;
			font: var(--main_en_cond_med);
			letter-spacing: 0.05em;
			position: relative;
			top: 0.3em;
			margin-right: 0.25em;
		}
		
		.main_column>ul>li>h2>span {
			display: flex;
			align-items: center;
			background-color: #888;
			padding: 0.5em 0.5em 0.6em 0.7em;
		}
		
	
		
		
		.main_column>ul>li>h2>figure {
			position: absolute;
			bottom: 0;
			right: 8px;
			height: 124px;
			z-index: 10;
		}
		
		.main_column>ul>li>h2>figure>img {
			height: 125px;
		}
		
		.main_column>ul>li p {
			line-height: 1.6;
			color: var(--main_kf_blue_darker);
			font-weight: bold;
			font-weight: 500;
		}
		
		.main_column>ul>li>h2+p {
			margin-top: 10px;
		}
		
		.main_column>ul>li.large p {
			font-size: 2.8rem;
			line-height: 1.4;
			font-weight: bold;
			font-weight: 600;
		}
		

		
		div#player_hero {
			width: 320px;
			height: 382px;
			position: relative;
			z-index: 10;
			padding-top: 60px;
			position: absolute;
			z-index: 0;
			left: 50%;
			margin-left: -160px;
		}
		
		div#player_hero>span {
			position: relative;
			display: block;
			z-index: 10;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		
		div#player_hero>img.main_player {
			position: relative;
			z-index: 10;
			width: 320px;
			left: 0;
		}
		
		div#player_hero p.display_name {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 160px;
			}
			
		div#player_hero p.display_name>img {
			width: 100%;
		}
		
		div#player_hero img.cloud {
			position: absolute;
			z-index: 0;
			bottom: 0;
			left: -15%;
			max-width: none;
			width: 130%;
		}
		
		div#bg_clouds {
			position: absolute;
			z-index: 0;
			width: 100%;
			height: 100%;
		}
		
		div#bg_clouds img[class^="cloud"] {
			position: absolute;
			left: 50%;
			top: 50%;
			transform:-origin:bottom center;
		}
		
		/*nest-end*/
}


/*==== /sec_player_sp_thats_him(pc) ====*/


/*page_03*/
/*==== #sec_sp_those_days(pc) ====*/


#sec_sp_those_days {
border-top:48px solid var(--main_kf_blue_pale);
padding-bottom: 0;
		/*nest-start*/
		
		& >.inner{
		margin: 24px 24px 0 24px;
		background-color: hsl(47, 80%, 97%);
		padding-bottom: 64px;
		}
		
		& header {
		position: relative;
		z-index: 0;
		height: 320px;
		}
		
		& header>h1 {
		position: absolute;
		right: 120px;
		top: 32px;
		width: 174px;
		}
		
		span.bg_img {
		display: block;
		position: absolute;
		left: 0;
		top: 94px;
		width: 64%;
		z-index: 0;
		overflow: hidden;
		}
		
		span.bg_img>img {
		max-width: none;
		width: 115%;
		position: relative;
		left: -90px;
		}
		
		& header>p.people {
		font-family: var(--main_jp_serif);
		font-size: 2.8rem;
		font-weight: bold;
		font-weight: 600;
		position: relative;
		z-index: 10;
		text-align: right;
		line-height: 1.3;
		margin-right: 398px;
		top:88px ;
		}
		
		& header>p.people small:nth-of-type(1) {
		font-size: 1.4rem;
		display: block;
		}
		
		.box_lead {
		position: relative;
		z-index: 0;
		padding: 2.5em 0.25em 3.2em 0.25em;
		}
		
		.box_lead::before,
		.box_lead::after {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-image: radial-gradient(circle, hsla(76, 9%, 55%) 60%, transparent 60%);
		background-size: 8px 2px; /* ← 横幅がタイル幅、縦はドット直径 */
		background-repeat: repeat-x;
		}
		
		.box_lead::before {
		top: 0;
		}
		
		.box_lead::after  {
		bottom: 0;
		}
		
		div.main_column .box_lead>p {
		font-weight: bold;
		font-weight: 600;
		margin-top: 0;
		}
		
		div.main_column>div:not(.box_lead) {
		margin-top: 6em;
		}
		
		div.main_column>div:not(.box_lead)  h2,
		div.main_column>div:not(.box_lead)  p,
		div.main_column>div.end_profile h3{
		color: #42453A;
		}
		
		div.main_column>div:not(.box_lead)  h2 {
		font-size: 2.4rem;
		letter-spacing: 0.05em;
		font-weight: bold;
		font-weight: 600;
		}
		
		div.main_column>div.end_profile {
		width: 60%;
		margin: 6em auto 0 auto;
		}
		
		div.main_column>div.end_profile h3 {
		text-align: center;
		font-size: 1.6rem;
		border-bottom: 1px solid #ccc;
		padding-bottom: 0.5em;
		}
		
		div.main_column>div.end_profile figure+h3 {
		margin-top: 1em;	
		}
		
		div.main_column>div.end_profile figure {
		border: 12px solid #fff;
		}
		
		div.main_column>div.end_profile p {
		margin-top: 0.5em;
		font-size: 1.4rem;
		line-height: 1.6;
		letter-spacing: 0.03em;
		}
		
		div.main_column>div.end_profile h3+p {
		margin-top: 1em;
		}
		
		div.main_column div figure:not(.float_left):not(.float_right) {
		margin-top: 3em;
		}
		
		div.main_column div figure>span{
		display: block;
		border: 12px solid #fff;
		}
		
		div.main_column div figure>span+span {
		margin-top: 16px;
		}
		
		
		
		/*nest-end*/
}


/*==== #sec_sp_those_days(pc) ====*/


/*04.html*/
/*==== #sec_sp_cameraroll(pc) ====*/

body.page_04 {
	main{
	min-height: initial;
	}
}

#sec_sp_cameraroll {
	
	/*nest-start*/
	& >.inner{
	width: 100%;
	height: 820px;
	position: relative;
	z-index: 0;
	}
	
	
	.bg_album{
	position: absolute;
	z-index: 0;
	top: -24px;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
	}
	
	.bg_album>img {
		position: relative;
		z-index: 0;
		height: 840px;
		width: auto;
		margin-left: -64px;
	}
	
		#box_album_control {
		position: absolute;
		right: 32px;
		top: 8px;
		z-index: 10;
		width: 224px;
	}
	
	#box_album_control header {
		position: relative;
		right: 0;
		text-align: right;
		padding-right: 72px;
	}
	
	#box_album_control header img[alt='camera'] {
		position: absolute;
		top: -32px;
		right: -42px;
		width: 116px;
	}
	

	
	#box_album_control h1 {
		display: inline-block;
		width: 154px;
		height: auto;
		position: relative;
		color: #444;
		z-index: 0;
		font: var(--main_en_cond_reg);
		font-size: 2rem;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	
	#box_album_control h1>span {
		position: absolute;
		display: block;
		right: 0;
		top: 4px;
	}
	
	#box_album_control header p {
		text-align: right;
	}
	
	#box_album_control h1+p{
		line-height: 1.3;
		margin-top: 0.4em;
		font-weight: bold;
		font-weight: 600;
	}
	
	#box_album_control header p.note {
		font-size: 1.4rem;
		color: #777;
		margin-top: 0.5em;
	}
	
	#box_thumbnails {
		width: 248px;
		height: 558px;
		margin-top: 20px;
		overflow-y: scroll;
/*nest-inner-start*/

	& ul{
	display: flex;
	flex-wrap: wrap;
	gap:12px 12px;
	}
	
	& ul>li {
		width: 106px;
		height: 106px;
		overflow: hidden;
		position: relative;
		z-index: 0;
		cursor: pointer;
	background-color: #000;
	}
	
	& ul>li.active {
		pointer-events: none;
		border: 4px solid var(--main_kf_blue);
	}
	
	
	
	& ul>li>img {
		height: 154%;
		max-width: none;
		width: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -44%);
		transition: 0.3s;
	}
	
	& ul>li:hover>img {
		transform: scale(1.1) translate(-50%, -44%);
		opacity: 0.85;
	}

/*nest-inner-end*/
	}
	
	#box_main_photo {
		position: absolute;
		top: 34px;
		left: 144px;
		z-index: 10;
		width: 560px;
		height: 708px;
	}
	
	#box_main_photo figcaption {
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight: bold;
		font-weight: 600;
		color: #877E5D;
		width: 80%;
		margin: 0 auto;
	}
	
	#box_main_photo figure>span {
		display: block;
		height: 670px;
	}
	
	#box_main_photo figure>span>img {
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%,-53%) rotate(2deg);
		max-width: 100%;
		max-height: 640px;
		border: 12px solid #fff;
		box-shadow: 3px 6px 5px hsla(0,0%,0%,0.15);
	}
	
	#box_main_photo figure.deg_plus>span>img {
		transform: translate(-50%,-53%) rotate(2deg);
	}
	
	#box_main_photo figure.deg_minus>span>img {
		transform: translate(-50%,-53%) rotate(-2deg);
	}
	
	/*ul#cr_switcher (pc)*/
	ul#cr_switcher {
		position: relative;
		z-index: 100;
		width: 560px;
		height: 40px;
		display: flex;
		justify-content: space-between;
  margin: 0 0 0 148px;
		top: 700px;
	}
	
/* ボタンの見た目は常に表示しておく */
ul#cr_switcher > li {
  position: relative;
  z-index: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 36px;
  height: 36px;
}

/* next / prev の位置 */
ul#cr_switcher > li#btn_next {
  
}

ul#cr_switcher > li#btn_prev {
  
}

/* ボタン本体 */
ul#cr_switcher > li > span {
  width: 36px;
  height: 36px;
  display: block;
  position: relative;
  text-indent:100%;
white-space:nowrap;
overflow:hidden;
  background-image: url(../../assets_global/img/icon_arrow_circle_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  
}

/* prev の反転 */
ul#cr_switcher > li#btn_prev > span {
  transform: scale(-1, 1);
}

/* disabled 状態（見た目と操作無効） */
ul#cr_switcher > li.disabled {
  opacity: 0.3;
  pointer-events: none;
}

& ul>li.disable>span {
		pointer-events: none;
		opacity: 0.3;
	}

	
/*nest-end*/
}

/*==== /#sec_sp_cameraroll(pc) ====*/


/*page_05*/
/*==== #sec_be_a_professional(pc) ====*/
#sec_be_a_professional {
	
	/*nest-start*/
	
	& >.inner{
		padding-bottom: 64px;
		}
		
	.box_lead{
	text-align: center;
	margin-top: 24px;
	}
	
	.box_lead>p {
		color: #6BA811;
	}
	
	& header h1 {
		font-size: 2rem;
		text-align: center;
		position: relative;
		z-index: 0;
	}
	
	& header h1>img {
		height: 160px;
		width: auto;
		position: relative;
		z-index: 0;
	}
	
	& header h1 span {
		position: absolute;
		display: block;
		z-index: 10;
		bottom: 0.6em;
		width: 100%;
		text-align: center;
		left: 50%;
		margin-left: -50%;
		color: #fff;
	}
	
	div.main_column {
		margin-top: 32px;
		position: relative;
		z-index: 0;
		padding-top: 32px;
	}
	
	div.main_column::before {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-image: radial-gradient(circle, #6BA811 60%, transparent 60%);
		background-size: 8px 2px; /* ← 横幅がタイル幅、縦はドット直径 */
		background-repeat: repeat-x;
		top: 0;
	}
	
	
	div.main_column>div>h2 {
		font-size: 2.4rem;
		letter-spacing: 0;
		font-weight: bold;
		font-weight: 700;
		color: #6BA811;
		text-align: center;
		margin-top: 2.5em;
		}
		
		
		
		div.main_column>div:nth-of-type(1)>h2 {
			margin-top: 0;
		}
		
		div.main_column>div:nth-of-type(1)>p+h2{
			margin-top: 2.5em;
		}
		
		div.main_column>div>figure {
			margin-top: 3em;
		}
		
		div.main_column>div>figure>span {
			display: block;
		}
		
		
		div.main_column>div.box_ending {
			padding-top: 80px;
			position: relative;
			z-index: 0;
			/*nest-start*/
			
			&::after{
			content: "";
			display: block;
			width: 32px;
			height: 32px;
			border-radius: 16px;
			background-color: #6BA811;
			position: absolute;
			top: 28px;
			left: 50%;
			margin-left: -16px;
			}
			
			p{
			line-height: 1.6;
			letter-spacing: 0;
			text-align: center;
			font-size: 2.2rem;
			font-weight: bold;
			font-weight: 800;
			font-style: oblique 10deg;
		color: #6BA811;
		margin: 0;
			}
			
			
/*nest-end*/
		}
		
/*nest-end*/
}

/*page_05 (pc)*/
/*==== #box_naritai_history (pc) ====*/
#box_naritai_history {
	background-color: #E8FAE2;
	width: 216px;
	border-radius: calc(224px / 2);
	float: right;
	margin: 24px 0 0 24px;
	padding-top: 36px;
	text-align: center;
	/*nest-start*/
	
	& >.inner{
	width: calc(216px - 20px * 2);
	margin: 28px 20px 20px;
	padding-bottom: 48px;
	text-align: left;
	}
	
	& h3{
	font-size: 2.4rem;
	line-height: 1.2;
	text-align: center;
	padding-left: 40px;
	position: relative;
	z-index: 0;
	display: inline-block;
	}
	
	& h3::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 3px;
		width: 40px;
		height: 54px;
		background-image: url(../../assets_global/img/icon_naritai_player_boy.svg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	& dl {
		letter-spacing: 0;
		position: relative;
		z-index: 0;
	}
	
	& dl::after {
		content: "";
		width: 5px;
		height: calc(100% - 70px);
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 9px;
	}
	
	& dl>dt,
	& dl>dd {
		position: relative;
		z-index: 10;
	}
	
	& dl>dt {
		padding-left: 28px;
		font: var(--main_en_med);
		font-size: 2.4rem;
		color: #6BA811;
		line-height: 0.7;
		margin-top: 32px;
	}
	
	& dl>dt:nth-of-type(1) {
		margin-top: 0;
	}
	
	& dl>dt small[lang="ja"] {
		font-family: var(--main_jp);
		font-weight: bold;
		position: relative;
		margin-left: 0.1em;
		font-size: 1.8rem;
		top: -0.03em;
	}
	
	& dl>dt::before {
		content: "";
		position: absolute;
		display: block;
		width: 23px;
		height: 23px;
		left: 0;
		top: 50%;
		margin-top: -14px;
		background-image: url(../../assets_global/img/icon_border_circle.svg);
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	& dl>dd {
		padding-left: 28px;
		margin-top: 0.5em;
	}
	
	& dl>dd>p {
		font-size: 1.3rem;
		line-height: 1.4;
		letter-spacing: 0;
		font-weight: bold;
		font-weight: 500;
		margin: 0.5em 0 0 0;
	}
	
	& dl>dd>h4 {
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: bold;
		font-weight: 700;
	}
	
/*nest-end*/
}


/*==== #sec_be_a_professional(pc) ====*/


/*==== #sec_sp_fashion_ck (pc) ====*/
#sec_sp_fashion_ck {
	& >.inner{
	padding-bottom: 72px;
	}
	
	/*nest-start*/
	
	& header{
	position: relative;
	z-index: 0;

	}
	
	& header > h1 {
		position: relative;
		z-index: 0;
	}
	
	& header > div.sub_title {
		position: absolute;
		z-index: 10;top: 244px;
		text-align: center;
		width: 100%;
	}
	
	& header > div.sub_title p {
		font:var(--main_en_reg);
		font-size: 1.8rem;
		text-transform: uppercase;
		line-height: 0.7;
		letter-spacing: 0.092em;
	}
	
	& header > div.sub_title p>strong {
		font:var(--main_en_med);
		font-size: 3.2rem;
		font-weight: normal;
	}
	
	div.box_catch {
		display: flex;
		justify-content: center;
		position: relative;
		z-index: 10;
		margin-top: -70px;
	}
	
	div.box_catch>figure {
		width: 128px;
		height: 128px;
		border-radius: 64px;
		background-color: var(--main_kf_blue_pale);
		margin: 0 12px;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	
	div.box_catch>figure>img {
		max-width: none;
		width: 150%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-38%);
	}
	
		div.box_catch>p {
			width: 40%;
			font-size: 2rem;
			padding-top: 1em;
			font-weight: bold;
			font-weight: 600;
			letter-spacing: 0.3em;
		}
		
		div.box_catch>p:nth-of-type(1) {
			text-align: right;
		}
		
		
		#box_fashions {
			width: calc(100% - 96px * 2);
			margin: 24px auto 0 auto;
			
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap:48px;
		}
		
		#box_fashions>div {
			width: calc((100% - 48px * 1 ) / 2);
			position: relative;
			z-index: 0;
			
		}
		
		#box_fashions>div.box_comment {
			background-color: #D5F2FF;
			height:588px ;
		}
		
		#box_fashions>div.box_comment h2 {
			display: inline-block;
			background-color: #BCAE2F;
			font-size: 2rem;
			color: #fff;
			padding: 13px 16px 13px 16px;
			line-height: 1;
			position: absolute;
			top: -24px;
			left: 50%;
			white-space: nowrap;
			transform: translateX(-50%) rotate(-4deg);
		}
		
		#box_fashions>div.box_comment>.inner {
			width: 72%;
			margin: 48px auto;
		}
		
		#box_fashions>div.box_comment>.inner>p {
			font-size: 1.8rem;
			line-height: 1.7;
			margin-top: 0.7em;
			font-weight: bold;
			font-weight: 500;
		}
		
		
		
		#box_fashions>div figure>span {
			display: block;
			position: relative;
			z-index: 0;
		}
		
		#box_fashions>div figure figcaption {
			font-size: 1.4rem;
			line-height: 1.4;
			margin-top: 1em;
			font-weight: bold;
			font-weight: 500;
		}
		
		#box_fashions>div figure figcaption br {
			display: none;
		}
		
		#box_fashions>div ul.actions {
			position: absolute;
			z-index: 10;
			right: -8px;
			width: 40px;
			display: flex;
			flex-wrap: wrap;
			height: 80px;
			top: 540px;
			align-content: flex-end;
			gap:6px 0;
		}
		
		#box_fashions>div ul.actions>li{
		}
		
			#box_fashions>div ul.actions>li>button {
			width: 40px;
			height: 40px;
			
			background-image: url(../../assets_global/img/btn_play_zoom.svg);
			background-repeat: no-repeat;
			background-size: cover;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
			transform-origin: center;
			transition: 0.3s;
			}
		
		#box_fashions>div ul.actions>li>button.play_video {
			background-position: 0 0;
		}
		
		#box_fashions>div ul.actions>li>button.zoom_photo {
			background-position: 100% 0;
			display: none;
		}
		
		#box_fashions>div ul.actions>li:hover>button {
			transform: scale(1.1);
		}
	
	
	
/*nest-end*/
	
	
}


#lay_fc_check,
#box_fashions {
	
	/*nest-start*/
div span.week {
position: absolute;
z-index: 10;
right: 12px;
top: -12px;
width: 72px;
height: 72px;
display: flex;
font: var(--main_en_cond_reg);
line-height: 1;
justify-content: center;
align-items: center;
text-transform: uppercase;
color: #fff;
font-size: 2.4rem;
letter-spacing: 0.05em;
transform-origin: center;
background-color: #72A5AA;
}

/*nest-end*/
}

#box_fashions>div:nth-of-type(even) span.week {
transform: rotate(5deg);
}

#box_fashions>div:nth-of-type(odd) span.week {
transform: rotate(-5deg);
}

#box_fashions>div:nth-of-type(7) span.week {
background-color: #29A0D8;
} 

#box_fashions>div:nth-of-type(8) span.week {
background-color: #B07470;
}



#lay_fc_check {
	position: fixed;
	width: 100%;
	height: 100svh;
	z-index: 300;
	display: none;
	/*nest-start*/
	
& >.inner{
	height: 95%;
	}
	
	& figure {
		width: 500px;
		text-align: center;
		padding: 24px;
	}
	& figure>span {
		display: inline-block;
		text-align: center;
	}
	
	div span.week {
		position: absolute;
		z-index: 10;
		line-height: 1.3;
		top: 56px;
		margin-left: 10vw;
		right: auto;
		left: 50%;
		font-size: 3.6rem;
		width: 88px;
height: 88px;
transform: rotate(10deg);
	}
	
	#box_fc_img {
		position: relative;
		z-index: 0;
		margin: 0;
		padding: 24px;
		height: 100%;
		background-color: #fff;
		display: flex;
		justify-content: center;
	}
	
	#box_fc_img >figure>span,
	#box_fc_img >figure {
		height: 100%;
	}
	
	#box_fc_img >figure {
		padding: 0;
	}
	
	#box_fc_img >figure>span>video {
		height: 100%;
	}
	
	#box_fc_img >figure>figcaption {
		position: absolute;
		left: 50%;
		top: 45%;
		font-size: 2.4rem;
		width: 260px;
		margin-left: calc(37vw - 190px);
		text-align: left;
	}
	
	#box_fc_img >figure>figcaption br {
		display: block;
	}

	
/*nest-end*/
}

/*page_06 (pc)*/
/*page_10も*/

body.page_06 main,
body.page_10 main{
	padding: 0;
}

/*==== #sec_sp_interview (pc) ====*/

#sec_sp_interview {
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 104px;
	}
	
	#box_kv_interview{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
	}
	
	#box_kv_interview>span {
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
		display: block;
	}
	
	#box_kv_interview div.box_names {
		position: absolute;
		z-index: 10;
		right: 0;
		bottom: 0;
		display: flex;
		justify-content: flex-end;
		align-content: flex-end;
		align-items: flex-end;
		padding: 0 20px 24px 0;
	}
	
	
	
	#box_kv_interview div.box_names p {
		color: #fff;
		font: var(--main_en_cond_reg);
	}
	
	#box_kv_interview div.box_names p {
		color: #fff;
		font: var(--main_en_cond_reg);
		line-height: 1;
		position: relative;
		text-align: right;
		text-transform: uppercase;
	}
	
	#box_kv_interview div.box_names p:not(.num) {
		font-size: 2.8rem;
	}
	
	#box_kv_interview div.box_names p.num {
		font-size: 14rem;
		margin-left: 0.1em;
		top: 0.08em;
		letter-spacing: -0.05em;
	}
	
	#box_kv_interview div.box_names.left {
		right: auto;
		left: 2em;
		flex-direction: row-reverse;
	}
	
	#box_kv_interview div.box_names.left p.num {
		margin-right: 0.1em;
	}

	
		
	.box_lead{
	text-align: center;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.box_lead p.note {
	font-size: 1.4rem;
	font-weight: normal;
	margin-top: 0.75em;
	color: #555;
}

& header {
	margin-top: 24px;
}
	& header>h1 {
		text-align: center;
		text-transform: uppercase;
		font: var(--main_en_cond_light);
		font-size: 7.2rem;
		line-height: 0.9;
		letter-spacing: 0.02em;
	}
	
	& header>h1 small.name {
		font: var(--main_en_cond_reg);
		font-size: 2.8rem;
		text-transform: uppercase;
		color: var(--main_kf_blue);
		display: block;
	}
	
	& header+.box_lead {
		margin-top: 16px;
	}
	
	div.main_column {
		margin-top: 32px;
	}
	
	div.main_column>div>p {
		line-height: 1.8;
	}
	
	div.main_column>div figure {
		margin-top: 32px;
	}
	
	div.box_topics {
		margin-top: 48px;
		border: 4px solid var(--main_kf_blue_pale);
		border-radius: 12px;
		padding: 2em 3em 3em 3em;
	}
	
	div.box_topics p {
		margin-top: 1em;
		line-height: 1.8;
	}
	
	div.box_topics h2 {
		font:var(--main_en_cond_reg);
		font-size: 4rem;
		line-height: 1;
	}
	
	div.box_topics h2>strong {
		font-weight: 400;
		color: var(--main_kf_blue);
}
	
/*nest-end*/
}

/*interview - talk common*/


div.main_column>div>p.int {
		font-weight: bold;
		font-weight: 700;
		margin-top: 2em;
		color: var(--main_kf_blue_darker);
	}
	
	div.main_column>div>p.int>span {
		white-space: nowrap;
  letter-spacing: 0;
		margin-right: 0.5em;
	}
	

	
	div.main_column>div>p+p{
		margin-top: 0.55em;
	}
	
	div.main_column>div>p.int+p {
		margin-top: 0.6em;
	}
	
	div.main_column>div>p:not(.int) strong {
		position: relative;
		z-index: 0;
		margin-right: 0.25em;
	}
	
	div.main_column>div>p:not(.int) strong::after {
		content: "";
		width: 0.9em;
		height: 0.9em;
		display: inline-block;
		background-color: var(--main_kf_blue);
		border-radius: 50%;
		position: relative;
		top: 0.06em;
		margin-left: 0.1em;
	}
	
	div.main_column>div>p.bk strong::after {
		background-color: #555;
	}
	
	div.main_column>div>p.gold strong::after {
		background-color: #bca85c;
	}
	
	div.main_column>div>p.green strong::after {
		background-color: #63bd6a;
	}

/*==== #sec_sp_memorable_game (pc) ====*/

#sec_sp_memorable_game {
/*nest-start*/


& >.inner{
padding-top: 48px;
padding-bottom: 72px;
}

& header {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 0;
	align-items: flex-end;
}

& header h1>img {
	height: 70px;
	width: auto;
}

& header h1+p {
	margin-left: 16px;
	font: var(--main_en_cond_reg);
	font-size: 3.2rem;
	line-height: 0.95;
	position: relative;
	top: 0.2em;
}

& header h1+p>span:nth-of-type(1) {
	color: var(--main_kf_blue);
}

& header h1+p>span:nth-of-type(2) {
	color: var(--main_kf_gold);
}

& header h2 {
	width: 100%;
	text-align: center;
	font-size: 2rem;
	line-height: 1;
	margin-top: 1em;
}

#box_photo_frame {
width: 748px;
margin: 24px auto 0 auto;
background-color: var(--main_bk);
}

#box_photo_frame h3,
#box_photo_frame p {
	color: #fff;
}

#box_photo_frame>.inner {
	padding: 24px 40px 48px 40px;
}

#box_photo_frame>.inner:nth-of-type(1) {
	padding: 24px 40px 24px 40px;
	text-align: center;
}

#box_photo_frame p.sttl {
	text-transform: uppercase;
	font: var(--main_en_cond_reg);
	color: var(--main_kf_blue);
	font-size: 3.2rem;
	line-height: 1;
}

#box_photo_frame h3 {
	font-size: 2.4rem;
}

#box_photo_frame h3>small {
	font-size: 1.6rem;
}

#box_photo_frame>.inner p.comment {
	font-weight: bold;
	font-weight: 600;
	color: var(--main_kf_blue);
	font-size: 1.8rem;
	line-height: 1.8;
}

#box_photo_frame>.inner p.expl+p.comment {
	margin-top: 0.5em;
}

#box_photo_frame>.inner p.comment+p {
	margin-top: 1em;
}

/*nest-end*/
}

/*==== /#sec_sp_memorable_game (pc) ====*/



/*==== #sec_sp_profile (pc) ====*/

#sec_sp_profile {
/*nest-start*/
	& >.inner{
	padding: 48px 48px 72px 48px;
	}
	& h1 {
	font: var(--main_en_cond_light);
		font-size: 4.2rem;
		line-height: 1.2;
	text-transform: uppercase;
	font-weight: 400;
	}
	
	& h1>span {
		color: var(--main_kf_blue);
	}
	
	& h1,
	& h1+p {
	text-align: center;
	}
	
	& h1+p {
		line-height: 1;
		font-size: 1.8rem;
		font-weight: bold;
		font-weight: 600;
	}
	
	& figure {
		width: 384px;
		height: 384px;
		background-color: #aaa;
		margin-top: 24px;
	}
	
	& figure,
	div.box_text_body {
		margin: 24px auto 0 auto;
	} 
	
	div.box_text_body {
		width: 848px;
	}
	
	div.box_text_body>p {
		font-size: 1.6rem;
		letter-spacing: 0.05em;
		margin-top: 0.75em;
	}
	
/*nest-end*/	
}


/*==== /#sec_sp_profile (pc) ====*/


/*page_07*/

/*==== #sec_blue_hotline (pc) ====*/

#sec_blue_hotline {
	/*nest-start*/
	
	& >.inner{
	padding: 0 64px 72px 64px;
	}
	
	
	& header{
width: 520px;
position: relative;
z-index: 0;
left: -24px;
	}
	
	& header h1 {
		width: 100%;
		position: relative;
		z-index: 0;
		margin-top: -24px;
	}
	
	& header h1 span.sub {
		position: absolute;
		bottom: 68px;
		right: 94px;
		width: 254px;
	}
	
	div.box_players_name {
		padding-left:62px;
		margin-top: -52px;
	}
	
	div.box_players_name>p {
		text-align: center;
	}
	
	& header p.duo {
		position: relative;
	font: var(--main_en_cond_med);
	font-size: 6.4rem;
	line-height: 0.8;
	text-align: center;
	letter-spacing: 0.05em;
	}
	
	& header  p.duo span.cross {
		display: inline-block;
		width: 32px;
		position: relative;
		top: -0.08em;
		margin: 0 0.1em 0 0.1em;
	}
	
	& header  p.duo span.cross>img {
		width: 100%;
		height: auto;
	}
	
	& header p.duo_jp {
		font-weight: bold;
		font-weight: 800;
		font-size: 2.4rem;
		line-height: 2;
	}
	
	& header figure {
		z-index: 0;
		width: 420px;
		position: absolute;
		right: -434px;
		top: 100px;
		transform: rotate(3deg);
	}
	
	.box_lead{
	width: 480px;
	min-height: 230px;
	margin-top: 16px;
	}
	
	.box_lead>p:not(.note) {
		font-size: 1.6rem;
		line-height: 1.4;
		margin-top: 0.5em;
		font-weight: bold;
		font-weight: 600;
	}
	
	.box_lead>p:nth-of-type(1) {
		margin-top: 0;
	}
	
	.box_lead>p.note {
		margin-top: 0.75em;
		font-size: 1.4rem;
		font-weight: normal;
		color: #555;
	}
	
	div.main_column {
		border-top: 1px solid var(--main_kf_blue_darker);
		padding-top: 32px;
		margin-top: 48px;
	}
	
	div.main_column>div>h2 {
		font-size: 2.4rem;
		color: var(--main_kf_blue);
	}
	
	
	
	div.main_column>div+div {
		margin-top: 48px;
	}
	
		
	div.main_column div.box_float {
		width: 320px;
		height: 320px;
		margin: 32px;
		}
		
		div.main_column div.box_float.right {
			float: right;
			margin-right: 0;
		}
		
		div.main_column div.box_float.left {
			float: left;
			margin-left: 0;
		}
	
		div.main_column div.box_float>figure{
		width: 100%;
		height: 100%;
		margin: 0;
		}
		
		div.main_column figure.circle {
		border-radius: 50%;
		overflow: hidden;
		margin: 0;
		}
	

		

	
	
	div.main_column figure figcaption {
		font-size: 1.5rem;
		line-height: 1.4;
		margin-top: 0.75em;
		color: #555;
	}
	
	div.main_column>div>p+figure {
		margin-top: 32px;
	}
	
	div.main_column figure+figure {
		margin-top: 40px;
	}
	
	
	
	div.main_column>div>h2+p {
		margin-top: 1em;
	}

	div.main_column>div>p.int {
		font-weight: bold;
		font-weight: 700;
		color: var(--main_kf_blue_daker);
	}
	
	div.main_column>div>p.int>span {
		white-space: nowrap;
  letter-spacing: 0;
		display: inline-block;
		margin-right: 0.2em;
	}

/* ending (pc) */

	div.box_ending {
		padding-top: 24px;
		border-top: 2px dotted var(--main_kf_blue);
	}
	
	div.box_ending>p {
		font-weight: bold;
		font-weight: 700;
	}
	
	div.main_column div+div.box_extra {
		background-color: var(--main_kf_blue_pale);
		border-radius: 12px;
		padding: 24px 24px 24px 24px;
		margin-top: 40px;
		height: 260px;
		position: relative;
		z-index: 0;
	}
	
	div.box_extra h3 {
		font-size: 1.6rem;
		line-height: 1.6;
		font-weight: bold;
		font-weight: 800;
		border-right: 2px dotted var(--main_kf_blue_darker);
		border-bottom: 2px dotted var(--main_kf_blue_darker);
		padding: 0.2em 1em 1em 0.25em;
		display: inline-block;
		border-radius: 0 0 1em 0;
	}
	
	div.box_extra figure {
		width: 134px;
		position: absolute;
		bottom: 0;
		right: 6px;
		z-index: 0;
	}
	
	div.box_extra figure figcaption {
		font-size: 1.6rem;
		position: absolute;
		left: -132px;
		text-align: right;
		bottom: 24px;
		
	}
	
			div.box_extra div.baloon {
			position: absolute;
			background-color: #fff;
			border-radius: 18px;
			z-index: 0;
			padding: 1.5em;
			width: 240px;
			box-shadow: 0px 2px 20px hsla(0,0%,0%,0.07);
			}
			
			div.box_extra div.baloon::after {
			content: "";
			display: block;
			z-index: 10;
			position: absolute;
			background-color: #fff;
			right: -23px;
			top: 50%;
			width: 24px;
			height: 24px;
			/* 下向き三角形 */
			clip-path: polygon(
			0 0,      /* 左上 */
			100% 50%, /* 右中央（尖る部分） */
			0 100%    /* 左下 */
			);
			
			}
	
	div.box_extra div.baloon strong {
		color: var(--main_kf_blue_darker);
	}
	
	div.box_extra div.baloon.ryota {
		left: 57%;
		width: 148px;
		top: 22px;
	}
	
	div.box_extra div.baloon.yu {
		left: 10%;
		width: 320px;
		bottom: 22px;
	}

	/*nest-end*/
}

/*==== /#sec_blue_hotline (pc) ====*/



/*page-8*/
body:not(#cover).page_08 {
/*nest-start*/
main{
padding-top: 0;
padding-bottom: 32px;
}
/*nest-end*/
}

div#bg_supporters {
	position: absolute;
	z-index: 0;
	width: 100%;
	top: 550px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: 
	space-between;
	
	& >div{
	width: 46vw;
	}
	
}


/*#sec_asked_everyone(pc)*/

#sec_asked_everyone {
	
	background-color: #DDFCB8;
	/*nest-start*/
	
	&::after{
	content: "";
	display: block;
	position: absolute;
	top: -90px;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 96%;
	background-image: url(../../assets_global/img/art_field_wh.avif);
	background-size: cover;
	background-position: 50% 0;
	opacity: 0.6;
	background-repeat:no-repeat ;
	}
	
	& >.inner{
	padding-bottom: 64px;
	position: relative;
	z-index: 10;
	min-height: 1000px;
	}
	
	& header {
	position: relative;
	z-index: 0;
	height: 220px;
	overflow: hidden;
	}

	& header h1 {
		width: 411px;
		position: absolute;
		right: 20px;
		top: -48px;
	}
	
	& header figure {
		position: absolute;
		width: 280px;
		overflow: hidden;
		display: flex;
		top: 0px;
		justify-content: flex-end;
		transform: rotate(-15deg);
	}
	
	& header figure>img {
		position: relative;
		max-width: none;
		height: auto;
		width: 300%;
	}
	
	& header #box_theme {
		position: absolute;
		bottom: 16px;
		right: 43%;
			}
	
	& header #box_theme img {
		height: 80px;
	}
	
	div.box_lead {
		text-align: right;
		position: absolute;
		top: 20px;
		right: 43%;
	}

/*nest-end*/
}


/* #box_players (pc) */

#box_players {
    width: 946px;
    margin: 24px auto 0 auto;
    position: relative;
    z-index: 0;

    /* > ul ---------- */
    & > ul {
        display: flex;
        flex-wrap: wrap;
        gap: 28px 28px;

        /* > li ---------- */
        & > li {
            width: calc((100% - 28px * 2) / 3);
            background-color: #fff;
            border-radius: 6px;
            box-shadow: 2px 1px 5px hsla(0, 0%, 0%, 0.1);
            position: relative;
            z-index: 0;
            padding: 0 12px 12px 88px;

            &:nth-of-type(even) figure {
                transform: rotate(-3deg);
            }

            &:nth-of-type(odd) figure {
                transform: rotate(3deg);
            }
        }
        /* / > li ---------- */

    }
    /* / > ul ---------- */
    
    
    /* .name_header ---------- */
    .name_header {
        display: flex;
        justify-content: flex-start;

        /* > h3 ---------- */
        & > h3 {
		width: 142px;
            font-size: 2.2rem;
            color: var(--main_kf_blue_darker);
            margin-left: 8px;
            line-height: 1.1;
            padding-top: 0.5em;

            /* > small ---------- */
            & > small {
			position: relative;
			display: inline-block;
			top: -0.8em;
                font-size: 0.9rem;
                text-transform: uppercase;
            }
            /* / > small ---------- */

        }
        /* / > h3 ---------- */

        & + p.answer {
            font-size: 1.5rem;
            line-height: 1.4;
        }

    }
    /* / .name_header ---------- */

    /* p.num_label ---------- */
    p.num_label {
        font: var(--main_en_bold);
        font-size: 1.6rem;
        line-height: 1;
        background-color: var(--main_kf_blue);
        width: 46px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        padding: 0.5em 0 0.3em 0;
        border-radius: 4px;
        position: relative;
        top: -7px;
		text-align: center;

        /* > strong ---------- */
        & > strong {
            font-size: 3.2rem;
			font-weight: 600;
			letter-spacing: 0.02em;
        }
        /* / > strong ---------- */

    }
    /* / p.num_label ---------- */

    & li figure {
        position: absolute;
        left: -8%;
        bottom: 14px;
        width: 100px;
        transform-origin: center;
    }

    /* div.end_comment ---------- */
    div.end_comment {
        position: absolute;
        right: -60px;
        bottom: -20px;
        z-index: 10;
        width: 370px;
        height: 150px;

        /* > p ---------- */
        & > p {
            position: relative;
            color: var(--main_kf_blue_darker);
            font-weight: bold;
            font-weight: 700;
            z-index: 0;
            width: 280px;
            height: 140px;
            font-size: 1.8rem;
            line-height: 1.4;
            background-image: url(../../assets_global/img/art_end_baloon.svg);
            background-repeat: no-repeat;
            background-size: cover;
			
		display: flex;
		align-items: center;
		justify-content: center;


            /* > span ---------- */
            & > span {
                display: block;
                padding: 0 12px 3px 8px;
            }
            /* / > span ---------- */

        }
        /* / > p ---------- */

        /* > figure.fronta ---------- */
        & > figure.fronta {
            position: absolute;
            overflow: hidden;
            width: 125px;
            height: 192px;
            transform: rotate(10deg);
            bottom: -40px;
            right: -20px;

            /* > img ---------- */
            & > img {
                max-width: none;
                height: 130%;
                width: auto;
                margin-left: -546px;
                margin-top: -34px;
            }
            /* / > img ---------- */

        }
        /* / > figure.fronta ---------- */

    }
    /* / div.end_comment ---------- */

}
/* / #box_players ---------- */
	
	
/* /#box_players (pc) */


/*===== #sec_must_pick (pc) ===== */
#sec_must_pick {
	position: relative;
	z-index: 20;
	overflow: hidden;
	background-color: #fff;
	/*nest-start*/
	
	
	
	
	& >.inner {
	width: 768px;
	margin: 0 auto;
	padding-top: 64px;
		padding-bottom: 64px;
	}
	
	
	& header{
	width: 768px;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 0;
	background-color: #FDA8C0;
	height: 128px;
	border-radius: 64px;
	padding-left: 330px;
	}
	
	& header>h1 {
		width: 270px;
		height: 182px;
		position: absolute;
		top: -13px;
		left: 48px;
	}
	
	
	.box_oshi_player {
		display: flex;
		flex-wrap: wrap;
		height: 100%;
		align-content: center;
		width: 92%;
	}
	
	.box_oshi_player p {
		font-size: 2.4rem;
		font-weight: bold;
		font-weight: 700;
		color: #fff;
		line-height: 0.8;
		width: 100%;
	}
	
	.box_oshi_player p>small:first-of-type {
		font-size: 2rem;
	}
	
	.box_oshi_player p>small[lang='en'] {
		font: var(--main_en_reg);
		font-size: 1.6rem;
		font-weight: bold;
		font-weight: 500;
	}
	
	.box_oshi_player h2 {
		width: auto;
		margin-top: 6px;
		
	}
	
	.box_oshi_player h2>img {
		height: 42px;
	}
	
	.box_lead {
		margin: 32px 0 0 0;
	}
	
	.box_lead>p {
		text-align: center;
		color: #444;
	}
	
	div.main_column {
		margin-top: 56px;
		z-index: 10;
	}
	
	div.main_column h3{
		font-family: var(--main_jp_maru_w5);
		font-weight: normal;
		color: #884CB7;
		text-align: center;
		font-size: 3.2rem;
		margin-top: 56px;
	}
	
	div.main_column>div {
		position: relative;
		z-index: 0;
	}
	
	div.main_column>div:nth-of-type(1)>h3 {
		margin-top: 0;
	}
	
	div.main_column h3+p {
		margin-top: 1.2em;
	}
	
	div.main_column h3>span {
		display: inline-block;
		padding-left: 58px;
		position: relative;
		z-index: 0;
		padding-right: 24px;
	}
	
	div.main_column h3>span::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		width: 54px;
		height: 66px;
		margin-top: -32px;
		background-image: url(../../assets_global/img/art_oshi-uchiwa.avif);
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	
	
	div.main_column>div>p+figure {
		margin-top: 4em;
	}
	
	
	
	div.main_column>div>figure{
		text-align: center;
	}
	
	div.main_column>div>figure>img{
		width: 78%;
		border: 14px solid #fdebf0;
	}
	
	div.main_column>div>figure.full>img{
		width: 100%;
	}

	
	div.main_column>div>figure>figcaption {
		margin-top: 1em;
		font-size: 1.6rem;
		letter-spacing: 0.05em;
		font-family: var(--main_jp_maru_w5);
		font-weight: normal;
		color: #444;
	}
	
	/*ending (pc) */
	div.box_ending {
		width: 100%;
		height: 310px;
		position: relative;
		z-index: 0;
		margin-top: -100px;
	}
	
	div.box_ending>.inner {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 90%;
		z-index: 10;
		padding-right: 200px;
		padding-bottom: 40px;
		text-align: right;
	}
	
	div.box_ending>.inner p {
		display: inline-block;
		font-family: var(--main_jp_maru_miyabi);
		font-weight: normal;
		color: #fff;
		text-align: right;
		line-height: 1.4;
		font-size: 2.4rem;
		position: relative;
		z-index: 0;
		padding-left: 80px;
	}
	
	div.box_ending>.inner p::before {
		content: "";
		display: block;
		width: 68px;
		height: 82px;
		left: 0;
		z-index: -1;
		position: absolute;
		top: -18%;
		
		background-image:url(../../assets_global/img/icon_heart_yuru.svg) ;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 97% 0;
		opacity: 0.4;
	}
	
	div.box_ending>.inner figure {
		position: absolute;
		bottom: 0;
		right: 20px;
		width: 170px;
	}
	
	div.box_ending::after {
		content: "";
		display: block;
		width: 100%;
		height: 350px;
		position: absolute;
		bottom: -200px;
		left: 0;
		z-index: 0;
	background-color: #FDA8C0;
	transform: skewY(-7deg);
	}
	
	
	div.main_column>div.heart::after {
		content: "";
		display: block;
		width: 68px;
		height: 72px;
		left: -12%;
		z-index: -1;
		opacity: 0.5;
		position: absolute;
		top: 35%;
		
		background-image:url(../../assets_global/img/icon_heart_yuru.svg) ;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 0 0;
		
	}/*blue*/
	
	/*pink*/
	div.main_column>div.heart:nth-of-type(2)::after {
		left: auto;
		right: -10%;
		background-position: 22% 0;
		transform: scale(-1,1);
	}
	
	/*green*/
	div.main_column>div.heart:nth-of-type(3)::after {
		background-position: 50% 0;
	}
	
		/*yellow*/

	div.main_column>div.heart:nth-of-type(4)::after {
		left: auto;
		right: -10%;
		background-position: 74% 0;
		opacity: 0.5;
		transform: scale(-1,1);
	}
	
	/*blue*/
	div.main_column>div.heart:nth-of-type(5)::after {
		background-position: 0 0;
	}
	
	
	div.main_column>div.heart:nth-of-type(6)::after {
		left: auto;
		right: -12%;
		background-position: 22% 0;
		opacity: 0.5;
		transform: scale(-1,1);
	}
	
	
	
/*nest-end*/
}

/*/#sec_must_pick (pc)*/


/* #sec_so_sodan (pc) */

#sec_so_sodan {

/*nest-start*/
& >.inner {
	width: calc(100% - 32px * 2);
	margin: 0 auto;
	padding-top: 64px;
	}


& header{
width: 850px;
margin: 0 auto;
position: relative;
padding-left: 460px;
z-index: 20;
}

& header>figure {
	position: absolute;
	left: 84px;
	top: -44px;
	width: 370px;
}

& header>h1 {
	width: 320px;
	height: 130px;
}

& header>h1>img {
	width: 100%;
}



/*nest-end*/
}


div#wrapper_soudan {
	margin-top: -140px;
	display: flex;
	background-color: #FDFFE0;
	border-radius: 24px;
	padding: 32px;
	padding-top: 180px;
	padding-bottom: 72px;
	gap:32px 32px;
	flex-wrap: wrap;
	position: relative;
	z-index: 10;
	
	/*nest-start*/
	&::before,
	&::after{
	content: "";
	display: block;
	position: absolute;

	width: 360px;
	height: 350px;
	z-index: 0;
	background-image: url(../../assets_global/img/icon_so-dan_q_huge.svg);
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(-8deg);
	}
	
	&::before {
	top: 33%;
	left: 32%;
	}
	
	&::after {
	bottom: 0;
	left: 64%;
	}
	
	div.box_sodan{
	width: calc((100% - 32px) / 2);
	position: relative;
	z-index: 10;
	}
	
	div.box_quetion{
	background-color: #fff;
	position: relative;
	z-index: 0;
	border: 4px dotted #8FD2EB;
	border-radius: 12px;
	padding: 12px 14px 16px 20px;
	box-shadow: 0px 2px 5px hsla(0,0%,0%,0.15);
	min-height: 140px;
	display: flex;
	align-items: center;
	}
	
	div.box_quetion figure {
		position: absolute;
		left: 12px;
		bottom: -40px;
		height: 120px;
	}
	
	div.box_quetion figure>img {
		height: 100%;
	}
	
	h2 {
	font-size: 2.4rem;
	line-height: 1.3;
	color: var(--main_kf_blue_darker);
	position: relative;
	z-index: 0;
	padding-left: 88px;
}

h2>small {
	color: #777;
	display: inline-block;
}

h2>span.baloon_q {
	position: absolute;
	top: 50%;
	margin-top: -84px;
	left: 0;
	width: 74px;
}

div.answer {
	background-color: #fff;
	border-radius: 16px;
	padding: 12px 24px 24px 24px;
	margin-top: 18px;
	box-shadow: 0px 2px 3px hsla(0,0%,0%,0.1);
}

	div.answer p {
		margin-top: 0.6em;
	}
	
	div.answer p>span.baloon_a_face {
		display: block;
		float: right;
		width: 163px;
		height: 80px;
		display: flex;
		flex-wrap: nowrap;
		margin-left: 16px;
		margin-top: -20px;
	}
	
	div.answer p>span.baloon_a_face img {
		position: relative;
		z-index: 0;
	}
	
	div.answer p>span.baloon_a_face img[alt='a'] {
		height: 66px;
		width: auto;
	}
	
	div.answer p>span.baloon_a_face img[alt='so-face'] {
		height: 96px;
		width: auto;
		z-index: 10;
		margin-left: -24px;
		margin-top: -16px;
	}
	


	
	/*nest-end*/
}


	div#box_video {
		display: flex;
		border: 12px solid var(--main_kf_blue_pale);
		margin: 24px auto 0 auto;
		border-radius: 24px;
		overflow: hidden;
		background-color: #fff;
		z-index: 20;

		/*nest-start*/
		
		div.box_ending{
		position: relative;
		z-index: 20;
		}
		
		div.box_thumb {
			width: 324px;
		}
		
		div.box_ending {
			width: 340px;
			padding: 24px 24px 24px 24px;
		border-right: 12px solid var(--main_kf_blue_pale);
		}
		
		div.box_ending>p:nth-of-type(1) {
			font-family: var(--main_jp_maru_miyabi);
			font-size: 2.2rem;
			line-height: 1.5;
			color: var(--main_kf_blue_darker);
			font-weight: bold;
			font-weight: 700;
		}
		
		div.box_ending>p.note {
			margin-top: 0.3em;
			color: #777;
			font-size: 1.4rem;
			font-weight: bold;
			font-weight: 600;
		}
		
		div.box_ending figure {
			overflow: hidden;
			height: 230px;
			margin-top: 16px;
			position: relative;
			z-index: 0;
			left: 18px;
		}
		
		div.box_ending figure>img {
			position: relative;
			z-index: 10;
			width: 170px;
}
		
		div.box_ending figure>span.baloon {
			width: 140px;
			height: 120px;
			position: absolute;
			z-index: 0;
			left: 120px;
			transform: rotate(15deg);
		}
		
		div.box_ending div.box_btn {
			margin-top: 24px;
		}
		
		div.box_ending div.box_btn p.note {
			text-align: left;
			font-size: 1.4rem;
			font-weight: 400;
		}
		
		
/*nest-end*/
		
	}


/*page-09*/
/*#sec_player_sp_off_field (pc)*/

body:not(#cover).page_09 main {
	
padding-bottom: 0;
}

#sec_player_sp2_off_field {
		/*nest-start*/
		& header{
		border-top: 12px solid #6BA811;
		padding: 20px 0 24px 28px;
		border-left: 12px solid #6BA811;
		position: relative;
		z-index: 0;
		}
		
		& header::after {
			content: "";
			position: absolute;
			width: 12px;
			height: 100px;
			display: block;
			background-color: #6BA811;
			right: 0;
			top: 0;
		}
		
		& header h1 {
			width: 437px;
		}
		
		div.box_lead {
		border: 12px solid #6BA811;
		border-left: none;
			width: 560px;
			padding: 20px 0 24px 40px;
		}
		
		.box_ending {
			border-bottom: 12px solid #6BA811;
			border-right: 12px solid #6BA811;
			margin-top: 24px;
			padding: 12px 32px 32px 24px;
		}
		
		.box_ending>p {
			color: #5c8c14;
			font-size: 1.8rem;
			text-align: right;
			font-weight: bold;
			font-weight: 700;
			line-height: 1.6;
		}
		
		
		
		
		/*nest-end*/
	
}

#wrapper_off {
		border-left: 12px solid #6BA811;
		margin: 0;
		width: calc(100% - 48px);
		padding: 48px 0 48px 48px;
		display: flex;
		flex-wrap: wrap;
		gap:32px  32px;
		position: relative;
		z-index: 0;
		border-bottom: 2px solid #6BA811;
		
				/*nest-start*/
				
				& figure{
				position: relative;
				z-index: 0;
				}
				
				figure.kv_off{
				position: absolute;
				right: 16px;
				top: -400px;
				width: 330px;
				z-index: 0;
				box-shadow: 0px 16px 20px hsla(0,0%,0%,0.1);
				border: 12px solid #fff;
				transform: rotate(5deg);
				}
				
				& >div{
				width: calc((100% - 32px * 2) / 3);
				position: relative;
				z-index: 0;
				}
				
				& >div>p {
					letter-spacing: 0.03em;
					margin-top: 1em;
				}
				
				& >div>p+figure {
					margin-top: 2em;
				}
				
				& h2 {
				color: #5c8c14;
				font-size: 3.2rem;
				font-weight: normal;
				font-weight: 400;
				}
				
				& h2+p {
				margin-top: 0.5em;
				}
				
				& figure+h2,
				& p+h2 {
					border-top: 2px solid #6BA811;
					margin-top: 24px;
					padding-top: 16px;
				}
				
				/*nest-end*/
}



/*/#sec_player_sp_off_field (pc)*/


/*page-11*/
/* #sec_asao_gallery (pc) */

body:not(#cover).page_11 {
/*nest-start*/
main{
padding-top: 0;
}
/*nest-end*/

}

#sec_asao_gallery {

padding: 28px 48px 48px 48px;

/*nest-start*/
& header{
background-color: #eee;
height: 299px;
position: relative;
z-index: 0;
width: 210px;
background-color: #fff;
overflow: hidden;
border: 2px dotted #ccc;
position: absolute;
	text-align: center;
}

& header>h1 {
			width: 170px;
			display: inline-block;
			margin-top: 14px;
		}


/*nest-end*/

}

#lightgallery{
		display: flex;
		flex-wrap: wrap;
		gap: 28px 28px;
		
		/*nest-start*/
		& >div{
		background-color: #f2f2f2;
		
		width: 448px;
		height: 299px;
		position: relative;
		z-index: 0;
		}
		
		& >div:nth-of-type(1) {
			margin-left: 235px;
		}
		
		& >div>a {
			display: block;
			position: relative;
			z-index: 0;
		}
		
		& >div>a::after {
			content: "";
			display: block;
			position: absolute;
			z-index: 10;
			right: 12px;
			bottom: 12px;
			width: 28px;
			height: 28px;
			background-image: url(../../assets_global/img/btn_play_zoom.svg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: 100% 0;
			transition: opacity 0.3s ease-in-out;
			opacity: 0.2;
		}
		
		& >div>a:hover::after {
			opacity: 0.9;
		}

		
		& >div.portrait{
		width: 212px;
		height: 299px;
		}
		
		& >div.portrait>a {
		height: 299px;
			overflow: hidden;
		}
		
		
		/*nest-end*/
}

/* /#sec_asao_gallery (pc) */



/*#sec_writters_column (pc)*/

#sec_writters_column {
/*nest-start*/

& >.inner{
padding: 32px;	
padding-bottom: 16ｐｘ;
}

& header{
text-align: center;
border-bottom: 2px dotted var(--main_kf_blue);
padding-bottom: 32px;
}

& header h1 {
	font-size: 1.8rem;
}

& header h1>img {
	height: 96px;
}

& header h1>small[lang="en"] {
	font: var(--main_en_cond_reg);
	text-transform: uppercase;
	font-size: 1.6rem;
	color: var(--main_kf_blue_darker);
}

& header>h2 {
	margin-top: 1em;
	font-size: 3.2rem;
	color: var(--main_kf_blue_darker);
	position: relative;
	
	font-weight: normal;
}

& h2::before {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: var(--main_kf_blue);
	left: 50%;
	top: -24px;
	margin-left: -8px;
}


& header>h2>span[lang="en"] {
	font: var(--main_en_cond_reg);
	font-size: 2.8rem;
}



div.box_lead {
	margin-top: 2em;
	position: relative;
	z-index: 0;
	
}

div.box_lead>p {
	font-size: 1.6rem;
	font-weight: normal;
	font-weight: 500;
}

.main_column {
	margin-top: 36px;
}

& figure {
	width: 560px;
	margin: 4em auto 0 auto;
}

& figure>figcaption {
	margin-top: 0.7em;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #555;
}

& figure+p {
	margin-top: 2em;
}

/*nest-end*/
}


/*/#sec_writters_column*/


/*page-12*/

body:not(#cover).page_12 main {
	padding-bottom: 0;
}

/*#sec_your_my_routine*/
#sec_your_my_routine {
overflow: hidden;


/*nest-start*/
& header{
margin: 0 32px;	
}

& header h1 {
	text-align: center;
	width: 480px;
	margin: 0 auto;
}

& >.inner {
	width: var(--width_main_cont_pc);
	margin: 0 auto;
	position: relative;
	z-index: 10;
	min-height: 960px;
	padding-bottom: 64px;
}

div.box_lead{
text-align: center;
margin: 12px 0 0 0;
}

div.box_lead>p {
	color: var(--main_kf_blue_darker);
	font-size: 1.6rem;
}

#bg_circles {
position: absolute;
top: 0;
width: 100%;
height: auto;
z-index: 0;
}

#bg_circles>div {
	display: flex;
	justify-content: center;
	gap:0 38px;
	margin-top: 40px;
}

#bg_circles>div.spv {
	display: none;
}

#bg_circles>div:nth-of-type(1) {
	margin-top: 0;
}

#bg_circles>div>span {
	width: 208px;
	height: 208px;
	display: block;
	overflow: hidden;
	border-radius: 104px;
}

#bg_circles>div>span.yellow {
	background-color: #F9F9F0;
}

#bg_circles>div>span.green {
	background-color: #e4f6d2;
}

#bg_circles>div>span.orange {
	background-color: #faf0d0;
}

#bg_circles>div>span.blue {
	background-color: #dff6fb;
}

#bg_circles>div>span.pink {
	background-color: #fde5f2;
}


& h6 {
	text-align: center;
	margin-top: 48px;
	font-size: 2rem;
}

ul.best_routine,
ul.good_routines {
	display: flex;
}

ul.best_routine {
	gap: 0 32px;
}

ul.good_routines {
	gap: 0 24px;
}

ul.best_routine>li{
	width: calc((100% - 32px * 2) / 3);
}

ul.good_routines>li{
	width: calc((100% - 24px * 2) / 3);
}

#box_best_routine {
	margin: 40px auto 0 auto;
	width: 94%;
	background-color: hsla(360, 100%, 100%, .7);
	border: 12px solid rgba(229, 246, 255, 0.5);
	border-radius: 24px;
	padding: 0 24px 24px 24px;
	box-shadow: 0px 2px 8px hsla(0,0%,0%,0.15);
}

#box_best_routine>.inner_header {
	text-align: center;
}

#box_best_routine>.inner_header>h2 {
	font-weight: bold;
	font-weight: 800;
	font-size: 2rem;
	line-height: 1;
	color: #fff;
	position: relative;
	z-index: 0;
}

#box_best_routine>.inner_header>h2>span {
	display: inline-block;
	background-color: var(--main_kf_gold);
	padding: 0.7em 0.7em 0.7em 3em;
	position: relative;
	z-index: 10;
	top: -28px;
	transform: rotate(-2deg);
}

#box_best_routine>.inner_header>h2>span::before {
	content: "";
	width: 50px;
	height: 57px;
	position: absolute;
	top: -6px;
	left: 6px;
	display: block;
	background-image: url(../../assets_global/img/icon_prize.svg);
	background-repeat: no-repeat;
	background-size: cover;
	
}


#box_best_routine>.inner_header>h2+p {
	font-size: 2.6rem;
	font-weight: bold;
	font-weight: 700;
	margin-top: -0.3em;
	line-height: 1.4;
	color: var(--main_kf_gold);
}

#box_best_routine>.inner_header>p.name {
	font-size: 1.8rem;
	font-weight: bold;
	font-weight: 600;
	line-height: 1;
	margin-top: 0.2em;
}

#box_category_award {
	margin-top: 40px;
	width: 94%;
	margin:  40px auto 0 auto;
}

#box_category_award h4 {
	text-align: center;
	font-size: 2rem;
	line-height: 1;
}

#box_category_award h4>span {
	display: inline-block;
	background-color: var(--main_kf_gold);
	color: #fff;
	padding: 0.45em 1em  0.5em 1em;
	border-radius: 24px;
}


ul.best_routine {
	margin-top: 24px;
}

ul.good_routines {
	margin-top: 16px;
}

ul.best_routine li,
ul.good_routines li {
	text-align: center;
}

ul.best_routine h3,
ul.good_routines h5{
	display: inline-block;
	background-color: #555;
	color: #fff;
	line-height: 1;
	padding: 0.6em 24px 0.6em 24px;
	text-align: center;
	position: relative;
	z-index: 0;
	
	&::before,
	&::after{
	content: "";
	width: 12px;
	height: 48px;
	position: absolute;
	top: 50%;
	
	background-color: #fff;
	margin-top: -24px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	
	&::before {
		left: -1px;
	}
	
	&::after {
		right: -1px;
		transform: scale(-1,1);
	}
}

ul.best_routine h3 {
	font-size: 2rem;
}

ul.best_routine h3+p {
	font-size: 2rem;
	margin-top: 0.5em;
	font-weight: bold;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 2.5em;
}

ul.best_routine div.expl {
	margin-top: 8px;
}

ul.best_routine div.expl>p {
	text-align: left;
	letter-spacing: 0.05em;
	line-height: 1.8;
}

ul.best_routine div.expl>p>strong {
	color: var(--main_kf_blue_darker);
}

ul.best_routine figure {
	margin-top: 2em;
	width: 100%;
	margin: 2em auto 0 auto;
}

& figcaption {
	font-size: 1.3rem;
	margin-top: 0.6em;
	text-align: left;
}

ul.good_routines h5 {
	font-size: 1.8rem;
}

ul.best_routine,
ul.good_routines {
	.before>h3,
	.before>h5{
	background-color: #5cc1df;
	}
	
	.live>h3,
	.live>h5{
	background-color: #e05c5c;
	}
	
	.after>h3,
	.after>h5{
	background-color: #8ab34f;
	}
}

ul.good_routines>li {
		background-color: hsla(360, 100%, 100%, .7);
	border: 8px solid rgba(229, 246, 255, 0.5);
	border-radius: 24px;
	padding: 12px 12px 16px 12px;
	box-shadow: 0px 2px 8px hsla(0,0%,0%,0.15);
}

ul.good_routines p.routine {
	margin: 0.5em 0 0 0;
	line-height: 1.4;
	font-size: 1.8rem;
	font-weight: bold;
	font-weight: 700;
}

ul.good_routines p.name {
	font-weight: bold;
	font-weight: 600;
	margin-top: 0.3em;
}
ul.good_routines div.expl {
	margin-top: 0.8em;
	text-align: left;
}

ul.good_routines figure {
	margin-top: 12px;
}



/*nest-end*/


}
/*/#sec_your_my_routine*/



/*#sec_mini_profile*/
#sec_mini_profile {
	/*nest-start*/
	&>.inner{

	padding-bottom: 72px;
	}
	
	#wrapper_players{
	width: var(--width_main_cont_pc);
	margin:  40px auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap:56px 32px;
	
			/*nest-inner-start*/
			div.player {
			width: calc((100% - 32px) / 2);
			border: 12px solid var(--main_kf_blue_pale);
			border-radius: 24px;
			padding: 16px 24px 40px 150px;
			position: relative;
			background-color: #fff;
			min-height: 474px;
			}
			
			div.player>h2 {
			font-size: 2.8rem;
			line-height: 1;
			}
			
			div.player>.box_name {
				margin-top: 6px;
				display: flex;
				align-items:center;
				height: 120px;
				overflow: hidden;
			}
			
			div.player>.box_name>p.num {
				font: var(--main_en_cond_reg);
				color: var(--main_kf_blue);
				letter-spacing: -0.03em;
				font-size: 11rem;
				line-height: 1;
				position: relative;
				top: -0.15em;
			}
			
			div.player>.box_name>p.name {
			padding-left: 11px;
			line-height: 1.1;
				font-size: 2rem;
				font-weight: bold;
				font-weight: 700;
				margin-top: -16px;
			}
			
			div.player>.box_name>p.name>small[lang="en"] {
				display: block;
				margin-top: 0.3em;
				font: var(--main_en_cond_reg);
				font-size: 1.6rem;
				line-height: 1;
				letter-spacing: 0.02em;
			}
			
			div.player>.box_name>p.name>small[lang="en"]>span {
				color: var(--main_kf_blue);
			}
			
			div.player>.expl {
				position: relative;
				z-index: 0;
				margin-top: -8px;
				min-height: 11em;
			}
			
			div.player>.expl>p {
				font-size: 1.5rem;
				letter-spacing: 0.02em;
				font-weight: bold;
				font-weight: 700;
				line-height: 1.6;
			}
			
			div.player>figure {
				position: absolute;
				left: 80px;
				margin-left: -125px;
				top: 0;
				z-index: 0;
				width: 210px;
			}
			
			div.data {
				margin-top: 18px;
			}
			
			div.data>h3 {
				font: var(--main_en_cond_med);
				color: var(--main_kf_blue_darker);
				font-size: 1.8rem;
				line-height: 1;
			}
			
			div.data>p {
				font-size: 1.3rem;
				line-height: 1.6;
				margin-top: 0.2em;
			}
			
			div.box_btn {
				justify-content: flex-start;
				margin-bottom: -62px;
				position: absolute;
				bottom: 28px;
			}
			
			div.box_btn>p>a {
				padding-top: 0.7em;
				padding-bottom: 0.9em;
			}
			
			/*nest-inner-end*/
	}
	
	
	
	/*nest-end*/
	
}
/*/#sec_mini_profile*/


/*#sec_presents (pc)*/

#sec_presents {
		/*nest-start*/
		
		& >.inner{
		margin: 0 auto;
		padding-bottom: 80px;
		}
		
		& header .box_catch{
			width: 80%;
			margin:  1em auto 0 auto;
		}
		
		& header .box_catch>p {
			text-align: center;
			font-weight: bold;
			line-height: 1.4;
		}
		
		& header .box_lead {
			width: 87%;
			margin:  2em auto 0 auto;
		}
		
		& header .box_lead>p{
		letter-spacing: 0;	
		text-align: left;
		}
		
		div.inner2 {
			width: 80%;
			text-align: center;
			margin: 0 auto;
		margin-top: 36px;
		}
		
		div.inner2 h5 {
		font-size: 2rem;
		line-height: 1;
		text-align: center;
		}
		
		& h5+p {
			font-size: 1.8rem;
			margin-top: 0.5em;
			font-weight: bold;
		}
		
		& h5+p+.box_btn {
			margin-top: 16px;
		}
		
		
		#wrapper_presents {
		width: 80%;
		margin: 24px auto 0 auto;
		background-color: #FDF9B2;
		border-radius: 16px;
		display: flex;
		}
		
		#wrapper_presents>div.left,
		#wrapper_presents>div.right {
			width: 50%;
			position: relative;
			z-index: 0;
		}
		
		#wrapper_presents>div.left,
		#wrapper_presents>div.right>div{
			padding: 24px;
		}
		
		#wrapper_presents div.left {
			border-right: 4px solid #fff;
			padding-bottom: 0;
		}
		
		#wrapper_presents>div.right>div:nth-of-type(1) {
			border-bottom: 4px solid #fff;
		}
		
		#wrapper_presents div.left>figure {
			position: absolute;
			width: 210px;
			bottom: 0;
			right: 4px;
			overflow: hidden;
		}
		
		#wrapper_presents h2 {
			font-size: 2.2rem;
			line-height: 1.3;
			position: relative;
			z-index: 0;
			padding-left: 56px;
			text-align: left;
		}
		
		#wrapper_presents h2 span.num {
			position: absolute;
			left: 0;
			top: 0.1em;
			display: flex;
			width: 48px;
			height: 48px;
			border-radius: 24px;
			background-color: var(--main_kf_blue);
			justify-content: center;
			align-items: center;
			font: var(--main_en_cond_med);
			font-size: 3.2rem;
			color: #fff;
			padding-bottom: 0.1em;
		}
		
		#wrapper_presents h2+p {
			padding-left: 56px;
			position: relative;
			z-index: 0;
			font-size: 2.4rem;
		}
		
		#wrapper_presents h2+p::before {
			content: "...";
			margin-right: 0.25em;
			position: relative;
			top: -0.25em;
		}
		
		
		/*nest-end*/
}

/*#sec_presents(pc)*/

/*#sec_after_game (pc)*/
#sec_after_game {
	
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 48px;
	}
	
	& header{
	margin: 0 auto;
	position: relative;
	z-index: 0;
	text-align: center;
	}
	
		& header h1 {
		position: relative;
		margin-top: -16px;
		text-transform: uppercase;
		font-family: "Outfit", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;
		color: var(--main_kf_blue);
		font-size: 4.8rem;
		line-height: 0.9;
		font-weight: bold;
		}
	
	& header h1>.icon {
		display: inline-block;
		text-align: center;
		width: 132px;
		margin-bottom: 6px;
	}
	
	& header h1+p{
		font-size: 1.8rem;
		margin-top: 0.2em;
		font-weight: bold;
		font-weight: 800;
	}
	
	div.box_text {
		width: 80%;
		margin: 24px auto 0 auto;
		
	}
	
	div.box_text>p {
		line-height: 1.8;
		letter-spacing: 0.03em;
		margin-top: 1.5em;
	}
	
	div.box_text h2 {
		text-align: center;
		margin: 1.5em;
		font-size: 2.4rem;
		line-height: 1;
	}
	
	
	div.box_text h2>span {
		display: inline-block;
		background-color: var(--main_kf_blue);
		color: #fff;
		padding: 0.6em 1.5em 0.63em 1.5em;
		border-radius: 32px;
	}
	
	div.box_text h3 {
		text-align: center;
		margin-top: 2.5em;
		font-size: 2.2rem;
		
		border-top:2px dotted var(--main_kf_blue);
		padding-top: 1.5em;
	}
	
	div.box_text h2+h3 {
		margin-top: 0;
		border-top: none;
		padding-top: 0;
	} 
	
	div.box_text h3+p {
		margin-top: 1em;
	}
	
	& figure {
		margin-top: 32px;
	}
	
	& figure>span {
		display: inline-block;
		border-radius: 12px;
		overflow: hidden;
	}
	
	p.last_message {
		border-top:2px dotted var(--main_kf_blue);
		padding-top: 2em;
		width: 80%;
		text-align: center;
		margin: 4em auto 0 auto;
		font-weight: bold;
	}
	
	p.last_message+div.box_btn {
		margin-top: 2em;
	}
	
	/*div#box_review_video (pc)*/
	div#box_review_video {
		margin-top: 4em;
		border: 8px solid var(--main_kf_blue_pale);
		border-radius: 24px;
		padding: 20px;
		position: relative;
		z-index: 0;
	}
	
	div#box_review_video h4,
	div#box_review_video p {
		text-align: center;
	}
	
	div#box_review_video h4 {
		font-size: 2.4rem;
		color: var(--main_kf_blue);
		line-height: 1.2;
		position: relative;
		text-align: center;
	}
	
	div#box_review_video h4>span {
		display: inline-block;
		position: relative;
		z-index: 0;
	}
	
	div#box_review_video p {
		color: #555;
		margin-top: 0.3em;
		line-height: 1.5;
	}
	
	div#box_review_video .inner_video {
		margin-top: 2em;
	}
	
	div#box_review_video img[alt='cover'] {
		position: absolute;
		z-index: 10;
		margin: 0;
		width: 96px;
		right: 16px;
		top: -24px;
		transform-origin: top right;
		transform: rotate(10deg);
		box-shadow: 3px 8px 15px hsla(0,0%,0%,0.15);
	}
	
	
/*nest-end*/
	
	
}

/*#sec_after_game*/


/*#box_members_info (pc)*/

#box_members_info {
	background-color: var(--main_kf_blue_pale);
	padding: 32px;
	border: 12px solid #fff;
}

#box_members_info>p {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	font-weight: 800;
}

#box_members_info>p>a {
	display: inline-block;
	position: relative;
	z-index: 0;
	padding-right: 32px;
}

#box_members_info>p>a::after {
	content: "";
	display: block;
	width: 26px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -11px;
	background-image: url(../../assets_global/img/icon_arrow_circle.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 33% 0;
	transition: 0.3s;
}

#box_members_info>p>a:hover::after {
	transform: translateX(6px);
}

/*/#box_members_info*/

/*page_13*/

body:not(#cover).page_13 main {
	padding-bottom: 0;
}

/*#sec_fc_only (pc)*/

#sec_fc_only {
	/*nest-start*/
	
	&>.inner{
	width: var(--width_main_cont_pc);
	margin: 0 auto;
	background-color: #fdefef;
	padding-bottom: 40px;
	border-radius: 16px;
	}
	
	
	& h1>strong {
		color: var(--main_red);
	}
	
	div#wrapper_topic {
		margin: 24px 32px 0 32px;
	}
	
	div#wrapper_topic>ul {
		margin-top: 24px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:24px 24px;
	}
	
	div#wrapper_topic li {
		width: calc((100% - 24px * 2) / 3);
		line-height: 1;
	}
	
	div#wrapper_topic li>a {
		width: 100%;
		height: 100%;
		display: block;
	}
	
	div#wrapper_topic li>a>figure {
		width: 100%;
		overflow: hidden;
		border-radius: 8px;
		
	}
	
	div#wrapper_topic li p {
		font-size: 1.4rem;
		line-height: 1.4;
		margin-top: 0.5em;
		letter-spacing: 0.07em;
	}
	
	
/*nest-end*/
}

/* #sec_fc_info (pc) */
#sec_fc_info {
	width: var(--width_main_cont_pc);
margin: 0 auto 0 auto;
padding-bottom: 48px;
/*nest-start*/

#nav_anchor{
margin-top: 32px;
}

#nav_anchor>ul {
	display: flex;
	justify-content: center;
	gap:0 12px;
	width: 90%;
	margin: 0 auto;
}

#nav_anchor>ul>li {
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
	font-weight: 600;
	text-align: center;
	width: calc((100% - 12px * 4) / 5);
}

#nav_anchor>ul>li>a {
	display: block;
	padding: 0.5em 0.7em 0.65em 0.7em;
	background-color: var(--main_kf_blue_pale);
	border-radius: 3px;
	transition: 0.3s;
}

#nav_anchor>ul>li>a:hover {
	background-color: var(--main_kf_blue);
	color: #fff;
}





/*nest-end*/
}


[id^='box_fc_'] {
	margin-top: 42px;
	background-color: var(--main_kf_blue_pale);
	border-radius: 16px;
	padding: 32px 32px 40px 32px;
	
	/*nest-start*/
	
	& h2{
	font-size: 2.8rem;
	text-align: center;
	color: var(--main_kf_blue_darker);
	line-height: 1.3;
	}
	
	& h2>small {
		font-size: 1.8rem;
	}
	
	& h2+p {
		margin-top: 0.5em;
		text-align: center;
		font-weight: bold;
		font-weight: 500;
	}
	
	& >p.note {
		font-size: 1.3rem;
		text-align: center;
		margin-top: 1em;
		color: #666;
	}
	
	& >.inner {
	margin-top: 16px;
	}
	
	div.wrapper_info {
		margin-top: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:56px 32px;
	}
	
	div.wrapper_info>div {
		position: relative;
		z-index: 0;
	}
	
	div.wrapper_info h3 {
		font-size: 2rem;
		line-height: 1.4;
		padding-left: 32px;
		position: relative;
	}
	
	div.wrapper_info h3::before {
		content: "";
		display: block;
		width: 26px;
		height: 26px;
		position: absolute;
		top: 1px;
		left: 0;
		background-image: url(../../assets_global/img/icon_stars_cute.svg);
		background-repeat:no-repeat;
		background-size: cover;
		
	}
	
	div.wrapper_info p {
		margin-top: 0.5em;
	}
	
	div.wrapper_info p.size,
	div.wrapper_info p.note {
		font-size: 1.3rem;
	}
	
	div.wrapper_info p.note {
		color: #777;
	}
	
	div.wrapper_info>div>figure {
	width: 94%;
margin: 16px auto 0 auto;	
	}
	
	div.wrapper_info>div>figure+p {
		margin-top: 16px;
	}
	
	div.txt_body+h3 {
		margin-top: 32px;
	}
	
/*nest-end*/
}

[id^='box_fc_']:nth-of-type(odd) {
	background-color: #F3F6D9;
}

#box_fc_original {
	
		/*nest-start*/
		div.wrapper_info{
		
		/*nest-inner-start*/
		& >div:nth-of-type(1),
		& >div:nth-of-type(2){
		width: calc((100% - 32px) / 2);
		}
		
		& >div:nth-of-type(3) {
		width: 70%;
		padding-right: 220px;
		padding-bottom: 80px;
		}
		
		& >div:nth-of-type(3) .txt_body {
		min-height: initial;
		}
		
		& >div:nth-of-type(3)  figure {
		width: 200px;
		position: absolute;
		right: 0;
		top: -56px;
		}
		
		 div.txt_body{
		min-height: 14em;
	}

		
		/*nest-inner-end*/
		}
	
/*nest-end*/
}


/*fc_items*/
#box_fc_items {
	
		/*nest-start*/
		div.wrapper_info{
		
		/*nest-inner-start*/
		& >div:nth-of-type(odd){
		width:calc(55% - 16px);
		}
		
		& >div:nth-of-type(even){
		width:calc(45% - 16px);
		}
		
		
		
		figure.pair {
			display: flex;
			gap:0 12px;
		}
		
		figure.pair>span {
			display: block;
			text-align: center;
			font-size: 1.4rem;
		}
		
		figure.pair>span>img {
			height: 110px;
			width: auto;
			display: block;
			margin-bottom: 12px;
		}
		
		& >div:nth-of-type(2) figure{
			margin-top: 32px;
		}
		
	 div.txt_body{
		min-height: 11em;
	}
		
		/*nest-inner-end*/
		}
	
/*nest-end*/
}

/*fc_homegame*/
#box_fc_homegame{
		/*nest-start*/
		div.wrapper_info{
		
		/*nest-inner-start*/
		& >div{
		width: calc((100% - 32px) / 2);
		}
		
		& >div:last-of-type {
			width: 100%;
		}
		
		/*nest-inner-end*/
		}
		
		& >div figure.fankan {
			width: 70%;
			margin-top: 32px;
		}
		
		& >div figure.fankan>figcaption {
			text-align: center;
			font-size: 1.4rem;
			margin-top: 0.5em;
		}
		
		/*nest-end*/
}


/*fc_price_down*/

#box_fc_price_down{
		/*nest-start*/
		div.wrapper_info{
		
		/*nest-inner-start*/
		& >div{
		width: calc((100% - 32px) / 2);
		}
		
		& >div:nth-of-type(3) {
		width: 80%;
		padding-right: 320px;
		padding-bottom: 72px;
		padding-top: 32px;
		}
		
		& >div:nth-of-type(3)>figure {
			position: absolute;
			right: 0;
			width: 300px;
			margin: 0;
			top: -0px;
		}
		
		& >div figure>span {
			position: absolute;
			z-index: 10;
			bottom: -8px;
			right: 0;
			width: 104px;
			height: auto;
		}
		
		
		}
		/*nest-end*/
}



#sec_fc_mypage,
#sec_homegame_info{
	/*nest-start*/

	& >.inner{
	padding-bottom: 56px;
	}
	
	& h1{
	line-height: 0.45;
	}
	
	& h1>small {
		margin-top: 0;
	}
	
	& h1+p {
		margin-top: 1em;
		font-weight: bold;
		font-weight: 700;
	}
	
	& h1+p+p.note {
		font-size: 1.3rem;
		margin-top: 0.5em;
		color: #555;
	}
	/*nest-end*/
}


#sec_fc_mypage {
	
	
	/*nest-start*/
	
	#wrapper_flow{
	width: var(--width_main_cont_pc);
	margin: 48px auto 0 auto;
	}
	
	#wrapper_flow>div[class^="myp_"]{
		border-radius: 16px;
		margin-top: 56px;
		background-color: var(--main_kf_blue_pale);
		padding: 48px 32px 48px 32px;
		position: relative;
		z-index: 0;
	}
	
#wrapper_flow>div.myp_outline {
	padding-left: 394px;
}

div.myp_outline>figure {
	position: absolute;
	left: 72px;
	top: -28px;
	width: 248px;
	overflow: hidden;
	border: 1px solid hsla(0,0%,0%,0.1);
	border-radius: 34px;
	box-shadow: 6px 16px 30px hsla(0,0%,0%,0.15);
}

div.myp_outline dl {
	margin-top: 32px;
	line-height: 1.6;
}

div.myp_outline dl>dt {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1em;
	color: var(--main_kf_blue_darker);
	position: relative;
	z-index: 0;
	padding-left: 26px;
}

div.myp_outline dl>dt::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	left: 0;
	top: 0.33em;
	background-color: var(--main_kf_blue);
}

div.myp_outline dl>dd{
	font-size: 1.8rem;
	margin-top: 0.1em;
	font-weight: bold;
	font-weight: 500;
}

div.myp_samples {
	/*nest-inner-start*/
	
	& ul{
	display: flex;
	gap:0 28px;
	justify-content: center;
	}
	
	& ul>li {
		width: 180px;
		text-align: center;
	}
	
	& ul>li>figure {
		
	}
	
	& ul>li>figure>span {
		display: block;
	overflow: hidden;
	border: 1px solid hsla(0,0%,0%,0.1);
	border-radius: 24px;
	box-shadow: 1px 4px 8px hsla(0,0%,0%,0.1);
	margin-top: 1em;
	}
	
	& ul>li>figure>figcaption {
		font-size: 1.4rem;
	}
	
/*nest-inner-end*/
}

div.myp_family_linkage {
		/*nest-inner-start*/
		
		& h2,
		& h2+p{
		text-align: center;
		}
		
		& h2 {
			font-size: 2.4rem;
			line-height: 1.4;
		}
		
		& h2+p {
			margin-top: 1em;
			font-weight: bold;
			font-weight: 500;
		}
		
		div.box_flow {
			margin-top: 24px;
		}
		
		div.box_flow >ul {
			display: flex;
			justify-content: center;
			gap:0 72px;
		}
		
		div.box_flow >ul>li {
			font-size: 1.6rem;
			font-weight: bold;
			font-weight: 700;
			text-align: center;
			line-height: 1.3;
			position: relative;
			z-index: 0;
		}
		
		div.box_flow >ul>li::after {
			content: "";
			display: block;
			position: absolute;
			width: 48px;
			height: 44px;
			right: -62px;
			top: 60px;
			margin-top: -16px;
			
			background-image: url(../../assets_global/img/icon_arrow_huge_4c.svg);
			background-repeat: no-repeat;
			background-size:cover;
		}
		
		div.box_flow >ul>li:last-of-type::after{
			content: none;
		}
		
		div.box_flow >ul>li span.num {
			font: var(--main_en_cond_reg);
			display: flex;
			margin: 0 auto;
			width: 128px;
			height: 128px;
			border-radius: 64px;
			font-size: 4.8em;
			line-height: 1;
			padding-bottom: 4px;
			color: var(--main_kf_blue);
			align-items: center;
			justify-content: center;
			background-color: #fff;
			box-shadow: 0px 6px 5px hsla(0,0%,0%,0.07);
			margin-bottom: 12px;
		}
		
		
		/*nest-inner-end*/
}

	
	/*nest-end*/
}

/*#sec_homegame_info (pc)*/

#sec_homegame_info {
	& h1{
	line-height: 1.4;
	}
	
	& h1+p {
		margin-top: 0em;
	}
	
	#box_homegames {
		margin-top: 24px;
		width: 90%;
		margin: 24px auto 0 auto;
	}
	
	#box_homegames>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:32px 32px;
	}
	
	#box_homegames>ul>li {
		width: calc((100% - 32px * 2) / 3);
	}
	
	#box_homegames>ul>li>a {
		display: block;
		border: 1px solid hsla(0, 0%, 0%,0.15);
		border-radius: 10px;
		overflow: hidden;
	}
	
}


/*/#sec_homegame_info (pc)*/


/*page_14 (pc)*/

body.page_14 #box_pager button.next {
	display: none;
}

[id^='sec_bk'] {
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 88px;
	}
	
	p.note{
	font-size: 1.4rem;
	margin-top: 0.75em;
	color: #555;
	}
	
	div.box_bk_covers {
	width: var(--width_main_cont_pc);
		margin:  32px auto 0 auto;
	}
	
	div.box_bk_covers h2 {
		font-family: "Outfit", sans-serif;
font-optical-sizing: auto;
font-style: normal;
		font-size: 2.4rem;
		line-height: 1;
		padding-bottom: 0.3em;
		text-align: center;
		letter-spacing: 0.05em;
		border-bottom: 1px solid var(--main_kf_blue);
	}
	
	div.box_bk_covers h2 strong {
		color: var(--main_kf_blue);
	}
	
	
	div.box_bk_covers>ul {
		margin-top: 32px;
		line-height: 1;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap:48px 48px;
	}
	
	div.box_bk_covers>ul>li {
		text-align: center;
		width: 182px;
	}
	
	div.box_bk_covers>ul>li>a{
		display: block;
	}
	
	div.box_bk_covers figure>span{
		border: 1px solid #ddd;
		display: block;
		margin-top: 1.25em;
		position: relative;
		z-index: 0;
		transform-origin: center;
	transition: transform 0.3s ease;
	}
	
	div.box_bk_covers a:hover figure>span {
		transform: scale(1.05);
	}
	
	div.box_bk_covers figcaption {
		font-size: 1.6rem;
		line-height: 1;
		font-weight: bold;
		font-weight: 700;
	}
	
	div.box_bk_covers p.btn {
		margin-top: 1.2em;
		font-weight: 500;
		line-height: 1;
		display: inline-block;
		background-color: var(--main_kf_blue);
		color: #fff;
		width: 100%;
		padding: 0.4em 0.5em 0.65em 0.5em;
		border-radius: 18px;
		cursor: pointer;
	}
	
	div.box_bk_covers a:hover p.btn {
		background-color: hsl(199, 99%, 67%);;
	}
	
	div.box_bk_covers p.btn>span {
		display: inline-block;
		padding-left:22px ;
		position: relative;
		z-index: 0;
	}
	
	div.box_bk_covers p.btn>span::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 16px;
		height: 14px;
		margin-top: -6px;
		background-image: url(../../assets_global/img/icon_open_link.svg);
		background-repeat: no-repeat;
		background-position: 99.5% 0;
		background-size: cover;
	}
	
	div.box_bk_covers div.box_btn {
		display: block;
		margin-top: 1.5em;
	}
	
	div.box_bk_covers div.box_btn>p {
		font-size: 1.3rem;
		line-height: 1;
	}
	
	div.box_bk_covers div.box_btn>p>a {
		display: block;
		padding: 0.65em 0.2em 0.8em 0.2em;
	}
	
	div.box_bk_covers div.box_btn>p>a>span {
		white-space: nowrap;
	}
	
	div.box_bk_covers div.box_btn>p+p {
		margin-top: 0.7em;
	}
	
	div.box_bk_covers div.box_btn>p.sp>a{
		background-color: var(--main_bk);
	transition: 0.3s ease;
	}
	
	div.box_bk_covers div.box_btn>p>a>span {
		padding-left: 20px;
	}
	
	div.box_bk_covers div.box_btn>p>a>span::before {
		width: 14px;
		height: 12px;
		margin-top: -5px;
	}
	
	div.box_bk_covers div.box_btn>p.sp>a:hover {
		background: #444;
	}
	
	div.box_bk_covers div.box_btn>p.sp>a:after {
		content: none;
	}
	
	.box_ending {
	width: var(--width_main_cont_pc);
		border-top: 1px solid var(--main_kf_blue);
		margin: 72px auto 0 auto;
		padding-top: 56px;
	}
	
	.box_ending>p {
		text-align: center;
		font-weight: bold;
		font-size: 2rem;
	}
	
	.box_ending .box_btn {
		margin-top: 16px;
	}
	
	
/*nest-end*/
}


div.box_bk_covers+div.box_bk_covers {
	margin-top: 64px;
}



/*#sec_download (pc)*/

#sec_download {
	
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 80px;
	}
	
	.box_dw_items{
	width: var(--width_main_cont_pc);
	margin: 32px auto 0 auto;
	}
	
	.box_dw_items>ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
}
	
	.box_dw_items>ul>li {
		width: 100%;
		border-top: 1px solid var(--main_kf_blue);
		padding-top: 32px;
		text-align: center;
		margin-top: 56px;
	}
	
	.box_dw_items>ul>li:nth-of-type(1) {
		margin-top: 0;
	}
	
	.box_dw_items>ul>li figcaption {
		margin: 0 auto;
	}
	
	.box_dw_items>ul figcaption {
		font-size: 2rem;
		text-align: center;
		font-weight: bold;
		font-weight: 700;
		color: var(--main_kf_blue_darker);
	}
	
	.box_dw_items .box_btn {
		margin-top: 12px;
	}
	
	.box_dw_items figure span {
		display: block;
	}
	
	.box_dw_items figure.vert_8k span {
		margin-top: 12px;
		padding-bottom: 24px;
	}
	
	
/*nest-end*/
}

/*========================*/ 
/*==== Responsive Setting ====*/
/*========================*/ 

/*==== Responsive(pc) ====*/

@media (max-width: 1280px) and (min-width: 768px) {
  /*mq-start*/
  
  

/* ===== #contents_menu (pc-1280px) ======*/
#wrapper_contents_menu{
overflow: auto;	
/*nest-start*/
&::after{
position: fixed;
left: 0;
top: 0;
	height: 100svh;
	}
	
div#box_side_info p.title_ja {
		margin-top: 0.7em;
	}
	
div.box_colophon {
		margin-top: 0;
		padding:  0 0 0 34px;
	}


div#wrapper_contents_footer {
		height: calc(100svh - 240px);
		min-height: 370px;
	}


	div#wrapper_contents_footer figure.mascot_fronta {
		width: 160px;
		height: 200px;
	}


/*nest-end*/
}



/* #wrapper_main_menu (pc-1280px) */

#wrapper_main_menu {
		/*nest-start*/
		& > header > h1 {
		font-size: 6em;
		}
		
		& > header > p {
		font-size: 1.8rem;
		}
		
		& > header > p > strong {
			font-size: 2.8rem;
			}
			
		a[href='08.html'] {
				padding-right: 100px;
			}
			
		figure.mascot {
				width: 124px;
				height: 105px;
				right: -28px;
			}
		
		/*nest-end*/
}

/*page_common(pc-1280px)*/

body:not(#cover)::before,
body:not(#cover)::after {
	content: none;
}

body:not(#cover) #wrapper>main {
	border-radius: 8px 8px 8px 8px;
}

/*==== header(pc) ====*/
body:not(#cover) #wrapper>header {
	width: 1024px;
	margin:  0 auto;
	position: relative;
	top: auto;
	left: auto;
	height: auto;
	z-index: 100;
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 10px;
	}
	
	div.box_right{
	display: none;
	}
	
	div[id^="site_id"]{
	width: 260px;
	padding: 10px 0 0 0;
	display: flex;
	justify-content: flex-start;
	}
	
	p[id^="logo_delfino"] {
		width: 170px;
	}
	
	p[id^="site_30th"] {
		width: 54px;
		margin-left: 8px;
	}
	
	p[id^='logo_delfino'] small{
		left: 53px;
		top: 54px;
		font-size: 1rem;
	}
	
	/*nest-start*/
}


/*==== #box_pager(pc-1280px) ====*/
#box_pager {
	width: 1024px;
	left: 50%;
	margin-left: -512px;
	/*nest-start*/
	div.box_left {
	margin-left: 8px;
	}
	
	div.box_right {
	margin-right: 8px;
	}
	/*nest-end*/
}


/*====#anchor_nav (pc -1280px)====*/
#anchor_nav {
	position: absolute;
	z-index: 100;
	right: calc((100% - 1024px) / 2);
	left: auto;
	top: 0;
	width: 70%;
	height: 74px;
	margin-left: auto;
	display: flex;
	justify-content: flex-start;
	flex-direction:row-reverse ;
	align-items: center;
	padding-top: 0;
	/*nest-start*/
	
	& >ul{
	display: flex;
	justify-content: flex-end;
	font-size: 1rem;
	line-height: 1;
	align-content: flex-end;
	align-items: center;
	padding-bottom: 0px;
	}
	
	
	
	& >ul>li,
	& >ul>li:nth-of-type(1) {
		text-align: center;
		margin-top: 0;
		margin-left: 8px;
	}
	
	& >ul>li {
		display: flex;
		align-items: center;
	}
	
	& >ul>li>a {
		background-color: #fff;
		padding: 0.6em 1em 0.7em 1em;
		color: var(--main_kf_blue);
	}
	
	& >ul>li.sub+li {
		margin-top: auto;
	}
	
	& >ul>li.sub {
		padding-bottom: 0;
	}
	
	& >ul>li.sub>.inner {
		display: none;
}
	
	
	#box_sp_player {
	position: relative;
	padding: 0 76px 5px 0;
	margin-left: 12px;
	}
	
	#box_sp_player p {
		text-align: right;
	}
	
	#box_sp_player p[lang='ja'] {
		font-size: 1.3rem;
		line-height: 1.2;
		margin-top: 0.1em;
	}
	
	#box_sp_player a figure {
		right: 0;
		bottom: -2px;
		width: 76px;
	}
	
	#box_sp_player p.sp_ttl {
		line-height: 0.95;
		position: relative;
		margin-top: -0.5em;
	}
	
	
	
	
	
	/*nest-end*/
}

body:not(#cover) #anchor_nav>ul {
	margin-top: 0;
}
	

/* page_01 */

div#box_both_side_player {
	display: none;
}

/* page_02 */
/* #sec_sp_iro-iro (pc) */

#sec_sp_iro-iro {
	/*nest-start*/
	& header{
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	}
	
& h1{
	top: 80px;
	}	
	/*nest-end*/
}


/* #sec_sp_measure (pc) */
#sec_sp_imp_uniform{
/*nest-start*/

div.box_btn {
	margin-top: 220px;
}


/*nest-end*/
}
/* /#sec_sp_measure (pc) */




/*==== #sec_sp_interview (pc-1280px) ====*/

#sec_sp_interview {
	/*nest-start*/
	
		#box_kv_interview>span {
		overflow: hidden;
	border-radius: 8px 8px 0 0;
	}
	
	/*nest-end*/
}


/*#sec_asked_everyone(pc-1280px)*/

#sec_asked_everyone {
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	&::after{
	top: -0;
	}
}

  
  /**/
  /*mq-end*/
}

/*==== Responsive(tab-Portrait) ====*/

@media (min-width: 768px) and (max-width: 1100px) {
  /* mq-start */
  
#wrapper {
	width: 1100px;
	overflow: hidden;
}
  
body#cover {
/*nest-start*/
		#wrapper>header{
		display: none;
		}
		
		div[id^="box_cover_"]{
		/*nest-inner-start*/
				& h1,
				& h2{
				width: 100%;
				position: relative;
				left: auto;
				margin-left: 0;
				top: auto;
				text-align: center;
				}
				
				& h1 span.name,
				& h2 span.name {
				display: inline-block;
				} 
/*nest-inner-end*/
		}
/*nest-end*/
}

div#box_home_info {
position: relative;
top: auto;
left: auto;
width: 78vw;
margin: 0 auto;
padding-bottom: 56px;

& >ul{
width: 100%;
display: flex;
justify-content: center;
gap:24px 24px;
}

& >ul>li{
width: calc((100% - 24px) / 2);
}

}

/*#anchor_nav(sp)*/
#anchor_nav {
	& >ul{
	font-size: 1.2rem;
	line-height: 1.2;
	align-items: center;
	}
	
	& >ul br.mqv {
		display: block;
		
	}
}


#lay_fc_check {
	
	#box_fc_img >figure {
	width: 600px;
	height: 800px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	margin: 0;
	margin-top: 10%;
	}
	
	#box_fc_img span.week {
		top: 8svh;
	}
	
	#box_fc_img figure>span {
		height: 800px;
		text-align: center;
		margin-top: 0;
		width: 600px;
		display: block;
		margin: 0 auto;
	}


	& figure video {
		display: inline-block;
		width: auto;
		height: 100%;
	}
	
	#box_fc_img >figure>figcaption {
		top: calc(108svh - 320px);
		left: 50%;
		margin-left: 0;
		transform: translateX(-50%);
	}
	
	
}



/* mq-end */
}



/*==== Responsive(sp) ====*/

@media (hover: none) {
	button:hover,
	a:hover {
		background: inherit !important;
		color: inherit !important;
		transform: none !important;
	}
}


@media screen and (max-width: 768px) {

/*======mq-start======*/

	.pcv {
		display: none;
	}

	.spv {
		display: block;
	}
	
	
	:root {
		
--width_main_cont_pc:92vw;
	--pc_contents_width:100%;
	}
	
	
	body::before,
	body::after {
	content: none;
	}
	


/*==== #wrapper (sp)====*/
#wrapper {
}

#wrapper::before {
	content: none;

	/*transform: skewY(-12deg);*/
}





/*==== /#wrapper (sp)====*/


/*text common (sp)*/

p:not(.note) {
	font-size: 1.7rem;
	line-height: 2;
}

/*====button (sp) ====*/
div.box_btn {
	margin-top: 6vw;
	gap:0 3vw;
	/*nest-start*/
	& p:not(.note){
	font-size: 3.75vw;
	}
	
	& p:not(.note)>a {
		border-radius: 10vw;
	}
	
	& p:not(.note)>a::after{
		top: 0;
		left: 0;
opacity: 0;
		transition: unset;
	}
	
	& p:not(.note)>a:hover::after{
		opacity: 0;
	}
	
	& p:not(.note)>a>span {

	}
	
	& p:not(.note)>a[target='_blank']>span {
		padding-left: 6.5vw;
	}
	
	& p:not(.note)>a[target='_blank']>span::before {
		width: 4.5vw;
		height: 4vw;
		margin-top: -2vw;
		background-position: 100% 0;
	}
	
	p.note {
		margin-top: 1.5em;
	}
	
/*nest-end*/
}

/*2 line*/
div.box_btn.sp2l>p>a {
		padding: 0.8em 1.5em 0.8em 1.6em;
}

div.box_btn.sp2l>p {
	line-height: 1.2;
	
}

/* /button (sp) */



/*==== header (sp) ====*/

#wrapper>header {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	/*nest-start*/
	
	div#site_id{
	position: absolute;
	z-index: 30;
	}
	
	div#site_id::before,
	div#site_id::after {
		content: "";
		display: block;
		position: absolute;
		width: 103%;
		height: 23vw;
		top: -7vw;
		left: 0vw;
	}
	
div#site_id::before {
		background-color: #fff;
		transform: skewY(-8deg);
		z-index: 10;
}

div#site_id::after {
	background-color: var(--main_kf_blue);
	z-index: 0;
	transform: skewY(-12deg);
	top: -5.2vw;
}

	
	p#logo_delfino {
		position: relative;
		z-index: 10;
	}
	
	p#logo_delfino small {
		display: none;
	}
	
	div#site_id {
		width: 42vw;
		padding: 2vw 0 0 2vw;
	}
	
	
	p#site_30th{
	display: none;
	}
	
	div.box_right {
		background-color: var(--main_kf_blue);
		width: 94vw;
		left: 0;
		z-index: 10;
		display: flex;
		justify-content: flex-end;
		align-items: baseline;
		padding: 2.3vw 4vw 0 0;
		height: 12vw;
		gap:0 1vw;
		border-radius: 0vw 6vw 6vw 0vw;
	}
	
	div.box_right::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 37vw;
		width: 8vw;
		height: 100%;
		background-color: hsla(0, 0%, 0%, .1);
		transform: skewX(-12deg);
	}
	
	div.box_right>p {
		letter-spacing: 0.05em;
		position: relative;
		z-index: 10;
	}
	
	div.box_right>p,
	div.box_right>p>strong{
		color: #fff;
		 font:var(--main_en_cond_reg);
		font-size: 3vw;
	}
	
	div.box_right>p.volume {
		font-size: 4.375vw;
	}
	
	div.box_right>p.volume>strong {
		font-size: 6.25vw;
	}
	
	/*nest-end*/
	
}

body:not(#cover) header p.season,
body:not(#cover) header p.volume {
	display: block;
}

/*==== /header (sp) ====*/


/*==== #box_pager (sp) ====*/
#box_pager {
width: 74vw;
height: 15vw;
border-radius: calc(15vw / 2);
box-shadow: 0 8px 25px rgba(52, 100, 112, 0.18);
background-color: hsla(360, 100%, 100%, .75);
bottom: 2.4svh;
margin: 0 0 0 4vw;
border: 2px solid #fff;
backdrop-filter: blur(8px);

	/*nest-start*/

	
	div.box_left,
	div.box_right {
		position: absolute;
		top: 0;
		left: 0;
		height: 0;
		width: 100%;
	}
	
div.box_left {
		margin-left: 0;
		width: 100%;
	}
	
	div.box_right {
		margin-right: 0;
		width: 100%;
	}
	
	div.box_right::before {
		content: "";
		width: 1px;
		height: 12vw;
		display: block;
		position: absolute;
		right: 13.3vw;
		top: 1.5vw;
		background-color: var(--main_kf_blue);
	}
	
	& button{
	position: absolute;
	font-size: 4.063vw;
	background-color: transparent;
	padding: 0 1vw 0 1vw;
	display: flex;
	/*background-color: hsla(0, 0%, 0%, .1);*//*debug*/
	height: 12vw;
	border-radius: 0;
	box-shadow: none;
	top: 1.25vw;
	}
	
	button.prev {
		right: 15vw;
		left: auto;
	}
	
	button.next {
		left: auto;
		right:2vw;
	}
	
	button.next::before {
		content: "";
		position: absolute;
		top: 1vw;
		left: -1vw;
		height: 10vw;
		width: 2px;
		background-color: var(--main_kf_blue);
	}
	
	
	
	button.prev,
	button.next {
		text-indent:100%;
white-space:nowrap;
	width: 10vw;
	}
	
	button.prev::after,
	button.next::after {
		content: "";
		display: block;
		position: absolute;
		width: 3.6vw;
		height: 5vw;
		top: 50%;
		left: 50%;
		margin-top: -2.5vw;
		background-color: var(--main_kf_blue);
		transform: skew(0deg) translateX(-50%);
		opacity: 1;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	
	button.prev::after {
		transform: skew(0deg) translateX(-50%) scale(-1,1);
	}
	
	
	button.cover {
		left: 4.5vw;
	}
	
	button.menu{
		left: 27vw;
	}
	
	& button.menu>span {
		padding-left: 8vw;
	}
	
	& button.menu>span::before {
		width: 6vw;
		height: 5vw;
		margin-top: -2.4vw;
	}
	
	
	button#pagetop {
	position: absolute;
	right: -17vw;
	top: 0.5vw;
	width: 13vw;
	height: 13vw;
	border-radius: 7.5vw;
	display: none;
	}
	
	button#pagetop::before {
		width: 6vw;
		height: 6vw;
		margin-left: -3vw;
		margin-top: -3vw;
	}
	
		/*nest-end*/

	
}

body#cover button.cover,
body#cover button.prev{
	display: flex;
	opacity: 0.3;
	pointer-events: none;
}


/*==== /#box_pager (sp) ====*/


/*==== main (sp) ====*/
main {
	width: 100%;
	margin: 0;
}

body#cover main {
	padding-bottom: 6vw;
}

body:not(#cover) main {
	padding: 3vw 0 10vw 0;
}

/*==== /main (sp) ====*/


/*==== footer(sp) ====*/

footer {
		/*nest-start*/
		&>.inner{
		width: var(--pc_contents_width);
		margin: 0;
		padding: 6vw 3vw 26vw 3vw;
				/*nest-inner-start*/
				
				
				& h5{
				font-size: 4.375vw;
				}
				
				
				/*nest-inner-end*/
		
		}
		
		div.bg_footer{
		display: none;
		}
		
		ul.bnrs {
			width: 90vw;
			margin: 0 auto;
			margin-top: 5vw;
			gap:5vw 5vw;
			justify-content: center;
		}
		
		ul.bnrs>li {
			width: calc((100% - 5vw * 1) / 2);
		}
		
		ul.bnrs a {
			border-radius: 1.5vw;
			height: auto;
		}
		
			div.inner_2nd {
		margin-top: 6vw;
		
		/*nest-inner-start*/
		
		p.kf_logo>a>img {
					height: 18vw;
					}
					
		p.ttl_delfino[lang='en'] {
					font-size: 3.125vw;
		}
		
		p.ttl_delfino[lang='en'] strong {
					font-size: 5vw;
		}
		
		div.box_vol_num {
		width: 45vw;
		height: 13vw;
		border-radius: 8vw;
		margin-top: 2vw;
		padding-top: 0.5em;
		}
		
		div.box_vol_num>p {
					font-size: 2.813vw;
		}
		
		div.box_vol_num>p.vol strong {
					font-size: 7.5vw;
		}
		
		p.expl {
					margin-top: 1em;
					font-size: 2.813vw;
		}
		
		ul.utility {
		margin-top: 6vw;
		flex-wrap: wrap;
		font-size: 2.813vw;
		gap:3vw 4vw;
		}
		
		ul.utility>li {
			text-align: center;
			width: calc(100% / 2 - 4vw);
			line-height: 1.3;
		}
		
		
		ul.utility>li>a {
					height: 3em;
					padding: 0.5em 0 0.5em 0;
					display: flex;
					align-items: center;
					justify-content: center;
		}
		
		ul.utility>li::after {
					height: 100%;
					right: -2.15vw;	
					top: 0;
					}
		
		ul.utility>li:nth-of-type(2)::after {
					content: none;
		}
		
		p.ft_logo {
						margin-top: 8vw;
					}
					
					
		p.ft_logo a img {
						height: 5.5vw;
					}
					
		p.copy {
						margin-top: 1.5em;
						font-size: 3.125vw;
					}
		
		/*nest-inner-start*/
		}
		/*nest-end*/
}


/*==== #anchor_nav(sp) ====*/
#anchor_nav {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	margin-left: 0;
	background-color: #e5f6ff;
	padding-bottom: 3vw;
	padding-top: 15vw;
	
	/*nest-start*/
	& >ul{
	width: 94vw;
	margin: 0 auto 0 auto;
	font-size: 2.813vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap:2vw 3vw;
	}
	
	& >ul>li {
		text-align: center;
		margin-top: 0;
		max-width: 45vw;
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	
	& >ul>li:first-of-type {
		margin-top: 0;
	}
	
	& >ul>li>a {
		border-radius: 10vw;
		padding: 0.5em 0.6em 0.6em 0.6em;
		background-color: #fff;
		transition: unset;
	color: var(--main_kf_blue);
	}
	
	& >ul>li> a:hover {
		color: var(--main_bk);
		background-color: #fff;
	}
	
	& >ul>li.sub+li {
		margin-top: 0
	}
	
	& >ul>li.sub {
		display: none;
	}
	
	& ul.inner {
		margin-top: 12px;
		font-size: 1.4rem;
	}
	
/*	#box_sp_player(sp) */
	#box_sp_player {
	padding: 0 18vw 0 0;
display: flex;
justify-content: flex-end;
	}
	
	#box_sp_player>a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 48vw;
	}
	
	#box_sp_player br {
		display: none;
	}
	
	
	#box_sp_player p.sp_ttl {
		font-size: 3.75vw;
	}
	
	#box_sp_player p.sp_ttl>small {
		font-size: 3.125vw;
		display: inline-block;
	}
	
	#box_sp_player a figure {
		position: absolute;
		width: 20vw;
		transition: unset;
		bottom: -9.8vw;
		
	}
	
	#box_sp_player a:hover figure {
		transform: scale(1);
	}
	
	#box_sp_player p[lang='ja'] {
		font-size: 3.125vw;
		font-weight: bold;
		font-weight: 800;
		line-height: 1.4;
		width: 100%;
		text-align: right;
	}
	
	#box_sp_player+ul {
		width: 76vw;
		margin: 2vw 21vw 0 auto;
	}
	
	/*nest-end*/
	
}

#anchor_nav.float {
	
	& ul a{
	color: var(--main_kf_blue);
	}
	
	& ul a:hover {
		color: #fff;
		background-color: var(--main_kf_blue);
	}
	
	& >ul>li.sub>a{
		background-color: var(--main_kf_blue_pale);
	}
	
}

/*/#anchor_nav(pc)*/



/*==== #lay_contents(sp) ====*/

#lay_fc_check,
#lay_contents {
	display: none;
	/*nest-start*/
	
	button.close_layer {
		bottom: 7vw;
		right: 4vw;
		font-size: 3.75vw;
		background-color: hsla(360, 100%, 100%,0.85);
		padding: 4vw 4vw 4vw 4vw;
		border-radius: 10vw;
		box-shadow: 0px 3px 10px hsla(0,0%,0%,0.2);
		border: 1px solid #fff;
		backdrop-filter: blur(8px);
	}
	
	button.close_layer>span {
		display: inline-block;
		padding-right: 6.5vw;
		position: relative;
		z-index: 0;
	}
	
	button.close_layer::after {
		width: 5.6vw;
		height: 5.5vw;
		right: 3.5vw;
		margin-top: -2.8vw;
	}
	
	
	/*nest-end*/

}





/*==== /#lay_contents(sp) ====*/


/* ===== #contents_menu (sp) ======*/

#wrapper_contents_menu{
	height: 100svh;
	overflow: scroll;
	display: block;
/*nest-start*/



&::after{
	width: 2.5vw;
	position: fixed;
	top: 0;
	left: 0;
	}
	
	& header {
		
	}
	
	
#box_side_info{
display: none;	
}


div#wrapper_contents_footer {
	position: relative;
	width: 100%;
	top: auto;
	height: auto;
	min-height: initial;
	padding-left: 33vw;
	
	& >p{
	padding-left: 0;
	}
	
	div.box_colophon{
	padding-left: 0;
	}
	
figure.mascot_fronta {
left: -1vw;
margin-left: 0;
top: auto;
bottom: -20vw;
width: 32vw;
height: 60vw;
overflow: hidden;
}

figure.mascot_fronta>img {
	
}
	
	
}

	

/*nest-end*/
}

/* #wrapper_main_menu (sp) */
#wrapper_main_menu {
min-height: initial;
border-left: none;
margin: 0 0 0 0;
padding: 3vw 0 15vw 6vw;
width: 100%;
height: auto;
/*nest-start*/

		div.column{
		width: auto;
		padding-bottom: 10vw;
		}
		
		div.column:nth-of-type(1) {
			margin-top: 0;
			width: calc(100% - 4vw);
			padding-right: 0;
			border-right: none;
			}
			
			div.column.second {
			width: calc(100% - 4vw);
			padding-left: 0;
			margin-top: 0;
			padding-right: 0;
			}
			
		
	& section{
			margin-top: 0vw;
			}
			
	div.column.second section ul.main>li{
		margin-top: 6vw;
	}
	
	figure.mascot {
				width: 23vw;
				height: 20vw;
				top: -2vw;
				right: 0vw;
			}
			
		figure.mascot>img {
				margin-left: -242%;
			}
	
			
		& > header {
	width: 100%;
	display: block;
	z-index: 10;
	}
	
	& > header > h1 {
			width: 100%;
			font-size: 12vw;
			line-height: 1;
			}
			
	& > header > p {
			font-size: 5vw;
			margin-left: 0.2em;
			top: auto;
			
			}
			
	& > header > p > strong {
			font-size: 7vw;
			}
			
	
	figure.sp_player {
			top: 6vw;
			width: 27vw;
			}
			
			
	
			
	figure.sp_player>span {
			border: 1.2vw solid #fff;
			}
			
	a[href='08.html'] {
				padding-right: 23vw;
			}


			section.cont_hotline figure {
				top: 0;
				right: 1.5vw;
				width: 24vw;
			}


		[id^='cont_feature_'] {
		padding-left: 30vw;
		/*nest-inner-start*/
		
						& ul{
						font-size: 1.6rem;
						line-height: 1.5;
						gap:0.7em 1.2em
						}
						
						& ul>li{
						display: inline-block;
						position: relative;
						z-index: 0;
						}
						
						& ul>li>a::after {
						right: -0.6em;
						background-color: #999;
						}
						
						& ul>li:last-of-type>a::after {
						content: none;
						}

		/*nest-inner-end*/
		}

#cont_feature_02 {
	min-height: 40vw;
	margin-top: 10vw;
}

#cont_feature_02 figure.sp_player {
			top: 6vw;
}
/*nest-end*/

}




/* ===== /#contents_menu (sp) ======*/


/*==== /#lay_contents(sp) ====*/



/*============  ============*/
/*==== #pages settinngs(sp) ====*/
/*============  ============*/




/*==== #cover(sp) ====*/

body#cover {
	#wrapper>header{
	display: none;
	}
}


div#box_home_info{
	position: relative;
	display:block ;
	top: auto;
	left: auto;
	width: 90vw;
	margin: 0 auto 0 auto;
	padding-bottom: 12vw;
	
			/*nest-start*/
		& ul {
			width: 100%;
		}	
		
		& ul>li {
		}
		
		& a{
		transition: unset;
		}
		
		& figcaption {
			font-size: 3.75vw;
			margin-top: 0.7em;
			transition: 0.3s;
		}
		
		
			/*nest-end*/
}


/*#box_cover_(sp)*/
[id^='box_cover_'] {
	width: 100%;
	margin: 0;
	/*nest-start*/
	& figure{
	margin: 0;
	width: 100%;
	height: auto;
	}

	& h1,
	& h2{
		position: relative;
		width: auto;
		left: auto;
		margin-left: 0;
		top: auto;
		font-size: 7.5vw;
		line-height: 1.4;
		text-align: center;
		padding: 0 3vw 0 3vw;
	}
	
	& h1 span[lang='en'],
	& h2 span[lang='en'] {
	font-size: 4.375vw;
		border-bottom: 2px solid var(--main_kf_blue);
	}
	
	& h1 small,
	& h2 small{
		font-size: 5vw;
	}
	
	& h1>a,
	& h2>a{
			/*nest-inner-start*/
			.name{
			display: inline-block;
			padding-left: 7vw;
			}
			
			.name::before {
				width: 5vw;
				height: 5vw;
				margin-top: -2.2vw;
			}
			
			/*nest-inner-end*/
	}
	
	& figure {
		width: 100%;
	}
	
	
	
	& figure>a>img {
	height: auto;
	width: auto;
	box-shadow: 0px 2px 7px hsla(0,0%,0%,0.2);
	transform-origin: top center;
	}
	
	& figure>a>img {
		transition: unset;
	}
	
	& figure>a:hover>img {
		transform: none;
	}
	


/*nest-end*/
}

#box_cover_h4{
	margin-top: 32px;
}

/*/#box_cover_(sp)*/


/*==== common text(sp) ====*/

/* ===  body text(sp) === */
section {
	/*nest-start*/
	
	div.main_column {
		width: 92vw;
		margin:6vw auto 0 auto;
	}
	
	div.main_column>div>p {
	}

	div.main_column>div  h2+p {
	}
	
	.box_lead>p {
		font-size: 4.375vw;
	}
	
/*nest-end*/
	
}
/* ===  /body text(pc) === */



/*header.basic(sp)*/

header.basic {
	margin: 0 3vw;
	padding: 5vw 0 0 0;
/*nest-start*/
& h1{
font-size: 7vw;
line-height: 1.1;
}


& h1>small{
	font-size: 3.75vw;
	}


.box_lead {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
}

.box_lead>p{
	font-size: 4.063vw;
	text-align: left;
	font-weight: 600;
}

.box_lead>p>br{
	display: none;
}

/*nest-end*/
	
}
/*/header.basic (sp)*/



body:not(#cover) footer,
section.border_top {
	&>.inner{
	border-top:8vw solid var(--main_kf_blue_pale);
	}
}


/*==== page-01(sp) ====*/
/*page-09とも共通*/
/*#sec_player_sp_kv(px)*/

body:not(#cover).page_01,
body:not(#cover).page_09{
	main{
	padding-top: 0;
	}
}

/* sp_kv (sp) */
#sec_player_sp_kv {
	overflow: hidden;
	/*nest-start*/
	& >.inner{
	padding-left: 50vw;
	padding-top: 4vw;
padding-bottom: 10vw;
	}
	
	& >.inner::after {
		top: 50vw;
		left: 0;
		width: 48vw;
		height: 20vw;
	}
	
		
	& header {
		margin-top: 5vw;
	}
	
	& header>h1>img {
		width: 100%;
	}
	
	& header figure.portrait {
		position: relative;
		width: 32vw;
		border: 1.5vw solid #fff;
	}
	
	& header>h1>small {
			width: 19vw;
	}
	
	figure.player_main {
		left: -7vw;
		top: 0vw;
		width: 58vw;
	}
	
	div.box_lead{
	width: 47vw;
	}
	
	div.box_lead>p {
		font-size: 4.063vw;
		line-height: 1.5;
	}
	
	div.box_lead>p>br{
		display: none;
		
	}
	
	div.box_1st_play_photo {
		margin-top:12vw;
		margin-left: -45vw;
		width: 90vw;
	}


	/*nest-end*/
	
}


div#box_both_side_player {
	display: none;
}




/*==== /page-01(sp) ====*/



/*#sec_sp_oneday (sp)*/

#sec_sp_oneday {
/*nest-start*/

& >.inner{
padding-bottom: 5vw;
}

& header {
}

& header h1+p {
	font-size: 5.625vw;
	margin-top: -1vw;
}

.bg_note {
	z-index: 0;
	top: 18vw;
	left: 0;
}

.bg_note>img {
	width: 130%;
	position: relative;
	z-index: 0;
	margin-left: -2vw;
}

.bg_note>img[alt='note2'] {
	transform: scale(-1,1);
	margin-left: -5vw;
	margin-top: -6vw;
}


/*nest-end*/
}

/*#wrapper_oneday (sp)*/

#wrapper_oneday {
gap:16vw 6vw;
padding: 48px;
padding: 6vw 5vw 0 5vw;
/*nest-start*/

[class^="box_time_"]{
width: 42vw;
/*background-color: #f5f5f5; debug*/
}

[class^="box_time_"]::after{
	/*content: none;
	background-color: hsla(0, 0%, 0%,0.08); debug*/
}

[class^="box_time_"]>h2 {
	font-size: 4.063vw;
}

[class^="box_time_"]>h2>span.time {
	margin-right: 2vw;
}

[class^="box_time_"]>h2>span.time>img {
	height: 11vw;
	width: auto;
}

[class^="box_time_"]  figure>span {
	border: 2.5vw solid #fff;
	margin-top: 3vw;
}

[class^="box_time_"]  figure>figcaption {
	font-size: 3.75vw;
}

[class^="box_time_"]  figure>figcaption.left {
	padding-left: 5vw;
}

[class^="box_time_"]  figure>figcaption.right {
	padding-right: 5vw;
}

[class^="box_time_"]  figure>figcaption::before {
	width: 4vw;
	height: 3.5vw;
	top: 0.3em;
}


div.box_extra {
	padding: 5vw 5vw 6vw 5vw;
	border-radius: 0 3vw 0 3vw;
	text-align: center;
}

div.box_extra h3 {
	text-align: center;
	font-size: 4.375vw;
	margin-top: -9vw;
}

/*nest-end*/
	
}
/*/#sec_sp_oneday (sp)*/


/*page_02 (sp)*/

body:not(#cover).page_02 main {
	padding-top: 0;
}


/* #sec_sp_iro-iro (sp) */

#sec_sp_iro-iro {
	
	& >.inner{
	padding-bottom: 10vw;
	}
	
	/*nest-start*/
	& header{
		height: 64vw;
		overflow: hidden;
	}
	
	& header::after {
		width: 100%;
		height: 20vw;
	}
	
		& h1{
	width:55vw;
	top: 3vw;
	left: -1vw;
	}
	
	.box_lead {
		width: 80vw;
		margin: 4vw auto 0 auto;
		position: relative;
		z-index: 10;
	}
	
	.box_lead>p {
		line-height: 1.4;
	}
	
	.box_lead>p>br {
		display: none;
	}
	
	.box_btn {
		margin: -6vw auto 0 auto;
	}
	
	.box_lead img[alt='suppo_q_a'] {
		width: 18vw;
		margin-left: -45vw;
		top: -25vw;
	}
	
		.box_lead img[alt='suppo_q_b'] {
		width: 23vw;
			margin-left: 24vw;
			top: -25vw;
}
	
	
	/*nest-end*/
}

/*#wrapper_qa (sp) */
#wrapper_qa {
	margin: 6vw auto 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap:6vw 6vw;

/*nest-start*/
.box_qa {
	width:100%;
}

.box_qa:nth-of-type(odd)::after,
.box_qa:nth-of-type(even)::after{
	right: auto;
	top: auto;
	bottom: 0;
	left: -1vw;
	transform-origin: right bottom;
	transform: rotate(90deg);
	width: 6px;
	height: 92vw;
}

.box_qa h2 {
	font-size: 4.688vw;
}


.box_qa .box_answer {
	padding-bottom: 6vw;
}

.box_qa h2>img,
.box_qa .box_answer>img {
	margin-right: 1em;
	height: 10vw;
}

.box_qa h2>img {
	margin-right: 4vw;
	top: 2px;
	left: 2px;
}

.box_qa .box_answer>img {
	margin-right: 5.5vw;
	left: 8px;
	top: 4px;
}

/*nest-end*/

}


/*==== #sec_sp_measure (sp) ====*/
#sec_sp_measure {
	/*nest-start*/
	& >.inner{
	padding-bottom: 4vw;
	}
	
	
	#wrapper_measure {
	margin: 5vw 5vw 0 5vw;
	min-height: 175vw;
		/* 40px グリッド */
  background-image:
    linear-gradient(to right, #fff 2px, transparent 2px),
    linear-gradient(to bottom, #fff 2px, transparent 2px);
  background-size: 8.3vw 8.3vw;
	}
	
		#wrapper_measure>.box_title{
		top: -5vw;
		left: -3vw;
		width: 93vw;

	}
	
	#wrapper_measure>.box_title h1 {
		width: 42vw;
	}
	
	
	
	.box_expl {
		position: absolute;
		width: 46vw;
		padding: 0;
		right: 5vw;
		top: 7vw;
	}
	
	.box_expl>p {
		font-size: 1.6rem;
		line-height: 1.6;
	}
	
	.box_expl>p.note {
		font-size: 3.125vw;
	}
	
	#box_main_measure {
		top: 40vw;
		right: 2vw;
		width: 96%;
	}
	
	
	/*nest-end*/
}
/*==== /#sec_sp_measure (sp) ====*/

/*==== #sec_sp_bestshot (sp) ====*/

#sec_sp_bestshot {
		/*nest-start*/
		& >.inner{
		padding: 6vw 0 6vw 0;
		}
		
		& header h1>img {
			width: 40vw;
		}
		
		& header h1>span {
			font-size: 4.375vw;
			margin-top: 5vw;
			letter-spacing: 0.1em;
		}
		
		& header p.name {
			margin-top: 4vw;
			line-height: 1;
			font-size: 3.125vw;
		}
		
		.box_photo {
			margin-top: 4vw;
			
		}
		
			.box_photo>figure>figcaption {
			font-size: 3.125vw;
			margin-top: 0.4em;
		}
		
		.box_photo > .box_expl {
			margin: 6vw auto 0 auto;
		}
		
		.box_photo > .box_expl h2 {
			font-size: 5.625vw;
			letter-spacing: 0.05em;
			line-height: 1.4;
		}
		
		.box_photo > .box_expl h2>small {
			font-size: 3.438vw;
		}
		
	
		/*nest-end*/
	
}

/*==== /#sec_sp_bestshot (sp) ====*/

/* #sec_sp_measure (sp) */
#sec_sp_imp_uniform{
/*nest-start*/
& >.inner{
padding: 35vw 5vw 0 5vw;	
	min-height: 1000px;
}

& h1 {
	width: 88vw;
	height: calc(88vw * 0.35);
	top: 0;
	right: auto;
	left: 50%;
	margin-left: -47vw;
	transform: rotate(-10deg);
}

.box_lead {
	width: 88vw;
}

.box_lead>p {
	font-size: 3.75vw;
	line-height: 1.6;
}

.box_lead>p>br {
	display: none;
}

div.box_uni_bnr{
position: relative;
width: 90vw;
height: auto;
top: auto;
right: auto;
margin-top: 6vw;
}

div.box_impression {
	width: 64vw;
	margin-top: 3vw;
	margin: 3vw auto 3vw auto;
}

div.box_impression::after {
	left: 2vw;
	top: -6vw;
	width: 60vw;
	height: 60vw;
	transform: rotate(15deg);
}

div.box_impression h2 {
font-size: 4vw;
line-height: 1.2;

left: -14vw;
text-align: right;
width: 32vw;
}

div.box_impression>div.baloon>p {
	font-size: 4.063vw;
	line-height: 1.6;
}

div.box_impression figure {
	width: 100%;
}

div.box_btn {
	margin-top: 6vw;
}

/*nest-end*/
		
}


/* page_03 (sp) */

body:not(#cover).page_03{
	main{
	padding-bottom: 0;
	}
}

/*==== sec_player_sp_thats_him(sp) ====*/
/*==== page_03,09共通 ====*/

#sec_player_sp_thats_him {
		/*nest-start*/
		
		& >.inner {
			padding-bottom: 12vw;
			min-height: 1000px;
			overflow: hidden;
		}
		
		& header::after {
			top: 8vw;
			border-radius: 3vw;
		}
		
		& h1>span>img {
			height: 22vw;
		}
		
			img.cloud.left {
			left: -4vw;
			bottom: -4vw;
			width: 30vw;
		}
		
		img.cloud.right{
			width: 40vw;
			right: -3vw;
			bottom:-12vw ;
		}
		
		div.box_lead {
			width: 88vw;
			margin: 3vw auto 0 auto;
		}
		
		div.box_lead>p {
			font-size: 4.063vw;
			line-height: 1.6;
		}
		
		div.box_lead>p>br{
			display: none;
		}
		
		/*main_column(pc)*/
		
		.main_column {
			width: 90vw;
			margin: 0 auto;
			margin-top: 5vw;
		}
		
		.main_column>ul {
			width: 100%;
			margin: 0 auto;
			display: flex;
			columns: auto;
			flex-wrap: wrap;
			gap:4vw 4vw;
		}
		
		.main_column>ul>li {
			width: 100%;
			margin-top: 0;
		}
		
		.main_column>ul>li>h2 {
			font-size: 5vw;
			padding-top: 15vw;
		}
		
		.main_column>ul>li>h2 br {
			display: none;
		}
		
			.main_column>ul>li>h2 small[lang='en'] {
			font: var(--main_en_cond_med);
			font-size: 3.75vw;
			top: 0.05em;
		}
		
			.main_column>ul>li>h2>figure {
			position: absolute;
			bottom: 20vw;
			right: 1.5vw;
			height: 10vw;
			
		}
		
		.main_column>ul>li>h2>figure>img {
			height: 30vw;
		}
		
		.main_column>ul>li p {
			font-size: 4.375vw;
			line-height: 1.8;
		}
		
		div#player_hero {
			width: 72vw;
			height: 92vw;
			padding-top: 10vw;
			margin-left: -36vw;
			margin-top: 5vw;
		}
		
		div#player_hero>img.main_player {
			width: 72vw;
		}
		
		

		/*nest-end*/
}







/*==== /sec_player_sp_thats_him(sp) ====*/



/*==== #sec_sp_those_days(sp) ====*/

#sec_sp_those_days {
padding-bottom: 6vw;
		/*nest-start*/
		
		& >.inner{
		margin: 5vw 5vw 0 5vw;
		padding-bottom: 12vw;
		}
		
		& header {
		height: 75vw;
		}
		
		& header>h1 {
		right: 6vw;
		top: 6vw;
		width: 30vw;
		z-index: 10;
		}
		
		span.bg_img {
		left: 0;
		top: auto;
		bottom: -6vw;
		width: 100%;
		}
		
		span.bg_img>img {
		width: 105%;
		left: -3vw;
		}
		
		& header>p.people {
		width: 48vw;
		font-size: 5vw;
		top:19.5vw;
		left: 3vw;
		margin-right:0;
		line-height: 1.8;
		}
		
		& header>p.people small:nth-of-type(1) {
		font-size: 3.125vw;
		line-height: 1.6;
		}
		
		& header>p.people small:nth-of-type(1)+br {
			display: none;
		}
		
		
		.box_lead {
		width: 100%;
		margin: 0 auto;
		position: relative;
		}
		
		.box_lead>p {
			font-size: 4.63vw;
			line-height: 1.8;
		}
		
		.box_lead::before,
		.box_lead::after {
		background-size: 6px 2px; /* ← 横幅がタイル幅、縦はドット直径 */
		background-repeat: repeat-x;
		}
		
		div.main_column {
			width: 82vw;
		}
		
		div.main_column>div:not(.box_lead)  h2 {
		font-size: 5vw;
		}
		
		
		div.main_column>div.end_profile {
		width: 80%;
		}
		
		div.main_column>div.end_profile h3 {
		font-size: 3.75vw;
		}
		
		
		div.main_column>div.end_profile figure {
		border: 3vw solid #fff;
		}
		
		div.main_column>div.end_profile p {
		font-size: 3.75vw;
		}
		
		div.main_column div figure>span{
		border: 3vw solid #fff;
		}
		
		div.main_column div figure>span+span {
		margin-top: 3vw;
		}
		
	
		
		
		/*nest-end*/
}


/*==== #sec_sp_those_days(sp) ====*/

/*04.html*/
/*==== #sec_sp_cameraroll(sp) ====*/

body.page_04 {
	main{
	min-height: initial;
	}
}

#sec_sp_cameraroll {
	
	/*nest-start*/
	& >.inner{
	height: 200vw;
	}
	
		.bg_album{
	top: 44vw;
	}
	
	.bg_album>img {
		height: 124vw;
		max-width: none;
		margin-left: -14vw;
	}
	
	#box_album_control {
		right: auto;
		left: 5vw;
		top: 2vw;
		z-index: 100;
		width: 90vw;
		display: flex;
		justify-content: center;
	}
	

	
		#box_album_control header {
		position: relative;
		z-index: 10;
		right: 0;
		text-align: right;
		padding-right: 24vw;
	}
	
		#box_album_control header img[alt='camera'] {
		top: -5.7vw;
		right: -1vw;
		width: 26vw;
	}
	
		#box_album_control h1 {
		width: 32vw;
		font-size: 4.063vw;
	}
	
		#box_album_control h1>span {
		top: 0.2vw;
	}
	
		#box_album_control h1+p{
			font-size: 3.75vw;
		}
		
		#box_album_control header p.note {
		font-size: 3.125vw;
		margin-top: 0.3em;
	}
	
		#box_main_photo {
		top: 52vw;
		left: 17.5vw;
		width: 75vw;
		height: 92vw;
		z-index: 10;
	}
	
	#box_main_photo figure {
		height: 93vw;
	}
	
		#box_main_photo figure>span {
		height: 86vw;
	}
	
	#box_main_photo div.inner_photo {
		position: relative;
		height: 100vw;
	}
	
	
		#box_main_photo figure>span>img {
		transform: translate(-50%,-55%) rotate(2deg);
		max-height: 85vw;
		border: 2vw solid #fff;
	}
	
	#box_main_photo figcaption {
		font-size: 3.75vw;
		min-height: 15.5vw;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 76%;
		margin: 6vw auto 0 11vw;
	}
	
	/*ul#cr_switcher (sp)*/
	ul#cr_switcher {
		width: 78vw;
		height: 7vw;
  margin: 0 0 0 18vw;
		top: 148.5vw;
	}
	
	ul#cr_switcher>li>span{
		width: 9vw;
		height: 8.5vw;
	}



	
			#box_thumbnails {
			position: absolute;
			width: 90vw;
			height: auto;
			margin-top: 0;
			top: 170vw;
			
			/*nest-inner-start*/
			
			& ul{
			width: calc((18vw + 3vw) * 12);
			gap:3vw 3vw;
			flex-wrap: nowrap;
			}
			
			& ul>li {
			width: 18vw;
			height: 18vw;
			}
			
			/*nest-inner-end*/
			}	
	

/*nest-end*/
}

/*==== /#sec_sp_cameraroll(sp) ====*/

/*page_05*/
body:not(#cover).page_05 {
	main{
	padding: 8vw 0 4vw 0;
	}
}

/*==== #sec_be_a_professional(sp) ====*/
#sec_be_a_professional {
	
	/*nest-start*/
	
	& >.inner{
		padding-bottom: 8vw;
		}
		
	.box_lead{
	width: 92vw;
	margin: 3vw auto 0 auto;
	}
	
	.box_lead>p {
		font-size: 4.063vw;
		text-align: left;
		line-height: 1.8;
	}
	
	.box_lead>p>br {
		display: none;
	}
	
	& header h1 {
		font-size: 4.063vw;
	}
	
	& header h1>img {
		height: 28vw;
	}
	
	& header h1 span {
		position: absolute;
		display: inline-block;
		bottom: 0.5em;
		width: 100%;
	}
	/*main_column (sp)*/
	div.main_column {
		margin-top: 6vw;
		padding-top: 0.2vw;
	}
	
	
	div.main_column>div {
		margin-top: 5em;
	}
	
		div.main_column>div>h2 {
		font-size: 5.625vw;
		line-height: 1.3;
		}
		
		div.main_column>div>h2:nth-of-type(1) {
			margin-top: 0;
		}
		
		div.main_column>div:nth-of-type(1)>p+h2{
			margin-top: 1.5em;
		}
		
		div.main_column>div.box_ending {
		margin-top: 3em;
		padding-top: 8vw;
					/*nest-inner-start*/
					
					&::after{
					width: 5vw;
					height: 5vw;
					border-radius: 2.5vw;
					top: 0;
					margin-left: -2.5vw;
					}
					
					p{
					font-size: 4.063vw;
					font-weight: 700;
					}
					
					/*nest-inner-end*/
		}
		
/*nest-end*/
}


/*page_05 (sp)*/
/*==== #box_naritai_history (sp) ====*/
#box_naritai_history {
	width: 44vw;
	border-radius: calc(44vw / 2);
	margin: 3vw 0 0 2vw;
	padding-top: 8vw;
	/*nest-start*/
	& >.inner{
	width: calc(44vw - 2vw * 2);
	margin: 3vw 2vw 3vw;
	padding-bottom: 12vw;
	}
	
	& h3{
	font-size: 4.688vw;
	padding-left: 9vw;
	}
	
	& h3::before {
	top: 0vw;
	width: 10vw;
	height: 13vw;
	}
	
	& dl {
		margin-top: 6vw;
	}
	
	& dl::after {
		width: 4px;
		height: calc(100% - 11em);
		left: 2.1vw;
		top: 3vw;
	}
	
	& dl>dt {
		padding-left:6.5vw;
		font-size: 6.25vw;
		line-height: 1.2;
		margin-top: 4vw;
	}
	
	& dl>dt small[lang="ja"] {
		margin-left: 0.1em;
		font-size: 4.063vw;
		top: -0.04em;
	}
	
	& dl>dt::before {
		width: 5vw;
		height: 5vw;
		margin-top: -2.5vw;
	}
	
	& dl>dd {
		padding-left:6.5vw;
	}
	
	& dl>dd>p {
		font-size: 3.125vw;
	}
	
	& dl>dd>h4 {
		font-size: 4.063vw;
	}
	
	/*nest-end*/
}


/*==== /#sec_be_a_professional(sp) ====*/


/*==== #sec_sp_fashion_ck (sp) ====*/
#sec_sp_fashion_ck {
	& >.inner{
	padding-bottom: 16vw;
	}
	
	/*nest-start*/
	
	& header{
	}
	
	
	& header > div.sub_title {
		top: 55vw;
	}
	
	& header > div.sub_title p {
		width: 88vw;
		margin: 3vw auto 0 auto;
		font-size: 3.125vw;
	}
	
	& header > div.sub_title p>strong {
		font-size: 5vw;
	}
	
	& header > div.sub_title p>strong {
		font-size: 4.375vw;
	}
	
	div.box_catch {
		margin-top: 1vw;
	}
	
	div.box_catch>figure {
		position: absolute;
		top: -11vw;
		left: 50%;
		width: 30vw;
		height: 30vw;
		border-radius: 15vw;
		margin-left: -15vw;
	}
	
	div.box_catch>p {
			width: 40%;
			font-size: 3.125vw;
			letter-spacing: 0.1em;
		}
	
	div.box_catch>p:nth-of-type(1) {
		margin-right: 16vw;
	}
	
	div.box_catch>p:nth-of-type(2) {
		margin-left: 16vw;
	}
	
	#box_fashions {
	width: 92vw;
	margin: 28vw auto 0 auto;
	gap:10vw 0;
	}
	
	#box_fashions>div {
	width: 80%;
	}
	
	#box_fashions>div.box_comment {
			width: 100%;
			height:auto;
			margin-bottom: 5vw;
		}
		
	#box_fashions>div.box_comment h2 {
	font-size: 4.688vw;
	padding: 0.5em 0.5em 0.5em 0.5em;
	top: -4.3vw;
			transform: translateX(-50%) rotate(-2deg);
	}
	
	
	#box_fashions>div.box_comment>.inner {
			width: 90%;
			margin: 6vw auto;
		}
		
	#box_fashions>div.box_comment>.inner>p {
			font-size: 4.063vw;
			line-height: 1.8;
		}
	

#box_fashions>div figure figcaption {
			font-size: 3.75vw;
			margin-top: 0.6em;
		}
		
		
		
		#box_fashions>div ul.actions {
			z-index: 10;
			right: -2vw;
			width: 11vw;
			height: 20vw;
			top: 96vw;
			gap:3vw 0;
		}
		
		#box_fashions>div ul.actions>li>button {
			width: 11vw;
			height: 11vw;
			
			}
		
	
	
	/*nest-end*/

}



#lay_fc_check,
#box_fashions {
	
	/*nest-start*/
div span.week {
right: 4vw;
top: -4vw;
width: 15vw;
height: 15vw;
font-size: 6.25vw;
}

/*nest-end*/
}




#lay_fc_check {
	width: 100vw;
	height: 100svh;
	display: none;
	/*nest-start*/
	
& >.inner{
	height: 100svh;
	}
	
	& figure {
		padding: 24px;
	}
	& figure>span {
		display: block;
		text-align: center;
	}
	
	div span.week {
		top: 4vw;
		margin-left: 160px;
		right: 4vw;
		left: auto;
		font-size: 5.5vw;
		width: 20vw;
height: 20vw;
	}
	
	#box_fc_img {
		height: 100svh;
		padding: 6vw;
	}
	
	#box_fc_img >figure>span,
	#box_fc_img >figure {
		height: auto;
		width: 97%;
	}
	
	
	#box_fc_img >figure>span>video {
		width: 100%;
		height: auto;
	}
	
	#box_fc_img >figure>figcaption {
		position: relative;
		left: auto;
		top: auto;
		font-size: 4.375vw;
		width: 70%;
		margin-left: 0;
		margin-top: 0.6em;
		width: ;
	}
	
	#box_fc_img >figure>figcaption br {
		display: block;
	}

	
/*nest-end*/
}


/*==== /#sec_sp_fashion_ck (sp) ====*/


/*page_06 (sp)*/
/*page_10も*/

body:not(#cover).page_06,
body:not(#cover).page_10{
	main{
	padding: 0;
	}
}


/*==== #sec_sp_interview (sp) ====*/

#sec_sp_interview {
	/*nest-start*/
	
		& >.inner{
		padding-bottom: 12vw;
		}
		
		#box_kv_interview{
		}
		
		#box_kv_interview>span {
		height: auto;
		}
		
		#box_kv_interview div.box_names {
		bottom: 2vw;
		padding: 0 4vw 3vw 0;
		}
		
		#box_kv_interview div.box_names p:not(.num) {
		font-size: 4.375vw;
		}
		
		#box_kv_interview div.box_names p.num {
		font-size: 20vw;
		top: 0.1em;
		margin-left: 2vw;
		}
		
		#box_kv_interview div.box_names.left {
		left: 6vw;
		}
		
		.box_lead{
		width: 92vw;
		margin: 0 auto; 
		text-align: left;
		}
		
		.box_lead>p {
		font-size: 4.375vw;
		line-height: 1.8;
		}
		
		.box_lead>p>br {
		display: none;
		}
		
		
		& header {
		margin-top: 8vw;
		}
		
		& header>h1 {
		font-size: 15vw;
		}
		
		& header>h1 small.name {
		font-size: 7.5vw;
		margin-top: 0.2em;
	}
	
	div.box_topics {
		margin-top:8vw;
		border-radius: 3vw;
	}
	

	
	div.box_topics h2 {
		font-size: 6.375vw;
		text-align: center;
	}


	/*nest-end*/
	
}



/*==== #sec_sp_memorable_game (sp) ====*/

#sec_sp_memorable_game {
/*nest-start*/

& >.inner{
padding-top: 8vw;
padding-bottom: 0;
}

& header {
	width: 88vw;
	margin: 0 auto;
	display: block;
	text-align: center;
}

& header h1>img {
	height: 22vw;
}

& header h1+p {
	margin-left: 0;
	font-size: 6.25vw;
	line-height: 1.2;
	top: auto;
	margin-top: 0.3em;
}

& header h2 {
	font-size: 4.375vw;
	line-height: 1;
	margin-top: 1em;
}

#box_photo_frame {
width: 100%;
margin: 6.5vw auto 0 auto;
}


#box_photo_frame>.inner {
	padding: 6vw 6vw 8vw 6vw;
}

#box_photo_frame>.inner:nth-of-type(1) {
	padding: 6vw 6vw 8vw 6vw;
}

#box_photo_frame p.sttl {
	font-size: 10vw;
	line-height: 1.2;
}

#box_photo_frame h3 {
	font-size: 4.375vw;
	letter-spacing: 0.05em;
}

#box_photo_frame h3>small {
	font-size: 0.8em;
}

/*nest-end*/
}


/*====  /#sec_sp_memorable_game (sp) ====*/

/**/

/*==== #sec_sp_profile (sp) ====*/

#sec_sp_profile {
/*nest-start*/
	& >.inner{
	padding: 5vw 6vw 14vw 6vw;
	}
	
	& h1 {
		font-size: 8.75vw;
		line-height: 1.4;
	}
	
	
	& h1+p {
		font-size: 4.063vw;
	}
	
	& figure {
		width:72vw;
		height: 72vw;
		margin-top: 8vw;
	}
	
	& figure,
	div.box_text_body {
		margin: 6vw auto 0 auto;
	} 
	
	div.box_text_body {
		width: 72vw;
	}
	
	div.box_text_body>p {
		font-size: 4.063vw;
		line-height: 1.6;
	}
	
/*nest-end*/	
}


/*==== /#sec_sp_profile (sp) ====*/


/*page_07*/

body:not(#cover).page_07{
		/*nest-start*/
		main{
		padding-top: 0;
		padding-bottom: 0;
		}
/*nest-end*/
}

/*==== #sec_blue_hotline (sp) ====*/

#sec_blue_hotline {
		
		/*nest-start*/
		& >.inner{
		padding: 6vw 6vw 8vw 6vw;
		}
		
		& header{
		width: 92vw;
		left: -3vw;
		}
		
		& header h1 {
		width: 100%;
		margin-top: -5vw;
		}
		
		& header h1 span.sub {
		bottom: 8vw;
		right: 1vw;
		width: 60vw;
		}
		
		div.box_players_name {
		padding-left:0vw;
		margin-top: -6vw;
		}
		
		
		
		& header p.duo {
		margin-top: 0.2em;
		font-size: 12vw;
		line-height: 0.5;
		letter-spacing: 0.05em;
		}
		
		& header  p.duo span.cross {
		width: 5vw;
		top: 0.05em;
		}
		
		& header p.duo_jp {
		font-size: 4.375vw;
		line-height: 1;
		margin-top: 1em;
		}
		
		
		& header figure {
		position: relative;
		width: 72vw;
		margin: 6vw auto 0 auto;
		right: auto;
		top: auto;
		}
		
		.box_lead{
		width: 90vw;
		min-height: initial;
		margin-top: 6vw;
		}
		
		.box_lead>p:not(.note) {
		font-size: 4.063vw;
		line-height: 1.6;
		margin-top: 1em;
		}
		
		.box_lead>p.note {
		font-size: 3.125vwvw;
		}
		
		div.main_column {
		width: 88vw;
		margin: 6vw auto 0  auto;
		padding-top: 6vw;
		}
		
		div.main_column>div>h2 {
		font-size: 6.25vw;
		}
		
		div.main_column>div+div {
		margin-top: 8vw;
		}
		
		div.main_column figure figcaption {
		font-size: 3.75vw;
		}
		
		div.main_column>div>p+figure {
		margin-top: 2em;
		}
		
		div.main_column figure+figure {
		margin-top: 2em;
		}
		
		/* ending (sp) */
		
		div.box_ending {
		padding-top: 2vw;
		}
		
		div.box_ending>p {
		font-size: 3.75vw;
		line-height: 1.8;
		}
		
		div.main_column div+div.box_extra {
		border-radius: 1.5vw;
		padding: 4vw;
		margin-top: 6vw;
		height: 124vw;
		}
		
		div.box_extra h3 {
		width: 90%;
		font-size: 4.375vw;
		line-height: 1.5;
		padding: 0.2em 1em 1em 0.25em;
		border-radius: 0 0 1.5vw 0;
		}
		
		div.box_extra h3>br {
		display: none;
		}
		
		div.box_extra figure {
		width: 35vw;
		bottom: 6vw;
		right: 1vw;
		}
		
		div.box_extra figure figcaption {
		position: relative;
		font-size: 4.375vw;
		left: auto;
		right: 30vw;
		margin-top: 2vw;
		bottom: auto;
		width: 60vw;
		}
		
		div.box_extra div.baloon {
		left: 3vw;
		border-radius: 2vw;
		box-shadow: 0px 2px 20px hsla(0,0%,0%,0.07);
		}
		
		div.box_extra div.baloon>p {
		font-size: 3.75vw;
		line-height: 1.4;
		}
		
		div.box_extra div.baloon::after {
		right: -5vw;
		width: 6vw;
		height: 6vw;
		/* 下向き三角形 */
		clip-path: polygon(
		0 0,      /* 左上 */
		100% 50%, /* 右中央（尖る部分） */
		0 100%    /* 左下 */
		);
		}
		
		div.box_extra div.baloon.ryota {
		left: 5vw;
		width: 42vw;
		top: 43vw;
		}
		
		div.box_extra div.baloon.yu {
		left: 5vw;
		width: 42vw;
		bottom: auto;
		top: 72vw;
		}
		
		/*nest-end*/

}


/* page_08 (sp) */

body:not(#cover).page_08 {
	/*nest-start*/
	main{
	padding: 0 0 0 0;
	}
	
	#anchor_nav {
		padding-top: 24vw;
	}
	
	/*nest-end*/
}


/*==== #sec_asked_everyone (sp) ====*/

#sec_asked_everyone {
	/*nest-start*/

		&::after{
		top: 12vw;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: 140% 180vw;
		background-repeat: repeat-y;
		}
		
		& >.inner{
		padding-bottom: 50vw;
		min-height: 1000px;
		overflow: hidden;
		}
		
		& header {
		height: 80vw;
		}
		
		& header h1 {
		width: 74vw;
		right: 1vw;
		top: -10vw;
		}
		
		& header figure {
		width: 42vw;
		}
		
		& header figure>img {
		width: 315%;
	}
		
		& header #box_theme {
		position: relative;
		bottom: auto;
		right: auto;
		left: 50%;
		top: auto;
		margin-top: 3vw;
		transform: translateX(-50%);
		width: 94vw;
		text-align: center;
		}
		
		& header #box_theme img {
		height: 20vw;
		max-width: initial;
		width: auto;
		}
		
		header>div.box_lead {
			width: 92vw;
			right: auto;
			top: auto;
			position: relative;
			margin: 0 auto;
			margin-top: 36vw;
			text-align: center;
		}
		
		header>div.box_lead>p {
			line-height: 1.5;
		}
		
	/*nest-end*/
}


/* #box_players (sp) */

#box_players {
    width: 92vw;
    margin: 6vw auto 0 auto;
	
	/*nest-start*/

			& > ul {
			gap: 8vw 4vw;
			}
			
			& > ul > li {
			width: calc((100% - 4vw * 1) / 2);
			border-radius: 1.5vw;
			padding: 0 2vw 3vw 2vw;
			}

    
    
    /* .name_header ---------- */
    .name_header {
        display: flex;
        justify-content: flex-start;
		align-items: flex-start;

        /* > h3 ---------- */
        & > h3 {
		width: 29vw;
            font-size: 4.063vw;
            margin-left: 2vw;
            line-height: 1.2;
            padding-top: 0.7em;

            /* > small ---------- */
            & > small {
			top: -0.3em;
                font-size: 2.4vw;
				font-weight: 600;
                text-transform: uppercase;
            }
            /* / > small ---------- */

        }
        /* / > h3 ---------- */

        & + p.answer {
            font-size: 4.063vw;
            line-height: 1.3;
			padding-left: 11vw;
        }

    }
    /* / .name_header ---------- */

    /* p.num_label ---------- */
    p.num_label {
        font-size: 3.125vw;
        width: 9vw;
        border-radius: 1vw;
        top: -1.5vw;

        /* > strong ---------- */
        & > strong {
            font-size: 6.25vw;
        }
        /* / > strong ---------- */

    }
    /* / p.num_label ---------- */

    & li figure {
        left: -9%;
        bottom: auto;
        width: 17vw;
		top: 11vw;
    }

    /* div.end_comment ---------- */
    div.end_comment {
        right: 0;
        bottom: -42vw;
        width: 92vw;
        height: 36vw;

        /* > p ---------- */
        & > p {
            width: 79vw;
            height: 42vw;
            font-size: 5vw;
            line-height: 1.4;
			left: -2vw;
			letter-spacing: 0.03em;

            /* > span ---------- */
            & > span {
			position: absolute;
			margin-top: -1.5em;
                padding: 5vw 10vw 3vw 10vw;
            }
            /* / > span ---------- */

        }
        /* / > p ---------- */

        /* > figure.fronta ---------- */
        & > figure.fronta {
            width: 125px;
            height: 192px;
            transform: rotate(10deg);
            bottom: -40px;
            right: -20px;

            /* > img ---------- */
            & > img {
                max-width: none;
                height: 130%;
                width: auto;
                margin-left: -546px;
                margin-top: -34px;
            }
            /* / > img ---------- */

        }
        /* / > figure.fronta ---------- */

    }
    /* / div.end_comment ---------- */

}
/* / #box_players ---------- */
	
	
/* /#box_players (sp) */




/*==== /#sec_asked_everyone (sp) ====*/



/*===== #sec_must_pick (sp) ===== */
#sec_must_pick {
	/*nest-start*/
	
		& >.inner {
	width: 100%;
	margin: 0;
	padding-top: 12vw;
		padding-bottom: 64px;
	}
	
	
	& header{
	width: 92vw;
	height: 44vw;
	border-radius: 30vw;
	padding-left: 0;
	padding-top: 15vw;
	}
	
		& header>h1 {
		width: 50vw;
		height: auto;
		top: -10vw;
		left: 50%;
		margin-left: -25vw;
	}
	
	.box_oshi_player {
		width: 90%;
		margin: 0 auto;
	text-align: center;	
	}
	
		.box_oshi_player p {
		font-size: 5vw;
		line-height: 1;
	}
	
	.box_oshi_player p>small:first-of-type {
		font-size: 3.75vw;
	}
	
	.box_oshi_player p>small[lang='en'] {
		font-size: 3.125vw;
	}
	
	.box_oshi_player h2 {
		width: auto;
		width: 90%;
		margin: 2vw auto 0 auto;
	}
	
	.box_oshi_player h2>img {
		height: 8vw;
	}
	
	
		.box_lead {
		width: 92vw;
		margin: 4vw auto 0 auto;
	}
	
		.box_lead>p {
		line-height: 1.6;
	}
	
	div.main_column {
		margin-top: 8vw;
	}
	
	div.main_column h3{
		font-weight: bold;
		font-weight: 700;
		font-size: 6.25vw;
		margin-top: 2em;
	}
	
	div.main_column h3>span {
		padding-left: 12vw;
		padding-right:5vw;
	}
	
	div.main_column h3>span::before {
		width: 11vw;
		height: 14vw;
		margin-top: -7vw;
	}
	
	div.main_column>div>figure>img{
		width: 90%;
		border: 2.4vw solid #fdebf0;
	}
	
	div.main_column>div>figure>figcaption {
		font-size: 3.75vw;
	}
	
	/*ending (sp) */
	
		div.box_ending {
		height: 55vw;
		margin-top: -18vw;
	}
	
		div.box_ending::after {
		height: 60vw;
		position: absolute;
		bottom: -30vw;
		left: 0;
		z-index: 0;
	background-color: #FDA8C0;
	transform: skewY(-7deg);
	}
	
	div.box_ending>.inner {
		right: 0vw;
		bottom: 0;
		width: 98%;
		padding-right:35vw;
		padding-bottom: 5vw;
	}
	
		div.box_ending>.inner p {
		width: 97%;
		line-height: 1.3;
		font-size: 4.125vw;
		padding-left: 12vw;
	}
	
	div.box_ending>.inner p>br {
		display: none;
	}
	
	
		div.box_ending>.inner p::before {
		width: 15vw;
		height: 14vw;
		left: -2vw;
		top: 8%;

	}
	
		div.box_ending>.inner figure {
		right: 2vw;
		width: 30vw;
	}
	
	
		div.main_column>div.heart::after {
		width: 15vw;
		height: 15vw;
		left: -4vw;
		top: 33%;
		
	}/*blue*/
	
	/*pink*/
	div.main_column>div.heart:nth-of-type(2)::after {
		left: auto;
		right: -8%;
	}
	
	/*green*/
	div.main_column>div.heart:nth-of-type(3)::after {
		background-position: 50% 0;
	}
	
		/*yellow*/

	div.main_column>div.heart:nth-of-type(4)::after {
		right: -5%;
	}
	
	/*blue*/
	div.main_column>div.heart:nth-of-type(5)::after {
		background-position: 0 0;
	}
	
	
	div.main_column>div.heart:nth-of-type(6)::after {
		left: auto;
		right: -5%;
		top: 80%;
	}
	
	
	
	
	
	/*nest-end*/
	
}

/* #sec_so_sodan (sp) */

#sec_so_sodan {

/*nest-start*/
& >.inner {
	width: calc(100% - 4vw * 2);
	padding-top: 10vw;
	padding-bottom: 5vw;
	}
	
& header{
width: 100%;
margin: 0;
padding-left: 0;
}

& header>figure {
	left: auto;
	right: -2vw;
	top: -8vw;
	width: 45vw;
}

& header>h1 {
	width: 50vw;
	height: auto;
	padding-top: 2vw;
}

& header>.box_lead {
	margin: 6vw 0 0 0;
}

& header>.box_lead>p {
	font-size: 4.063vw;
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.02em;
}


/*nest-end*/
}


div#wrapper_soudan {
	margin-top: -24vw;
	display: block;
	border-radius: 3vw;
	padding: 4vw;
	padding-top: 30vw;
	padding-bottom: 12vw;
	gap:4vw 0;
	overflow: hidden;
	
	/*nest-start*/
	&::before,
	&::after{
	width: 60vw;
	height: 60vw;
	z-index: 0;
	}
	
	&::before {
	top: 33%;
	left: 32%;
	}
	
	&::after {
	bottom: 0;
	left: 64%;
	}
	
	div.box_sodan{
	width: 100%;
	margin-top: 8vw;
	}
	
	div.box_sodan:nth-of-type(1) {
		margin-top: 0;
	}
	
	div.box_quetion{
	border-radius: 2vw;
	padding: 5vw 5vw 5vw 5vw;
	min-height: initial;
	}
	

	
	div.box_quetion figure {
		left: 2vw;
		bottom: -8vw;
		height: 22vw;
	}
	
	div.box_quetion figure>img {
		height: 100%;
	}
	
	h2 {
	padding-left: 13vw;
}



h2>span.baloon_q {
	margin-top: -15vw;
	left: -1vw;
	width: 13vw;
}

div.answer {
	border-radius: 2vw;
	padding: 3vw 5vw 5vw 5vw;
	margin-top: 4vw;
}
	div.answer p>span.baloon_a_face {
		width: 24vw;
		height: auto;
		margin-left: 3vw;
		margin-top: -2vw;
	}
	

	div.answer p>span.baloon_a_face img[alt='a'] {
		height: 13vw;
		width: auto;
	}
	
	div.answer p>span.baloon_a_face img[alt='so-face'] {
		height: auto;
		margin-left: -5.5vw;
		margin-top: -4vw;
	}
	
	
	/*nest-end*/
}

	div#box_video {
		border: 2vw solid var(--main_kf_blue_pale);
		margin: 6vw auto 0 auto;
		border-radius: 5vw;
		position: relative;
		z-index: 10;
		flex-wrap: wrap;

		/*nest-start*/
		
		div.box_ending{
		position: relative;
		z-index: 30;
		}
		
			div.box_thumb {
			width: 100%;
		}
		
		div.box_ending {
			width: 100%;
			padding: 4vw;
		border-bottom: 2vw solid var(--main_kf_blue_pale);
		border-right: none;
		}
		
		div.box_ending>p {
			position: relative;
			z-index: 10;
			text-align: center;
		}
		
		div.box_ending>p:nth-of-type(1) {
			font-size: 4.063vw;
			line-height: 1.4;
		}
		
		div.box_ending>p:nth-of-type(1) br {
			display: none;
		}
		
		div.box_ending>p.note {
			margin-top: 0.2em;
			font-size: 3.125vw;
		}
		
		div.box_ending figure {
			position: relative;
			height:48vw;
			width: 57vw;
			margin: 0 auto 0 8vw;
			z-index: 0;
			right: 0;
			left: auto;
			margin-top: 3vw;
		}
		
		div.box_ending figure>img {
			width: 40vw;
			height: auto;
		}
		
		div.box_ending figure>span.baloon {
			width: 30vw;
			height: 30vw;
			left: auto;
			right: 0;
			transform: rotate(15deg);
		}
		
		div.box_ending div.box_btn {
			margin-top: 4vw;
		}
		
		/*nest-end*/
		
}
		



/*page-09*/
/*#sec_player_sp_off_field (sp)*/

#sec_player_sp2_off_field {
		
		/*nest-start*/
		& header{
		border-top: 2.4vw solid #6BA811;
		padding: 4vw 0 5vw 5vw;
		border-left: 2.4vw solid #6BA811;
		}
		
		& header::after {
		width: 2.4vw;
		height: 100px;
		display: block;
		background-color: #6BA811;
		right: 0;
		top: 0;
		}
		
		& header h1 {
			width: 94%;
			text-align: center;
		}
		
		& header h1>img {
			width: 90%;
		}
		
		div.box_lead {
		border: 2.4vw solid #6BA811;
		border-left: none;
			width: 96vw;
			padding: 4vw 3vw 4vw 4vw;
		}
		
		div.box_lead>p {
			line-height: 1.6;
		}
		
		div.box_lead>p>br {
			display: none;
		}
		
		.box_ending {
			border-bottom: 2.4vw solid #6BA811;
			border-right: 2.4vw solid #6BA811;
			margin-top: 0;
			padding: 4vw 4vw 4vw 4vw;
		}
		
		.box_ending>p {
			color: #5c8c14;
			font-size: 4.375vw;
			text-align: left;
			letter-spacing: 0.03em;
		}
		
		.box_ending>p>br {
			display: none;
		}
		
		.box_ending>p>br:nth-of-type(1) {
			display: block;
		}
		
	/*nest-end*/

}


#wrapper_off {
		border-left: 2.4vw solid #6BA811;
		margin: 0;
		width: 96vw;
		padding: 4vw 0 48px 4vw;
		gap:4vw 4vw;
		display: block;
		/*nest-start*/
		
		figure.kv_off{
				position: relative;
				right: 16px;
				margin-left: 18vw;
				top: auto;
				width: 60vw;
				border: 2.4vw solid #fff;
				}
				
			& >div{
				width: 88vw;
				margin-top: 4vw;
				}
				
			& >div>figure {
				width: 100%;
				margin-left: auto;
				margin-right: auto;
			}
			
			& >div>p+figure {
					margin-top: 5em;
				}
				
				
			& >div>h2 {
				font-size: 6.25vw;
				margin-top: 8vw;
				}
		
		/*nest-end*/
}



body:not(#cover).page_09 section.border_top {
	&>.inner{
	border-top:none;
	}
}


/*page-11*/
/* #sec_asao_gallery (pc) */

body:not(#cover).page_11 {
/*nest-start*/
main{
padding-top: 0;
}
/*nest-end*/

}


#sec_asao_gallery {

padding: 8vw 4vw 5vw 4vw;

/*nest-start*/
& header{
position: relative;
display: flex;
margin: 0 auto;
justify-content: center;
align-items: center;
width: 74vw;
height: 73vw;
}

& header>h1 {
			width: 40vw;
			display: inline-block;
			margin-top: 0;
		}

/*nest-end*/

}


#lightgallery{
		margin-top: 6vw;
		gap: 6vw 0;
		
		/*nest-start*/
		
		& >div{
		width: 100vw;
		height: auto;
		}
		
		& >div>a {
			pointer-events: none;
		}
		
		& >div:nth-of-type(1) {
			margin-left: 0;
		}
		
		& >div>a::after {
			content: none;
		}
		
		& >div.portrait{
		width: 100%;
		height: auto;
		}
		
		& >div.portrait>a {
		height: auto;
		}
		
		/*nest-end*/
}


/*#sec_writters_column (sp)*/

#sec_writters_column {
/*nest-start*/

& >.inner{
padding: 8vw;	
padding-bottom: 1vw;
}

& header{
padding-bottom: 6vw;
}

& header h1 {
	font-size: 5vw;
}

& header h1>img {
	height: 20vw;
}

& header h1>small[lang="en"] {
	font-size: 3.125vw;
	letter-spacing: 0.03em;
}

& header>h2 {
	margin-top: 1.5em;
	font-size: 3.2rem;
	color: var(--main_kf_blue_darker);
	position: relative;
	line-height: 1.2;
	
}



& h2::before {
	width: 4vw;
	height: 4vw;
	border-radius: 2vw;
	top: -7vw;
	margin-left: -2vw;
}




& header>h2>span[lang="en"] {
	font-size: 5.625vw;
	display: block;
	margin-top: 1em;
}

div.box_lead {
	margin-top: 4em;
}

div.box_lead>p {
	font-size: 1.6rem;
	font-weight: 500;
	text-align: left;
}


div.box_lead>p>br {
	display: none;
}

.main_column {
	width: 100%;
	margin-top: 6vw;
}

& figure {
	width: 100%;
	margin: 4em auto 0 auto;
}

& figure>figcaption {
	font-size: 3.75vw;
	line-height: 1.4;
	color: #555;
}

& figure+p {
	margin-top: 2em;
}


/*nest-end*/

}

/*/#sec_writters_column (sp)*/





/*page-12*/

body:not(#cover).page_12 main {
	padding-bottom: 0;
}

/*#sec_your_my_routine*/
#sec_your_my_routine {

/*nest-start*/
& header{
margin: 0 0;	
}

& header h1 {
	width: 100%;
}

& >.inner {
	padding-bottom: 16vw;
}


div.box_lead{
margin: 14vw 0 0 0;
}

div.box_lead>p {
	font-size: 4.375vw;
	line-height: 1.6;
	text-align: left;
}

div.box_lead>p>br {
	display: none;
}

#bg_circles {
top: -4vw;
width: 94vw;
margin: 12vw 3vw;
}

#bg_circles>div {
	display: flex;
	justify-content: center;
	gap:0 6vw;
	margin-top: 6vw;
}

#bg_circles>div.spv {
	display: flex;
}

#bg_circles>div>span {
	width: 18vw;
	height: 18vw;
	border-radius: 10vw;
}

/*最後のキャッチ*/
& h6 {
	margin-top: 8vw;
	font-size: 4.375vw;
	text-align: left;
}

& h6>br {
	display: none;
}


ul.best_routine,
ul.good_routines {
	flex-wrap: wrap;
}

ul.best_routine {
	gap: 6vw 0;
}

ul.good_routines {
	margin-top: 5vw;
	gap: 0 6vw;
}

ul.best_routine>li{
	width: 100%;
}

ul.good_routines>li{
	width: 100%;
	margin-top: 6vw;
	padding: 4vw 4vw 6vw 4vw;
}


ul.good_routines>li:nth-of-type(1) {
	margin-top: 0;
}


#box_best_routine {
	margin: 8vw auto 0 auto;
	width: 100%;
	border: 2vw solid rgba(229, 246, 255, 0.5);
	border-radius: 4vw;
	padding: 6vw 6vw 6vw 6vw;
}

#box_best_routine>.inner_header>h2 {
	font-size: 5vw;
	font-weight: 700;
}

#box_best_routine>.inner_header>h2>span {
	padding: 0.7em 0.7em 0.7em 14vw;
	top: -8vw;
}

#box_best_routine>.inner_header>h2>span::before {
	width: 11vw;
	height: 12vw;
	position: absolute;
	top: -1vw;
	left: 2vw;
}


#box_best_routine>.inner_header>h2+p {
	font-size: 6.25vw;
	margin-top: -0.5em;
	line-height: 1.3;
}

#box_best_routine>.inner_header>p.name {
	font-size: 4.375vw;
	margin-top: 0.7em;
}

#box_category_award {
	margin-top: 6vw;
	width: 100%;
}

#box_category_award h4 {
	font-size: 5vw;
	line-height: 1;
	margin-top: 10vw;
}

#box_category_award h4>span {
	border-radius: 15vw;
}

ul.best_routine {
	margin-top: 6vw;
}


			ul.best_routine h3,
			ul.good_routines h5{
	padding: 0.4em 6vw 0.5em 6vw;
			/*nest-inner-start*/
			
			&::before,
			&::after{
			width: 3vw;
			height: 12vw;
			margin-top: -6vw;
			}
			

			/*nest-inner-start*/
			}

ul.best_routine h3 {
	font-size: 5vw;
}


ul.best_routine h3+p {
	font-size: 5vw;
	margin-top: 0.3em;
	height: auto;
}

ul.best_routine div.expl {
	margin-top: 2em;
}

ul.best_routine figure>img {
	width: 100%;
	
}


ul.good_routines h5 {
	font-size: 5vw;
}

ul.good_routines p.routine {
	margin: 1em 0 0 0;
	font-size: 4.375vw;
}

ul.good_routines p.name {
	font-size: 4.063vw;
}

ul.good_routines figure {
	text-align: center;
	margin-top: 3em;
}

ul.good_routines figure>img {
	width: 80%;
}

/*nest-end*/
}

/*/#sec_your_my_routine (sp)*/


/*#sec_mini_profile (sp) */
#sec_mini_profile {
	/*nest-start*/
	&>.inner{

	padding-bottom: 16vw;
	}
	
	#wrapper_players{
	margin:  0 auto 0 auto;
	flex-wrap: wrap;
	gap:6vw 0;
	
			/*nest-inner-start*/
			
			div.player {
			width: 100%;
			border: 2vw solid var(--main_kf_blue_pale);
			border-radius: 3vw;
			padding: 5vw 4vw 10vw 34vw;
			min-height: 100vw;
			margin-top: 6vw;
			}
			
			div.player>h2 {
			font-size: 6.25vw;
			line-height: 1;
			}
			
			div.player>.box_name {
				margin-top: 1em;
				height: auto;
			}
			
			div.player>.box_name>p.num {
				font-size: 20vw;
				line-height: 1;
				top: -0.1em;
			}
			
			div.player>.box_name>p.name {
			padding-left: 2.5vw;
			line-height: 1.1;
				font-size: 4.063vw;
				margin-top: -0.5em;
			}
			
			div.player>.box_name>p.name>small[lang="en"] {
				margin-top: 0.3em;
				font-size: 3.125vw;
			}
			
			div.player>.expl {
				margin-top: 0;
				min-height: 11em;
			}
			
			div.player>figure {
				left: 50%;
				margin-left:-53vw ;
				top: 2vw;
				width: 48vw;
			}
	
	
			/*nest-inner-start*/

	}



/*nest-end*/
}
	

/*#sec_presents (sp)*/

#sec_presents {
		/*nest-start*/
		
		& >.inner{
		margin: 0 auto;
		padding-top: 3vw;
		padding-bottom: 16vw;
		}
		
		div.box_lead>p {
			text-align: center;
		}
		
		div.box_lead>p>br {
			display: block;
		}
		
		div.inner2 h5 {
		font-size: 4.375vw;
		line-height: 1.3;
		}
		
		#wrapper_presents {
		width: 92vw;
		margin: 4vw auto 0 auto;
		border-radius: 2vw;
		display: block;
		}
		
		#wrapper_presents>div.left,
		#wrapper_presents>div.right {
			width: 100%;
		}
		
		#wrapper_presents>div.left,
		#wrapper_presents>div.right>div{
			padding: 4vw;
		}
		
		#wrapper_presents div.left {
			border-bottom: 4px solid #fff;
			border-right: none;
			min-height: 43vw;
		}
		
		#wrapper_presents>div.right>div>p:last-of-type {
			margin-top: -2em;
		}
		
		#wrapper_presents div.left>figure {
			width: 35vw;
			right: 2vw;
		}
		
		#wrapper_presents h2 {
			line-height: 1.3;
			padding-left: 10vw;
			text-align: left;
			font-size: 4.063vw;
		}
		
		
				#wrapper_presents h2 span.num {
			font-size: 5vw;
			font-weight: 600;
			width: 8.8vw;
			height: 8.8vw;
			border-radius: 4.4vw;
		}
		
			#wrapper_presents div.left h2 {
				font-size: 6.25vw;
			}
		
		
		/*nest-end*/
		
}


/*#sec_after_game (sp)*/
#sec_after_game {
	
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 12vw;
	}

& header h1 {
		margin-top: -3vw;
		font-size: 10vw;
		line-height: 1;
		}

& header h1>.icon {
		width: 32vw;
		margin-bottom: 2vw;
	}
	
	& header h1+p{
		font-size: 5vw;
		margin-top: 0.3em;
	}	
	
	p.last_message {
		line-height: 1.6;
	}
	
	
	div.box_text {
		width: 88vw;
	}
	
	div#box_review_video h4{
		padding-right: 20vw;
	}
	
	div#box_review_video p {
		padding-right: 20vw;
		margin-top: 0.5em;
		text-align: left;
	}
	
	div#box_review_video img[alt='cover'] {
		width: 16vw;
		right: 2vw;
		top: 4vw;
	}
	


	/*nest-end*/

}

/*/#sec_after_game (sp)*/

/*#box_members_info (sp)*/

#box_members_info {
	padding: 4vw;
	border: 3vw solid #fff;
}

#box_members_info>p {
	line-height: 1.4;
	font-weight: 700;
	text-align: left;
}

#box_members_info>p>a {
	padding-right: 10vw;
}

#box_members_info>p>a::after {
	width: 7.4vw;
	height: 7vw;
	margin-top: -3.5vw;
	background-image: url(../../assets_global/img/icon_arrow_circle.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 33% 0;
	transition: 0.3s;
}

#box_members_info>p>a:hover::after {
	transform: translateX(6px);
}

/*/#box_members_info*/


/*page_13*/

body:not(#cover).page_13 main {
	padding-top: 4vw;
	padding-bottom: 6vw;
	
}

body:not(#cover).page_13 {
	#anchor_nav{
		padding-top: 22vw;
	}
}


/*#sec_fc_only (sp)*/
#sec_fc_only {
	/*nest-start*/
	
	&>.inner{
	padding: 0vw 4vw 5vw 4vw;
	border-radius: 2vw;
	}
	
	div.box_lead {
		width: 100%;
		text-align: center;
	}
	
	div.box_lead>p {
		text-align: center;
	}
	
	div.box_lead>p>br.spv {
		display: block;
	}
	
		div#wrapper_topic {
		margin: 5vw 0 0 0;
	}
	
	div#wrapper_topic>ul {
		margin-top: 5vw;
		gap:4vw 4vw;
	}
	
	div#wrapper_topic li {
		width: calc((100% - 4vw * 1) / 2);
		line-height: 1;
	}
	
	div#wrapper_topic li>a>figure {
		border-radius: 2vw;
	}

	/*nest-end*/
}

/* #sec_fc_info (sp) */
#sec_fc_info {
		
		padding-bottom: 12vw;
		/*nest-start*/
		
		header.basic{
		width: initial;
		margin: 0;
		}
		
		.box_lead{
		width: 100%;
		}
		
		#nav_anchor{
		margin-top: 6vw;
		}
		
		#nav_anchor>ul {
		gap:4px 4px;
		width: 100%;
		flex-wrap: wrap;
		margin: 0 auto;
		}
		
		#nav_anchor>ul>li {
	font-size: 3.75vw;
	width: calc((100% - 4px * 1) / 2);
}

#nav_anchor>ul>li:last-of-type {
	width: 100%;
}

#nav_anchor>ul>li>a {
	padding: 0.8em 0.7em 0.8em 0.7em;
	border-radius: 4px;
	transition: unset;
}
		/*nest-start*/
}


[id^='box_fc_'] {
	margin-top: 6vw;
	border-radius: 2.4vw;
	padding: 4vw 5vw 5vw 5vw;
	
	/*nest-start*/
	
	& h2{
	font-size: 5vw;
	}
	
	& h2>small {
		font-size: 4.375vw;
	}
	
	& h2+p{
		margin-top: 0.8em;
		line-height: 1.5;
		text-align: left;
	}
	
	& h2+p>br {
		display: none;
	}
	
	& >p.note {
		font-size: 3.125vw;
		text-align: left;
		margin-top: 1.2em;
		color: #666;
	}
	
	& >.inner {
	margin-top: 4vw;
	}
	
		div.wrapper_info {
		margin-top: 8vw;
		gap:6vw 0;
	}
	

	
	div.wrapper_info h3 {
		font-size: 4.375vw;
		padding-left: 5vw;
	}
	
		div.wrapper_info h3::before {
		width: 4.5vw;
		height: 4.5vw;
		top: 0.2em;
		}
		
	div.wrapper_info p.size,
	div.wrapper_info p.note {
		font-size: 3.125vw;
	}
	
	/*nest-end*/

}


#box_fc_feature {
	padding-right: 0;
	
	&>.inner{
	overflow: auto;
	}
	
	&>.inner>img {
		max-width: initial;
		width: 160vw;
	}
}

/*original*/
#box_fc_original {
	
		/*nest-start*/
		div.wrapper_info{
		
		/*nest-inner-start*/
		& >div:nth-of-type(1),
		& >div:nth-of-type(2){
		width: 100%;
		}
		
		& >div:nth-of-type(3) {
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
		}
		
	
		
		& >div:nth-of-type(3)  figure {
		width: 50vw;
		position: relative;
		right: auto;
		top: auto;
		}
		
		 div.txt_body{
		min-height: initial;
	}

		
		/*nest-inner-end*/
		}
	
/*nest-end*/
}


/*fc_items*/
#box_fc_items {
	
		/*nest-start*/
		div.wrapper_info{
		padding-bottom: 4vw;
		
		gap:8vw 0;
		
		
		/*nest-inner-start*/
		& >div:nth-of-type(odd){
		width:100%;
		}
		
		& >div:nth-of-type(even){
		width:100%;
		}
		
		
		
		figure.pair {
			justify-content: center;
			gap:0 4vw;
		}
		
		figure.pair>span {
			font-size: 3.125vw;
		}
		
		figure.pair>span>img {
			height: 24vw;
			margin-bottom: 2vw;
		}
		
		figure+p.note{
			text-align: center;
		}
		
		
		& >div:nth-of-type(3) figure{
			margin-top: 6vw;
		}
		
	 div.txt_body{
		min-height: initial;
	}
		
		/*nest-inner-end*/
		}
	
/*nest-end*/
}


/*fc_homegame*/
#box_fc_homegame{
		/*nest-start*/
		div.wrapper_info{
		
		/*nest-inner-start*/
		& >div{
		width: 100%;
		}
		
		& >div:last-of-type {
			width: 100%;
		}
		
		/*nest-inner-end*/
		}
		
		& >div figure.fankan {
			width: 100%;
			margin-top: 6vw;
		}
		
		& >div figure.fankan>figcaption {
			font-size: 3.125vw;
		}
		
		/*nest-end*/
}

/*fc_price_down*/

#box_fc_price_down{
		/*nest-start*/
		div.wrapper_info{
		padding-bottom: 3vw;
		
		/*nest-inner-start*/
		& >div{
		width: 100%;
		}
		
		& >div:nth-of-type(2) {
			p.note{
			padding-right: 24vw;
			}
		}
		
		& >div:nth-of-type(2) figure {
			position: relative;
			z-index: 0;
		}
		
		& >div:nth-of-type(2) figure>span {
			bottom: -17vw;
		}
		
		& >div:nth-of-type(3) {
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 0;
		}
		
		& >div:nth-of-type(3)>figure {
			position: relative;
			right: auto;
			width: 70%;
			margin: 4vw auto 0 auto;
			top: auto;
		}
		
		& >div figure>span {
			width: 19vw;
		}
		
		
		}
		/*nest-end*/
}


#sec_fc_mypage,
#sec_homegame_info{
	/*nest-start*/

	& >.inner{
	padding-top: 2vw;
	padding-bottom: 12vw;
	}
	

	
	& h1>small {
		margin-top: 0;
	}
	
	& h1+p {
		margin-top: 1em;
	}
	
	& h1+p+p.note {
		font-size: 3.125vw;
	}
	/*nest-end*/
}



#sec_fc_mypage {
	
		/*nest-start*/
		
		#wrapper_flow{
		margin: 10vw auto 0 auto;
		}
		
		#wrapper_flow .box_lead>p{
			padding-left: 40vw;
			font-size: 4.063vw;
			line-height: 1.6;
		}
		
		#wrapper_flow .box_lead>p>br {
			display: none;
		}
		
		#wrapper_flow>div[class^="myp_"]{
		border-radius: 2vw;
		margin-top: 6vw;
		padding: 6vw 4vw 8vw 4vw;
		}
		
		#wrapper_flow>div.myp_outline {
		padding-left: 4vw;
		}
		
		div.myp_outline>figure {
		left: 3vw;
		top: -6vw;
		width: 36vw;
		border-radius: 5vw;
		}




div.myp_outline dl {
	margin-top: 8vw;
}

div.myp_outline dl>dt {
	font-size: 4.375vw;
	padding-left: 1.1em;
}

div.myp_outline dl>dt::before {
	width: 3.6vw;
	height: 3.6vw;
	border-radius: 1.8vw;
	top: 0.45em;
}

div.myp_outline dl>dd{
	font-size: 1.8rem;
}

div.myp_samples {
	/*nest-inner-start*/
	
	& ul{
	display: flex;
	flex-wrap: wrap;
	gap:10vw 6vw;
	justify-content: center;
	}
	
	& ul>li {
		width: 38vw;
		text-align: center;
	}
	
	& ul>li>figure {
		
	}
	
	& ul>li>figure>span {
	border-radius: 4vw;
	box-shadow: 1px 4px 8px hsla(0,0%,0%,0.1);
	margin-top: 1.5em;
	}
	
	& ul>li>figure>figcaption {
		font-size: 3.75vw;
		font-weight: 500;
	}
	
/*nest-inner-end*/
}

div.myp_family_linkage {
		/*nest-inner-start*/
		
		& h2,
		& h2+p{
		text-align: center;
		}
		
		& h2+p{
		text-align: left;
		}
		
		& h2+p>br {
			display: none;
		}
		
		& h2 {
			font-size: 5.625vw;
			line-height: 1.4;
		}
		
		div.box_flow {
			margin-top: 5vw;
		}
		
		div.box_flow >ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap:0 0;
		}
		
		div.box_flow >ul>li {
			width: 100%;
			font-size: 4.375vw;
			
			padding-bottom: 21vw;
		}
		
		div.box_flow >ul>li:last-of-type {
			padding-bottom: 0;
		}
		
		div.box_flow >ul>li>br {
			display: none;
		}
		
		div.box_flow >ul>li::after {
			width: 15vw;
			height: 14vw;
			right: auto;
			left: 50%;
			margin-left: -7vw;
			top:auto;
			bottom: 4vw;
			transform: rotate(90deg);
			margin-top: 0;
			
		}
		
		div.box_flow >ul>li:last-of-type::after{
			content: none;
		}
		
		div.box_flow >ul>li span.num {
			width: 28vw;
			height: 28vw;
			border-radius: 14vw;
			font-size: 18vw;
			padding-top: 0vw;
			margin-bottom: 4vw;
		}
		
		
		/*nest-inner-end*/
}

	
	/*nest-end*/
}


/*#sec_homegame_info (sp)*/

#sec_homegame_info {
/*nest-start*/
& >.inner{
	padding-bottom: 2vw;
	}
	
	& h1{
	line-height: 1.4;
	}
	
	& h1+p {
		margin-top: 0em;
	}
	
	#box_homegames {
		margin-top: 4vw;
		width: 100%;
		margin: 5vw auto 0 auto;
	}
	
	#box_homegames>ul {
		gap:5vw 5vw;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#box_homegames>ul>li {
		width: 42vw;
	}
	
	#box_homegames>ul>li>a {
		border-radius:1.5vw;
	}
	
/*nest-end*/
}


/*/#sec_homegame_info (sp)*/


/*page_14 (sp)*/
/* Backnumber (sp) */

body.page_14:not(#cover) {
/*nest-start*/
	main{
	padding-bottom: 0;
	}
	
	#anchor_nav {
		padding-top: 18vw;
	}
/*nest-end*/
}


body.page_14 #box_pager button.next {
	display: block;
	opacity: 0.2;
	pointer-events: none;
}

[id^='sec_bk'] {
	/*nest-start*/
	
	& >.inner{
	padding-bottom: 18vw;
	}
	
	div.box_bk_covers {
		margin:  6vw auto 0 auto;
	}
	
	div.box_bk_covers:nth-of-type(1) {
		margin-top: 10vw;
	}
	
	div.box_bk_covers h2 {
		font-size: 5.625vw;
		padding-bottom: 0.4em;
	}
	
	div.box_bk_covers>ul {
		margin-top: 6vw;
		gap:8vw 8vw;
	}
	
	div.box_bk_covers>ul>li {
		width: 40vw;
	}
	
	div.box_bk_covers figcaption {
		font-size: 4.375vw;
	}
	
	div.box_bk_covers p.btn {
		padding: 0.6em 0.5em 0.65em 0.5em;
		border-radius: 5vw;
		cursor: pointer;
	}
	
	div.box_bk_covers p.btn>span {
		padding-left:5vw ;
	}
	
	div.box_bk_covers p.btn>span::before {
		width: 3.6vw;
		height: 3.6vw;
		margin-top: -1.8vw;
	}
	
	
	div.box_bk_covers div.box_btn>p {
		font-size: 3.125vw;
	}
	
	div.box_bk_covers div.box_btn>p>a {
		display: block;
		padding: 0.8em 0.2em 0.8em 0.2em;
	}


div.box_bk_covers div.box_btn>p>a>span {
		padding-left: 4vw;
	}
	
	div.box_bk_covers div.box_btn>p>a>span::before {
		width: 3vw;
		height: 3vw;
		margin-top: -1.2vw;
	}
	
	.box_ending {
		margin: 13vw auto 0 auto;
		padding-top: 10vw;
	}

	/*nest-end*/

}

div.box_bk_covers+div.box_bk_covers {
	margin-top: 12vw;
}


/*#sec_download (sp)*/

#sec_download {
	
	/*nest-start*/
	
	& >.inner{
	padding-top: 4vw;
	padding-bottom: 15vw;
	}
	
	.box_dw_items{
	margin: 4vw auto 0 auto;
	}
	
	.box_dw_items>ul>li {
		padding-top: 8vw;
		margin-top: 12vw;
	}
	
	.box_dw_items>ul figcaption {
		font-size: 4.375vw;
	}
	
	.box_dw_items .box_btn {
		margin-top: 5vw;
		gap:4vw 4vw;
	}







/*=====*/
/*======mq-end======*/


}






















/**/