@charset "utf-8";
/* CSS Document */

html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}

html, body {
font-family:"Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Mplus 1p" sans-serif; 
font-feature-settings : "palt";
line-height: 2.4rem;
color:#2e2e2e;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, body {font-feature-settings: "pkna";}
}


/* レスポンシブのフォントサイズ指定　*/
html {
  font-size: calc(.78125vw + 7.5px);
}

/* min */
@media(max-width: 320px) {
  html {
    font-size: 62.5%;
  }
}

/* max */
@media(min-width: 961px) {
  html {
    font-size: 80%;
  }
}

h1 { font-size: 2.8rem; }
h2 { font-size: 2.6rem; }
h3 { font-size: 2.4rem; }
h4 { font-size: 2.2rem; }
h5 { font-size: 1.8rem;   }
h6 { font-size: 1.6rem; }
p  { font-size: 1.2rem; }
td { font-size: 1.2rem; }

/* Footer + ALL
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 230px; /* フッタの下側マージンの高さ */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 230px; /* フッタの固定高さを設定 */
background-color: #ffffff;
}

a:link { color: #473714; text-decoration:none }
a:visited { color: #473714; text-decoration:none }
a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; text-decoration:none }
a:active { color: #473714; text-decoration:none }

a.overwhite{background-color:#ffffff; display:block;}
a.overwhite:hover img{
cursor:pointer;
filter: alpha(opacity=60);        /* ie lt 8 */
-ms-filter: "alpha(opacity=60)";  /* ie 8 */
-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.6;              /* Safari 1.x */
opacity:0.6;
zoom:1;
}

/* NAV
-------------------------------------------------- */
.navbar {margin-bottom: 0px;min-height: 46px; }
.navbar-default {
background: #65220F; /* Old browsers */
background-blend-mode: multiply;
border-color: rgba(255,255,255,0.00);
border-radius: 0px;
line-height: 1.8em;
font-size:0.88em !important;}
/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
color: #ffffff;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
/* navbar active設定時のカラー */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #ffffff;
background-color: rgba(224,224,224,0.28);
}
/* navbar ドロップダウン(親)のカラー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
color: #473714;
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
background-color: #ffffff;
border: 1px solid #ffffff;
-webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
color: #ffffff;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #ffffff;
background-color: #000000;
}
/* navbar ドロップダウン(子)内の区切り線(class="divider")のカラー */
.dropdown-menu .divider {
background-color: #ffffff;
}
/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #473714;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
color: #473714;
background-color: transparent;
}
/* ドロップダウンactive設定時のカラー */
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #ffb163;
background-color: #473714;
}
}
/* navbar ハンバーガー四角枠 */
.navbar-default .navbar-toggle {
border-color: rgba(255,255,255,0.00);
border-radius: 0px;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
background-color: #E0E0E0;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
border-color: rgba(255,255,255,0.00);
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color: #ffffff;
}
/* navbar Brandのカラー */
.navbar-default .navbar-brand {
color: #ffffff;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #ffffff;
background-color: transparent;
}

.nav-justified > li > a {
color: #ffffff;
background-color:transparent;
}
.nav-justified > li >a:hover{
color: #ffffff;
background: rgba(209,209,209,0.26)}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
background: rgba(209,209,209,0.19);
background-blend-mode: multiply;
color: #ffffff;
}
/*  nav end  */

/* navセンタリング */
@media (min-width: 768px) {
.navbar-nav {
margin: 0 auto;
display: table;
table-layout: fixed;
float: none;
}
}
/* nav固定 ～fixedBox */
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10000;
}

/* carousel */
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background : none;
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background : none;
background-repeat: repeat-x;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {width: 1140px;margin: auto;}



/* smooth-scroll */
.back-top {
position: fixed;
bottom: 3%;
right: 5%;
display: none;
}
.back-top a{
color:rgba(100,100,100,0.4);
font-size:2.8em;
text-decoration: none;
}

/* google map */
.ggmap {
position: relative;
padding-bottom: 0;
padding-top: 30px;
padding-left: 0;
padding-right: 0;
height: 300px;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* top */
.back-top a{
	border-radius: 100px;
    padding: 2px 6px;
    background: rgba(71,55,20,0.32);
    color:#ffffff;
	font-size:1.6em;
    text-decoration: none;
}

/* リンクボックス、私製ボタン等 */
.link_box {
position: relative;
	
}
.link_box a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -999px;
}
.link_box a:hover {
background-color: #FFFFFF;
filter: alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}



/* other
-------------------------------------------------- */
.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:22px}dt,dd{line-height:2em;}dt{font-weight:100}dd{margin-left:8px;text-align: left;line-height: 2em;}
.dl-horizontal {font-size:0.99em}
.border_radius {border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; color:#ffffff} 
.border_radius a {color:#ffffff} 
.radius2 {border-radius: 4px;}

.underline{ border-bottom: 1px solid #eeeeee; padding-bottom:10px;}

.bgcol_01 {background-color:#F7F7F7}
.bgcol_02 {background-color:#ffffff}
.bgcol_03 {background-color:#F4EBE5}
.bgcol_04 {background-color:#65220F}
.hr_table {border-top:1px solid #dddddd; margin:0 0 20px 0; padding:0}
.hr_01 {border-top: 1px solid #666666;}
.hr_02 {border-top: 1px solid #000000;}

img.gry {border: 1px #727171 solid;}
img.br {border: 1px #473714 solid;}

.border01 {border: 2px #B31123 solid; background-color:#ffffff}

.table2>tbody>tr>td,
.table2>tbody>tr>th,
.table2>thead>tr>th {border-style: none;}
.jumbotron { background:url(../img/main_img201801.jpg) center no-repeat; background-size: cover; padding-top:48px;padding-bottom:0;margin-bottom:0}
.jumbotron{}

/* Navbar hides initial content when jumping to in-page anchor */
*[id]:before {
  display: block;
  content: " ";
  margin-top: -80px;
  height: 80px;
  visibility: hidden;
}

@media screen and (max-width:480px) { 
.min-img { 
max-width : 54% ;
height : auto ;
}
}


/* space
-------------------------------------------------- */
.sp_01 {margin-top:0}
.sp_01a {margin-bottom:0}
.sp_02 {margin-bottom:20px}
.sp_03 {margin-top:10px}
.sp_04 {margin-top:8px; margin-bottom:6px}
.sp_05 {margin-bottom:36px}
.sp_06 {margin:0 0 10px 0}
.sp_07 {padding-top:6px; margin-top:16px;}
.sp_08 {margin-top:34px; margin-bottom:40px}
.sp_09 {padding-top:26px}
.sp_10 {margin-bottom:8px}
.sp_11 {margin-top:20px;}
.sp_12 {padding-top:38px;padding-bottom:28px; margin-top:20px; margin-bottom:20px}
.sp_13 {margin-top:6px; margin-bottom:6px}
.sp_14 {padding-bottom:26px}
.sp_15 {padding:10px 30px 32px 30px}
.sp_16 {margin-top:50px; margin-bottom:24px}
.sp_17 {margin-top:18px}
.sp_18 {margin-top:52px; margin-bottom:60px}
.sp_19 {margin-top:16px; margin-bottom:30px}
.sp_20 {padding-top:16px}
.sp_21 {margin-top:34px; margin-bottom:24px}
.sp_22 {margin-bottom:60px}
.sp_23 {margin-top:60px}
.sp_24 {margin-top:28px; margin-bottom:20px}
.sp_25 {padding:20px 1px 10px 1px; margin-top:26px}
.sp_26 {padding:20px}
.sp_27 {padding:10px 1px; margin-top:26px}
.sp_28 {padding-top:46px}


/* text
-------------------------------------------------- */
.h1_header {font-size: 0.74em; line-height:1.1em; font-weight: 100 !important;}
.jumbotron_h1 {font-size:4rem !important; line-height: 1.4em; color:#79340a !important; 
font-family: "dnp-shuei-ymincho-std",sans-serif;font-style: normal;font-weight: 600; 
text-shadow: #ffffff 1px 1px 10px, #ffffff -1px 1px 10px, #ffffff 1px -1px 10px, #ffffff -1px -1px 10px; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }
.wf_sawarabimincho { font-family: "Sawarabi Mincho"; }
small {color:#2e2e2e !important}
.fo_01 {font-size: 2.2em !important}
.fo_02 {font-size:0.7rem}
.fo_03 {font-size:1.3rem}
.fo_04 {font-size:1.8rem}
.fo_05  { display: flex;align-items: center;justify-content: center; }/* 改行しない場合に使用 */
.fo_06 {line-height: 1.6em;}
.fo_07 {font-size:0.98rem}
.fo_08 {line-height: 1.1em;}
.fo_09 {font-size:1.34rem}
.fo_10 {color:#804F21}
.fo_11 {font-size:4rem}
.fo_12 {font-size:1.6rem}
.fo_13 {color:#ffffff !important}
.fo_13 a {color:#ffffff !important}
.fo_14 {color:#B31123}
.fo_15 {color:#65220F}
.fo_15 a {color:#65220F}
.fo_16 {font-size:0.94rem; line-height:1rem !important}