@charset "UTF-8";
@media screen and (min-width: 751px) { .mbOnly { display: none !important; } }

@media screen and (max-width: 750px) { html { height: auto !important; }
  .nav-fixed { position: fixed; width: 100%; height: 100%; }
  .kokuyo-st-container #header { margin-bottom: 0; border-top: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 101; }
  .kokuyo-st-container #header .wrap .utility { width: 100%; min-height: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #contents-header .social-buttons, #global-navi, .kokuyo-st-container #header .utility .group-ci, .kokuyo-st-container #header .utility .nav.other-website, .other-website, .kokuyo-st-container #footer-sitemap .wrap .sitemap, .kokuyo-st-container #footer-sitemap, .kokuyo-st-container #footer .wrap .copyright img, .kokuyo-st-container #topicpath { display: none; }
  #pagetop { text-align: center; }
  #pagetop a { background: none; padding: 17px 0; display: block; background-color: #f1f1f1; }
  #pagetop a::before { content: ''; display: block; width: 7px; height: 7px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 auto 5px; }
  .kokuyo-st-container #footer { background: none; }
  .kokuyo-st-container #footer .wrap { padding: 0; }
  .kokuyo-st-container #footer .wrap .utility { float: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 15px 0; }
  .kokuyo-st-container #footer .wrap .utility::after { content: none; }
  .kokuyo-st-container #footer .wrap .utility li { border: none; float: none; padding: 0; margin: 0; }
  .kokuyo-st-container #footer .wrap .utility a { color: #333 !important; padding: 5px 0; display: block; }
  .kokuyo-st-container #footer .wrap .utility a:not([target="_blank"]) { vertical-align: middle; }
  .kokuyo-st-container #footer .wrap .utility a:not([target="_blank"])::after { content: ''; display: inline-block; width: 5px; height: 5px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; }
  .kokuyo-st-container #footer .wrap .copyright { float: none; background-color: #f58220; text-align: center; padding: 10px 2px; font-size: 9px; }
  .kokuyo-st-container #header .wrap, .kokuyo-st-container #footer .wrap { width: 100%; }
  .mf_finder_searchBox_submit { background-color: #8c8c8c; }
  .mf_finder_searchBox_query_input { border-radius: 5px 0 0 5px; }
  .kokuyo-st-container #header .utility .search-box { display: none; position: absolute !important; padding: 10px 25px; bottom: auto !important; top: 46px; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #f9f9f9; border-bottom: 1px solid #d5d5d6; /* &.open { display: block; } */ }
  .kokuyo-st-container #header .utility .ci { margin-top: 0; margin-right: auto; float: none; }
  .kokuyo-st-container #header .utility .ci img { width: 139px !important; height: auto !important; }
  #header .ico-search { margin-right: 22px !important; }
  #header .ico-search img { width: 19px; height: 19px; }
  .menu-trigger, .menu-trigger span { display: inline-block; -webkit-transition: all .4s; transition: all .4s; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .menu-trigger { position: relative; width: 26px; height: 26px; }
  .menu-trigger span { position: absolute; left: 5px; width: calc(100% - 10px); height: 2px; background-color: #fd6e00; }
  .menu-trigger span:nth-of-type(1) { top: 5px; }
  .menu-trigger span:nth-of-type(2) { top: 12px; }
  .menu-trigger span:nth-of-type(3) { bottom: 5px; }
  .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(7px) rotate(-45deg); transform: translateY(7px) rotate(-45deg); }
  .menu-trigger.active span:nth-of-type(2) { opacity: 0; }
  .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-7px) rotate(45deg); transform: translateY(-7px) rotate(45deg); }
  .mb-nav { position: fixed; top: 46px; left: 0; width: 100%; display: none; height: calc(100% - 46px - 43px); z-index: 100; background-color: rgba(255, 255, 255, 0.9); font-size: 13px; }
  .mb-nav nav { height: 100%; }
  .mb-nav .list-globalnav { height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .mb-nav .list-globalnav > li { border-top: 2px solid #474747; }
  .mb-nav .list-globalnav > li > a::after { content: ''; display: block; width: 7px; height: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #333; border-right: 2px solid #333; position: absolute; top: 50%; right: 20px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }
  .mb-nav .list-globalnav a, .mb-nav .list-globalnav span { display: block; padding: 15px 20px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .mb-nav .list-globalnav a::before, .mb-nav .list-globalnav span::before { content: '・'; color: #f18102; }
  .mb-nav .list-globalnav a { text-indent: -1em; margin-left: 1em; color: #222; text-decoration: none; }
  .mb-nav .list-globalsubnav01 > li { border-top: 1px solid #a3a3a3; }
  .mb-nav .list-globalsubnav01 > li > * { padding-left: 40px; }
  .mb-nav .list-globalsubnav01 > li > a::after { content: ''; display: block; width: 7px; height: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #333; border-right: 2px solid #333; position: absolute; top: 50%; right: 20px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); }
  .mb-nav .list-globalsubnav01 > li > span::after { content: ''; display: block; width: 7px; height: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 2px solid #333; border-right: 2px solid #333; position: absolute; top: 50%; right: 20px; -webkit-transform: rotate(135deg) translateY(-50%); transform: rotate(135deg) translateY(-50%); margin-top: -10px; }
  .mb-nav .list-globalsubnav01 > li > span.open::after { -webkit-transform: rotate(-45deg) translateY(-50%); transform: rotate(-45deg) translateY(-50%); margin-top: 0; margin-right: -4px; }
  .mb-nav .list-globalsubnav02 { display: none; margin-bottom: 10px; }
  .mb-nav .list-globalsubnav02 > li a { text-decoration: underline; padding: 7px 20px 7px 30px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; text-indent: 0; margin-left: 0; padding-left: 20px; }
  .mb-nav .list-globalsubnav02 > li a[target="_blank"]::after { content: ''; display: inline-block; width: 13px; height: 9px; background: url(/img/sp/ico-outlink.png) no-repeat 0 0; background-size: contain; margin-left: 5px; }
  .mb-nav .list-globalsubnav02 > li a span { padding: 0; }
  .mb-nav .list-globalsubnav02 > li a span::before { content: none; }
  .mb-nav .list-globalsubnav02 > li a img { margin-right: 5px; width: 40px; height: 40px; }
  .mb-nav .list-globalsubnav02 > li a::before { content: none; }
  .mb-nav .list-globalsubnav02 > li a::after { content: none; }
  .mb-official-site { position: fixed; bottom: 0; z-index: 101; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.7); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 45px; }
  .mb-official-site div { margin-right: auto; }
  .mb-official-site a + a { margin-left: 15px; }
  .mb-official-site img { width: 35px; height: 35px; }
  .footer-sns { padding: 15px 12%; border-top: 1px solid #f58220; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .footer-sns div { margin-right: auto; font-size: 14px; }
  .footer-sns a { margin-left: 10px; }
  .footer-sns img { width: 35px; height: 35px; } }