@charset "UTF-8";

/*----------------------------------------------
    新ヘッダ・フッタ（後ほどsp-style.cssに統合）
------------------------------------------------*/


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

  /*style.css reset*/
  header#globalNav h2{ border-bottom-style: none; padding-bottom: 0px; }
  header#globalNav h2:after{ display: none; }
  header#globalNav h2:first-child{ margin-bottom: 0px;}
  header#globalNav h2:before { content: none; }
  header#globalNav h3 { margin-bottom: 0px; margin-top: 0px; }
  header#globalNav h3:first-child{ margin-bottom: 0px; }
  /*style.css reseここまでt*/

  /* ## header ## */
  header#globalNav {
    width: 100%;
    height: 13.3333vw;
    position: fixed;
    background: #ffffff;
    z-index: 10000;
    top: 0;
    left: 0;
  }
  .globalNav_whiteMask {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(255,255,255,0.75);
    width: 100vw;
    height: 99999px;
    display: none;
  }
  #globalNav_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 13.3333vw;
    background: #ffffff;
    z-index: 10001;
    border-bottom: 1px solid #dddddd;
  }
  #globalNav_logo a {
    width: 28%;
    position: absolute;
    left: 4%;
    top: 0;
    padding-top: 3.1%;
  }
  #globalNav_logo img {
    width: 100%;
  }
  #globalNav_container {
    width: 100%;
    height: 100%;
    padding-top: 13.3333vw;
    flex-direction: column;
    position: fixed;
    overflow-y: auto;
    display: none;
    top: 0;
  }
  /* hamburger */
  #globalNav_sp_opener {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 13.3333vw;
    height: 13.3333vw;
    background: #e43c2f;
    z-index: 10002;
  }
  #globalNav_sp_opener span {
    display: block;
    position: absolute;
    width: 7.7vw;
    height: 1.2vw;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: #ffffff;
    border-radius: 1px;
    -webkit-transition-duration: 0.3s ;
    transition-duration: 0.3s ;
    -webkit-transition-timing-function: ease-out ;
    transition-timing-function: ease-out ;
  }
  #globalNav_sp_opener span:first-child {
    top: 3vw;
    bottom: auto;
  }
  #globalNav_sp_opener span:last-child {
    bottom: 3vw;
    top: auto;
  }
  #globalNav_sp_opener.globalNav_sp_opener-active span:first-child, #globalNav_sp_opener.globalNav_sp_opener-active span:last-child {
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
  }
  #globalNav_sp_opener.globalNav_sp_opener-active span:nth-child(2) {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #globalNav_sp_opener.globalNav_sp_opener-active span:nth-child(3) {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  /* submenus */
  #globalNav_subMenus {
    order: 99;
    display: flex;
    flex-wrap: wrap;
  }
  #globalNav_subMenus li {
    display: block;
    width: 50%;
    float: left;
    background: #f3f3f3;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
  }
  #globalNav_subMenus li:nth-child(even) {
    border-right: 0;
  }
  #globalNav_subMenus li a {
    display: table-cell;
    width: 100%;
    height: 11vw;
    vertical-align: middle;
    padding-left: 5vw;
    color: #444444;
    text-decoration: none;
  }
  #globalNav_subMenus li.globalNav_subMenus-spFull {
    width: 100%;
    border-right: 0;
    text-align: center;
  }
  #globalNav_subMenus li.globalNav_subMenus-spFull a {
    width: 100vw;
    padding-right: 5vw;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon {
    width: 100%;
    border-right: 0;
    background: #e2e2e2;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-inquiry {
    background-image: url("../img/icon_inquiry.svg");
    background-position: 5vw center;
    background-repeat: no-repeat;
    padding-left: 5vw;
    order: 3;
  }
  #globalNav_subMenus li a.globalNav_subMenus_search {
    order: 1
  }
  #globalNav_subMenus li a.globalNav_subMenus_searchTxt {
    display: none;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage {
    background-image: url("../img/icon_mypage.svg");
    background-position: 5vw 0.95em;
    background-repeat: no-repeat;
    background-size: 0.9em;
    padding-left: 5vw;
    order: 2;
    position: relative;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage.globalNav_subMenus_myPage-in {
    background-color: #e43c2f;
    background-image: url("../img/icon_mypage-w.svg");
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage.globalNav_subMenus_myPage-in .globalNav_subMenus_myPageTxt {
    color: #ffffff;
    width: 95vw;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage.globalNav_subMenus_myPage-in:after {
    content: "";
    display: block;
    width: 5vw;
    height: 5vw;
    background: url("../img/arr_white.svg") center no-repeat;
    position: absolute;
    right: 5vw;
    top: 0.8em;
    margin: auto;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #globalNav_subMenus_myPage {
    display: none;
  }
  #globalNav_subMenus li #globalNav_subMenus_myPage a {
    display: block;
    color: #ffffff;
    line-height: 11vw;
    position: relative;
  }
  #globalNav_subMenus li #globalNav_subMenus_myPage a:before {
    content: "";
    width: 92vw;
    height: 1px;
    left: -1vw;
    background: #fff;
    display: block;
    position: absolute;
  }
  #globalNav_subMenus li .mf_finder_searchBox_items {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  /* mainmenu */
  .globalNav_mainMenu {
    border-bottom: #dddddd 1px solid;
    display: block;
  }
  a.globalNav_mainMenu {
    color: #444444;
  }
  .globalNav_mainMenu > li {
    font-size: 4.2vw;
    width: 100vw;
    display: table-cell;
    height: 11vw;
    vertical-align: middle;
    position: relative;
    padding-left: 5vw;
    background:#ffffff;
  }
  .globalNav_mainMenu.globalNav_mainMenu_hasSubMenu > li:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .globalNav_mainMenu > li:after {
    content: "";
    display: block;
    width: 5vw;
    height: 5vw;
    background: url("../img/arr_gray.svg") center no-repeat;
    position: absolute;
    right: 5vw;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .globalNav_mainMenu > li.globalNav_mainMenu-active {
    background: #e43c2f;
    color: #ffffff;
  }
  .globalNav_mainMenu > li.globalNav_mainMenu-active:after {
    background-image:url("../img/arr_white.svg");
  }

  /* ## dropdown ## */

  .globalNav_dropdown_freeTxt,
  .globalNav_dropdown_sub,
  .globalNav_dropdown_additionalMenus {
    display: none;
  }


  .globalNav_dropdown {
    display: none;
  }
  .globalNav_dropdown_main {
    background: #afafaf;
  }
  .globalNav_dropdown_categoryTtl {
    border-top: 1px solid #ffffff;
  }
  .globalNav_dropdown_categoryTtl a,
  .globalNav_dropdown_categoryTtl span,
  .globalNav_dropdown_categoryLinks a {
    display: table-cell;
    font-size: 4.2vw;
    text-align: left;
    height: 11vw;
    vertical-align: middle;
    position: relative;
    color: #ffffff;
    width: 100vw;
  }
  .globalNav_dropdown_categoryTtl a,
  .globalNav_dropdown_categoryTtl span {
    padding-left: 5vw;
  }
  .globalNav_dropdown_categoryLinks a {
    padding-left: 7.5vw;
    font-size: 3.8vw;
    text-decoration: none;
  }
  .globalNav_dropdown_categoryLinks a:before {
    content: "";
    width: 92vw;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 4vw;
  }
  .globalNav_dropdown_categoryTtl a:after,
  .globalNav_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;
  }
  .globalNav_dropdown_categoryTtl a[target="_blank"]:after,
  .globalNav_dropdown_categoryLinks a[target="_blank"]:after {
    background-image: url("../img/icon_blank_white.svg");
    background-size: 1em;
  }
  ul.globalNav_dropdown_column1-2 {
    width: 50%;
    float: left;
  }
  ul.globalNav_dropdown_column1-2.globalNav_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.globalNav_dropdown_column1-2.globalNav_dropdown_categoryLinks a:before {
    width: 46vw;
    left: 4vw;
  }
  ul.globalNav_dropdown_column1-2.globalNav_dropdown_categoryLinks:last-child a {
    padding-left: 4vw;
      letter-spacing: -0.5px;
  }
  ul.globalNav_dropdown_column1-2.globalNav_dropdown_categoryLinks:last-child a:before {
    left: 0vw;
    right: 4vw;
  }
  ul.globalNav_dropdown_column1-2.globalNav_dropdown_categoryLinks:last-child a:after {
    content: "";
    width: 46vw;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 0vw;
    right: 4vw;
    top: auto;
    bottom: -1px;
  }
  ul.globalNav_dropdown_column-full-xs {
    width: 100%;
    float: none;
  }
  ul.globalNav_dropdown_column-full-xs.globalNav_dropdown_categoryLinks:nth-child(n) a {
    padding-left: 7.5vw;
    letter-spacing: 0;
  }
  ul.globalNav_dropdown_column-full-xs.globalNav_dropdown_categoryLinks:nth-child(n) a:before {
    content: "";
    width: 92vw;
    height: 1px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 4vw;
  }
  ul.globalNav_dropdown_column-full-xs.globalNav_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-top: 40px; 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 .smap_comp ul li:nth-child(6){ border-left: 1px solid #E0E0E0; }


  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: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    line-height: 1;
    font-size: 2.8vw;
    background-color: #6B6B6B; 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(../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(../img/chevron-thin-right-wh.svg) 90% center no-repeat;
	background-size: 3vw ;
}
.sbFoot_btn.blank:hover,
.sbFoot_btn.blank:focus {
	background-image: url("../img/icon_blank_lightgray.svg");
  background-position: 90%;
}

.sbFoot_btn.pdf:hover,
.sbFoot_btn.pdf:focus {
	background-image: url(../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 ;
    border-radius: 50%;
  }

}