@charset "UTF-8";
/*
Theme Name: NewSite
Author: ProntoNet
Author URI: http://www.prontonet.ne.jp/
Version: 1.0
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* =======================================
記事詳細
========================================*/
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }

/* ----------------------------- ページネーション */
.pagination { clear: both; position: relative; display: table; width: 100%; padding: 20px 0; }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 5px 10px; margin: 0 10px; color: #333; text-decoration: none !important; cursor: pointer; color: #000; font-size: 128.5%; border-bottom: 2px solid transparent; }
.pagination span.current, .pagination a.current { border-bottom-color: #000; }
.pagination a:link, .pagination a:visited { color: #000; }
.pagination a:hover { color: #000; text-decoration: underline; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination .numeric, .pagination .prev, .pagination .next { display: table-cell; vertical-align: middle; }
.pagination .numeric { text-align: center; width: 70%; }
.pagination .prev, .pagination .next { width: 15%; }
.pagination .prev a, .pagination .next a { margin: 0; background-repeat: no-repeat; }
.pagination .prev { text-align: left; }
.pagination .prev a { padding-left: 50px; background-image: url(../img/common/icon1_left.svg); background-position: left center; }
.pagination .next { text-align: right; }
.pagination .next a { padding-right: 50px; background-image: url(../img/common/icon1.svg); background-position: right center; }

@media screen and (max-width: 640px) { .pagination { padding: 10px 0; }
  .pagination span, .pagination a { font-size: 100%; margin: 3px 4px; padding: 3px 5px; }
  .pagination .prev a { padding-left: 15px; background-image: url(../img/common/icon3_left.svg); }
  .pagination .next { text-align: right; }
  .pagination .next a { padding-right: 15px; background-image: url(../img/common/icon3.svg); } }
/* ----------------------------- 全体 */
body { font-size: 14px; line-height: 1.8em; color: #333; font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.sp-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

@media screen and (max-width: 768px) { .sp-only { display: block !important; }
  .pc-only { display: none !important; } }
/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
/*=======================================
メニュー
=========================================*/
/*=======================================
フッター
=========================================*/
/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/
/*=======================================
トップページ
=========================================*/
/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/
/*=======================================
トップページ
=========================================*/
h3 { text-align: center; margin-bottom: 40px; }
h3:before { content: ""; width: 54px; height: 45px; display: block; margin: 0 auto 20px; background: url("../img/furusato/icon_mori.svg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }

.p-furusato__kv { background: url("../img/furusato/bg_main.jpg") no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; height: 65vh; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.p-furusato__kv .txt { margin-top: -30px; }
.p-furusato__kv h1 { text-align: center; }
.p-furusato__kv h2 { font-feature-settings: "palt"; color: #FFF; margin-top: 30px; text-align: center; font-size: 24px; letter-spacing: 0.2em; line-height: 200%; }
.p-furusato__intro { padding: 70px 0; }
.p-furusato__intro p { font-feature-settings: "palt"; text-align: center; font-size: 16px; letter-spacing: 0.05em; line-height: 200%; margin-bottom: 1em; }
.p-furusato__intro p:last-child { margin-bottom: 0; }
.p-furusato__intro ul { text-align: center; font-size: 0; margin-top: 40px; }
.p-furusato__intro ul li { display: inline-block; width: 140px; margin-right: 10px; }
.p-furusato__intro ul li:last-child { margin-right: 0; }
.p-furusato__gaiyo { background-color: #FEFCF3; padding: 70px 0; }
.p-furusato__gaiyo .inner { padding: 50px; background-color: #FFF; }
.p-furusato__download { padding: 70px 0; }
.p-furusato__download ul li { text-align: center; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; position: relative; }
.p-furusato__download ul li:after { content: ""; border-top: solid 2px #888888; border-right: solid 2px #888888; width: 8px; height: 8px; transform: rotate(45deg); position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; }
.p-furusato__download ul li a { display: flex; height: 80px; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-decoration: none; }
.p-furusato__download ul li span { display: inline-block; vertical-align: middle; padding-right: 35px; position: relative; margin-right: -35px; }
.p-furusato__download ul li span:after { content: ""; width: 30px; height: 34px; display: inline-block; vertical-align: middle; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.p-furusato__download ul li span.pdf:after { background: url("../img/furusato/kkrn_icon_pdf_5.svg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.p-furusato__download ul li span.word:after { background: url("../img/furusato/kkrn_icon_word_5.svg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.p-furusato__download ul li span.excel:after { background: url("../img/furusato/kkrn_icon_excel_5.svg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
.p-furusato__download .style1 li { width: 32%; float: left; background-color: #EDF5FC; margin-right: 2%; }
.p-furusato__download .style1 li:nth-child(3n) { margin-right: 0; }
.p-furusato__download .style1 li a { color: #20639B; }
.p-furusato__download .style2 li { width: 23.5%; float: left; background-color: #E6F7F4; margin-right: 2%; margin-top: 2%; }
.p-furusato__download .style2 li:nth-child(4n) { margin-right: 0; }
.p-furusato__download .style2 li a { color: #1b887e; }
.p-furusato__contact { background-color: #FEFCF3; padding: 70px 0; }
.p-furusato__contact h3 + p { text-align: center; font-size: 18px; letter-spacing: 0.05em; margin-bottom: 30px; margin-top: -10px; }
.p-furusato__contact .inner { background-color: #FFF; padding: 30px; }
.p-furusato__contact .inner .box { width: 550px; float: left; }
.p-furusato__contact .inner .box:last-child { float: right; }
.p-furusato__contact .inner .box h4 { background-color: #F8F8F8; padding: 20px; font-size: 18px; line-height: 1; font-weight: normal; }
.p-furusato__contact .inner .box h5 { font-size: 18px; letter-spacing: 0.05em; margin-top: 20px; margin-bottom: 15px; }
.p-furusato__contact .inner .box p { font-size: 18px; line-height: 145%; letter-spacing: 0.05em; }
.p-furusato__contact .inner .box .item { display: table; width: 100%; padding: 20px 0; border-bottom: 1px dotted #CCCCCC; }
.p-furusato__contact .inner .box .item:last-child { border-bottom: none; }
.p-furusato__contact .inner .box .item .num { display: table-cell; vertical-align: middle; width: 230px; font-size: 14px; font-weight: bold; }
.p-furusato__contact .inner .box .item .num span { font-size: 22px; font-feature-settings: "palt"; }
.p-furusato__contact .inner .box .item .txt { display: table-cell; vertical-align: middle; font-size: 13px; line-height: 110%; font-feature-settings: "palt"; width: calc(100% - 230px); }

.l-footer .logo { padding: 60px 0; text-align: center; }
.l-footer .logo img { display: inline-block; }
.l-footer p { background-color: #173F5F; color: #FFF; text-align: center; font-size: 12px; line-height: 1; padding: 5px 0; }

@media screen and (max-width: 768px) { h3 { text-align: center; margin-bottom: 30px; }
  h3:before { width: 44px; height: 35px; margin: 0 auto 20px; background: url("../img/furusato/icon_mori.svg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; }
  .row1 img { max-height: 24px; width: auto; }
  .row2 img { max-height: 55px; width: auto; }
  .p-furusato__kv { height: 65vh; display: flex; }
  .p-furusato__kv .txt { margin-top: 0; }
  .p-furusato__kv h1 { width: 60%; margin: 0 auto; }
  .p-furusato__kv h2 { margin-top: 30px; font-size: 16px; text-indent: 0.2em; }
  .p-furusato__intro { padding: 40px 0; }
  .p-furusato__intro p { text-align: left; font-size: 14px; line-height: 180%; letter-spacing: 0.02em; }
  .p-furusato__intro ul { text-align: center; font-size: 0; margin-top: 20px; }
  .p-furusato__intro ul li { display: inline-block; width: 32%; margin-right: 2%; margin-bottom: 2%; }
  .p-furusato__intro ul li:nth-child(3) { margin-right: 0; }
  .p-furusato__gaiyo { padding: 40px 0; }
  .p-furusato__gaiyo .inner { padding: 10px; }
  .p-furusato__download { padding: 40px 0; }
  .p-furusato__download ul li { font-size: 16px; }
  .p-furusato__download ul li a { height: 60px; }
  .p-furusato__download ul li span { display: inline-block; vertical-align: middle; padding-right: 35px; position: relative; margin-right: -35px; }
  .p-furusato__download .style1 li { width: 100%; float: none; margin-right: 0; margin-top: 2%; }
  .p-furusato__download .style1 li:nth-child(3n) { margin-right: 0; }
  .p-furusato__download .style2 li { width: 100%; float: none; margin-right: 0; margin-top: 2%; }
  .p-furusato__download .style2 li:nth-child(4n) { margin-right: 0; }
  .p-furusato__download .style2 li a { color: #1b887e; }
  .p-furusato__contact { padding: 40px 0; }
  .p-furusato__contact h3 + p { font-size: 16px; letter-spacing: 0.05em; text-indent: 0.05em; }
  .p-furusato__contact .inner { padding: 15px; }
  .p-furusato__contact .inner .box { width: 100%; float: none; }
  .p-furusato__contact .inner .box:last-child { float: none; margin-top: 30px; }
  .p-furusato__contact .inner .box h4 { padding: 15px; font-size: 16px; }
  .p-furusato__contact .inner .box h5 { font-size: 16px; margin-bottom: 10px; }
  .p-furusato__contact .inner .box p { font-size: 16px; }
  .p-furusato__contact .inner .box .item { display: block; width: 100%; padding: 15px 0; }
  .p-furusato__contact .inner .box .item .num { display: block; width: 100%; vertical-align: middle; font-size: 14px; font-weight: bold; }
  .p-furusato__contact .inner .box .item .num span { font-size: 22px; font-feature-settings: "palt"; }
  .p-furusato__contact .inner .box .item .txt { display: block; width: 100%; margin-top: 10px; font-size: 13px; line-height: 140%; }
  .l-footer .logo { padding: 30px 0 20px; }
  .l-footer .logo img { width: 60%; height: auto; margin: 0 auto; } }
/* ----------------------------- 4. 投稿 */
/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #000; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { max-width: 1200px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 768px) { .c-wrap { max-width: auto; padding: 0 10px; } }
.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

#__bs_notify__ { display: none !important; }