@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: 13px; line-height: 2em; color: #333; font-family: Helvetica, "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; -webkit-text-size-adjust: 100%; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

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

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

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
/*=======================================
メニュー
=========================================*/
/*=======================================
フッター
=========================================*/
/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/

#container {
  position: relative;
}

.l-contents .sidebar_black {
  background-color: #212121;
  width: 100%;
  height: 60px;
  color: #fff;
  position: fixed;
  z-index: 10;
}

.l-contents .sidebar_black .tx {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  margin-top: 10px;
  line-height: 1.4;
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 60px);
}

.l-contents .sidebar_black .btn {
  position: fixed;
  right: 0;
  width: 60px;
  height: 60px;
  background: #000;
}
.l-contents .sidebar_black .btn:before,
.l-contents .sidebar_black .btn:after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 20px;
  border-top: 1px solid #fff;
  transition: .4s ease all;
}
.l-contents .sidebar_black .btn:before {
  margin-top: -4px;
}
.l-contents .sidebar_black .btn:after {
  margin-top: 4px;
}
.l-contents .sidebar_black .btn.is-open:before {
  margin-top: 0;
  transform: rotate(-45deg);
}
.l-contents .sidebar_black .btn.is-open:after {
  margin-top: 0;
  transform: rotate(45deg);
}

.l-contents .sidebar_black .nav {
  position: fixed;
  display: none;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  overflow: auto;
  top: 60px;
  padding: 20px;
  z-index: 19;
  background: rgba(0,0,0,.85);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.l-contents .sidebar_black .nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding-top: 12px;
  padding-bottom: 10px;
  border-bottom: 1px dotted rgba(255,255,255,.4);
  position: relative;
  font-size: 15px;
}
.l-contents .sidebar_black .nav a:after {
  display: block;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  top: 50%;
  margin-top: -3px;
  right: 5px;
  transform: rotate(135deg);
}

.l-contents .sidebar_black .ba {
  position: fixed;
  left: 1%;
  bottom: 2%;
  max-width: 1200px;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  align-items: center;
  padding: 0 12px;
  padding: 5px 8px;
}

.l-contents .sidebar_black .ba img {
  display: flex;
}

.l-contents .top-imgwrap {
  position: relative;
  padding-top: 60px;
}

.l-contents .region-top {
  content: '';
  background: url("img/top/photo-top.jpg") no-repeat;
  background-size: 100%;
  background-position: 50%;
  position: relative;
  width: 100%;
  color: #fff;
  height: 350px;
}

.l-contents .region-top::after {
  content: "";
  background: rgb(0 0 0 / 50%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.l-contents .region-text {
  padding: 87px 0px 20px 0px;
  position: absolute;
  top: 0;
  color: #fff;
  width: 79%;
  left: 10%;
  letter-spacing: 0.01em;
}

.l-contents .region-text h1 {
  font-size: 1.85rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 27px;
}

.l-contents .region-text p {
  font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2;
}

.l-contents .wrapper {
  background-color: #fff;
  padding: 100px 30px;
  box-sizing: border-box;
}

.l-contents  .wrapper h2 {
  font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #242528;
    width: 92%;
    margin: 0 auto 30px;
}

.l-contents  .wrapper h2 span {
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.4;
  color: #5b5c64;
  margin-bottom: 8px;
  position: relative;
}

.l-contents  .wrapper h2 span::before {
  content: '';
  background-color: #151818;
  width: 10px;
  height: 2px;
  position: absolute;
  top: 7px;
  left: -22px;
}

.l-contents  .wrapper .inner {
  display: block;
  /* flex-direction: row;
  gap: 60px; */
}

.l-contents  .wrapper .inner .text {
  max-width: 610px;
  margin-top: 60px;
}

.l-contents  .wrapper .inner .text p {
  margin-bottom: 25px;
  font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 27px;
}

.l-contents  .wrapper .inner .anchor,
.l-contents  .wrapper .inner p.anchor {
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  /* max-width: 100%; */
  padding: 10px 25px;
  text-align: center;
  background-color: #171717;
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  
  box-shadow: 0 10px 25px 0 #78787880;
}

.l-contents  .wrapper .inner .anchor:hover {
  opacity: 0.15;
}
.l-contents  .wrapper .inner p.anchor:hover {
  opacity: 0.8;
}
.l-contents  .wrapper .inner .anchor span {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.l-contents  .wrapper .inner .anchor span:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
  background: url(img/top/arrow_1-down.svg) no-repeat right center;
  background-size: contain;
}
.l-contents  .wrapper .inner .anchor.is-open span:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.l-contents  .wrapper .inner .js-pulldown {
  position: relative;
  margin-bottom: 20px;
}
.l-contents  .wrapper .inner .js-pulldown .anchor {
  margin-bottom: 0 !important;
}
.l-contents  .wrapper .inner .js-pulldown-trigger.is-open.anchor {
  border-radius: 8px 8px 0 0;
  opacity: 0.8;
}
.l-contents  .wrapper .inner .js-pulldown-content {
  display: none;
/*  position: absolute;*/
  left: 0;
/*  top: 47px;*/
  width: 260px;
  z-index: 9;
  box-shadow: 0 10px 25px 0 #78787880;
  background: #fff;
  border-radius: 0 0 8px 8px;
  position: relative;
  z-index: 1;
}
.l-contents  .wrapper .inner .js-pulldown-content li {
  border-bottom: 1px dotted #ccc;
}
.l-contents  .wrapper .inner .js-pulldown-content li:last-child {
  border-bottom: 0;
}
.l-contents  .wrapper .inner .js-pulldown-content li a {
  display: block;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  padding: 10px 10px;
  margin-bottom: 0;
}
.l-contents  .wrapper .inner .js-pulldown-content li a:hover {
  background: #eee;
}
.l-contents  .wrapper .inner .bock-ul {
  color: #242528;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  /* margin-left: 75px; */
}

.l-contents  .wrapper .inner .photo-A,
.l-contents  .wrapper .inner .photo-B,
.l-contents  .wrapper .inner .photo-C {
  width: 100%;
  height: 402px;
  background-size: cover !important;
  background-position: center !important;
}
.l-contents  .wrapper .inner .photo-A { background: url("img/top/photo-wrapper01.jpg") no-repeat;}
.l-contents  .wrapper .inner .photo-B { background: url("img/top/photo-wrapper02.jpg") no-repeat;}
.l-contents  .wrapper .inner .photo-C { background: url("img/top/photo-wrapper03.jpg") no-repeat;}

.l-contents .wrapper .inner .bock-ul li:not(:last-child) {
  margin-bottom: 25px;
}

.l-contents .wrapper .inner .kouza li .anchor {
  width: 205px;
  margin-bottom: 25px;
  padding: 10px 0;
}
.l-contents  .wrapper .inner .kouza li.inline .anchor {
  width: 260px;
}

.l-contents .wrapper .inner .box1 {
  background: #eee;
  padding: 20px;
  margin-top: 20px;
}
.l-contents .wrapper .inner .box1.note2 {
  background-image: url(img/top/note2_bg.png);
  background-position: calc(100% - 10px) calc(100% - 10px);
  background-repeat: no-repeat;
  background-size: 72px auto;
  margin-bottom: 30px;
}
.l-contents .wrapper .inner .box1 .t {
  font-size: 16px;
  color: #F00;
  line-height: 1.8;
  margin-bottom: 8px;
}
.l-contents .wrapper .inner .box1 p:last-child {
  margin-bottom: 0;
}
.l-contents .wrapper .inner .image.row {}
.l-contents .wrapper .inner .image.row > div {
  margin-bottom: 20px;
}
.l-contents .wrapper .inner .image.row > div:last-child {
  margin-bottom: 0;
}

.l-footer {
  background: #F3F3F3;
  padding: 0 0 100px 0;
  position: relative;
  overflow: hidden;
}

.l-footer .appli {
  position: relative;
  top: -8px;
/*  left: 19px;*/
  padding-left: 19px;
  padding-right: 19px;
}

.l-footer h3 {
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  color: #242528;
  line-height: 1;
  margin-bottom: 20px;
}

.l-footer h3 span {
  color: rgba(36, 37, 40, 0.1);
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  display: block;
  margin-bottom: 90px;
}

.l-footer .appli a {
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 10px 25px 0 #78787880;
  margin-top: 25px;
}

.maru-c {
  text-align: center;
  padding: 100px 0;
}

.l-footer .kotira a {
  color: cadetblue;
}

.l-footer .kotira {
  width: 90%;
  margin: 0 auto;
}

/*=======================================
トップページ
=========================================*/
/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/
/* ----------------------------- 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 { padding-left: 10px; padding-right: 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; }

.c-table1 { margin-bottom: 30px; }
.c-table1 table {
  width: 100%;
  table-layout: fixed;
}
.c-table1 th,
.c-table1 td {
  padding: 10px 15px;
  border: 1px solid #333;
  vertical-align: middle;
}
.c-table1 th {
  background: #eee;
  text-align: center;
}

#__bs_notify__ { display: none !important; }