@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article, time, figure, figcaption { display: block; }

/* var */
:root {
  --c_width: 77%;
  --border_a: solid #222222 0.1rem;
  --border_b: solid #ffffff 0.1rem;
  --color_k: #222222;
  --color_w: #ffffff;
  --color_a: #65A2BC;
  --color_b: #5CA063;
  --color_c: #DD8998;
  --color_d: #CFB45A;
  --color_e: #999999;
  --color_f: #b3976e;
  --color_g: #6aa16f;
  --color_h: #ce8981;
  --color_i: #999999;
  --font_yu: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font_gmb: "中ゴシックBBB", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font_mb1: "見出しゴMB31", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font_ls_ss: 0.05em;
  --font_ls_s: 0.1em;
  --font_ls_m: 0.15em;
  --font_mg_m: 3em 0 1em 0;
  --font_mg_l: 3em 0 1.5em 0;
}

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-font-smoothing: auto; -webkit-font-feature-settings: 'palt'; font-feature-settings: 'palt'; word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; font-size: 15px; font-family: var(--font_gmb); text-align: center; box-sizing: border-box; color: var(--color_k); padding: 0; margin: 0; }
img { vertical-align: bottom; height: auto; width: 100%; }
figure img,.paper img { opacity: 0.9; }
.no_paper img { opacity: 1 !important; }

/* iOS */
input[type="submit"],input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration { display: none; }
input[type="submit"]::focus,input[type="button"]::focus { outline-offset: -2px; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; }
button,input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; }
input[type="radio"] { display: none; }
input[type="radio"]:checked + label { background: #ff0000; }

/* link */
a:link, a:visited, a:active { color: #222222; text-decoration: none; word-break: break-all !important; }
a:hover { color: #ffffff; text-decoration: none; }
a:link img {  }
a:hover img {  }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
.right { text-align: left; }
.left { text-align: right; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings : "pkna"; }
.tb { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-feature-settings : "palt"; }
.pc { display: block; }
.sp { display: none; }
.pcbr { display: block; }
.spbr { display: inline; }
.pc_inline { display: inline; }
.sp_inline { display: none; }

/* flex */
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.fill { object-fit: cover; font-family: 'object-fit: cover;'; }

/* fadein */
.fadein { opacity : 0; transform: translateY(0); transition: all 0.6s; }
@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }
@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } }

/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* body */
body,body::selection { background-color: var(--color_a); }
body.feature_a,body.feature_a::selection { background-color: var(--color_a); }
body.feature_b,body.feature_b::selection { background-color: var(--color_b); }
body.feature_c,body.feature_c::selection { background-color: var(--color_c); }
body.feature_d,body.feature_d::selection { background-color: var(--color_d); }
body.column,body.column::selection { background-color: var(--color_e); }
body.column.bonjour--a,body.column.bonjour--a::selection { background-color: var(--color_f); }
body.column.bonjour--b,body.column.bonjour--b::selection { background-color: var(--color_g); }
body.column.bonjour--c,body.column.bonjour--c::selection { background-color: var(--color_h); }
body.column.bonjour--d,body.column.bonjour--d::selection { background-color: var(--color_i); }

/* wrapper */
#wrapper { min-width:1200px; max-width:1680px; margin:auto; position: relative; }

/* common */
.l2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.l2 .li { width: 48%; margin: 0 4% 3rem 0; }
.l2 .li.fit img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.l2 .li.li_2_3 { width: 60%; }
.l2 .li.li_1_3 { width: 35%; }
.l2 .li:nth-child(2n) { margin-right: 0; }
.l2 .li:nth-child(2n+1) { clear: both; }
.l2 .li:nth-last-child(-n+2) { margin-bottom: 0; }
.l3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.l3 .li { width: 31%; margin: 0 3.5% 3rem 0; }
.l3 .li:nth-child(3n) { margin-right: 0; }
.l3 .li:nth-child(3n+1) { clear: both; }
.l3 .li:nth-last-child(-n+3) { margin-bottom: 0; }
.l3n { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.l3n .li { width: 33.333%; margin: 0 0 0 0; }
.l3n .li:nth-child(3n+1) { clear: both; }
.l4 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.l4 .li { width: 22%; margin: 0 4% 3rem 0; }
.l4 .li:nth-child(4n) { margin-right: 0; }
.l4 .li:nth-child(4n+1) { clear: both; }
.l4 .li.fix { height:15em; }
.li.fix img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.no_trim { height:auto !important; }
.no_trim img { object-fit: contain !important; }

/* header */
#header { position: relative; display: flex; flex-direction: row; flex-wrap:nowrap; justify-content: center; align-items: center; }
#header .header_logo { position: absolute; top: 1rem; left: 1rem; z-index: 777; width: 7em; }
#header .header_nav { padding: 2rem 0; }
#header .header_nav ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#header .header_nav ul li { font-size: 2.3em; letter-spacing: var(--font_ls_s); }
.about #header .header_nav ul li.header_nav_about a,
.feature #header .header_nav ul li.header_nav_feature a,
.column #header .header_nav ul li.header_nav_column a,
.news #header .header_nav ul li.header_nav_news a,
.store #header .header_nav ul li.header_nav_store a { color: var(--color_w); }
#header .header_nav ul li::after { content: "／"; }
#header .header_nav ul li:last-child::after { content: ""; }
#header .header_subtitle { font-size: 1.3em; letter-spacing: var(--font_ls_m); margin: 0 0 0 3em; }

/* header_home */
#header_home {  }
#header_home .header_logo {  }
#header_home .header_nav { position: absolute; top: 32em; left: 2rem; white-space:nowrap; }
#header_home .header_nav ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#header_home .header_nav ul li { font-size: 2.3em; letter-spacing: var(--font_ls_m); }
#header_home .header_nav ul li::after { content: "／"; }
#header_home .header_nav ul li:last-child::after { content: ""; }

/* voice */
.voice { letter-spacing: var(--font_ls_ss); position: absolute; top: 15em; right: 3.5rem; white-space:nowrap; }
.home .voice { top: 30em; }
.voice { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.voice dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.voice .voice_head { font-size: 2em; line-height: 1; }
.voice .voice_title { font-size: 2em; line-height: 1; margin:0 0 1.5em 0; }
.voice .voice_date { font-size: 2em; line-height: 1; margin:0 0 1.5em 0; border-left:var(--border_a); }
.voice .voice_sns { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.voice .voice_sns li { font-size: 1.8em; line-height: 1; margin:0 0 1em 0;}

/* boku */
#boku { width:10em; padding:0 0 0 0; position:fixed; top:0; right:1rem; z-index:777; }
.home #boku { width:10em; padding:14em 0 0 0; }

/* main */
#main { width: var(--c_width); margin: auto; }

/* top_feature */
#main .top_feature { width: 88%; margin: 2rem auto 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#main .top_feature .top_feature_title { width: 45%; margin: 0; text-align: center; }
#main .top_feature .top_feature_title .top_feature_head { font-size: 1.8em; line-height: 1; letter-spacing: var(--font_ls_s); }
#main .top_feature .top_feature_title .top_feature_theme { font-size: 4em; line-height: 1.3; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
#main .top_feature .top_feature_title .top_feature_vol { font-size: 1.8em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0 0 1.5em 0; }
#main .top_feature .top_feature_title a { font-size: 2em; line-height: 1; color: var(--color_w); letter-spacing: var(--font_ls_s); }
#main .top_feature .top_feature_cover { width: 55%; mix-blend-mode: multiply; }

/* top_topics */
#main .top_topics { width: 100%; border-top: var(--border_a); border-bottom: var(--border_a); margin: 2rem auto 2rem auto; padding:1.5em 0; display: flex; flex-direction: row; flex-wrap:nowrap; justify-content: space-between; align-items: center; }
#main .top_topics .top_topics_update { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#main .top_topics .top_topics_update dt { font-size: 1.2em; line-height: 1; margin:0 1em 0 0.5em; white-space: nowrap; }
#main .top_topics .top_topics_update dd { font-size: 1.6em; line-height: 1.4; text-align: left; padding:0 1em; }
#main .top_topics .top_topics_sns { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#main .top_topics .top_topics_sns li { font-size: 2.2em; line-height: 1;  margin:0 0 0 0.75em; white-space: nowrap; }
#main .top_topics .top_topics_sns li:first-child { font-size: 1.2em; line-height: 1; margin:0 0 0 0; }

/* top_feature_list */
#main .top_feature_list { margin: 3rem 0 4rem 0; }
#main .top_feature_list .slide_1 { padding: 0 0 0 0; }
#main .top_feature_list figure { position: relative; margin: 0 0 3rem 0; height:24em; }
#main .top_feature_list figure.no_trim { height:25em !important; background-color: #4a859e; }
#main .top_feature_list figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
#main .top_feature_list figure figcaption { position: absolute; bottom: -0.5em; right: 1em; font-size: 5em; line-height: 1; color: var(--color_w); }
#main .top_feature_list .top_feature_list_title { font-size: 2em; line-height: 1.4; letter-spacing: var(--font_ls_ss); margin: 0.5em 0; }
#main .top_feature_list .top_feature_list_auther { font-size: 1.2em; line-height: 1.5; letter-spacing: var(--font_ls_s); margin: 1em 0; }
#main .top_feature_list .top_feature_list_time { font-size: 0.9em; line-height: 1; letter-spacing: var(--font_ls_s);  }
#main .top_feature_list .top_feature_profile { font-size: 1.1em; line-height: 1.8; letter-spacing: var(--font_ls_s);  text-align: justify; border-left:var(--border_a); border-right:var(--border_a); margin:5em 0 0 0; padding:0 5em; }
#main .top_feature_list .top_feature_profile strong { font-family: var(--font_mb1) !important; }
#main .top_feature_list .top_feature_head h2 { font-size: 2.2em; line-height: 1; letter-spacing: var(--font_ls_m); margin: 0 auto 3rem auto; }

/* top_onlinestore */
#main .top_onlinestore { margin: 0 0 0 0; padding:5rem 0; border-top: var(--border_a); }
#main .top_onlinestore .top_onlinestore_head { display:flex; justify-content:center; align-items: center; margin:0 0 3rem 0; background-color: var(--color_e); }
#main .top_onlinestore .top_onlinestore_head h2 { font-size:2.4em; line-height: 1em; letter-spacing: var(--font_ls_ss); }
#main .top_onlinestore .top_onlinestore_head h2 span { margin-right:0.75em; }
#main .top_onlinestore .top_onlinestore_head .top_onlinestore_head--link a { font-size: 1.7em; color:var(--color_w); }
#main .top_onlinestore .top_onlinestore_list { display:flex; justify-content: flex-start; gap:2rem; background-color: var(--color_e); padding: 3rem 4rem 3rem 4rem; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide {  }
#main .top_onlinestore .top_onlinestore_list .swiper-slide figure { aspect-ratio: 3/4; margin:0 0 1rem 0; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide figure img { object-fit: cover; width:100%; height:100%; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide .top_onlinestore_list--title { font-size:1.5em; line-height: 1.4em; text-align: left; margin:0 0 0.5em 0; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide .top_onlinestore_list--price { font-family: var(--font_mb1); font-size:1.3em; font-weight: 400; line-height: 1.4em; text-align: left; color:var(--color_w); }
.top_onlinestore_btn { bottom: -8rem; transition: bottom 0.15s ease; z-index: 777; position: fixed; left:0; }
.top_onlinestore_btn.visible { bottom: 0; }
.top_onlinestore_btn a { padding:1rem 1.5rem 1.25rem 1.5rem; background-color: var(--color_a); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.top_onlinestore_btn a .icon { font-size: 2.2em; line-height: 1em; margin-top:0.25em; color: var(--color_w); }
.top_onlinestore_btn a .onlinestore_btn--title--a { font-family: var(--font_mb1) !important; letter-spacing: var(--font_ls_ss); font-size: 1em; font-weight: 700; line-height: 1.1em; display:block; }
.top_onlinestore_btn a .onlinestore_btn--title--b { font-family: var(--font_mb1) !important; font-size: 0.7em; font-weight: 700; line-height: 1.2em; display: block; margin-top:0.5em; }
body.feature_a .top_onlinestore_btn a { background-color: var(--color_a); }
body.feature_b .top_onlinestore_btn a { background-color: var(--color_b); }
body.feature_c .top_onlinestore_btn a { background-color: var(--color_c); }
body.feature_d .top_onlinestore_btn a { background-color: var(--color_d); }
body.column .top_onlinestore_btn a { background-color: var(--color_e); }
body.column.bonjour--a .top_onlinestore_btn a { background-color: var(--color_f); }
body.column.bonjour--b .top_onlinestore_btn a { background-color: var(--color_g); }
body.column.bonjour--c .top_onlinestore_btn a { background-color: var(--color_h); }
body.column.bonjour--d .top_onlinestore_btn a { background-color: var(--color_i); }

/* articles */
#main .articles { border-top: var(--border_a); padding: 4rem 0; }
#main .articles:first-child { border-top: none; }
#main .articles .articles_head h2 { font-size: 2.4em; line-height: 1; letter-spacing: var(--font_ls_m); margin: 0 auto 3rem auto; }
#main .articles:first-child .articles_head h2 { margin: 3rem auto 5rem auto; }
#main .articles .articles_head div { display: none; }
#main .articles .articles_list a { display: flex; flex-direction: column; }
#main .articles .articles_list .articles_list_series { font-size: 1.2em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 1.5em 0 0 0; }
#main .articles .articles_list .articles_list_title { font-size: 1.8em; line-height: 1.4; letter-spacing: var(--font_ls_ss); margin: 0.75em 0; }
#main .articles .articles_list .articles_list_time { font-size: 0.9em; line-height: 1; letter-spacing: var(--font_ls_s); }
#main .articles .articles_list .articles_list_link { font-size: 2em; line-height: 1; letter-spacing: var(--font_ls_s); color: var(--color_w); margin: 0.5em 0; }
#main .articles .articles_list figure { height:18em; }
.tag #main .articles .articles_list figure,
.search #main .articles .articles_list figure { height:24em; }
#main .articles .articles_list figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }

#main .articles .featue_list a { display: flex; flex-direction: column; padding: 2rem; height:100%; }
#main .articles .featue_list figure img { mix-blend-mode: multiply; }
#main .articles .featue_list .feature_a a { background-color: var(--color_a); }
#main .articles .featue_list .feature_b a { background-color: var(--color_b); }
#main .articles .featue_list .feature_c a { background-color: var(--color_c); }
#main .articles .featue_list .feature_d a { background-color: var(--color_d); }
#main .articles .featue_list .featue_list_title { font-size: 2.5em; line-height: 1.3; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
#main .articles .featue_list .featue_list_vol { font-size: 1.4em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
#main .articles .featue_list .featue_list_link { font-size: 2em; line-height: 1; letter-spacing: var(--font_ls_s); color: var(--color_w); margin: 0.5em 0; }

#main .articles .column_list a { display: flex; flex-direction: column; margin:0 0 1em 0; }
#main .articles .column_list figure { margin: 0 0 1.5em 0; }
#main .articles .column_list dl { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#main .articles .column_list dl dt { font-size: 3em; text-align: center; line-height: 1.5; letter-spacing: var(--font_ls_ss); color: var(--color_w); margin:0 0.5em 0 0; width:2.5em; white-space: nowrap; }
#main .articles .column_list dl dd { text-align: left; }
#main .articles .column_list .column_list_title { font-size: 1.7em; line-height: 1.5; letter-spacing: var(--font_ls_ss); margin: 0 0 0.5em 0; }
#main .articles .column_list .column_list_time { font-size: 0.9em; line-height: 1; letter-spacing: var(--font_ls_s); }

/* archives */
#main .archives { border-top: var(--border_a); padding: 5rem 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#main .archives:first-child { border-top: none; }
#main .archives .archives_head { width: 55%; padding: 0 6% 0 3%; }
#main .archives .archives_head figure { margin: 0 0 3rem 0; padding: 0 3%; }
.feature #main .archives .archives_head figure { mix-blend-mode: multiply; }
#main .archives .archives_head .archive_head_series { font-size: 1.6em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: center; margin: 0.5em 0; }
#main .archives .archives_head .archive_head_title { font-size: 3.5em; line-height: 1.3; letter-spacing: var(--font_ls_m); text-align: center; margin: 0 0 0.5em 0; }
#main .archives .archives_head .archive_head_vol { font-size: 1.6em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: center; margin: 0.5em 0; }
#main .archives .archives_head .archive_head_ex { font-size: 1.25em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 2em 0; }
#main .archives .archives_head .credit { font-size: 0.8em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 0.5em 0; }
#main .archives .archives_list { width: 45%; }
#main .archives .archives_list { display: flex; flex-direction: column; }
#main .archives .archives_list li { margin: 0 0 4rem 0; }
#main .archives .archives_list li a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#main .archives .archives_list li a figure { width: 32%; position: relative; height:12em; }
#main .archives .archives_list li a figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
#main .archives .archives_list li a figure.no_trim { width: 32%; position: relative; height:12em !important; background-color: #4a859e; }
#main .archives .archives_list li a figure figcaption { position: absolute; bottom: -0.5em; right: 0.5em; font-size: 4em; line-height: 1; color: var(--color_w); }
#main .archives .archives_list li a .archives_list_txt { width: 60%; text-align: left; display: flex; flex-direction: column; }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_title { font-size: 2em; line-height: 1.4; letter-spacing: var(--font_ls_ss); }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_type { font-size: 1em; line-height: 1.6; letter-spacing: var(--font_ls_s); margin: 0.75em 0; }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_ex { font-size: 1em; line-height: 1.6; letter-spacing: var(--font_ls_s); margin: 0.75em 0; }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_status { font-size: 1em; line-height: 1.6; letter-spacing: var(--font_ls_s); margin: 1.5em 0 0.75em 0; }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_status span { color:var(--color_w); border-top:solid 1px var(--color_w); border-bottom: solid 1px var(--color_w); padding:0.5em; margin: 0.75em 0; }
#main .archives .archives_list li.archives_list_next { border: var(--border_a); font-size: 1.4em; line-height: 1.8; letter-spacing: var(--font_ls_s); padding: 1.5em; }

/* pickup */
#main .pickup {  }
#main .pickup .pickup_ex { border-top: var(--border_a); padding: 5rem 0; }
#main .pickup .pickup_ex a { color: var(--color_k); background-color:var(--color_d); padding: 4rem; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.feature_d #main .pickup .pickup_ex a { background-color:var(--color_a); }
#main .pickup .pickup_ex a:hover { background-color:var(--color_w); }
#main .pickup .pickup_ex a figure { width: 55%; }
#main .pickup .pickup_ex a .pickup_txt { width: 40%; text-align: center; display: flex; flex-direction: column; }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_series { font-size: 1.2em; line-height: 1; text-align: center; display: flex; flex-direction: column; margin: 0.75em 0; }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_title { font-size: 2.2em; line-height: 1.4; text-align: center; letter-spacing: var(--font_ls_ss); }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_time { font-size: 0.8em; line-height: 1; text-align: center; letter-spacing: var(--font_ls_s); margin: 1em 0 2em 0; }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_ex { font-size: 1.2em; line-height: 1.8; text-align: justify; letter-spacing: var(--font_ls_s); margin: 0.75em 0; }
#main .pickup .pickup_ex:nth-child(even) a { flex-direction: row-reverse; background-color:var(--color_b); }
.feature_b #main .pickup .pickup_ex:nth-child(even) a { background-color:var(--color_a); }
#main .pickup .pickup_ex:nth-child(even) a:hover { background-color:var(--color_w); }

/* store */
#main .store { border-top: var(--border_a); padding: 5rem 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main .store .store_head { width: 10%; }
#main .store .store_head h2 { font-size: 2.4em; line-height: 1; letter-spacing: var(--font_ls_m); border-right: var(--border_a); padding: 0 0 0 1em; }
#main .store .store_bn { width: 90%; }
#main .store .store_bn figure { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main .store .store_bn figure img { width: 90%; }
#main .store .store_bn figure figcaption { font-size: 2.4em; line-height: 1; letter-spacing: var(--font_ls_m); padding: 0 1em 0 0; }

/* article */
#main article {  }

.feature #main article .article_header { margin: 1rem -3% 10rem -3%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.feature #main article .article_header .article_header_txt { width: 50%; display: flex; flex-direction: column; }
.feature #main article .article_header .article_header_txt .article_header_txt_l { display: flex; flex-direction: column; }
.feature #main article .article_header .article_header_txt .article_header_txt_series { font-size: 1.8em; line-height: 1; letter-spacing: var(--font_ls_s); }
.feature #main article .article_header .article_header_txt .article_header_txt_series_name { font-size: 2.5em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
.feature #main article .article_header .article_header_txt .article_header_txt_series_num { font-size: 5em; line-height: 1; color: var(--color_w); letter-spacing: var(--font_ls_s); margin: 0.15em 0; }
.feature #main article .article_header .article_header_txt .article_header_txt_series_title { font-size: 3em; line-height: 1.3; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
.feature #main article .article_header .article_header_txt .article_header_txt_series_auther { font-size: 1.1em; line-height: 1.5; letter-spacing: var(--font_ls_s); }
.feature #main article .article_header .article_header_txt .article_header_txt_series_lead { padding: 0 18%; font-size: 1.3em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 2em 0 0 0; }
.feature #main article .article_header figure { width: 50%; position: relative; height:100vh; min-height:55em; max-height:65em; }
.feature #main article .article_header figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.feature #main article .article_header figure figcaption { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_s); margin-top:1.5em; text-align: justify; }

.feature #main article .article_header.article_header_w .article_header_txt { padding:5em 0; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.feature #main article .article_header.article_header_w .article_header_txt_l { width: 50%; display: flex; flex-direction: column;  }
.feature #main article .article_header.article_header_w .article_header_txt_r { width: 50%; }
.feature #main article .article_header.article_header_w figure { width: 100%; position: relative; height:auto; }
.feature #main article .article_header.article_header_w figure img { object-fit: contain; width:100%; height:100%; }
.feature #main article .article_header.article_header_w figure figcaption { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_s); margin-top:1.5em; text-align: justify; }

.column #main article .article_header { margin: 1rem -3% 0 -3%; display: flex; flex-direction: column; }
.column #main article .article_header .article_header_thumb { margin:0 0 4em 0; }
.column #main article .article_header .article_header_thumb img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.column #main article .article_header .article_header_thumb figcaption { text-align: left; padding:1em 0; font-size: 0.9em; line-height: 1.5; letter-spacing: var(--font_ls_s); }
.column #main article .article_header .article_header_ex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.column #main article .article_header .article_header_ex .credit { font-size: 0.8em; text-align: left; margin:1em 0 0 0; }
.column #main article .article_header .article_header_cover { order:1; width: 30%; }
.column #main article .article_header .article_header_vol { order:3; font-size: 5em; line-height: 1; letter-spacing: var(--font_ls_s); color: var(--color_w); padding:0 1em 0 0; }
.column #main article .article_header .article_header_txt { order:2; padding: 0 0 0 0; display: flex; flex-direction: column; }
.column #main article .article_header .article_header_txt .article_header_txt_series { font-size: 1.8em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 1em 0; }
.column #main article .article_header .article_header_txt .article_header_txt_series_title { font-size: 3em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0 0 1em 0; }
.column #main article .article_header .article_header_txt .article_header_txt_series_auther { font-size: 1.3em; line-height: 1.8; letter-spacing: var(--font_ls_s); }
.column #main article .article_header .article_header_txt .article_header_txt_series_status { display: flex; padding:0.25em 1em; margin:0 auto 1.5rem auto; font-size: 1.3em; font-weight: 600; line-height: 1.5; letter-spacing: var(--font_ls_s); border-top: solid 1px var(--color_w); border-bottom: solid 1px var(--color_w); color:var(--color_w); }
.column #main article .article_header .article_header_txt .article_header_txt_series_type { font-size: 1.3em; line-height: 1.8; letter-spacing: var(--font_ls_s); }
.column #main article .article_header.article_header_w { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.column #main article .article_header.article_header_w .article_header_thumb { order:1; width:55%; margin:0 0 0 0; }
.column #main article .article_header.article_header_w .article_header_ex { order:2; width:45%; flex-direction: column; }
.column #main article .article_header.article_header_w .article_header_cover { width: 70%; }
.column #main article .article_header.article_header_w .article_header_vol { order:2; font-size: 4em; padding:1em 0 0.2em 0; }
.column #main article .article_header.article_header_w .article_header_txt { order:3; }
.column #main article .article_header.article_header_w .article_header_txt .article_header_txt_series_title { font-size: 2.4em; line-height: 1.4; }
.column #main article .article_header .article_header_txt_series_btn { z-index: 777; position: fixed; left:auto; right:2.75rem; bottom:0; }
.column #main article .article_header .article_header_txt_series_btn a { font-family: "Noto Serif JP", serif; font-weight: 900; display: flex; align-items: center; justify-content: center; width: auto; font-size: 1.5rem; line-height: 1; padding:1em 0.5em 0.5em 0.5em; background-color: #f6bb5d; color:#333; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings : "pkna"; border-radius: 1em 1em 0 0; }
.column #main article .article_header .article_header_txt_series_btn a:hover { background-color:#a7353a; color:#f6bb5d; }
.column #main article .article_header .article_header_txt_series_btn { opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.column #main article .article_header .article_header_txt_series_btn.visible { opacity: 1; pointer-events: auto; }

.news #main article .article_header { margin: 1rem -3% 5rem -3%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.news #main article .article_header .article_header_thumb { margin:0 0 4em 0; }
.news #main article .article_header .article_header_thumb img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.news #main article .article_header .article_header_thumb figcaption { text-align: left; padding:1em 0; font-size: 0.9em; line-height: 1.5; letter-spacing: var(--font_ls_s); }
.news #main article .article_header .article_header_txt .article_header_txt_series_title { font-size: 3em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 4rem  0 2rem 0; }
.news #main article .article_header .article_header_txt .article_header_txt_series_auther { font-size: 1.3em; line-height: 1.8; letter-spacing: var(--font_ls_s); }

#main article .article_body { margin: auto; }
#main article .article_body .article_body_lead { width: 86%; border-left: var(--border_a); border-right: var(--border_a); padding: 0 5em; margin: 7rem auto 7rem auto; }
#main article .article_body .article_body_lead p { font-size: 1.4em; line-height: 2; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 0 0 1em 0; }
#main article .article_body .article_body_main { width: 86%; margin:auto; }
#main article .article_body .article_body_main h1 { font-size: 3.0em; line-height: 1.5; margin: var(--font_mg_l); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main h2 { font-size: 2.4em; line-height: 1.5; margin: var(--font_mg_l); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main figure+h2 { margin-top:2em; }
#main article .article_body .article_body_main h3 { font-size: 2.0em; line-height: 1.5; margin: var(--font_mg_m); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main h3 .f_s { font-size: 0.7em; line-height: 1.5; vertical-align: middle; margin:0 0.5em; }
#main article .article_body .article_body_main h4 { font-size: 1.8em; line-height: 1.5; margin: var(--font_mg_m); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main h5 { color: var(--color_w); opacity: 0.5; font-size: 1.5em; line-height: 2; letter-spacing: var(--font_ls_ss); margin:var(--font_mg_m); text-align: justify; }
#main article .article_body .article_body_main h5::before { opacity: 0.5; content:""; border-top:solid 1px var(--color_w); display:inline-block; width:5em; }
#main article .article_body .article_body_main figure+h5 { margin-top:0; }
#main article .article_body .article_body_main h6 { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 1.5em 0 7em 0; }
#main article .article_body .article_body_main p { font-size: 1.5em; line-height: 2; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 0 0 1em 0; }
#main article .article_body .article_body_main p strong { font-family: var(--font_gmb) !important; color: var(--color_w); font-weight: normal; opacity: 0.5; font-weight: normal; }
#main article .article_body .article_body_main p a { color: var(--color_w); text-decoration: underline; }
#main article .article_body .article_body_main p a:hover { color: var(--color_k); }
#main article .article_body .article_body_main blockquote { font-family: var(--font_mb1); width:80%; font-size: 1.5em; line-height: 2; letter-spacing: var(--font_ls_ss); text-align: justify;  color: var(--color_k); border-left:var(--border_a); border-right:var(--border_a); padding:0 3em; margin:3em auto 3em auto; }
#main article .article_body .article_body_main blockquote p { font-size: 1em; line-height: 2; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 0; }
#main article .article_body .article_body_main blockquote cite { display:block; font-size: 0.7em; margin-top:0.75em; }
#main article .article_body .article_body_main strong { font-family: var(--font_mb1) !important; }

#main article .article_body .article_body_main ol { line-height: 2; margin:1.5em 0 1.5em 0; list-style-type: decimal; padding:0 0 0 2.2em; text-align: left; }
#main article .article_body .article_body_main ol i { font-size: 1em; color:var(--color_w); margin:0 0.2em 0 0; }
#main article .article_body .article_body_main ol li { font-size: 1.4em; line-height: 2; margin:0 0 0.5em 0; }
#main article .article_body .article_body_main ol li li { font-size: 1em; line-height: 2; margin:0 0 0.5em 0; }
#main article .article_body .article_body_main ol li li li { font-size: 1em; line-height: 2; margin:0 0 0.5em 0; }
#main article .article_body .article_body_main ol.brackets { list-style: none; }
#main article .article_body .article_body_main ol.brackets li { text-indent: -2.2em; }
#main article .article_body .article_body_main ol.terms { margin:0; }

#main article .article_body .article_body_main form table { width:100% !important; margin:5em 0; }
#main article .article_body .article_body_main form table th { width:35%; font-size: 1.3em; line-height: 1.5; padding:0.5em 0; }
#main article .article_body .article_body_main form table td { width:65%; padding:0.5em 0; }
#main article .article_body .article_body_main form input[type="text"],
#main article .article_body .article_body_main form input[type="tel"],
#main article .article_body .article_body_main form input[type="email"] { width:100% !important; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold; width:100%; background: var(--color_w); border:none; font-size: 1.3em; line-height: 1; padding:0.5em 0.75em; }
#main article .article_body .article_body_main form textarea { width:100% !important; height:15em !important; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: var(--color_w); border:none; font-size: 1.3em; line-height: 1.8; padding:0.5em 0.75em; }
#main article .article_body .article_body_main form button[type="submit"] { width:100% !important; cursor:pointer; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: transparent; color:var(--color_w); border:var(--border_b); font-size: 1.4em; padding:0.75em; margin-top:1em; }
#main article .article_body .article_body_main form button[type="submit"]:hover { border:var(--border_a); background: var(--color_k); color:var(--color_w); }
#main article .article_body .article_body_main .mfp_err { color:var(--color_w); margin:0.75em 0 0 0; font-size: 1em; line-height: 1; text-align: left; }
#main article .article_body .article_body_main .mfp_err,
#main article .article_body .article_body_main #mfp_hidden { display:none; }
#main article .article_body .article_body_main #mfp_confirm_table { width:100% !important; margin:3em 0 1em 0; }
#main article .article_body .article_body_main #mfp_confirm_table th { width:35%; font-size: 1.3em; line-height: 1.8; padding:0.5em 0; }
#main article .article_body .article_body_main #mfp_confirm_table td { width:65%; padding:0.5em 0; text-align: left; font-size: 1.3em; line-height: 1.8;  }
#main article .article_body .article_body_main #mfp_button_send { width:100% !important; cursor:pointer; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: transparent; color:var(--color_w); border:var(--border_b); font-size: 1.4em; line-height: 1.5; padding:0.5em 0.75em; margin-top:1em; }
#main article .article_body .article_body_main #mfp_button_send:hover { border:var(--border_a); background: var(--color_k); color:var(--color_w); }
#main article .article_body .article_body_main #mfp_button_cancel { width:100% !important; cursor:pointer; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: transparent; color:var(--color_w); font-size: 1.2em; line-height: 1.5; padding:0.5em 0.75em; }
#main article .article_body .article_body_main #mfp_button_cancel:hover { color:var(--color_k); }

#main article .article_body .article_body_main figure { margin: 7rem auto 7rem auto; }
#main article .article_body .article_body_main figure.wp-block-pullquote { margin: auto; padding:0; }
#main article .article_body .article_body_main figure.full { margin: 7rem -11.5%; }
#main article .article_body .article_body_main figure.size-medium { width:70%; margin: 7rem auto 7rem auto; height:auto; }
#main article .article_body .article_body_main figure figcaption { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 1.5em 0 0 0; }
#main article .article_body .article_body_main .full figcaption {  }
#main article .article_body .article_body_main .left figcaption { text-align: left; }
#main article .article_body .article_body_main .right figcaption { text-align: right; }

#main article .article_body .article_body_main .wp-block-columns { margin: 6rem 0; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column figure { margin:auto; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column figure.alignleft { margin: 0.5em 8% 5em -11.5%; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column figure.alignright { margin: 0.5em -11.5% 5em 8%; }
#main article .article_body .article_body_main .wp-block-columns.full { margin: 6rem -12.5%; }
#main article .article_body .article_body_main .wp-block-columns.fit { align-items: stretch; margin: 6rem 0; }
#main article .article_body .article_body_main .wp-block-columns.fit .wp-block-column { align-self: stretch; }
#main article .article_body .article_body_main .wp-block-columns.fit .wp-block-column .wp-block-image { height:100%; margin:auto; }
#main article .article_body .article_body_main .wp-block-columns.fit .wp-block-column .wp-block-image img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column:not(:first-child) { margin-left:3em }

#main article .article_body .article_body_main .wp-block-image { margin-top: 7em; }
#main article .article_body .article_body_main .wp-block-image.none { margin-top: 0 !important; margin-bottom: 0 !important; }
#main article .article_body .article_body_main .wp-block-image .alignleft.size-full { width:50%; margin: 0.5em 8% 5em -11.5%; }
#main article .article_body .article_body_main .wp-block-image .alignleft.size-large { width:50%; margin: 0.5em 8% 5em -11.5%; }
#main article .article_body .article_body_main .wp-block-image .alignleft.size-medium { width:30%; margin: 0.5em 8% 5em -11.5%; }
#main article .article_body .article_body_main .wp-block-image .alignright.size-full { width:50%; margin: 0.5em -11.5% 5em 8%; }
#main article .article_body .article_body_main .wp-block-image .alignright.size-large { width:50%; margin: 0.5em -11.5% 5em 8%; }
#main article .article_body .article_body_main .wp-block-image .alignright.size-medium { width:30%; margin: 0.5em -11.5% 5em 8%; }

#main article .article_body .article_body_main .wp-block-image+.wp-block-image { margin-top: 0; }
#main article .article_body .article_body_main .wp-block-image+.wp-block-columns { margin-top: 0; }
#main article .article_body .article_body_main .wp-block-columns+.wp-block-columns { margin-top: 0; }
#main article .article_body .article_body_main .wp-block-columns+h6 { margin: -4rem 0 6rem 0; }

#main article .article_body .article_body_main .wp-block-columns h2:first-child,
#main article .article_body .article_body_main .wp-block-columns h3:first-child,
#main article .article_body .article_body_main .wp-block-columns h4:first-child,
#main article .article_body .article_body_main .wp-block-columns h5:first-child,
#main article .article_body .article_body_main .wp-block-columns h6:first-child { margin-top:0; }

.bg { position: fixed; width:100%; height:100vh; content:""; left:0; top:0; z-index: -1; filter: grayscale(100%); filter: opacity(5%); }
.bg img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }

#main article .article_body.article_about { width:70%; margin:0 auto 10em auto; }
#main article .article_body.article_about .about_credit { text-align: right; font-size: 1em; line-height: 1; letter-spacing: var(--font_ls_ss); margin:1em 0 0 0; }

#main article .article_body .article_body_main .formmailer-embed { margin-top: 2rem; overflow: hidden; }
#main article .article_body.article_recruit { width:70%; margin:0 auto 10em auto; }
#main article .article_body.article_recruit ul {}
#main article .article_body.article_recruit ul li { font-size: 1.5em; line-height: 1.8em; text-align: left; border-left:solid 1px var(--color_w); padding:0 0 0 1.5em; margin:2em 0; }
#main article .article_body.article_recruit dl { border: solid 1px var(--color_k); padding:1em 3em; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; }
#main article .article_body.article_recruit dl dt { width:100%; font-size: 1.8em; line-height: 1.8em; color:var(--color_w); padding:1em 0 0.25em 0; border-top:solid 1px var(--color_k); }
#main article .article_body.article_recruit dl dd { width:100%; font-size: 1.5em; line-height: 1.8em; padding: 0 0 1em 0; }
#main article .article_body.article_recruit dl dt:first-of-type,
#main article .article_body.article_recruit dl dd:first-of-type { border-top:none; }
#main article .article_body.article_recruit dl dd a { display: block; text-align: center; background-color: var(--color_k); color:var(--color_w); border-radius: 2em; padding:0.25em 1.5em; margin:0.75em 0; font-size: 0.85em; }
#main article .article_body.article_recruit dl dd a:hover { background-color: var(--color_w); color:var(--color_k); }
#main article .article_body.article_recruit dl dd small { display:inline-block; font-size: 0.85em; line-height: 1.6em; margin-top:0.75em; }

#main article .article_body .recruit_outline { border-bottom: solid 1px var(--color_k); }
#main article .article_body .recruit_outline .recruit_outline_item {  }
#main article .article_body .recruit_outline .recruit_outline_item details { padding: 1.5rem 2rem; border-top:solid 1px var(--color_k); border-left: solid 1px var(--color_k); border-right: solid 1px var(--color_k); }
#main article .article_body .recruit_outline .recruit_outline_item summary { display:flex; justify-content: space-between; list-style: none; font-size: 1.8em; cursor: pointer; }
#main article .article_body .recruit_outline .recruit_outline_item summary::after { content:"＋"; }
#main article .article_body .recruit_outline .recruit_outline_item details[open] summary { margin: 0 0 1em 0; }
#main article .article_body .recruit_outline .recruit_outline_item details[open] summary::after { content:"−"; }
#main article .article_body .recruit_outline .recruit_outline_item summary::marker,
#main article .article_body .recruit_outline .recruit_outline_item summary::-webkit-details-marker { display:none !important; }
#main article .article_body .recruit_outline .recruit_outline_ex { font-size: 0.9em; }
#main article .article_body .recruit_outline .recruit_outline_item details>*:not(summary) {overflow: hidden; max-height: 0; opacity: 0; transition: max-height 1s ease, opacity 0.3s ease; }
#main article .article_body .recruit_outline .recruit_outline_item details[open]>*:not(summary) { max-height: 9999px; opacity: 1; }

#main article .article_share { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; margin:3rem 0; }
#main article .article_share ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#main article .article_share li { font-size: 1.8em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0 0.5em; }
#main article .article_share li:first-child { font-size: 1.2em; margin: 0 2em 0 0.5em; }

#main article .article_tags { position: absolute; left:4em; top:65em; }
#main article .article_tags li { font-size: 1.5em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0 0 1em 0; }
#main article .article_tags li a::before { content:"♯"; }

#main article .article_next { width:85%; border:var(--border_a); font-size: 1.3em; line-height: 1.5; letter-spacing: var(--font_ls_s); padding:1em; margin:6rem auto 6rem auto; }

#main .article_body_information { width: 85%; margin:5rem auto 0 auto; padding:3em; border:var(--border_a); display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#main .article_body_information figure { width:45%; }
#main .article_body_information figure+dl { width:50%; text-align: left; }
#main .article_body_information dl { width:100%; text-align: left; }
#main .article_body_information dl dt { font-size: 1.5em; line-height: 2; letter-spacing: var(--font_ls_ss); margin-bottom:0.5em; }
#main .article_body_information dl dd { font-size: 1.2em; line-height: 2; letter-spacing: var(--font_ls_ss); }
#main .article_body_information a { color: var(--color_w); text-decoration: underline; }
#main .article_body_information a:hover { color: var(--color_k); }

#main .article_body_auther { width: 85%; margin:auto;  border-left: var(--border_a); border-right: var(--border_a); padding: 0 5em; margin: 5rem auto 5rem auto; }
#main .article_body_auther { display: flex; flex-direction: row; flex-wrap:nowrap; justify-content: space-between; align-items: center; }
#main .article_body_auther figure { width: 20%; }
#main .article_body_auther figure+.article_body_auther_profile { width: 75%; }
#main .article_body_auther .article_body_auther_profile { width: 100%; }
#main .article_body_auther .article_body_auther_name { font-size: 1.3em; line-height: 1.8; letter-spacing: var(--font_ls_m); text-align: left; margin: 0 0 1em 0; }
#main .article_body_auther .article_body_auther_ex { font-size: 1.1em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify;  }
#main .article_body_auther .article_body_auther_ex a { color: var(--color_w); text-decoration: underline; }
#main .article_body_auther .article_body_auther_ex a:hover { color: var(--color_k); }

/* footer */
#footer { position: relative; width: var(--c_width); margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin: 3rem auto 3rem auto; }
#footer .footer_head { width: 40%; text-align: left; }
#footer .footer_head p { font-size: 0.7em; letter-spacing: var(--font_ls_ss); margin: 0 0 0 0; }
#footer .footer_nav {  width: 50%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#footer .footer_nav p { font-size: 1.6em; letter-spacing: var(--font_ls_m); text-align: left; }
#footer .footer_nav .footer_nav_gnav { width: 100%; margin: 1.75em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#footer .footer_nav .footer_nav_gnav li { font-size: 2.2em; letter-spacing: var(--font_ls_ss); }
.about #footer .footer_nav .footer_nav_gnav li.footer_nav_about a,
.feature #footer .footer_nav .footer_nav_gnav li.footer_nav_feature a,
.column #footer .footer_nav .footer_nav_gnav li.footer_nav_column a,
.news #footer .footer_nav .footer_nav_gnav li.footer_nav_news a,
.store #footer .footer_nav .footer_nav_gnav li.footer_nav_store a { color: var(--color_w); }
#footer .footer_nav .footer_nav_gnav li::after { content: "／"; }
#footer .footer_nav .footer_nav_gnav li:last-child::after { content: ""; }
#footer .footer_nav .footer_nav_snav { width: auto; }
#footer .footer_nav .footer_nav_snav li { font-size: 1.2em; letter-spacing: var(--font_ls_ss); text-align: left; margin:  0 0 0.35em 0; }
.company #footer .footer_nav .footer_nav_snav li.footer_nav_company a,
.privacy #footer .footer_nav .footer_nav_snav li.footer_nav_privacy a,
.inquiry #footer .footer_nav .footer_nav_snav li.footer_nav_inquiry a { color: var(--color_w); }
#footer .footer_nav .footer_nav_sns { position: absolute; right: 1em; bottom: 2em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#footer .footer_nav .footer_nav_sns li { font-size: 2.5em; margin: 0 0 0 1em; }
#footer .footer_nav .footer_nav_gnav li.footer_nav_spacer { width:100%; }
#footer .footer_nav .footer_nav_gnav li.footer_nav_spacer::after { content: ""; }

/* sp */
@media screen and (max-width: 600px) {
body { font-size: 12px; }

/* var */
:root {
  --c_width: 80%;
  --border_a: solid #222222 0.08rem;
  --border_b: solid #ffffff 0.08rem;
  --color_k: #222222;
  --color_w: #ffffff;
  --color_a: #65A2BC;
  --color_b: #5CA063;
  --color_c: #DD8998;
  --color_d: #CFB45A;
  --color_e: #999999;
  --font_yu: YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font_gmb: "中ゴシックBBB", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font_mb1: "見出しゴMB31", YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --font_ls_ss: 0.05em;
  --font_ls_s: 0.1em;
  --font_ls_m: 0.15em;
  --font_mg_m: 3em 0 1.5em 0;
  --font_mg_l: 3em 0 1.5em 0;
}

/* options */
.pc { display: none; }
.sp { display: block; }
.pcbr { display: inline; }
.spbr { display: block; }
.pc_inline { display: none; }
.sp_inline { display: inline; }

/* wrapper */
#wrapper { min-width:0; }

/* common */
.l2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; }
.l2 .li { width: 100%; margin: 0 0 2rem 0; }
.l2.l2_sp .li { width: 48%; margin: 0 4% 2rem 0; }
.l2.l2_sp .li:nth-last-child(-n+2) { margin: 0 4% 2rem 0; }
.l2.l2_sp .li:nth-child(2n) { margin: 0 0 2rem 0; }
.l2.l2_sp .li:nth-child(2n+1) { clear: both; }
.l2 .li.fit img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.l2 .li.li_2_3 { width: 100%; }
.l2 .li.li_1_3 { width: 100%; }
.l2 .li:nth-child(2n) { margin: 0 0 2rem 0; }
.l2 .li:nth-child(2n+1) { clear: both; }
.l2 .li:nth-last-child(-n+2) { margin: 0 0 2rem 0; }
.l3 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.l3 .li { width: 100%; margin: 0 0 2rem 0; }
.l3 .li:nth-child(3n) { margin-right: 0; }
.l3 .li:nth-child(3n+1) { clear: both; }
.l3 .li:nth-last-child(-n+3) { margin: 0 0 2rem 0; }
.l3n { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.l3n .li { width: 100%; margin: 0 0 0 0; }
.l3n .li:nth-child(3n+1) { clear: both; }
.l4 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.l4 .li { width: 100%; margin: 0 0 2rem 0; }
.l4 .li:nth-child(4n) { margin-right: 0; }
.l4 .li:nth-child(4n+1) { clear: both; }
.l4 .li.fix { height:15em; }

.l4.l4_sp .li { width: 48%; margin: 0 4% 0.8rem 0; }
.l4.l4_sp .li:nth-last-child(-n+2) { margin: 0 4% 0.8rem 0; }
.l4.l4_sp .li:nth-child(4n) { margin: 0 4% 0.8rem 0; }
.l4.l4_sp .li:nth-child(4n+1) { clear: both; }
.l4.l4_sp .li:nth-child(2n) { margin: 0 0 0.8rem 0; }
.l4.l4_sp .li:nth-child(2n+1) { clear: both; }

.li.fix img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.no_trim { height:auto !important; }
.no_trim img { object-fit: contain !important; }

/* header */
#header { position: relative; display: flex; flex-direction: row; flex-wrap:nowrap; justify-content: center; align-items: center; }
#header .header_logo { position: absolute; top: 0.2em; left: 0.2em; z-index: 777; width: 4em; }
#header .header_nav { display:none; padding: 2rem 0; }
#header .header_nav ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#header .header_nav ul li { font-size: 2.3em; letter-spacing: var(--font_ls_s); }
.about #header .header_nav ul li.header_nav_about a,
.feature #header .header_nav ul li.header_nav_feature a,
.column #header .header_nav ul li.header_nav_column a,
.news #header .header_nav ul li.header_nav_news a,
.store #header .header_nav ul li.header_nav_store a { color: var(--color_w); }
#header .header_nav ul li::after { content: "／"; }
#header .header_nav ul li:last-child::after { content: ""; }
#header .header_subtitle { font-size: 0.8em; letter-spacing: var(--font_ls_m); margin: 1.5em 3em 0 0; text-align: left; }

/* header_home */
#header_home {  }
#header_home .header_logo { padding:1em 14% 0 0; }
#header_home .header_nav { display:none; position: absolute; top: 26rem; left: 2rem; white-space:nowrap; }
#header_home .header_nav ul { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#header_home .header_nav ul li { font-size: 2.3em; letter-spacing: var(--font_ls_m); }
#header_home .header_nav ul li::after { content: "／"; }
#header_home .header_nav ul li:last-child::after { content: ""; }
#header_home .header_subtitle { position: absolute; top:22em; left:0.4em; font-size: 1.3em; letter-spacing: var(--font_ls_ss); margin: 1.5em 3em 0 0; text-align: left; }

/* voice */
.voice { letter-spacing: var(--font_ls_ss); position: absolute; top: 8rem; right: 1rem; white-space:nowrap; }
.home .voice { top: 8rem; }
.voice { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.voice dl { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.voice .voice_head { font-size: 1.3em; line-height: 1; }
.voice .voice_title { font-size: 1.3em; line-height: 1; letter-spacing: 0; margin:0 0 1.5em 0; }
.voice .voice_date { font-size: 1.3em; line-height: 1; margin:0 0 1em 0; border-left:var(--border_a); }
.voice .voice_sns { display:none; }
.voice .voice_sns li { font-size: 1.2em; line-height: 1; margin:0 0 1em 0;}

/* boku */
#boku { width:7em; padding:0 0 0 0; position:fixed; right:0.5rem; z-index:777; padding:0 0 0 0; }
.home #boku { width:7em; padding:0 0 0 0; }

/* main */
#main { width: var(--c_width); margin: auto; }

/* top_feature */
#main .top_feature { width: 100%; margin: 1rem 0 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#main .top_feature .top_feature_title { order:2; width: 100%; text-align: center; margin: 0 0 3em 0; }
#main .top_feature .top_feature_title .top_feature_head { font-size: 1.5em; line-height: 1; letter-spacing: var(--font_ls_s); }
#main .top_feature .top_feature_title .top_feature_theme { font-size: 3.5em; line-height: 1.3; letter-spacing: var(--font_ls_s); margin: 0.75em 0; }
#main .top_feature .top_feature_title .top_feature_vol { font-size: 2em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0 0 1.5em 0; }
#main .top_feature .top_feature_title a { font-size: 2em; line-height: 1; color: var(--color_w); letter-spacing: var(--font_ls_s); }
#main .top_feature .top_feature_cover { order:1; width: 100%; mix-blend-mode: multiply; margin: 0 0 1em 0; }

/* top_topics */
#main .top_topics { width: 100%; border-top: var(--border_a); border-bottom: var(--border_a); margin: 0 auto 2rem auto; padding:2em 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#main .top_topics .top_topics_update { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#main .top_topics .top_topics_update dt { font-size: 1.1em; line-height: 1; margin:0 0 1em 0; }
#main .top_topics .top_topics_update dd { font-size: 1.5em; line-height: 1.3; margin:0 0 1.5em 0; }
#main .top_topics .top_topics_sns { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
#main .top_topics .top_topics_sns li { font-size: 2em; line-height: 1;  margin:0 0 0 0.75em; }
#main .top_topics .top_topics_sns li:first-child { font-size: 1.1em; line-height: 1; margin:0 0.75em 0 0; }

/* top_feature_list */
#main .top_feature_list { margin: 0rem -12.5% 2rem -12.5%; }
#main .top_feature_list .slide_1 { padding: 0 0 0 0; }
#main .top_feature_list figure { position: relative; margin: 0 0 3rem 0; height:30em; }
#main .top_feature_list figure.no_trim { height:25em !important; background-color: #4a859e; }
#main .top_feature_list figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
#main .top_feature_list figure figcaption { position: absolute; bottom: -0.5em; right: 1em; font-size: 5em; line-height: 1; color: var(--color_w); }
#main .top_feature_list .top_feature_list_title { font-size: 2em; line-height: 1.4; letter-spacing: var(--font_ls_ss); margin: 0.5em 0; }
#main .top_feature_list .top_feature_list_auther { font-size: 1.2em; line-height: 1.s; letter-spacing: var(--font_ls_s); margin: 1em 0; }
#main .top_feature_list .top_feature_list_time { font-size: 0.9em; line-height: 1; letter-spacing: var(--font_ls_s);  }
#main .top_feature_list .top_feature_profile { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_s);  text-align: justify; border-left:var(--border_a); border-right:var(--border_a); width:80%; margin:5em auto 0 auto; padding:0 2em; }
#main .top_feature_list .top_feature_profile strong { font-family: var(--font_mb1) !important; }
#main .top_feature_list .top_feature_head h2 { font-size: 2em; line-height: 1.2; letter-spacing: var(--font_ls_m); margin: 0 auto 2rem auto; }

/* top_onlinestore */
#main .top_onlinestore { margin: 0rem -12.5% 2rem -12.5%; padding:5rem 0; border-top: var(--border_a); }
#main .top_onlinestore .top_onlinestore_head { display:flex; justify-content:center; align-items: center; margin:0 0 2rem 0; background-color: var(--color_e); }
#main .top_onlinestore .top_onlinestore_head h2 { font-size:2.4em; line-height: 1.2em; margin:0 0 0 0; }
#main .top_onlinestore .top_onlinestore_head h2 span { margin-right:0; }
#main .top_onlinestore .top_onlinestore_head .top_onlinestore_head--link a { font-size: 1.7em; color:var(--color_w); }
#main .top_onlinestore .top_onlinestore_list { display:flex; justify-content: flex-start; gap:2rem; background-color: var(--color_e); padding: 3rem 2rem 3rem 2rem; margin:0 0 0 0; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide {  }
#main .top_onlinestore .top_onlinestore_list .swiper-slide figure { aspect-ratio: 3/4; margin:0 0 1rem 0; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide figure img { object-fit: cover; width:100%; height:100%; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide .top_onlinestore_list--title { font-size:1.3em; line-height: 1.4em; text-align: left; margin:0 0 0.5em 0; }
#main .top_onlinestore .top_onlinestore_list .swiper-slide .top_onlinestore_list--price { font-size:1.3em; line-height: 1.4em; text-align: left; }
#main .top_onlinestore .swiper-button-prev,
#main .top_onlinestore .swiper-button-next { top:2rem; }
.top_onlinestore_btn { z-index: 777; position: fixed; left:auto; right:0; }
.top_onlinestore_btn a { padding:0.7rem; background-color: var(--color_a); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.top_onlinestore_btn a .icon { font-size: 1.8em; line-height: 1em; margin-top:0.25em; }
.top_onlinestore_btn a .onlinestore_btn--title--a { font-family: var(--font_mb1) !important; letter-spacing: var(--font_ls_ss); font-size: 1em; font-weight: 700; line-height: 1em; display:block; }
.top_onlinestore_btn a .onlinestore_btn--title--b { font-family: var(--font_mb1) !important; font-size: 0.7em; font-weight: 700; line-height: 1.1em; display: block; margin-top:0.5em; }
body.feature_a .top_onlinestore_btn a { background-color: var(--color_a); }
body.feature_b .top_onlinestore_btn a { background-color: var(--color_b); }
body.feature_c .top_onlinestore_btn a { background-color: var(--color_c); }
body.feature_d .top_onlinestore_btn a { background-color: var(--color_d); }
body.column .top_onlinestore_btn a { background-color: var(--color_e); }
body.column.bonjour--a .top_onlinestore_btn a { background-color: var(--color_f); }
body.column.bonjour--b .top_onlinestore_btn a { background-color: var(--color_g); }
body.column.bonjour--c .top_onlinestore_btn a { background-color: var(--color_h); }
body.column.bonjour--d .top_onlinestore_btn a { background-color: var(--color_i); }

/* articles */
#main .articles { border-top: var(--border_a); padding: 2rem 0; }
#main .articles:first-child { border-top: none; }
#main .articles .articles_head h2 { font-size: 2em; line-height: 1; letter-spacing: var(--font_ls_m); margin: 0 auto 2rem auto; }
#main .articles:first-child .articles_head h2 { margin: 2rem auto 2rem auto; }
#main .articles .articles_head div { display: none; }
#main .articles .articles_list a { display: flex; flex-direction: column; }
#main .articles .articles_list .articles_list_series { font-size: 1.2em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 1.5em 0 0 0; }
#main .articles .articles_list .articles_list_title { font-size: 1.8em; line-height: 1.4; letter-spacing: var(--font_ls_ss); margin: 0.75em 0; }
#main .articles .articles_list .articles_list_time { font-size: 0.9em; line-height: 1; letter-spacing: var(--font_ls_s); }
#main .articles .articles_list .articles_list_link { font-size: 2em; line-height: 1; letter-spacing: var(--font_ls_s); color: var(--color_w); margin: 0.5em 0; }
#main .articles .articles_list figure { height:18em; }
#main .articles .articles_list figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.tag #main .articles .articles_list figure,
.search #main .articles .articles_list figure { height:25em; }
#main .articles .featue_list a { display: flex; flex-direction: column; padding: 2rem; }
#main .articles .featue_list figure img { mix-blend-mode: multiply; }
#main .articles .featue_list .feature_a a { background-color: var(--color_a); }
#main .articles .featue_list .feature_b a { background-color: var(--color_b); }
#main .articles .featue_list .feature_c a { background-color: var(--color_c); }
#main .articles .featue_list .feature_d a { background-color: var(--color_d); }
#main .articles .featue_list .featue_list_title { font-size: 2.5em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
#main .articles .featue_list .featue_list_vol { font-size: 1.4em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
#main .articles .featue_list .featue_list_link { font-size: 2em; line-height: 1; letter-spacing: var(--font_ls_s); color: var(--color_w); margin: 0.5em 0; }

#main .articles .column_list a { display: flex; flex-direction: column; margin:0 0 1em 0; }
#main .articles .column_list figure { margin: 0 0 1.5em 0; }
#main .articles .column_list dl { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#main .articles .column_list dl dt { font-size: 3em; text-align: center; line-height: 1.5; letter-spacing: var(--font_ls_ss); color: var(--color_w); margin:0 0.5em 0 0; width:2.5em; white-space: nowrap; }
#main .articles .column_list dl dd { text-align: left; }
#main .articles .column_list .column_list_title { font-size: 1.5em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0 0 0.5em 0; }
#main .articles .column_list .column_list_time { font-size: 0.9em; line-height: 1; letter-spacing: var(--font_ls_s); }

/* archives */
#main .archives { border-top: var(--border_a); padding: 2rem 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#main .archives:first-child { border-top: none; }
#main .archives .archives_head { width: 100%; padding: 3em 0 3em 0; }
#main .archives .archives_head figure { margin: 0 0 2rem 0; }
.feature #main .archives .archives_head figure { mix-blend-mode: multiply; }
#main .archives .archives_head .archive_head_series { font-size: 1.4em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: center; margin: 1em 0; }
#main .archives .archives_head .archive_head_title { font-size: 2.5em; line-height: 1.3; letter-spacing: var(--font_ls_m); text-align: center; margin: 0 0 1em 0; }
#main .archives .archives_head .archive_head_ex { font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 0.5em 0; }
#main .archives .archives_head .archive_head_ex { font-size: 1.25em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 2em 0; }
#main .archives .archives_list { width: 100%; }
#main .archives .archives_list { display: flex; flex-direction: column; }
#main .archives .archives_list li { margin: 0 0 2rem 0; }
#main .archives .archives_list li a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#main .archives .archives_list li a figure { width: 40%; position: relative; height:10em; }
#main .archives .archives_list li a figure.no_trim { width: 40%; position: relative; height:10em !important; background-color: #4a859e; }
#main .archives .archives_list li a figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
#main .archives .archives_list li a figure figcaption { position: absolute; bottom: -0.35em; right: 0.5em; font-size: 4em; line-height: 1; color: var(--color_w); }
#main .archives .archives_list li a .archives_list_txt { width: 50%; text-align: left; display: flex; flex-direction: column; }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_title { font-size: 1.4em; line-height: 1.4; letter-spacing: var(--font_ls_s); }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_type { font-size: 1em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0.75em 0; }
#main .archives .archives_list li a .archives_list_txt .archives_list_txt_ex { font-size: 1em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0.75em 0; }
#main .archives .archives_list li.archives_list_next { border: var(--border_a); font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_s); padding: 1.5em; }

/* pickup */
#main .pickup {  }
#main .pickup .pickup_ex { border-top: var(--border_a); padding: 2rem 0; }
#main .pickup .pickup_ex a { margin:0 -5%; color: var(--color_k); background-color:var(--color_d); padding: 2rem; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
.feature_d #main .pickup .pickup_ex a { background-color:var(--color_a); }
#main .pickup .pickup_ex a:hover { background-color:var(--color_w); }
#main .pickup .pickup_ex a figure { width: 100%; margin:0 0 1rem 0; }
#main .pickup .pickup_ex a .pickup_txt { width: 100%; text-align: center; display: flex; flex-direction: column; }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_series { font-size: 1.2em; line-height: 1; text-align: center; display: flex; flex-direction: column; margin: 0.75em 0; }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_title { font-size: 1.8em; line-height: 1.5; text-align: center; letter-spacing: var(--font_ls_ss); }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_time { font-size: 0.8em; line-height: 1; text-align: center; letter-spacing: var(--font_ls_s); margin: 1em 0 2em 0; }
#main .pickup .pickup_ex a .pickup_txt .pickup_txt_ex { font-size: 1em; line-height: 1.8; text-align: justify; letter-spacing: var(--font_ls_s); margin: 0.75em 0 0 0; }
#main .pickup .pickup_ex:nth-child(even) a { flex-direction: column; background-color:var(--color_b); }
.feature_b #main .pickup .pickup_ex:nth-child(even) a { background-color:var(--color_a); }
#main .pickup .pickup_ex:nth-child(even) a:hover { background-color:var(--color_w); }

/* store */
#main .store { border-top: var(--border_a); padding: 2rem 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
#main .store .store_head { width: 100%; }
#main .store .store_head h2 { font-size: 1.6em; line-height: 1; letter-spacing: var(--font_ls_ss); border-right:none; padding: 0 0 0 0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-feature-settings : "palt"; }
#main .store .store_bn { width: 100%; }
#main .store .store_bn figure { display: flex; flex-direction: column; flex-wrap: wrap; justify-content:center; align-items: center; }
#main .store .store_bn figure img { width: 100%; margin:2em 0; }
#main .store .store_bn figure figcaption { font-size: 1.6em; line-height: 1; letter-spacing: var(--font_ls_ss); padding: 0 0 0 0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-feature-settings : "palt"; }

/* article */
#main article {  }

.feature #main article .article_header { margin: 1rem 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.feature #main article .article_header .article_header_txt { padding:7em 0 4em 0; width: 100%; display: flex; flex-direction: column; }
.feature #main article .article_header .article_header_txt .article_header_txt_l { display: flex; flex-direction: column; }
.feature #main article .article_header .article_header_txt .article_header_txt_series { font-size: 1.4em; line-height: 1; letter-spacing: var(--font_ls_s); }
.feature #main article .article_header .article_header_txt .article_header_txt_series_name { font-size: 2.2em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
.feature #main article .article_header .article_header_txt .article_header_txt_series_num { font-size: 3.5em; line-height: 1; color: var(--color_w); letter-spacing: var(--font_ls_s); margin: 0.15em 0; }
.feature #main article .article_header .article_header_txt .article_header_txt_series_title { font-size: 2.2em; line-height: 1.3; letter-spacing: var(--font_ls_s); margin: 0.5em 0; }
.feature #main article .article_header .article_header_txt .article_header_txt_series_auther { font-size: 1.1em; line-height: 1.5; letter-spacing: var(--font_ls_s); }
.feature #main article .article_header .article_header_txt .article_header_txt_series_lead { padding: 0 10%; font-size: 1.3em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 2em 0 0 0; }
.feature #main article .article_header figure { width: 100%; position: relative; height:auto; min-height:0; max-height:65em; }
.feature #main article .article_header figure img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.feature #main article .article_header figure figcaption { font-size: 0.8em; line-height: 1.8; letter-spacing: var(--font_ls_s); margin-top:1em; text-align: justify; }

.feature #main article .article_header.article_header_w .article_header_txt { padding:7em 0 4em 0; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.feature #main article .article_header.article_header_w .article_header_txt_l { width: 100%; display: flex; flex-direction: column;  }
.feature #main article .article_header.article_header_w .article_header_txt_r { width: 100%; }
.feature #main article .article_header.article_header_w figure { width: 100%; position: relative; height:auto; }
.feature #main article .article_header.article_header_w figure img { object-fit: contain; width:100%; height:100%; }
.feature #main article .article_header.article_header_w figure figcaption { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_s); margin-top:1.5em; text-align: justify; }

.column #main article .article_header { margin: 4rem 0 0 0; display: flex; flex-direction: column; }
.column #main article .article_header .article_header_thumb { order:2; margin:0 0 0 0; }
.column #main article .article_header .article_header_thumb img { object-fit: cover; font-family: 'object-fit: cover;'; width:100%; height:100%; }
.column #main article .article_header .article_header_thumb figcaption { text-align: left; padding:1em 0; font-size: 0.9em; line-height: 1.5; letter-spacing: var(--font_ls_s); }
.column #main article .article_header .article_header_ex { order:1; padding:3em 0 3em 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.column #main article .article_header .article_header_ex .credit { font-size: 0.7em; text-align: left; margin:1em 0 0 0; }
.column #main article .article_header .article_header_cover { order:1; width: 80%; }
.column #main article .article_header .article_header_vol { order:2; font-size: 3em; line-height: 1; letter-spacing: var(--font_ls_s); color: var(--color_w); padding:1em 0 0.5em 0; }
.column #main article .article_header .article_header_txt { order:3; padding: 0 0 0 0; display: flex; flex-direction: column; }
.column #main article .article_header .article_header_txt .article_header_txt_series { font-size: 1.2em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 1em 0; }
.column #main article .article_header .article_header_txt .article_header_txt_series_title { font-size: 1.8em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 0 0 1em 0; }
.column #main article .article_header .article_header_txt .article_header_txt_series_auther { font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_s); }
.column #main article .article_header .article_header_txt .article_header_txt_series_type { font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_s); }
.column #main article .article_header.article_header_w { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.column #main article .article_header.article_header_w .article_header_thumb { order:2; width:100%; margin:0 0 0 0; }
.column #main article .article_header.article_header_w .article_header_ex { order:1; width:100%; flex-direction: column; }
.column #main article .article_header.article_header_w .article_header_cover { width: 80%; }
.column #main article .article_header.article_header_w .article_header_vol { order:1; font-size: 4em; padding:1em 0 0.2em 0; }
.column #main article .article_header.article_header_w .article_header_txt { order:3; }
.column #main article .article_header.article_header_w .article_header_txt .article_header_txt_series_title { font-size: 2em; line-height: 1.4; }
.column #main article .article_header .article_header_txt_series_btn { width: 10vw; left:0; bottom:20%; }
.column #main article .article_header .article_header_txt_series_btn a { width: 10vw; font-size: 1.2rem; line-height: 1; padding:1em 0 0.5em 0; }

.news #main article .article_header { margin: 4rem 0 2rem 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.news #main article .article_header .article_header_txt .article_header_txt_series_title { font-size: 1.8em; line-height: 1.4; letter-spacing: var(--font_ls_s); margin: 2em 0 1em 0; }
.news #main article .article_header .article_header_txt .article_header_txt_series_auther { font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_s); }

#main article .article_body { margin: auto; }
#main article .article_body .article_body_lead { width: 100%; border-left: var(--border_a); border-right: var(--border_a); padding: 0 3em; margin: 2rem auto 2rem auto; }
#main article .article_body .article_body_lead p { font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 0 0 1em 0; }
#main article .article_body .article_body_main { width: 100%; margin:auto; }
#main article .article_body .article_body_main h1 { font-size: 2.2em; line-height: 1.8; margin: var(--font_mg_l); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main h2 { font-size: 1.6em; line-height: 1.8; margin: var(--font_mg_l); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main .photo+h2 { margin-top:1.6em; }
#main article .article_body .article_body_main h3 { font-size: 1.5em; line-height: 1.5; margin: var(--font_mg_m); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main h3 .f_s { font-size: 0.7em; line-height: 1.5; vertical-align: middle; margin:0 0.5em; }
#main article .article_body .article_body_main h4 { font-size: 1.4em; line-height: 1.5; margin: var(--font_mg_m); letter-spacing: var(--font_ls_m); color: var(--color_w); }
#main article .article_body .article_body_main h5 { color: var(--color_w); opacity: 0.5; font-size: 1.25em; line-height: 1.8; letter-spacing: var(--font_ls_ss); margin:var(--font_mg_m); text-align: justify; }
#main article .article_body .article_body_main h5::before { opacity: 0.5; content:""; border-top:solid 1px var(--color_w); display:inline-block; width:5em; }
#main article .article_body .article_body_main figure+h5 { margin-top:0; }
#main article .article_body .article_body_main h6 { font-size: 0.8em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 1.5em 0 5em 0; }
#main article .article_body .article_body_main p { font-size: 1.25em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 0 0 1em 0; }
#main article .article_body .article_body_main p strong { font-family: var(--font_gmb) !important; color: var(--color_w); opacity: 0.5; }
#main article .article_body .article_body_main p a { color: var(--color_w); text-decoration: underline; }
#main article .article_body .article_body_main p a:hover { color: var(--color_k); }
#main article .article_body .article_body_main blockquote { font-family: var(--font_mb1); width:100%; font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify;  color: var(--color_k); border-left:var(--border_a); border-right:var(--border_a); padding:0 2em; margin:2em auto 2em auto; }
#main article .article_body .article_body_main blockquote p { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify; margin: 0; }
#main article .article_body .article_body_main blockquote cite { display:block; font-size: 0.7em; margin-top:0.75em; }
#main article .article_body .article_body_main strong { font-family: var(--font_mb1) !important; }
#main article .article_body .article_body_main .formmailer-embed { margin-top: 2rem; border-radius: 0.5rem; overflow: hidden; padding-top:1rem; }

#main article .article_body .article_body_main ol { line-height: 1.8; margin:1.5em 0 1.5em 0; list-style-type: decimal; padding:0 0 0 2.2em; text-align: left; }
#main article .article_body .article_body_main ol i { font-size: 1em; color:var(--color_w); margin:0 0.2em 0 0; }
#main article .article_body .article_body_main ol li { font-size: 1em; line-height: 1.8; margin:0 0 0.5em 0; }
#main article .article_body .article_body_main ol li li { font-size: 1em; line-height: 1.8; margin:0 0 0.5em 0; }
#main article .article_body .article_body_main ol li li li { font-size: 1em; line-height: 1.8; margin:0 0 0.5em 0; }
#main article .article_body .article_body_main ol.brackets { list-style: none; }
#main article .article_body .article_body_main ol.brackets li { text-indent: -2.2em; }
#main article .article_body .article_body_main ol.terms { margin:0; }

#main article .article_body .article_body_main form table { width:100% !important; margin:5em 0; }
#main article .article_body .article_body_main form table th { display:block; width:100%; font-size: 1.2em; line-height: 1.5; padding:1em 0 0 0; }
#main article .article_body .article_body_main form table td { display:block; width:100%; padding:0.5em 0 0 0; }
#main article .article_body .article_body_main form input[type="text"],
#main article .article_body .article_body_main form input[type="tel"],
#main article .article_body .article_body_main form input[type="email"] { width:100% !important; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold; width:100%; background: var(--color_w); border:none; font-size: 1.2em; line-height: 1; padding:0.5em 0.75em; }
#main article .article_body .article_body_main form textarea { width:100% !important; height:15em !important; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: var(--color_w); border:none; font-size: 1.2em; line-height: 1.8; padding:0.5em 0.75em; }
#main article .article_body .article_body_main form button[type="submit"] { width:100% !important; cursor:pointer; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: transparent; color:var(--color_w); border:var(--border_b); font-size: 1.3em; line-height: 1; padding:0.75em; margin-top:1em; }
#main article .article_body .article_body_main form button[type="submit"]:hover { border:var(--border_a); background: var(--color_k); color:var(--color_w); }
#main article .article_body .article_body_main .mfp_err { color:var(--color_w); margin:0.75em 0 0 0; font-size: 1em; line-height: 1; text-align: left; }
#main article .article_body .article_body_main .mfp_err,
#main article .article_body .article_body_main #mfp_hidden { display:none; }
#main article .article_body .article_body_main #mfp_confirm_table { width:100% !important; margin:3em 0 1em 0; }
#main article .article_body .article_body_main #mfp_confirm_table th { display:block; width:100%; font-size: 1.2em; line-height: 1.8; padding:1em 0 0 0; }
#main article .article_body .article_body_main #mfp_confirm_table td { display:block; width:100%; padding:0.5em 0 0 0; text-align: left; font-size: 1.2em; line-height: 1.8;  }
#main article .article_body .article_body_main #mfp_button_send { width:100% !important; cursor:pointer; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: transparent; color:var(--color_w); border:var(--border_b); font-size: 1.3em; line-height: 1.5; padding:0.5em 0.75em; margin-top:1em; }
#main article .article_body .article_body_main #mfp_button_send:hover { border:var(--border_a); background: var(--color_k); color:var(--color_w); }
#main article .article_body .article_body_main #mfp_button_cancel { width:100% !important; cursor:pointer; border-radius: 0.2em; font-family: var(--font_yu); font-weight: bold;  width:100%; background: transparent; color:var(--color_w); font-size: 1.1em; line-height: 1.5; padding:0.5em 0.75em; }
#main article .article_body .article_body_main #mfp_button_cancel:hover { color:var(--color_k); }

#main article .article_body .article_body_main figure { margin: 2rem auto 2rem auto; }
#main article .article_body .article_body_main figure.wp-block-pullquote { margin: auto; padding:0;  }
#main article .article_body .article_body_main figure.full { margin: 2rem -12.5%; }
#main article .article_body .article_body_main figure.size-medium { width:100%; margin: 2rem auto 2rem auto; height:auto; }
#main article .article_body .article_body_main figure figcaption { font-size: 0.8em; line-height: 1.8; letter-spacing: var(--font_ls_s); text-align: justify; margin: 1.5em 0 0 0; }
#main article .article_body .article_body_main .full figcaption { margin: 1em 10% 2em 10%; }
#main article .article_body .article_body_main .left figcaption { text-align: left; }
#main article .article_body .article_body_main .right figcaption { text-align: right; }

#main article .article_body .article_body_main .wp-block-columns { margin: 2rem 0; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column figure { margin: 1rem auto 1rem auto; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column figure.alignleft { margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column figure.alignright { margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-columns.full { margin: 0 -12.5%; }
#main article .article_body .article_body_main .wp-block-columns.fit { align-items: flex-start; margin: 2rem 0; }
#main article .article_body .article_body_main .wp-block-columns.fit .wp-block-column { align-self: flex-start; }
#main article .article_body .article_body_main .wp-block-columns.fit .wp-block-column .wp-block-image { margin: 1rem auto 1rem auto; }
#main article .article_body .article_body_main .wp-block-columns.fit .wp-block-column .wp-block-image img { object-fit: contain; width:100%; height:auto; }
#main article .article_body .article_body_main .wp-block-columns .wp-block-column:not(:first-child) { margin-left:0 }

#main article .article_body .article_body_main .wp-block-image { margin-top: 2em; }
#main article .article_body .article_body_main .wp-block-image.none { margin-top: 0 !important; margin-bottom: 0 !important; }
#main article .article_body .article_body_main .wp-block-image .alignleft.size-full { width:100%; margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-image .alignleft.size-large { width:100%; margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-image .alignleft.size-medium { width:100%; margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-image .alignright.size-full { width:100%; margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-image .alignright.size-large { width:100%; margin: 2em 0; }
#main article .article_body .article_body_main .wp-block-image .alignright.size-medium { width:100%; margin: 2em 0; }

#main article .article_body .article_body_main .wp-block-image+.wp-block-image { margin-top: 0; }
#main article .article_body .article_body_main .wp-block-image+.wp-block-columns { margin-top: 0; }
#main article .article_body .article_body_main .wp-block-columns+.wp-block-columns { margin-top: 0; }
#main article .article_body .article_body_main .wp-block-columns+h6 { margin: -2rem 0 4rem 0; }

#main article .article_body .article_body_main .wp-block-columns h2:first-child,
#main article .article_body .article_body_main .wp-block-columns h3:first-child,
#main article .article_body .article_body_main .wp-block-columns h4:first-child,
#main article .article_body .article_body_main .wp-block-columns h5:first-child,
#main article .article_body .article_body_main .wp-block-columns h6:first-child { margin-top:0; }

#main article .article_body.article_about { width:80%; margin:10em auto 10em auto; }
#main article .article_body.article_about .about_credit { text-align: right; font-size: 0.8em; line-height: 1; letter-spacing: var(--font_ls_ss); margin:2em 0 0 0; }

#main article .article_body.article_recruit { width:80%; margin:0 auto 10em auto; }
#main article .article_body.article_recruit ul {}
#main article .article_body.article_recruit ul li { font-size: 1.25em; line-height: 1.8em; text-align: left; border-left:solid 1px var(--color_w); padding:0 0 0 1.5em; margin:2em 0; }
#main article .article_body.article_recruit dl { border: solid 1px var(--color_k); border-left:none; border-right: none; padding:0.5em 0; display: flex; flex-wrap: wrap; justify-content: space-between; text-align: left; }
#main article .article_body.article_recruit dl dt { width:100%; font-size: 1.35em; line-height: 1.8em; color:var(--color_w); padding:1em 0 0.25em 0; border-top:solid 1px var(--color_k); }
#main article .article_body.article_recruit dl dd { width:100%; font-size: 1.25em; line-height: 1.8em; padding: 0 0 1em 0; }
#main article .article_body.article_recruit dl dt:first-of-type,
#main article .article_body.article_recruit dl dd:first-of-type { border-top:none; }
#main article .article_body.article_recruit dl dd a { display: block; text-align: center; background-color: var(--color_k); color:var(--color_w); border-radius: 2em; padding:0.25em 1.5em; margin:0.75em 0; font-size: 0.85em; }
#main article .article_body.article_recruit dl dd a:hover { background-color: var(--color_w); color:var(--color_k); }
#main article .article_body.article_recruit dl dd small { display:inline-block; font-size: 0.85em; line-height: 1.6em; margin-top:0.75em; }

#main article .article_body .recruit_outline { border-bottom: solid 1px var(--color_k); }
#main article .article_body .recruit_outline .recruit_outline_item {  }
#main article .article_body .recruit_outline .recruit_outline_item details { padding: 1rem 1.5rem; border-top:solid 1px var(--color_k); border-left: solid 1px var(--color_k); border-right: solid 1px var(--color_k); }
#main article .article_body .recruit_outline .recruit_outline_item summary { display:flex; justify-content: space-between; list-style: none; font-size: 1.3em; cursor: pointer; }
#main article .article_body .recruit_outline .recruit_outline_item summary::after { content:"＋"; }
#main article .article_body .recruit_outline .recruit_outline_item details[open] summary { margin: 0 0 1em 0; }
#main article .article_body .recruit_outline .recruit_outline_item details[open] summary::after { content:"−"; }
#main article .article_body .recruit_outline .recruit_outline_item summary::marker,
#main article .article_body .recruit_outline .recruit_outline_item summary::-webkit-details-marker { display:none !important; }
#main article .article_body .recruit_outline .recruit_outline_ex { font-size: 0.9em; }
#main article .article_body .recruit_outline .recruit_outline_item details>*:not(summary) {overflow: hidden; max-height: 0; opacity: 0; transition: max-height 1s ease, opacity 0.3s ease; }
#main article .article_body .recruit_outline .recruit_outline_item details[open]>*:not(summary) { max-height: 9999px; opacity: 1; }

#main article .article_body .recruit_outline .recruit_outline_item details { padding: 1rem 1.25rem; }
#main article .article_body .recruit_outline .recruit_outline_item details[open] summary { margin: 0 0 0.75em 0; }
#main article .article_body .recruit_outline .recruit_outline_item summary { font-size: 1.4em; }
#main article .article_body .recruit_outline .recruit_outline_ex { font-size: 0.85em; }

#main article .article_tags { position: absolute; left:1em; top:37em; }
#main article .article_tags li { font-size: 1em; line-height: 1; letter-spacing: var(--font_ls_s); margin: 0 0 1em 0; }

#main article .article_next { width:100%; border:var(--border_a); font-size: 1.3em; line-height: 1.5; letter-spacing: var(--font_ls_s); padding:1em; margin:4rem auto 4rem auto; }

#main .article_body_information { width: 100%; margin:5rem auto 0 auto; padding:3em; border:var(--border_a); display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: flex-start; }
#main .article_body_information figure { width:100%; margin:0 0 2em 0; }
#main .article_body_information figure+dl { width:100%; text-align: left; }
#main .article_body_information dl { width:100%; text-align: left; }
#main .article_body_information dl dt { font-size: 1.4em; line-height: 1.8; letter-spacing: var(--font_ls_ss); margin-bottom:0.75em; }
#main .article_body_information dl dd { font-size: 1.1em; line-height: 1.8; letter-spacing: var(--font_ls_ss); }
#main .article_body_information a { color: var(--color_w); text-decoration: underline; }
#main .article_body_information a:hover { color: var(--color_k); }

#main .article_body_auther { width: 100%; margin:auto;  border-left: var(--border_a); border-right: var(--border_a); padding: 0 2em; margin: 3rem auto 3rem auto; }
#main .article_body_auther { display: flex; flex-direction: column; flex-wrap:nowrap; justify-content: space-between; align-items: center; }
#main .article_body_auther figure { width: 100%; margin:0 0 2em 0; }
#main .article_body_auther figure+.article_body_auther_profile { width: 100%; }
#main .article_body_auther .article_body_auther_profile { width: 100%; }
#main .article_body_auther .article_body_auther_name { font-size: 1.2em; line-height: 1.8; letter-spacing: var(--font_ls_m); text-align: left; margin: 0 0 1em 0; }
#main .article_body_auther .article_body_auther_ex { font-size: 1em; line-height: 1.8; letter-spacing: var(--font_ls_ss); text-align: justify;  }
#main .article_body_auther .article_body_auther_ex a { color: var(--color_w); text-decoration: underline; }
#main .article_body_auther .article_body_auther_ex a:hover { color: var(--color_k); }

/* footer */
#footer { position: relative; width: var(--c_width); margin: auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin: 1rem auto 1rem auto; }
#footer .footer_head { width: 100%; text-align: left; margin:0 0 2em 0; }
#footer .footer_head p { font-size: 0.7em; letter-spacing: var(--font_ls_ss); margin: 3em 0 0 0; }
#footer .footer_nav { width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#footer .footer_nav p { font-size: 1.2em; letter-spacing: var(--font_ls_m); text-align: left; }
#footer .footer_nav .footer_nav_gnav { width: 100%; margin: 1.25em 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
#footer .footer_nav .footer_nav_gnav li { font-size: 2.2em; letter-spacing: var(--font_ls_s); }
.about #footer .footer_nav .footer_nav_gnav li.footer_nav_about a,
.feature #footer .footer_nav .footer_nav_gnav li.footer_nav_feature a,
.column #footer .footer_nav .footer_nav_gnav li.footer_nav_column a,
.news #footer .footer_nav .footer_nav_gnav li.footer_nav_news a,
.store #footer .footer_nav .footer_nav_gnav li.footer_nav_store a { color: var(--color_w); }
#footer .footer_nav .footer_nav_gnav li::after { content: "／"; }
#footer .footer_nav .footer_nav_gnav li:last-child::after { content: ""; }
#footer .footer_nav .footer_nav_snav { width: auto; }
#footer .footer_nav .footer_nav_snav li { font-size: 1.2em; letter-spacing: var(--font_ls_s); text-align: left; margin: 0 0 0.5em 0; }
.company #footer .footer_nav .footer_nav_snav li.footer_nav_company a,
.privacy #footer .footer_nav .footer_nav_snav li.footer_nav_privacy a,
.inquiry #footer .footer_nav .footer_nav_snav li.footer_nav_inquiry a { color: var(--color_w); }
#footer .footer_nav .footer_nav_sns { margin:0 0 0 auto; position: static; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
#footer .footer_nav .footer_nav_sns li { font-size: 2em; margin: 2em 0 0 0.75em; }

}
@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 601px) and (max-width: 1280px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
}
@media screen and (min-width: 1451px) and (max-width: 1475px) {
body { font-size: 13.44px; }
}
@media screen and (min-width: 1476px) and (max-width: 1500px) {
body { font-size: 13.62px; }
}
@media screen and (min-width: 1501px) and (max-width: 1525px) {
body { font-size: 13.8px; }
}
@media screen and (min-width: 1526px) and (max-width: 1550px) {
body { font-size: 13.98px; }
}
@media screen and (min-width: 1551px) and (max-width: 1575px) {
body { font-size: 14.16px; }
}
@media screen and (min-width: 1576px) and (max-width: 1600px) {
body { font-size: 14.34px; }
}
@media screen and (min-width: 1601px) and (max-width: 1625px) {
body { font-size: 14.52px; }
}
@media screen and (min-width: 1626px) and (max-width: 1650px) {
body { font-size: 14.7px; }
}
@media screen and (min-width: 1651px) and (max-width: 1675px) {
body { font-size: 14.88px; }
}
@media screen and (min-width: 1676px) and (max-width: 1700px) {
body { font-size: 15px; }
}