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

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:#473714;
}

@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: 2rem;   }
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: #F7F8F8;
}

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: #EFEFEF; /* 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: #473714;
}
/* 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: #473714;
background-color: #E0E0E0;
}
/* 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: #D1D1D1;
border-radius: 0px;
}
/* navbar ハンバーガー三本線 */
.navbar-default .navbar-toggle .icon-bar {
background-color: #D1D1D1;
}
/* 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: #473714;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
color: #473714;
background-color: transparent;
}

.nav-justified > li > a {
color: #473714;
background-color:transparent;
}
.nav-justified > li >a:hover{
color: #473714;
background: #D1D1D1}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
background: #D1D1D1;
background-blend-mode: multiply;
color: #473714;
}
/*  nav end  */

/* navセンタリング */
@media (min-width: 768px) {
.navbar-nav {
margin: 0 auto;
display: table;
table-layout: fixed;
float: none;
}
}

/* 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: 6px 10px 8px 10px;
    background: rgba(71,55,20,0.32);
    color:#ffffff;
	font-size:1.6em;
    text-decoration: none;
}

/* リンクボックス、私製ボタン等 */
.link_box {
position: relative;
padding: 5%;
	
}
.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;
}

/* サムネイルトリミング 
-------------------------------------------------- */
.workim {
  width: 100%;  /* トリミングしたい幅 */
  height: 140px;  /* トリミングしたい高さ */
  object-fit: cover;
  overflow: hidden;
  position: relative;
}
.workim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.workim_top{
  width: 232px;  /* トリミングしたい幅 */
  height: 158px;  /* トリミングしたい高さ */
  object-fit: cover;
  overflow: hidden;
  position: relative;
}
.workim_top img{
/* 画像を上下左右に中央配置する（絶対指定） */
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  /* 画像の最大サイズは枠の1.5倍まで */
  max-width: 150%;
  max-height: 150%;
}

/**** 画像にNEWボタン ****/
.newbtn {
width: 36px;
height: 36px;
color: #ffffff;
background-color:#D13828;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.86rem;
border-radius: 50%;
cursor: pointer;
position: absolute;
top: 6%;
left: 3%;
}

/* 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:#F7F8F8}
.bgcol_02 {background-color:#D23828}
.hr_table {border-top:1px solid #dddddd; margin:0 0 20px 0; padding:0}
.hr_01 {border-top: 4px solid #1980d4;}
.hr_02 {border-top: 1px solid #000000;}

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

.table2>tbody>tr>td,
.table2>tbody>tr>th,
.table2>thead>tr>th {border-style: none;}

.new { width: 100%; height: 240px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/* space
-------------------------------------------------- */
.sp_01 {margin-top:0; margin-bottom:0}
.sp_02 {margin-bottom:30px}
.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:8px; margin-top:8px;}
.sp_08 {margin-top:34px; margin-bottom:40px}
.sp_09 {padding-top:26px}
.sp_10 {margin-bottom:2px}
.sp_11 {margin-top:12px; margin-bottom:6px}
.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:10px 3px}
.sp_15 {padding:3px}
.sp_16 {margin-top:34px; margin-bottom:10px}
.sp_17 {margin-top:18px}
.sp_18 {margin-top:52px; margin-bottom:60px}
.sp_19 {margin-top:16px; margin-bottom:30px}
.sp_20 {margin-bottom:0}
.sp_21 {margin-top:34px; margin-bottom:12px}
.sp_22 {margin-bottom:60px}
.sp_23 {margin-top:40px; margin-bottom:20px}
.sp_24 {padding:0}
.sp_25 {padding-top:6px;}
.sp_26 {margin-top:80px; margin-bottom:20px}


/* text
-------------------------------------------------- */
.h1_header {font-size: 0.74em; line-height:1.2em; font-weight: 100 !important;}
.wf_mplus1p { font-family: "Mplus 1p"; }
.wf_sawarabimincho { font-family: "Sawarabi Mincho"; }
small {color:#473714 !important}
.fo_01 {font-size: 2.8em !important}
.fo_02 {font-size:0.7em}
.fo_03 {font-size:1.3em}
.fo_04 {font-size:1.8em}
.fo_05  { display: flex;align-items: center;justify-content: center; }/* 改行しない場合に使用 */
.fo_06 {line-height: 1.4em;}
.fo_07 {font-size:0.86em}
.fo_08 {line-height: 1em;}
.fo_09 {font-size:1.34rem}
.fo_10 {color:#7F4F21}
.fo_11 {font-size:4em}
.fo_12 {font-size:1.6rem}
.fo_13 {font-size:1.2rem}
.fo_14 {font-size:0.76rem;}
.fo_15 {font-size:1.8rem;}
.fo_16 {font-size:1.3rem}