/* @override 
	http://203.143.96.127:8000/one_four_kengo/assets/css/kengo.css */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Serif+JP:wght@400;600&family=Roboto+Slab:wght@400;500&display=swap');

.import_fonts {
	font-family: 'Libre Baskerville', serif;
font-family: 'Noto Serif JP', serif;
font-family: 'Roboto Slab', serif;
}


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





html,
body{

  font-size: 62.5%;
   font-family: "Hiragino Sans", "YuGothic", system-ui, -apple-system BlinkMacSystemFont;
}


html,
body,
wrapper,
header,
footer {
	width: 100%;
	height: auto;
}


body {
	color: #fff;
	background-color: #020202;
}

a {
	color: #020202;
	text-decoration: none;
	transition: 0.3s;
}

a:hover {
	opacity: 0.7;
	
}


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

.center {
	text-align: center;
}


#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, .8);
	overflow: hidden;
}

#overlay .bg_img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
}


/* common skew */
body.messages h4::after,
#layer_msg_one .box_name_prof p>a::before,
#site_id::after,
nav::after,
#box_page_ttl h2::before,
#box_page_ttl::after {
	transform: skew(-13.5deg);
}


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

.sp {
	display: none;
}

/* wrapper */
#wrapper {
	position: relative;
}

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


/* block common */

section,
#box_thanks_kengo {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}

section>.inner,
#box_thanks_kengo>.inner {
	width: 100%;
	margin: 0 auto;
	max-width: 1024px;
	padding: 90px 0 90px 0;
	position: relative;
	z-index: 0;
}

body:not(.home):not(.messages) main {
	margin-top: 40px;
}




body.downloads #sec_files_graphics>.inner {
	padding-bottom: 0;
}

body:not(.home) main section:nth-of-type(1)>.inner {
	padding-top: 0;
}

figure {
	margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}

/* titles */

section h2,
footer h2 {
	text-align: center;
	line-height: 1.7;
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.1em;
font-feature-settings: "palt";
font-size: 1.8rem;
}

section h2 span[lang='en'] {
	display: block;
	font-size: 3.2rem;
font-family: 'Roboto Slab', serif;
font-weight: 400;
font-feature-settings: none;
font-feature-settings: initial;
}

/* text */

section>.inner>p,
footer .box_one_four_expl>p {
	font-size: 1.5rem;
	text-align: center;
	line-height: 2.4;
	margin-top: 2.3em;
}

section>.inner>h2+p {
	margin-top: 2em;
}

[class^='btn_a_'] {
	text-align: center;
}

[class^='btn_a_'] a {
	color: #fff;
	display: inline-block;
	border: 1px solid #555;
	padding: 0.8em 1.5em 0.8em 1.5em;
	position: relative;
}

[class^='btn_a_'] a:hover {
	opacity: 1;
}



/* header */

header {
	background: linear-gradient(to right, #0c0b06 0%, #b49d57 25%, #d7bc69 100%);
	position: relative;
	z-index: 20;
}

header,
header>.inner,
#site_id {
	height: 50px;
}


header>.inner {
	margin: 0 auto;
	min-width: 1024px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	height: 100%;
	box-sizing: border-box;
}

#site_id {
	font-size: 1.8rem;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	text-align: right;
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
	z-index: 0;
	padding: 0 18px 0 20px;
	margin-right: 12px;
}

#site_id::after {
	content: "";
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: linear-gradient(to right, #b49d57 0%, #d7bc69 100%);
	filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.3));
}


#site_id span {
	display: block;
	margin-left: 6px;
	width: 36px;
	height: auto;
	margin-top: 3px;
}

#site_id span img {
height: auto;
}

#site_id a {
	display: block;
	position: relative;
}


p.photoby {
	font-size: 1.1rem;
	margin-top: 5px;
	margin-right: 20px;
}

#site_id,
p.photoby {
	color: #020202;
}

#site_logo_ofk {
	position: absolute;
	top: 10px;
	left: 3.5%;
	z-index: 20;
	width: 230px;
}

#site_logo_ofk a {
	display: block;
}


/* global nav */
nav {
	width: 100%;
	height: 28px;
	position: relative;
	z-index: 10;
}


nav::after {
	content: "";
	position: absolute;
	top: 0;
	left: -7vw;
	height: 28px;
	width: 34%;
	background: linear-gradient(to right, #b49d57 0%, #d7bc69 100%);
	opacity: 0.4;
}

nav ul {
	display: flex;
	justify-content: flex-end;
	margin-right: 32px;
}

nav ul li {
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	font-size: 1.4rem;
	margin-left: 2.3%;
	text-align: center;
}

nav ul a {
	text-transform: uppercase;
	display: block;
	position: relative;
	z-index: 0;
	padding: 11px 3px 0 3px;
	text-align: center;
}
/*
body.home nav li:nth-of-type(1) a,
body.events nav li:nth-of-type(2) a,
body.columns nav li:nth-of-type(3) a,
body.history nav li:nth-of-type(4) a,
body.downloads nav li:nth-of-type(5) a,
body.goods nav li:nth-of-type(6) a,
body nav li:nth-of-type(4) a{
	pointer-events: none;
}*/



body.home nav li:nth-of-type(1) a::after,
body.events nav li:nth-of-type(2) a::after,
body.columns nav li:nth-of-type(3) a::after,
body.intv nav li:nth-of-type(3) a::after,
body.history nav li:nth-of-type(4) a::after,
body.downloads nav li:nth-of-type(5) a::after,
body.goods nav li:nth-of-type(6) a::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #555;
}

/* breadcrumbs */

#breadcrumbs {
	width: 100%;
	padding-top: 28px;
	padding-bottom: 30px;
}

#breadcrumbs ol {
	display: flex;
	justify-content: center;
}

#breadcrumbs ol li {
	font-size: 1.2rem;
	line-height: 1.1;
	margin-left: 2em;
	position: relative;
}

#breadcrumbs ol li:first-child {
	margin-left: 0;
}


#breadcrumbs ol li::before {
	content: "";
	display: block;
	position: absolute;
	width: 7px;
	height: 11px;
	
	left: -12px;
	top: 0;
	
	background-image: url(/one_four_kengo/assets/img/icon_arrow.svg);
	background-repeat: no-repeat;
	background-position: -18px 0;
	background-size: cover;
}

#breadcrumbs ol li:nth-of-type(1)::before {
	content: none;
}

#breadcrumbs ol li a {
	text-decoration: underline;
	display: block;
}

#breadcrumbs ol li:last-of-type a {
	pointer-events: none;
	color: #666;
	text-decoration: none;
}






/* footer */
footer p {
	text-align: center;
	font-family: 'Roboto Slab', serif;
}

footer>.inner {
	width: 1024px;
	margin: 0 auto;
	padding: 0 0 240px 0;
	position: relative;
	text-align: center;
	z-index: 0;
}


footer>.inner p.img_hashtag {
	padding: 80px 0 50px 0;
	transition: 2s;
	opacity: 0.05;
	position: relative;
	top: 50px;
}

footer>.inner p.img_hashtag.view {
	opacity: 1;
	top: 0;
}


footer>.inner p.emblem {
	position: relative;
	z-index: 0;
	display: inline-block;
}

footer>.inner p.emblem a {
	display: block;
	position: relative;
	z-index: 10;
}




footer>.inner p.emblem::after {
	content: "";
	width: 80%;
	height: 80%;
	display: block;
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	margin-left: -40%;
	margin-top: -40%;
	border-radius: 50%;
	box-shadow: 0px 0 140px #9c884c;
}



footer>.inner p:nth-of-type(3) {
	font-size: 3.6rem;
	line-height: 2;
	margin-top: 24px;
}

footer>.inner p:nth-of-type(3) small {
	display: block;
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

footer>.inner p.copy {
	font-size: 1.2rem;
	margin-top: 2em;
}


/* separate border */

section:not(#sec_updated)>.inner::before,
body:not(.home) footer>.inner::before {
	content: "";
	width: 224px;
	height: 5px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -112px;
}

body:not(.home) main section:nth-of-type(1)>.inner::before,
body.events article#ev_ceremony section>.inner::before {
	display: none;
}

body.events article#ev_ceremony section>.inner {
	padding-top: 0;
}

/* 2nd bg todoroki */

body:not(.home) main {
	min-height: 600px;
}

main #bg_2nd_todoroki {
	position: absolute;
	top: 100px;
	z-index: -1;
	opacity: 0.7;
	width: 100%;
	height:calc(100vw * 0.467) ;
	overflow: hidden;
}

main #bg_2nd_todoroki img {
	width: 100%;
	height:calc(100vw * 0.467) ;
}



/* SNS Fixed */

#box_share {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 60px;
	height: auto;
	z-index: 500;
	text-align: center;
}

#box_share .inner {
	padding: 16px 0 16px 0;
	background-color: rgba(255,255,255 , 0.1);
}


#box_share>.inner p {
	font-size: 1.2rem;
	text-transform: uppercase;
	display: inline-block;
font-family: 'Roboto Slab', serif;
font-weight: 400;
}

#box_share li {
	text-align: center;
	margin-top: 12px;
}

#box_share li a {
color: #fff;
display: block;
width: 36px;
height: 36px;
box-sizing: border-box;
border-radius: 18px;
margin-left: auto;
margin-right: auto;

opacity: 0.5;
position: relative;
z-index: 0;

overflow: hidden;
text-indent: 100%;
white-space: nowrap;

}

#box_share li a:hover {
	opacity: 1;
}

#box_share li a::before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	background-color: #ccc;
	background-image: url(/one_four_kengo/assets/img/icon_sns.svg);
	background-position: 0 0;
	background-size: 800% auto;
}


#box_share li.tw a::before {
	width: 26px;
	height: 26px;
	margin: -11px 0 0 -12px;
	background-size: 600% auto;
	background-position: -22px 0px;
	background-color: transparent;
}

#box_share li.fb a::before {
	width: 18px;
	height: 30px;
	margin: -12px 0 0 -7px;
	background-size: 1300% auto;
	background-color: transparent;
}

#box_share li.line a::before {
	width: 26px;
	height: 26px;
	margin: -11px 0 0 -13px;
	background-size: 540% auto;
	background-position: -50px 1px;
	background-color: transparent;
}


/*pagetop*/
#btn_pagetop {
	width: 60px;
}

#btn_pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;
	color: #fff;
	margin-bottom: 2px;
	border-bottom: 1px solid #020202;
	overflow: hidden;
text-indent: 100%;
	background-color: rgba(255,255,255 , 0.1);
	transition: all 0.5s;
	transform: rotate3d(1,0,0,90deg);
}


#btn_pagetop a::after {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 30px;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -9px;
	background-image: url(/one_four_kengo/assets/img/icon_arrow.svg);
	background-repeat: no-repeat;
	background-position: -45px 0;
	background-size: auto 100%;
	
	transform: rotate(-90deg);
}


#btn_pagetop.view a {
	transform: rotate3d(1,0,0,0deg);
}

/* page_ttl */

#box_page_ttl {
	width: 100%;
	min-width: 1024px;
	height: 250px;
	position: relative;
	z-index: 0;
	margin-top: -28px;
	background-color: #020202;
	overflow: hidden;
	padding-bottom: 7px;
}

#box_page_ttl::after {
	content: "";
	display: block;
	position: absolute;
	height: 7px;
	width: 60%;
	left: 55%;
	bottom: 0;
}

#box_page_ttl>.inner {
	width: 2500px;
	position: absolute;
	
	box-sizing: border-box;
	height: 250px;
	display: flex;
	justify-content: center;
	left: 50%;
	top: 0;
	margin-left: -1250px;
	z-index: 0;
}



#box_page_ttl h2 {
	padding:110px 3vw 0 0px;
	font-size: 1.8rem;
font-family: 'Noto Serif JP', serif;
text-align: right;
	font-weight: 600;
	position: relative;
	z-index: 20;
	background-color: #020202;
}



#box_page_ttl h2 span[lang="en"] {
	display: block;
	text-transform: uppercase;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size: 3.2rem;
	margin-bottom: 10px;
}

#box_page_ttl .img_ttl {
	height: 250px;
	width: calc(250px * 3.12316);
	background-color: #555;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-left: -2vw;
	margin-right: 1.3vw;
}

#box_page_ttl .img_ttl img {
	height: 250px;
	width: auto;
	max-width: auto;
	max-width: initial;
	opacity: 0.85;
}

#box_page_ttl h2::before,
#box_page_ttl .img_ttl::before {
		content: "";
	display: block;
	height: 336px;
	top: 0;
	position: absolute;
	z-index: 0;
}


#box_page_ttl h2::before {
	width: 100px;
	background-color: #020202;
	left: -70px;
	z-index: -1;
}

#box_page_ttl .img_ttl::before {
	width: 400px;
	background: linear-gradient(to right, #020202, rgba(4,4,4,0));
	left: 0;
	z-index: 10;
}

/* sttl */
main section>.inner>h3 {/* beta */
	text-align: center;
	margin-top: 2em;
	font-size: 1.8rem;
	color: #020202;
	padding: 0.5em 0.6em 0.6em 0.6em;
}

main h3[lang='en'] {
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
}






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

/* kv */

#box_kv {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: -28px;
	position: relative;
	z-index: 0;
	overflow: hidden;
}

#box_kv::after {
	content: "";
	height: 3px;
	width: 100%;
	background-color: #020202;
	bottom: 0px;
	position: absolute;
	left: 0;
	z-index: 50;
}

#box_kv>.inner {
	position: relative;
	z-index: 10;
}

#box_kv .kv_bg_left,
#box_kv .kv_bg_right {
	width: auto;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: -2px;
	opacity: 0.5;
}

#box_kv .kv_bg_left {
	left: -10%;
}

#box_kv .kv_bg_right {
	right: -10%;
}

/* ==== top banner ==== */

#box_top_banner {
	width: 100%;
	margin-top: 72px;
}

#box_top_banner p {
	width: 640px;
	height: auto;
	margin: 0 auto;
	/*border: 5px solid #333;*/
	box-sizing: border-box;
	margin-top: 54px;
}

#box_top_banner p.wide {
	width: 1024px;
	box-sizing: border-box;
	border: 1px solid #555;
}


#box_top_banner p small {
	font-size: 1.4rem;
	display: block;
	padding-bottom: 0.5em;
	text-align: center;
}

#box_top_banner p img {
	width: 100%;
	box-sizing: border-box;
	/*border: 3px solid #020202;*/
}

#box_top_banner p a {
	display: block;
}


/* update info */

#sec_updated {
	position: relative;
	z-index: 10;
}




#sec_updated dl {
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	margin: 0 auto;
	margin-top: 36px;
	padding: 8px 48px 12px 48px;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}


#sec_updated dt,
#sec_updated dd {
	margin: 0;
	font-size: 1.6rem;
	box-sizing: border-box;
	margin-top: 1.5em;
	line-height: 1.3;
}

#sec_updated dt:nth-of-type(1),
#sec_updated dd:nth-of-type(1) {
	margin-top: 0;
}


#sec_updated dt {
font-family: 'Roboto Slab', serif;
width: 10em;
padding-right: 2em;
text-align: right;
}

#sec_updated dd {
width: calc(100% - 10em);
line-height: 1.8;
}

#sec_updated dd,
#sec_updated dd a {
color: #fff;
}

#sec_updated dd a:hover {
	text-decoration: underline;
}


/* thanks for kengo */

#box_thanks_kengo {
	position: relative;
	z-index: 0;
	margin-top: -100px;
}

#box_thanks_kengo>.inner {
	position: relative;
	z-index: 20;
	padding: 120px 0 140px 0;
}

#box_thanks_kengo p.photo {
	text-align: center;
	width: 606px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}

#box_thanks_kengo p.photo>img {
	position: relative;
	z-index: 0;
	opacity: 0;
	margin-top: 80px;
	transition: all 2.5s;
}

#box_thanks_kengo p.photo.view>img {
	margin-top: 0;
	opacity: 1;
}

#box_thanks_kengo p.photo span {
	position: absolute;
	z-index: 10;
	display: block;
	width: 420px;
	height: auto;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top: -60px;
}

#bg_thanks_kengo_todoroki {
	width: 100%;
	height: 940px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-top: -820px;
}

#bg_thanks_kengo_todoroki img {
	max-width: auto;
	max-width: initial;
	width: 2000px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
}


/* lead */
#sec_lead {
	
}

#sec_lead #box_video {
	margin-top: 80px;
}

#sec_lead #box_video+p {
	margin-top: 80px;
}


/* One Four */

#sec_one_four_expl {
}

#sec_one_four_expl h2 span {
	letter-spacing: 0;
}

#sec_one_four_expl p {
	color: #fff;
}

#sec_one_four_expl>.inner {
	padding-bottom: 0;
}

/* Events Video ====== */

[id^='sec_files_'] {
	
}


[id^='sec_files_'] ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
}

[id^='sec_files_'] li {
	width: calc((100% - 96px) / 4);
	margin-bottom: 54px;
}

body.events [id^='sec_files_'] li,
body.columns [id^='sec_files_'] li {
	margin-right: 40px;
}

body.events [id^='sec_files_'] li,
body.columns [id^='sec_files_'] li,
[id^='sec_files_'] li#list_wp_pc {
	width: calc((100% - 120px) / 3);
	}



[id^='sec_files_'] ul li a {
	display: block;
	width: 100%;
	position: relative;
}


[id^='sec_files_'] ul li:nth-of-type(1),
[id^='sec_files_'] ul li:nth-of-type(4n) {
	margin-left: 0;
}



[id^='sec_files_'] ul li figure {
	border: 1px solid #333;
	width: 100%;
	height: 180px;
	box-sizing: border-box;
	text-align: center;
	background-color: rgba(15,15,15,0.5);
	overflow: hidden;
	position: relative;
}



[id^='sec_files_'] ul li figure img {
	position: relative;
	height: 100%;
	transition: 0.3s;
	transform-origin: center, center;
}

[id^='sec_files_'] ul li a:hover figure img {
	transform: scale(1.1);
}

[id^='sec_files_'] ul li .inner {
	color: #fff;
	padding: 12px 0 0 0;
}

[id^='sec_files_'] ul li .inner>h3 {
	font-size: 1.6rem;
	line-height: 1.7;
	margin-top: 0.8em;
}

[id^='sec_files_'] ul li .inner p {
	font-size: 1.2rem;
	line-height: 2;
	margin-top: 0.6em;
}

[id^='sec_files_'] ul li .inner p.date {
font-family: 'Roboto Slab', serif;
}

[id^='sec_files_'] ul li .inner h4 {
	font-size: 1.5rem;
	line-height: 1.5;
	margin-top: 0.5em;
	border-bottom: 1px solid #666;
	padding-bottom: 0.5em;
}


/*====== .ceremony ======*/

#ev_ceremony {
}


#ev_city_ads .inner_header,
#ev_ceremony .inner_header {
	max-width: 1280px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#ev_ceremony .inner_header>p:first-child {
	font-size: 1.4rem;
	font-family: 'Libre Baskerville', serif;
	display: inline-block;
	color: #020202;
	background-color: #555;
	line-height: 1;
	padding: 0.4em 1.5em 0.3em 1.5em;
}

#ev_city_ads .inner_header h2,
#ev_ceremony .inner_header h2 {
font-weight: 400;
	font-size: 6.4rem;
font-family: 'Noto Serif JP', serif;
font-feature-settings: "palt" 1;
letter-spacing: 0.1em;
border-bottom: 2px solid #333;
padding-bottom: 1em;
margin-top: 0.35em;
}

#ev_city_ads .inner_header h2 {
	font-size: 4.8rem;
padding-bottom: 0.5em;
}

#ev_city_ads .inner_header h2 span[lang='en'] ,
#ev_ceremony .inner_header h2 span[lang='en'] {
	display: block;
	font-family: 'Libre Baskerville', serif;
font-size: 1.8rem;
margin-top: 1em;
letter-spacing: 0.05em;
}

#ev_city_ads .inner_header h2+p,
#ev_ceremony .inner_header h2+p {
	margin-top: 2.4em;
}

#ev_city_ads .inner_header p,
#ev_ceremony .inner_header p {
	font-size: 1.3rem;
	line-height: 2.4;
}
#ev_city_ads div.box_lead,
#ev_ceremony div.box_lead {
	position: relative;
	z-index: 0;
	margin-top: 74px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	z-index: 0;
}

#ev_city_ads div.box_lead {
	padding-bottom: 48px;
}

#ev_city_ads div.box_lead::before,
#ev_ceremony div.box_lead::before {
	content: "";
	display: block;
	position: absolute;
	top: -46px;
	left: 50%;
	margin-left: -11.5px;
	background-color: #555;
	width: 20px;
	height: 20px;
	transform: rotate(-45deg);
}


#ev_city_ads div.box_lead p,
#ev_ceremony div.box_lead p {
	margin-top: 1em;
	font-size: 1.5rem;
	line-height: 2;
	text-align: left;
}


#ev_ceremony>section {
	margin-top: 94px;
}

#ev_city_ads>section>.inner>p,
#ev_ceremony>section>.inner>p {
	text-align: left;
}


#ev_city_ads div.box_lead p a,
#ev_city_ads>section>.inner>p a,
#ev_ceremony>section>.inner>p a {
	color: #555;
	text-decoration: underline;
}


#ev_ceremony>section>.inner figure {
	width: 80%;
	margin: 48px auto 0 auto;
	text-align: center;
}

#ev_ceremony>section>.inner figure a {
	display: block;
	color: #999;
	text-decoration: underline;
}

#ev_ceremony>section>.inner figure figcaption {
	display: block;
	text-align: center;
	margin-top: 1.5em;
	font-size: 1.3rem;
	color: 999;
}

#ev_ceremony>section>.inner figure>img {
	max-height: 800px;
}
#ev_city_ads>section h3,
#ev_ceremony>section h3 {
	padding-top: 0.35em;
	line-height: 1.4;
	padding-bottom: 0.33em;
font-family: 'Noto Serif JP', serif;
font-size: 2.8rem;
}




#ev_ceremony>section h4 {
font-family: 'Noto Serif JP', serif;
	margin-top: 6.3em;
	line-height: 1.4;
	font-size: 2.4rem;
	text-align: center;
	position: relative;
	z-index: 0;
}

#ev_ceremony>section h4::before {
	content: "";
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -150px;
	display: block;
	width: 300px;
	height: 1px;
	background-color: #555;
	opacity: 0.8;
}

#ev_ceremony>section>.inner h4:nth-of-type(1)::before {
	content: none;
}


#ev_ceremony>section h4>span {
	position: relative;
	z-index: 0;
	display: inline-block;
}

#ev_ceremony>section h4>span small {
	margin-left: 0.25em;
	margin-right: 0.25em;
}

#ev_ceremony>section h4:nth-of-type(1) {
	margin-top: 3em;
}

#ev_ceremony>section h4>span::before {
	content: "〈";
	margin-right: 0.5em;
}

#ev_ceremony>section h4>span::after{
	content: "〉";
	margin-left: 0.5em;
}

#ev_ceremony>section p.last_msg {
	text-align: center;
	margin-top: 3em;
	font-size: 5.4em;
font-family: 'Noto Serif JP', serif;
font-feature-settings: "palt" 1;
}



#ev_ceremony>section div.voice {
	border: 1px solid #555;
	margin-top: 32px;
	border-radius: 18px;
	padding: 48px;
	padding-bottom: 54px;
	padding-top: 32px;
}

#ev_ceremony>section div.voice>p {
	font-size: 1.6rem;
	line-height: 2.4;
	margin-top: 2.5em;
}

#ev_ceremony>section div.voice h5+p {
	margin-top: 1.7em;
}

#ev_ceremony>section div.voice h5 {
	font-size: 4.8rem;
		font-family: 'Libre Baskerville', serif;
font-weight: 400;
font-style: italic;
text-align: right;
margin-top: 0.3em;
}

#ev_ceremony>section div.voice h5 small {
	font-size: 0.6em;
	margin-right: -0.2em;
}


#ev_ceremony div#box_video {
	text-align: center;
	margin-top: 64px;
}


#ev_city_ads .inner>figure {
	width: 75%;
	margin: 48px auto 0 auto;
	text-align: center;
}


#ev_city_ads .inner video {
	display: block;
	margin: 54px auto 0 auto;
}


#ev_ceremony p.img.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
}

#ev_ceremony .inner_header p.img {
	width: 40%;
}

#ev_ceremony div.msg_sensei {
	margin-top: 48px;
	border: 1px solid #444;
	border-radius: 18px;
	padding: 18px 36px 54px 36px;
}

#ev_ceremony div.msg_sensei hr {
	margin-top:4em;
	height: 0;
	background-color: transparent;
	border: none;
	border-bottom: 1px dotted #aaa;
}

#ev_ceremony div.msg_sensei>p {
	font-size: 1.6rem;
	line-height: 2.2;
	margin-top: 2em;
}


/* Column ====== */

#sec_files_special {
	
}

#sec_files_latest>.inner ul,
#list_archives_newly {
	justify-content: space-between;
}
#sec_files_latest>.inner ul li,
#list_archives_newly li {
	width: calc((100% - 50px) / 2);
	margin: 0;
	margin-bottom: 40px;
}

#sec_files_latest>.inner ul li h3,
#list_archives_newly li h3 {
	font-size: 2.4rem;
	line-height: 1.4;
}



[id^='sec_files_special'] ul li .inner p.comment {
	font-size: 1.5rem;
	line-height: 2;
	margin-top: 1.5em;
}

#sec_files_latest>.inner ul li figure,
#list_archives_newly li figure {
	height: 280px;
}


#sec_files_past {
	
}

#list_archives_past {
	display: flex;
}



body.columns #list_archives_past li:nth-of-type(3n) {
	margin-right: 0;
}


/* sttl */
body.columns main section>.inner>h3 {/* beta */
	text-align: center;
	margin-top: 2em;
	font-size: 1.8rem;
	color: #fff;
	padding: 0;
	background-color: transparent !important;
}

/* interview  */

body#kengo.intv main {
	margin-top: 32px;
}

#box_intv_kv {
	width: 100%;
	height: auto;
	background-color: #333;
	margin-top: 32px;
}



#sec_sp_intv h3{
font-family: 'Noto Serif JP', serif;
	font-size: 4.8rem;
	line-height: 1.4;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	position: relative;
	z-index: 0;
	padding-bottom: 36px;
	margin-top: 0;
	letter-spacing: 0.2em;
	background-color: transparent;
}

#sec_sp_intv h3 small {
	display: block;
	font-size: 0.4em;
	letter-spacing: 0;
}

#sec_sp_intv h3::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 150px;
	height: 4px;
	background-color: #555;
	left: 50%;
	margin-left: -75px;
}


#sec_sp_intv h3+p.editor {
	font-size: 1.2rem;
	margin-bottom: 3em;
}


#sec_sp_intv .box_lead>p {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 1em;
}

#box_main_contents {
	
}

#box_main_contents p {
	font-size: 1.6rem;
	line-height: 2.2;
	margin-top: 2em;
}

#box_main_contents div.intv {
	margin-top: 48px;
	position: relative;
	margin-bottom: 32px;
	background-color: #020202;
}

#box_main_contents div.intv>p {
	margin-top: 0.5em;
	position: relative;
}

#box_main_contents div.intv>p:first-of-type::before {
	content: "──";
	margin-right: 0.5em;
}

#box_main_contents h4 {
	margin-top: 3em;
	font-size: 3.2rem;
	border-bottom: 1px solid #555;
	padding-bottom: 0.3em;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
}

#box_main_contents h4+p {
	margin-top: 2em;
}

div#box_profile {
	margin-top: 64px;
	width: 100%;
	box-sizing: border-box;
	border: 4px solid #333;
	padding: 24px;
	
	display: flex;
justify-content: flex-start;
}

div#box_profile>.inner {
	padding-top: 8px;
	padding-bottom: 8px;
	width: 75%;
}

div#box_profile h5 {
width: 20%;
text-align: right;
font-family: 'Roboto Slab', serif;
line-height: 1.2;
font-size: 2.4rem;
padding-right: 20px;
padding-top: 0.2em;
padding-bottom: 0.2em;
border-right: 2px solid #333;
margin-right: 20px;
}

div#box_profile p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-top: 1em;
}

div#box_profile h6 {
	font-size: 1.8rem;
}

div#box_profile h6>span.en {
	margin-left: 1em;
	font-size: 0.75em;
}

#box_main_contents p.date {
	text-align: right;
	margin-top: 4em;
	font-size: 1.2rem;
}

#box_main_contents p.photo_innr {
	margin-top: 54px;
	text-align: center;
}

#box_main_contents p.photo_innr small {
	display: block;
	padding: 1em 0 0 0;
	font-size: 1.2rem;
}

#box_main_contents p.photo_innr img{
	width: 75%;
}


body.intv #box_video {
	width: 770px;
	margin-top: 64px;
	margin: 64px auto 0 auto;
}

/* pickup */

#sec_last_issue {
	
}

#sec_last_issue figure {
	width: 100%;
	height: 360px;
	background-color: #010101;
	box-sizing: border-box;
	border: 1px solid #444;
	margin-top: 24px;
	overflow: hidden;
	border-radius: 8px;
	position: relative;
	z-index: 0;
}

#sec_last_issue figure>img {
	height: 360px;
	position: absolute;
	top: 0;
	left: 50%;
	width: auto;
	max-width: initial;
	max-width: none;
	margin-left: -62%;
}

#sec_last_issue p.date{
	font-size: 1.2rem;
	margin-top: 24px;
}

#sec_last_issue h3 {
	font-size: 3.6rem;
	margin-top: 0.6em;
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.1em;
font-weight: 400;
}

#sec_last_issue p.author {
	font-size: 1.2rem;
	margin-top: 0.7em;
}

#sec_last_issue p.comment {
	text-align: left;
}

#sec_last_issue a {
	display: block;
	transition: 0.3s;
}


/* Downloads ====== */

body.downloads [id^='sec_files_'] ul {
}

/* スマホ用 */
body.downloads [id^='sec_files_'] ul li,
body.downloads [id^='sec_files_'] ul#list_sns_icons li,
body.downloads [id^='sec_files_'] ul#list_sns_line li {
	width: calc((100% - 96px) / 4);
	margin: 0;
	margin-bottom: 54px;
	margin-right: 32px;
}

body.downloads [id^='sec_files_'] ul#list_sns_bnrs li {
	width: calc((100% - 50px) / 2);
}

body.downloads [id^='sec_files_'] ul#list_wp_pc li {
	width: calc((100% - 65px) / 3);
}

body.downloads [id^='sec_files_'] ul#list_sns_bnrs li,
body.downloads [id^='sec_files_'] ul#list_sns_bnrs li:nth-of-type(3) {
	margin-right: 50px;
}

body.downloads [id^='sec_files_'] ul li:nth-of-type(4n),
body.downloads [id^='sec_files_'] ul#list_wp_pc li:nth-of-type(3n),
body.downloads [id^='sec_files_'] ul#list_sns_icons li:nth-of-type(4n),
body.downloads [id^='sec_files_'] ul#list_sns_bnrs li:nth-of-type(2n) {
	margin-right: 0;
}

body.downloads [id^='sec_files_'] ul#list_wp_pc li:nth-of-type(4){
	margin-right: 32px;
}





body.downloads [id^='sec_files_'] ul li figure {
	width: 100%;
	height: 260px;
	width: auto;
}

body.downloads [id^='sec_files_'] ul#list_sns_icons li figure {
	height: 180px;
	width: 180px;
}

body.downloads [id^='sec_files_'] ul#list_sns_bnrs li figure {
	
}

body.downloads [id^='sec_files_'] ul#list_wp_pc li figure {
	height: 201px;
}

body.downloads [id^='sec_files_'] ul#list_sns_bnrs li figure {
	height: 163px;
}


#nav_anchor {
	width: 100%;
	padding: 0 0 64px 0;
	min-width: 1024px;
	
}

body.goods #nav_anchor {
	text-align: center;
}

body.goods #nav_anchor .inner {
	display: inline-block;
}

#nav_anchor ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1020px;
	margin: 0 auto;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
}

body.goods #nav_anchor ul {
	max-width: initial;
	max-width: auto;
	width: auto;
}

#nav_anchor ul a {
	display: block;
	padding: 1em 2.5em 0.8em 2.5em;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	transition: 0.3s;
	
}

#nav_anchor ul a:hover {
	color: #020202;
}

/*#nav_anchor ul li:last-child a,
#nav_anchor ul li:nth-of-type(9) a {
	border-right: 1px solid #333;
} */

#nav_anchor ul li {
	font-weight: bold;
	font-weight: 600;
	font-size: 1.4rem;
	line-height: 1.1;
	box-sizing: border-box;
	text-align: center;
}


body.downloads #nav_anchor ul li {
	width: calc(100% / 3);
}


body.history #nav_anchor ul li {
	width: calc(100% / 9);
}

body.goods #nav_anchor ul li {
	/*width: calc(100% / 7);*/
	width: auto;
}


/*===== Goods ===== */


#sec_files_goods div.banner p {
	margin-top: 0;
}

#sec_files_goods div.inner.banner {
	padding-bottom: 32px;
}

#sec_files_goods div.banner p a {
	display: block;
}


#sec_files_goods ul li {
	width: calc((100% - 96px) / 4);
}

#sec_files_goods ul li {
	margin-right: 32px;
}

#sec_files_goods ul li:nth-of-type(4n) {
	margin-right: 0;
}

#sec_files_goods ul li figure {
	padding: 16px;
	background-color: #fff;
	border-radius: 6px;
}

#sec_files_goods ul li figure img {
	height: auto;
	width: auto;
	max-width: 90%;
	max-height: 90%;
	
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}



/*===== History ===== */


/*body.history #nav_anchor li:not(.s2003):not(.s2004):not(.s2005):not(.s2006):not(.s2007):not(.s2008):not(.s2009):not(.s2010):not(.s2011):not(.s2012):not(.s2013):not(.s2014):not(.s2015):not(.s2016)   {
	pointer-events: none;
	opacity: 0.3;
}

body.history #nav_anchor ul {
}*/

/*body.history #nav_anchor li:not(.s2003):not(.s2004):not(.s2005):not(.s2006):not(.s2007):not(.s2008):not(.s2009):not(.s2010):not(.s2011):not(.s2012):not(.s2013):not(.s2014):not(.s2015):not(.s2016) a {
	color: #999;
}*/


[id^='sec_season_']>.inner>p {
	text-align: left;
}



.box_record,
.box_images {
	width: 100%;
	margin-top: 64px;
	text-align: center;
	clear: both;
}


.box_record>.inner {
	display: flex;
	justify-content: space-between;
}

.box_record>h3,
.box_images>h3{
	font-size: 1.8rem;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
display: inline-block;
background-color: #020202;
padding: 0.4em 0.6em 0.4em 0.6em;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
line-height: 1.5;

margin-bottom: 28px;

}


/* table -half */
.box_record table {
	width: calc((100% - 40px) / 2);
	background-color: rgba(0,0 ,0 , 0.4);
}


.box_record table,
.box_record table td,
.box_record table th {
	border: 1px solid #aaa;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.7;
}



.box_record table td,
.box_record table th {
	padding: 0.8em 1em 0.6em 1em;
}

.box_record table.grades tr:nth-of-type(2) th {
	width: 50%;
}


/* table total */


table.tbl_all_data,
table.tbl_all_data th,
table.tbl_all_data td {
	box-sizing: border-box;
	border: 1px solid #aaa;
font-family: 'Noto Serif JP', serif;
}


table.tbl_all_data {
	width: 100%;
	background-color: rgba(0,0 ,0 , 0.4);
}

table.tbl_all_data th,
table.tbl_all_data td {
	line-height: 1.4;
	text-align: center;
	padding: 1em 1em 0.9em 1em;
	font-weight: 600;
}

table.tbl_all_data thead th {
	font-size: 1.6rem;
}

table.tbl_all_data tbody th {
	font-size: 2rem;
}

table.tbl_all_data tbody td {
	font-size: 2.2rem;
	padding-top: 0.6em;
}

table.tbl_all_data tbody td strong {
font-family: 'Noto Serif JP', serif;
	font-size: 4.6rem;
	margin-right: 0.1em;
	position: relative;
	font-weight: 400;
	top: 0.05em;
}






/**/
[id^='sec_season_'] h2 {
	margin-bottom: 40px;
}

[id^='sec_season_']>.inner>p:nth-of-type(1) {
	margin-top: 0;
}


[id^='sec_season_'] figure.bustup {
	width: 160px;
	height: auto;
	float: left;
	margin-right: 32px;
	margin-bottom: 24px;
}


.box_images ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.box_images ul li {
	width: calc((100% - 32px *2) / 3);
	margin-right: 32px;
	margin-bottom: 32px;
}

.box_images ul li a {
	display: block;
}

.box_images ul li:nth-of-type(3n) {
	margin-right: 0;
}

.box_images ul figure {
	display: block;
	border: 1px solid #555;
	overflow: hidden;
}

body.history .box_images ul figure {
	min-height: 224px;
	display: flex;
	align-items: center;
	justify-content: center;
}





.box_images ul img {
	height: auto;
	max-height: 220px;
width: auto;
max-width: 100%;
}

.box_images ul small {
	color: #fff;
	display: block;
	line-height: 1.3;
	text-align: left;
	padding-top: 1em;
	font-size: 1.2rem;
}









/*===== Messages =====*/

body.messages {
	
}


#layer_msg_one {
	position: fixed;
	padding-bottom: 64px;
	z-index: 200;
	width: 84vw;
	z-index: 1500;
	top: 50%;
	left: 50%;
	height: 75vh;
	transform: translate(-50%, -54%);
	background-color: rgba(0,0,0,0.8);
	box-sizing: border-box;
	border: 1px solid rgba(255,255 ,255 , 0.3);
	display: none;
}

#layer_msg_one p.typo {
position: absolute;
z-index: 100;
top: -1.3em;
left: 0;
margin-left: 1vw;
font-size: 1.8rem;
font-family: 'Roboto Slab', serif;
font-weight: 400;
}

#layer_msg_one p.typo strong {
	font-size: 1.5em;
}


#layer_msg_one .inner {
	position: relative;
	z-index: 0;
	width: 100%;
	height: calc(75vh - 64px);
	overflow: auto;
	
	-ms-overflow-style: none;  /* IE */
  scrollbar-width: none;
}

#layer_msg_one .inner::-webkit-scrollbar {
	display: none;
}

.box_name_prof {
	position: absolute;
	background-color: #888;
	width: 590px;
	top: 75vh;
	margin-top: -36px;
	right: -40px;
	z-index: 150;
	color: #010101;
	display: flex;
	box-sizing: border-box;

}

body.messages.all .box_name_prof {
	position: relative;
	width: 550px;
	right: auto;
	display: block;
	order: 1;
	top: auto;
	
	margin-top: 72px;
}

body.messages.all .box_name_prof ul {
	width: 100%;
	box-sizing: border-box;
}

body.messages.all div[id^="wrap_msg_"] {
	position: relative;
	margin-top: 100px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

body.messages.all div[id^="wrap_msg_"]>.inner {
	order: 0;
}


body.messages.all section>.inner div[id^="wrap_msg_"]:first-of-type{
	margin-top: 50px;
}

body.messages.all .box_name_prof>p.btn_close {
	display: none;
}


.box_name_prof ul {
	width: calc(100% - 100px);
	padding: 12px;
	padding-left: 18px;
	display: inline-block;
	padding-bottom: 18px;
}




#layer_msg_one .box_name_prof p {
	width: 100px;
	position: relative;
	z-index: 0;
}

#layer_msg_one .box_name_prof p>a {
	display: block;
	position: relative;
	width: 100px;
	height: 100%;
	z-index: 0;
	text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

#layer_msg_one .box_name_prof p>a::after {
	content: "";
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	margin-top: -19px;
		background-image: url(/one_four_kengo/assets/img/icon_cross.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: -141px 0;
	
	transform: rotate(-45deg) scale(0.7,0.7);
}

#layer_msg_one .box_name_prof p>a::before {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 15px;
	width: 1px;
	height: 110%;
	background-color: rgba(0,0,0,0.5);
}



.box_name_prof li {
	display: inline-block;
	margin-bottom: 3px;
font-family: 'Noto Serif JP', serif;
position: relative;
line-height: 1.5;
}

.box_name_prof li.name {
	font-size: 3rem;
	letter-spacing: 0.1em;
	margin-right: -0.2em;
	font-weight: 600;
}

.box_name_prof li.name_kana::before {
	content: "［";
}

.box_name_prof li.name_kana::after{
	content: "］";
}

.box_name_prof li.name {
}

.box_name_prof li.name_kana,
.box_name_prof li.name_en {
	font-size: 1.4rem;
	font-weight: 600;
}



.box_name_prof li.name_en+li.prof_current::before,
.box_name_prof li.prof_past::before {
	content: "\A" ;
	white-space: pre;
}

.box_name_prof li.prof_past,
.box_name_prof li.prof_current{
	font-size: 1.2rem;
	font-weight: 400;
	display: inline;
	line-height: 1.8;
	margin-bottom: 0;
}



#box_msg {
	position: relative;
	z-index: 0;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 42px;
	padding-top: 32px;
}

body.messages.all  #box_msg {
	width: 85%;
	padding-top: 0;
	padding-bottom: 0;
	
}


#box_msg p.img>img {
	width: 85%;
}

#box_msg p {
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.4;
	margin-top: 2.2em;
}


#box_msg p:nth-of-type(1) {
	margin-top: 0;
}


#box_msg p:nth-of-type(1):first-letter {
	float: left;
	position: relative;
line-height: 1;
font-size: 3.6em;
padding-right: 0.1em;
font-family: 'Noto Serif JP', serif;
font-weight: 600;

}




#overlay.msg {
	display: none;
}

body.messages article {
	width: 90vw;
	margin: 0 auto;
}

body.messages div .inner_header {
	text-align: center;
	max-width: 1024px;
	margin: 0 auto;
	padding-top: 36px;
	padding-bottom: 32px;
	border-bottom: 1px solid #333;
}

body.messages div .inner_header h3 {
	font-family: 'Noto Serif JP', serif;
	font-size: 3.6rem;
	line-height: 1.4;
	letter-spacing: 0.3em;
	font-feature-settings: "palt" 1;
}

body.messages div .inner_header p {
	font-size: 1.5rem;
	line-height: 2;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-top: 1.5em;
}

body.messages div .inner_header h3+p {
		margin-top: 1.5em;
}


#box_selector {
	max-width: 1024px;
	box-sizing: border-box;
	margin: 36px auto 0 auto;
	text-align: center;
}


#box_selector>p.notice {
	font-size: 1.6rem;
	line-height: 1.6;
}


#box_selector ul {
	display: flex;
	justify-content: center;
	font-size: 1.6rem;
	flex-wrap: wrap;
	margin-top: 12px;
}

#box_selector ul li {
	line-height: 1;
	text-align: center;
	border: 1px solid #777;
	border-radius: 5px;
	margin: 10px;
	cursor: pointer;
	box-sizing: border-box;
	
}

#box_selector ul li span,
#box_selector ul li a {
	display: block;
	padding: 0.9em 1.5em 0.75em 1.5em;
	color: #fff;
}

#box_selector ul li:hover {
	background-color: #222;
}


#box_selector ul li.current {
	background-color: #fff;
	color: #222;
	pointer-events: none;
	cursor: default;
}

#box_selector ul li.current span,
#box_selector ul li.current a {
	color: #222;
}

/*list*/
#box_names {
	width: 100%;
	height: auto;
	max-width: 95vw;
	margin: 0 auto;
	text-align: center;
}




#box_names ul {
	color: #fff;
	margin-top: 24px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-bottom: 120px;
}

#box_names ul li {
		font-family: 'Noto Serif JP', serif;
	font-size: 3.6rem;
	line-height: 1;
	font-feature-settings: "palt" 1;
	margin: 1em;
	position: relative;
	cursor: pointer;
	transform-origin: center center;
	transition: 0.4s;
	position: relative;
	z-index: 20;
	transform-origin:center center;
}

#box_names ul li:hover {
	transform: scale(1.2, 1.2);
}






body.messages h4 {
	text-align: center;
	font-size: 2.8rem;
font-family: 'Noto Serif JP', serif;
position: relative;
background-color: #555;
padding: 0.8em 1em 0.8em 1em;
color: #020202 !important;
position: relative;
z-index: 0;
overflow: hidden;
line-height: 1.3;
}

body.messages h4::after {
	content: " ";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	right: -70px;
	width: 80px;
	background-color: #020202;
}

body.events article#ev_city_ads section,
body.messages section {
	margin-top: 64px;
}

body.events article#ev_city_ads section>.inner,
body.messages section>.inner {
	padding-top: 0;
}
body.events article#ev_city_ads section>.inner::before,
body.messages section>.inner::before {
	content: none !important;
}


/*===== /Messages =====*/


/*===== Responsive(PC) =====*/

/*===== max-width 768-1024px(Tablet) =====*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/*mq-start*/
	
/*page ttl*/
	
#box_page_ttl .img_ttl {
	margin-right: -94px;
	margin-left: -1%;
}

#box_page_ttl h2 {
	padding-right: 0;
}

/* common */

section>.inner,
#box_thanks_kengo>.inner {
	box-sizing: border-box;
	padding-left: 28px;
	padding-right: 28px;
}


/* info */


	
	/*mq-end*/
}

/*===== Responsive(Phone) =====*/

/*===== max-width 768px(sp) =====*/
@media screen and (max-width: 768px) {
	/*mq-start*/

.pc {
	display: none;
}


.sp {
	display: block;
}

div.wrapper_scroll {
	overflow: auto;
	width: 100%;
}


/* common */

section>.inner,
#box_thanks_kengo>.inner {
	width: 88vw;
	margin-left: auto;
	margin-right: auto;
	padding-top: 36px;
	padding-bottom: 54px;
}


header {
	width: 100%;
	padding-bottom: 50px;
	height: 70px;
	background: linear-gradient(to left, #b49d57 0%, #d7bc69 100%);
}



header>.inner {
	margin: 0;
	min-width: 100%;
	display: block;
}

#site_id {
	line-height: 1.5;
	font-size: 1.4rem;
	padding: 0.8em 0 0.8em 0;
	width: 100vw;
	margin-left: -10vw;
}


#site_id span {
	margin-left: 0px;
	margin-right: -3vw;
	width: 48px;
	height: auto;
	margin-top: 3px;
}


p.photoby {
	text-align: center;
	font-size: 1rem;
	margin-top: 0;
	margin-right: 0;
	padding: 1em;
	padding-bottom: 0.7em;
}


#site_logo_ofk {
	top: 65px;
	left: 4vw;
	z-index: 20;
	width: 180px;
}

/* text */

section>.inner>p,
footer .box_one_four_expl>p {
	font-size: 1.4rem;
	line-height: 2;
}

/* page_ttl */

#box_page_ttl {
	min-width: 100%;
	height: auto;
	margin-top: 0px;
	padding-bottom: 8px;
}

#box_page_ttl>.inner {
	width: 100%;
	position: static;
	left: 0;
	margin-left: 0;
	
	height: 220px;
	display: block;
	left: 0;
	top: 0;
	z-index: 0;
}


#box_page_ttl .img_ttl {
	height: 140px;
	width: 100%;
	background-color: #555;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-left: 0;
	margin-right: 0;
}

#box_page_ttl .img_ttl img {
	height: 140px;
}

#box_page_ttl .img_ttl::before {
	content: none;
}



#box_page_ttl h2 {
	padding:0;
	font-size: 1.6rem;
text-align: center;
padding: 0.8em 0 0 0;
}

#box_page_ttl h2 span[lang="en"] {
	font-size: 2.4rem;
	margin-bottom: 7px;
}


/* global nav */
nav {
	margin-top: 50px;
	width: 100vw;
	height: 40px;
	overflow: auto;
	position: relative;
	z-index: 50;
-webkit-overflow-scrolling: auto;
}

nav ul {
	width: 180vw;
	height: 36px;
	justify-content: flex-start;
}

nav::after {
	content: none;
}





/* breadcrumbs */

#breadcrumbs {
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling:scroll;
	text-align: left;
}

#breadcrumbs ol {
	width: 150vw;
	flex-wrap: nowrap;
	justify-content: flex-start;
	padding-left: 5vw;
}



/* footer */

footer {
	width: 100%;
}


footer>.inner {
	width: 84vw;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

footer>.inner p.img_hashtag {
	width: 80vw;
	margin: 0 auto;
	margin-top: 48px;
}

footer>.inner p.emblem img {
	height: 120px;
}

footer>.inner p.emblem::after {
	box-shadow: 0px 0 160px #9c884c;
}

footer>.inner p:nth-of-type(3) {
	font-size: 2.4rem;
	margin-top: 24px;
}

footer>.inner p:nth-of-type(3) small {
	font-size: 1.2rem;
}

footer>.inner p.copy {
	font-size: 1rem;
	margin-top: 2em;
	line-height: 1.6;
}

footer>.inner p.img_hashtag,
footer>.inner p.img_hashtag.view{
	opacity: 1;
	top: 0;
}



/* common ===== */

/* titles */

section h2,
footer h2 {
	text-align: center;
	line-height: 1.7;
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.1em;
font-feature-settings: "palt";
font-size: 1.8rem;
}

section h2 br {
	display: none;
}

section h2 span[lang='en'] {
	font-size: 2.4rem;
	line-height: 1.3;
}



/* home ===== */

#kv_sp {
	margin-top: -17vw;
}


/* ==== top banner ==== */

#box_top_banner {
	margin-top: 36px;
}

#box_top_banner p {
	width: 90vw;
	/*border: 4px solid #333;*/
}

#box_top_banner p img {
	/*border: 2px solid #020202;*/
}


#box_top_banner p.wide {
	width: 90vw;
	border-width: 4px;
}



/* info */

#sec_updated dl {
	margin-top: 20px;
	padding: 8px 5vw 12px 5vw;
	
	display: block;
}

#sec_updated dt {
	text-align: center;
	width: 100%;
padding-right: 0;
margin-bottom: 0.5em;
}

#sec_updated dd {
width: 100%;
font-size: 1.4rem;
margin-top: 0.3em;
}



#box_thanks_kengo>.inner {
	padding-bottom: 30vw;
}

#box_thanks_kengo p.photo {
	text-align: center;
	width: 80vw;
	margin-top: 15vw;
}


#box_thanks_kengo p.photo span {
	width: 70vw;
	margin-left: -35vw;
	margin-top: -10vw;
}


#bg_thanks_kengo_todoroki {
	height: 90vw;
	margin-top: -380px;
}


/* video */


#sec_lead #box_video_sp {
	margin-top: 40px;
}

/* download ===== */

/* スマホ用 */
body.downloads [id^='sec_files_'] ul li,
body.downloads [id^='sec_files_'] ul#list_sns_icons li,
body.downloads [id^='sec_files_'] ul#list_sns_line li {
	width: calc((100% - 9vw) / 2);
	margin-right: 8vw !important;
}



body.downloads [id^='sec_files_'] ul li:nth-of-type(2n) {
	margin-right: 0 !important;
}

body.downloads [id^='sec_files_'] ul#list_wp_pc li {
	width: 100%;
	margin-right: 0 !important;
}

body.downloads [id^='sec_files_'] ul#list_sns_icons li {
	width: calc((100% - 10vw) / 2);
	margin-right: 8vw;
}

body.downloads [id^='sec_files_'] ul#list_sns_icons li:nth-of-type(2n) {
	margin-right: 0vw !important;
}

body.downloads [id^='sec_files_'] ul#list_sns_icons li figure {
	height: 40vw;
	width: 40vw;
}

body.downloads [id^='sec_files_'] ul#list_sns_bnrs li {
	width: 100%;
	margin-right: 0 !important;
}

body.downloads [id^='sec_files_'] ul#list_sns_bnrs li figure {
	height: 108px;
}


body.downloads #sec_files_graphics ul li {
	width: 100%;
	margin-right: 0 !important;
}



/**/

#nav_anchor {
	width: 100%;
	padding: 0 0 24px 0;
	min-width: auto;
	min-width: initial;
}

#nav_anchor ul {
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-top: 1px solid #333;
}

#nav_anchor ul li {
	text-align: center;
}

body.downloads #nav_anchor ul li {
	width: 100%;
}

body.goods #nav_anchor ul {
	display: flex;
}

body.goods #nav_anchor ul li {
	width: 50%;
	font-size: 3.75vw;
	/* 12px */
}

#sec_lead>.inner p:last-child br {
	display: none;
}

/* events / column ===== */

body.events [id^='sec_files_'] ul,
body.columns [id^='sec_files_'] ul{
	display: block;
	margin-top: 0;
}

body.events [id^='sec_files_'] ul li,
body.columns [id^='sec_files_'] ul li{
	width: 100%;
	margin: 0;
	margin-top: 48px;
}

/*コラム用*/

#sec_last_issue figure {
	height: calc(100vw * 0.4);
}

#sec_last_issue figure>img {
	height: 100%;
	width: auto;
	margin-left: -68vw;
}


#sec_files_latest>.inner ul li figure,
#list_archives_newly li figure {
	height: 200px;
	margin-top: 24px;
}

#sec_files_latest>.inner ul li,
#list_archives_newly li {
	width: 100%;
	margin: 0;
}

#sec_files_latest>.inner ul li {
	margin-top: 64px;
}

#sec_files_latest>.inner ul li:nth-of-type(1) {
	margin-top: 12px;
}

/* city AD */




/* ======= history ======= */

body.history #nav_anchor ul {
	display: flex;
}

body.history #nav_anchor ul li {
	width: calc(100% / 3);
}


[id^='sec_season_'] figure.bustup {
	width: 120px;
	float: left;
	margin-right: 24px;
}

.box_record>.inner {
	display: block;
	
}

.box_record table {
	width: 100%;
	margin-bottom: 24px;
}

.box_images ul li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 32px;
}

.box_images ul li small {
	text-align: center;
}


/* table total */


table.tbl_all_data tbody th {
	font-size: 1.4rem;
}

table.tbl_all_data tbody td {
	font-size: 1.4rem;
}

table.tbl_all_data tbody td strong {
	font-size: 2.4rem;
	margin-right: 0;
	display: block;
}



/* coliumn */

#sec_sp_intv h3{
	font-size: 3.4rem;
	line-height: 1.2;
}


#sec_sp_intv h3 small {
	padding-bottom: 0.5em;
	font-weight: 500;
}


#box_main_contents p.photo_innr img{
	width: 100%;
}

#box_main_contents h4 {
	margin-top: 2em;
	font-size: 2.4rem;

}



#box_main_contents div.intv {
	margin-top: 28px;
	margin-bottom: 20px;
}
	
div#box_profile {
	padding: 6vw;
	
	display: block;
}

div#box_profile>.inner {
	padding-top: 20px;
	padding-bottom: 0;
	width: 100%;
	border-top: 1px solid #333;
}

div#box_profile h5 {
	width: 100%;
	text-align: left;
	border-right: none;
	padding-bottom: 0.8em;
}

body.intv #box_video_sp {
	width: 310px;
	padding-top: 28px;
	
}


/*===== Goods ===== */

#sec_files_goods ul li {
	width: 100%;
	margin-right: 0;
}


/*===== Messages ===== */

body.messages div .inner_header h3 {
	font-size: 2.8rem;
}

body.messages div .inner_header p:first-of-type {
	text-align: left;
	font-size: 1.4rem;
}

body.messages div .inner_header p br {
	display: none;
}

#box_selector>p.notice {
	font-size: 1.2rem;
}


#box_selector ul {
	justify-content: space-between;
	font-size: 1.2rem;
}

#box_selector ul li {
	width: calc((100% - 5vw) / 2);
	margin: 12px 0 0 0;
	line-height: 1.5;
}

#box_selector ul li span,
#box_selector ul li a {
	height: 100%;
	box-sizing: border-box;

}


#box_names ul li {
	font-size: 2.8rem;
	margin: 1em;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}


#layer_msg_one {
	width: 90vw;
	height: 65vh;
	transform: translate(-50%, -60%);
}

.box_name_prof {
	width: 90vw;
	right: 0;
	display: block;
	margin-top: -90px;
}

.box_name_prof ul {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 24px;
}



.box_name_prof li {
line-height: 1.1;
}

.box_name_prof li.name {
	font-size: 2rem;
}

.box_name_prof li.name_kana,
.box_name_prof li.name_en {
	font-size: 1.1rem;
	font-weight: 600;
}

#layer_msg_one .inner {
	height: calc(65vh - 64px);
}


#layer_msg_one .box_name_prof p {
	width: 40px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	bottom:-24px ;
	right: 18px;
	z-index: 20;
	overflow: hidden;
	
	background-color: #020202;
}

#layer_msg_one .box_name_prof p>a::before {
	content: none;
	
}

#layer_msg_one .box_name_prof p>a::after {
	top: 0;
	left: 0;
	margin: 0;
	background-position: -93px 0;
}


#box_msg p.img>img {
	width: 100%;
	height: auto;
}

/* message all */

body.messages h4 {
	font-size: 1.8rem;
}

body.messages.all section>.inner div[id^="wrap_msg_"]:first-of-type{
	margin-top: 0px;
}

body.messages.all  #box_msg {
	width: 95%;

}


body.messages.all div[id^="wrap_msg_"] {
	margin-top: 25px;
}


.box_name_prof li.name_en::before {
	content: "\A" ;
	white-space: pre;
}


/* ceremony */

#ev_city_ads .inner_header,
#ev_ceremony .inner_header,
#ev_city_ads div.box_lead,
#ev_ceremony div.box_lead{
	width: 90vw;
}

#ev_city_ads .inner_header h2,
#ev_ceremony .inner_header h2 {
	font-size: 3.2rem;
	line-height: 1.4;
}

#ev_city_ads .inner_header h2 span[lang='en'] ,
#ev_ceremony .inner_header h2 span[lang='en'] {
font-size: 1.3rem;
}

#ev_ceremony .inner_header p.img {
	width: 75%;
}

#ev_city_ads>section h3,
#ev_ceremony>section h3 {
font-size: 2.4rem;
}


#ev_ceremony>section h4 {
	margin-top: 4.3em;
	font-size: 1.8rem;
}

#ev_ceremony>section h4::before {
	top: -40px;
	width: 50vw;
	margin-left: -25vw;
}



#ev_ceremony>section>.inner figure {
	width: 100%;
	margin-top: 6vw;
}

#ev_ceremony>section {
	margin-top: 40px;
}


#ev_ceremony div.msg_sensei {
	margin-top: 32px;
	border-radius: 12px;
	padding: 12px 20px 24px 20px;
}

#ev_ceremony>section div.voice {
	margin-top: 32px;
	border-radius: 12px;
	padding: 12px 20px 24px 20px;
}


#ev_ceremony>section div.voice h5 {
	font-size: 4rem;
}

#ev_ceremony #box_top_banner {
	margin-top: 32px;
}

#ev_ceremony #box_top_banner p {
	width: 100%;

}


#ev_ceremony>section p.last_msg {
	margin-top: 2em;
	font-size: 4em;
	line-height: 1.5;
	
}

/* city AD */

#ev_city_ads .inner>figure {
	width: 100%;
	margin: 48px auto 0 auto;
	text-align: center;
}

body.events article#ev_city_ads section,
#ev_city_ads>section h3 {
	margin-top: 0;
}



/*mq-end*/
}


/*===== max-width 320px(sp-small) =====*/
@media screen and (max-width: 320px) {
	/*mq-start*/
	
	
	
	/*mq-end*/
}






/*===== common color =====*/

/* Gold text */

#ev_city_ads .inner_header h2,
#ev_ceremony>section div.voice h5,
table.tbl_all_data th,
table.tbl_all_data td,
#ev_ceremony>section p.last_msg,
#ev_ceremony .inner_header h2,
body.messages h4,
#box_msg p:nth-of-type(1):first-letter,
#layer_msg_one p.typo,
#box_names ul li,
body.messages div .inner_header h3,
body.messages div .inner_header p,
#sec_sp_intv h3,
div#box_profile h5,
#box_main_contents h4,
section h2,
footer h2,
footer p,
nav ul a,
#sec_updated dt,
#box_share p,
#box_page_ttl h2,
#breadcrumbs ol li:first-child a,
#nav_anchor ul a,
.box_record>h3,
.box_images>h3,
div#box_profile h6,
#breadcrumbs ol li a{
	color: #9c884c;
}



/* Gold Bgcolor */
#ev_city_ads div.box_lead::before,
#ev_ceremony div.box_lead::before,
#ev_ceremony .inner_header>p:first-child,
#ev_ceremony>section h4::before,
body.messages .box_name_prof,
body.messages h4,
body.message .box_name_prof,
[class^='btn_a_'] a:hover,
#box_share li a,
footer>.inner p.emblem::after,
section>.inner::before,
footer>.inner::before,
#box_page_ttl::after,
main section>.inner>h3,
#nav_anchor ul a:hover,
#sec_sp_intv h3::after{
		background-color: #9c884c;
}

table.tbl_all_data tbody tr:nth-of-type(odd) {
		background-color: #1a1917;
}




/* Gold Border color */


#ev_ceremony .inner_header h2,
body.messages div .inner_header,
div#box_profile h5,
#box_main_contents h4,
[class^='btn_a_'] a:hover,
.border,
.box_record table,
.box_record table td,
.box_record table th,
div#box_profile,
div#box_profile>.inner {
border-color: #9c884c;	
}

#sec_last_issue figure,
#box_top_banner p.wide,
table.tbl_all_data,
table.tbl_all_data th,
table.tbl_all_data td {
border-color: #474130;	
}




.box_record>h3,
.box_images>h3,
#sec_updated dl {
	border-left-color: #9c884c;
	border-right-color: #9c884c;
}

#nav_anchor ul,
#nav_anchor ul a,
#nav_anchor ul li:last-child a,
#box_top_banner p{
	border-color: #9c884c;
}



/*Blue Beta */
body.home nav li:nth-of-type(1) a::after,
body.events nav li:nth-of-type(2) a::after,
body.columns nav li:nth-of-type(3) a::after,
body.history nav li:nth-of-type(4) a::after,
body.downloads nav li:nth-of-type(5) a::after,
body.goods nav li:nth-of-type(6) a::after,
body.intv nav li:nth-of-type(3) a::after {
	background-color: #42bee7;
}

/*text blue*/
#sec_last_issue h3>strong,
#ev_city_ads div.box_lead p a,
#ev_city_ads>section>.inner>p a,
#ev_ceremony>section>.inner>p a,
#box_main_contents div.intv>p,
[id^='sec_files_'] ul li .inner>h3{
	color: #42bee7;
}

main section>.inner>h3 {
	border-bottom-color: #115a72;
}


/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/