@charset "UTF-8";

#ghcontainer{display:none !important;}
#access_header h1{font-family: "HondaGlobalFontJP-Regular", sans-serif;font-weight: normal;font-feature-settings: "palt";margin:0;}
#access_header h1 + p{margin:0;}
#contents{width:100% !important;}
#ua_contents,
#ua_contents980{text-align:left;}
#access_header h1 a{color:#444;text-decoration:none;}
#access_header h1 a:visited{color:#444;}
#item-nav,
#item-nav::before,
#item-nav::after{box-sizing:border-box;}
.loader{padding:50px 0;text-align:center;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;height:auto;}

.spshow {
	display: none;
}

  /* ------------------------------------------------------------
  .footer-item-nav
  ------------------------------------------------------------ */
  .footer-item-nav{width:100%;padding:60px 0 80px;background:#f1f4f5;font-family: "HondaGlobalFontJP-Regular", sans-serif;font-weight: normal;font-feature-settings: "palt";}
  .footer-item-nav .inner{width:980px;margin:0 auto;text-align:left;}
  .footer-item-nav .title{margin:0 0 30px;}
  .footer-item-nav .title img{ width: auto; height: 18px;}
  .footer-item-nav-list{display:-webkit-flex;display:flex;-webkit-flex-flow:wrap;-ms-flex-wrap:wrap;margin:0;padding:0;}
  .footer-item-nav-list li{width:218px;height:116px;margin:0 36px 80px 0;list-style:none;font-size:12px;color:#444;text-align:left;line-height:1.2;}
  .footer-item-nav-list li:nth-of-type(4n){margin-right:0;}
  .footer-item-nav-list li:nth-child(n+5){margin-bottom:70px;}
  .footer-item-nav-list a{font-size:12px;color:#444 !important;text-decoration:none !important;}
  .footer-item-nav-list a:hover{opacity:0.7;}
  .footer-item-nav-list li img{max-width:100%;padding:0 0 10px;}
  .footer-item-nav-btn{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:310px;height:40px;margin:0 auto;background:#787878;font-size:12px;font-family: "HondaGlobalFontJP-Bold", sans-serif;line-height:1;color:#fff;text-decoration:none !important;}
  .footer-item-nav-btn:visited{color:#fff !important;}
  .footer-item-nav-btn:hover{opacity:0.7;}
  .footer-item-nav-btn::before{position:absolute;top:0;bottom:0;right:15px;box-sizing:border-box;width:5px;height:5px;border:5px solid transparent;border-left:5px solid #fff;margin:auto;content:"";vertical-align:middle;}

  /* ------------------------------
  #footer_topic_path
  ------------------------------ */
  #footer_topic_path{background-color:#23282d;color:#fff;font-family: "HondaGlobalFontJP-Regular", sans-serif;font-weight: normal;font-feature-settings: "palt";}
  #footer_topic_path ul{width:980px;margin:0 auto;/*position:relative;*/overflow:hidden;}
  #footer_topic_path ul li{font-size:12px;padding:20px 0 16px;line-height:20px;float:left;list-style:none;}
  #footer_topic_path ul li a,
  #footer_topic_path ul li a:visited{color:#fff;text-decoration:none;}
  #footer_topic_path ul li a::after{content:"＞";margin-left:5px;margin-right:5px;}

@media only screen and (min-width:737px){
  /* ------------------------------------------------------------
  #access_header
  ------------------------------------------------------------ */
  #access_header > div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:940px;height:42px;margin:0 auto;overflow:hidden;}
  #access_header h1{width:auto;height:auto;margin:0 auto 0 0;padding:0;background:none;font-size:22px;color:#444;font-family: "HondaGlobalFontJP-Bold", sans-serif;font-weight: normal;font-feature-settings: "palt";line-height:1;vertical-align:baseline;} #access_header h1 + p{margin:0 0 0 auto;padding:0;}  #access_header h1 + p img{vertical-align:middle;}

  /* ------------------------------------------------------------
  #item-nav
  ------------------------------------------------------------ */
  #item-nav{background:#ededed;display:block !important;}
  #item-nav ul{width:800px;margin:0 auto;margin-bottom:23px; padding:0;}
  #item-nav ul li{float:left;width:100px;margin:0;list-style:none;}
  #item-nav ul li a{display:block;position:relative;overflow:visible;}
  #item-nav ul li a:hover,
  #item-nav ul li a.self{background:#d6d6d6;}
  #item-nav ul li a:hover::after,
  #item-nav ul li a.self::after{position:absolute;content:'';width:10px;height:6px;background:url(/ACCESS/common/img-item/item_navi_hover.png) no-repeat;left:45px;bottom:-6px;}
  #item-nav .page-title-sp,
  #item-nav .item-nav-title,
  #item-nav .item-nav-btn-sp,
  #item-nav .item-nav-list span{display:none;}

  /* ------------------------------------------------------------
  #backToTop
  ------------------------------------------------------------ */
  #backToTop{position:fixed;bottom:20px;right:20px;display:block;z-index:2;}
  #backToTop img{width:50%;}
  #backToTop a:hover{opacity:0.8;}
}

@media only screen and (max-width:736px){
  /* ------------------------------------------------------------
  #access_header
  ------------------------------------------------------------ */
  #access_header{position:relative;width:100%;height:45px;z-index:9;}
  #access_header > div{position:absolute;left:0;top:0;width:100%;background:#fff;height:45px;z-index:2;}
  #access_header h1{position:inherit;left:50%;margin-left:-5.5em;float:none;font-size:15px;font-family: "HondaGlobalFontJP-Bold", sans-serif;font-weight: normal;font-feature-settings: "palt";line-height:1;padding:1em 0;background:#FFF;text-align:center;z-index:2;}
  #access_header h1 + p{display:none;}

  /* ------------------------------------------------------------
  #item-nav
  ------------------------------------------------------------ */
  #item-nav{position:relative;width:100%;height:50px;background:#ededed;}
  #item-nav .page_title_sp span + img{display:none;}
  #item-nav .inner{position:absolute;left:0;top:0;display:none;width:100%;height:100%;background:#ededed;z-index:10;}
  #item-nav .item-nav-title{width:100%;padding:15px 0 15px 5%;border:1px solid #d0d2d4;}
  #item-nav .item-nav-title img{width:159px;height:auto;vertical-align:bottom;}
  #item-nav .item-nav-list{height:100%;padding:15px 5% 5px;font-size:16px;}
  #item-nav .item-nav-list li{margin:0 0 25px;text-align:left;}
  #item-nav .item-nav-list a{display:block;color:#444;vertical-align:middle;text-decoration:none;}
  #item-nav .item-nav-list span > img{width:39px;height:auto;padding:0 15px 0 0;vertical-align:middle;}
  #item-nav .item-nav-list span + img{display:none;}
  #item-nav .item-nav-btn-sp{position:absolute;top:11px;right:5%;display:block;width:22px;height:22px;z-index:10;}
  #item-nav .item-nav-btn-sp span{position:absolute;top:50%;left:50%;display:block;width:22px;height:2px;margin:-1px 0 0 -11px;background:#000;transition:.2s;}
  #item-nav .item-nav-btn-sp img{position:absolute;left:0;top:12px;width:22px;height:auto;}
  #item-nav .item-nav-btn-sp span:before,  #item-nav .item-nav-btn-sp span:after{display:block;content:"";position:absolute;top:50%;left:0;width:22px;height:2px;background:#000;transition:.3s;}
  #item-nav .item-nav-btn-sp span:before{margin-top:-8px;}
  #item-nav .item-nav-btn-sp span:after{margin-top:6px;}
  #item-nav .item-nav-btn-sp .close{background:transparent;}
  #item-nav .item-nav-btn-sp .close:before,
  #item-nav .item-nav-btn-sp .close:after{margin-top:0;}
  #item-nav .item-nav-btn-sp .close:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
  #item-nav .item-nav-btn-sp .close:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
  .modal-overlay{position:fixed;top:0;left:0;width:100%;height:120%;background-color:rgba(0,0,0,0.65);z-index:1;}

  /* ------------------------------
  #footer_topic_path
  ------------------------------ */
  #footer_topic_path ul{width:auto;position:relative;white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  #footer_topic_path ul li{float:none;padding:12px 0;line-height:16px;/*display:inline-block;*/display:table-cell;}
  #footer_topic_path ul li::after{/*content:"＞";*/margin-left:5px;margin-right:5px;}
  #footer_topic_path ul li:last-child::after{content:none;}

  /* ------------------------------------------------------------
  #backToTop
  ------------------------------------------------------------ */
  #backToTop{width:14%;position:fixed;bottom:10%;right:2%;display:block;}
  #backToTop img{width:100%;}#backToTop a:hover{opacity:1;}


  /*201705 add*/
  /* ------------------------------------------------------------
  .footer-item-nav
  ------------------------------------------------------------ */
  .footer-item-nav{width:100%;padding:0;background:#f1f4f5;}
  .footer-item-nav .inner{width:87.5%;margin:0 auto;padding:12.5% 0;text-align:left;}
  .footer-item-nav .title{margin:0; margin-bottom: 9%;}
  .footer-item-nav .title img{ width: auto; height: 18px;}
  .footer-item-nav-list{ display: block;}


  .footer-item-nav-list li{width:100%;height:auto;margin:0;list-style:none;font-size:13px;color:#444;text-align:left;line-height:1.4;}
  .footer-item-nav-list li:nth-of-type(4n){margin-right:0;}
  .footer-item-nav-list li:nth-child(n+5){margin-bottom:0;}


  .footer-item-nav-list a{font-size:13px;color:#444 !important;text-decoration:none !important; display:block;}
  .footer-item-nav-list a:hover{opacity:1;}

  .footer-item-nav-list li{ display:table; width:100%; vertical-align: middle; align-self:center; margin-bottom: 5%; }

  .footer-item-nav-list li img{ display:table-cell; width: 100%; padding:0;}

  .footer-item-nav-list li span{ display:table-cell; width: 50%; vertical-align: middle;}

  .footer-item-nav-list li span.itemName{ padding-left: 1em; }

  .footer-item-nav-btn{width:100%;}

  .spshow {
	display: block;
}
}

/* スマホ横向きの場合のスタイル */
@media screen and (orientation:landscape) and (max-width:736px){
  #item-nav .inner{height:510px !important;}
}

@media only screen and (max-width:320px){
  #item-nav .item-nav-list li{margin:0 0 15px;text-align:left;}
}

@media print{
  #access_header > div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:980px;height:42px;margin:0 auto;overflow:hidden;}
  #access_header h1{width:auto;height:auto;margin:0 auto 0 0;padding:0;background:none;font-size:22px;font-family: "HondaGlobalFontJP-Bold", sans-serif;font-weight: normal;font-feature-settings: "palt";line-height:1;vertical-align:baseline;}
  #access_header h1 + p{margin:0 0 0 auto;padding:0;}
  #access_header h1 + p img{vertical-align:middle;}
  #item-nav{background:#ededed;display:block !important;}
  #item-nav ul{width:980px;margin:0 auto;margin-bottom:23px;}
  #item-nav ul li{float:left;width:80px;margin-right:20px;list-style:none;}
  #item-nav ul li:first-child{margin-left:100px;}
  #item-nav ul li:last-child{margin-right:100px;}
  #item-nav ul li a{display:block;position:relative;overflow:visible;}
  #item-nav ul li a:hover,
  #item-nav ul li a.self{background:#d6d6d6;}
  #item-nav ul li a:hover::after,
  #item-nav ul li a.self::after{position:absolute;content:'';width:10px;height:6px;background:url(/ACCESS/common/img-item/item_navi_hover.png) no-repeat;left:35px;bottom:-6px;}
  #item-nav .page-title-sp,
  #item-nav .item-nav-title,
  #item-nav .item-nav-btn-sp,
  #item-nav .item-nav-list span{display:none;}

  /* ------------------------------------------------------------
  #backToTop
  ------------------------------------------------------------ */
  #backToTop{position:fixed;bottom:20px;right:20px;display:block;z-index:2;}
  #backToTop img{width:50%;}
  #backToTop a:hover{opacity:0.8;}
}