/* Wulai base styles — reset / layout / header / navigation / archives / single / widgets */
/* --- from style.css --- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { overflow-y: scroll; text-size-adjust: 100%; }
ul, ol { list-style: none; }
a:focus { outline: none; }
mark { font-style: italic; font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; }
hr { display: block; height: 1px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); margin: 1em 0px; padding: 0px; }
button, input, select, textarea { outline: 0px; box-sizing: border-box; font-size: 100%; }
input, textarea { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); appearance: none; border-radius: 0px; }
input[type="checkbox"] { appearance: checkbox; }
input[type="radio"] { appearance: radio; }
iframe { max-width: 100%; }
.clearfix::after { display: block; clear: both; content: ""; }
body { background: rgb(244, 240, 236); font-family: Arial, sans-serif; font-size: 14px; line-height: 1; width: 100%; position: relative;  }
body.home { background: rgb(255, 255, 255) !important; }
.pc body.admin-bar { padding-top: 32px; }
a { text-decoration: none; }
a, a::before, a::after, input { transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; }
#container { position: relative; height: 100%; }
#main_contents { width: 1000px; margin: 100px auto 150px; }
#main_col { width: 650px; float: left; }
#side_col { width: 300px; float: right; }
#staff_archive { width: 1000px; margin: 90px auto 80px; }
#staff_list .item { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); width: calc(33.3333% - 14px); height: 454px; float: left; margin: 0px 21px 20px 0px; position: relative; box-sizing: border-box; }
#staff_list .item:nth-child(3n) { margin-right: 0px; }
#staff_list .item a { display: block; width: 100%; height: 100%; background: rgb(255, 255, 255); }
#staff_list .image_wrap { display: block; width: calc(100% + 2px); height: 320px; position: relative; z-index: 1; overflow: hidden; margin: -1px -1px 0px; }
#staff_list .image { width: 100%; display: block; overflow: hidden; position: relative; z-index: 2; height: 100% !important; }
#staff_list .title_area { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 100; text-align: center; padding: 28px; color: rgb(255, 255, 255); box-sizing: border-box; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); }
#staff_list .title { font-size: 22px; }
#staff_list .desc { line-height: 2; padding: 20px 30px; font-size: 16px; }
#staff_single { width: 1000px; margin: 100px auto; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); }
#staff_single_header { height: 209px; position: relative; }
#staff_single_header .title_area { color: rgb(88, 51, 13); position: absolute; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; }
#staff_single_header .title { font-size: 30px; font-weight: 600; }
#staff_content_wrap { padding-top: 60px; }
.pc #single_schedule { margin-top: -1px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.pc #single_schedule .item { flex: 1 1 0%; background: rgb(255, 255, 255); height: 210px; border: 1px solid rgb(221, 221, 221); margin: 0px -1px 0px 0px; position: relative; box-sizing: border-box; }
.pc #single_schedule .date { text-align: center; background: rgb(173, 153, 131); color: rgb(255, 255, 255); width: auto; height: 60px; line-height: 60px; font-size: 14px; }
.pc #single_schedule .item:first-child .date { margin-left: -1px; }
.pc #single_schedule .memo { padding: 0px 12px; line-height: 2; position: relative; height: 150px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.pc #single_schedule .item.empty { background: rgb(247, 247, 247); }
#single_staff_list { background: rgb(255, 255, 255); padding: 100px 0px 150px; }
#single_staff_list #staff_list { width: 1000px; margin: 0px auto; }
#single_staff_list .headline_area { text-align: center; margin: 0px 0px 60px; }
#single_staff_list .headline_area .headline { font-size: 40px; }
#single_staff_list .button { text-align: center; margin-top: 40px; }
#single_staff_list .button a { font-size: 16px; display: inline-block; min-width: 250px; height: 60px; line-height: 60px; border: 1px solid rgb(204, 204, 204); transition: 0.2s; }
#voice_archive { width: 1000px; margin: 90px auto 150px; }
#voice_list .item { border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial; border-bottom: none; background: rgb(255, 255, 255); padding: 50px; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; }
#voice_list .item:last-child { border-bottom: 1px solid rgb(221, 221, 221); }
#voice_list .title_area { width: calc(100% - 150px); }
#voice_list .item.no_image .title_area { float: none; width: 100%; }
#voice_list .title { font-size: 18px; color: rgb(88, 51, 13); margin: 0px 0px 15px; }
#voice_list .post_content { margin-bottom: -40px; }
#campaign_list a { background: rgb(255, 255, 255); width: 100%; height: 180px; border-top: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial; border-bottom: none; position: relative; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; }
#campaign_list .item:last-child a { border-bottom: 1px solid rgb(221, 221, 221); }
#campaign_list .image_wrap { display: block; width: 180px; height: 180px; position: relative; z-index: 1; overflow: hidden; margin: -1px -1px 0px; }
#campaign_list .image { width: 100%; display: block; overflow: hidden; position: relative; z-index: 2; height: 100% !important; }
#campaign_list .title_area { width: calc(100% - 180px); padding: 0px 40px; box-sizing: border-box; }
#campaign_list .title { font-size: 20px; line-height: 1.6; max-height: 4.8em; overflow: hidden; font-weight: 500; }
#campaign_list .title span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
#campaign_list .date { font-size: 15px; margin-top: 10px; color: rgb(153, 153, 153); }
#campaign_article { background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); }
#campaign_title_area { padding: 0px 50px 30px; position: relative; }
#campaign_title_area .title { font-size: 28px; line-height: 1.3; font-weight: 600; margin: 35px 0px 0px; }
#campaign_title_area .date { margin-top: 10px; font-size: 14px; color: rgb(153, 153, 153); }
#campaign_article .post_content { padding: 0px 50px; }
#campaign_article .single_share { margin-left: 50px; margin-right: 50px; }
#campaign_article #next_prev_post { margin: 60px -1px -1px; position: relative; }
#campaign_article #next_prev_post::before { content: ""; width: 100%; background: rgb(221, 221, 221); height: 1px; display: block; position: absolute; top: 0px; left: 0px; }
#related_campaign_list { margin-top: 60px; }
#related_campaign_list .headline { font-weight: 600; height: 60px; line-height: 60px; padding: 0px 30px; background: rgb(88, 51, 13); color: rgb(255, 255, 255); }
#related_campaign_list .button { text-align: center; margin-top: 46px; }
#related_campaign_list .button a { font-size: 16px; display: inline-block; min-width: 250px; height: 60px; line-height: 60px; border: 1px solid rgb(204, 204, 204); transition: 0.2s; }
#menu_archive { width: 1000px; margin: 90px auto 150px; }
#menu_list { border: 1px solid rgb(221, 221, 221); }
#menu_list .item { background: rgb(255, 255, 255); border-right: 1px solid rgb(221, 221, 221); width: 50%; height: 547px; float: left; margin: 0px; position: relative; box-sizing: border-box; }
#menu_list .item:nth-child(2n) { margin-right: 0px; border-right: none; }
#menu_list .item a { display: block; width: 100%; height: 100%; background: rgb(255, 255, 255); }
#menu_list .image_wrap { display: block; width: calc(100% + 2px); height: 300px; position: relative; z-index: 1; overflow: hidden; margin: -1px -1px 0px; }
#menu_list .image { width: 100%; display: block; overflow: hidden; position: relative; z-index: 2; height: 100% !important; }
#menu_list .title_area { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100px; z-index: 100; text-align: center; padding: 0px 28px; color: rgb(255, 255, 255); box-sizing: border-box; background: rgba(0, 0, 0, 0.3); }
#menu_list .title { font-weight: 500; font-size: 26px; position: relative; top: 50%; transform: translateY(-50%); }
#menu_list .title span { display: block; font-size: 16px; margin-top: 15px; }
#menu_list .desc { padding: 48px 65px; font-size: 16px; }
#menu_list .desc p { line-height: 2.4; max-height: 9.6em; overflow: hidden; }
#menu_list .desc p span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.menu_content2 .list_headline { height: 60px; line-height: 60px; text-align: center; font-size: 22px; margin-top: -1px; }
.menu_content2 .menu_price_list td { border-right: 1px solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); border-left: 1px solid rgb(221, 221, 221); border-image: initial; border-top: none; background: rgb(255, 255, 255); padding: 25px 30px 20px; font-size: 14px; box-sizing: border-box; }
.menu_content2 .menu_price_list .col1 { width: 180px; text-align: center; vertical-align: middle; font-size: 16px; }
.menu_content2 .menu_price_list .col3 { width: 180px; text-align: center; vertical-align: middle; font-size: 16px; }
.menu_content2 .menu_price_list td p { line-height: 2; }
.pc .megamenu_button + ul { display: none !important; }
.pc .no_site_desc .megamenu_menu_list { top: 164px; }
.pc .header_fix .megamenu_menu_list { top: 56px !important; }
.pc .no_site_desc .megamenu_blog_list { top: 164px; }
.pc .header_fix .megamenu_blog_list { top: 56px !important; }
#contents_builder { padding-bottom: 149px; }
.cb_contents { padding: 97px 0px 0px; width: 1000px; margin: 0px auto; }
.index_design_content1 .image_list { margin-bottom: 46px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.index_design_content1 .image_list .image { display: block; width: 100%; height: 300px; }
.index_design_content1 .image_list.type3 .image { width: calc(33.3333%); }
.index_design_content1 .catch { text-align: center; line-height: 1.6; margin: 0px 0px 12px; }
.index_design_content1 .desc { text-align: center; line-height: 2.6; margin: 0px 0px 44px; }
.blog_list { width: calc(100% + 2px); }
.blog_list .item { background: rgb(255, 255, 255); width: calc(33.3333%); height: 376px; float: left; border: 1px solid rgb(221, 221, 221); margin: 0px -1px -1px 0px; position: relative; box-sizing: border-box; }
.blog_list .image_wrap { display: block; width: calc(100% + 2px); height: 210px; position: relative; z-index: 1; overflow: hidden; margin: -1px -1px 0px; }
.blog_list .image { width: 100%; display: block; overflow: hidden; position: relative; z-index: 2; height: 100% !important; }
.blog_list .title_area { padding: 25px 30px; }
.blog_list .title { line-height: 1.8; max-height: 5.4em; overflow: hidden; font-weight: 500; }
.blog_list .title a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.blog_list .post_meta { position: absolute; bottom: 25px; }
.blog_list .post_meta li { display: inline; line-height: 1.8; font-size: 12px; margin: 0px 10px 0px 0px; padding: 0px; color: rgb(153, 153, 153); position: relative; }
.blog_list .post_meta li a { display: none; color: rgb(153, 153, 153); }
.blog_list .post_meta li a:first-child { display: inline-block; }
#page_404_header { width: 100%; height: calc(-151px + 100vh); position: relative; }
#page_404_header .catch_area { position: absolute; z-index: 2; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#page_404_header .catch { font-size: 48px; font-weight: 500; }
#page_404_header .desc { font-size: 16px; font-weight: 500; margin: 20px 0px 0px; }
#page_404_header .overlay { width: 100%; height: 100%; position: absolute; z-index: 1; }
#page_404_header .catch_area { opacity: 0; }
#page_404_header.animate .catch_area { animation: 1s ease 1.5s 1 normal forwards running opacityAnimation; }
#page_header { width: 100%; height: 430px; position: relative; overflow: hidden; }
#page_header .headline_area { width: 800px; position: absolute; z-index: 100; text-align: center; color: rgb(255, 255, 255); left: 50%; top: 50%; transform: translate(-50%, -50%); }
#page_header .headline { font-size: 38px; font-weight: 500; }
#page_header .sub_title { font-size: 20px; margin-top: 13px; }
#page_header .overlay { width: 100%; height: 100%; z-index: 2; position: absolute; top: 0px; left: 0px; }
#catch_area { margin-bottom: 85px; }
#catch_area .catch { text-align: center; line-height: 1.6; margin: -5px 0px 0px; font-size: 38px; }
#catch_area .desc { text-align: center; line-height: 2.5; margin: 16px 0px 0px; font-size: 16px; }
#blog_archive { width: 1000px; margin: 0px auto; padding: 95px 0px 150px; }
.page_navi { margin: 60px 0px 0px; z-index: 10; position: relative; }
.page_navi ul { margin: 0px; font-size: 0px; text-align: center; }
.page_navi li { display: inline-block; margin: 0px -1px 0px 0px; }
.page_navi a, .page_navi a:hover, .page_navi span { color: rgb(0, 0, 0); background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); font-size: 14px; width: 45px; height: 45px; line-height: 45px; display: inline-block; text-align: center; box-sizing: border-box; }
.page_navi a:hover { color: rgb(255, 255, 255); }
.page_navi span.current { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-color: rgb(0, 0, 0); position: relative; }
.page_navi .next span, .page_navi .prev span { display: none; }
.page_navi .next::before, .page_navi .prev::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 1em; height: 1em; display: inline-block;  font-size: 11px; top: 1px; position: relative;  }
.page_navi .next::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M8 3l9 9-9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M8 3l9 9-9 9'/%3E%3C/svg%3E"); }
.page_navi .prev:hover::before, .page_navi .next:hover::before { color: rgb(255, 255, 255); }
#page_no_side { width: 1000px; margin: 100px auto 140px; }
.post_content a:hover { text-decoration: none; }
#article { position: relative; }
#post_title_area { padding: 0px 0px 45px; }
#post_title_area .title { font-size: 32px; line-height: 1.3; font-weight: 600; margin: 0px; }
#post_title_area .post_meta { margin: 10px 0px 0px; }
#post_title_area .post_meta li { display: inline; line-height: 1.8; font-size: 14px; margin: 0px 10px 0px 0px; padding: 0px; color: rgb(153, 153, 153); position: relative; }
#post_title_area .post_meta li a { color: rgb(153, 153, 153); }
#post_title_area .post_meta li a::after { content: ", "; color: rgb(153, 153, 153); margin: 0px 3px 0px 2px; }
#post_title_area .post_meta li a:last-child::after { display: none; }
#single_share_top { margin: 0px 0px 44px; padding: 8px 0px 0px; }
#single_share_top .share-top { margin: 0px; }
#single_share_bottom { margin: 50px 0px 0px; }
#single_share_bottom .share-btm { padding: 0px; margin-bottom: 0px !important; }
#single_share_top .mt10, #single_share_top .mt10 { margin: 0px !important; }
#single_share_bottom .mb45, #single_share_bottom .mb45 { margin: 0px !important; }
.single_copy_title_url { text-align: center; }
.single_copy_title_url_btn { background: rgb(255, 255, 255); border: 3px solid rgb(204, 204, 204); cursor: pointer; line-height: 54px; min-width: 300px; padding: 0px 5px; box-sizing: border-box; transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease; }
#single_copy_title_url_top { margin-bottom: 38px; margin-top: 50px; }
#single_share_top + #single_copy_title_url_top { margin-top: 44px; }
#single_copy_title_url_bottom { margin-bottom: 50px; margin-top: 38px; }
#single_share_bottom + #single_copy_title_url_bottom { margin-top: 45px; }
#next_prev_post { margin: 60px 0px 0px; }
#next_prev_post .item { float: left; height: 120px; width: 50%; position: relative; }
#next_prev_post a { display: block; position: relative; width: 100%; height: 100%; color: rgb(0, 0, 0); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; background: rgb(255, 255, 255) !important; }
#next_prev_post a:hover { color: rgb(255, 128, 0); }
#next_prev_post .item:first-child a { border-right: none; }
#next_prev_post .item:only-child a { border-right: 1px solid rgb(221, 221, 221); }
#next_prev_post .title_area { height: 120px; width: auto; position: relative; margin-left: 30px; box-sizing: border-box; }
#next_prev_post .title { font-size: 16px; line-height: 1.6; max-height: 3.2em; overflow: hidden; position: absolute; width: 100%; padding: 0px 30px; top: 50%; transform: translateY(-50%); box-sizing: border-box; }
#next_prev_post .title span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#next_prev_post .nav { display: none; }
#next_prev_post a::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 1em; height: 1em;  color: rgb(17, 17, 17); font-size: 12px; display: block;  content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M16 3l-9 9 9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M16 3l-9 9 9 9'/%3E%3C/svg%3E"); position: absolute; left: 18px; margin-top: 2px; top: 50%; transform: translateY(-50%); }
#next_prev_post a:hover::before { color: rgb(255, 128, 0); }
#next_prev_post .next_post { float: right; }
#next_prev_post .next_post .title_area { margin-left: 0px; margin-right: 30px; }
#next_prev_post .next_post a::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M8 3l9 9-9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M8 3l9 9-9 9'/%3E%3C/svg%3E"); left: auto; right: 20px; }
#header { width: 100%; height: 218px; z-index: 200; position: relative; background: rgb(255, 255, 255); border-top: 4px solid rgb(88, 51, 13); box-sizing: border-box; }
#site_desc { font-size: 14px; font-weight: normal; text-align: center; height: 56px; line-height: 56px; border-bottom: 1px solid rgb(221, 221, 221); box-sizing: border-box; }
#header_top { position: relative; height: 100px; width: 1000px; margin: 0px auto; }
#header_logo { position: absolute; left: 0px; right: 0px; z-index: 30; margin: auto; text-align: center; top: 50%; transform: translateY(-50%); }
#header_logo .logo { line-height: 1; margin: 0px; padding: 0px; font-weight: 500; }
#header_logo img { display: block; margin: 0px auto; transition: opacity 0.35s ease-in-out; }
#header_logo img:hover { opacity: 0.5; }
#header_logo .mobile_logo_image { display: none; }
#header_social_link { margin: 0px; font-size: 0px; z-index: 100; position: absolute; right: -10px; top: 40px; }
#header_social_link li { display: inline-block; margin: 0px 10px; position: relative; }
#header_social_link li a { display: block; overflow: hidden; width: 20px; height: 20px; line-height: 20px; text-align: center; position: relative; }
#header_social_link li a span { display: none; }
#header_social_link li a::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 1em; height: 1em;  font-size: 15px; display: block; position: absolute; top: 1px; left: 0px; right: 0px;  }
#header_social_link li a:hover::before { color: rgb(170, 170, 170); }
#header_social_link li.insta a::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.3.2 4.8 1.7 5 5 .1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.2 3.2-1.7 4.8-5 5-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.2-4.8-1.7-5-5C2.1 15.6 2.1 15.2 2.1 12s0-3.6.1-4.8c.2-3.3 1.7-4.8 5-5C8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7C8.3 24 8.7 24 12 24s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 100 12.4 6.2 6.2 0 000-12.4zM12 16a4 4 0 110-8 4 4 0 010 8zm6.4-11.8a1.4 1.4 0 100 2.9 1.4 1.4 0 000-2.9z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2c3.2 0 3.6 0 4.8.1 3.3.2 4.8 1.7 5 5 .1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.2 3.2-1.7 4.8-5 5-1.3.1-1.6.1-4.8.1s-3.6 0-4.8-.1c-3.3-.2-4.8-1.7-5-5C2.1 15.6 2.1 15.2 2.1 12s0-3.6.1-4.8c.2-3.3 1.7-4.8 5-5C8.4 2.2 8.8 2.2 12 2.2zM12 0C8.7 0 8.3 0 7.1.1 2.7.3.3 2.7.1 7.1 0 8.3 0 8.7 0 12s0 3.7.1 4.9c.2 4.4 2.6 6.8 7 7C8.3 24 8.7 24 12 24s3.7 0 4.9-.1c4.4-.2 6.8-2.6 7-7 .1-1.2.1-1.6.1-4.9s0-3.7-.1-4.9c-.2-4.4-2.6-6.8-7-7C15.7 0 15.3 0 12 0zm0 5.8a6.2 6.2 0 100 12.4 6.2 6.2 0 000-12.4zM12 16a4 4 0 110-8 4 4 0 010 8zm6.4-11.8a1.4 1.4 0 100 2.9 1.4 1.4 0 000-2.9z'/%3E%3C/svg%3E"); }
#global_menu { z-index: 40; width: 100%; height: 60px; background: rgb(87, 51, 18); position: absolute; bottom: 0px; left: 0px; display: flex; }
#global_menu > ul { width: 1000px; position: relative; text-align: center; margin: 0px auto; border-left: 1px solid rgb(121, 92, 65); display: flex; flex-wrap: wrap; }
#global_menu > ul > li { position: relative; line-height: 1; text-align: center; font-size: 14px; border-right: 1px solid rgb(121, 92, 65); justify-content: space-between; flex: 1 1 0%; }
#global_menu > ul > li > a { color: rgb(255, 255, 255); font-size: 14px; text-decoration: none; height: 60px; line-height: 60px; display: block; position: relative; }
#global_menu > ul > li > a:hover::after, #global_menu > ul > li.current-menu-item a::after { height: 4px; }
#global_menu ul ul { display: none; width: 100%; min-width: 240px; position: absolute; top: 60px; left: -1px; margin: 0px; padding: 0px; z-index: 9999; }
#global_menu ul ul li { line-height: 1.5; padding: 0px; margin: 0px; text-align: left; position: relative; display: block; }
#global_menu ul ul a { font-size: 14px; display: block; border: none; position: relative; padding: 14px 25px 12px; height: auto; line-height: 1.6; margin: 0px; }
#global_menu ul ul a:hover { text-decoration: none; border: none; }
.pc #header.active #header_logo .pc_logo_image.type1 { display: none; }
.pc #header.active #header_logo .pc_logo_image.type2 { display: block; }
.pc #menu_button { display: none; }
.pc #header_mobile_banner { display: none; }
#drawer_menu { display: none; }
.pc .header_fix { padding-top: 218px; }
.pc body.admin-bar.header_fix { padding-top: 112px; }
.pc .header_fix #header { position: fixed; top: 0px; left: 0px; z-index: 200; height: 60px; width: 100%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 5px; border-bottom: none; animation: 0.5s ease 0s 1 normal none running slide_down_menu; }
.pc .header_fix #site_desc { display: none; }
.pc .header_fix #site_desc { display: none; }
.pc .header_fix #header_top { display: none; }
.pc .admin-bar.header_fix { padding-top: 190px; }
@keyframes slide_down_menu { 
  0% { top: -60px; }
  100% { top: 0px; }
}
#bread_crumb { width: 100%; background: rgba(255, 255, 255, 0.2); z-index: 100; position: absolute; bottom: 0px; left: 0px; box-sizing: border-box; }
#bread_crumb ul { width: 1000px; margin: 0px auto; padding: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#bread_crumb li { display: inline; font-size: 14px; margin: 0px; padding: 0px; position: relative; color: rgb(255, 255, 255); }
#bread_crumb li::after { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 1em;  content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M8 3l9 9-9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M8 3l9 9-9 9'/%3E%3C/svg%3E"); font-size: 10px; color: rgb(255, 255, 255); display: inline-block; vertical-align: middle; line-height: 60px; height: 60px; margin: 0px 12px;  }
#bread_crumb li:last-of-type::after { display: none; }
#bread_crumb li a { color: rgb(255, 255, 255); height: 60px; line-height: 60px; display: inline-block; }
#bread_crumb li.category a { display: none; }
#bread_crumb li.category a:first-of-type, #bread_crumb li.category a:only-of-type { display: inline-block; }
#bread_crumb li.home a { position: relative; width: 16px; }
#bread_crumb li.home a span { opacity: 0; }
#bread_crumb li.home a::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center top; mask-position: center top; -webkit-mask-size: contain; mask-size: contain; width: 1em;  content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5L1.5 12h3v9.5h6v-6h3v6h6V12h3z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5L1.5 12h3v9.5h6v-6h3v6h6V12h3z'/%3E%3C/svg%3E"); font-size: 14px; color: rgb(255, 255, 255); display: inline-block; height: 100%; line-height: 1; top: 0px; position: relative;  }
#copyright { width: 100%; line-height: 60px; height: 60px; font-size: 12px; z-index: 10; text-align: center; background: rgb(88, 51, 13); color: rgb(255, 255, 255); box-sizing: border-box; }
#return_top a { background: rgb(255, 255, 255); border-top: 1px solid rgb(221, 221, 221); display: block; width: 100%; height: 58px; line-height: 58px; text-decoration: none; z-index: 100; position: relative; }
#return_top span { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; }
#return_top a::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; color: rgb(0, 0, 0);  content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); font-size: 14px; display: block; width: 14px; height: 14px; position: absolute; left: 0px; right: 0px; top: 1px; margin: auto;  }
#return_top a:hover { background: rgb(244, 244, 244); }
.widget_content { margin: 0px 0px 50px; }
.widget_content:last-child { margin-bottom: 0px; }
.widget_content ul { margin: 0px; }
.widget_content li { line-height: 2; padding: 2px 0px; margin: 0px 0px 10px; }
.widget_content a { text-decoration: none; color: rgb(0, 0, 0); }
.widget_content img { height: auto; max-width: 100%; }
.widget_headline { background: rgb(88, 51, 13); color: rgb(255, 255, 255); height: 60px; line-height: 60px; padding: 0px 25px; font-size: 16px; position: relative; margin: 0px; }
.tcd_ad_widget { border: none; padding: 0px; background: none; }
.tcd_ad_widget img { height: auto; max-width: 100%; margin: 0px auto; display: block; }
.styled_post_list1 { position: relative; }
.styled_post_list1 li { margin: 0px 1px 1px 0px; padding: 0px; position: relative; width: 50%; height: 150px; float: left; }
.styled_post_list1 a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; background: rgb(255, 255, 255) !important; }
.styled_post_list1 .image_wrap { display: block; width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }
.styled_post_list1 .image { width: 100%; display: block; overflow: hidden; position: relative; z-index: 2; height: 100% !important; }
.styled_post_list1 a::after { content: ""; display: block; width: 100%; height: 70%; position: absolute; bottom: 0px; left: 0px; z-index: 10; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }
.styled_post_list1 .title { width: 100%; position: absolute; bottom: 15px; left: 0px; z-index: 20; color: rgb(255, 255, 255); padding: 0px 20px; line-height: 1.6; max-height: 4.8em; font-weight: 500; word-break: break-all; overflow: hidden; box-sizing: border-box; }
.styled_post_list1 .title span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.tcd_category_list_widget .widget_headline { z-index: 2; }
.tcd_category_list { position: relative; margin: 0px; top: -1px; }
.tcd_category_list li { margin: 0px; padding: 0px; background: none; position: relative; }
.tcd_category_list .child_menu_button { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; z-index: 2; cursor: pointer; }
.tcd_category_list .child_menu_button::before { background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain;  content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 8l9 9 9-9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 8l9 9 9-9'/%3E%3C/svg%3E"); text-align: center; display: block; font-size: 14px; width: 14px; height: 14px; line-height: 14px; position: absolute; right: 18px; top: 26px; }
.tcd_category_list li.active > .child_menu_button::before { content: "\200b"; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M3 16l9-9 9 9'/%3E%3C/svg%3E"); }
.tcd_category_list a { display: block; padding: 0px 24px; height: 60px; line-height: 60px; overflow: hidden; margin: 0px 0px -1px; text-decoration: none; position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; }
.tcd_category_list a:hover { color: rgb(255, 255, 255); }
#comments { margin: 60px 0px 0px; }
#comments .headline { font-weight: 600; height: 60px; line-height: 60px; padding: 0px 30px; background: rgb(88, 51, 13); color: rgb(255, 255, 255); }
#comment_header { position: relative; margin: 0px 0px 25px; }
#comment_tab { margin: 0px; }
#comment_tab li { float: left; text-align: center; margin: 0px; width: 50%; }
#comment_tab li a, #comment_tab li p { font-size: 12px; padding: 15px; line-height: 1.6; display: block; text-decoration: none; background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
#comment_tab li a:hover { background: rgb(170, 170, 170); color: rgb(255, 255, 255) !important; }
#comment_tab li.active a, #comment_header #comment_closed p { color: rgb(0, 0, 0); position: relative; background: rgb(226, 226, 226); }
#comment_tab li.active a:hover { color: rgb(0, 0, 0) !important; }
.comment_message { margin: 0px 0px 25px; }
.comment_form_wrapper { border: 1px solid rgb(221, 221, 221); margin: 0px; padding: 15px; background: rgb(255, 255, 255); }
#cancel_comment_reply a { background: rgb(238, 238, 238); margin: 0px 0px 1em; padding: 10px; text-align: center; display: block; }
#cancel_comment_reply a:hover { background: rgb(34, 34, 34); color: rgb(255, 255, 255); }
#guest_info { padding: 0px; width: 100%; }
#guest_info div { margin: 0px 0px 12px; text-align: left; }
#guest_info input { margin: 0px; padding: 5px 10px; border: 1px solid rgb(204, 204, 204); width: 100%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px 0px inset; }
#guest_info input:focus { border: 1px solid rgb(153, 153, 153); }
#guest_info label { display: block; margin: 0px 0px 10px; padding: 0px; font-size: 12px; }
#guest_info span { margin: 0px 10px 0px 0px; }
#comment_textarea textarea { margin: 15px 0px 0px; width: 100%; height: 150px; font-size: 12px; overflow: auto; padding: 10px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px 0px inset; }
#comment_textarea textarea:focus { border: 1px solid rgb(153, 153, 153); }
#submit_comment_wrapper { text-align: center; }
#submit_comment { color: rgb(0, 0, 0); background: rgb(238, 238, 238); border: none; cursor: pointer; font-size: 14px; width: 200px; height: 50px; margin: 15px auto 0px; display: block; transition: background-color 200ms ease-in-out; }
#submit_comment:hover { background: rgb(34, 34, 34); color: rgb(255, 255, 255); }
#input_hidden_field { display: none; }
@keyframes opacityAnimation { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.post_content .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 7px; }
.post_content p { line-height: 2.5; margin: 0px 0px 2em; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear: both; line-height: 1.4; margin: 0px 0px 10px; padding: 10px 0px 0px; }
.post_content h1 { font-size: 150%; }
.post_content h2 { font-size: 140%; }
.post_content h3 { font-size: 130%; }
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img { height: auto; max-width: 100%; }
.post_content li, .post_content dt, .post_content dd { line-height: 2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom: 24px; }
.post_content ol { list-style: outside none decimal; margin-left: 1.5em; }
.post_content ul { list-style: outside none circle; margin-left: 1.3em; }