/* @override 
	https://sp-delfino.steam-design.biz/assets_global/css/global2024.css
	https://sp-delfino.steam-design.biz/assets_global/css/global2025.css
	https://frontale.e-uketsuke.jp/mypage/delfino/assets_global/css/global2025.css
	http://203.143.96.127:8077/assets_global/css/global2025.css */

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

/*! Yaku Han JP v3.4.1 (OFL-1.1 AND MIT) by Qrac */
/*! Type: YakuHanJP - Based on Noto Sans CJK JP */
@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-Thin.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-Thin.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Thin.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-Light.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-Light.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Light.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-DemiLight.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-DemiLight.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-DemiLight.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}


@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-Regular.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-Medium.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-Medium.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Medium.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-Bold.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}

@font-face {
    font-family: "YakuHanJP";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/YakuHanJP/YakuHanJP-Black.eot");
    src: url("../fonts/YakuHanJP/YakuHanJP-Black.woff2") format("woff2"), url("../fonts/YakuHanJP/YakuHanJP-Black.woff") format("woff");
    unicode-range: U + 3001, U + 3002, U + 3008, U + 3009, U + 300a, U + 300b, U + 300c, U + 300d, U + 300e, U + 300f, U + 3010, U + 3011, U + 3014, U + 3015, U + 30fb, U + ff01, U + ff08, U + ff09, U + ff1a, U + ff1b, U + ff1f, U + ff3b, U + ff3d, U + ff5b, U + ff5d
}



/*===== base font style =====*/
html {
    font-family: YakuHanJP, 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 62.5%;
    line-height: 1.8;
}

h1 {
    font-weight: 300;
	font-size: 1rem;
	line-height: 1;
}

p {
	font-size: 1rem;
	line-height: 1.6;
    font-weight: 400;
}

img {
	vertical-align:bottom;
}

/*==== Roboto ===*/
div.box_presents h4>span,
#sec_sp01_bestshot div.spec h4,
#sec_sp01_bestshot div.spec p,
#sec_sp01_measure dd,
footer div.box_ft_titles h6,
footer p.copy {
	font-family: "Roboto",sans-serif;
	font-weight: 500;
	line-height: 1.5;
}

#sec_sp01_oneday div#box_fav h3,
footer div.box_ft_titles p,
#box_paging>ul>li,
header div.box_num>p>strong,
#btn_contents_menu>a {
font-family: 'Roboto Condensed', sans-serif;

}

/*===== common widths =====*/

img {
	width: 100%;
}

html,body,header,footer,#wrapper,#container,#box_contents_menu,p#btn_pagetop  {
	width: 100%;
	height: auto;
}

.w95p {
	width: 95%;
}
.w90p {
	width: 90%;
}

.w80p {
	width: 80%;
}

.w70p {
	width: 70%;
}

.w60p {
	width: 60%;
}

.w50p {
	width: 50%;
}

.w40p {
	width: 40%;
}

.w30p {
	width: 30%;
}

.w20p {
	width: 20%;
}


.rot10d {
	transform: rotate(10deg);
	margin:5vw 0 5vw 0;
}

.rot-10d {
	transform: rotate(-10deg);
	margin:5vw 0 5vw 0;
}





.float_left {
	float: left;
}

.float_right {
	float: right;
}

/*===== form reset =====*/
input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
}

input[type="checkbox"]+label {
    cursor: pointer;
    padding-left: 1.6em;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
	z-index: 0;
  }
  
  input[type="checkbox"]+label::before,
  input[type="checkbox"]+label::after {
  	content: "";
  	display: block;
  	position: absolute;
  }
  
  input[type="checkbox"]+label::before {
  	width: 1.2em;
  	height: 1.2em;
  	background-color: rgba(255, 255, 255, .3);
  	left: 0;
  	top: 50%;
  	margin-top: -0.6em;
  	border-radius: 13%;
  }
  
   input[type="checkbox"]+label::after {
   	width: 1em;
  	height: 0.6em;
  	left: 0.1em;
  	top: 0.14em;
  	border-left: 0.2em solid #00a5de;
  	border-bottom: 0.2em solid #00a5de;
  	transform: rotate(-45deg);
   }
   
    input[type="checkbox"]:checked+label::after {
	border-left: 0.2em solid #fff;
  	border-bottom: 0.2em solid #fff;

	}


/*===== common margin / padding =====*/
#container,
#box_contents_menu {
	padding-top: 21vw;
}

body:not(.home) #container,
body:not(.home) #box_contents_menu {
	padding-top: 21vw;
}



#box_contents_menu.min {
	padding-top: calc(100vw * 0.12);
}



/*===== common block =====*/
html {
scroll-behavior: smooth;
scroll-padding-top: 25vw;
}

#container {
	position: relative;
	z-index: 0;
}

body {
background-color: #fff;	
}

@media (prefers-color-scheme: dark) {
#wrapper {
	background-color: #fff;
}
}

body.non_scroll {
	overflow: hidden;
}

/*===== #btn_pagetop =====*/

p#btn_pagetop {
	height: 50px;
	left: 0;
	height: 0;
	z-index: 700;
	background-color: rgba(0,0,0,0.2);
	position: fixed;
	bottom: 5vw;
}

p#btn_pagetop.ft {
	position: relative;
	bottom: auto;
	top: 0;
}





p#btn_pagetop>a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -8vw;
	bottom: 2vw;
	width: 16vw;
	height: 16vw;
	border-radius: 8vw;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
transition: 0.3s;
}

p#btn_pagetop.off>a {
	opacity: 0;
}

p#btn_pagetop.ft>a {
	bottom: auto;
	top: -8vw;
}


p#btn_pagetop>a::before {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5vw;
	height: 7vw;
	transform: rotate(-90deg);
	margin-left: -2.5vw;
	margin-top: -3.6vw;
	background-image: url(../img/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 101% 0;
}

/*===== common text =====*/

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}


/*==== basic regular body text (確定版) ====*/

section>.inner {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8vw;
	position: relative;
	z-index: 0;
}

article#p04_talk_session section#sec_ten-ten>.inner {
	margin-top: 6vw;
}


#p04_talk_session .box_bonus p,
#p04_talk_session .wrap_body div.inner>p,
section>.inner>p,
section>.inner>div.box_additional>p,
#box_fav>p,
.box_presents .inner>p {
	font-size: 5vw;
	line-height: 1.6;
	margin-top: 1em;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
}

section>.inner>div.box_additional {
	padding: 4vw;
	padding-top: 8vw;
	border: 2px dotted #333;
	margin-top: 9vw;
	border-radius: 3vw;
}

#sec_sp01_oneday>.inner>div.box_additional>h3 {
	padding: 0;
}


/*==== /body text ====*/




/*===== #box_paging =====*/
#box_paging {
	padding: 10vw 0 15vw 0;
	position: relative;
	z-index: 10;
	margin-top: 10vw;
}

footer>.inner.endcredit::before,
#box_paging::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 0;
	height: 4px;
	width: 35vw;
	margin-left: -17.5vw;
	background-color:#555;
}

footer>.inner.endcredit::before{
	background-color: #fff;
}

#box_paging>ul {
	display: flex;
	justify-content: center;
}


#box_paging>ul li {
	font-weight: 500;
		color: #222;
	font-size: 5vw;
	margin: 2vw;
	line-height: 1;
	text-align: center;
}

#box_paging>ul a {
	display: block;
	text-decoration: none;
	background-color: #fff;
	color: #020202;
	text-transform: uppercase;
	border: 1px solid #ccc;
	padding: 3.3vw 4.5vw 2.6vw 4.5vw;
	border-radius: 6vw;
	position: relative;
	box-sizing: border-box;
	z-index: 0;
}

#box_paging>ul a>span {
	display: inline-block;
	position: relative;
}


#box_paging>ul>li:not(.cover) a>span::before{
	content: "";
	display: block;
	position: absolute;
	width: 3.3vw;
	height: 4.5vw;
	background-image: url(../img/icon_arrow.svg);
		background-repeat: no-repeat;
	background-size: cover;
	background-position: 0.5vw 0;
	top: 50%;
	margin-top: -2.3vw;
}

#box_paging>ul>li.prev>a>span {
	padding-left: 4.5vw;
}

#box_paging>ul>li.prev>a {
	padding-left: 4.3vw;
	padding-right: 4.8vw;
}

#box_paging>ul>li.prev>a>span::before {
	left: 0;
	transform: scale(-1,1);
}

#box_paging>ul>li.next>a {
	text-align: right;
}

#box_paging>ul>li.next>a>span {
	padding-right: 4.5vw;
}

#box_paging>ul>li.next>a>span::before {
	right: 0;
	
}

#box_paging>ul>li.next>a {
	padding-left: 5vw;
	padding-right: 4vw;
}


body[data-currentpage='1'] #box_paging>ul li:nth-of-type(1),
body[data-currentpage='6'] #box_paging>ul li:nth-of-type(3){
	opacity: 0;
}


body[data-currentpage='1'] #box_paging>ul li:nth-of-type(1) a,
body[data-currentpage='6'] #box_paging>ul li:nth-of-type(3) a {
	pointer-events: none;
}

/*===== #box_contents_menu =====*/
#box_contents_menu {
position: fixed;
top: 0;
left: 0;
height: 100vh;
box-sizing: border-box;
z-index: 800;
background-color: #aaa;
display: none;
overflow: auto;

}


#box_contents_menu.min {
	
}

#box_contents_menu a {
	text-decoration: none;
	display: block;
}

#box_contents_menu>ul>li.sp {
	padding-bottom: 6vw;
}


#box_contents_menu li a {
	color: #fff;
} 


#box_contents_menu>ul {
	position: relative;
	z-index: 0;
	padding-top: 1vw;
}

/*spacer for menu scroll*/
#box_contents_menu>ul::after {
	content: "";
	position: relative;
	background-color: #555;
	height: 30vw;
	width: 100%;
	display: block;
}

#box_contents_menu>ul>li>.inner li,
#box_contents_menu>ul>li {
	font-weight: 500;
	font-size: 5.625vw;
	line-height: 1.3;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
}


#box_contents_menu>ul>li:nth-of-type(even) {
	background-color: rgba(0,0,0,0.1);
}

#box_contents_menu>ul>li>.inner li {
	font-size: 4.375vw;
}


#box_contents_menu>ul>li>.inner li.bc>a {
	padding-top: 1em;
}

#box_contents_menu>ul>li>.inner li img[alt="icon"] {
	width: 9vw;
	float: left;
	margin-right: 0.3em;
	vertical-align: middle;
	position: relative;
	margin-top: -0.5em;
}

#box_contents_menu p.btn_expand {
	margin: 5px;
	font-size: 3.125vw;
}

#box_contents_menu p.btn_expand>a {
	display: block;
	background-color: #fff;
	height: 6vw;
	border-radius: 3vw;
	position: relative;
	z-index: 0;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
}


#box_contents_menu p.btn_expand>a::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4vw;
	height: 4vw;
	margin-top: -2vw;
	margin-left: -2vw;
	
	background-image: url(../img/icon_plus_cross.svg);
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0.5s;
}

#box_contents_menu>ul>li>.inner.open p.btn_expand+ul {
	display: block;
}


#box_contents_menu>ul>li>.inner.open p.btn_expand>a::before {
	transform: rotate(45deg);
}



#box_contents_menu>ul>li>.inner {
	border: 2px solid rgba(255,255,255,0.5);
	width: 84vw;
	box-sizing: border-box;
	margin: 0vw auto 0 auto;
	border-radius: 5vw;
}

#box_contents_menu>ul>li>.inner.open {
	border-radius: 4vw;
}

#box_contents_menu>ul>li>.inner>ul {
	height: 0;
	overflow: hidden;
	transition: 0.3s;
}

#box_contents_menu>ul>li>.inner.open>ul {
	margin: 2vw 0 4vw 0;
	height: auto;
}


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

#box_contents_menu>ul>li>a {
	padding: 0.3em 6vw 0.3em 6vw;
}

#box_contents_menu>ul>li>.inner>ul>li>a {
	padding: 0.4em 3vw 0.4em 4vw;
}



#box_contents_menu>ul>li>ul {
	margin-top:0.5em;
}

#box_contents_menu>ul>li>ul>li {
	line-height: 1.5;
	font-size: 4.0625vw;
	font-weight: 500;
}

#box_contents_menu>ul>li>ul>li>a {
	padding: 0.3em 0 0.3em 6.25vw;
	position: relative;
}

#box_contents_menu>ul>li>ul>li>a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 1vw;
	width: 4vw;
	height: 2px;
	background-color: #fff;
}

/*===== #btn_contents_menu =====*/

#btn_contents_menu {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	padding: 2vw 1.5vw 3vw 1.5vw;
	border-bottom-left-radius: 3vw;
}

header.min #btn_contents_menu {
		top: -2vw;
		box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}


#btn_contents_menu>a {
	/*background-color: #eee;*/
	display: block;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
width: 14vw;
height: 16vw;
text-align: center;
text-transform: uppercase;
text-decoration: none;
color: #020202;
font-size: 2.8125vw;
font-weight: 500;
padding-top: 12.5vw;
color: #222;
}


#btn_contents_menu>a::before,
#btn_contents_menu>a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8vw;
	height: 2vw;
	margin-left: -4vw;
	background-color: #555;
	transform-origin: center center;
	transition: 0.2s;
}


#btn_contents_menu.open>a::before,
#btn_contents_menu.open>a::after {
	height: 1.5vw;
}


#btn_contents_menu>a::before {
	margin-top: -4.5vw;
}

#btn_contents_menu>a::after {
	margin-top: -0.55vw;
	background-color: #020202;
}


#btn_contents_menu.open>a::before {
	transform: rotate(45deg);
	margin-top: -2vw;
}

#btn_contents_menu.open>a::after {
	transform: rotate(-45deg);
	margin-top: -2vw;
}



/*===== header =====*/

header {
	background-color: #fff;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
}




header>.inner {
	display: block;
	padding: 3vw 20vw 0 28vw;
	transition: 0.3s;
	box-sizing: border-box;
	height: 21vw;
}


header.min>.inner {
	height: 11vw;
	padding-top: 0.8vw;
	padding-left: 22vw;
}

header h1 {
	width: 31.8vw;
	height: calc(31.8vw * 1.04);
	position: absolute;
	top: -0.5vw;
	left: 3vw;
}



header h1>a{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}


header.min h1 {
	transform-origin: top left;
	transform: scale(0.55);
}



header h1>a>img {
	max-width: initial;
	width: auto;
	height: 100%;
}

body:not(.home) header h1>a>img,
header.min h1>a>img {
	margin-left: -31.8vw;
}

header div.box_num {
	padding: 0;
	position: relative;
	transition: 0.2s;
	min-width: 20vw;
	text-align: right;
}

header div.box_num>p {
	font-size: 3.75vw;
	text-align: right;
	line-height: 1.1;
	display: inline-block;
}

header div.box_num>p>strong {
font-weight: 700;
font-size: 1.3em;
display: inline-block;
padding-top: 0.2em;
}

header h1+p {
	font-size: 2.813vw;
	line-height: 1.3;
	text-align: right;
	font-feature-settings: "palt" 1;
	margin-top: 0.5vw;
	font-weight: 500;
}



header.min{
	box-shadow: 0px 2px 3px rgba(0,0,0,0.13);
}

header.min h1+p {
display: none;
}

header.min>.inner div.box_num {
	display:flex;
	width: auto;
	align-items: center;
	padding-top: 0.9em;
	padding-bottom: 0;
	transform-origin: left center;
	transform: scale(0.9);
}

header.min>.inner div.box_num br {
	display: none;
}
header.min>.inner div.box_num p>strobg {
	display: inline-block;
	
}

header.min>.inner div.box_num p>small {
	margin-left: 0.4em;
	position: relative;

top: 0.1em;
}




/*===== footer =====*/


footer {
	text-align: center;
	position: relative;
	z-index: 0;
	padding-top: 13vw;
}

footer .box_banner p,
footer .inner.links,
footer>.inner.endcredit {
	width: 88vw;
	margin-left: auto;
	margin-right:auto;
}


footer .inner.links {
	text-align: center;
}


footer .inner.links p {
	text-align: center;
	font-size: 4.6875vw;
	line-height: 1.4;
	margin-top: 2em;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
	font-weight: 500;
}

footer .inner.links p:nth-of-type(1) {
	margin-top: 0;
}

footer .inner.links p>a {
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 0;
	padding: 1vw 6vw 1vw 6vw;
}

footer .inner.links p>a::before,
footer .inner.links p>a::after {
	content: "";
	position: absolute;
	display: block;
	width: 6vw;
	height: 100%;
	top: 0;
	box-sizing: border-box;
	border: 2px solid #fff;
	opacity: 0.7;
}

footer .inner.links p>a::before {
	left: 0;
	border-top-left-radius: 2.5vw;
	border-bottom-left-radius: 2.5vw;
	border-right: none;
}

footer .inner.links p>a::after{
	right: 0;
	border-top-right-radius: 2.5vw;
	border-bottom-right-radius: 2.5vw;
	border-left: none;
}




footer .box_banner {
	position: relative;
	z-index: 10;
	padding: 0 0 10vw 0;
	margin-top: -10vw;
}

footer .box_banner p {
	text-align: center;
	line-height: 1;
	margin-top: 4vw;
}

footer .box_banner p:nth-of-type(1) {
	margin-top: 0;
}

footer .box_banner p>a {
	display: inline-block;
}

footer>.inner.endcredit {
	position: relative;
	z-index: 10;
	padding-top: 10vw;
	padding-bottom: 18vw;
margin-top: 10vw;
}





footer>.inner.endcredit p {
	text-align: left;
	font-size: 4vw;
	line-height: 1.6;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	color: #fff;
}

footer>.inner.endcredit p>strong {
	font-weight: 500;
}


footer>.inner.endcredit p>a {
	color: #fff;
}


footer>.inner.second {
	padding: 0 0 15vw 0;
	position: relative;
	z-index: 0;
}

footer>.inner.second,
footer>.inner.second::before {
	background-color: #020202;
}

footer>.inner.second::before {
	content: "";
	display: block;
	width: 100%;
	height: 45vw;
	position: absolute;
	top: -15vw;
	z-index: -1;
	transform: skew(0,-15deg);
}

footer p.copy {
	color: #fff;
	font-size: 3.75vw;
	margin-top: 1em;
}

footer div.box_ft_titles {
width: 90vw;
margin-left: auto;
margin-right: auto;
}

footer div.box_ft_titles p,
footer div.box_ft_titles h6 {
	color: #fff;
	line-height: 1.5;
}

footer div.box_ft_titles p {
	font-weight: 500;
	font-size: 4.6875vw;
}

footer div.box_ft_titles h6 {
	font-size: 8.125vw;
}


footer p.kf_logo {
	text-align: center;
	padding-right: 2vw;
}

footer p.kf_logo a {
	display: block;
}

footer p.kf_logo img {
	height: 16vw;
	width: auto;
	display: inline-block;
}

footer p.kf_logo+p {
	margin-top: 0.5em;
}


footer p.copy,
footer p.copy strong {
	font-weight: normal;
}

footer p.copy strong {
	text-transform: uppercase;
}


/* figure/caption */

section figure {
	position: relative;
	z-index: 0;
	margin-top: 3.5vw;
	margin-left: auto;
	margin-right: auto;
}


section figure.center {
	margin-left: auto;
	margin-right: auto;
}

section figure.center figcaption {
	text-align: center;
}


section figure>img {
	position: relative;
	z-index: 0;
	display: inline-block;
}



section#sec_sp01_he_bigan figure>img {
	display: inline-block;
}

section#sec_sp01_he_bigan figure {
	margin-top: 7em;
	margin-bottom: 7em;
}

section figure>figcaption {
	font-size: 4.375vw;
	font-weight: 400;
	margin-top: 0.5em;
	font-feature-settings: "palt" 1;
	position: relative;
	z-index: 0;
	text-align: left;
	line-height: 1.3;
}


section figure>figcaption+img,
section figure>img+img {
	margin-top: 3vw;
}

section figure>figcaption::before {
	content: "";
	display: inline-block;
	position: relative;
	margin-right: 0.2em;
	margin-left: 0.1em;
	top: 0.03em;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 2.4vw  3.7vw  2.4vw;
border-color: transparent transparent #555 transparent;
}

section figure>figcaption.dir_up::before {
	transform:rotate(0deg);
}

section figure>figcaption.dir_right::before {
	transform:rotate(90deg);
}

section figure>figcaption.dir_left::before {
	transform:rotate(-90deg);
}

#sec_sp02_my_room figure>figcaption {
	color: #555;
	font-weight: normal;
}



section figure.float_left,
section figure.float_right {
	width: 45%;
	padding-top: 3vw;
}


section figure.float_left {
	float: left;
	margin-right: 3vw;
}


section figure.float_right {
	float: right;
	margin-left: 3vw;
}


/*===== home =====*/

/*box_volume*/
div#box_volume {
	background-color: #020202;
	color: #fff;
	padding: 0 4vw 0 0;
	height: 13vw;
	display: flex;
	align-items: center;
	justify-content: flex-end;

}

div#box_volume>p {
	font-size: 3.125vw;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	font-feature-settings: "palt" 1;
	text-align: right;
}

div#box_volume>p>a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	border: 2px solid #777;
	padding: 1.3vw 3vw 1.3vw 3vw;
	border-radius: 6vw;
}




/* H1-h4 */
#box_h1,
#box_h4 {
	box-shadow: 0px 3px 12px rgba(0,0,0,0.1);
}



/* main player img */

#sec_sp01_kv {
	padding-top: 8vw;
}



#sec_sp01_kv p.lead,
#sec_sp02_kv p.lead {
	width: 90vw;
	margin: 0 auto 0 auto;
position: relative;
z-index: 0;
}

#sec_sp01_kv p.lead,
#sec_sp02_kv p.lead {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 1.5;
	padding-top: 5vw;
	padding-left: 5vw;
	font-feature-settings: "palt" 1;
}

#sec_sp02_kv p.lead {
	padding-left: 0;
	padding-right: 5vw;
	text-align: right;
	margin-top: 0;
}




#sec_sp02_kv p.lead::before,
#sec_sp01_kv p.lead::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 20vw;
	height: 20vw;
	border-top: 2px solid #555;
}


#sec_sp01_kv p.lead::before {
	left: 0;
	border-left: 2px solid #555;
}

#sec_sp02_kv p.lead::before {
	right: 0;
	border-right: 2px solid #555;
}


#sec_sp01_kv p.img_kv,
#sec_sp02_kv p.img_kv {
	margin-top: 3vw;
}


/* Oneday */

#sec_sp01_oneday {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding-bottom: 20vw;
}



#sec_sp01_oneday h2 {
	margin-top: 10vw;
	text-align: center;
}

#sec_sp01_oneday h2>img {
	width: 90vw;
	display: inline-block;
}

#sec_sp01_oneday>h2+div.inner,
#sec_sp01_oneday #box_fav {
	margin-top: 10vw;
}


#sec_sp01_oneday>h2,
#sec_sp01_oneday>div.inner {
	position: relative;
	z-index: 10;
}

#sec_sp01_oneday .bg_notes {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	padding-top:70vw;
}

#sec_sp01_oneday .bg_notes>img {
	position: relative;
	transform-origin: center center;
	margin-top: -20vw;
}

#sec_sp01_oneday .bg_notes>img:nth-of-type(even) {
	transform: scale(-1,1);
}


#sec_sp01_oneday h3 {
	font-size: 5.625vw;
	padding-top: 1.5vw;
	margin-top: 7vw;
	position: relative;
	z-index: 0;
	padding-left: 3vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
	clear: both;
}

#sec_sp01_oneday h3:nth-of-type(1) {
	margin-top: 0;
	padding-left: 18vw;
}

#sec_sp01_oneday h3,
#sec_sp01_oneday h3>span.time {
	display: flex;
	align-items: center;
}


#sec_sp01_oneday h3 {
	justify-content: center;
}

#sec_sp01_oneday h3>span.time {
	margin-right: 5vw;
	position: relative;
	z-index: 0;
	margin-top: -1.5vw;
	min-width: 32vw;
}

#sec_sp01_oneday h3>span.time>img {
	height: 15vw;
	width: auto;
	display: inline-block;
}


#sec_sp01_oneday h3>span.time::after {
	content: "";
	display: block;
	width: calc(100% + 4vw);
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: -2vw;
	z-index: -1;
	transform-origin:center center;
}


#sec_sp01_oneday h3:nth-of-type(odd)>span.time::after {
	transform: rotate(7deg);
}

#sec_sp01_oneday h3:nth-of-type(even)>span.time::after {
	transform: rotate(-7deg);
}


#sec_sp01_oneday h3:nth-of-type(1)>span.time::before {
	content:"";
	display: block;
	position: absolute;
	left: -17vw;
	top: -3vw;
	width: 16.5vw;
	height: 20vw;
	background-image: url(../img/sp01_oneday_icon_clock.png);
	background-repeat: no-repeat;
	background-size: contain;
}


#sec_sp01_oneday p.good_night {
	
}

#sec_sp01_oneday p.good_night>img {
	height: 20vw;
	width: auto;
	display: inline-block;
}






#sec_sp01_oneday div.inner figure.over_width {
	position: relative;
	left: -2vw;
	width: 105vw;
}

#sec_sp01_oneday div.inner figure.over_width>figcaption {
	display: block;
	width: 100%;
}



#sec_sp01_oneday div#box_fav {
	border: 2px dotted #aaa;
	padding: 5vw 5vw 8vw 5vw;
	position: relative;
	z-index: 0;
	background-color: #f9f7eb;
}


#sec_sp01_oneday div#box_fav h3 {
	padding-left: 0;
	text-align: left;
	display: block;
	letter-spacing: 0;
	font-size: 7.35vw;
	padding-top: 0;
}

#sec_sp01_oneday div#box_fav::before,
#sec_sp01_oneday div#box_fav::after {
   content: "";
   display: block;
   position: absolute;
      right: -2px;
   bottom:-2px;
}

#sec_sp01_oneday div#box_fav::before {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0 0 12vw 20vw;
   border-color: transparent transparent #f9f7eb transparent;
   transform: rotate(0deg);
   z-index: 20;
}


#sec_sp01_oneday div#box_fav::after {
	background-color: #f0eee2;
	width: 20vw;
	height: 12vw;
	z-index: 10;
	
	border: 2px dotted #aaa;
}


#sec_sp01_oneday div#box_fav h4 {
	font-size: 5vw;
	margin-top: 5vw;
	font-feature-settings: "palt" 1;
	display: inline-block;
	background-color: #fff;
	padding: 0.5em 1.5em 0.5em 1.5em;
	line-height: 1;
	border-radius: 2vw;
}

#sec_sp01_oneday div#box_fav h4+p {
	margin-top: 0.5em;
}


/* sp01-askingto */

#sec_sp01_askingto_player {
}

#sec_sp01_askingto_player h2 {
	text-align: center;
}

#sec_sp01_askingto_player h2>img {
	display: inline-block;
}


#sec_sp01_askingto_player>.inner {
	width: 100%;
	padding-bottom: 15vw;
	margin-top: 2vw;
}

#sec_sp01_askingto_player p.link_btn {
	width: 80vw;
	margin: 7vw auto 0 auto;
}


/*sec_sp01_measure*/

#sec_sp01_measure {
	position: relative;
	z-index: 0;
	
	padding-bottom: 3vw;
}

#sec_sp01_measure::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	height: 15vw;
	z-index: 0;
}



#sec_sp01_measure>.inner {
	overflow: hidden;
}


#sec_sp01_measure h3 {
	padding: 0 5vw 0 5vw;
	text-align: right;
	position: relative;
	
}


#sec_sp01_measure h3>img {
	height: auto;
	width: auto;
	max-width: 85%;
	display: inline-block;
}


#sec_sp01_measure div.bg_scale {
	position: absolute;
	top: 15vw;
	left: 0;
	z-index: -1;
}


#sec_sp01_measure div.bg_scale>img {
	position: relative;
	transform-origin: center center;
}


#sec_sp01_measure div.bg_scale img[alt='scale2'] {
	transform: rotate(-25deg);
}


#sec_sp01_measure dl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 3vw;
}

#sec_sp01_measure dl,
#sec_sp01_measure dt,
#sec_sp01_measure dd {
	box-sizing: border-box;
}

#sec_sp01_measure dt,
#sec_sp01_measure dd {
	position: relative;
	z-index: 0;
	line-height: 1.1;
	margin-bottom: 3.5vw;
	font-feature-settings: "palt" 1;
}

#sec_sp01_measure dt {
	width: 18%;
}

#sec_sp01_measure dd {
	width: 32%;
	text-align: right;
	font-size: 5vw;
	font-weight: 400;
	z-index: 10;
}

#sec_sp01_measure dd:nth-of-type(odd) {
	padding-right: 3.5vw;
}

#sec_sp01_measure dt:nth-of-type(even) {
	padding-left: 3.5vw;
}


#sec_sp01_measure dt {
	font-size: 3.4375vw;
	font-weight: 500;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
}

#sec_sp01_measure dt>span,
#sec_sp01_measure dd>span {
	position: relative;
	z-index: 0;
	display: inline-block;
}


#sec_sp01_measure dt>span {
	margin-top: 0.15em;
	padding-right: 1vw;
}

#sec_sp01_measure dd>span {
	text-align: right;
	top: -0.15em;
	padding-left: 1vw;
}

#sec_sp01_measure dt::after {
	content: "";
	display: block;
	position: absolute;
	top: 0.6em;
	left: 5vw;
	z-index: -1;
	width: 30vw;
	height: 2px;
	background-color: rgba(0,0,0,0.2);
}


#sec_sp01_orihica {
	overflow: hidden;
	padding: 3vw 0 0 0;
}


#sec_sp01_orihica p.tag {
	position: relative;
	z-index: 0;
	width: 113vw;
	left: -11vw;
}



/* Best Shot */
#sec_sp01_bestshot>.inner {
	margin-top: 0vw;
}

#sec_sp01_bestshot h3>img {
	width: 87%;
}

#sec_sp01_bestshot>.inner>p.shot {
	margin-top: 4vw;
}

#sec_sp01_bestshot div.spec {
	margin-top: 3em;
}

#sec_sp01_bestshot div.spec h4,
#sec_sp01_bestshot div.spec p {
	font-size: 3.4375vw;
}

#sec_sp01_bestshot div.spec h4 {
	float: left;
	margin-right: 0.5em;
	font-weight: 700;
}

#sec_sp01_bestshot div.spec h4::after {
	content: ":";
}

#sec_sp01_bestshot div.spec p {
	font-weight: 400;
}

#sec_sp01_bestshot div.spec+p {
	margin-top: 0.6em;
}


/*=== sp01_p02 ===*/

/* this is him */

#sec_sp01_this_is_him>.inner,
#sec_sp01_this_is_him>.inner>p {
	width: 100%;
	margin-top: 0;
}


#sec_sp01_this_is_him>.inner>h2 {
	margin-top: 10vw;
	text-align: right;
	width: 100%;
	text-align: right;
}

#sec_sp01_this_is_him>.inner>h2>img {
	width: 80vw;
	margin-right: 5vw;
	display: inline-block;
}



/* for you */

#sec_sp01_for_you {
	background-image: url(../img/bg_for_you.jpg);
	background-repeat: no-repeat;
	background-position: 0 102%;
	padding-bottom: 50vw;
	background-size: 100vw;
	overflow: hidden;
}


#sp_for_you div.box_column>p:nth-of-type(1) {
	margin-top: 0;
}


/* he bigan */

#sec_sp01_he_bigan {
	margin-top: 18vw;
}


#sec_sp01_he_bigan h3 {
	text-align: right;
	width: 96vw;
	margin: 0 3vw 0 0;
}

#sec_sp01_he_bigan h3+.inner {
	margin-top: 2vw;
}

#sec_sp01_he_bigan h3>img {
	display: inline-block;
	width: 97%;
}


#sec_sp01_for_you div.inner>p>strong,
#sec_sp01_he_bigan div.inner>p>strong{
	display: block;
	float: left;
	position: relative;
	top: 0.1em;
	line-height: 1;
	font-size: 2.4em;
	font-feature-settings: "palt" 1;
	margin-right: 0.15em;
	font-weight: 500;
}



div.inner>.box_lead>p {
	font-size: 4.6875vw;
	font-weight: 700;
	line-height: 1.7;
	font-feature-settings: "palt" 1;
}

div.inner>.box_lead+p {
	margin-top: 2em;
}


#sec_sp01_he_bigan .box_mini_column{
width: 90%;
margin: 5vw auto 0 auto;

border: 2px solid #333;
}


#sec_sp01_he_bigan .box_mini_column>.inner {
	padding: 2.5em 2.5em 3.5em 2.5em;
}


#sec_sp01_he_bigan .box_mini_column>.inner>p {
	font-size: 4.375vw;
	font-feature-settings: "palt" 1;
	line-height: 1.6;
	letter-spacing: 0.05em;
}




/*=== sp01_p03 ===*/

/*camera roll*/
#sec_sp01_camera_roll>.inner {
	margin-top: 0;
}

#sec_sp01_fashion_ck>.inner,
#sec_sp01_camera_roll>.inner {
	width: 100%;
}


/* fashion ck */

#sec_sp01_fashion_ck {
	padding: 10vw 0 15vw 0;
	position: relative;
	z-index: 0;
}


#sec_sp01_fashion_ck>.inner {
	width: 100%;
	position: relative;
	z-index: 10;
	margin-top: 0;
}


#sec_sp01_fashion_ck::after {
	content: "";
	width: 100%;
	height: 89%;
	position: absolute;
	top: 48vw;
	left: 0;
	opacity: 0.5;
	background-color: #aaa;
	z-index: 0;
	transform: skew(0, -10deg);
}



#sec_sp01_fashion_ck h2 {
	width: 86vw;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 10;
}

#sec_sp01_fashion_ck div.box_comment {
	position: relative;
	z-index: 10;
	width: 90vw;
	margin-top: 2vw;
	margin-left: auto;
	margin-right: auto;
	border-radius: 2vw;
	box-sizing: border-box;
	padding: 5vw 5vw 7vw 5vw;
}



#sec_sp01_fashion_ck div.box_comment,
#sec_sp01_fashion_ck div.box_comment h3.face {
	color: #fff;
}


#sec_sp01_fashion_ck div.box_comment h3.face {
	padding-left: 14vw;
	font-size: 4.6875vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
	font-weight: 700;
}

#sec_sp01_fashion_ck div.box_comment h3.face>img {
	position: absolute;
	width: 17vw;
	height: auto;
	top: -11.5vw;
	left: 2vw;
}

#sec_sp01_fashion_ck div.box_comment h3+p {
	margin-top: 0.5em;
}

#sec_sp01_fashion_ck div.box_comment>p {
	font-size: 4.375vw;
	line-height: 1.5;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
}


#wrapper_wears {
	margin-top: 5vw;
	overflow: hidden;
}


#wrapper_wears p.wears {
	position: relative;
	z-index: 10;
	
}


#wrapper_wears p.wears>img {
	width: 100%;
}

#wrapper_wears {
	padding-bottom: 10vw;
}





/* Interview sp01-sp02 common settings */

[id$='_interview'] {
	padding-top: 0vw;
}

[id$='_interview'] h3+.box_lead {
	margin-top: 3vw;
}


[id$='_interview'] h4 {
	margin-top: 1em;
	font-size: 4.6875vw;
	line-height: 1.4;
	position: relative;
	z-index: 0;
	color: #444;
}

[id$='_interview'] h4::before {
	content: "";
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2px;
	background-color: #999;
	top: -0.25em;
	margin-right: 0.25em;
}

[id$='_interview'] .box_lead+h4 {
	margin-top: 1.3em;
}


[id$='_interview'] div.inner>p {
	margin-top: 0.5em;
}


[id$='_interview'] div.inner>p,
[id$='_interview'] div.inner>h4 {
	font-feature-settings: "palt" 1;
}

[id$='_interview'] div.inner>p {
	letter-spacing: 0.05em;
}


[id$='_interview'] div.inner>p>strong {
	margin-right: 0.25em;
	position: relative;
	z-index: 0;
}

[id$='_interview']>.inner p>strong::after,#sec_sp02_interview div.box_bonus h4+p>strong::after{
	content: "";
	position: relative;
	display: inline-block;
	width: 1em;
	height: 1em;
	top: 0.1em;
	opacity: 0.4;
	transform-origin: left center;
	transform: scale(0.8);
	border-radius: 0.6em;
	margin-left: 0.15em;
}

[id$='_interview'] .box_memorable {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vw;
}

[id$='_interview'] .box_memorable .inner_txt {
	background-color: #ececf0;
	padding: 4vw 4vw 5vw 4vw;
}

[id$='_interview'] .box_memorable h5+p{
	margin-top: 0;
}

[id$='_interview'] .box_memorable figure {
	margin-top: 0;
}

[id$='_interview'] .box_memorable p {
	font-size: 4.375vw;
	line-height: 1.4;
	margin-top: 0.4em;
}

[id$='_interview'] .box_memorable p.comment {
	font-weight: bold;
}

[id$='_interview'] .box_memorable h6 {
	font-size: 4.375vw;
	line-height: 1.2;
	color: #111!important;
	padding-bottom: 0.35em;
	border-bottom: 1px solid #999;
}

/*=== p04 ===*/


/*ten-ten-ten*/

section#sec_ten-ten {
	position: relative;
	z-index: 0;
	overflow: hidden;
	padding-top: 5vw;
}


section#sec_ten-ten h2 {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
}

.box_2p_photo {
	margin-top: 5vw;
	text-align: center;
}

.box_2p_photo>p {
	text-align: center;
}

.box_2p_photo>p>img {
	margin-left: auto;
	margin-right: auto;
}

#p04_talk_session .box_lead {
	width: 90vw;
	margin: 4vw auto 0 auto;
}

#p04_talk_session .box_lead>p {
	font-size: 4.375vw;
	line-height: 1.5;
	font-weight: bold;
	font-weight: 800;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
}

#p04_talk_session .wrap_body {
	position: relative;
	z-index: 0;
	box-sizing: border-box;
	padding-bottom: 4vw;
	overflow: hidden;
}




#p04_talk_session .wrap_body div.inner {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
}



#p04_talk_session .wrap_body div.inner>figure {
	width: 100%;
	position: relative;
	z-index: 10;
}

#p04_talk_session .wrap_body div.inner>figure.right img {
	margin-left: auto;
}

#p04_talk_session .wrap_body div.inner>figure.left img {
	margin-right: auto;
}

#p04_talk_session .wrap_body div.inner>figure.center img {
	margin-right: auto;
	margin-left: auto;
}





#p04_talk_session .wrap_body div.inner>p {
	margin-top: 0.7em;
}


#p04_talk_session .wrap_body div.inner>p>img.float_left,
#p04_talk_session .wrap_body div.inner>p>img.float_right {
	width: 40vw;
}

#p04_talk_session .wrap_body div.inner>p>img.float_left {
	margin-right: 4vw;
}

#p04_talk_session .wrap_body div.inner>p>img.float_right {
	margin-left: 4vw;
}


#p04_talk_session .wrap_body div.inner>p+figure {
	margin-top: 3em;
	margin-bottom: 3em;
}

#p04_talk_session .wrap_body div.inner>p+figure>img {
	display: block;
	height: auto!important;
}



#p04_talk_session .wrap_body div.inner>p,
#p04_talk_session .wrap_body div.inner>h3 {
	position: relative;
	z-index: 10;
}

#p04_talk_session .wrap_body div.inner>p>strong,
#p04_talk_session div.box_bonus>p>strong {
	font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
}


#p04_talk_session .wrap_body div.inner>p>strong::after,
#p04_talk_session div.box_bonus>p>strong::after {
	content: "";
	background-color: #fff;
	display: inline-block;
	box-sizing: border-box;
	margin-right: 0.35em;
	margin-left: 0.25em;
	position: relative;
	top: 0.05em;
	width: 0.8em;
	height: 0.8em;
	border-radius: 50%;
}


#p04_talk_session .wrap_body div.inner>p>strong.ten::after,
#p04_talk_session div.box_bonus>p>strong.ten::after {
	background-color: #fff;
}


div#bg_dotted {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div#bg_dotted>img[class^='bg-ten-ten-dot']{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

div#bg_dotted>img.bg-ten-ten-dot-green {
	top: 20%;
	left: -10%;
}

div#bg_dotted>img.bg-ten-ten-dot-orange {
	top: 50%;
	left: 15%;
}

div#bg_dotted>img.bg-ten-ten-dot-blue{
	top: 75%;
	left: -10%;
}

/*box_bonus*/

#p04_talk_session div.box_bonus {
	width: 90vw;
	padding: 0 5vw 5vw 5vw;
}


#p04_talk_session div.box_bonus>h5 {
	font-size: 5.625vw;
	line-height: 1.4;
	margin-top: 1em;
}

#p04_talk_session div.box_bonus>h5+p{
	font-weight: bold;
	font-weight: 600;
	font-size: 3.75vw;
	line-height: 1.4;
	margin-top: 0;
}

#p04_talk_session div.box_bonus h5+p {
	margin-top: 0.5em;
}

#p04_talk_session div.box_bonus div.omake {
	border-top: 2px dotted #aaa;
	margin-top: 5vw;
}



#p04_talk_session .wrap_body div.inner h3 {
	font-size: 6.25vw;
	line-height: 1.3;
	font-feature-settings: "palt" 1;
	position: relative;
	margin-top: 1.5em;
}










/* page_05 */

/*みーんなに聞いてみた*/
#sec_asking_all {
	margin-top: 6vw;
	position: relative;
	z-index: 0;
	padding-bottom: 4vw;
}

#sec_asking_all .wraper_ttl_asking {
	width: 100%;
	position: relative;
	z-index: 10;
}

#sec_asking_all h2 {
	text-align: center;
}

#sec_asking_all>h2>img {
	width: 95%;
	display: inline-block;
}

#sec_asking_all h3 {
	text-align: center;
	margin-top: -10vw;
}

#sec_asking_all h3+p {
	width: 90vw;
	margin: 3vw auto 0 auto;
}

#sec_asking_all h3>img {
	width: 100%;
	height: auto;
	max-width: 84vw;
	display: inline-block;
}

#sec_asking_all .box_end_comment {
	position: relative;
	z-index: 10;
	text-align: center;
	margin-top: -8vw;
}

#sec_asking_all .box_end_comment>p {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	padding-left: 3vw;
}

#sec_asking_all .box_end_comment>p>img {
	display: inline-block;
	max-width: 80vw;
}


#wrapper_scroll_answer_pitch,
#wrapper_scroll_answer_pitch>.inner,
#wrapper_scroll_answer_pitch>.inner>img {
	height: 250vw;
}

#wrapper_scroll_answer_pitch {
	width: 100%;
	position: relative;
	margin-top: -6vw;
	overflow: auto;
	background-color: #fff;
	overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
}

#wrapper_scroll_answer_pitch>.inner {
	position: relative;
	width: calc(250vw * 3.00257);
}




/* #ore_ichioshi */
#sec_ore_ichioshi {
	width: 100%;
	box-sizing: border-box;
	border:2vw solid #333;
	position: relative;
	z-index: 0;
	padding-bottom: 7vw;
	padding-top: 2vw;
	overflow: hidden;
}


#sec_ore_ichioshi::after,
#sec_ore_ichioshi::before {
		content: "";
	display: block;
	width:120vw;
	height: 120vw;
	position: absolute;
	background-color: #eee;
}


#sec_ore_ichioshi::after {
	top: -25vw;
	left: -32vw;
	z-index: -1;
	transform: rotate(-15deg);
}

#sec_ore_ichioshi::before{
	height: 85vw;
	bottom: -15vw;
	right: -25vw;
	z-index: -1;
	transform: rotate(15deg);
}


#sec_ore_ichioshi hr {
	background-color: #999;
	border-color: #999;
	margin-top: 3vw;
}



#box_ore_ichioshi_title {
	width: 90vw;
	margin: 0 auto 0 auto;
	position: relative;
	z-index: 0;
	min-height: 50vw;
	position: relative;
	z-index: 0;
}

#box_ore_ichioshi_title h2 {
	position: relative;
	z-index: 10;
}

#box_ore_ichioshi_title h3.sttl_sub {
	margin-top: -3vw;
}

#box_ore_ichioshi_title .heart {
	position: absolute;
	z-index: 0;
	width: 98vw;
	top: 0vw;
	left: -2vw;
}

#sec_ore_ichioshi h4 {
	font-size: 5.625vw;
	margin-top: 2em;
	padding-left: 11.5vw;
	position: relative;
	z-index: 0;
}

#sec_ore_ichioshi figure+h4 {
	margin-top: 2em;
}


#sec_ore_ichioshi h4::before {
	content: "";
	width: 10.5vw;
	height: 12vw;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6vw;
	background-image: url(../img/img_icon_oreno_uchiwa.png);
	background-size: contain;
	background-repeat: no-repeat;
}

#sec_ore_ichioshi .inner>h4+p {
	margin-top: 0.7em;
}


#sec_ore_ichioshi .inner figure {
	width: 100%;
}


#sec_ore_ichioshi .box_bonus h6 {
	margin-top: 1em;
	font-size: 4.375vw;
}

#sec_ore_ichioshi .inner>p>strong {
	margin-right: 0.5em;
}


/* kurumaya+-sensei */

#sec_kurumaya_sensei {
	position: relative;
	z-index: 0;
	margin-top: 0;
	background-color: #e9ebaf;
	padding-bottom: 7vw;
}


#sec_kurumaya_sensei div.box_bonus{
	width: 86vw;
	border-color: #fff;
	padding: 4vw;
}

#sec_kurumaya_sensei div.box_bonus .box_video {
	width: 80%;
	margin: 3vw auto 5vw auto;
}

#sec_kurumaya_sensei div.box_bonus .box_video>video {
	width: 100%;
	height: auto;
}

#sec_kurumaya_sensei div.box_bonus h5 {
	text-align: center;
	font-size: 5vw;
	font-feature-settings: "palt" 1;
	line-height: 1.3;
}

#sec_kurumaya_sensei div.box_bonus .box_video>video {
	margin: 0 auto;
}



/*page06*/

section#sec_sp02_this_is_him {
	margin-top: 6vw;
}

section#sec_sp02_this_is_him>h2 {
	width: 88vw;
	margin:0 auto;
}

section#sec_sp02_this_is_him>h2+p {
	margin-top: 5vw;
}

/* My Room */



#sec_sp02_my_room {
	border-bottom: 3vw solid #555;
	position: relative;
	border-top: 2px solid #333;
	overflow: hidden;
	margin-top: 0;
	z-index: 0;
}


#sec_sp02_my_room h2 {
	padding-top: 8vw;
	text-align: left;
}

#sec_sp02_my_room h2>img {
	width: 92vw;
}

#sec_sp02_my_room p.lead {
	margin: 0 auto 0 auto;
	font-weight: 500;
	line-height: 1.4;
}


#sec_sp02_my_room h3 {
	width: 60vw;
	margin: -11vw auto 0 auto;
	position: relative;
	z-index: 10;
}



#sec_sp02_my_room div.inner{
	border-bottom: 2px solid #333;
}


#sec_sp02_my_room>.inner {
	width: 100%;
	margin-top: 0;
}


#sec_sp02_my_room h2,
#sec_sp02_my_room div.inner {
	position: relative;
	z-index: 0;
}

#sec_sp02_my_room h2::after,
#sec_sp02_my_room div.inner::after {
	content: "";
	display: block;
	position: absolute;
	width: 3vw;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #aaa;
	z-index: -1;
}

/*left-border*/
#sec_sp02_my_room div.inner:nth-of-type(1) ,
#sec_sp02_my_room div.inner:nth-of-type(2) ,
#sec_sp02_my_room div.inner:nth-of-type(4) ,
#sec_sp02_my_room div.inner:nth-of-type(6),
#sec_sp02_my_room div.inner:nth-of-type(8) {
	padding: 8vw 4vw 10vw 7vw;
}

#sec_sp02_my_room div.inner:nth-of-type(1) {
	padding-bottom: 20vw;
	padding-top: 0;
}

/*right-border*/
#sec_sp02_my_room div.inner:nth-of-type(3),
#sec_sp02_my_room div.inner:nth-of-type(5),
#sec_sp02_my_room div.inner:nth-of-type(7) {
	padding: 8vw 7vw 10vw 4vw;
}


#sec_sp02_my_room div.inner:nth-of-type(2) {
	margin-top: -10.2vw;
	padding-top: 15vw;
	z-index: 0;
}


#sec_sp02_my_room div.inner:nth-of-type(1)::after,
#sec_sp02_my_room div.inner:nth-of-type(2)::after,
#sec_sp02_my_room div.inner:nth-of-type(4)::after {
	left: 0;
}


#sec_sp02_my_room div.inner:nth-of-type(3)::after,
#sec_sp02_my_room div.inner:nth-of-type(5)::after,
#sec_sp02_my_room div.inner:nth-of-type(7)::after {
	left: auto;
	right: 0;
}


#sec_sp02_my_room div.inner figure {
	margin-top: 4em;
}

#sec_sp02_my_room div.inner figure.center img {
	
display: inline-block;

}

#sec_sp02_my_room .inner>p {
	font-size: 4.6875vw;
}

#sec_sp02_my_room .inner>h4,
#sec_sp02_my_room .inner>h5 {
	font-size: 10vw;
	line-height: 1.2;
	font-weight: 500;
	position: relative;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
}


#sec_sp02_my_room .inner>h3 {
	padding-top: 5vw;
	padding-bottom: 5vw;
}


#sec_sp02_my_room .inner>h3+p {
	margin-top: 0.7em;
}

#sec_sp02_my_room .inner>h3 small.underscore{
	display: inline-block;
	top: -0.3em;
	position: relative;
	z-index: 0;
	font-size: 4.375vw;
	line-height: 1.2;
	border-bottom: 2px solid #aaa;
	padding-bottom: 0.1em;
}

#sec_sp02_my_room .inner>h3::after {
	content: "";
	display: block;
	width: 100vw;
	height: 3vw;
	position: absolute;
	left: -4vw;
	bottom: 0;
}

#sec_sp02_my_room .inner>h4 small,
#sec_sp02_my_room .inner>h5 small {
	font-size: 0.6em;
}


#sec_sp02_my_room .inner>h4 small[lang="en"],
#sec_sp02_my_room .inner>h5 small[lang="en"] {
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	display: block;
	position: relative;
	top: 0;
	font-size: 4.375vw;
}

#sec_sp02_my_room div.inner:nth-of-type(3) figure.art {
	position: absolute;
	top: 3vw;
	margin: 0;
	right: 0;
	width: 43vw;
} 




#sec_sp02_my_room .inner>h4+p {
	margin-top: 0.6em;
}


#sec_sp02_my_room div.inner:nth-of-type(2) h5 {
	text-align: right;
	margin-top: -6vw;
	padding-top: 0;
}

#sec_sp02_my_room div.inner:nth-of-type(2) h5 small {
	margin-left: 0;
}

#sec_sp02_my_room div.inner:nth-of-type(4) h5 {
	text-align: right;
}

#sec_sp02_my_room div.inner:nth-of-type(2) h5+p {
	margin-top: 0.5em;
}


#sec_sp02_my_room figcaption {
	font-size: 4.375vw;
	font-weight: 500;
	margin-top: 0.3em;
	font-feature-settings: "palt" 1;
	position: relative;
	z-index: 0;
}

#sec_sp02_my_room figcaption.up::before {
	content: "";
	display: inline-block;
	position: relative;
	margin-right: 0.2em;
	margin-left: 0.1em;
	top: 0.03em;
	width: 0;
height: 0;
border-style: solid;
border-width: 0 2.4vw  3.7vw  2.4vw;
border-color: transparent transparent #aa8420 transparent;
}


/*sp02 interview*/

#sec_sp02_interview {
	padding-bottom: 10vw;
}

/*sp02 h4*/
div#box_h4 {
	border-top: 1px solid #bbb;
	position: relative;
	z-index: 10;
}


/* ending */

#sec_book_end {
	position: relative;
	z-index: 0;
}

div.box_presents {
	
}

div.box_presents h4 {
	position: relative;
	z-index: 0;
}

div.box_presents h4>img {
	position: relative;
	z-index: 0;
}


div.box_presents h4>span {
	position: absolute;
	z-index: 10;
	font-size: 4.688vw;
	display: inline-block;
	top: 8vw;
	left: 6vw;
}


div.box_presents>.inner {
	width: 86vw;
	margin: 0 auto;
	position: relative;
}

div.box_presents>.inner:nth-of-type(1) {
	margin-top: -18vw;
}

div.box_presents>.inner p {
	position: relative;
	z-index: 0;
	font-weight: 600;
	font-size: 4.688vw;
}


div.box_presents>.inner:nth-of-type(1) p:nth-of-type(1)::before {
	content: "";
	width: 17vw;
	height: 1em;
	display: inline-block;
	float: right;
}


div.box_presents h5+.inner>p:nth-of-type(1) {
	margin-top: 0.7em;
}

div.box_presents h5+.inner>p:nth-of-type(1) small {
	display: block;
	line-height: 1.4;
	margin-top: 0.5em;
}


div.box_presents>.inner p.deadline_red {
	text-align: center;
	line-height: 1;
}

div.box_presents>.inner p.deadline_red>span {
	width: 100%;
	display: inline-block;
padding: 2.5vw 0;
border-radius: 6vw;
color: #fff;
}

div.box_presents>.inner p.deadline_red>small {
	display: inline-block;
	margin-top: 0.8em;
}


div.box_presents p.items {
	margin-top: 2vw;
}

div.box_presents>.inner h6 {
	font-size: 5vw;
	margin-top: 1em;
	line-height: 1;
}

div.box_presents>.inner h6>span {
	display: inline-block;
	background-color: #fff;
	padding: 0.35em 0.8em 0.3em 0.8em;
	border-radius: 2.5em;
	border: 2px solid #555;
}

div.box_presents>.inner h6+p {
	margin-top: 0.5em;
}

div.box_presents>.inner p.address {
	border: 1px solid rgba(0,0,0,0.3);
	padding: 2.8vw 5vw 2.9vw 5vw;
	border-radius: 2.5vw;
	line-height: 1.5;
}

div.box_presents>.inner p.address+h6 {
	margin-top: 1.8em;
}

/**/
div.box_presents p.bnr {
	margin-top: 2vw;
}

div.box_presents p.bnr a {
	display: block;
}

div#box_editors_note {
	padding: 8vw 6vw 8vw 6vw;
}


div#box_editors_note p {
	position: relative;
	z-index: 0;
	font-size: 4.375vw;
	line-height: 1.6;
	font-weight: 400;
}

div#box_editors_note p+p {
	margin-top: 1em;
}


div#box_editors_note p img[alt='icon'] {
	width: 35vw;
	margin: 0 auto 5vw auto;
}


#sec_book_end p.end_catch {
	text-align: center;
	font-size: 5.375vw;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.02em;
	font-weight: 700;
	margin-top: 2em;
	line-height: 1.3;
}

div.box_presents p.btn_apply {
	text-align: center;
	line-height: 1;
	font-weight: 700;
}

div.box_presents p.btn_apply a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #555;
	padding: 0.8em 1.8em 0.8em 1.8em;
	border: 6px solid #fff;
	border-radius: 8vw;
	box-shadow: 0px 6px 10px rgba(0,0,0,0.1);
}

div.box_presents p.btn_apply a>span {
	display: inline-block;
}

/*box_note*/
div.box_note {
	background-color: #fff;
	margin-top: 4vw;
	border: 6px solid #aaa;
	padding: 3vw;
}

div.box_note>p {
	font-weight: 500;
	font-size: 4.375vw;
	line-height: 1.3;
}

div.box_note.center>p {
	text-align: center;
}

div.box_note>p:first-of-type {
	margin-top: 0;
}



.box_bnr_ft_above {
	width: 86vw;
	height: auto;
	margin: 0 auto;
	padding-bottom: 12vw;
	margin-top: -6vw;
}

.box_bnr_ft_above a {
	display: box;
}

.box_bnr_ft_above>p:first-of-type {
	margin-bottom: 6vw;
}

/*Bonus Contents playes Review*/
#box_players_review,
#box_editors_omake {
	padding: 0 6vw 8vw 6vw;
}

#box_players_review>.inner,
#box_editors_omake>.inner {
	border-top: 1px solid #aaa;
	padding-top: 8vw;
}

#box_players_review figure.icon,
#box_editors_omake figure.icon {
	width: 15vw;
	height: calc(15vw * 1.35);
	float: left;
	margin-right: 2em;
	margin-top: 0.7em;
}


#box_editors_omake h6,
#box_players_review h6 {
	font-size: 5vw;
	line-height: 1.2;
}

#box_players_review>div>p {
	font-size: 4.375vw;
	margin-top: 0.3em;
	line-height: 1.4;
}

#box_players_review p.file_info {
	font-weight: 600;
}

#box_players_review p.file_info,
#box_players_review p.file_info>small {
	font-size: 3.75vw;
}

#box_players_review p.file_info>small {
	font-weight: normal;
	font-size: 3.125vw;
}


#box_players_review figure.thumb {
	margin-top: 5vw;
}

#box_players_review p.file_info {
	clear: both;
}

#box_players_review figure.thumb video {
	margin: 0 auto;
}


#box_editors_omake dl {
	margin-top: 2em;
}

#box_editors_omake dl>dt,
#box_editors_omake dl>dd {
	font-size: 4.688vw;
}

#box_editors_omake dl>dt {
	font-weight: 700;
	margin-top: 1.5em;
}

#box_editors_omake dl>dt:first-of-type {
	margin-top: 0.6em;
}

#box_editors_omake dl>dd {
	font-weight: 400;
}

#box_editors_omake dl>dd+dd{
	margin-top: 1em;
}

#box_editors_omake dl>dd>img {
	margin-top: 3vw;
}


/*popup*/

#overlay {
	display: block;
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 2000;
	background-color: rgba(0, 0, 0, .75);
}

body.modal {
	overflow: hidden;
}

div#box_bonus_contents {
	position: fixed;
	width: 100%;
	z-index: 3000;
	margin-top: -50vw;
	background-color:#aaa;
	left: 0;top: 50%;
}

#overlay,
div#box_bonus_contents {
	display: none;
}



div#box_bonus_contents>figure {
	position: absolute;
	right: -4vw;
	top: -16vw;
	width: 53vw;
	transition: 0.5s;
	transform-origin: bottom center;
	transform: scale(0.2) rotate(25deg);
	
}

body.modal div#box_bonus_contents>figure {
transform: scale(1);
}




div#box_bonus_contents>.inner {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 2vw;
	position: relative;
	padding: 6vw 6vw 6vw 6vw;
	
	z-index: 10;
	height: 90vw;
	
display: flex;
	flex-wrap: wrap;
	align-content: center;
}

div#box_bonus_contents>.inner::after {
	content: "";
	display: block;
	position: absolute;
	background-color: #555;
	width: 22vw;
	transform: skew(-40deg);
	height: 100%;
	top: 0;
	left: -14vw;
}


div#box_bonus_contents h3,
div#box_bonus_contents h3+p {
	width: 100%;
	text-align: left;
	color: #fff;
	position: relative;
	z-index: 10;
}

div#box_bonus_contents h3 {
	font-size: 12.5vw;
	line-height: 1;
	text-transform: uppercase;
	font-family: "Roboto",sans-serif;
	font-weight: 500;
}

div#box_bonus_contents h3+p {
	margin-top: 0.2em;
	font-size: 4.063vw;
	line-height: 1.8;
	font-weight: 600;
	font-family: "YakuHanJP",sans-serif;
	font-weight: 700;
}

p#btn_ck_disable {
	width: 100%;
	text-align: center;
	margin: 5vw 0 0 0;
	font-size: 4.375vw;
	line-height: 1;
	font-weight: 500;
	color: #fff;
}

/**/
#btn_close_layer {
	position: absolute;
	bottom: -13vw;
	line-height: 1;
	text-transform: uppercase;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	right: 7%;
	font-size: 5vw;
}

#btn_close_layer>a {
	display: block;
	text-decoration: none;
	color: #fff;
}

#btn_close_layer>a>span {
	display: inline-block;
	position: relative;
	z-index: 0;
	padding-right: 12vw;
}

#btn_close_layer>a>span::after {
	content: "";
	display: block;
	z-index: 0;
	right: 0;
	top: 50%;
	transform: rotate(45deg);
	margin-top: -5.2vw;
	position: absolute;
	width: 10vw;
	height: 10vw;
	background-image: url(../../assets_global/img/icon_plus_cross.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 0;
}


div#box_bonus_contents .box_expl_bc_icon {
	position: relative;
	width: 70vw;
	display: flex;
	margin: 3vw auto 0 auto;
	border-radius: 2vw;
	background-color: rgba(0,0,0,0.8);
	align-items: center;
	box-sizing: border-box;
	padding: 3vw;
}

div#box_bonus_contents .box_expl_bc_icon>p {
	color: #fff;
	font-weight: 700;
	font-size: 3.75vw;
	line-height: 1.4;
}

div#box_bonus_contents .box_expl_bc_icon>figure {
	width: 17vw;
	margin-right: 2.5vw;
}

/*box_bonus*/

div.box_bonus {
	margin: 0 auto;
	box-sizing: border-box;
	border: 8px solid #aaa;
	border-radius: 3vw;
	padding: 0 0 3.5vw 0;
	position: relative;
	z-index: 0;
	min-height: 15vw;
}

div.box_bonus>.inner_header {
	padding: 3.5vw 3vw 5vw 3vw;
	border-bottom: 2px dotted #43bbbc;
}

div.box_bonus h4 {
	font-size: 5.65vw;
}

div.box_bonus h4+p {
	font-size: 4.375vw;
	line-height: 1.4;
	margin-top: 0.1em;
}


#sec_ore_ichioshi div.box_bonus {
	margin-top: 7vw;
	border-color: #fff;
	padding: 5.5vw 3.5vw 3.5vw 3.5vw;
}


#sec_ore_ichioshi div.box_bonus h5 {
	font-size: 4.375vw;
	line-height: 1.2;
}

div.box_bonus::before {
	content: "";
	position: absolute;
	right: 3vw;
	top: -4vw;
	display: block;
	width: 10vw;
	height: 11vw;
	background-image: url(../../assets_global/img/icon_bonus_contents.png);
	background-size: contain;
	background-repeat:no-repeat;
}


#sec_sp02_interview div.box_bonus {
	width: 90vw;
	margin-top: 6vw;
	box-sizing: border-box;
	padding: 4vw 4vw 4vw 4vw;
}

#sec_sp02_interview div.box_bonus h5 {
	font-size: 4.375vw;
	border-bottom: 1px dotted #999;
	padding-bottom: 0.4em;
	line-height: 1.3;
}

#sec_sp02_interview div.box_bonus>h4 {
	color: #444;
}

#sec_sp02_interview div.box_bonus h4+p {
	font-size: 5vw;
	line-height: 1.6;
	margin-top: 1em;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.05em;
}


div.box_bonus p.btn_blue {
	text-align: center;
	line-height: 1;
}

div.box_bonus p.btn_blue>a {
	text-decoration: none;
	display: inline-block;
	font-weight: 500;
	max-width: 80%;
background-color: #00a6de;
color: #fff;
	padding: 0.9em 1.5em 0.85em 1.5em;
	border-radius: 6vw;
}


#sec_sp01_fashion_ck div.box_bonus {
	width: 88vw;
}

#sec_sp01_fashion_ck ul.box_video_thumbs {
	width: 90%;
	margin: 0 auto 0 auto;
}

#sec_sp01_fashion_ck ul.box_video_thumbs video {
	width: 100%;
	height: auto;
}


/**/
/*== css end ==*/