@charset "utf-8";

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

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

html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  
  font-size: 1.55rem;
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  line-height: 160%;
  letter-spacing: 0.05rem;
  color: #333;
  
  background-color: #FFF;
}
.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 */
  }
}

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

#tag_header{
  width: 100%;
  min-width: 1000px;
  background-color: #FFF;
  position: fixed;
  z-index: 99;
  top:0;
}
.header_txt{
  width: 100%;
  color: #1a1a1a;
}
.header_txt h1{
  padding-top: 10px;
  margin: 0 auto;
}

@media print {
#tag_header{
  position: absolute;
}

}


/* PC View */
@media print, screen and (min-width:650px) {
  .header_txt{
    min-width: 1000px;   
    font-size: 1.4rem;
  }
  .header_txt h1{
    width: 950px;
    height: 32px;
    margin-right: auto;
    margin-left:auto;
    font-size:13px;
    
    background-position: left top;
  }
  
  #header {
    width: 1000px;
    padding: 13px 25px;
    margin: 0 auto;
    table-layout: auto;
    display: flex;
  }
  #header .header_title {
    
  }
  #header .header_title h2{
  }

}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #tag_header{
    min-width: 100%;
    height: 64px;
  }
  .header_txt {
    display: none;
  }
  #header {
    display: none;
  }
}

/* ----------------------------------------- */
/* グローバルナビ */
/* ----------------------------------------- */
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  /* ナビゲーションメニュー（アイコン） */
  #tag_header nav{
    display: none;
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
  .globalnavi .gnavi a{
    font-weight: bold;
  }
  .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{
    
  }
  #tag_header nav {
    width: 100%;
    /* http://www.colorzilla.com/gradient-editor/ */
  }
  .globalnavi {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  }
  .globalnavi ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    justify-content: flex-end;
    
    margin-top: 17px;
  }
  .globalnavi li {
    text-align: center;
    overflow: hidden;

    font-size: 1.4rem;
    line-height: 100%;
    
    margin-left: 28px;
  }
  .globalnavi li:last-child {
  }
  /* IE */
  .globalnavi li img{
    max-height: 40px;
    width: auto;
  }
  .globalnavi li a:hover img{
    opacity: 0.6;
  }
  
  /* Link */
  .globalnavi li a p{
    display: flex;
    align-items: center;
    justify-content: center;  

    width: 100%;
  }
  .globalnavi li a p.sp{
    display: none;
  }


  .globalnavi .gnavi{
    overflow: hidden;
    text-decoration: none;
  }
  .globalnavi .gnavi a{
    width: 100%;
    height: 100%;
    display: block;
    color: #1e2836;
    font-weight: bold;
    border-bottom: 2px solid #1e2836;
    padding-bottom: 5px;
  }
  .globalnavi .gnavi a:hover{
    opacity: 0.5;
    font-weight: bold;
  }

  /* グローバルナビ メニューロールオーバー */
  .gnavi00 .globalnavi .gnavi00,
  .gnavi01 .globalnavi .gnavi01,
  .gnavi02 .globalnavi .gnavi02,
  .gnavi03 .globalnavi .gnavi03,
  .gnavi04 .globalnavi .gnavi04,
  .gnavi05 .globalnavi .gnavi05,
  .gnavi06 .globalnavi .gnavi06,
  .gnavi07 .globalnavi .gnavi07,
  .gnavi08 .globalnavi .gnavi08,
  .gnavi09 .globalnavi .gnavi09,
  .gnavi10 .globalnavi .gnavi10,
  .gnavi11 .globalnavi .gnavi11,
  .gnavi12 .globalnavi .gnavi12{
    opacity: 0.5;
  }
/* /Original for each site */

}

/* ----------------------------------------- */
/* パンくずリスト */
/* ----------------------------------------- */
.topics-path {
  overflow: hidden;
  clear: both;
  width: 100%;
  max-width: 950px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}
.topics-path_non {
  overflow: hidden;
  margin-bottom: 15px;
}

.topics-path ul {
  overflow: hidden;
  clear: both;
  width: 100%;
  margin: 15px 0 10px;
  padding-top: 3px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.topics-path li {
  list-style-type: none;
  float: left;
  min-height: 20px;
  padding-right: 8px;
  color: #454545;
  line-height: 110%;
}
.topics-path li:before {
  font-family: 'gud_basic';
  content: "\e874";
  padding-right: 3px;
}
.topics-path li:first-child:before {
  font-family: 'gud_basic';
  content: "\e801";
  padding-right: 3px;
}

.topics-path li a {
  padding-right: 0;
  padding-left: 0;
  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) {
  .topics-path {
    width: 90%;
    margin: 0 auto;
  }
}

/* ----------------------------------------- */
/* ローカルナビ */
/* ----------------------------------------- */

.localnavi{
  font-style: normal;
  color: #000000;
  font-size: 1.2rem;
  line-height: 120%;
  text-shadow: none;
  width: 100%;
  background: none;
  position: relative;
}
/* PC View */
@media print, screen and (min-width:650px) {
  .localnavi{
    font-weight: 500;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background: none;
  }
  .localnavi .toggle{
    display: none;
  }
  .localnavi ul{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    display: flex;
  }
  .localnavi li{
    width: 100%;
    height: 46px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
  }
  nav .localnavi li a{
    width: 100%;
    height: 100%;
    font-size: 15.5px;
    font-weight: bold;
    color: #1e2836;
    background-color:  #eeeeee;
    border-radius: 5px;
    text-decoration: none;
    display:flex;
    align-items:center;
    justify-content: center;  
    
  }
  nav .localnavi li a:visited{
    color: #1e2836;
  }
  .snavi00 .localnavi li.snavi00 a,
  .snavi01 .localnavi li.snavi01 a,
  .snavi02 .localnavi li.snavi02 a,
  .snavi03 .localnavi li.snavi03 a,
  .snavi04 .localnavi li.snavi04 a,
  .snavi05 .localnavi li.snavi05 a,
  .snavi06 .localnavi li.snavi06 a,
  .snavi07 .localnavi li.snavi07 a,
  .snavi08 .localnavi li.snavi08 a,
  .snavi09 .localnavi li.snavi09 a,
  .snavi00 .localnavi li.snavi00 a,
  .snavi11 .localnavi li.snavi11 a,
  .snavi12 .localnavi li.snavi12 a,
  .snavi13 .localnavi li.snavi13 a,
  .snavi14 .localnavi li.snavi14 a,
  .snavi15 .localnavi li.snavi15 a,
  .snavi16 .localnavi li.snavi16 a,
  .snavi17 .localnavi li.snavi17 a,
  .snavi18 .localnavi li.snavi18 a,
  .snavi19 .localnavi li.snavi19 a,
  .snavi20 .localnavi li.snavi20 a{
    opacity: 0.8;
    text-decoration: none;
  }
  .localnavi li a:hover{
    opacity: 0.8;
    text-decoration: none;
  }
  .localnavi .row_hr{
    display: none;
    height: 0;
  }
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .localnavi{
    width: 100%;
    height:40px;
    margin-bottom: 8px;
  }
  .localnavi a {
    display: block;
  }
  .localnavi .toggle{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 7%;
    position: relative;
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    text-align: center;
  }
  .localnavi .toggle::after {
    font-size: 1.5rem;
    font-family: 'gud_basic';
    font-display: swap;
    font-weight: 400;
    content: "\e877";
    color: #666666;
    position: absolute;
    right: 5%;
    top: 0;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .localnavi .toggle.active::after {
    font-family: 'gud_basic';
    font-display: swap;
    font-weight: 400;
    content: "\e873";
  }
  .toggle .snavi00,
  .toggle .snavi01,
  .toggle .snavi02,
  .toggle .snavi03,
  .toggle .snavi04,
  .toggle .snavi05,
  .toggle .snavi06,
  .toggle .snavi07,
  .toggle .snavi08,
  .toggle .snavi09,
  .toggle .snavi00,
  .toggle .snavi11,
  .toggle .snavi12,
  .toggle .snavi13,
  .toggle .snavi14,
  .toggle .snavi15,
  .toggle .snavi16,
  .toggle .snavi17,
  .toggle .snavi18,
  .toggle .snavi19,
  .toggle .snavi20{
    display: none;
  }
  .snavi00 .toggle .snavi00,
  .snavi01 .toggle .snavi01,
  .snavi02 .toggle .snavi02,
  .snavi03 .toggle .snavi03,
  .snavi04 .toggle .snavi04,
  .snavi05 .toggle .snavi05,
  .snavi06 .toggle .snavi06,
  .snavi07 .toggle .snavi07,
  .snavi08 .toggle .snavi08,
  .snavi09 .toggle .snavi09,
  .snavi00 .toggle .snavi00,
  .snavi11 .toggle .snavi11,
  .snavi12 .toggle .snavi12,
  .snavi13 .toggle .snavi13,
  .snavi14 .toggle .snavi14,
  .snavi15 .toggle .snavi15,
  .snavi16 .toggle .snavi16,
  .snavi17 .toggle .snavi17,
  .snavi18 .toggle .snavi18,
  .snavi19 .toggle .snavi19,
  .snavi20 .toggle .snavi20{
    display: block;
  }
  
  .localnavi li{
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 0;

    font-size: 1.2rem;
    text-align: center;
    background-color: #FFFFFF;
    position: relative;
    z-index: 202;
    border-bottom: dashed 1px #cccccc;
  }
  .localnavi li:last-child {
    margin-bottom: 25px;
  }
  nav .localnavi li a,
  nav .localnavi li a:visited{
    color: #777777;
    text-decoration: none;
  }
  .snavi00 .localnavi li.snavi00 a,
  .snavi01 .localnavi li.snavi01 a,
  .snavi02 .localnavi li.snavi02 a,
  .snavi03 .localnavi li.snavi03 a,
  .snavi04 .localnavi li.snavi04 a,
  .snavi05 .localnavi li.snavi05 a,
  .snavi06 .localnavi li.snavi06 a,
  .snavi07 .localnavi li.snavi07 a,
  .snavi08 .localnavi li.snavi08 a,
  .snavi09 .localnavi li.snavi09 a,
  .snavi00 .localnavi li.snavi00 a,
  .snavi11 .localnavi li.snavi11 a,
  .snavi12 .localnavi li.snavi12 a,
  .snavi13 .localnavi li.snavi13 a,
  .snavi14 .localnavi li.snavi14 a,
  .snavi15 .localnavi li.snavi15 a,
  .snavi16 .localnavi li.snavi16 a,
  .snavi17 .localnavi li.snavi17 a,
  .snavi18 .localnavi li.snavi18 a,
  .snavi19 .localnavi li.snavi19 a,
  .snavi20 .localnavi li.snavi20 a{
    color: #594842;
  }
  .localnavi ul.inner{
    width: 100%;
    display: none;
    position: relative;
    margin-bottom: 0px;
  }
  .localnavi ul.inner::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -0;
    background: rgba(0,0,0,0.1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-gradient(radial, center center, 0px, center center, 70%, color-stop(0%, rgba(0,0,0,0.1)), color-stop(70%, rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 70%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 70%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
    z-index: 101;
  }
}
/* ----------------------------------------- */
/* メイン */
/* ----------------------------------------- */

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

  .main_wrapper{
    /*
    width: 1000px;
    margin: 0 auto;
    */
    min-width: 1000px;
    background-color: #FFF;
    padding-top:64px;
  }


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

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

  #main-content {
    width: 690px;
    float: left;
    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;
  }

}



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



  /* ----------------------------------------- */
  /* コンテンツ-SP
    /* ----------------------------------------- */
  #main-content,
  #main-column1w,
  #main-column1s{
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .mainImg {
    margin-bottom: 15px;
    overflow: hidden;
  }
}

/* ----------------------------------------- */
/* フッタ */
/* ----------------------------------------- */
#footer {
  background-image: url("/image/footer_img.png");
}
#footer a {
  color: #ffffff;
}
#footer p {
  color: #ffffff;
}

#footer .footer_company {
  width: 100%;
  overflow: hidden;
}
#footer .footer_head {
  text-align: center;
}
#footer .footer_title {
  margin-top: 50px;
}
#footer .footer_title a{
  font-size: 25px;
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#footer .footer_info {
  margin-top: 30px;
  margin-bottom: 10px;
}
#footer .footer_info p{
  font-size: 12.4px;
  font-weight: normal;
}


.footer_copy{
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffffff;
  font-size: 1.2rem;
  text-align: center;
}
.footer_copy a{
  text-decoration: none;
  color: #ffffff;
}

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

  #footer .footer_head {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    table-layout: auto;
    display: table;
  }

  #footer .footer_head_left {
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
  }

  #footer .footer_head_right {
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
  }

  .footer_copy{
    overflow: hidden;
    min-width: 1000px;
    padding-bottom: 10px;
    color: #ffffff;
  }
  .footer_copy a{
    color: #ffffff;
  }

}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  footer {
    width: 100%;
  }

  #footer .footer_head {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    clear: both;
    padding-bottom: 6px;
  }
  #footer .footer_head_left {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    font-size: 1.4rem;
  }

  #footer .footer_head_right {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 1.4rem;
  }
  #footer .footer_head img{
    max-width: 100%;
  }

}