@charset "utf-8";
#sub-column{
	margin: 0 auto;
	text-align: center;
}
#sub-column .category nav ul li{
     background-image: none;
     display: inline-block;
     font-size: 75%;
     padding: 0;
 }
  /*ハンバーガーメニューの中身始まり*/
.header_logo_img_sp_menu{
	width: 12vw;
	height: auto ;
	position:absolute;
	top: 2vw;
	left: 3vw;
}
.header_logo_img_sp_menu:hover{
	opacity:0.5;
}
.category{
	margin: 0 auto;
	text-align:center;
	 margin-top: 10vw;
	 position: relative;
 }
.category section{
	 display: inline-block;
	 vertical-align: top;
}
#sub-column .category nav{
     border-top: none;
     margin-bottom: 1vw;
	 margin-top: 1vw;
 }
#sub-column .category nav ul{
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight: normal;
	 display:inline-block;
     line-height: 100%;
 }
#sub-column .category nav ul li{
     background-image: none;
     display: block;
	 width:15vw;
     font-size: 1vw;
	 margin-left:1vw;
     padding: 0;
	 margin-top:2vw;
 }
 #sub-column .category nav ul li a{
     color: #fff;
     display: block;
     position: relative;
     line-height: 100%;
	 text-align:left;
 }
 #sub-column .category nav ul li a:hover, #sub-column .category nav ul li a:active{
	 color:  #5978c6;
 }
.AutoDoctor_title_white{
	 display:block;
	width:20vw; 
}
.AutoDoctor_title_white:hover{
	 opacity:0.5;
}
.AutoInnovation_title_white{ 
	display:block;
	width:27vw; 
}
.AutoInnovation_title_white:hover{
	 opacity:0.5;
}
.truck_illust{
	display:inline-block;
	width:22vw;
}
.kitchen_car_illust{
	display:inline-block;
	width:18vw;
}
/*.tel_menu{*/
 #sub-column .category nav ul p{
	display: block;
	background-color: #FFF;
	padding-left:2vw;
	padding-right:2vw;
	margin: 0 auto;
	text-align: center;
	font-size: 1.8vw;
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight: bold;
	color: #1f296c;
	border-radius: 1vw;
}
/*#tel_menu span{*/
#sub-column .category nav ul p span{
	font-size: 60%;
	vertical-align: top;
	padding-right:1vw;
}
.sns_menu_icon{
	display: inline-block;
	margin-top:5vw;
}
.sns_menu_icon_img{
	width:4vw;
	margin-right:1vw;
}
.sns_menu_icon_img:hover{
	  opacity:0.5;
}
.tel_menu{
	color: #1f296c;
	line-height: 150%;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	font-size: 2.4vw;
	color: #1f296c;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
	background-color: #FFF;
	border-radius: 1vw;
	padding-left: 1vw;
	padding-right: 1vw;
	vertical-align: top;
	margin-top:5vw;
	margin-left:2vw;
}
.tel_menu span{
	font-size: 60%;
	vertical-align: bottom;
}
/*ハンバーガーメニューの中身終わり*/
/*ハンバーガーメニューアイコン始まり(768px)*/
  #hNav nav, #hNav {
      position: absolute;
      top: 20px;
      right: 2%;
  }
  #hNav ul#header-nav li {
      color: #333;
      font-size: 80%;
      margin-right: 62px;
      padding: 0 5px;
  }
  #hNav ul#header-nav li#header-nav-mypage a::before,
  #hNav ul#header-nav li#header-nav-cart a::before {
      display: block;
      height: 28px;
      margin: 0 auto 3px;
      top: 0px;
      width: 28px;
  }
  #hNav ul#header-nav li#header-nav-cart {
      margin-left: -62px;
  }
    #hNav ul#header-nav li#header-nav-drawer {
	  background-image: url(../images/humbarger_icon_back.png);
	  background-size: 100%;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
	  height: 4vw;
      margin: 0;
      padding: 0;
      position: fixed;
	  right: 3vw;
	  top: 1.5vw;
      white-space: nowrap;
	  width: 4vw;
      z-index: 150;
  }
  #header-nav-drawer span {
      display: block;
      position: absolute;
      top: 50%;
      left: 90%;
	  width: 2vw;
	  height: 0.27vw;
	  margin: -0.25vw 0 0 -2.6vw;
	  background: #fff;
      transition: .2s;
  }
  #header-nav-drawer span::before, #header-nav-drawer span::after{
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0%;
	  width: 2vw;
	  height: 0.27vw;
	  background: #fff;
      transition: .3s;
  }
  #header-nav-drawer span::before{
	  margin-top: -0.7vw;
  }
  #header-nav-drawer span::after{
	  margin-top: 0.5vw;
  }
  #header-nav-drawer.spsDrawerOpen span {
      background: transparent;
  }
  #header-nav-drawer.spsDrawerOpen span::before, #header-nav-drawer.spsDrawerOpen span::after{
      margin-top: 0;
  }
  #header-nav-drawer.spsDrawerOpen span::before{
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }
  #header-nav-drawer.spsDrawerOpen span::after{
      transform: rotate(-135deg);
  }
  /*ハンバーガーメニューアイコン終わり(768px)*/
  /*-- メニュー外枠設定始まり(768px) --*/
  #sub-column {
      background-color: #1f296c;
      box-sizing: border-box;
      float: none;
      height: 100%;
      margin: 0;
      overflow-y: auto;
      padding: 75px 2% 0;
      position: fixed;
      right: -100%;
      top: 0;
      width: 100%;
  }
  .sns_icon{
	  margin-top: 5vw;
	  margin-bottom: 5vw;
  }
  .sns_icon a img{
	  width:5vw;
	  display:inline-block;
	  margin-right: 2vw;
  } 
  .sns_icon a img:hover{
	  opacity:0.5;
  }
 /*-- メニュー外枠設定終わり(768px) --*/
/* メニュー表示始まり(768px) */
  #sub-column.spsDrawerOpen {
      transition: .5s transform ease-in-out;
      transform: translateX( -100% );
      -webkit-overflow-scrolling: touch;
      z-index: 100;
  }
  #wrapper.spsDrawerOpen::before {
      background: rgba(0,0,0,.6);
      content: "";
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 50;
  }
  #sub-column.spsDrawerClose {
      transition: .5s transform ease-in-out;
      transform: translateX( 0 );
      -webkit-overflow-scrolling: touch;
      z-index: 100;
  }
  #sub-column .group, #sub-column .category{
      margin-bottom: 20px;
  }
  #sub-column h2 {
      background-color: #F5F5F5;
      padding: 19px 2%;
  }
  #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
	  font-size: 1.2vw;
  }
  #sub-column .freeArea2 .free-contents {
      background-color: #FFF;
      font-size: 80%;
      padding: 2%;
  }
  .freeArea2.shopDiary p {
    font-size: 100%;
  }
    /* メニュー表示終わり(768px) */
 /* メニュー文字設定始まり */
.sitelink a{
	text-decoration: none;
	font-size: 32px;
}
.sub_sitelink{
	display:inline-block;
}
 /* メニュー文字設定終わり */
 /* サブメニュー設定始まり */ 
.sub_category{
     display: inline-block;
	 margin: 0 auto;
	text-align: center;
 }
.sub_category section{
	 display: inline-block;
	 margin: 0 auto;
	text-align: left;	
}
.sub_category section nav{
}

.sub_category section nav ul li{
	display:inline-block;
	text-align:left;
}
.sub_category section nav ul li a{
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 1vw;
	text-decoration: none;
	color:#fff;
	margin: 0 auto;
	text-align:left;
	margin-left:2vw;
	vertical-align: 50%;
	line-height: 150%;
}
.sub_category section nav ul li a:hover{
	  opacity:0.5;
}
 /* サブメニュー設定終わり */

  @media screen and (min-width: 590px) and (max-width: 800px){
	   #sub-column {
      padding: 14vw 2% 0;
  }
} 
/*! #######################################################################
	スマホ専用始まり
####################################################################### */
@media screen and (max-width: 800px){ 
.truck_illust{
	display:block;
	width:62vw;
	margin-left:30px;
	margin-top:3vw;
}
.kitchen_car_illust{
	display:block;
	width:50vw;
	margin-left:30px;
	margin-top:3vw;
}
 /*SPハンバーガーメニューアイコン始まり*/
 #hNav ul#header-nav li#header-nav-drawer {
	  background-image: url(../images/humbarger_icon_back.png);
	  background-size: 100%;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
	  height: 50px;
      margin: 0;
      padding: 0;
      position: fixed;
	  right: 6vw;
	  top: 5vw;
      white-space: nowrap;
	  width: 50px;
      z-index: 150;
}
  #header-nav-drawer span {
      display: block;
      position: absolute;
      top: 50%;
      left: 90%;
	  width: 20px;
	  height: 4px;
	  margin: -3px 0 0 -30px;
	  background: #fff;
      transition: .2s;
}
  #header-nav-drawer span::before, #header-nav-drawer span::after{
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0%;
	  width: 20px;
	  height: 4px;
	  background: #fff;
      transition: .3s;
}
  #header-nav-drawer span::before{
	  margin-top: -10px;
}
  #header-nav-drawer span::after{
	  margin-top: 7px;
}
  /*SPハンバーガーメニューアイコン終わり*/ 
/*SPハンバーガーメニュー中身始まり*/
.header_logo_img_sp_menu{
	width: 80px;
	height: auto ;
	position:absolute;
	top: 30px;
	left: 30px;
}
.header_logo_img_sp_menu:hover{
	opacity:0.5;
}
.category{
	 margin-top: 60px;
}
.category section{
	 display: inline-block;
	 vertical-align: top;
	 margin-bottom:40px;
}
#sub-column{
	padding-bottom: 10vw;
}
#sub-column .category nav ul li{
     background-image: none;
     display: block;
	 width:85vw;
     font-size: 4vw;
     padding: 0;
	 margin-top:20px;
}
.sns_icon a img{
	  width:10vw;
	  display:inline-block;
	  margin-right: 2vw;
}
.AutoDoctor_title_white{
	 display:block;
	height:12vw; 
	width:auto;
	margin-left:5vw;
}
.AutoInnovation_title_white{
	 display:block;
	height:12vw; 
	width:auto;
	margin-left:5vw;
} 
 #sub-column .group nav ul li a, #sub-column .category nav ul li a, #sub-column .link nav ul li a {
	  font-size: 20px;
	  margin-left:5vw;
	  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	  font-weight: normal;
}
  .tel_menu{
	line-height: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	font-size: 7vw;
	color: #1f296c;
	font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; 
	font-weight: bold;
	background-color: #FFF;
	border-radius: 15px;
	padding-left: 15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align: top;
	margin-top:10px;
}
.tel_menu span{
	font-size: 60%;
	vertical-align: bottom;
	display: block;
}
.sns_menu_icon{
	margin-top: -8vw;
}
.sns_menu_icon_img{
	width:60px;
	margin-right:5px;
}
 /*サブカテゴリー始まり*/
 .sub_category section{
	 display: block;
	 margin: 0 auto;
	text-align: left;
	margin-top: 20px;	
}
.sub_category section nav ul li{
	display:block;
	text-align:left;
}
.sub_category section nav ul li a{
	font-size: 20px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
	text-decoration: none;
	color:#fff;
	margin: 0 auto;
	text-align:left;
	vertical-align: none;
	line-height: 2;
}
 /*サブカテゴリー終わり*/
 /*SPハンバーガーメニュー中身終わり*/
}
/*! #######################################################################
	スマホ専用終わり
####################################################################### */