@charset "utf-8";
/* CSS Document */
/*****************************************************
	2018-06-12:	#4400 (Author M.Yoshida)	
******************************************************/

/* ==========================================
    PC Layout
   ========================================== */
@media print, screen and (min-width: 768px){

#rwd-content .rwd-header-identify {
    padding: 16px 1px 0 0;
}

#rwd-content .rwd-header-category-title {
    padding: 31px 0 0 35px;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
	display:block;
  }


/*PC グローバルナビ  */
  #rwd-content .rwd-global-nav-wrap{
    background-color: #762967;
    margin-top: 14px;
  }


  #rwd-content .rwd-global-nav {
    max-width: 1220px;
    margin: 0 auto;
  }

  #rwd-content .rwd-global-nav span,
  #rwd-content .rwd-global-nav a{
    color: #fff;
    font-weight: normal;
  }

  #rwd-content .rwd-global-nav span:hover,
  #rwd-content .rwd-global-nav a:hover{
    color: #fff;
    text-decoration:none;
  }

  #rwd-content .rwd-global-nav-item span,
  #rwd-content .rwd-global-nav-item a{
    display: block;
    font-size: 1.5rem;
  }

  #rwd-content .rwd-global-nav-item > a  .rwd-icon-newwin-wrapper{
    display: inline;
  }

  #rwd-content .rwd-global-nav-item > span,
  #rwd-content .rwd-global-nav-item > a{
    height: 51px;
    line-height: 51px;
  }

  #rwd-content .rwd-global-nav-item > a{
	  margin:0;
  }

  #rwd-content .rwd-global-nav-item{
    font-size: 1.5rem;
    margin-left:  4.95%;
  }


  #rwd-content .rwd-utility-nav-global{ padding: 0 15px 0 18px; }
  #rwd-content .rwd-utility-nav-global{ padding: 0 10px 0 18px; }
  #rwd-content .rwd-utility-nav-recall{ padding: 0 10px 0 18px; }
  #rwd-content .rwd-utility-nav-support{ padding: 0 15px 0 9px; }
  /*#rwd-content .rwd-utility-nav-search{ padding: 0 18px 0 27px; }*/

  #rwd-content .rwd-global-nav-item span:hover,
  #rwd-content .rwd-global-nav-item a:hover{
    border-bottom: none;
  }

  #rwd-content .rwd-global-nav-item.active span,
  #rwd-content .rwd-global-nav-item.active a,
  #rwd-content .rwd-global-nav-item.current span,
  #rwd-content .rwd-global-nav-item.current a,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item span:hover,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item a:hover{
    color: #ecc0e6;
  }

  #rwd-content .rwd-global-nav-item.active > span::after,
  #rwd-content .rwd-global-nav-item.active > a::after,
  #rwd-content .rwd-global-nav-item.current > span::after,
  #rwd-content .rwd-global-nav-item.current > a::after,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item > span:hover::after,
  #rwd-content:not(.rwd-touch-enable) .rwd-global-nav-item > a:hover::after {
    display: block;
    content: "";
    position: absolute;
    bottom:2px;
    left: -1em;
    width: calc(100% + 2em);
    height: 6px;
    background-color:  #ecc0e6;
    z-index: 1000;
  }

  #rwd-content .rwd-global-nav-item:first-child{
	  margin-left: 2.5333333333em;
  }

  /* # PC Layout Setting ## subnav*/
    #rwd-content ul.rwd-global-subnav{
      top:49px;
    }

  /* # PC Layout Setting ## subnav*/
    #rwd-content ul.rwd-global-subnav{
      left: -1em;
    }

    #rwd-content .rwd-global-nav-item.nav-direction-left ul.rwd-global-subnav{
        left:auto;
       right:-1em;
     }
  /* サブメニュー */
#rwd-content .rwd-global-nav-item:hover ul.rwd-global-subnav{
  padding-top: 2px;
}
  #rwd-content   ul.rwd-global-subnav .rwd-global-subnav-item span,
  #rwd-content   ul.rwd-global-subnav .rwd-global-subnav-item a{
    color: #0c2659;
  }
  #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item.active > span,
  #rwd-content ul.rwd-global-subnav .rwd-global-subnav-item.active > a,
  #rwd-content:not(.rwd-touch-enable) ul.rwd-global-subnav .rwd-global-subnav-item span:hover,
  #rwd-content:not(.rwd-touch-enable) ul.rwd-global-subnav .rwd-global-subnav-item a:hover,
  #rwd-content:not(.rwd-touch-enable) ul.rwd-global-subnav:not(.rwd-megadrop-menu) .rwd-global-subnav-item a:hover,
  #rwd-content:not(.rwd-touch-enable) ul.rwd-global-subnav:not(.rwd-megadrop-menu) .rwd-global-subnav-item span:hover{
   background-color: #687998;
   color: #fff;
}

  #rwd-content .rwd-global-subnav .rwd-global-subnav-item a,
  #rwd-content .rwd-global-subnav .rwd-global-subnav-item span{
    padding: 12px 17px 7px 17px;
  }

  #rwd-content  #rwd-control-modal-bg.active{
    /*margin-top: 127px;*/
  }

  #rwd-content .rwd-main-header:after{
    display: none;
  }

  #rwd-content .rwd-main-header.with-keyvisual{
    margin-bottom: 12px;
  }

  #rwd-content .rwd-global-nav:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 2px;
      left: 0;
      bottom: 0;
      background-color: #ccc;
      pointer-events: none;
      z-index: 100;
  }


}

/* ==========================================
    SP Layout
   ========================================== */
@media screen and (max-width: 767px){

  #rwd-content .rwd-header-identify {
  	/* padding: 10px 0 0 0; */
      padding: 10px 0 0 4.6vw;	/* #4400 */
	  height: 55px;
	  box-sizing: border-box;
  }
  #rwd-content .rwd-header-identify a{
  	display: block;
  }

  /*category titleの帯をフィットさせる*/
  #rwd-content:not(.rwd-top) .rwd-header-inner{
      /* padding-bottom: 30px; */
	  position: relative;	/* #4400 */
	  width: 100vw;
		height: auto;
		padding-bottom: 0;
  }

  /*#rwd-content.rwd-top .rwd-main-header .rwd-global-nav{
    margin-top: 60px;
  }*/
#rwd-content .rwd-title-container {	/* #4400 */
    position: static;
}
	#rwd-content .rwd-main-header .rwd-global-nav {
    margin-top: 55px;
  }

	#rwd-content .rwd-utility-nav-search{
    padding-right: 6px;
  }

/*category titleの帯をフィットさせる*/
  #rwd-content .rwd-header-inner{
    /* padding-bottom: 30px; */
  }

  #rwd-content .rwd-nav-container {	/* #4400 */
  	position: absolute;
	right: 6.0vw;
	top: 0;
	z-index: 65535;
  }

  #rwd-content .rwd-header-category-title{	/* #4400 */
	position: static;
    color: #fff;
    background-color: #274277;
    font-size: 1.3rem;
	/*
    position: absolute;
    width: 100%;
    top: 55px;
    left: 0; */
    /* height: 34px; */
    /* line-height: 29px; */
    padding: 7px 8.2vw 4px 4.8vw;
    box-sizing: border-box;
    border-bottom: 3px solid #ccc;
    /* margin-bottom: 10px; */
    line-height: 1.6;
	font-weight:normal;

	width: 100vw;
  }

  #rwd-content .rwd-main-header::after{
    height: 58px;
    /*background-color: #fff;*/
  }

  #rwd-content .rwd-main-header.with-keyvisual{
    margin-bottom: 0;
  }

  #rwd-content .rwd-main-header.show-nav .rwd-global-nav { margin-left:0; }
  #rwd-content .rwd-global-nav {
    top:90px
  }


    /* SP Layout Setting footer sns buttons // */
    .rwd-wrap-sns-buttons{ margin-bottom: 24px; }
    /* // SP Layout Setting footer sns buttons */
}