@import url('/css/community.css');

aside b .fa {transform:rotate(0);-webkit-transform:rotate(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
aside>ul>li .subUL {transform:translate(0,30px);-webkit-transform:translate(0,30px)}
aside>ul>li[data-type="2"] h4 b .fa {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
aside>ul>li[data-type="2"] .subUL {transform:translate(0,0);-webkit-transform:translate(0,0)}

/* #faq_list */
#faq_list li .title i {transform:rotate(0);-webkit-transform:rotate(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#faq_list li.current .title i {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
[data-action="loader"] .loader_circle {width:50px;height:50px;border-radius:50%}

/* #lodbg */
[data-action="loader"]#lodbg .loader_circle {-webkit-animation:circle infinite 0.75s linear;animation:circle infinite 0.75s linear}
@keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-webkit-keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
.JJtitle .Jterightbox h2 {text-align:center}

/* #news_list */
.teinfo * , #news_list li {transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.poouitembox {display:flex;width:90%;margin:50px auto 0px;justify-content:space-around}
.poouitembox .pouleftbox {width:290px}
.poouitembox .pourightbox {width:calc(83% - 339px);position:relative}
.poouitembox .pourightbox:before {content:"";position:absolute;width:1px;height:100%;top:0%;background:rgb(233 233 233 / 46%);left:-87px}
.poouitembox .pourightbox .workframe {width:100%;margin:0;display:flex;flex-direction:column}
.poouitembox .pouleftbox .page_area {display:flex;flex-direction:column;padding-top:50px}
.poouitembox .navtitleJ {display:flex;flex-direction:column;margin-bottom:40px}
.poouitembox .showem {display:flex;justify-content:space-between;padding:20px 20px;border:#e9e9e9 1px solid}
.poouitembox .showem.senshow b .fa {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.poouitembox .showem b .fa:before {content:"\f107"}
.poouitembox .navtitleJ h3 {font-size:max(1.4*(1vw + 1vh) / 2,25px);padding-bottom:10px;color:var(--secondary)}
.poouitembox .navtitleJ span {width:100%;height:1px;background:#5e5e5e}

/* #category_nav */
.poouitembox .pouleftbox .page_area #category_nav.navJshow {display:flex}
.poouitembox .pouleftbox .page_area #category_nav {display:flex;flex-direction:column;margin-bottom:20px}
.poouitembox .pouleftbox .page_area #category_nav li a {width:100%}
.poouitembox .pouleftbox .page_area #category_nav li a.baqatitle {color:var(--primary);font-weight:400}
.poouitembox .pouleftbox .page_area #category_nav li b {position:absolute;right:10px}
.poouitembox aside>ul>li .subUL {position:relative;width:100%;left:0;height:0}
.poouitembox aside>ul>li[data-type="2"] .subUL {box-shadow:unset;height:auto}
.poouitembox aside>ul>li .subUL>li .subULHead a {padding:15px 15px}
.mefdbox {position:relative;width:min(1440px,85%);margin:0 auto}

/* #wrap */
#wrap {z-index:6;background:#f4f4f4}
#wrap .page_area {margin:auto;width:100%;z-index:2;position:relative}
#wrap .page_area#page_title {background-position:50% 101%;background-repeat:no-repeat;background-size:contain}
#wrap aside.page_area {display:none}
#wrap .page_area .waylink * {color:#ffffff}

/* #category_nav */
#category_nav {margin-top:0;background:#f0f0f0;padding-top:10px;padding-bottom:0}

/* #wrap */
#wrap .shadow {box-shadow:0 0 20px rgba(var(--black-rgb),.2)}

/* #sub_banner */
#sub_banner {top:0;left:0}
#sub_banner a,#page_title {padding-top:0;height:400px;z-index:9}
#sub_banner a img {height:100%}
#sub_banner a:after {position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;content:"";background:rgb(52 38 27 / 69%)}

/* #page_title */
#page_title>div {margin:auto;padding-top:2px}
#page_title .pag_tit {line-height:1.3em;letter-spacing:.15em;font-size:2em;color:#ffffff}
.waylink ol {padding-top:5px}
.waylink ol li,.waylink ol li a {letter-spacing:1.5px;font-weight:300;font-size:13px;vertical-align:bottom}
.waylink ol li:after {margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color:#ffffff;content:"/"}
.waylink ol li:last-child:after {margin:0;content:""}
aside>ul {margin-top:2vw}
aside ul li b {padding:5px 10px}
aside ul li b .fa:before {content:"\f107"}
aside>ul>li {position:relative;display:inline-block}
aside>ul>li h4 {padding:0 15px}
aside>ul>li h4 a {padding:10px 5px 10px 10px;font-weight:300;font-size:18px}
aside>ul>li.action h4 a,aside>ul>li.action h4 i {color:var(--primary)}
aside>ul>li .subUL {position:absolute;margin-top:0;width:180px;background:var(--white);left:calc((100% - 180px) / 2)}
aside>ul>li .subUL>li {border-bottom:1px rgba(var(--gray-rgb),.1) solid}
aside>ul>li .subUL>li a {padding:3px 15px;display:block;line-height:140%;font-weight:300}
aside>ul>li .subUL>li .subULHead a {padding:10px 15px;color:#5b5b5b}
aside>ul>li .subUL>li b {display:none}
aside>ul>li .sub2UL {margin:0 10px 10px}
aside>ul>li[data-type="1"] {overflow:hidden}
aside>ul>li[data-type="1"] .subUL {box-shadow:0 0 15px rgba(var(--black-rgb),0);opacity:0;z-index:-1}
aside>ul>li[data-type="2"] {overflow:visible}
aside>ul>li[data-type="2"] .subUL {box-shadow:0 0 15px rgba(var(--black-rgb),.15);opacity:1;z-index:1}
.list_box li {padding:0 15px 50px;border-radius:20px 20px 2px 2px}
.list_box li img {background:rgba(var(--primary-rgb),.05)}

/* #product_list */
#product_list {display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#product_list li {width:100%;margin:0 15px 15px;padding:0}
#product_list .img_scale img {background-size:cover;background-position:50%;aspect-ratio:1920/823}
#product_list .right_box {display:none}

/* #article_list */

.inner_page #article_list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0;padding:34px 0 0;border-top:1px solid rgba(57,65,71,.16);list-style:none;white-space:normal;counter-reset:articleItem;}
.inner_page #article_list > li {position:relative;display:block;width:auto;max-width:none;margin:0;padding:0;overflow:hidden;aspect-ratio:4/3;counter-increment:articleItem;background:#c8bea8;white-space:normal;isolation:isolate;}
.inner_page #article_list > li::before {content:counter(articleItem,decimal-leading-zero);position:absolute;left:22px;top:21px;z-index:7;color:#fff;font-size:10px;font-weight:500;line-height:1;letter-spacing:.18em;text-shadow:0 1px 10px rgba(0,0,0,.18);}
.inner_page #article_list > li::after {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(25,29,32,.04) 32%,rgba(25,29,32,.78) 100%);pointer-events:none;transition:opacity .5s ease;}
.inner_page #article_list > li > img {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1s cubic-bezier(.2,.65,.3,1),filter .6s ease;}
.inner_page #article_list > li > .h3 {position:absolute;left:0;right:0;bottom: 20px;z-index:2;margin:0;padding:30px 28px;color:#fff;font-size:clamp(16px,1.25vw,20px);font-weight:400;line-height:1.65;letter-spacing:.08em;text-align:left;transition:opacity .35s ease,transform .45s ease;}
.inner_page #article_list > li > .h3.txt_clamp {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;}
.inner_page #article_list > li > a.atag_item {position:absolute;inset:0;z-index:3;display:block;}
.inner_page #article_list > li > .info_box {position:absolute;inset:0;z-index:5;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;padding:46px 38px 36px;background:rgba(57,65,71,.95);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:opacity .45s ease,visibility .45s ease,transform .55s cubic-bezier(.22,.61,.36,1);box-sizing:border-box;}
.inner_page #article_list > li > .info_box::before {content:"";position:absolute;left:38px;top:37px;width:58px;height:1px;background:#c7a45c;}
.inner_page #article_list > li > .info_box::after {content:"PROJECT";position:absolute;right:34px;top:30px;color:rgba(255,255,255,.35);font-size:8px;line-height:1;letter-spacing:.2em;}
.inner_page #article_list > li > .info_box > p {position:relative;z-index:2;width:100%;margin:0 0 17px;color:#fff;font-size:clamp(17px,1.35vw,22px);font-weight:400;line-height:1.65;letter-spacing:.075em;}
.inner_page #article_list > li > .info_box > p.txt_clamp {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;}
.inner_page #article_list > li > .info_box > article {position:relative;z-index:2;width:100%;margin:0 0 28px;color;color:rgba(255,255,255,.68);font-size:13px;line-height:2;letter-spacing:.04em;}
.inner_page #article_list > li > .info_box > article.txt_clamp {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;}
.inner_page #article_list > li > .info_box > article p {margin:0;}
.inner_page #article_list > li > .info_box > .more_btn {position:relative;z-index:2;display:inline-flex;min-width:134px;height:42px;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 44px 0 16px;background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff;font-size:9px;line-height:1;letter-spacing:.17em;box-sizing:border-box;transition:color .35s ease,border-color .35s ease,background-color .35s ease;}
.inner_page #article_list > li > .info_box > .more_btn::before {content:"";position:absolute;right:16px;top:50%;width:18px;height:1px;background:currentColor;transform:translateY(-50%);}
.inner_page #article_list > li > .info_box > .more_btn::after {content:"";position:absolute;right:16px;top:calc(50% - 3px);width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);}
.inner_page #article_list > li > .info_box > a.atag_item {position:absolute;inset:0;z-index:1;display:block;}
.inner_page #article_list > li:hover > img,.inner_page #article_list > li:focus-within > img {transform:scale(1.055);filter:saturate(.88);}
.inner_page #article_list > li:hover::after,.inner_page #article_list > li:focus-within::after {opacity:0;}
.inner_page #article_list > li:hover > .h3,.inner_page #article_list > li:focus-within > .h3 {opacity:0;transform:translateY(12px);}
.inner_page #article_list > li:hover > .info_box,.inner_page #article_list > li:focus-within > .info_box {opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.inner_page #article_list > li:hover > .info_box > .more_btn,.inner_page #article_list > li:focus-within > .info_box > .more_btn {color:#394147;background:#fff;border-color:#fff;}
.inner_page #article_list > li > a.atag_item:focus-visible,.inner_page #article_list > li > .info_box > a.atag_item:focus-visible {outline:1px solid #c7a45c;outline-offset:-7px;}



/* #news_list */
#news_list {display:flex;flex-direction:column}
#news_list li {width:100%;padding:3px 10px;margin:0 0px 20px;border-radius:10px;background:#f5f5f5;border:#e2e2e2 1px solid}
#news_list li:hover {-moz-transform:translateY(-0.25em);-webkit-transform:translateY(-0.25em);-o-transform:translateY(-0.25em);-ms-transform:translateY(-0.25em);transform:translateY(-0.25em);background:#f8f8f8}
#news_list li img {height:320px}
#news_list li .info_box {padding:15px 30px}
#news_list li .info_box p a {margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_list li .info_box p .time {width:auto;font-weight:300}
#news_list li .info_box h3 {height:34px;font-size:20px;color:var(--primary)}

/* #faq_list */
.inner_page #faq_list {position:relative;margin:0;padding:0;list-style:none;counter-reset:faqItem;border-top:1px solid rgba(57,65,71,.18);z-index:5}
.inner_page #faq_list > li {position:relative;margin:0;padding:0;counter-increment:faqItem;border-bottom:1px solid rgba(57,65,71,.18);transition:border-color .4s ease;background-color:#ffffff}
.inner_page #faq_list > li::after {content:"";position:absolute;right:0;bottom:-1px;width:0;height:1px;background:#c7a45c;transition:width .6s cubic-bezier(.22,.61,.36,1)}
.inner_page #faq_list > li:hover::after,.inner_page #faq_list > li.active::after,.inner_page #faq_list > li.open::after {width:100%;right:auto;left:0}
.inner_page #faq_list > li > .title {position:relative;display:block;min-height:96px;padding:31px 92px 31px 104px;color:#394147;text-decoration:none;transition:color .35s ease,background-color .35s ease}
.inner_page #faq_list > li > .title::before {content:counter(faqItem,decimal-leading-zero);position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#c7a45c;font-size: 16px;font-weight:500;line-height:1;letter-spacing:.18em}
.inner_page #faq_list > li > .title::after {content:"Q";position:absolute;left: 66px;top:50%;transform:translateY(-52%);color: var(--primary);font-size: 22px;font-weight:500;line-height:1;letter-spacing:.12em}
.inner_page #faq_list > li > .title font {display:block;color:inherit;font-size:clamp(17px,1.45vw,23px);font-weight:400;line-height:1.75;letter-spacing:.075em}
.inner_page #faq_list > li > .title i {position:absolute;right:34px;top:50%;display:flex;width:48px;height:48px;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid rgba(57,65,71,.22);border-radius:50%;color:#394147;font-size:16px;line-height:1;transition:color .4s ease,background-color .4s ease,border-color .4s ease,transform .45s cubic-bezier(.22,.61,.36,1)}
.inner_page #faq_list > li > .title:hover {color:#6c7d8c;background:linear-gradient(90deg,rgba(200,190,168,.08),rgba(200,190,168,0) 72%)}
.inner_page #faq_list > li > .title:hover i {color:#fff;background:var(--primary);border-color:var(--primary)}
.inner_page #faq_list > li > .title:focus-visible {outline:1px solid #c7a45c;outline-offset:5px}
.inner_page #faq_list > li.active > .title,.inner_page #faq_list > li.open > .title,.inner_page #faq_list > li > .title.active,.inner_page #faq_list > li > .title[aria-expanded="true"] {color:#394147}
.inner_page #faq_list > li.active > .title i,.inner_page #faq_list > li.open > .title i,.inner_page #faq_list > li > .title.active i,.inner_page #faq_list > li > .title[aria-expanded="true"] i {color:#fff;background:#c7a45c;border-color:#c7a45c;transform:translateY(-50%) rotate(180deg)}
.inner_page #faq_list > li > .info {position:relative;margin:0;padding:0 94px 42px 104px;color:#687177;font-size:15px;line-height:2.15;letter-spacing:.045em}
.inner_page #faq_list > li > .info::before {content:"A";position:absolute;left:68px;top:5px;color:#c7a45c;font-size:13px;font-weight:500;line-height:1;letter-spacing:.12em}
.inner_page #faq_list > li > .info::after {content:"";position:absolute;left:104px;right:94px;top:-1px;height:1px;background:linear-gradient(90deg,rgba(199,164,92,.55),rgba(57,65,71,.08) 42%,transparent)}
.inner_page #faq_list > li.active > .info,.inner_page #faq_list > li.open > .info,.inner_page #faq_list > li > .title.active + .info,.inner_page #faq_list > li > .title[aria-expanded="true"] + .info {display:block}
.inner_page #faq_list > li > .info > *:first-child {margin-top:25px}
.inner_page #faq_list > li > .info > *:last-child {margin-bottom:0}
.inner_page #faq_list > li > .info p {margin:25px 0 0}
.inner_page #faq_list > li > .info a {color:#c7a45c;text-decoration:none;border-bottom:1px solid rgba(199,164,92,.45);transition:color .3s ease,border-color .3s ease}
.inner_page #faq_list > li > .info a:hover {color:#394147;border-color:#394147}
.inner_page #faq_list > li > .info ul,.inner_page #faq_list > li > .info ol {margin:24px 0 0;padding-left:1.5em}
.inner_page #faq_list > li > .info li {margin:8px 0;padding-left:4px}
.inner_page #faq_list > li > .info img {display:block;width:auto;max-width:100%;height:auto;margin:28px 0}

/* #album_list */
#album_list {display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#album_list > div img {height:480px;aspect-ratio:3/4}

/* #content_wrap */
#content_wrap {position:relative;padding:16px 0 50px;z-index:1;padding-top:70px;background:linear-gradient(#ffffff,#f4f4f4);background:linear-gradient(90deg,rgba(197,187,164,.13) 1px,transparent 1px) 0 0 / 12.5% 100%,var(--inner-paper)}
#content_wrap h1 {margin-bottom:5px;padding:30px 20px 10px;border-bottom:1px rgba(var(--black-rgb),.1) solid;line-height:130%;font-size:max(2.2*(1vw + 1vh) / 2,26px)}
#content_wrap .top_box {padding: 0 0 5px;width: 80%;margin: 0 auto;border-bottom: #e3e3e3 1px solid;}
#content_wrap .quote_box {margin-right:30px}
#content_wrap hr {border-width:1px;border-color:var(--primary)}
#content_wrap * {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#content_wrap {counter-reset:bookItem}
#content_wrap::before {position:absolute;top:0;left:0;width:72px;height:2px;background:var(--inner-gold,#c5a35f);content:""}

/* #pagenav */
#pagenav {padding-top:50px}
#pagenav a,#pagenav strong {margin:0 2px;width:35px;height:35px;background:rgba(var(--black-rgb),.1);border-radius:5px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong {background:var(--primary);color:var(--white);margin: 0 3px;}
#pagenav a:first-child,#pagenav a:last-child {line-height:30px}
#pagenav p a {margin:0;padding:0 20px;width:auto;border-radius:20px}
#pagenav p a i {margin:0 5px 0 0}
#pagenav p a font {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#pagenav p:last-child a i {margin:0 0 0 5px}

/* #describe */
#describe {margin:2em 0 5vw}
.cenifame {display:flex;flex-direction:column;align-items:center}
.antext {display:flex;flex-direction:column;align-items:center;padding:20px 0 0px}
.antext p {text-align:center}
.cenifame iframe {width:min(100%,1000px);aspect-ratio:5/3;height:auto}
.cninfotext {padding:50px;background:#ffffff;box-shadow:0 0 21px rgb(208 208 208 / 30%)}
.cninfotext div {margin-bottom:30px}
.cninfotext h3 {font-size:max(1.6*(1vw + 1vh) / 2,18px);color:#a3c9cb;font-weight:500}
.cninfotext p {font-size:max(1.2*(1vw + 1vh) / 2,16px)}
.cenifame .titlevent {display:flex;flex-direction:column;align-items:center;padding:30px 0}
.cenifame .titlevent h2 {margin-top:20px}
.cenifame .titlevent:before {content:"";position:relative;display:flex;width:1px;height:50px;background:#a1a1a1}
#describe * {vertical-align:bottom;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#describe hr {border-width:1px;border-color:var(--primary)}
.form_box {display:grid;grid-template-columns:repeat(2,1fr);gap:36px 30px;margin-top:30px}
.form_box .ordJ {display:flex;flex-wrap:wrap;align-content:flex-start}
.form_box .ordJ .covtitle {width:100%;border-bottom:#c0c0c0 1px solid;padding:5px 0;margin-bottom:10px;margin-top:20px}
.fullboox,.fullboox input {width:100%}
.form_box .ordJ .amJJbox {display:flex;flex-wrap:wrap}
.form_box .ordJ .amJJbox .amJJlist {margin-right:20px}
.form_box p.large,.form_box .fullbooxJJ {grid-column:1/3}
.form_box .large textarea {width:100%}
.form_box p.note {margin-bottom:20px}
.form_box .seere {position:relative;display:flex;align-items:center}
.form_box .seere .fa {position:absolute;right:10px}
.form_box .seere .fas {position:absolute;right:12px}

/* #btnOK */
.form_box p #btnOK {width:150px}
.form_box .ordJ .amJJbox.down {position:relative;display:flex;align-items:center;width:100%}
.down span {position:absolute;right:14px;font-size:9px;color:#4e4e4e}
.ordJ input[type="radio"] {width:auto;padding:6px;border-radius:500px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}

/* #contactPage */
#contactPage {position:relative;overflow:hidden;color:#394147;--contact-ink:#394147;--contact-slate:#6c7d8c;--contact-gold:#c7a45c;--contact-sand:#c8bea8;--contact-line:rgba(57,65,71,.16);--contact-soft-line:rgba(57,65,71,.08);--contact-white:#fff}
#contactPage .contact_section {position:relative;padding:120px 0 145px}
#contactPage .workframe.page_form {position:relative;width:min(calc(100% - 120px),1380px);max-width:none;margin:0 auto}
#contactPage .contact_header {display: flex;gap:10%;align-items: flex-start;padding: 60px 0;flex-direction: column;}
#contactPage .common_inner_eyebrow {color:var(--contact-gold);font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.24em}
#contactPage .contact_title {margin-top:24px;color:var(--contact-ink);font-size: clamp(32px, 3.25vw, 49px);font-weight:400;line-height:1.32;letter-spacing:.09em}
#contactPage .contact_heading_line {width:92px;height:1px;margin-top:36px;background:var(--contact-gold)}
#contactPage .contact_intro {color:#6d767b;font-size:14px;line-height:2.1;letter-spacing:.055em}
#contactPage .contact_intro p {margin:0 0 15px}
#contactPage .contact_intro .contact_intro_lead {color:var(--contact-ink);font-size:18px;line-height:2}
#contactPage .contact_response {display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--contact-line);align-items:center}
#contactPage .contact_response span {color:var(--contact-gold);font-size:9px;letter-spacing:.2em}
#contactPage .contact_response div {color:var(--contact-slate);font-size: 14px;line-height:1.9;letter-spacing:.06em}
#contactPage .contact_flow {display:grid;grid-template-columns:repeat(3,1fr);margin-top:-1px;border-bottom:1px solid var(--contact-line)}
#contactPage .contact_flow_item {display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;min-height:125px;padding:24px 38px;border-right:1px solid var(--contact-line)}
#contactPage .contact_flow_item:first-child {border-left:1px solid var(--contact-line)}
#contactPage .contact_flow_item > span {color:var(--contact-gold);font-size:11px;letter-spacing:.16em}
#contactPage .contact_flow_item small {color:var(--contact-slate);font-size:8px;line-height:1.5;letter-spacing:.18em}
#contactPage .contact_flow_item p {margin: 0px 0 0;color:var(--contact-ink);font-size: 18px;letter-spacing:.12em}
#contactPage .contact_body {display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:5%;align-items:start;margin-top:110px}
#contactPage .contact_side {position:relative;overflow:hidden;padding: 40px 0 70px 40px;border-left:1px solid var(--contact-gold);height: 100%;}
#contactPage .contact_side_label {color:var(--contact-gold);font-size:9px;letter-spacing:.23em}
#contactPage .contact_side_title {margin-top:30px;color:var(--contact-ink);font-size:clamp(27px,2.35vw,39px);font-weight:400;line-height:1.65;letter-spacing:.075em}
#contactPage .contact_side > p {max-width:100%;margin:32px 0 0;color:#687177;line-height:2.15;letter-spacing:.05em}
#contactPage .contact_side_note {max-width: 100%;margin-top:46px;padding-top:25px;border-top:1px solid var(--contact-line)}
#contactPage .contact_side_note span {color:var(--contact-slate);font-size:9px;letter-spacing:.2em}
#contactPage .contact_side_note p {margin:15px 0 0;color:#7a8286;font-size: 16px;line-height:2;letter-spacing:.045em}
#contactPage .contact_side_word {position:absolute;left:14px;bottom:0;color:rgba(57,65,71,.035);font-size:84px;font-weight:600;line-height:1;letter-spacing:.01em;pointer-events:none}
#contactPage .contact_form_panel {position:relative;padding:58px 64px 62px;border:1px solid var(--contact-line)}
#contactPage .contact_form_top {display:flex;align-items:flex-end;justify-content:space-between;gap:35px;padding-bottom:33px;border-bottom:1px solid var(--contact-line)}
#contactPage .contact_form_top span {color:var(--contact-gold);font-size:9px;letter-spacing:.22em}
#contactPage .contact_form_top div div {margin-top:12px;color:var(--contact-ink);font-size: 27px;line-height:1.5;letter-spacing:.12em}
#contactPage .contact_form_top > small {color:var(--contact-slate);font-size:8px;letter-spacing:.18em;white-space:nowrap}
#contactPage #describe {margin-top:28px;padding:18px 22px;border-left:1px solid var(--contact-gold);color:#6d767b;font-size:13px;line-height:2;letter-spacing:.05em}
#contactPage #describe:empty {display:none}
#contactPage #form1 {margin-top:42px}
#contactPage #describe:empty + #form1 {margin-top:42px}
#contactPage .contact_select_group {position:relative;margin-bottom:12px}
#contactPage .contact_select_group > label,#contactPage .contact_field_grid .col > label,#contactPage .checknum > label {display:flex;align-items:center;gap:9px;color:var(--contact-slate);font-size:13px;line-height:1.5;letter-spacing:.13em}
#contactPage .contact_select_group label b,#contactPage .contact_field_grid label b,#contactPage .checknum label b {color:var(--contact-gold);font-size:13px;font-weight:400}
#contactPage .custom-selectJ {position:relative;margin-top:12px;outline:none}
.fullbox{grid-column: 1 / -1;}
#contactPage .select-selected {position:relative;min-height:58px;padding:17px 54px 17px 2px;border-bottom:1px solid rgba(57,65,71,.28);color:var(--contact-ink);font-size:16px;line-height:1.5;letter-spacing:.08em;cursor:pointer;transition:border-color .35s ease,color .35s ease}
#contactPage .select-selected::after {content:"";position:absolute;right:8px;top:19px;width:10px;height:10px;border-right:1px solid var(--contact-ink);border-bottom:1px solid var(--contact-ink);transform:rotate(45deg);transition:transform .35s ease,top .35s ease,border-color .35s ease}
#contactPage .custom-selectJ:hover .select-selected,#contactPage .custom-selectJ:focus .select-selected,#contactPage .custom-selectJ[aria-expanded="true"] .select-selected {color:var(--contact-gold);border-color:var(--contact-gold)}
#contactPage .custom-selectJ[aria-expanded="true"] .select-selected::after,#contactPage .select-selected.select-arrow-active::after {top:25px;transform:rotate(225deg);border-color:var(--contact-gold)}
#contactPage .select-items {position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:20;max-height:300px;overflow-y:auto;padding:9px;background:var(--contact-white);border:1px solid var(--contact-line);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
#contactPage .custom-selectJ[aria-expanded="true"] .select-items,#contactPage .select-selected.select-arrow-active + .select-items {opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
#contactPage .select-items.select-hide {opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
#contactPage .select-items > div {padding:14px 17px;color:#667076;font-size:13px;line-height:1.6;letter-spacing:.06em;cursor:pointer;transition:color .3s ease,background-color .3s ease}
#contactPage .select-items > div:hover,#contactPage .select-items > div.same-as-selected,#contactPage .select-items > div[aria-selected="true"] {color:var(--contact-ink);background:rgba(200,190,168,.16)}
#contactPage .contact_field_grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:46px}
#contactPage .contact_field_grid * {font-size:16px}
#contactPage .contact_field_grid .col {position:relative;margin:0;padding:27px 0 10px;border-bottom:1px solid rgba(57,65,71,.22);transition:border-color .35s ease}
#contactPage .contact_field_grid .col:focus-within {border-color:var(--contact-gold)}
#contactPage .contact_field_grid .col--full {grid-column:1/-1;padding-top:34px}
#contactPage .contact_control {display:block;margin-top:9px}
#contactPage .contact_control input,#contactPage .contact_control textarea {display:block;width:100%;margin:0;padding:9px 2px;border:0;border-radius:0;outline:0;background:transparent;color:var(--contact-ink);font-size:15px;line-height:1.7;letter-spacing:.045em;box-sizing:border-box;appearance:none}
#contactPage .contact_control input {height:46px}
#contactPage .contact_control textarea {min-height:142px;padding-top:13px;resize:vertical}
#contactPage .contact_control input::placeholder,#contactPage .contact_control textarea::placeholder,#contactPage #Checknum::placeholder {color:rgba(108,125,140,.55);opacity:1}
#contactPage .contact_form_bottom {display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-top:44px}
#contactPage .checknum {flex:1;margin:0}
#contactPage .checknum .nowrap_box {display:flex;align-items:center;gap:12px;margin-top:13px}
#contactPage #Checknum {width:150px;height:50px;padding:0 16px;border:1px solid rgba(57,65,71,.25);border-radius:0;outline:0;background:transparent;color:var(--contact-ink);font-size:14px;letter-spacing:.12em;box-sizing:border-box;transition:border-color .3s ease}
#contactPage #Checknum:focus {border-color:var(--contact-gold)}
#contactPage #rand-img {display:block;width:auto;max-width:130px;height:33px;object-fit:contain;border:1px solid var(--contact-line);cursor:pointer;box-sizing:border-box}
#contactPage .contact_submit_wrap {flex:0 0 auto;margin:0}
#contactPage .contact_submit {position:relative;display:flex;width:190px;height:58px;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 66px 0 26px;background:var(--contact-ink);color:var(--contact-white);text-decoration:none;box-sizing:border-box;transition:color .4s ease}
#contactPage .contact_submit::before {content:"";position:absolute;inset:0;background:var(--contact-gold);transform:translateX(-101%);transition:transform .5s cubic-bezier(.22,.61,.36,1)}
#contactPage .contact_submit::after {content:"";position:absolute;right:25px;top:50%;width:29px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-65%) skewX(42deg)}
#contactPage .contact_submit span {position:relative;z-index:1;font-size:12px;letter-spacing:.15em;color:white}
#contactPage .contact_submit:hover::before,#contactPage .contact_submit:focus-visible::before {transform:translateX(0)}
#contactPage .contact_submit:focus-visible {outline:1px solid var(--contact-gold);outline-offset:5px}
[data-action="loader"] {width:100vw;height:100vh;background:rgba(var(--black-rgb),.3);line-height:100vh;top:0;left:0;opacity:0;z-index:-1}
[data-action="loader"] .loader_circle {border:2px rgba(var(--black-rgb),.6) solid;border-left-color:rgba(var(--white-rgb),.4)}

/* #lodbg */
#lodbg {opacity:1;z-index:99999}
footer .coinorightbox iframe {position:relative;height:300px}

/* #f_info */
footer #f_info #f_contact:before {width:110px;background-size:contain;background-repeat:no-repeat;left:400px}

/* #content_wrap */
#content_wrap #book_list {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(58px,5vw,42px) clamp(24px,2.5vw,42px);list-style:none;width:min(1480px,100%);margin:0 auto}
#content_wrap #book_list>li {position:relative!important;display:block!important;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0 0 25px!important;border-bottom:1px solid rgba(57,65,71,.14);counter-increment:bookItem;isolation:isolate;overflow:visible}
#content_wrap #book_list>li::before {position:absolute;z-index:3;right:0;bottom:-1px;width:0;height:1px;background:var(--inner-gold,#c5a35f);content:"";transition:width .5s cubic-bezier(.22,.61,.36,1)}
#content_wrap #book_list>li:hover::before {right:auto;left:0;width:100%}
#content_wrap #book_list>li>.img_box {position:relative!important;overflow:hidden!important;width:100%;aspect-ratio:4/3;border:4px solid var(--primary);background:#c5bba4}
#content_wrap #book_list>li>.img_box::before {position:absolute;z-index:2;inset:12px;border:1px solid rgba(255,255,255,0);content:"";pointer-events:none;transition:border-color .5s ease}
#content_wrap #book_list>li>.img_box::after {position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(35,40,43,0) 48%,rgba(35,40,43,.34) 100%);content:"";opacity:.25;pointer-events:none;transition:opacity .5s ease}
#content_wrap #book_list>li>.img_box>img {display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1s cubic-bezier(.22,.61,.36,1),filter .6s ease}
#content_wrap #book_list>li:hover>.img_box::before {border-color:rgba(255,255,255,.48)}
#content_wrap #book_list>li:hover>.img_box::after {opacity:.68}
#content_wrap #book_list>li:hover>.img_box>img {transform:scale(1.045)}
#content_wrap #book_list>li>.atag_item {position:absolute;z-index:5;inset:0;display:block;width:auto;height:auto;text-decoration:none}
#content_wrap #book_list>li>.atag_item::before {position:absolute;top:30px;right:30px;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border:1px solid rgba(255,255,255,.72);border-radius:50%;color:#fff;background:rgba(57,65,71,.18);content:"VIEW";font-size:8px;font-weight:600;line-height:1;letter-spacing:.18em;opacity:0;transform:translateY(10px) scale(.92);backdrop-filter:blur(5px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,.61,.36,1),background-color .4s ease}
#content_wrap #book_list>li:hover>.atag_item::before,#content_wrap #book_list>li>.atag_item:focus-visible::before {opacity:1;transform:translateY(0) scale(1)}
#content_wrap #book_list>li>.atag_item:hover::before {background:rgba(197,163,95,.88)}
#content_wrap #book_list>li>.atag_item:focus-visible {outline:1px solid var(--inner-gold,#c5a35f);outline-offset:6px}
#content_wrap #book_list>li>.teinfo {position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 24px;min-height:100px;padding:25px 0px 0 0}
#content_wrap #book_list>li>.teinfo::before {position:absolute;top:-1px;left:0;width:36px;height:1px;background:var(--inner-gold,#c5a35f);content:"";transition:width .45s ease}
#content_wrap #book_list>li>.teinfo::after {position:absolute;right:0;top: 12px;color:rgba(57,65,71,.34);content:counter(bookItem,decimal-leading-zero);font-size:12px;line-height:1;letter-spacing:.14em}
#content_wrap #book_list>li:hover>.teinfo::before {width:82px}
#content_wrap #book_list>li>.teinfo>.badge {grid-column:1/2;display:block!important;max-width:100%;margin:0;padding:0;color:var(--inner-charcoal,#394147);background:transparent!important;border:0;border-radius:0;font-size:clamp(18px,1.4vw,24px);font-weight:500;line-height:1.5;letter-spacing:.08em;white-space:normal;overflow:visible;text-overflow:clip;transition:color .4s ease,transform .4s ease;text-align:left}
#content_wrap #book_list>li>.teinfo>.book_describe {grid-column:1/2;color:rgb(43 46 49 / 43%);font-size: 15px;font-weight:500;line-height:1.4;letter-spacing:.23em;text-transform:uppercase}
#content_wrap #book_list>li>.teinfo>.book_describe::before {display:inline-block;width:18px;height:1px;margin:0 10px 3px 0;background:var(--inner-gold,#c5a35f);content:""}
#content_wrap #book_list>li:hover>.teinfo>.badge {color:var(--inner-blue-gray,#708293)!important;transform:translateX(4px)}
#content_wrap #book_list:empty {display:flex!important;align-items:center;justify-content:center;min-height:320px;border-top:1px solid rgba(57,65,71,.12);border-bottom:1px solid rgba(57,65,71,.12)}





/* @media */
@media screen and (max-width:1470px) {
  .poouitembox .pouleftbox { width: 277px }
  .poouitembox .pourightbox { width: calc(90% - 365px) }
  .poouitembox .pourightbox:before { left: -56px }
}
@media screen and (max-width:1180px) {
  #contactPage .workframe.page_form { width: min(calc(100% - 80px),1380px) }
  #contactPage .contact_header { gap: 7% }
  #contactPage .contact_body { gap: 6% }
  #contactPage .contact_form_panel { padding: 50px 48px 55px }
}
@media screen and (max-width:1100px) {
  #content_wrap #book_list { grid-template-columns: repeat(2,minmax(0,1fr)) }
  #content_wrap #book_list>li>.teinfo>.badge { font-size: 21px }
  .inner_page #article_list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
  .inner_page #article_list > li > .info_box { padding: 44px 34px 32px; }
  .inner_page #article_list > li > .info_box::before { left: 34px; }
}
@media screen and (max-width:1024px) {
  .poouitembox .pouleftbox .page_area #category_nav { display: none }
  .form_box { grid-template-columns: 1fr; gap: 25px 30px }
  .form_box p.large,.form_box .fullbooxJJ { grid-column: 1/1 }
  .form_box p.large { grid-column: inherit }
  .poouitembox { display: flex; flex-direction: column; margin: 10px auto 10px }
  .poouitembox .pouleftbox { width: 100%; order: 1 }
  .poouitembox .pourightbox { width: 100%; order: 2 }
  .poouitembox .navtitleJ { display: none }
  .poouitembox .pouleftbox iframe { display: none }
  .poouitembox .pouleftbox .page_area { padding-top: 25px }
  #album_list { grid-template-columns: repeat(3,1fr) }
}
@media screen and (max-width:991px) {
  .inner_page #faq_list > li > .title { min-height: 88px; padding: 27px 82px 27px 88px }
  .inner_page #faq_list > li > .title::before { left: 2px }
  .inner_page #faq_list > li > .title::after { left: 38px }
  .inner_page #faq_list > li > .title i { right: 4px; width: 44px; height: 44px }
  .inner_page #faq_list > li > .info { padding: 0 80px 38px 88px }
  .inner_page #faq_list > li > .info::before { left: 38px }
  .inner_page #faq_list > li > .info::after { left: 88px; right: 80px }
  #contactPage .contact_section { padding: 100px 0 120px }
  #contactPage .contact_header { grid-template-columns: 1fr; gap: 48px }
  #contactPage .contact_intro { max-width: 720px; margin-left: auto }
  #contactPage .contact_flow_item { padding: 22px 24px }
  #contactPage .contact_body { grid-template-columns: 1fr; gap: 70px; margin-top: 85px }
  #contactPage .contact_side { display: grid; grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr); gap: 45px; padding: 34px 20px 45px 35px }
  #contactPage .contact_side_label,#contactPage .contact_side_title { grid-column: 1 }
  #contactPage .contact_side > p,#contactPage .contact_side_note { grid-column: 2 }
  #contactPage .contact_side > p { grid-row: 1/3; margin-top: 0 }
  #contactPage .contact_side_note { margin-top: 0 }
  #contactPage .contact_side_word { left: auto; right: 0 }
}
@media screen and (max-width:768px) {
  #news_list li .info_box { padding: 15px 0 }
  #page_title>div { padding-top: 75px }
  #product_list { grid-template-columns: repeat(2,1fr) }
}
@media screen and (max-width:767px) {
  .inner_page #article_list { grid-template-columns: 1fr; gap: 36px; padding-top: 25px; }
  .inner_page #article_list > li { overflow: hidden; aspect-ratio: auto; background: transparent; border: 1px solid rgba(57,65,71,.15); }
  .inner_page #article_list > li::before { left: 18px; top: 18px; }
  .inner_page #article_list > li::after { display: none; }
  .inner_page #article_list > li > img { position: relative; inset: auto; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; }
  .inner_page #article_list > li > .h3 { display: none; }
  .inner_page #article_list > li > a.atag_item { z-index: 6; }
  .inner_page #article_list > li > .info_box { position: relative; inset: auto; z-index: 2; display: block; padding: 27px 25px 29px; background: transparent; opacity: 1; visibility: visible; pointer-events: none; transform: none; }
  .inner_page #article_list > li > .info_box::before { left: 25px; top: 0; width: 54px; }
  .inner_page #article_list > li > .info_box::after { right: 24px; top: 16px; color: rgba(108,125,140,.45); }
  .inner_page #article_list > li > .info_box > p { margin: 0 0 13px; padding-right: 80px; color: #394147; font-size: 19px; }
  .inner_page #article_list > li > .info_box > article { margin-bottom: 23px; color: #6c757a; font-size: 13px; line-height: 1.95; }
  .inner_page #article_list > li > .info_box > .more_btn { height: 40px; color: #fff; background: #394147; border-color: #394147; }
  .inner_page #article_list > li > .info_box > a.atag_item { display: none; }
  .inner_page #article_list > li:hover > img,.inner_page #article_list > li:focus-within > img { transform: scale(1.001); filter: none; }
  .inner_page #article_list > li:hover > .info_box > .more_btn,.inner_page #article_list > li:focus-within > .info_box > .more_btn { color: #fff; background: #c7a45c; border-color: #c7a45c; }
  .inner_page #faq_list > li > .title { padding: 23px 58px 23px 54px }
  .inner_page #faq_list > li > .title::before { left: 6px; font-size: 10px }
  .inner_page #faq_list > li > .title::after { left: 32px; font-size: 11px }
  .inner_page #faq_list > li > .title font { font-size: 16px; line-height: 1.7; letter-spacing: .045em }
  .inner_page #faq_list > li > .title i { right: 8px; width: 38px; height: 38px; font-size: 14px }
  .inner_page #faq_list > li > .info { padding: 0 12px 31px 54px; font-size: 14px; line-height: 2.05 }
  .inner_page #faq_list > li > .info::before { left: 32px; top: 4px; font-size: 11px }
  .inner_page #faq_list > li > .info::after { left: 54px; right: 12px }
  .inner_page #faq_list > li > .info > *:first-child { margin-top: 21px }
  .inner_page #faq_list > li > .info p { margin-top: 21px }
  #contactPage::before { left: 18px; right: 18px }
  #contactPage .contact_section {padding: 20px 0 20px;}
  #contactPage .workframe.page_form { width: calc(100% - 36px) }
  #contactPage .contact_header {gap: 38px;padding-bottom: 52px;border-bottom: unset;}
  #contactPage .contact_title { font-size: 38px }
  #contactPage .contact_intro { margin: 0; padding-left: 25px; font-size: 13px }
  #contactPage .contact_intro .contact_intro_lead { font-size: 16px }
  #contactPage .contact_response { grid-template-columns: 1fr; gap: 12px }
  #contactPage .contact_flow { grid-template-columns: 1fr }
  #contactPage .contact_flow_item { min-height: 88px; border-left: 1px solid var(--contact-line); border-bottom: 1px solid var(--contact-line) }
  #contactPage .contact_flow_item:last-child { border-bottom: 0 }
  #contactPage .contact_body { gap: 55px; margin-top: 68px }
  #contactPage .contact_side { display: block; padding: 27px 12px 45px 25px }
  #contactPage .contact_side_title { font-size: 27px }
  #contactPage .contact_side > p { margin-top: 25px }
  #contactPage .contact_side_note { margin-top: 34px }
  #contactPage .contact_side_word { font-size: 58px }
  #contactPage .contact_form_panel { padding: 40px 28px 44px }
  #contactPage .contact_form_top { align-items: flex-start; padding-bottom: 25px }
  #contactPage .contact_form_top div div { font-size: 25px }
  #contactPage .contact_field_grid { grid-template-columns: 1fr }
  #contactPage .contact_field_grid .col--full { grid-column: auto }
  #contactPage .contact_form_bottom { align-items: stretch; flex-direction: column; gap: 34px; margin-top: 38px }
  #contactPage .contact_submit_wrap { width: 100% }
  #contactPage .contact_submit { width: 100% }
  #content_wrap { width: calc(100% - 40px); padding: 72px 0; margin: 0 auto }
  #content_wrap::after { top: 18px; max-width: 190px; line-height: 1.6; text-align: right }
  #content_wrap #book_list { grid-template-columns: 1fr; gap: 52px }
  #content_wrap #book_list>li { padding-bottom: 21px!important }
  #content_wrap #book_list>li>.img_box { aspect-ratio: 4/3 }
  #content_wrap #book_list>li>.atag_item::before { top: 16px; right: 16px; width: 54px; height: 54px }
  #content_wrap #book_list>li>.teinfo { min-height: 88px; padding: 21px 48px 0 0 }
  #content_wrap #book_list>li>.teinfo>.badge { font-size: 20px }
}
@media screen and (max-width:640px) {
  aside>ul>li h4 a { font-size: 16px; font-weight: 400 }
  #album_list { grid-template-columns: repeat(2,1fr) }
  #product_list { display: flex; flex-direction: column; align-items: center }
}
@media screen and (max-width:550px) {
  #community { margin-top: 10px }
  #pagenav p a i,#pagenav p:last-child a i { margin: 0 }
  #content_wrap { padding: 50px 0 30px }
  #pagenav { padding-top: 10px }
  #content_wrap h1 { padding-left: 1px; font-size: max(2.2*(1vw + 1vh)/2,24px) }
  #sub_banner a,#page_title { height: 280px }
  .list_box li { margin: 10px 10px 40px; border-radius: 20px }
}
@media screen and (max-width:480px) {
  .inner_page #article_list { gap: 28px; }
  .inner_page #article_list > li > img { aspect-ratio: 1.2/1; }
  .inner_page #article_list > li > .info_box { padding: 25px 20px 26px; }
  .inner_page #article_list > li > .info_box::before { left: 20px; }
  .inner_page #article_list > li > .info_box::after { right: 19px; }
  .inner_page #article_list > li > .info_box > p { padding-right: 65px; font-size: 17px; }
  .inner_page #faq_list > li { background: unset }
  .inner_page #faq_list > li > .title::after { display: none }
  .inner_page #faq_list > li > .title i { width: 34px; height: 34px }
  .inner_page #faq_list > li > .info { padding-left: 45px; padding-right: 4px }
  .inner_page #faq_list > li > .info::before { left: 0 }
  .inner_page #faq_list > li > .info::after { left: 45px; right: 4px }
  #contactPage .contact_title { font-size: 33px }
  #contactPage .contact_form_panel { padding: 34px 20px 38px }
  #contactPage .contact_form_top > small { display: none }
  #contactPage #form1 { margin-top: 34px }
  #contactPage .select-selected { font-size: 15px }
  #contactPage .checknum .nowrap_box { align-items: flex-start; flex-direction: column }
  #contactPage #Checknum { width: 100% }
  #contactPage #rand-img { max-width: 140px }
  footer:before { display: none }
  footer { padding-top: 30px }
  #content_wrap::after { font-size: 7px; letter-spacing: .17em }
  #content_wrap #book_list { gap: 44px }
  #content_wrap #book_list>li>.img_box { aspect-ratio: 5/4 }
  #content_wrap #book_list>li>.teinfo>.badge {font-size: 23px;}
  #content_wrap #book_list>li>.teinfo>.book_describe {font-size: 16px;letter-spacing: .18em}
}
@media screen and (max-width:450px) {
  #album_list>div,#album_list>div img { height: 50vw }
  #pagenav a,#pagenav strong { margin: 0; width: 24px; height: 24px; line-height: 24px; font-size: 14px }
   #pagenav strong{margin: 0 3px;}
  #pagenav a:first-child,#pagenav a:last-child { line-height: 20px }
  #pagenav p a i,#pagenav p:last-child a i { font-size: 20px }
}
@media screen and (min-width:1281px) {
  #sub_banner a,#page_title { padding-top: 0; height: 400px }
  aside>ul>li:hover h4 a,aside>ul>li:hover h4 i,aside>ul>li.action h4 a { color: var(--secondary) }
  aside>ul>li.action h4 a { border-bottom: var(--secondary) 2px solid; font-weight: 600 }
  #pagenav a:hover { background: var(--primary); color: var(--white) }
  #pagenav a:hover font,#pagenav a:hover i,#pagenav a:hover i:before { color: var(--white) }
}
@media screen and (min-width:1025px) {
  .poouitembox .showem { display: none }
}
@media (prefers-reduced-motion:reduce) {
  #content_wrap #book_list>li::before,#content_wrap #book_list>li>.img_box>img,#content_wrap #book_list>li>.img_box::before,#content_wrap #book_list>li>.img_box::after,#content_wrap #book_list>li>.atag_item::before,#content_wrap #book_list>li>.teinfo::before,#content_wrap #book_list>li>.teinfo>.badge { transition: none }
}