@CHARSET "UTF-8";

body{ word-break:break-word; }

/* default */
ol{ margin-bottom:25px; }
ol li{ counter-increment:list; line-height:1.9; }
ol li:before{ content:counter(list); font-weight:bold; margin-right:12px; border-radius:50%; font-size:10px; box-shadow:inset 0 0 0 1px #e2e2e2; display:inline-block; text-align:center; height:19px; width:19px; top:-2px; position:relative; color:#666; text-align:center; }
.wp-block-quote{ font-style:italic; position:relative; border:none; padding:10px 0 0 50px; margin:30px 0; line-height:1.5; }
.wp-block-quote:before{ content:"\201C"; display:inline-block; height:35px; width:35px; position:absolute; left:0; top:5px; font-size:65px; line-height:1; color:#ccc; }
.scroll{ overflow:scroll; }

#news-archive{ padding-bottom:48px; }
#news-archive .local-headline .title{ justify-content:center; }
#news-archive .view-archive{ color:#121212; text-decoration:underline; }
#news-archive .entries{ margin-bottom:24px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif; }
#news-archive .entries .entry{ font-size:1.143em; padding-top:18px; padding-bottom:0; margin-bottom:12px; position:relative; }
#news-archive .entries .entry .posted-on{ margin-right:48px; }
#news-archive .entries .entry .entry-thumbnail{ width:100%; display:block; aspect-ratio:3/2; background-origin:border-box; box-sizing: border-box; border: 1px solid rgba(0,0,0,.1); background-position: center center; background-size:cover; background-repeat: no-repeat; border-radius:5px; margin-right:24px; margin-bottom:0; }
#news-archive .entries .entry .entry-title{ font-size:1em; margin-bottom:0; display:flex; align-items:center; }

#articles-single{ padding-top:72px; }
#articles-single h2.content-title{ font-size:2.429em; line-height:1.2; letter-spacing:0; }
#articles-single h2.content-title:before{ display:none; }

/* Article UI */
.entry-title a{ color:#222; }
.entry-title a:hover{ color:#16afba; text-decoration:none; }
#author-avatar img{ width:40px; height:40px; -webkit-border-radius:50px; border-radius:50px; margin-right:7px; margin-top:-2px; }
.entry-readmore{ font-size:0.857em; }
.entry-thumbnail{ margin-bottom:12px; }
.archive .entry-thumbnail a{ display:block; overflow:hidden; position:relative; }
.archive .entry-thumbnail a:before{ content:""; display:block; padding-top:56%; }
.archive .entry-thumbnail img{ position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; }
.article-section .entry-content h2{ font-size:2.214em; margin-bottom:18px; position:relative; }
.article-section .entry-content h2:before{ content:''; display:inline-block; width:36px; height:36px; background:url(../img/ico_infinite_circle.svg) 0 0 /cover no-repeat; position:absolute; left:-48px; top:-2px; }
.article-section .entry-content h3{ font-size:1.714em; margin-bottom:18px; position:relative; }
.article-section .entry-content h3:before{ content:''; display:inline-block; width:30px; height:30px; background:url(../img/ico_infinite_color.svg) 0 0 /cover no-repeat; position:absolute; left:-42px; top:-2px; }
.article-section .entry-content h4{ font-size:1.286em; margin-bottom:18px; position:relative; display:inline-block; }
.article-section .entry-content h4:before{ content:''; width:100%; height:4px; position:absolute; bottom:-3px; background:#16afba; }
.article-section .entry-content h5{ font-size:1.286em; margin-bottom:12px; }
.article-section .entry-content h6{ font-size:1em; color:#777; margin-bottom:12px; }
.article-section .entry-content img{ max-width:100%; height:auto; display:block; }
.article-section .entry-content p,
.article-section .entry-content ul,
.article-section .entry-content ol{ font-size:17px; line-height:1.5em; margin:0 0 10px; }
.article-section .entry-content ul li{ list-style:disc outside; line-height:1.6; margin:0 0 12px 18px; }
.article-section .entry-content ol li{ counter-increment:list; line-height:1.6; }
.article-section .entry-content ol li:before{ content:counter(list); font-weight:bold; margin-right:12px; border-radius:50%; font-size:10px; box-shadow:inset 0 0 0 1px #e2e2e2; display:inline-block; text-align:center; height:19px; width:19px; top:-2px; position:relative; color:#666; text-align:center; line-height:1.9; }
.article-section .entry-content .wp-block-quote{ font-style:italic; position:relative; border:none; padding:48px 0 24px 48px; margin:30px 0; line-height:1.5; font-size:1em; }
.article-section .entry-content .wp-block-quote:before{ content:"\201C"; display:inline-block; height:35px; width:35px; position:absolute; left:-12px; top:5px; font-size:100px; line-height:1; color:#ddd; }
.article-section .entry-content .wp-block-quote p{ font-size:1.714em; font-weight:bold; margin-bottom:12px !important; }
.article-section .entry-content .wp-block-quote cite{ font-size:0.857em; color:#666; }
.article-section .entry-content strong{ font-family:inherit !important; font-weight:bold; }
.article-section .entry-content .blog-section{ margin-bottom:24px; }
.article-section .entry-content .content{ padding-bottom:60px; }
.article-section .entry-content .card{ border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px; padding:10px 15px; margin:12px 0 36px; line-height:1.5; }
.article-section .entry-content .card p{ margin-bottom:0; font-weight:bold; }
.article-section .entry-content .card a[target="_blank"]:after{ font-family:'FontAwesome'; content:"\f08e"; display:inline-block; margin-left:5px;font-size:0.857em;line-height:1 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale }
.article-section .entry-content ul .card,
.article-section .entry-content ol .card{ margin-bottom:10px; }
.article-section .entry-content .talker{ display:block; }
.article-section .entry-content .talker:before{ content:''; display:inline-block; width:15px; height:1px; background:#ddd; position:relative; top:-5px; margin-right:10px; }
.article-section .entry-content .sup{ font-size:14px; color:#888; font-style:italic; font-weight:normal !important; margin-top:5px; }
.article-section .entry-author .author{ font-size:0.857em; }
.article-section .entry-content input,
.article-section .entry-content select{ margin:0 0 24px}
.article-section .entry-meta,
.article-section .entry-content label{ font-size:1em; }
.article-section .entry-author{ font-size:1.143em; font-weight:bold; margin-bottom:24px; color:#999; }
.article-section .entry-content .table{ font-size:14px !important; margin:0 0 24px !important; }

/* Single */
#single{ padding-bottom:60px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif; }
#single .entry-cat{ margin-bottom:12px; }
#single .entry-thumbnail{ width:100%; display:block; aspect-ratio:3/2; background-origin:border-box; box-sizing: border-box; background-position: center center; background-size:cover; background-repeat: no-repeat; border-radius:12px; margin-right:24px; margin-bottom:72px; }
.single .entry-meta-single{ padding-bottom:36px; }
.single .entry-meta-signature{ padding-top:36px; }
.single .entry-container{ width:100%; }
.single .entry-content{ margin-bottom:48px; }
.single .entry-title,
.single .entry-content{ padding-right:0; }
.single .entry-thumbnail{ width:100%; text-align:center; padding-right:0; margin-bottom:40px; }
.single .entry-thumbnail img{ margin:0 auto; max-width:100%; }
.single .entry-container:after { border-bottom:none; }
.single .tags{ margin-bottom:12px; }
.single .nav-section{ padding:36px 0; }
.single .wp-block-image{ margin-bottom:3em; }
.single .wp-block-image figcaption{ font-size:0.714em; color:#999; }
.single .hcb_wrap{ margin-top:-1em; }
.single h2,
.single h3,
.single h4,
.single h5,
.single h6{ font-weight:bold; }

blockquote.wp-embedded-content { display:none; }
iframe.wp-embedded-content { width:100%; position:relative !important; }


/**************
 * Responsive *
 **************/
/* 1025 - 1280 */
@media only screen and (min-width:1025px) and (max-width:1280px) {
#articles,
#category,
#single{ padding:0 40px;　}
}

/* 768 - 1024 */
@media only screen and (min-width:768px) and (max-width:1024px) {
.ln-title,
.local-nav .ln-title i{ width:72px; height:21px; }
.archive-title-section{ padding-top:12px; }
.archive-title{ font-size:1.571em; }
.entry-container{ width:100%; max-width:100%; height:auto !important; margin-bottom:24px; }
.entry-container:after{ left: 0; }
.entry-container .entry-item{ margin-bottom:0; }
#articles{ width:100%; }
#meta,
.tags,
#share{ font-size:0.857em; }
.single #single-hero #author-avatar img{ width:32px; height:32px; }
.entry-title,
.entry-content{ padding-right:0; }
.entry-thumbnail{ padding-right:0; }
.entry-content br{ display:inline; }
#blog-single .entry-container{ margin-top:24px; }
#blog-single .entry-title,
#blog-single .entry-thumbnail{ margin-bottom:24px; }
.single #blog-contents{ padding-bottom:48px; }
#blog-single .entry-content .content{ padding-bottom:48px; }
#blog-single .entry-content h2{ font-size:1.143em; margin-bottom:12px; }
#blog-single .entry-content .card:last-child{ margin-bottom:0; }
#blog-single #share li a{ padding:3px 6px; }
#blog-single #share li .counter{ padding:2px 5px; }
#news-contents,
#blog-contents{ padding-top:72px; padding-bottom:12px; }
#blog-category{ margin-bottom:0; margin-left:-6px; margin-right:-6px; }
#blog-category .category{ padding-left:6px; padding-right:6px; margin-bottom:12px; }
#articles-single{ padding-top:60px; }
.article-section .entry-content{ padding-left:36px; }
#articles-single h2.content-title{ font-size:1.929em; padding-left:0; text-align:left; }
.article-section .entry-author,
.entry-meta-data .entry-date{ font-size:0.857em; }
.article-section .entry-content h2{ font-size:1.714em; }
.article-section .entry-content h2:before{ width:30px; height:30px; left:-36px; top:0; }
.article-section .entry-content h3{ font-size:1.571em; }
.article-section .entry-content h3:before{ width:24px; height:24px; left:-33px; top:2px; }
.article-section .entry-content blockquote:before{ font-size:70px; }
.article-section .entry-content blockquote{ padding-left:24px; }
}

/* 320 - 767 */
@media only screen and (min-width:320px) and (max-width:767px) {
.ln-title,
.local-nav .ln-title i{ width:72px; height:21px; }
.archive-title-section{ padding-top:12px; }
.archive-title{ font-size:1.571em; }
.entry-container{ width:100%; max-width:100%; height:auto !important; margin-bottom:24px; }
.entry-container:after{ left: 0; }
.entry-container .entry-item{ margin-bottom:0; }
#articles{ width:100%; }
#meta,
.tags,
#share{ font-size:0.857em; }
.single #single-hero #author-avatar img{ width:32px; height:32px; }
.single .entry-meta-single{ padding-bottom:24px; }
.single .entry-title{ font-size:1.929em; }
.entry-title,
.entry-content{ padding-right:0; }
.entry-thumbnail{ padding-right:0; }
.entry-content br{ display:inline; }
#blog-single .entry-container{ margin-top:24px; }
#blog-single .entry-title,
#blog-single .entry-thumbnail{ margin-bottom:24px; }
#single .entry-thumbnail{ margin-bottom:24px; }
.single .entry-meta,
.single .entry-info,
.single .entry-content,
.single .tags,
.single .nav-section{ width:100%; }
.single #blog-contents{ padding-bottom:48px; }
#blog-single .entry-content .content{ padding-bottom:48px; }
#blog-single .entry-content h2{ font-size:1.143em; margin-bottom:12px; }
#blog-single .entry-content .card:last-child{ margin-bottom:0; }
#blog-single #share li a{ padding:3px 6px; }
#blog-single #share li .counter{ padding:2px 5px; }
#news-archive .entries .entry .entry-content{ flex-direction:column; align-items:flex-start; }
#news-archive .entries .entry .entry-thumbnail{ width:100%; margin-right:0; margin-bottom:18px; }
#news-archive .entries .entry .arrow{ display:none; }
#news-contents,
#blog-contents{ padding-top:12px; padding-bottom:12px; }
#blog-category{ margin-bottom:0; margin-left:-6px; margin-right:-6px; }
#blog-category .category{ padding-left:6px; padding-right:6px; margin-bottom:12px; }
#articles-single{ padding-top:24px; }
#articles-single h2.content-title{ font-size:1.571em; padding-left:0; text-align:left; margin-bottom:12px; }
.article-section .entry-author,
.entry-meta-data .entry-date{ font-size:0.857em; }
.article-section .entry-content h2{ font-size:1.714em; }
.article-section .entry-content h2:before{ width:30px; height:30px; left:-36px; top:0; }
.article-section .entry-content h3{ font-size:1.571em; }
.article-section .entry-content h3:before{ width:24px; height:24px; left:-33px; top:2px; }
.article-section .entry-content blockquote:before{ font-size:70px; }
.article-section .entry-content blockquote{ padding-left:24px; }
#single{ width:100%; }
}
/*
57px => 4.071em
54px => 3.857em
51px => 3.643em
46px => 3.268em
41px => 2.929em
38px => 2.714em
34px => 2.429em
31px => 2.214em
27px => 1.929em
24px => 1.714em
22px => 1.571em
18px => 1.286em
16px => 1.143em
13px => 0.929em
12px => 0.857em
11px => 0.786em
10px => 0.714em
*/