@charset "utf-8";

/* ----------------------------------------- */
/* CSS Version 20161208
/* ----------------------------------------- */

/* ----------------------------------------- */
/* 共通設定
/* ----------------------------------------- */

html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  background-color: #FFF;
  color: #333;
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "Meiryo UI" , "メイリオ" , Meiryo , 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  font-size: 1.55rem;
  letter-spacing: 0.05rem;
  line-height: 155%;
  background-image: url(/image/page_back.gif);
  word-break: break-all;
}
.clear:after {
  height: 0;
  display: block;
  clear: both;
  content: "";
}

img {
  vertical-align: bottom;
}


/* 印刷設定 */
@media print {
  body {
    width: 1024px;
    /* Print Background */
    -webkit-print-color-adjust: exact; /* chrome */
  }
}

/* ----------------------------------------- */
/* ヘッダ */
/* ----------------------------------------- */

header{
  min-width: 1000px;
  background-image: url("/image/header_back.jpg");
  background-repeat: repeat-x;
  background-position: center top;
}
.header_txt{
  width: 100%;
}
.header_txt h1{
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0 auto;
  padding-top: 10px;
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  header{
    min-width: 100%;
  }
  .header_txt h1{
    width: 77%;
    margin: 0 18% 0 5%;
    background-position: left center;
    font-size: 1.3rem;
    line-height: 1.2em;
  }

  #header {
    width: 100%;
    padding-bottom: 8px;
  }

  #header p {
    padding-top: 8px;
    width: 77%;
    margin: 0 18% 0 5%;
  }

  #header h1 {
    padding-top: 0px;
    padding-left: 10px;
    font-weight: normal;
  }
  #header h2 img{
    padding: 0;
    margin: 0;
  }

  #header .info {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
  }


}

/* PC View */
@media print, screen and (min-width:650px) {
  .header_txt{
    min-width: 1000px;
  }
  .header_txt h1{
    width: 950px;
    margin-left:auto;
    margin-right: auto;
    height: 40px;
    text-align: center;
  }
  
  #header {
    width: 1000px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
  }

  #header p {
    padding-top: 8px;
    padding-left: 5px;
  }

  #header h1 {
    overflow: hidden;
    float: left;
    width: 730px;
    font-weight: normal;
  }

  #header .info {
    width: 950px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
  }

}

/* ----------------------------------------- */
/* グローバルナビ */
/* ----------------------------------------- */

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  /* ナビゲーションメニュー（アイコン） */

  header nav{
    background-color: #7A6125;
    overflow: hidden;
  }
  .globalnavi{
    padding-top: 6px;
    padding-bottom: 6px;
    overflow: hidden;
  }
  .globalnavi .gnavi{
    text-align: center;
  }

  .globalnavi ul {
    list-style: none;
  }
  .globalnavi {
    width: 96%;
    margin: 0 auto;
  }
  .globalnavi li {
    font-size: 1.4rem;
    line-height: 0.9em;
  }

  .globalnavi li a {
    width: 33%;
    float: left;
    display: block;
    padding: 8px 4px;
    color: #7A6125;
    font-size: 1.1rem;
    text-decoration: none;
    background-color: #FFF;
    border-top: solid 1px #FFF;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
  }
  .gnavi00 .globalnavi .gnavi00 a,
  .gnavi01 .globalnavi .gnavi01 a,
  .gnavi02 .globalnavi .gnavi02 a,
  .gnavi03 .globalnavi .gnavi03 a,
  .gnavi04 .globalnavi .gnavi04 a,
  .gnavi05 .globalnavi .gnavi05 a,
  .gnavi06 .globalnavi .gnavi06 a,
  .gnavi07 .globalnavi .gnavi07 a,
  .gnavi08 .globalnavi .gnavi08 a,
  .gnavi09 .globalnavi .gnavi09 a,
  .gnavi10 .globalnavi .gnavi10 a,
  .gnavi11 .globalnavi .gnavi11 a,
  .gnavi12 .globalnavi .gnavi12 a{
    color: #7A6125;
  }
  .globalnavi .gnavi a:hover{
    font-weight: bold;
    color: #7A6125;
  }

}

/* PC View */
@media print, screen and (min-width:650px) {


  header nav {
    width: 100%;
    min-width: 1000px;
    height: 56px;
    background-color: #254F7A;
    background-image: url(/image/gnavi_back.gif);
    background-repeat: repeat-x;
  }

  .globalnavi {
    max-width: 950px;
    overflow: hidden;
    margin: 0 auto;
  }

  .globalnavi ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .globalnavi li {
    margin-left: 12px;
    margin-right: 12px;
  }

  .globalnavi .gnavi{
    display: block;
    overflow: hidden;
    height: 56px;

    text-decoration: none;
  }
  .globalnavi .gnavi a{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  .globalnavi .gnavi img {
    display: block;
    overflow: hidden;
  }

  /* グローバルナビ メニューロールオーバー */
  .globalnavi .gnavi:hover img {
    margin-top: -56px;
  }
  
  .gnavi00 .globalnavi .gnavi00 img,
  .gnavi01 .globalnavi .gnavi01 img,
  .gnavi02 .globalnavi .gnavi02 img,
  .gnavi03 .globalnavi .gnavi03 img,
  .gnavi04 .globalnavi .gnavi04 img,
  .gnavi05 .globalnavi .gnavi05 img,
  .gnavi06 .globalnavi .gnavi06 img,
  .gnavi07 .globalnavi .gnavi07 img,
  .gnavi08 .globalnavi .gnavi08 img,
  .gnavi09 .globalnavi .gnavi09 img,
  .gnavi10 .globalnavi .gnavi10 img,
  .gnavi11 .globalnavi .gnavi11 img,
  .gnavi12 .globalnavi .gnavi12 img {
    margin-top: -56px;
  }
}

/* ----------------------------------------- */
/* パンくずリスト */
/* ----------------------------------------- */
.topics-path {
  overflow: hidden;
  clear: both;
  width: 100%;
  height: 45px;
  /*  padding-top: 15px;*/
  margin-bottom: 25px;
  margin-left: 0;
  padding-left: 0;
}

.topics-path ul {
  overflow: hidden;
  clear: both;
  width: 920px;
  margin: 20px 0 10px;
  padding-top: 3px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  background-image: url(/image/topics_home.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.topics-path li {
  list-style-type: none;
  float: left;
  height: 20px;
  padding-right: 8px;
  color: #454545;
  line-height: 110%;
}

.topics-path li a {
  padding-right: 13px;
  padding-left: 0;
  background-image: url(/image/topics_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  color: #454545;
  text-decoration: none;
}

.topics-path li a:last-child {
  padding-right: 13px;
  padding-left: 0;
  color: #454545;
  text-decoration: none;
}

.topics-path li a:hover {
  color: #f63;
}

/* ----------------------------------------- */
/* メイン */
/* ----------------------------------------- */

/* Smart Phone View */
@media only screen and (max-width: 649px) {

  .main_wrapper{
    width: 100%;
    background-color: #FFF;
  }

  #main {
    width: 100%;
  }
  .main_wrapper{
    padding-bottom: 30px;
  }

  #main-content,
  #main-column1w,
  #main-column1s{
    width: 100%;
    margin: 0 auto;
    float: none;
  }

}

/* PC View */
@media print, screen and (min-width:650px) {
  /* ----------------------------------------- */
  /* メイン-PC
  /* ----------------------------------------- */

  .main_wrapper{
    width: 1000px;
    margin: 0 auto;
    background-color: #FFF;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  #main {
    width: 950px;
    margin: 0 auto;
  }

  .mainImg {
    margin-bottom: 25px;
    overflow: hidden;
  }

  #main-content {
    width: 690px;
    float: right;
    overflow: hidden;
  }
  #main-column1w {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    overflow: hidden;
  }
  #main-column1s {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    overflow: hidden;
  }
  .parts20.w100 {
   text-align: center;
  }
}


/* ----------------------------------------- */
/* サイドバー */
/* ----------------------------------------- */

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #side {
    width: 100%;
    margin-top: 40px;
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
  #side {
    float: left;
    width: 220px;
    margin-top: 30px;
    margin-right: 20px;
  }
}

/* ----------------------------------------- */
/* サイドナビ */
/* ----------------------------------------- */
/* PC,SP共通*/

#side a {
  color: #000;
}




/* Smart Phone View */
@media only screen and (max-width: 649px) {

  .sidenavi ul {
    list-style: none;
  }
  .sidenavi .sp {
    width: 90%;
    margin: 0 auto;
  }

  .sidenavi li a {
    display: block;
    padding: 5px;
    color: #000;
    font-size: 1.4rem;
    text-decoration: none;
    background-color: #eee;
    border-top: solid 1px #FFF;
    border-bottom: solid 1px #aaa;
  }

  .sidenavi li a:hover {
    background-color: #FFF;
  }
  #side .side_link{
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }
    

}

/* PC View */
@media print, screen and (min-width:650px) {
  #sidenavi {
  }

  #sidenavi ul {
    list-style-type: none;
  }

  .sidenavi li {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
  }

  #side a {
    text-decoration: none;
  }

  #side .sidenavi li:hover img{
    opacity: 0.6;
  }

  #sidenavi {
    margin-bottom: 12px;
  }

  #side .side_link{
    font-size: 1.2rem;
  }

}

/* ----------------------------------------- */
/* フッタ */
/* ----------------------------------------- */


footer a {
  color: #333;
}
footer a:hover {
  color: #F3A433;
}
.footer_copy{
  width: 100%;
  padding-top: 40px;
  padding-bottom: 8px;
  color: #333;
  font-size: 1.2rem;
  text-align: center;
  background-color: #FFF;
}
.footer_copy a{
  text-decoration: none;
  color: #333;
}


/* Smart Phone View */
@media only screen and (max-width: 649px) {
  footer {
    width: 100%;
    text-align: center;
    border-top: solid 2px #0D360C;
  }
  #footer {
    width: 100%;
    margin: 0 auto;
  }

  #footer h2 {
    padding: 12px 0 10px 0;
  }

  footer img {
    margin: 0 auto;
  }

  /* アクセス */
  #footer .corpinfo {
    width: 80%;
    margin: 0 auto;
    padding-top: 6px;
  }

  #footer .sitemap {
    display: none;
  }

  #footer .footer_copy{
    padding-top: 20px;
  }


}

/* PC View */
@media print, screen and (min-width:650px) {
  footer {
    width: 100%;
    min-width: 1000px;
  }

  #footer {
  }

  #footer h2 {
    padding: 12px 0 10px 0;
  }

  /* サイトマップ */
  #footer .sitemap {
    background-image: url("/image/gnavi_back.gif");
    width: 100%;
    height: 50px;
    padding-top: 15px;
  }
  #footer .sitemap ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  #footer .sitemap li a{
    color: #FFF;
    font-size: 1.3rem;
  }
  #footer .sitemap ul:before,
  #footer .sitemap li:after {
    content:"　|　";
    color:#FFF;
    font-size: 1.3rem;
  }

  /* アクセス */
  #footer .footer_info {
    width: 530px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
  }
  #footer .footer_info:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }

  #footer .footer_info h2 {
    margin-right: 25px;
    display: block;
    float: left;
  }
  #footer .footer_info_txt{
    vertical-align: middle;
    padding-top: 20px;
    float: left;
  }
  #footer .footer_info_tel{
    font-family: 游明朝体, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HGS明朝B, "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 3.0rem;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .footer_copy{
    min-width: 950px;
  }

}

/* グローバルナビ追加 */

@media print, screen and (min-width:650px) {

.globalnavi.goldnavi ul {
  display: flex;
  justify-content: space-evenly;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  background: linear-gradient(to bottom, #7A6026, #584420);
}

.goldnavi a p {
  color:#FFFFFF;
  font-family: 游明朝体, "Yu Mincho";

}

.goldnavi li {
  padding: 5px;
}
}