@charset "UTF-8";
/*
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro';
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese');
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,500,600,700,900&display=swap&subset=japanese');
@import url('notosansjapanese.css');

/* margin */
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {margin: 0;padding: 0;border: 0;}

/* font */
html {font-size: 10px;}
body {font-size: 1.6rem;line-height: 1.5;}
* {font-family: inherit;font-size: inherit;line-height: inherit;}

body, section, div, dt, dd, li, h1, h2, h3, p, th, td, small, em {
font-family: 'Noto Serif JP', メイリオ, serif;font-weight: 500;line-height: 1.5;}
.sans {font-family: 'Noto Sans Japanese', メイリオ, sans-serif;font-weight: 350;line-height: 1.5;}

/* */
html, body {height: 100%;}
html {overflow-y: scroll;}

img {vertical-align: bottom;}
li {list-style-type: none;}

/* a */
a {text-decoration: none;color: #000;}
a:hover {text-decoration: none;}
a {transition: 0.3s ease 0s;}
a:hover {opacity: 0.7;}

/* */
@media screen and (max-width: 558px) {}
@media screen and (min-width: 559px) {}
@media screen and (min-width: 959px) {}
@media screen and (min-width: 1279px) {}



/* header */
@media screen and (max-width: 558px) {
	header ul#nav_pc {display: none;}
}
@media screen and (min-width: 559px) {
	header {background: #000;}
	header ul#nav_pc {display: flex;height: 40px;justify-content: center;align-items: center;}
	header li {font-size: 1.2rem;color: #FFF;white-space: nowrap;}
	header li:before {content: "｜";}
	header li:first-child:before {content : none;}
	header li a {display: inline-block;padding: 0.5em 1em;color: #FFF;font-weight: 900;}
	header li:first-child a {display: inline-block;}
}
@media screen and (min-width: 1279px) {
}


@media screen and (max-width: 558px) {
	.inbox {margin: 0 5.333333333%;}
}
@media screen and (min-width: 559px) {
	.inbox {width: 78.4375%;margin: 0 auto;}
}
@media screen and (min-width: 1279px) {
	.inbox {width: 1004px;}
}

.textright {text-align: right;}
.blink {text-decoration: underline;}
.fdem {font-weight: 350;}
.freg {font-weight: 400;}
.fmed {font-weight: 500;}
.fsemi {font-weight: 600;}
.fbold {font-weight: 700;}
.fblack {font-weight: 900;}
.f10 {font-size: 1rem;}
.f12 {font-size: 1.2rem;}
.f14 {font-size: 1.4rem;}
.f20 {font-size: 2rem;}
.lh13 {line-height: 1.3;}
.lh16 {line-height: 1.3;}
.lh18 {line-height: 1.8;}
.lh20 {line-height: 2;}
.pt5px {padding-top: 5px;}
.pt10px {padding-top: 10px;}
.pt20px {padding-top: 20px;}

@media screen and (max-width: 558px) {
	.br_sp {display: block;}
	.br_pc {display: none;}
	.disp_sp {display: block;}
	.disp_sp_in {display: inline-block;}
	.disp_pc_in {display: none;}
	.disp_pc {display: none;}
	.sp_f10 {font-size: 1rem;}
	.sp_f12 {font-size: 1.2rem;}
	.sp_f14 {font-size: 1.4rem;}
	.sp_f16 {font-size: 1.6rem;}
	.sp_f20 {font-size: 2rem;}
	.sp_f22 {font-size: 2.2rem;}
	.sp_f28 {font-size: 2.8rem;}
	.text {line-height: 2;}
	.pt10 {padding-top: 2.985074627%;}
	.pt20 {padding-top: 5.970149254%;}
	.pb20 {padding-bottom: 5.970149254%;}
	.pb30 {padding-bottom: 8.955223881%;}
	.sp_pb10 {padding-bottom: 2.985074627%;}
	.sp_mt10 {margin-top: 2.985074627%;}

}
@media screen and (min-width: 559px) {
	.br_sp {display: none;}
	.br_pc {display: block;}
	.disp_sp {display: none;}
	.disp_pc {display: block;}
	.disp_sp_in {display: none;}
	.disp_pc_in {display: inline-block;}
	.pc_f10 {font-size: 1rem;}
	.pc_f12 {font-size: 1.2rem;}
	.pc_f14 {font-size: 1.4rem;}
	.pc_f16 {font-size: 1.6rem;}
	.pc_f18 {font-size: 1.8rem;}
	.pc_f20 {font-size: 2rem;}
	.pc_f22 {font-size: 2.2rem;}
	.pc_f24 {font-size: 2.4rem;}
	.pc_f28 {font-size: 2.8rem;}
	.pc_f36 {font-size: 3.6rem;}
	.text {line-height: 2.285714285714286;}
	.pt10 {padding-top: 0.9960159363%;}
	.pt20 {padding-top: 5.970149254%;}
	.pb20 {padding-bottom: 1.992031873%;}
	.pb30 {padding-bottom: 2.988047809%;}
	.pc_pb30 {padding-bottom: 2.988047809%;}
	.pc_pt5px {padding-top: 5px;}
	.pc_pt10px {padding-top: 10px;}
}

.bt1 {border-top: 1px solid #CCC;}


@media screen and (max-width: 558px) {
	h2 {padding: 8.955223881% 0 2.985074627% 0;}
	h3 {padding: 5.970149254% 0 1.492537313% 0;}
}
@media screen and (min-width: 559px) {
	h2 {padding: 5.976095618% 0 0.9960159363% 0;}
	h3 {padding: 2.788844622% 0 0.9960159363% 0;}
}


@media screen and (max-width: 558px) {
	body {background: url(../jpg/topbg_sp.jpg) no-repeat 50% 0;background-size: 100% auto;}
}
@media screen and (min-width: 559px) {
	body {background: url(../jpg/topbg_pc.jpg) no-repeat 50% 40px;background-size: 132.8125% auto;}
}
@media screen and (min-width: 1279px) {
	body {background: url(../jpg/topbg_pc.jpg) no-repeat 50% 40px;background-size: 1700px auto;}
}

/**/
#index_top {position: relative;}
#top_jdc {line-height: 1;}
#top_jdc a {display: block;}
#top_jdc img {width: 100%;}
#index_top h1 {position: absolute;}
#index_top h1 img {width: 100%;}

.l12 {display: block;}
@media screen and (max-width: 558px) {
	#top_jdc {width: 23.88059701%;padding: 5.970149254% 0 14.32835821% 0;}
	#index_top h1 {top: 0;right: 0;width: 32%;padding-top: 23.88059701%;}
	#index_top .sp_f16 {display: block;padding-top: 0.8%;}
	#index_top .sp_f22 {display: block;}
	#index_top .f10_16 {padding-top: 1.1%;}
	#index_top .f28_36 {padding-top: 26.86567164%;}
/*	.l2 {display: block;padding-left: 14.92537313%;}*/
	.l2 {display: inline-block;}

	#index_top .sp_f28.pc_f36.fbold {margin-top: 8.955223881%;}
}
@media screen and (min-width: 559px) {
	#top_jdc {width: 15.93625498%;padding-top: 5.970149254%;}
	#index_top h1 {top: 0;right: 0;width: 26.394422310756972%;padding-top: 16.3%;}
	#index_top h1 img {position: relative;left: 0;}

/*	#index_top p {max-width: 80%;} 73.605577689243028%; */

	#index_top .linetop {display: block;}
	#index_top .pc_f16.fbold {padding-top: 6.573705179%;}
	#index_top .pc_f16.fbold.disp_pc {padding-top: 0%;}
	#index_top .pc_f24 {padding-top: 0.3984063745%;}
	#index_top .f28_36 {padding-top: 0.6972111554%;}
	#index_top .f10_16 {padding-top: 0.6972111554%;}
	#index_top .sp_f16,
	#index_top .sp_f22,
	#index_top .l1, .l2 {white-space: nowrap;}
	#index_top .sp_f28.pc_f36 {padding-top: 2.988047809%;}
	#index_top .sp_f10.pc_f16.fbold {padding-top: 0.4980079681%;}
}
@media screen and (min-width: 979px) {
	.l12 {display: none;}
	#index_top .sp_f28.pc_f36 span {display: inline-block;}
	.dirname {margin-top: -14px;}
}
@media screen and (min-width: 1279px) {}



/* topbox */
@media screen and (min-width: 559px) {
	#topbox {width: 78.4375%;margin: 0 auto;}
}
@media screen and (min-width: 1279px) {
	#topbox {width: 1004px;}
}

/* info */
/*
#info dl {border: 1px solid #CCC;border-radius: 4px;}
*/
#info dl {border: 2px solid #D93983;border-radius: 4px;}

#info dt {color: #999;}
#info a {text-decoration: underline;}
/*
#info dd strong.cat {color: #bc246b;}
*/
#info dd strong.cat, 
#info dd strong.cat a {color: #D93983;}

@media screen and (max-width: 558px) {
	#info dl {padding: 0 4.47761194% 6.567164179% 4.47761194%;}
	#info dt, #info dd {font-size: 1.4rem;}
	#info dt {padding-top: 4.47761194%;line-height: 1.2;}
}
@media screen and (min-width: 559px) {
	#info dl {padding: 1.506024096% 0 2.409638554% 2.191235059760956%;}
	#info dt {padding: 1.204819277% 0 0 0;}
	#info dt {width: 97px;}
	#info dt, #info dd {font-size: 1.6rem;}
	#info dd {margin: -1.5em 0 0 97px;}
}
.l2em {padding-left: 2em;text-indent: -2em;}
.l3em {padding-left: 3em;text-indent: -3em;}
.l4em {padding-left: 4em;text-indent: -4em;}
@media screen and (max-width: 558px) {
	#data ul {padding-top: 2.985074627%;}
}
@media screen and (min-width: 559px) {
	#data ul {padding-top: 1.494023904%;}
}


/* message */
#message {background: #EFEFEF;}
#message img {width: 100%;border-radius: 100%;}
.toggle {position: relative;;}
.toggle dt.photo {position: absolute;top: 0;}
@media screen and (max-width: 558px) {
	#message .toggle {padding: 5.373134328% 0;}
	.toggle dt.title {width: 73.13432836%;margin-left: 26.86567164%;padding: 0 0 4.47761194% 0;}
	.toggle dt.photo {width: 17.91044776119403%;margin: 5.373134328% 0 0 0;}
	.togglearea {display: none;}
	.toggle .swith {text-align: center;margin-top: 1.49257313%;}
	.toggle .swith p {display: block;height: 40px;line-height: 40px;overflow: hidden;cursor: pointer;}
	.toggle .swith p.open {position: relative;background: #FFF;}
	.toggle .swith p.close {position: relative;background: #FFF;}
	.toggle .swith p.open::before,
	.toggle .swith p.close::before {display: block;position: absolute;top: 8px;right: 5%;width: 20px;height: 20px;border: 2px solid #CCC;border-radius: 100%;line-height: 1;}
	.toggle .swith p.open::before {content: url(../svg/toggle_%2b.svg);}
	.toggle .swith p.close::before {content:url(../svg/toggle_-.svg);}
	.toggle .swith p.open .close_text,
	.toggle .swith p.close .open_text {display: none;}
	.toggle .swith p.open .open_text,
	.toggle .swith p.close .close_text {display: inline-block;}
}
@media screen and (min-width: 559px) {
	#message .toggle {padding: 2.98804780876494% 0;}
	#message .toggle dt,
	#message .toggle dd {margin-left: 11.45418327%;}
	#message .toggle dt.photo {width: 8.96414326%;margin: 2.98804780876494% 0 0 0;}
}

/* data */
@media screen and (max-width: 558px) {
	#data .toggle .swith p {border: 1px solid #CCC;}
}



/* gmap */
@media screen and (max-width: 558px) {
	#gmap {height: 0;overflow: hidden;padding-bottom: 100%;position: relative;}
	#gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
	#access ul {padding: 2.985074627% 0 0 0;}
}
@media screen and (min-width: 559px) {
	#gmapwrap {display: flex;justify-content: space-between;}
	#gmap {width: 66.135458167330677%;height: 0;overflow: hidden;padding-bottom: 32.868525896414343%;position: relative;}
	#gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
	#access {width: 32.270916334661355%;}
	#access ul {padding: 6.172839506% 0 0 0;}
	#access .disp_pc {padding: 6.172839506% 0 0 0;}
}


/* col */
img.w100 {width: 100%;}
.col {display: flex;flex-wrap: wrap;justify-content: space-between;}

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

	.col::before {content: '';display: block;width: 21.641791044776119%;padding-top: 4.477611940298507%;order:1;}
	.col::after {content: '';display: block;width: 21.641791044776119%;padding-top: 4.477611940298507%;}

	.col li.c2_6,
	.col li.c2_4 {width: 48.0597014925%;}
	.col li.c2_6 {padding-top: 3%;}
	.col li.c4_6 {width: 21.641791044776119%;padding-top: 4.477611940298507%;}
}
@media screen and (min-width: 559px) {
	.col::before,
	.col::after {content: none;}

	.col.jc_fs {display: flex;flex-wrap: wrap;justify-content: flex-start;}
	/*.col li.c2_6 {width: 15.338645418326693%;}*/
	.col.jc_fs li.c2_6 {width: 16.932270916334661%;padding-top: 2%;}
	.col.jc_fs li.c2_6 img {width: 90.588235294117647%;}
	.col.jc_fs li.c2_6:last-child {width: 15.338645418326693%;}
	.col.jc_fs li.c2_6:last-child img {width: 100%;}

	.col.jc_fs li.c4_6 {width: 16.932270916334661%;padding-top: 2%;}
	.col.jc_fs li.c4_6 img {width: 90.588235294117647%;}
	.col.jc_fs li.c4_6:nth-child(6n) {width: 15.338645418326693%;}
	.col.jc_fs li.c4_6:nth-child(6n) img {width: 100%;}

	.col li.c2_4 {width: 23.8047808765%;}
	.col li.c1_2 {width: 49.203187251%;}
}

/* event */
@media screen and (max-width: 558px) {
	#event dl {margin-top: 7.462686567%;padding-top: 7.462686567%;}
	#event dt,
	#event dd {line-height: 1.5;}
}
@media screen and (min-width: 559px) {
	#event dl {margin-top: 2.490039841%;padding-top: 2.490039841%;}
	#event dt,
	#event dd {line-height: 1.8;}
}


/* memberlink */
#member ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
#member #topbox ul {align-items: flex-start;align-content: flex-start;}
#member li img {display: block;width: 100%;border-radius: 100%;}
#member li p {position: relative;text-align: center;}
#member li p {font-weight: 700;}
#member li.active {opacity: 0.3;}

@media screen and (max-width: 558px) {
	#member ul {margin: 0 3.466666666666667% 0 3.2%;}
	#member li {width: 25%;padding: 5% 0 0 0;}/* 64 */
	#member ul::before{content: "";display: block;width: 25%;order:1;}
	#member ul::after{content: "";display: block;width: 25%;}
	#member li img {width: 70.58823529%;margin: 0 auto 5.5% auto;border: 2px solid transparent;}
	#member li.new img {border: 2px solid #D93983;}
	#member li.new p::after{content: "";position: absolute;top: 9%;right: 8%;width: 45.714285714285714%;padding-top: 11.428571428571429%;border-radius: 10px;background: url(../png/updated.png) #D93983 no-repeat 50% 50%;background-size: contain;}
	#member ul span {display: none;}
	#member li {font-size: 1.2rem;line-height: 1.2;}
}
@media screen and (min-width: 559px) {
	#member .pc_f14 {max-width: 73.605577689243028%;padding-top: 0.4980079681%;}
	#member ul {width: 67.7290836653%;padding: 1.992031873% 0 0 0;justify-content: flex-start;}
	#member li {width: 20%;padding: 2.2% 0 0 0;}
	#member li p {width: 88.2352941176%;}
		#member li img {width: 66.6666666667%;margin: 0 auto;border: 4px solid transparent;transition: 0.3s ease 0s;}
	#member li.new img,
	#member li a:hover img {border: 4px solid #D93983;}
	#member li.new p::after{content: "";position: absolute;top: 8%;left: 52%;width: 33.3333333333%;padding-top: 8.3333333333%;border-radius: 10px;background: url(../png/updated.png) #D93983 no-repeat 50% 50%;background-size: contain;}
	#member ul span {display: block;}
	#member li {font-size: 1.4rem;}
	#member li span.name_en {font-size: 1rem;}
	#member li span.position {font-size: 1rem;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);}
}
@media screen and (min-width: 1279px) {
	#member li p {white-space: nowrap;}
}

/* footer */
footer p {font-size: 1rem;font-weight: 300;}
ul#sns {display: flex;flex-wrap: wrap;justify-content: space-between;}
#sns li a {display: block;border-radius: 100%;}
#sns li img {width: 100%;border-radius: 100%;}
#sns_fb a {background: #1877F2;}
#sns_tw a {background: #1DA1F3;}
#sns_line a {background: #00B900;}
#sns_line {display: block;}
#footerinfo a {display: block;}
#footerinfo a img {display: block;}
@media screen and (max-width: 558px) {
	footer {padding: 8.955223881% 0;}
	#footerinfo {margin-top: 8.955223881%;padding-bottom: 8.955223881%;}
	#footerinfo p a {padding: 2.686567164% 0;}
	ul#sns {width: 63.28358209%;margin: 0 auto;padding: 8.955223881% 0 25.37313433% 0;}
	#sns li {width: 23.58490566%;}
	#footer_jdc img {width: 29.85074627%;margin: 0 0 2.985074627% 0;}
	#footer_21_21 a {padding: 0% 0 0 0;}
	#footer_21_21 img {width: 27.46268657%;margin: 3.880597015% 0 6.268656716% 0;}
	#copyright {padding-top: 3.582089552%;}
}
@media screen and (min-width: 559px) {
	footer {margin-top: 2.988047809%;padding-bottom: 2.988047809%;}
	ul#sns {width: 14.94023904%;margin-left: 34.26294821%;order: 1;}
	#sns li {width: 42.66666667%;padding: 3% 0 0 0;}
	#sns_line {display: none;}
	#footerinfo {display: flex;flex-wrap: wrap;}
	#footerinfo {padding: 4.183266932% 0 4.980079681% 0;}
	#footerinfo p {width: 25.39840637%;}
	#footer_jdc a {padding: 0 3% 0 0;}
	#footer_jdc img {width: 39.21568627%;margin: 0 0 4.31372549% 0;}
	#footer_21_21 a {padding: 5.098039216% 0 0 0;}
	#footer_21_21 img {width: 36.07843137%;margin: 0 0 9.411764706% 0;}
	#copyright {padding-top: 0.9960159363%;}
}
@media screen and (min-width: 1279px) {
}


/* overlay */
#main {height: 100%;min-height: 100vh;}
#main.open {position: fixed;left: 0;right: 0;}
.menu-trigger {z-index: 100;position: fixed;top: 0;right: 0;display: inline-block;width: 32px;height: 28px;margin: 5.333333333% 5.333333333% 0 0;vertical-align: middle;cursor: pointer;}
.menu-trigger span {display: inline-block;box-sizing: border-box;position: absolute;left: 0;width: 32px;height: 2px;background-color: #FFF;transition: all .3s;}
.menu-trigger.active span {background-color: #CCC;}

.gnav {display: block;z-index: 90;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);position: fixed;top: 0;right: 0;transform: translateY(-100%);transition: all .3s;overflow: hidden;}
.gnav.open {transform: translateZ(0);}

/* ハンバーガー, クローズ ボタンサイズ */
.menu-trigger {width: 32px;height: 26px;}
.menu-trigger span {width: 32px;height: 4px;background-color: #000;}
.menu-trigger span:nth-of-type(1) {top: 0;width: 32px;height: 4px;}
.menu-trigger.active span:nth-of-type(1) {width: 38px;height: 4px;transform: translateX(-3px) translateY(11px) rotate(-34.5deg);}
.menu-trigger span:nth-of-type(2) {top: 50%;margin-top: -2px;width: 32px;height: 4px;}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger span:nth-of-type(3) {bottom: 0;width: 32px;height: 4px;}
.menu-trigger.active span:nth-of-type(3) {width: 38px;height: 4px;transform: translateX(-3px) translateY(-11px) rotate(34.5deg);}
/* ハンバーガー, クローズ ボタンサイズ */

.inav {display: block;z-index: 101;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.9);position: fixed;top: 0;right: 0;
/*
*/
transform: translateY(-100%);transition: all .3s;
overflow: hidden;cursor: pointer;}
.inav.open {transform: translateZ(0);}

.inav .inbox {position: relative;height: 100%;}
.inav .inbox .mimg {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}

.inav .inbox #close {position: absolute;top: 0;right: 0;}
.inav .inbox #close img {width: 100%;}
.inav .inbox .mimg #image {font-size: 1rem;}
.inav .inbox .mimg #image img {width: 100%;margin-bottom: 5px;}

.inav .inbox #cover {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;position: absolute;top: 0;right: 0;cursor: default;}

@media screen and (max-width: 558px) {
	.gnav {display: block;z-index: 90;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);position: fixed;top: 0;right: 0;transform: translateY(-100%);transition: all .3s;overflow: hidden;}
	.gnav.open {transform: translateZ(0);}
	.gnav ul {z-index: 90;position: absolute;top: 40%;left: 0;right: 0;transform: translateY(-50%);}
	.gnav ul.off {z-index: 89;opacity: 0;}
	.gnav li {padding: 3px 0;color: #FFFFFF;font-size: 2rem;font-weight: 600;}
	.gnav li a {display: inline-block;width: 90%;padding: 13px 0 13px 13.33333333%;color: #FFFFFF;}
	.gnav li a:hover {color: #FFFFFF;}

	.inav .inbox #close {width: 10.44776119%;margin-top: -11.64179104%;}
	.inav ul {display: none;}
}
@media screen and (min-width: 559px) {
	.gnav, .menu-trigger {display: none;}

	.inav .inbox #close {width: 8.273381295%;margin-top: -9.592326139%;}
	.inav .inbox .mimg {width: 83.06772908%;margin: 0 0 0 8.46613546%;}
	.inav ul {display: block;height: 100%;}
	.inav li {z-index: 110;position: absolute;width: 8.466135458%;height: 100%;}
	#inav_l {left: 0;}
	#inav_r {right: 0;}
	.inav li a {display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);cursor: pointer;}
	#inav_l a {background: url(../png/inav_l.png) no-repeat 0 50%;background-size: 61.17647059% auto;}
	#inav_r a {background: url(../png/inav_r.png) no-repeat 100% 50%;background-size: 61.17647059% auto;}
}
/* overlay */




#debug {z-index: 999;position: fixed;top: 5px;left: 5px;
padding: 2px 6px;
border-radius: 4px;background: #FFF;color: #000;font-size: 1rem;font-weight: 900;}
@media screen and (max-width: 558px) {
	#debug {background: #FCC;}
	#debug:after {content:"558以下:SP";}
}
@media screen and (min-width: 559px) {
	#debug {background: #CFC;}
	#debug:after {content:"560以上:PC";}
}
@media screen and (min-width: 959px) {}
@media screen and (min-width: 1279px) {
	#debug {background: #CCF;}
	#debug:after {content:"1280以上:PC:中央固定";}
}