@charset "UTF-8";
/********************************************************* hamburger menu*/
#hamburger {
  display: none;
  width: 32px;
}

#hamburger-icon {
  margin-top: 5px;
  width: 32px;
  height: 20px;
  position: relative;
  display: block;
  line-height: 1;
  cursor: pointer;
}

#hamburger-icon .line {
  display: block;
  background: #b7190c;
  width: 32px;
  height: 4px;
  position: absolute;
  left: 0;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

#hamburger-icon .line.line-1 {
  top: 0;
}

#hamburger-icon .line.line-2 {
  top: 50%;
}

#hamburger-icon .line.line-3 {
  top: 100%;
}

#hamburger-icon.active .line-1 {
  transform: translateY(10px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
  -moz-transform: translateY(10px) translateX(0) rotate(45deg);
}

#hamburger-icon.active .line-2 {
  opacity: 0;
}

#hamburger-icon.active .line-3 {
  transform: translateY(-10px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-10px) translateX(0) rotate(-45deg);
}

.spFootUtility,
.spFootLang {
  display: none;
}

@media screen and (max-width: 1004px) {
  html {
    background-color: #fff;
  }

  body {
    background-image: none;
  }

  #wrapper {
    min-height: 0;
  }

  /********************************************************* header*/
  header {
    height: auto;
    background: #F8F8F8;
    border-bottom: 1px solid #b7190c;
    border-top: 2px solid #ae945b;
    position: relative;
  }

  #header_inner {
    width: auto;
    height: auto;
    padding: 5px 10px;
  }

  #header_inner h1 {
    width: auto;
  }

  #header_inner h1 a {
    width: 110px;
    padding-top: 35px;
    background-size: 100% auto;
  }

  #header_inner .fr {
    width: auto;
  }

  #header_inner #header_utility {
    width: auto;
    height: auto;
    white-space: normal;
    display: none;
  }

  #header_inner .fr form {
    float: none;
    width: auto;
    display: none;
  }

  #hamburger {
    display: block;
  }

  /********************************************************* navi*/
  #content #main .index-fl ul,
  #content #main .index-fr ul {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /********************************************************* contents*/
  #main {
    min-height: 0 !important;
  }

  #content {
    width: auto;
    margin: 0;
    padding: 0;
    background: none;
    min-height: 0;
  }

  #content .page-utility {
    padding: 5px 10px;
    background: #f1f1f1;
  }

  #content .page-utility .print {
    display: none;
  }

  ul.breadcrumbs {
    float: none;
    margin: 0;
    overflow: hidden;
  }
  ul.breadcrumbs li {
    padding-left: 0;
    font-size: 10px;
  }

  ul.breadcrumbs li a {
    background: none;
    padding-right: 0;
  }
  ul.breadcrumbs li a:hover {
    background: none;
  }

  ul.breadcrumbs li:not(:last-child) {
    position: relative;
    padding-right: 10px;
    margin-right: 5px;
  }

  ul.breadcrumbs li:not(:last-child):after {
    content: '';
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  #content #main {
    padding: 15px;
    float: none;
    width: auto;
    margin: 0;
  }

  #content #sub {
    padding: 40px 15px 15px 15px;
    float: none;
    width: auto;
    margin-top: 0;
  }

  #sub h2 {
    padding: 0 0 10px 0;
  }

  /********************************************************* Foot Utility*/
  .spFootUtility {
    border-top: 1px solid #ccc;
    display: block;
    padding: 15px;
    overflow: hidden;
  }
  .spFootUtility input {
    -webkit-appearance: none;
    padding: 5px;
    display: block;
    float: left;
    box-sizing: border-box;
    border-radius: 0;
  }
  .spFootUtility input[type="search"] {
    width: 70%;
    height: 30px;
    border: 1px solid #ccc;
  }
  .spFootUtility input.searchtext {
    width: 70%;
    height: 30px;
    border: 1px solid #ccc;
  }
  .spFootUtility input[type="submit"] {
    width: 30%;
    height: 30px;
    color: #fff;
    background-color: #b7190c;
    border: none;
  }

  .spFootLang {
    display: block;
    padding: 15px;
    background-color: #fff;
  }
  .spFootLang h2 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: normal;
  }

  .listLang {
    text-align: center;
  }
  .listLang li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
  }
  .listLang a {
    display: inline-block;
    color: #000;
  }
  .listLang .en a {
    background: url(/global/images/icon_lang_en.gif) no-repeat left center;
    padding-left: 20px;
    line-height: 20px;
  }
  .listLang .cn a {
    background: url(/global/images/icon_lang_cn.gif) no-repeat left center;
    padding-left: 20px;
    line-height: 20px;
  }
  .listLang .ko a {
    background: url(/global/images/icon_lang_ko.gif) no-repeat left center;
    padding-left: 20px;
    line-height: 20px;
  }

  /********************************************************* footer*/
  footer#globalfoot {
    height: auto;
    margin-top: 0;
  }

  #globalfoot #text-links {
    background-color: #eee;
    padding: 0;
  }

  #globalfoot #text-links ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    border-top: 1px solid #fff;
    margin-bottom: -1px;
  }

  #globalfoot #text-links li:first-child {
    border-left: none;
  }

  #globalfoot #text-links li {
    border-right: none;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: 0;
    width: 50%;
    box-sizing: border-box;
  }

  #globalfoot #text-links li:nth-child(odd) {
    border-right: 1px solid #fff;
  }

  #globalfoot #text-links a {
    display: block;
    padding: 10px 20px 10px 10px;
    background-color: #eee;
    font-weight: normal !important;
    font-size: 12px;
    text-align: left;
    position: relative;
  }
  #globalfoot #text-links a:before {
    content: '';
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    position: absolute;
    top: 13px;
    right: 10px;
  }

  #globalfoot #footer-bottom {
    height: auto;
    padding: 15px;
  }

  #globalfoot #footer-bottom address {
    text-align: center;
    font-style: normal;
    width: auto;
    margin: 0;
  }

  #globalfoot #footer-bottom address span {
    float: none;
    width: auto;
    height: auto;
    padding: 0 0 60px 0;
    line-height: 1.2;
    font-size: 11px;
    color: #fff;
    background: url(/global/images/bg_footer_symbol.png) no-repeat center bottom/50px auto;
  }

  #globalfoot #footer-bottom address span a {
    color: #fff!important;
  }

  #globalfoot #footer-bottom p#copyright {
    width: auto;
    background: none;
	height: auto;
  }

  #globalfoot #footer-bottom p#copyright span {
    display: inline-block;
    margin-top: 5px;
    line-height: 1.2;
    color: #fff;
    font-size: 10px;
  }

  #globalfoot .page-utility {
    width: auto;
    height: auto;
    padding: 0;
  }

  #globalfoot .page-utility .fr {
    float: none;
  }

  #globalfoot .page-utility p.topagetop {
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: transparent;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 1000;
  }

  #globalfoot .page-utility p.topagetop a {
    float: none;
    display: block;
    width: 25px;
    height: 25px;
    background: #b7190c;
    border-radius: 50%;
    padding-top: 0;
    border: 1px solid #fff;
  }

  #globalfoot .page-utility p.topagetop a:after {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
  }

  /********************************************************* common item*/
  #main img:not([src*=icon]) {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
  }

  #main .fbBranch img {
    border: none;
  }

  #main h1 {
    margin-top: 15px;
    font-size: 17px;
  }

  #main h2 {
    border-left: 3px solid #b7190c;
    padding: 3px 0 0 7px;
    font-size: 16px;
    overflow: hidden;
    line-height: 1.5;
    margin-bottom: 15px;
  }

  #main h2.bordernone {
    font-size: 16px;
  }

  #main .box_b {
    padding: 0 0 15px 0;
  }

  #main ul,
  #main ul.none {
    margin: 0;
  }

  #main ol {
    margin: 0 0 0 20px;
  }

  #main ol.num1 li {
    padding: 0 0 5px 20px;
  }

  #main ol.num1 li span {
    left: 0;
  }

  #main .clearfix .fl,
  #main .clearfix .fr {
    float: none;
  }

  #content #main .index-fl,
  #content #main .index-fr {
    float: none;
    width: auto;
  }

  #main dl.none dt {
    padding-left: 0;
  }

  #main dl.none dd {
    margin: 0 0 10px 0;
    padding: 0;
  }

  #main dd {
    margin: 0 0 10px 10px;
  }

  #main ul.info_arrow li p.day,
  #main ul.info_arrow li p.detail {
    width: auto !important;
    float: none;
    display: block;
  }

  #content table thead th,
  #content table th,
  .table-bordernone th,
  .table-bordernone td {
    width: auto;
  }

  #content table th, #content table td {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
  table.response th,
	table.response td {
		display: list-item;
		list-style-type: none;
  }

  .w50,
  .w80,
  .w100,
  .w110,
  .w135,
  .w150,
  .w170,
  .w190,
  .w200,
  .w210,
  .w225,
  .w250,
  .w275,
  .w300,
  .w325,
  .w350,
  .w375,
  .w400,
  .w425,
  .w445,
  .w450,
  .w475,
  .w500,
  .w550,
  .w600,
  .w645,
  .w650,
  .w700 {
    width: auto !important;
  }

  .ml12,
  .ml24,
  .ml36,
  .ml48 {
    margin-left: 0 !important;
  }

  .mb125,
  .mb60,
  .mb72,
  .mb48 {
    margin-bottom: 30px !important;
  }

  .mr15,
  .mr36 {
    margin-right: 0 !important;
  }

  .mt48 {
    margin-top: 0 !important;
  }

  .pl24 {
    padding-left: 0 !important;
  }

  img.fr {
    margin-left: 0;
  }

  .onePhoto {
    text-align: center;
    margin-bottom: 10px;
    float: none !important;
  }
  .onePhoto .fr {
    float: none;
  }

  .listPhotos {
    text-align: center;
  }
  .listPhotos li {
    padding-left: 0 !important;
    display: inline-block;
    vertical-align: top;
    background: none !important;
  }

  .gSearch iframe {
    width: 100%;
  }

  .feedloading {
    background-size: 30px auto;
  }

  /********************************************************* /kyomu/info/news.html*/
  #news ul li span.news_icon {
    float: none !important;
    margin-bottom: 5px;
  }

  #news ul li p {
    float: none !important;
    width: auto !important;
  }

  .listInfo li {
    display: block;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
  }
  .listInfo .detail {
    display: block;
    margin-top: 5px;
  }
  .listInfo .day {
    width: auto !important;
    padding-right: 0;
    display: inline-block;
  }
  .listInfo .tags {
    width: auto;
    display: inline-block;
    margin-left: 10px;
  }

  /********************************************************* /hcd/situation/ 2012年以前*/
  .photolist .photo {
    text-align: center;
    width: auto !important;
  }
  .photolist .photo img {
    display: inline-block;
    margin: 0 0 5px 0 !important;
  }
  .photolist + .photo {
    text-align: center;
    width: auto !important;
  }
  .photolist + .photo img {
    display: inline-block;
    margin: 0 0 5px 0 !important;
  }

  /********************************************************* /hq/vol051/*/
  .mr15 + .hq {
    display: block;
  }
  
  /********************************************************* zoom*/
  .jquery-image-zoom {
	  height: auto !important;
	  width: 95% !important;
	  box-sizing: border-box;
	  left: 0 !important;
	  margin: 10px !important;
  }
  .jquery-image-zoom img {
	  width: 100%;
	  height: auto !important;
  }
}