@charset "UTF-8";

@media screen and (max-width:767px) {

  .no-sp{display:none;}
  /*style.css reset*/
  header#gNav h2{display: none;}
  header#gNav h3 { margin-bottom: 0px; margin-top: 0px; }
  header#gNav h3:first-child{ margin-bottom: 0px; }
  /*style.css reseここまでt*/

  /* ## header ## */
  header#gNav {
    width: 100%;
    height: 13.3333vw;
    position: fixed;
    background:#00388C;
    z-index: 10000;
    top: 0;
    left: 0;
  }
  .gNav_whiteMask {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(255,255,255,0.75);
    width: 100vw;
    height: 99999px;
    display: none;
  }
  #gNav_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.3333vw;
    z-index: 10001;
    border-bottom: 1px solid #dddddd;
  }
  #gNav_logo a{
    position: absolute;
    left:4%;
    top:2vw;
    padding-top:3.1%;
    color:#fff;
  }
  #gNav_logo img {
    width: 100%;
  }
  #gNav_container {
    width: 100%;
    height: 100%;
    padding-top: 13.3333vw;
    flex-direction: column;
    position: fixed;
    overflow-y: auto;
    display: none;
    top: 0;
  }
  /* hamburger */
  #gNav_sp_opener {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 13.3333vw;
    height: 13.3333vw;
    z-index: 10002;
  }
  #gNav_sp_opener span {
    display: block;
    position: absolute;
    width: 7.7vw;
    height: 1.2vw;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #fff;
    border-radius: 1px;
    -webkit-transition-duration: 0.3s ;
    transition-duration: 0.3s ;
    -webkit-transition-timing-function: ease-out ;
    transition-timing-function: ease-out ;
  }
  #gNav_sp_opener span:first-child {
    top: 3vw;
    bottom: auto;
  }
  #gNav_sp_opener span:last-child {
    bottom: 3vw;
    top: auto;
  }
  #gNav_sp_opener.gNav_sp_opener-active span:first-child, #gNav_sp_opener.gNav_sp_opener-active span:last-child {
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  #gNav_sp_opener.gNav_sp_opener-active span:nth-child(2) {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #gNav_sp_opener.gNav_sp_opener-active span:nth-child(3) {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  /* submenus */
  #gNav_subMenus {
    order: 99;
    display: flex;
    flex-wrap: wrap;
    background:#fff;
  }
  #gNav_subMenus li {
    display: block;
    width: 50%;
    float: left;
    background: #f3f3f3;
    border-right: 1px solid #cccccc;
  }
  #gNav_subMenus li:nth-child(even) {
    border-right: 0;
  }
  #gNav_subMenus li a {
    display: table-cell;
    width: 100%;
    height: 11vw;
    vertical-align: middle;
    padding-left: 5vw;
    color: #444444;
    text-decoration: none;
  }
  #gNav_subMenus li.gNav_subMenus-spFull {
    width: 100%;
    border-right: 0;
    text-align: center;
  }
  #gNav_subMenus li.gNav_subMenus-spFull a {
    width: 100vw;
    padding-right: 5vw;
  }
  #gNav_subMenus li.gNav_subMenus-icon {
    border-right: 0;
    background: #fff;
    font-size:75%;
  }
  #gNav_subMenus li.gNav_subMenus-icon a {/**/
    padding-left: 10.2vw;
    background: no-repeat 5vw center;
    background-size: 4vw;
  }
  #gNav_subMenus li.gNav_subMenus-icon-link{width:30%;margin-left:20%;}
  #gNav_subMenus li.gNav_subMenus-icon-link a {/**/
    background-image: url("../img/ico_link.svg");
  }
  #gNav_subMenus li.gNav_subMenus-icon-magazine{
    width: 40%;
  }
  #gNav_subMenus li.gNav_subMenus-icon-magazine a {
    background-image: url("../img/ico_magazine.svg");
  }
  #gNav_subMenus li.gNav_subMenus-icon-eng{width:30%;margin-right:20%;}
  #gNav_subMenus li.gNav_subMenus-icon-eng a {
    background-image: url("../img/ico_eng.svg");
  }
  #gNav_subMenus li:last-child.gNav_subMenus-icon{
    width:100%;
  }
  #gNav_subMenus li.gNav_subMenus-icon-inquiry {
    background-image: url("../../common2/img/icon_inquiry.svg");
    background-position: 5vw center;
    background-repeat: no-repeat;
    padding-left: 5vw;
    order: 3;
  }
  #gNav_subMenus li a.gNav_subMenus_search {
    order: 1
  }
  #gNav_subMenus li a.gNav_subMenus_searchTxt {
    display: none;
  }
  #gNav_subMenus li.gNav_subMenus-icon-mypage {
    background-image: url("../../common2/img/icon_mypage.svg");
    background-position: 5vw 0.95em;
    background-repeat: no-repeat;
    background-size: 0.9em;
    padding-left: 5vw;
    order: 2;
    position: relative;
  }
  #gNav_subMenus li .mf_finder_searchBox_items {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  /* mainmenu */
  .gNav_mainMenu {
    border-bottom: #999999 1px solid;
    display: block;
  }
  a.gNav_mainMenu {
    color: #444444;
  }
  .gNav_mainMenu > li {
    position:relative;
    width:100vw;
    display:table-cell;
    height:3em;
    background:#e0e0df;
  }
  .gNav_mainMenu > li a{
    position: absolute;
    display:inline;
    width:100%;
    margin:auto;
    padding:1em 8vw;
    background-size:6vw;
    vertical-align: middle;
    color:#00388C;
    background-color:#e6e6e6;
  }
  .gNav_mainMenu > li:after {
    content:"";
    display:block;
    width:5vw;
    height:5vw;
    background: url("../img/arr.svg") center no-repeat;
    position: absolute;
    right:5vw;
    top: 0;
    bottom:0;
    margin:auto;
  }
  .gNav_mainMenu > li a:hover{
    background-color:#DBEAFF;
  }
  .gNav_mainMenu > li.gNav_mainMenu-active{background:#fff;
  }
  .gNav_mainMenu > li:last-child.gNav_mainMenu-active{}
  .gNav_mainMenu > li.gNav_mainMenu-active:after{background-image:url("../img/arr_minus.svg");}
  .gNav_mainMenu > li:last-child.gNav_mainMenu-active:after{background-image:none;}
  /* ## dropdown ## */
  .gNav_dropdown_freeTxt,
  .gNav_dropdown_sub,
  .gNav_dropdown_additionalMenus{display:none;}
  .gNav_dropdown{display:none;}
  .gNav_dropdown_main{background:#E7E7DE;}
  .gNav_dropdown_categoryTtl{border-top:1px solid #ffffff;}
  .gNav_dropdown_categoryTtl a,
  .gNav_dropdown_categoryTtl span,
  .gNav_dropdown_categoryLinks a {
    display:table-cell;
    font-size:4.2vw;
    text-align:left;
    height:11vw;
    vertical-align:middle;
    position:relative;
    width:100vw;
    color:#000;
  }
  .gNav_dropdown_categoryTtl a,
  .gNav_dropdown_categoryTtl span {
    padding-left:5vw;
  }
  .gNav_dropdown_categoryLinks a {
    padding-left:3.5vw;
    font-size:3.0vw;
    text-decoration:none;
    font-weight:bold;
  }
  .gNav_dropdown_categoryLinks:first-child li:first-child a::before,
  .gNav_dropdown_categoryLinks:nth-child(2) li:first-child a::before{
    background:none;
  }
  .gNav_dropdown_categoryLinks a:before {
    content: "";
    width: 92vw;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 4vw;
  }
  .gNav_dropdown_minLinks a{
    font-weight:normal;
  }
  .gNav_dropdown_categoryTtl a:after,
  .gNav_dropdown_categoryLinks a:after {
    content: "";
    display: block;
    width: 5vw;
    height: 5vw;
    background: url("../img/arr_white.svg") center no-repeat;
    position: absolute;
    right: 5vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .gNav_dropdown_categoryTtl a[target="_blank"]:after,
  .gNav_dropdown_categoryLinks a[target="_blank"]:after {
    background-image: url("../../common2/img/icon_blank_white.svg");
    background-size: 1em;
  }
  ul.gNav_dropdown_column1-2 {
    width: 50%;
    float: left;
  }
  .gNav_dropdown_minLinks{display:none;}
  ul.gNav_dropdown_column1-2.gNav_dropdown_categoryLinks a:after {
    content: "";
    display: block;
    width: 1px;
    height: 6vw;
    background: #ffffff;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  ul.gNav_dropdown_column1-2.gNav_dropdown_categoryLinks a:before {
    /*width:46vw;*/
    left:4vw;
  }
  ul.gNav_dropdown_column1-2.gNav_dropdown_categoryLinks:last-child a {
    padding-left: 4vw;
    letter-spacing: -0.5px;
  }
  ul.gNav_dropdown_column1-2.gNav_dropdown_categoryLinks:last-child a:before {
    left: 0vw;
    right: 4vw;
  }
  ul.gNav_dropdown_column1-2.gNav_dropdown_categoryLinks:last-child a:after {
    content: "";
    width: 46vw;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 0vw;
    right: 4vw;
    top: auto;
    bottom: -1px;
  }
  ul.gNav_dropdown_column-full-xs {
    width: 100%;
    float: none;
  }
  ul.gNav_dropdown_column-full-xs.gNav_dropdown_categoryLinks:nth-child(n) a {
    padding-left: 7.5vw;
    letter-spacing: 0;
  }
  ul.gNav_dropdown_column-full-xs.gNav_dropdown_categoryLinks:nth-child(n) a:before {
    content: "";
    width: 92vw;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 4vw;
  }
  ul.gNav_dropdown_column-full-xs.gNav_dropdown_categoryLinks:nth-child(n) a:after {
    content: none;
  }

  /* ##### footer ##### */
  /*footer*/

  #btmArea {
    position: relative ;
    background: #374252 ;
    width: 100% ;
    padding: 8vw 0 ;
    overflow-x: hidden ;
  }


  footer { position: relative; background: #fff; width: 100%; padding-right: 0; padding-left: 0; padding-bottom: 0; color: #ffffff; border-top: 1px solid #d6d6d6; }
  footer a:link,
  footer a:visited {
    color: rgba(96,96,96,1.00);
    text-decoration: none ;
  }
  footer a:hover,
  footer a:active {
    color: rgba(96,96,96,0.70);
  }
  .siteInner + footer {
    margin-top: 100px;
  }

  footer img {
    width: 100% ;
    height: auto ;
  }
  footer .logo {
    float: left;
    width: 40vw;
    margin: 0 0 35px 0;
  }
  footer .sns {
    float: right;
    width: 40vw;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 35px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  footer .sns li {
    width: 30%;
    display: block;
    float: left;
    margin-left: 5%;
  }
  footer .sns li:first-child{ margin-left: 0px;}
  footer .sns li a{
    background-color: #EFEFEF;
    border-radius: 50%;
    width: 100%;
    display: block;
    padding-top: 0.8vw;
    padding-right: 0.8vw;
    padding-bottom: 0.8vw;
    padding-left: 0.8vw;
  }
  footer .sns li img{ margin-left: auto; margin-right: auto; display: block; }

  footer ul#smap_main{ display: none; }
  footer .smap_others{ display: none; }
  footer .smap_comp{ width: 100%; clear: both; }
  footer .smap_comp ul { letter-spacing: -.4em; text-align: center; margin-bottom: 15px; }
  footer .smap_comp ul li{ display: inline-block; letter-spacing: normal; line-height: 1em; }
  footer .smap_comp ul li a{ font-size: 3.8vw; display: inline-block; padding-left: 4vw; padding-right: 4vw; line-height: 1.2em; }
  footer .smap_comp ul li:nth-child(1){ width: 100%; }
  footer .smap_comp ul li:nth-child(3),
  footer .smap_comp ul li:nth-child(5),


  footer .menu1 { clear: both; position: relative; width: 100%; margin: 0 0 20px 0; line-height: 1.4em; }
  footer .menu1 dt { font-weight: bold; margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 0px; }

  footer .menu1 dd { margin-top: 0; margin-right: 0; margin-left: 0; margin-bottom: 16px; }
  footer .menu1 dd ul{ margin-top: 4px; }
  footer .menu1 dd ul li{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
  footer .menu1 dd ul li a{ font-size: 14px; line-height: 2.6vw; }


  footer .menu1>div:nth-child(2) dd ul li ul{ padding-bottom: 15px; }
  footer .menu1>div:nth-child(3) dt+dt{ padding-top: 15px; }

  footer .menu1>div:nth-child(1) dd{display: none;}
  footer .menu1>div:nth-child(1) dt{
    border-bottom: 1px solid #D6D6D6;
  }
  footer .menu1>div:nth-child(1) dt:first-of-type{
    border-top: 1px solid #D6D6D6;
  }
  footer .menu1>div:nth-child(1) dt a{
    text-align: center;
    font-size: 3.8vw;
    display: block;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  footer .menu1>div:nth-child(2),
  footer .menu1>div:nth-child(3){
    display: none;
  }
  footer .menu1>div:nth-child(4) dd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 6vw;
  }
  footer .menu1>div:nth-child(4) dd ul li{
    border-left: 1px solid #E6E6E6;
    margin-bottom: 2vw;
    display: block;
  }
  footer .menu1>div:nth-child(4) dd ul li:nth-child(1){
    width: 100%;
  }
  footer .menu1>div:nth-child(4) dd ul li:nth-child(2),
  footer .menu1>div:nth-child(4) dd ul li:nth-child(3){
    width: 50%;
  }
  footer .menu1>div:nth-child(4) dd ul li:nth-child(4),
  footer .menu1>div:nth-child(4) dd ul li:nth-child(5),
  footer .menu1>div:nth-child(4) dd ul li:nth-child(6){
    width: 33%;
  }
  footer .menu1>div:nth-child(4) dd ul li:nth-child(1),
  footer .menu1>div:nth-child(4) dd ul li:nth-child(2),
  footer .menu1>div:nth-child(4) dd ul li:nth-child(4){
    border-left-style: none;
  }
  footer .menu1>div:nth-child(4) dd ul li a{
    padding-top: 8px;
    padding-bottom: 8px;
    display: block;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    text-align: center;
  }
  footer .menu2 {
    position: relative;
    width: 100%;
    padding-top:10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom:5px;
    font-size: 2.8vw;
    background-color: #0066cc; text-align: center;
  }
  /* footerGuide */
  #footerGuide { background-color: none; width: 100%; margin: 0; }
  .siteInner + #footerGuide {
    margin-top: 8vw;
  }

  #footerGuide .guide { position: relative; height: auto; margin-top: 1px; margin-right: 0; margin-left: 0; margin-bottom: 0; overflow: hidden; width: 100%; display: block; background-color: #858585; }

  #footerGuide .guide.support {

  }
  #footerGuide .guide.showroom {
  }

  #footerGuide .guide .btn_box{ max-width: none; height: auto; position: static; padding-top: 4vw; padding-bottom: 4vw; } 
  #footerGuide .guide.support .btn_box{ padding-right: 4vw; padding-left: 4vw;}
  #footerGuide .guide.showroom .btn_box{ padding-right: 4vw; padding-left: 4vw; }
  #footerGuide h3 {
    margin: 0 0 2vw 0 ;
    font-size: 5vw ;
    font-weight: bold ;
    text-align: center ;
    line-height: 1.2 ;
    color: #ffffff ;
  }
  #footerGuide p { margin: 3vw 0 0 0; font-size: 3.6vw; color: #ffffff; line-height: 1.4em; }
  #footerGuide.columnSet .sbFoot_btn{ min-width: auto!important; width: 100%; }
.sbFoot_btn {
	display: inline-block ;
	 background: #4d4d4d url(../../common2/img/chevron-thin-right-wh.svg) 90% center no-repeat;
	background-size: 3vw ;
	width: 100% ;
	margin: 0 0 2vw 0 ;
	padding: 3.46vw 8vw 3.46vw 4vw ;
	font-size: 3.8vw ;
	line-height: 1 ;
	color: #ffffff !important ;
	text-decoration: none !important ;
	text-align: center ;
  border-radius: 5.5vw;
}

.sbFoot_btn:hover,
.sbFoot_btn:focus {
	background: #e63d30 url(../../common2/img/chevron-thin-right-wh.svg) 90% center no-repeat;
	background-size: 3vw ;
}
.sbFoot_btn.blank:hover,
.sbFoot_btn.blank:focus {
	background-image: url("../../common2/img/icon_blank_lightgray.svg");
  background-position: 90%;
}

.sbFoot_btn.pdf:hover,
.sbFoot_btn.pdf:focus {
	background-image: url(../../common2/img/pdf-gray.png);
  background-size: 4.5vw;
  background-position: 90%;
}
  /* go top */

  #goTop {
    position: fixed ;
    right: 10px ;
    bottom: 10px ;
    width: 50px ;
    height: 50px ;
    z-index: 500 ;
  }
  #goTop img {
    width: 50px ;
    height: 50px ;
  }

}