@charset "utf-8";

@media screen and (max-width: 979px) {
/* !header layout
---------------------------------------------------------- */
#header {
    position: fixed;
    left: 0;
    top: 0 !important;
    padding-top: 0;
    min-width: 320px;
    border-bottom: 1px solid #ccc;
    z-index: 10000;
}
body.openSpeed #header {
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}
body.closeSpeed #header {
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
body.open #header {
  left: -270px;
}
}

@media screen and (max-width: 979px) {
/* !headerContent
---------------------------------------------------------- */
#headerContent {
	padding: 0;
	width: 100%;
	position: relative;
}
    #headerContentIn {
    }
    #headerLogo {
        float: none;
        padding: 16px 19px 21px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }
    #header.is-static #headerLogo {
      margin-top: 0;
    }
        #headerLogo a {
          height: 27px;
          display: inline-block;
          overflow: hidden;
        }
            #headerLogo img {
              vertical-align: top;
            }
            #headerLogo a img:first-child {
              margin-top: 5px;
            }
            #header.is-static #headerLogo img,
            #header.is-rw #headerLogo img {
              display: inline-block;
              width: auto;
              height: 38px;
            }
		/* #headerMenuBtn {
			display: block;
			padding-top: 26px;
			width: 76px;
			height: 50px;
			position: absolute;
			right: 0;
			top: 0;
            bottom: 0;
            margin: auto 0;
			cursor: pointer;
			text-indent: -9999px;
			background: url(../images/header/btn_dropmenu_open02.png) no-repeat center center;
			background-size: 30px;
		}
		#header.white #headerMenuBtn {
			background-image: url(../images/header/btn_dropmenu_open02_white.png);
		}
		#headerMenuBtn.open,
		#header.white #headerMenuBtn.open {
			background-color: #444;
			background-image: url(../images/header/btn_dropmenu_close01.png);
		} */

	#headerLinks {
		display: none;
	}
}
@media screen and (max-width: 767px) {
#headerContentIn {
	width: 100%;
}
  	#headerLogo {
  		padding: 8px 7px 14px;
  	}
        #headerLogo a {
          height: 23px;
        }
        #header.is-static #headerLogo img,
        #header.is-fixed #headerLogo img,
        #header.is-rw #headerLogo img {
  				height: 25px;
  			}
            #headerLogo a img {
              margin-top: 3px;
            }
            #headerLogo a img:first-child {
              margin-top: 7px;
            }
		#headerMenuBtn {
			padding-top: 0;
			width: 45px;
			height: 35px;
		}
			#headerMenuBtn img {
				width: 23px;
				height: auto;
			}
}

@media screen and (max-width: 979px) {
	#headerSearch {
		display: none !important;
		float: none;
		margin: 0 auto;
		padding: 15px 0;
		width: 100%;
		position: absolute;
		left: 0;
		top: 75px;
		z-index: 10001;
		background-color: #444;
	}
	#headerSearch.show {
		display: block;
	}
		#headerSearch form {
			display: block;
			margin: 0 auto;
			width: 363px;
			position: relative;
		}
		#headerSearch input {
		   -webkit-appearance: none;
		   border-radius: 0;
		}
		#headerSearch input[type=text],
		#header.white #headerSearch input[type=text]  {
			width: 340px;
			background-color: #666;
			color: #fff;
		}
		#headerSearch input[type=submit],
		#header.white #headerSearch input[type=submit] {
			left: 350px;
			background-image: url(../images/header/btn_header_search02.gif);
		}
	@media (-webkit-min-device-pixel-ratio: 2) {
		#headerSearch input[type=submit],
		#header.white #headerSearch input[type=submit] {
			background-image: url(../images/header/btn_header_search02_2x.gif);
			background-size: 35px 35px;
		}
	}
    #header.is-static .js-search-trigger,
    .js-search-trigger {
        display: none;
    }
    .js-search-trigger-rw {
        display: block;
        position: absolute;
        right: 73px;
        top: 0;
        bottom: 0;
        width: 17px;
        height: 17px;
        margin: auto 0;
        background: url(../images/header/btn_header_search03_2x.png) no-repeat 0 top;
        background-size: 17px;
        z-index: 10001;
    }

}
@media screen and (max-width: 767px) {
	#headerSearch {
		top: 45px;
	}
		#headerSearch form {
			width: 300px;
		}
		#headerSearch input[type=text],
		#header.white #headerSearch input[type=text] {
			width: 255px;
		}
		#headerSearch input[type=submit],
		#header.white #headerSearch input[type=submit] {
			left: 265px;
		}
    .js-search-trigger-rw {
        right: 50px;
    }
}
@media screen and (max-width: 979px) {
	#dropMenuWrap_sp {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 140px;
		z-index: 10001;
		overflow: hidden;
	}
		#dropMenuWrap_sp #headerLinks_sp {
			display: none;
			min-height: 1%;
			float: none;
			margin-top: -1px;
			width: 100%;
			height: auto;
			border-top: 1px solid #777;
			background-color: #555;
			overflow: hidden;
			position:relative;
			z-index: 10001;
		}
		#dropMenuWrap_sp.open #headerLinks_sp {
			display: block;
		}
		#headerLinks_sp:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			#headerLinks_sp ul {
			}
				#header.white #headerLinks_sp li,
				#headerLinks_sp li {
					display: table;
					float: left;
					position: static;
					padding: 0;
					width: 50%;
					height: 47px;
					border-bottom: 1px solid #777;
					border-right: 1px solid #777;
					background: none;
					box-sizing: border-box;
				}
					#header.white #headerLinks_sp li a,
					#headerLinks_sp li a {
						display: table-cell;
						vertical-align: middle;
						padding-left: 21px;
						height: 47px;
						background-image: url(../images/header/ico_header_arrow_l01.png);
						background-repeat: no-repeat;
						background-position: 92.44% center !important;
						text-indent: 0;
						color: #fff;
						font-size: 100%;
						font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
						text-decoration: none;
					}
					#headerLinks_sp li a:focus,
					#headerLinks_sp li a:hover {
						text-decoration: none;
					}
					#header.white #headerLinks_sp li a.external,
					#headerLinks_sp li a.external {
						background-image: url(../images/header/ico_header_external02.png);
						background-position: 92.44% center !important;
					}
				@media (-webkit-min-device-pixel-ratio: 2) {
					#header.white #headerLinks_sp li a,
					#headerLinks_sp li a {
						background-image: url(../images/header/ico_header_arrow_l01_2x.png);
						background-size: 6px 12px;
					}
					#header.white #headerLinks_sp li a.external,
					#headerLinks_sp li a.external {
						background-image: url(../images/header/ico_header_external02_2x.png);
						background-size: 11px 10px;
					}
				}
}
@media screen and (max-width: 767px) {
	#dropMenuWrap_sp {
		top: 110px;
	}
			#header.white #headerLinks_sp li a,
			#headerLinks_sp li a {
				padding: 0 26px 0 10px;
				height: 50px;
				background-position: 89.87% center !important;
				font-size: 85.71%;
			}
			#header.white #headerLinks_sp li a.external,
			#headerLinks_sp li a.external { background-position: 89.87% center !important; }
}

/* !gNavi
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#dropMenuWrap_sp.open #gNavi {
	display: block;
}
#gNavi {
	display: none;
	margin: 0;
	background-color: #444;
	position: relative;
	z-index: 10000;
}
	#gNavi ul {
		margin: 0 auto;
		width: 100%;
		height: auto;
		border-top: 1px solid #777;
		overflow: hidden;
		display: block;
		min-height: 1%;
	}
	#gNavi ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		#gNavi li {
			display: table;
			float: left;
			position: static;
			padding: 0;
			width: 50%;
			height: 47px;
			border-bottom: 1px solid #777;
			border-right: 1px solid #777;
			box-sizing: border-box;
		}
		#gNavi li#gNav03 { display: none; }
		#gNavi li#gNav03_sp { display: table; }
			#header.white #gNavi li a,
			#gNavi li a {
				display: table-cell;
				vertical-align: middle;
				padding: 0 48px 0 21px;
				height: 47px;
				background-image: url(../images/header/ico_header_arrow_l01.png);
				background-repeat: no-repeat;
				background-position: 92.44% center !important;
				text-indent: 0;
				color: #fff;
				font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
				text-decoration: none;
			}
			#header.white #gNavi li a.external,
			#gNavi li a.external {
				background-image: url(../images/header/ico_header_external02.png);
				background-position: 92.44% center !important;
			}
		@media (-webkit-min-device-pixel-ratio: 2) {
			#header.white #gNavi li a,
			#gNavi li a {
				background-image: url(../images/header/ico_header_arrow_l01_2x.png);
				background-size: 6px 12px;
			}
			#header.white #gNavi li a.external,
			#gNavi li a.external {
				background-image: url(../images/header/ico_header_external02_2x.png);
				background-size: 11px 10px;
			}
		}
}
@media screen and (max-width: 767px) {
			#header.white #gNavi li a,
			#gNavi li a {
				padding: 0 26px 0 10px;
				height: 50px;
				background-position: 89.87% center !important;
				font-size: 85.71%;
			}
			#header.white #gNavi li a.external,
			#gNavi li a.external { background-position: 89.87% center !important; }
}

/* !dropMenu
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
#dropMenuWrap {
	display: none;
}
}
/* !slide menu
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
  body {
    /*overflow-x: hidden;*/
    /*max-width: 480px;*/
    -webkit-text-size-adjust: 100%;
  }
  body,
  #top {
    right: 0;
  }
  .openSpeed {
    -webkit-transition: right 0.25s ease-out;
    transition: right 0.25s ease-out;
  }
  .closeSpeed {
    -webkit-transition: right 0.15s ease-out;
    transition: right 0.15s ease-out;
  }
  .top-close {
    right: 270px !important;
  }
  #top .header {
    border-bottom: none;
  }
  #top .header.header-fixed {
    border-bottom: 1px solid #535353;
  }
}


/* !mobile-menu
---------------------------------------------------------- */
@media screen and (max-width:979px) {
  .mobile-menu {
      font-size: 125%;
      position: fixed;
      z-index: 10001;
      padding-top: 0 !important;
      padding-bottom: 20px;
      font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
      height: calc(100% - 45px);
      width: 100%;
      background-color: #333 !important;
      overflow-y: auto;
      display: none;
      box-sizing: border-box;
      border-top: solid 1px #aaa;
    }
    @media screen and (min-width: 980px) {
      .mobile-menu {
        display: none !important;
      }
    }
  .mobile-menu + div {
      background-color: #fff;
    }
    .mobile-menu.header-fixed {
      top: 60px;
    }
    .mobile-menu.open {
      right: 0;
    }
    .mobile-menu .mobile-menu-container {
      overflow: hidden;
      overflow-y: auto;
      /* background: #333; */
      text-align: left;
   }
    .mobile-menu .mobile-menu-container::-webkit-scrollbar {
      right: 0;
      width: 3px;
    }

    .mobile-menu .mobile-menu-container::-webkit-scrollbar-thumb:window-inactive{
      background: rgba(0,0,0,0.0);
    }
    .mobile-menu .mobile-menu-container::-webkit-scrollbar-corner{
      background: rgba(0,0,0,0.0);
    }
    /* .mobile-navigation {
      background: #fff !important;
      width: 100%;
      overflow: hidden;
      border-top:1px solid #707070; */
      /* border-bottom: solid 1px #707070; */
      /* position:fixed; */
      /* z-index:99999; */
      /* display: none; */
    /* } */
    @media screen and (min-width: 980px) {
      .mobile-navigation {
        display: none !important;
      }
    }
    .mobile-navigation ul {
      list-style-type: none;
      margin: 20px auto;
      padding: 0 1.25em;
    }
    .mobile-navigation ul li {
      display: block;
    }
    .mobile-navigation ul li.js-mobile-menu a{
      margin: 0;
    }
    .mobile-navigation ul li.js-mobile-menu a span{
      display: inline-block;
      width: 100%;
      height: 100%;
      background: url("../images/header/ico_menu_close_gray01.png") no-repeat 32px top;
      -webkit-background-size: 16px 16px;
              background-size: 16px 16px;
    }
    .mobile-navigation ul li a{
      position: relative;
      width: 55px;
      height: 38px;
      padding: 0;
    }
    .mobile-menu-container .brand-list {
      background-position: 96% 8% !important;
    }
    .mobile-navigation #SS_searchSubmit {
      margin-top: 0;
      background: url('../images/header/btn_header_search03_2x.png') no-repeat 50%;
      -webkit-background-size: 20px 20px;
              background-size: 20px 20px;
    }
   #brand-list-cover{
      overflow: hidden;
      margin: 0 auto;
      padding: 20px 0;
      width: 250px;
      display: none;
    }
    #brand-list-cover  span{
      display: inline-block;
      float: left;
      width: 124px;
      height: 45px;
      margin-bottom: 1px;
    }
    #brand-list-cover  span:nth-child(odd){
        margin-right: 1px;
    }
    #brand-list-cover  span a{
      padding: 0;
      width: 124px;
      height: 45px;
      display: table-cell;
      vertical-align: middle;
    }
    #brand-list-cover  span img{
      position: relative;
      display: block;
      height: auto;
      margin: 0 auto;
      vertical-align: middle;
    }
    #brand-list-cover  span img{
      width: 124px;
      height: auto;
    }

    /*-----------------------
    202010 add
    -------------------------*/
    .mobile-menu .mobile-menu-close {
      background: url("../images/header/ico_menu_close_gray01.png") no-repeat 93% 50%;
      -webkit-background-size: 33px 33px;
      background-size: 33px 33px;
      background-color: #333333;
      height: 50px;
      line-height: 50px;
      margin: 0;
    }
    .mobile-menu .mobile-menu-close a {
      display: block;
      padding-left: 10px;
      color: white;
    }
    .mobile-menu .mobile-menu-close:hover {
      color: #ff0000;
    }
    .mobile-menu .mobile-menu-container ul.menu-panel-root > li {
      border-bottom: 1px solid #777;
      background: url("../images/header/ico_arrow_mobile_gray01.png") no-repeat 96% 50%;
      background-color: #333333;
      -webkit-background-size: 11px 10px;
      background-size: 11px 10px;
    }
    .mobile-menu .mobile-menu-container ul.menu-panel li.brand-list >  a {
      border-bottom: 1px solid #4f4f4f;
    }
    .mobile-menu .mobile-menu-container ul.menu-panel > li {
      border-bottom: 1px solid #777;
      background: url("../images/header/ico_arrow_mobile_red01.png") no-repeat 96% 50%;
      background-color: #333333;
      -webkit-background-size: 11px 14px;
      background-size: 11px 14px;
    }
    .mobile-menu .mobile-menu-container ul li.current-list {
      background-color: #666666;
    }
    .mobile-menu .mobile-menu-container ul.menu-panel li.current-list {
      border-bottom: solid 2px #777;
    }
    .mobile-menu .mobile-menu-container ul li.current,
    .mobile-menu .mobile-menu-container ul div.current {
      /* border-bottom: 1px solid #777; */
      background: url("../images/header/ico_arrow_mobile_red01.png") no-repeat 96% 50%;
      background-color: #333333;
      -webkit-background-size: 11px 14px;
      background-size: 11px 14px;
    }
    .mobile-menu .mobile-menu-container ul div.current {
        background-position: 91% 50%;
    }
    .mobile-menu-container ul li a {
      display: block;
      font-size: 14px;
      padding: 15px 1.5em;
      color: #fff;
      font-weight: normal;
    }
    .mobile-menu .mobile-menu-container ul.menu-panel li a {
      padding: 21px 30px;
    }
    .mobile-menu .mobile-menu-container ul li#home-title {
      border-bottom: 2px solid #777;
      background: url("../images/header/ico_arrow_mobile_red01.png") no-repeat 96% 50%;
      -webkit-background-size: 11px 14px;
      background-size: 11px 14px;
      background-color: #222 !important;
    }
    .mobile-menu .mobile-menu-container ul li a.menu-title {
      font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
    }
    .mobile-menu .mobile-menu-container ul.menu-panel > li .sub-list {
      border-top: 1px solid #4f4f4f;
      padding-left: 40px;
      margin-top: -1px;
    }
      .mobile-menu .mobile-menu-container ul.menu-panel > li .sub-list > span {
        display: block;
        border-bottom: 1px solid #4f4f4f;
        background: url("../images/header/ico_arrow_mobile_red01.png") no-repeat 96% 50%;
        -webkit-background-size: 11px 14px;
        background-size: 11px 14px;
      }
      .mobile-menu .mobile-menu-container ul.menu-panel > li .sub-list > span.blank {
          background-image: url("../images/header/ico_external_link_red01.png");
          -webkit-background-size: 11px 10px;
                  background-size: 11px 10px;
      }
      .mobile-menu .mobile-menu-container ul.menu-panel > li .sub-list > span:last-child {
        border-bottom: none;
      }
          .mobile-menu .mobile-menu-container ul.menu-panel > li .sub-list > span a {
            padding-left: 8px;
          }
    .bg-shadow-box {
      background: rgba(0,0,0,0.5);
      width: 100%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 0;
      display: none;
      z-index: -100;
    }
   #menu {
      width: 100%;
      margin: 0 auto;
      /* background: #333; */
      position: relative;
      /* border-bottom:1px solid #aaa; */
    }
    .menu-inner {
      border-bottom:1px solid #aaa;
    }
    .menu-title{
      display: block;
      color: #3366CC;
      text-decoration: none;
      background: #333;
      border-top: 1px solid #aaa;
      position:relative;
    }
    #menu .tab:after{
      content:"";
      margin:auto;
      width: 0px;
      height: 0px;
      border-top:7px solid #fff;
      border-right:5px solid transparent;
      border-bottom:0px solid transparent;
      border-left:5px solid transparent;
      right:30px;
      display: block;
      position:absolute;
      top:0;
      bottom:0;
      transition:all 0.3s ease 0s;
    }
    /* #menu .tab.is-active{
      color: #fc0000;
    } */
    #menu .tab.is-active:after{
      border-bottom:7px solid #fc0000;
      border-top:0px solid transparent;
    }
    #menu .external-link:after{
      content:"";
      margin:auto;
      width: 11px;
      height: 10px;
      display: inline-block;
      background: url('../images/header/ico_header_external02.png') no-repeat center;
      background-size: contain;
      margin-left: 5px;
    }
    #menu .harf .external-link:after{
      position:absolute;
      top:0;
      bottom:0;
      right:30px;
    }
    .menu-content{
      display: none;
      border-top:1px solid #aaa;
    }
    .menu-content .menu-img {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 200px;
      background-size: cover;
      background-repeat: no-repeat;
      color: #fff;
      font-size: 26px;
    }
    .menu-content .menu-img.about {
      background-image: url(../images/top/bg_about_nav.jpg);
      background-position: center;
    }
    .menu-content .menu-img.product {
      background-image: url(../images/top/bg_products_nav.jpg);
      background-position: center;
    }
    .menu-content .menu-img.csr {
      background-image: url(../images/top/bg_csr_nav.jpg);
      background-position: center;
    }
    .menu-content .menu-img.investors {
      background-image: url(../images/top/bg_investors_nav.jpg);
      background-position: center;
    }
    .menu-content .menu-item{
      text-decoration:none;
      padding-left: 3.25em;
    }
    .menu-content .menu-item[href*="/search/brand/"] {
      /* border-bottom: solid 1px #aaa; */
    }
    .menu-content li {
      background-color: #565656;
    }
    .menu-content li:first-child .menu-item{
      padding-left: 2.25em;
    }
    .menu-content li + li .menu-item{
      border-top:1px solid #aaa;
    }
    .mobile-search {
      -webkit-transition: left 0.25s ease-out;
      transition: left 0.25s ease-out;
      position: fixed;
      z-index: 1001;
      top: 91px;
      left: 480px;
      color: #333333;
      background-color: white;
      width: 480px;
      font-size: 112.5%;
      padding: 2em 0;
      text-align: center;
    }
    .mobile-search.open {
      left: 0;
    }
    .mobile-search .search-input {
      display: table;
      margin-left: 1.5em;
      border: 1px solid #333333;
      font-size:16px;
    }
    .mobile-search .search-input input[type="text"] {
      font-size: 143.75%;
      width: 350px;
      padding-left: 8px;
      font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
      height: 2em;
    }
    .mobile-search .search-input span {
      display: table-cell;
      padding: 0 20px;
      vertical-align: middle;
      line-height: 1em;
      border-left: 1px solid #333333;
      height: 2em;
    }
    .mobile-search .search-input input[type="submit"] {
      display: inline-block;
      text-indent: -9999px;
    }
    .mobile-search-mini .search-input {
      border: 1px solid #4f4f4f;
      background: #fff;
      color: #999;
      font-size:12px;
      position:relative;
    }
    .mobile-search-mini .search-input input[type="text"] {
      display: block;
      font-size: 12px;
      width: calc(100% - 49px);
      padding: 0 8px 0 9px;
      font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
      height: 40px;
      line-height: 1.2;
      color: #333 !important;
      border: none;
      -webkit-appearance: none;
      box-sizing: border-box;
    }
    .mobile-search-mini .search-input span {
      width: 40px;
      height: 40px;
      vertical-align: middle;
      line-height: 1em;
    }
    .mobile-search-mini .search-input input[type="submit"] {
      width: 40px;
      height: 40px;
      display: inline-block;
      text-indent: -9999px;
      -webkit-appearance: button;
      cursor: pointer;
      border: none;
    }
    .mobile-search-mini .SS_searchQuery {
      color: #999;
    }
    .search-input-btn{
      position:absolute;
      top:0;
      right:0;
      background-color: #ffffff;
    }

    /*4分割*/
    .mobile-menu .mobile-menu-container ul li.harf {
      background-color: #222;
      overflow: hidden;
      background-image: none;
    }
    .mobile-menu .mobile-menu-container ul li.harf div {
      float: left;
      width: 50%;
      /* background-color: #222; */
      border-right: 1px solid #aaa;
      /* border-bottom: 1px solid #aaa; */ */
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    .mobile-menu .mobile-menu-container ul li.harf div:nth-child(even) {
      border-right: none;
    }
    .mobile-menu .mobile-menu-container ul li.harf div.end {
      border-bottom: none;
    }
    .mobile-menu .mobile-menu-container ul li.harf div.line2 a {
      padding-top: 4.5px;
      padding-bottom: 4.5px;
      line-height: 1.25;
    }
    .mobile-menu .mobile-menu-container ul li.harf a {
      padding: 11.5px 15px;
    }
    .mobile-menu .mobile-menu-container ul li.blank,
    .mobile-menu .mobile-menu-container ul div.blank {
      background-image: url("../images/header/ico_external_link_red01.png");
      -webkit-background-size: 11px 10px;
              background-size: 11px 10px;
    }
   .mobile-menu-container .regional-sites {
     width: 60%;
     min-width: 220px;
     max-width: 400px;
     margin: 40px auto 0;
     /* padding: 0 1.5em; */
   }
   .mobile-menu-container .regional-btn {
     display: block;
     padding: 10px 15px;
     border: solid 1px #707070;
     font-size: 12px;
     color: #fff;
     text-decoration: none;
     text-align: center;
   }
   .mobile-menu-container .regional-btn .icon-globe {
     margin: 0 10px 0 0;
     vertical-align: baseline;
   }
   .mobile-search-box {
     background: #fff !important;
     width: 100%;
     overflow: hidden;
     border-top: 1px solid #707070;
     z-index: 99999;
   }
   .mobile-search-box ul {
     list-style-type: none;
     margin: 30px 0;
     padding: 0 1.5em;
   }
   .icon-search-nav {
     background-image: url(/etc/images/icon_search.png);
     background-repeat: no-repeat;
     background-size: 24px;
     background-position: center;
   }
   .logo-set-en .logo-normal {
     margin: 0 auto;
   }
   #headerMenuBtn {
     padding-top: 0;
     width: 45px;
     height: 45px;
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto 0;
     cursor: pointer;
     text-indent: -9999px;
     background-size: 20px;
     z-index: 9999;
   }
   #headerMenuBtn span,
   #headerMenuBtn span:before,
   #headerMenuBtn span:after {
     display: block;
     width: 24px;
     height: 2px;
     border-radius: 5px;
     background-color: #fff;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
   }
   #headerMenuBtn span::before {
     content: "";
     transform: translateY(-8px);
   }
   #headerMenuBtn span::after {
     content: "";
     transform: translateY(6px);
   }
   #headerMenuBtn.is-active{
     transform:rotateY(180deg);
   }
   #headerMenuBtn.is-active span{
     background-color: transparent;
   }
   #headerMenuBtn.is-active span::before,
   #headerMenuBtn.is-active span::after{
     /* transform-origin:left; */
   }
   #headerMenuBtn.is-active span::before{
     transform:rotate(45deg) translate(1px, -1px);
   }
   #headerMenuBtn.is-active span::after{
     transform:rotate(-45deg) translate(3px, -1px);
   }
}