@charset "UTF-8";

/*----------------------------------------------
    新ヘッダ・フッタ（後ほどstyle.cssに統合）
------------------------------------------------*/
@media screen and (min-width:768px), print {

  /*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%;
    max-width: 1600px;
    height: 94px;
    background: #ffffff;
    z-index: 10000;
    position: relative;
    margin: 0 auto;
  }
  .globalNav_whiteMask {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(255,255,255,0.45);
    display: none;
    width: 100vw;
    height: 100vh;
  }
  #globalNav_wrapper {
    width: 100%;
    height: 94px;
    margin: 0 auto;
    display: table;
  }
  #globalNav_inner {
    display: table-row;
  }
  /* logo */
  #globalNav #globalNav_logo {
    width: 163px;
    height: 41px;
    display: table-cell;
  }
  #globalNav #globalNav_logo a {
    display: block;
    margin: 25px 0 0 20px;
  }
  #globalNav #globalNav_logo img {
    width: 100%;
  }
  #globalNav_sp_opener {
    display: none;
  }
  /* menu */
  #globalNav_container {
    display: table-cell;
    height: 94px;
    vertical-align: top;
    padding-left: 25px;
  }
  #globalNav_subMenus {
    margin: 0;
    display: flex;
    float: right;
    height: 39px;
  }
  #globalNav_subMenus li {
    vertical-align: middle;
    display: inline-block;
  }
  #globalNav_subMenus li a {
    display: table-cell;
    height: 39px;
    padding: 0 1.2em;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
    color: #787878;
    text-decoration: none;
    background: #f3f3f3;
    line-height: 1.2;
    text-align: center;
  }
  #globalNav_subMenus li a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  #globalNav_subMenus li:first-child a {
    padding-left: 2em;
  }
  #globalNav_subMenus li:last-child a {
    padding-right: 2em;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon a {
    padding-left: 2.4em;
    background: #e2e2e2 no-repeat 1em 12px;
    background-size: 12px;
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-inquiry a {
    background-image: url("/common/img/icon_inquiry.svg");
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-search a {
    background-image: url("/common/img/icon_search.svg");
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage a {
    background-image: url("/common/img/icon_mypage.svg");
  }
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage.globalNav_subMenus_myPage-in a {
    color: #ffffff;
    background-image: url("/common/img/icon_mypage-w.svg");
    background-color: #e63d30;
  }
  #globalNav_subMens_mf_finder_container {
    position: absolute;
    width: 400px;
    right: 0;
    display: none;
    background-color: #e2e2e2;
  }
  #globalNav_subMens_mf_finder_container input,
  #globalNav_subMens_mf_finder_container select,
  #globalNav_subMens_mf_finder_container option,
  #globalNav_subMens_mf_finder_container textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  }
  #globalNav_subMenus_myPage {
    position: absolute;
    right: 0;
    background: #e63d30;
    color: #ffffff;
    display: none;
  }
/*
  #globalNav_subMenus li.globalNav_subMenus-icon-mypage:hover #globalNav_subMenus_myPage {
    display: block;
  }
*/
  #globalNav_subMenus li #globalNav_subMenus_myPage a {
    display: block;
    background: none;
    color: #ffffff;
    line-height: 39px;
    border-top: 1px solid #e2e2e2;
  }
  #globalNav_mainMenus {
    display: table;
    float: right;
    width: 100%;
    max-width: 960px;
    height: 55px;
    table-layout: fixed;
    clear: both;
  }
  #globalNav_mainMenus ul {
    display: table-row;
  }
  #globalNav_mainMenus ul li {
    display: inline;
  }
  #globalNav_mainMenus ul .globalNav_mainMenu {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    background-image: url("../img/header_menu_splitter.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 1.2;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }
  #globalNav_mainMenus ul .globalNav_mainMenu:hover {
    background-image: none;
    background-color: #e63d30;
    z-index: 10;
  }
  #globalNav_mainMenus ul .globalNav_mainMenu:hover li {
    color: #ffffff;
  }
  /* ## dropdown ## */
  .globalNav_dropdown {
    background: #f8f8f8;
    position: absolute;
    width: 94vw;
    max-width: 1280px;
/*    left: 0;*/
    right: 0;
    margin: auto;
    top: 94px;
    cursor: default;
    display: none;
  }
  .globalNav_dropdown a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  .globalNav_dropdown_inner {
    width: 100%;
    text-align: left;
    padding: 35px 36px;
    position: relative;
  }
  .globalNav_dropdown_inner-hasAdditionalMenus {
    padding-bottom: 65px;
  }
  .globalNav_dropdown_additionalMenus {
    position: absolute;
    bottom: 0;
    left: 24px;
    font-size: 0;
  }
  .globalNav_dropdown_additionalMenus a {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    border-right: 1px solid #f8f8f8;
    text-decoration: none;
    padding: 1em 2em 1em 1em;
    background: #616161 url("/common/img/arr_white.svg") no-repeat right 1em center;
  }
  .globalNav_dropdown_additionalMenus a[target="_blank"] {
    background-image: url("/common/img/icon_blank_white.svg");
    background-size: 0.9em;
    background-position: right 0.7em center;
  }
  .globalNav_dropdown_main {
    width: 72%;
    float: left;
  }
  .globalNav_dropdown_sub {
    width: 27.5%;
    max-width: 300px;
    float: right;
    font-weight: normal;
  }
  .globalNav_dropdown_column-full {
    width: 100%;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_column-80per {
    width: 80%;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_column1-2 {
    width: 50%;
    float: left;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_column1-3 {
    width: 33%;
    float: left;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_column1-5 {
    width: 20%;
    float: left;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_column2-5 {
    width: 40%;
    float: left;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_freeTxt {
    padding-bottom: 1em;
    font-weight: normal;
  }
  header#globalNav .globalNav_dropdown_categoryTtl {
    text-align: left;
    padding-bottom: 0.5em;
    font-size: 22px;
    color: #606060;
    font-weight: bold;
  }
  header#globalNav .globalNav_dropdown_categoryTtl a, header#globalNav .globalNav_dropdown_categoryTtl span {
    font-size: 22px;
    color: #606060;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
  }
  header#globalNav .globalNav_dropdown_categoryTtl a {
    background: url("/common/img/arr_gray.svg") no-repeat right center;
    padding-right: 1em;
  }
  header#globalNav .globalNav_dropdown_categoryTtl a[target="_blank"] {
    background-image: url("../img/icon_blank_lightgray.svg");
    background-size: 0.8em;
  }
  #globalNav_mainMenus ul.globalNav_dropdown_categoryLinks li {
    display: block;
    line-height: 1.3;
    padding-bottom: 0.8em;
  }
  #globalNav_mainMenus ul.globalNav_dropdown_categoryLinks  li a {
    background: url("/common/img/arr_gray.svg") no-repeat right 0.25em;
    background-size: 0.4em;
    padding-right: 1em;
    font-size: 13px;
    color: #606060;
    text-decoration: none;
    font-weight: normal;
  }
  #globalNav_mainMenus ul.globalNav_dropdown_categoryLinks  li a[target="_blank"] {
    background-image: url("../img/icon_blank_lightgray.svg");
    background-size: 0.8em;
  }
  /* dropdown sub contents ( + slick) */
  .globalNav_dropdown_subFeat .slick-dots {
    margin: 10px 0 0 0;
    width: 100%;
    height: 10px;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 1;
    display: block!important;
  }
  
  .globalNav_dropdown_subFeat .slick-dots li {
    position: relative ;
    display: inline-block ;
    margin: 0 3px;
    padding: 0 ;
    cursor: pointer ;
    overflow: hidden;
  }
  .globalNav_dropdown_subFeat .slick-dots li button {
    border: none;
    outline: none;
    padding: 0;
    appearance: none;
    background: #cccccc;
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50% ;
    overflow: hidden;
    cursor: pointer;
  }
  .globalNav_dropdown_subFeat .slick-dots li.slick-active button {
    background: #999999;
  }
  .globalNav_dropdown_subFeat_slide_unit { display: none; }
  .globalNav_dropdown_subFeat_slide_unit:first-child { display: block; }
  .globalNav_dropdown_subFeat_img {
    display: block;
    width: 100%;
  }
  .globalNav_dropdown_subFeat_txt {
    font-size: 13px;
    line-height: 1.5;
    padding: 1em 0;
  }
  a.globalNav_dropdown_subFeat_link {
    display: block;
    margin-top: 0.5em;
    border:1px solid #4d4d4d;
    padding: 0.5em;
    text-align: center;
    color: #444444;
    text-decoration: none;
  }
  a.globalNav_dropdown_subFeat_link:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background:url("../img/arr_gray.svg") top center no-repeat;
    background-size: 0.4em;
  }
  a.globalNav_dropdown_subFeat_link[target="_blank"]:after {
    background-image: url("../img/icon_blank_darkgray.svg");
    background-size: 0.9em;
    margin-left: 0.2em;
  }
  /* ##### footer ##### */
  
  /*footer*/

  #btmArea {
    position: relative ;
    background: #374252 ;
    width: 100% ;
    padding: 80px 0 ;
  }

  footer { font-size: 16px; position: relative; background: #fff; width: 100%; padding-top: 40px; padding-right: 0; padding-left: 0; padding-bottom: 0; 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: 170px ;
    margin: 0 0 35px 0 ;
  }
  footer .sns { float: left; width: 140px; margin-top: 0; margin-right: 0; margin-left: 40px; margin-bottom: 35px; -webkit-justify-content: space-between; justify-content: space-between; }
  footer .sns li { width: 30%; display: block; }
  footer .sns li a{ background-color: #EFEFEF; border-radius: 50%; width: 100%; display: block; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
  footer .sns li img{ margin-left: auto; margin-right: auto; display: block; }

  footer ul#smap_main{ overflow-y: hidden; width: 100%; color: #606060; padding-bottom: 30px; }
  footer ul#smap_main>li{ width: 23.5%; float: left; margin-left: 2%; }
  footer ul#smap_main>li:first-child{ margin-left: 0%; }
  .depth_0{ font-size: 16px; font-weight: bold; }
  .depth_1{ font-size: 13px; font-weight: bold; padding-left: 4px; }
  .depth_2{ font-size: 0; padding-top: 6px; padding-left: 4px;}
  .depth_2>li{ min-width: 50%; display: inline-block; font-size: 12px; vertical-align: top; border-left: 1px solid #E0E0E0; margin-bottom: 8px; }
  .depth_2>li a{ display: block; font-size: 12px; line-height: 1.2em; padding-left: 8px; padding-right: 8px; }
  .depth_2>li.w100per{ width: 100%; }
  
  .depth_2+.depth_0{ padding-top: 16px; }
  .depth_2+.depth_1{ padding-top: 12px;}

  footer .smap_others{ width: 100%; border-top: 1px solid #D6D6D6; clear: both; }
  footer .smap_others ul { letter-spacing: -.4em; text-align: center;  }
  footer .smap_others ul li{ display: inline-block; letter-spacing: normal;}
  footer .smap_others ul li a{ font-size: 14px; font-weight: bold; display: block; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; }

  footer .smap_comp{ width: 100%; border-top: 1px solid #D6D6D6; }
  footer .smap_comp ul { letter-spacing: -.4em; text-align: center;  }
  footer .smap_comp ul li{ display: inline-block; letter-spacing: normal;}
  footer .smap_comp ul li a{ font-size: 12px; display: block; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; }

  footer .menu2{ position: relative; border-top: 1px solid #ddd; background-color: #6B6B6B; width: 100%; padding: 30px 0; line-height: 1; font-size: 12px; text-align: center; color: #FFFFFF; }




  /* footerGuide */

  #footerGuide { background-color: #FFFFFF; width: 100%; height: 250px; margin: 0; }
  .siteInner + #footerGuide {
    margin-top: 100px;
  }
  /* 2019/03/27 ADD start*/
  .mf_finder_container + #footerGuide {
    margin-top: 100px;
  }
  /* 2019/03/27 ADD end*/

  #footerGuide .guide {
    position: relative ;
    width: 50% ;
    height: 260px ;
    margin: 0 ;
    overflow: hidden ;
  }
  #footerGuide .guide.support { border-right: 1px solid #FFFFFF;
  background: linear-gradient(225deg, transparent 5px, #858585 5px);  background-position: top right; background-repeat: no-repeat;}
  #footerGuide .guide.showroom { 
  background: linear-gradient(135deg, transparent 5px, #858585 5px);  background-position: top left; background-repeat: no-repeat;}

  #footerGuide.columnSet .btn1{ min-width: 250px!important; }
  #footerGuide .guide .btn_box{ width: 100%; max-width: 490px; position: absolute; top: 0px; bottom: 0px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; height: 180px; } 
  #footerGuide .guide.support .btn_box{ right: 0px; padding-right: 20px; }
  #footerGuide .guide.showroom .btn_box{ left: 0px; padding-left: 20px; }

  #footerGuide .centerFit { width: 60%;  }
  #footerGuide h3 {
    font-size: 24px ;
    font-weight: bold ;
    text-align: center ;
    line-height: 1.2 ;
    color: #ffffff ;
  }
  #footerGuide p {
    margin: 24px 0 0 0 ;
    font-size: 14px ;
    text-align: center ;
    color: #ffffff ;
  }


.sbFoot_btn {
	display: inline-block ;
	min-width: 200px ;
	background:#4d4d4d url(../img/chevron-thin-right-wh.svg) no-repeat ;
	background-position: right 10px center;
	background-size: 10px ;
	padding:  10px 30px 10px 10px;
	font-size: 16px ;
	line-height: 1.4 ;
	color: #fff !important;
	text-decoration: none !important ;
	text-align: center ;
  border-radius: 22px;
}
.sbFoot_btn .blank,
.sbFoot_btn .blank:hover,
.sbFoot_btn .blank:focus {
	background-image: url("../img/icon_blank_lightgray.svg");
	background-position: right 10px center;
	background-size: 10px ;
}


.sbFoot_btn  {
	min-width: 250px ;
	}



.sbFoot_btn:hover,
.sbFoot_btn:focus{
	background:#e63d30 url(../img/chevron-thin-right-wh.svg) no-repeat ;
	background-position: right 10px center;
	background-size: 10px ;
	-webkit-transition-duration: 0.2s ;
	transition-duration: 0.2s ;
	-webkit-transition-timing-function: ease-out ;
	transition-timing-function: ease-out ;
}


  /* go top */

  #goTop {
    position: fixed ;
    right: 20px ;
    bottom: 20px ;
    width: 60px ;
    height: 60px ;
    z-index: 100 ;
  }
  #goTop img {
    width: 60px ;
    height: 60px ;
    border-radius: 50%;
  }

}

@media screen and (min-width:768px) and (max-width:980px) {
  /* logo */
  #globalNav #globalNav_logo {
    width: 140px;
  }
  #globalNav #globalNav_logo a {
    margin: 28px 0 0 20px;
  }
  .globalNav_dropdown_inner {
    padding-left: 24px;
    padding-right: 24px;
  }
  #globalNav_subMenus li a {
    font-size: 10px;
    padding: 0 1em;
  }
  #globalNav_subMenus li:first-child a {
    padding-left: 2em;
  }
  #globalNav_subMenus li:last-child a {
    padding-right: 2em;
  }
  #globalNav_mainMenus ul .globalNav_mainMenu {
    font-size: 11.5px;
    letter-spacing: -0.5px;
  }
  #globalNav_mainMenus ul a {
    font-size: 13px;
  }
  #globalNav_mainMenus ul .globalNav_dropdown_categoryTtl span, #globalNav_mainMenus ul .globalNav_dropdown_categoryTtl a {
    font-size: 20px;
  }
  #globalNav_mainMenus ul.globalNav_dropdown_categoryLinks li a {
    font-size: 12px;
  }
  /* dropdown */
  .globalNav_dropdown_column1-3-s {
    width: 33%;
    float: left;
    padding: 0 18px 0 0;
    text-align: left;
  }
  .globalNav_dropdown_column-full-s {
    width: 100%;
    padding: 0 18px 0 0;
    text-align: left;
  }
}