@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; min-width: 1040px; }

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; }



/* iOSでのデフォルトスタイルをリセット */
button,
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
button[type="submit"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
button::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
} 



/* ----------------------------- 1. 各ページ共通 */


.wid{  width: 1000px;  margin: 0 auto;  }

p{  font-size: 1.1em;  }

ul{ font-size: 1.1em; }



input[type="submit"],
input[type="button"],
button{

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px 8px;
}



.td-none { 
    border-style:none; 
} 
table th, table td {
  border: solid 1px #999;
  text-align: left;
}
fieldset{
    display: contents;
}

.clear {
  clear: both;  /* floatによる回り込みを解除する*/
}




/*=======================================
ヘッダー
=========================================*/

.head{ border-top: 20px #0FBCBA solid; }

.head .wrap {
    max-width: 1000px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ccc;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.head .wrap:before,
.head .wrap:after {display: none;}
.head .wrap .logo {}
.head .wrap .language select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 240px;
    border: 1px solid #555;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 3px;
}


h2{
    padding-bottom: 10px;
    border-bottom: 2px #0FBCBA solid;
    font-size: 1.6em;
    margin: 20px 0 20px;  }

h2 span{    color: #0FBCBA;    margin-right: 8px;  }

/*=======================================
メニュー
=========================================*/
/*=======================================
フッター
=========================================*/
.l-footer__block1 {
  background: url(common/img/footer_bg1.svg) no-repeat center bottom;
  background-size: 1920px auto;
  padding-top: 155px;
  margin-top: 60px;
}
.l-footer__block1 .c-wrap {
  color: #fff;
  background: #F03C6D;
  padding-bottom: 38px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.l-footer__block1 .c-wrap:before, .l-footer__block1 .c-wrap:after {
  display: none;
}
.l-footer__block1 .c-wrap a {
  color: #fff;
  text-decoration: none;
}
.l-footer__block1 .c-wrap a:hover {
  text-decoration: underline;
}
.l-footer__block1 .logo {
  order: 1;
  width: 50%;
}
.l-footer__block1 .logo h1 {
  margin-bottom: 20px;
}
.l-footer__block1 .logo p {
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.05em;
}
.l-footer__block1 .nav {
  order: 2;
  width: calc(50% - 150px);
}
.l-footer__block1 .nav li {
  margin-top: 8px;
  font-size: 15px;
  line-height: 140%;
  position: relative;
  padding-left: 18px;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.l-footer__block1 .nav li:first-child {
  margin-top: 0;
}
.l-footer__block1 .nav li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  width: 6px;
  height: 1px;
  background: #fff;
}
.l-footer__block1 .nav li.sep {
  margin-top: 25px;
}
.l-footer__block1 .nav li.small {
  font-size: 12px;
  line-height: 120%;
  font-weight: 400;
}
.l-footer__block1 .font {
  width: 150px;
  order: 3;
}

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

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




.reserve_navi{
margin: 10px 0;
}

#js-display-date{  font-size: 1.6em;  vertical-align: middle;  margin: 0 10px;  }


.js-calendar{     background: #429dd6;
    color: #FFF;
    margin-left: 30px;
    
      }



.reserve_table{
    margin: 10px 0;
    font-size: 1.1em;

}
.reserve_table th, .reserve_table td{
padding: 4px 10px;
max-width: 500px;

}

.reserve_table input[type="submit"]{
    padding: 4px 12px;
    background: #5dc74e;
    color: #f2fff0;
    border: 1px #5dc74e solid;
}

.reserve_table input[type="submit"]:hover{
    background: #f2fff0;
    color: #5dc74e;
}



/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/



.request_box{
    border: 1px #DDD solid;
    padding: 15px 31px;
    margin: 20px 0;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.request_box input,
.request_box select{

    box-sizing: border-box;
    padding: 4px;
    font-size: 1em;

}

.request_box input{
    width: 250px;
}

.request_box textarea{
    box-sizing: border-box;
    width: 500px;
    height: 180px;
    resize: vertical;
    padding: 8px 10px;
    line-height: 1.5em;
}

.request_box li{
    display: table-row;
}

.request_box li .input, 
.request_box li div{
    display: table-cell;
    vertical-align: top;
    padding: 15px 0px 0px;
}



.request_box li:first-child{
    padding-bottom: 15px;
    font-size: 1.15em;
    border-bottom: 2px #DDD dotted;
    margin-top: 8px;
    display: block;
}

.request_box li p{
    font-size: 0.9rem;
/*    padding-left: 230px;*/
    margin-top: 3px;
}


.error {
    color: #FF0000;
}


.check{
    text-align: center;
    padding: 10px 0px;
    background: #fce4e0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}



/* 必須マーク */
.must {
    background: #FF1A00;
    color: #FFF;
    left: 160px;
    border-radius: 3px;
    font-size: 12px;
    margin-right: 10px;
    padding: 0px 10px;
    letter-spacing: 0.2em;
    float: right;
    display: inline-block;

}
ul {
      padding-left: 0px;
}
ul li{
  list-style: none;
  margin-top: 15px;
}

label.input{
    width:230px;
    float: left;
    text-align: left;
}
label.text{
  float: left;
  text-align: left;
}


.info_scroll_btn{
    margin-top: 40px;
}
.info_scroll_btn span{
    font-size: 1.2em;
    margin-right: 15px;
}
.info_scroll_btn a{
    display: inline-block;
    text-decoration: none !important;
    background: #429dd6;
    color: #FFF !important;
    padding: 1px 8px;
    border-radius: 3px;
    border: 1px #429dd6 solid;
    -webkit-transition: 0.1s ease all; -moz-transition: 0.1s ease all; -ms-transition: 0.1s ease all; transition: 0.1s ease all;
}
.info_scroll_btn a:hover{
    background: #FFF;
    color: #429dd6 !important;

}

.information{
    border: 1px #DDD solid;
    padding: 0px 30px;
    margin: 20px 0;
    overflow-y: scroll;
    height: 300px;
}
.information div{
    padding: 40px 0 50px;
    border-bottom: 2px #ddd dotted;
}
.information div:last-child {
    border-bottom: 0;
}

.information div h5{
    text-align: center;
    font-size: 1.2em;
}

.information div h6{
    text-align: right;
    margin: 20px 0px 15px;
    font-weight: normal;
}


.input_checkbox{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}


.btn_box{    text-align: center;    margin-top: 30px; margin-bottom: 70px;  }

.btn_box input[type="submit"]{     font-size: 1.2em;
    padding: 10px 18px;
    margin: 15px;  }


.btn_box .next{ background: #e8320d;  color: #FFF; border: 1px #e8320d solid; }
.btn_box .back{ background: #eee;   border: 1px #eee solid; }

.btn_box .next:hover{ background: #FFF;  color: #e8320d; border: 1px #e8320d solid; }
.btn_box .back:hover{ background: #FFF;   border: 1px #CCC solid; }


.btn_box.privacy{
    margin-top: -40px;
}
.btn_box.privacy a{
    display: inline-block;
    text-decoration: none !important;
    background: #0fbcba;
    color: #FFF !important;
    font-size: 1.2em;
    padding: 10px 18px;
    border-radius: 3px;
    border: 1px #0fbcba solid;
    -webkit-transition: 0.1s ease all; -moz-transition: 0.1s ease all; -ms-transition: 0.1s ease all; transition: 0.1s ease all;
}
.btn_box.privacy a:hover{
    background: #FFF;
    color: #0fbcba !important;

}


/* ----------------------------- 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: 1000px; margin-left: auto; margin-right: auto; }

.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; }