@charset "euc-jp";
/* CSS Document */

* {
  /*font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;*/
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:9pt;
  font-weight:normal;
  vertical-align:top;
  text-align:left;
  line-height:1em;
  margin:0;
  padding:0;
  list-style-type:none;
  background-repeat:no-repeat;
}

br.clear {
  clear:both;
  float:none;
  width:0px;
  height:0px;
  overflow:hidden;
  margin:0;
  padding:0;
  line-height:0;
}

p,li,dt,dd {
  line-height:1.4em;
  color:#333;
}

p.ali-left {
  text-align:left;
}

p.ali-center {
  text-align:center;
}

p.ali-right {
  text-align:right;
}

th,td {
  line-height:1.4em;
}

img {
  border:0;
}

a {
  overflow:hidden;
  text-decoration:none;
  line-height:1.4em;
}

a:link, a:visited {
  color:#784118;
}

a:active, a:hover {
  color:#784118;
  text-decoration:underline;
}

span {
  line-height:1.4em;
}

.bold {
  font-weight:bold;
}

.red {
  color:red;
}

/* 透過プロパティ
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
*/

/* shadow
  text-shadow: 0.1em 0.12em 2px #888;
  filter: shadow( color=#aaaaaa, Direction=135, Strength=4);
*/

/* mobile safari用 */
input[type="submit"].fixed {
  background: #00429E;
  width: 150px;
  padding: 9px;
  letter-spacing: 1px;
  border: none;
  color: #EFDDA8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
}

/* IE6-float-box-margin-not2x */
.ie6-float {
  _display:inline;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  body {
    position: relative;
  }
  body.open-nav {
    position: fixed;
    width: 100%;
  }
  .sp-none {
    display: none;
  }
}

/* column */
div.column {
  clear:both;
  min-height:1px;
  height:auto !important;
  height:1px;
  overflow:visible;
}

/* float_height 高さの異なるカラムを揃える。ページ内アンカーでエラー発生 */
/*
#main {
  background-color:black;
  overflow:hidden;
}

#main .left {
  float:left;
  width:00000000px;
  background-color:black;.
  padding-bottom:32767px;
  margin-bottom:-32767px;
}

#main .right {
  float:right;
  width:00000000px;
  background-color:white;
  padding-bottom:32767px;
  margin-bottom:-32767px;
}


*/

/* page_top

a:link.top, a:visited.top {
  clear:both;
  display:block;
  width:93px;
  margin:50px 0 0 665px;
  text-indent:-9999px;
}

a:active.top, a:hover.top {
}
*/

/* 404

.notfound {
 margin-top:110px;
 margin-left:110px;
}
*/

body {
  background-color:#20110d;
}

/* pan
.pan {
  margin-bottom:44px;
}

.pan-history {
  color:white;
}

.pan-this {
  font-weight:bold;
}
*/

/* ここから追記スタート */

#bg {
  min-height:750px;
  height:auto !important;
  height:750px;
  overflow:visible;
  background-image:url(../images/bg.jpg);
  background-repeat:repeat-x;
  background-color:#211111;
}

#h-wrapper {
  background:url(../images/bg-header_wrapper.png) repeat-x;
  background-position: 50% -2px;
  width: 100%;
  min-width: 1024px;
}

#header {
  position:relative;
  width:900px;
  height:90px;
  margin:0 auto;
  padding:30px 0;
  background-image:url(../images/bg-header.png);
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #bg {
    min-height: inherit;
    height: auto;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  #h-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: inherit;
    z-index: 100;
    background-color: rgba(83, 45, 16, 0.9);
  }
  #header  {
    width:100%;
    background-image: none;
    padding: 10px 0;
    position: relative;
  }
}

h1,
.logo {
  float:left;
  width:130px;
  height:30px;
  margin:0 0 10px 40px;
  text-indent:-9999px;
}

h1 a,
.logo a  {
  display:block;
  width:130px;
  height:30px;
}

#header h1.ttl{
  position: absolute;
  top:35px;
  left: 310px;
  float: none;
  width: 190px;
  height:auto;
  color:#888;
  text-indent: 0;
  text-align:left;
  font-size: 10px;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  .logo {
    background-image: url(../images/bg-header.png);
    background-position: left -40px top -25px;
    margin: 15px 0 10px 10px;
  }
  #header h1.ttl {
    display: none;
  }
}


/* h-menu */
div#h-menu {
  float:right;
  width:350px;
  height:30px;
}

div#h-menu li {
  float:left;
  margin-right:20px;
}

div#h-menu a:link,
div#h-menu a:visited {
  font-size:11pt;
  font-weight:bold;
  color:#784118;
}

div#h-menu a:active,
div#h-menu a:hover {
  color:#330000;
  text-decoration:underline;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  div#h-menu {
    float: inherit;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  div#h-menu ul {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  div#h-menu li {
    width: 50%;
    margin-right: 0;
    background-color: #784118;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 44px;
  }
  div#h-menu a {
    text-align: center;
  }
  div#h-menu a:link,
  div#h-menu a:visited {
    font-size:11px;
    font-weight:bold;
    color: #ffffff;
  }
  div#h-menu a:active,
  div#h-menu a:hover {
    text-decoration:underline;
  }
}

/* gl-menu */
div#gl-menu {
  clear:both;
  width:800px;
  height:30px;
  margin:0 auto;
  padding:0 35px;
}

div#gl-menu li {
  float:left;
  height:20px;
  padding:0 18px;
}

div#gl-menu li a:link,
div#gl-menu li a:visited {
  display:block;
  height:20px;
  text-align:center;
  font-size:12pt;
  font-weight:bold;
  color:#784118;
}

div#gl-menu li a:active,
div#gl-menu li a:hover {
  color:#330000;
  text-decoration:underline;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  div#gl-menu {
    position: fixed;
    background-color: #f2efdc;
    top: 115px;
    left: 0;
    width: 100%;
    height: calc(100% - 115px);
    z-index: 10000;
    visibility: hidden;
    opacity: 0;
    padding: 0;
    transition: all .3s;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .open-nav div#gl-menu {
    visibility: visible;
    opacity: 1;
    transition: all .3s;
  }
  .open-nav div#gl-menu li {
    width: 100%;
    height: 50px;
    background-color: #f2efdc;
    padding: 0;
  }
  .open-nav div#gl-menu li a {
    padding: 15px 0;
  }
}

/*div#gl-menu li#gm-01 {
  background-image:url(images/common/gm-01_o.jpg);
}

div#gl-menu li#gm-01 a:link,
div#gl-menu li#gm-01 a:visited {
  background-image:url(images/common/gm-01.jpg);
}

div#gl-menu li#gm-02 {
  background-image:url(images/common/gm-02_o.jpg);
}

div#gl-menu li#gm-02 a:link,
div#gl-menu li#gm-02 a:visited {
  background-image:url(images/common/gm-02.jpg);
}

div#gl-menu li#gm-03 {
  background-image:url(images/common/gm-03_o.jpg);
}

div#gl-menu li#gm-03 a:link,
div#gl-menu li#gm-03 a:visited {
  background-image:url(images/common/gm-03.jpg);
}

div#gl-menu li#gm-04 {
  background-image:url(images/common/gm-04_o.jpg);
}

div#gl-menu li#gm-04 a:link,
div#gl-menu li#gm-04 a:visited {
  background-image:url(images/common/gm-04.jpg);
}

div#gl-menu li#gm-05 {
  background-image:url(images/common/gm-05_o.jpg);
}

div#gl-menu li#gm-05 a:link,
div#gl-menu li#gm-05 a:visited {
  background-image:url(images/common/gm-05.jpg);
}

div#gl-menu li#gm-06 {
  background-image:url(images/common/gm-06_o.jpg);
}

div#gl-menu li#gm-06 a:link,
div#gl-menu li#gm-06 a:visited {
  background-image:url(images/common/gm-06.jpg);
}

div#gl-menu li#gm-07 {
  background-image:url(images/common/gm-07_o.jpg);
}

div#gl-menu li#gm-07 a:link,
div#gl-menu li#gm-07 a:visited {
  background-image:url(images/common/gm-07.jpg);
}

div#gl-menu li#gm-08 {
  background-image:url(images/common/gm-08_o.jpg);
}

div#gl-menu li#gm-08 a:link,
div#gl-menu li#gm-08 a:visited {
  background-image:url(images/common/gm-08.jpg);
}

div#gl-menu li#gm-09 {
  background-image:url(images/common/gm-09_o.jpg);
}

div#gl-menu li#gm-09 a:link,
div#gl-menu li#gm-09 a:visited {
  background-image:url(images/common/gm-09.jpg);
}

div#gl-menu li#gm-01 a:hover,
div#gl-menu li#gm-02 a:hover,
div#gl-menu li#gm-03 a:hover,
div#gl-menu li#gm-04 a:hover,
div#gl-menu li#gm-05 a:hover,
div#gl-menu li#gm-06 a:hover,
div#gl-menu li#gm-07 a:hover,
div#gl-menu li#gm-08 a:hover,
div#gl-menu li#gm-09 a:hover {
  background-image:none !important;
}*/

#subtitle {
  width:836px;
  height:170px;
  margin:0 auto;
  background-image:url(../images/bg-submenu.png);
  background-position:center;
}

#subtitle h2 {
  float:left;
  width:202px;
  margin: 50px 0 0 24px;
  color:white;
  font-size:26pt;
  text-align:center;
  vertical-align:bottom;
}

#subtitle p.photo {
  float:right;
  width:583px;
  height:170px;
}

#subtitle #submenu {
  float: left;
  width: 536px;
  margin-top:52px;
  margin-left: 30px;
}

#subtitle ol {
  height:22px;
}

#subtitle li {
  float:left;
  min-width:100px;
  overflow:visible;
  padding:0 8px;
  border-right:2px solid #7e5c45;
  text-align:center;
  margin-bottom: 2px;
}

#subtitle li.last {
  border-right:none;
}

#subtitle ol a {
  font-size:11pt;
  font-weight:bold;
  color:black;
}

#subtitle ol a:hover {
  text-decoration:underline;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #subtitle  {
    width:100%;
    margin-top: 110px;
    height: auto;
    background-image: none;
    display: inline-block;
  }
  #subtitle h2 {
    font-size: 20px;
  }
  #subtitle p.photo {
    /*float:inherit;
    width:100%;
    height:auto;*/
    display: none;
  }
  #subtitle p.photo img {
    width:100%;
    height: 100%;
  }
  #subtitle #submenu {
    float: inherit;
    width:100%;
    margin-top:10px;
    margin-left: 0;
  }
  #subtitle li {
    min-width:inherit;
    overflow: inherit;
    padding:0;
    border: none;
    text-align:center;
    margin: 0 5px 5px;
  }
  #subtitle ol {
    clear: both;
  }
  #subtitle ol a {
    font-size:10pt;
    font-weight: inherit;
    color:#e1d3ca;
    width: 100%;
    height: 100%;
    padding: 5px;
    border-radius: 15px;
    box-sizing: border-box;
    display: block;
    border:1px solid #7e5c45;
    border-radius: 15px;
    background-color: #000000;
  }
  #subtitle li.last {
    border:none;
  }
  #subtitle ol a:hover {
    color:#ffffff;
    text-decoration:none;
    background-color: #7e5c45;
  }
}


/*========== ナビゲーショントリガー ==========*/
.nav-trigger {
  display: none;
}

  /*ナビトリガー*/
@media all and (min-width: 0px) and (max-width: 767px) {
  .nav-trigger {
    display: block;
    width: 42px;
    height: 42px;
    background-color: #784118;
    border-radius: 2px;
    margin: 10px 10px 10px auto;
  }
}
  /*ハンバーガーアイコン*/
@media all and (min-width: 0px) and (max-width: 767px) {
  .humberger-icon,
  .humberger-icon::before,
  .humberger-icon::after {
    content: "";
    display: block;
    background: #ffffff;
    position: relative;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    transition: .35s ease-in-out;
  }

  .humberger-icon {
    left: 6px;
  }

  .humberger-icon::before {
    top: -8px;
  }

  .humberger-icon::after {
    top: 6px;
  }

  .open-nav .humberger-icon {
    transform: rotate(45deg);
  }

  .open-nav .humberger-icon::before {
    top: 0;
    transform: rotate(90deg);
  }

  .open-nav .humberger-icon::after {
    opacity: 0;
    transform: rotate(-90deg);
  }
}

#footer {
  width:900px;
  height:177px;
  margin:0 auto;
  padding-top:12px;
  background-image:url(../images/img-tel.gif);
  background-position:70px 0px;
}

#footer ul{
  float:right;
  width:215px;
  height:167px;
  margin-bottom:10px;
  padding-top:10px;
  background-image:url(../images/sign.png);
}

#footer ul li,
#footer ul li a {
  display:block;
  width:110px;
  height:30px;
  text-indent:-9999px;
}

#footer ul li.back_r {
  margin:0 0 8px 55px;
}

#footer ul li.back_l {
  margin:0 0 8px 0px;
}

#footer p.inquiry {
  float:left;
  margin:108px 0 30px 74px;
}

#footer p.inquiry a:link,
#footer p.inquiry a:visited {
  font-size:14pt;
  font-weight:bold;
  text-decoration:underline;
  color:white;
}

#footer p.inquiry a:active,
#footer p.inquiry a:hover {
  color:#999999;
}


#footer p.copyright {
  height:30px;
  color:white;
  text-align:center;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #footer  {
    width:100%;
    display: none;
  }
}


#contents {
  width:900px;
  margin:0 auto;
  overflow:visible;
}

#lead {
  width:900px;
  color:white;
  margin:0 auto;
  padding:12px 0;
  text-align:center;
  font-size:12pt;
  font-weight:bold;
  line-height:2em;
}

@media all and (min-width: 0px) and (max-width: 767px) {
  #lead {
    width:100%;
    display: none;
  }
}

span.point {
  color:#CC0000;
  font-weight:bold;
}
span.point02 {
  color:#CC0000;
  font-weight:bold;
}

span.point2 {
  font-size:11pt;
  line-height:1.5em;
  color:#2d42a4;
  font-weight:bold;
}

p.backindex {
  width:160px;
  height:32px;
  background-image:url(../images/bt-index_o.gif);
  text-indent:-9999px;
}

p.backindex a:link,
p.backindex a:visited {
  display:block;
  width:160px;
  height:32px;
  background-image:url(../images/bt-index.gif);
}

p.backindex a:active,
p.backindex a:hover {
  background-image:none;
}

.annotation {
  padding: 20px 30px;
  background: #fff;
  font-size: 18px;
  width: 660px;
  margin: 20px auto;
  text-align: left;
}
.annotation img {
  display: block;
  margin: 0 auto;
}

.annotation-alt {
  text-align: center;
  margin-top: 10px;
  font-size: 25px;
  margin-top: 10px;
  display: block;
}