@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700|Yantramanav:100,300,400,500,700&subset=japanese');
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */


::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select::-ms-expand {
  display: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

a[href^=tel] {
  color: inherit;
  text-decoration: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
img{
    max-width: 100%;
}
/*
 * Allow only vertical resizing of textareas.
 */



/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

*:focus {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* ==========================================================================
   Global styles
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.hidden {
  display: block;
}

.fix {
  overflow: hidden;
}

.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

body {
  font-family: Yantramanav, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.jp-font {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ==========================================================================
   Style for Common layout
   ========================================================================== */

/* Header Style Here */

.sticky {
  position: fixed;
  left: 0;
  right: 0;
  min-width: 1280px;
  top: 0;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0.9;
    transform: translateY(0);
  }
}

.header-section {
  width: 1400px;
  left: 0;
  right: 0;
  top: 0;
  background-color: #0033A0;
  color: #fff;
  z-index: 91;
  /* 20200319対応 start */
  /* background-color: #e4333f;*/
  /* 20200319対応 end */
}

/* 20200319対応 start */
/*
.header-section  .main-menu {
  background-image: url('../img/bg_200319.svg');
  background-size: 642px 321px;
}
*/
/* 20200319対応 end */

.header-section .header-top {
  padding: 8px 32px 7px 30px;
  -moz-box-shadow: 0 0.25px 0 #f2f2f2;
  -webkit-box-shadow: 0 0.25px 0 #f2f2f2;
  box-shadow: 0 0.25px 0 #f2f2f2;
}

.header-section .header-top .brand ul {
  margin: 0;
  padding: 0;
}

.header-section .header-top .brand ul li {
  list-style: none;
  display: inline-block;
  margin-right: 16px;
}

.header-section .header-top .brand ul li a {
  display: block;
}

.header-section .header-top .brand ul li a img {
  max-height: 12px;
	vertical-align: middle;
}

.header-section .header-bottom .header-menu .main-menu ul li>a:hover:after {
  background: #f097ad;
  bottom: 0px;
}

.header-section .header-bottom .header-menu .main-menu ul li.active>a:after {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.4px;
  content: "";
  height: 1px;
  z-index: 999;
}

.header-section .header-bottom .header-menu .main-menu ul li:last-child.active>a:after {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2.4px;
  content: "";
  height: 1px;
  z-index: 999;
}

/*
.header-section .header-top .brand ul li:nth-child(2) {
  margin-right: 16px;
}
.header-section .header-top .brand ul li:nth-child(2) a img {
  max-width: 51px;
}
.header-section .header-top .brand ul li:nth-child(3) {
  margin-right: 15px;
}
.header-section .header-top .brand ul li:nth-child(3) a img {
  max-width: 35px;
}
.header-section .header-top .brand ul li:nth-child(4) {
  margin-right: 13px;
}
.header-section .header-top .brand ul li:nth-child(4) a img {
  max-width: 20px;
}
.header-section .header-top .brand ul li:nth-child(5) {
  margin-right: 13px;
}

.header-section .header-top .brand ul li:nth-child(5) a img {
  max-width: 70px;
}

.header-section .header-top .brand ul li:nth-child(6) {
  margin-right: 20px;
}

.header-section .header-top .brand ul li:nth-child(6) a img {
  max-width: 32px;
}

.header-section .header-top .brand ul li:nth-child(7) a img {
  max-width: 50px;
}
*/

.header-section .header-top .login-cart ul {
  margin: 0 0 0 0;
  padding: 0;
}

.header-section .header-top .login-cart ul li {
  list-style: none;
  display: inline-block;
  margin-left: 25px;
}

.header-section .header-top .login-cart ul li a {
  display: block;
  color: #fff;
  font-family: 'Yantramanav', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.header-section .header-top .login-cart .pc li a span.jp-font{
  font-size: 11px;
}
.header-section .header-top .login-cart ul li a img {
  max-width: 24px;
}

.header-section .header-top .login-cart ul li:nth-child(2) {
  margin-left: 29px;
}

/*Header Bottom*/

.header-section .header-bottom {
  position: relative;
  border-bottom: none;
  /* 20200319対応 start */
/*
  background-image: url('../img/bg_200319.svg');
  background-size: 642px 321px;
*/
  /* 20200319対応 end */
}

.header-section .header-bottom .menu-icon {
  width: 18%;
  margin-top: -1.8px;
}

.header-section .header-bottom .menu-icon img {
  max-width: 28px;
  margin-left: 32px;
  padding-top: 3px;
  cursor: pointer;
}

.header-section .header-bottom .header-menu {
  width: 82.7%;
	height: 62px;
}

.header-section .header-bottom .header-menu .main-menu ul {
  margin: 0 0 0 170px;
  padding: 0;
  list-style-type: none;
}

.header-section .header-bottom .header-menu .main-menu ul li {
  float: left;
  zoom: 1;
  list-style-type: none;
}

.header-section .header-bottom .header-menu .main-menu ul li a {
  color: #fff;
  text-transform: uppercase;
  font-family: 'Yantramanav', sans-serif;
  font-weight: 300;
  font-size: 14px;
  padding: 22.5px 20.5px 21.5px;
  display: block;
  letter-spacing: 1.5px;
  position: relative;
}

.header-section .header-bottom .header-menu .main-menu ul li a.pcblock {
  display: block;
}

.header-section .header-bottom .header-menu .main-menu ul li.active a {
  font-weight: 500;
}

.header-section .header-bottom .header-menu .main-menu ul li a.spblock {
  display: none;
}

.header-section .header-bottom .header-menu .main-menu ul li.logo a {
  padding-right: 34px;
  padding-left: 34px;
  padding-bottom: 15.5px;
}

.header-section .header-bottom .header-menu .main-menu ul li.logo a:hover {
  border-bottom: none;
}

.header-section .header-bottom .header-menu .main-menu ul li a:hover:after {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 1px;
  background: #FFFFFF;
  z-index: 999;
  bottom: 2.4px;
}

.header-section .header-bottom .header-menu .main-menu ul li.logo a {
  padding-right: 37px;
  padding-left: 23px;
  padding-bottom: 15.5px;
}

.header-section .header-bottom .header-menu .main-menu ul li.logo a:hover:after {
  display: none;
}

.header-section .header-bottom .header-menu .main-menu ul li.logo a img {
  max-width: 94px;
  position: relative;
  top: -5px;
}

.header-section .header-bottom .header-menu .main-menu ul li:last-child a {
  padding: 22.5px 18.5px 21.5px 11.5px;
}

.header-section .header-bottom .search-box {
  /* width: 17%; */
  padding-top: 15px;
}

.header-section .header-bottom .search-box input[type=search] {
  width: 153px;
  height: 27px;
  background: url("../img/search_icon@2x.png") no-repeat scroll 4px center transparent;
  background-size: 10%;
  color: #ffffff;
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  padding: 3px 0 0 38px;
  border-color: rgba(242, 242, 242, .4);
  border-width: 0.25px;
  border-style: solid;
}

.header-section .header-bottom .search-box input[type=search]::placeholder {
  color: #FFFFFF;
  opacity: 1;
}

.header-section .header-bottom .search-box input[type=search]:-ms-input-placeholder {
  color: #FFFFFF;
}

.header-section .header-bottom .search-box input[type=search]::-ms-input-placeholder {
  color: #FFFFFF;
}

/*Header child menu*/

.header-section .header-bottom .header-menu .main-menu ul li .child-menu {
  display: block;
}

.header-section .header-bottom .header-menu .main-menu ul li:hover .child-menu {
  display: block;
}

.header-section .header-bottom .header-menu .main-menu ul li .child-menu {
  position: absolute;
  left: 0;
  width: 100%;
  background: #111111;
  color: #FFF;
  padding: 0;
  top: 61px;
  z-index: 10;
  border-top-width: 0;
  border-top-color: rgba(242, 242, 242, .9);
  border-top-style: solid;
  max-height: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  overflow: hidden;
}

.header-section .header-bottom .header-menu .main-menu ul li .child-menu.is-open-child {
  max-height: 600px;
  border-top-width: 0.25px;
}

.header-section .header-bottom .header-menu .main-menu ul li .megamenu-rap {
  padding: 20px 0;
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
  opacity: 0;
  -webkit-transition: all .25s ease;
  transition: all .25s ease
}

.header-section .header-bottom .header-menu .main-menu ul li .megamenu-rap.is-open-megamenu-rap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -webkit-transition: all .25s ease .25s;
  transition: all .25s ease .25s
}

.child-menu .left-box {
  width: 19%;
  padding: 0px 20px 0px 0px;
  border-right-width: 0.25px;
  border-right-color: rgba(242, 242, 242, .9);
  border-right-style: solid;
  box-sizing: border-box;
  min-height: 510px;
}

.child-menu .right-box {
  width: 81%;
  box-sizing: border-box;
  padding: 0 0 0 20px;
}

.header-section .header-bottom .header-menu .main-menu .left-box-con {
  float: right;
}

.header-section .header-bottom .header-menu .main-menu .left-box-con a {
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 0 9.1px;
  text-align: left;
  display: block;
}

.header-section .header-bottom .header-menu .main-menu .left-box-con a:hover {
  border: none;
  padding: 9px 0 9.1px;
  text-align: left;
}

.header-section .header-bottom .header-menu .main-menu .left-box-con a:hover:after {
  display: none;
}

.header-menu .main-menu ul li .child-menu .right-box .menu-box-items .menu-box ul li:first-child {
  margin-left: initial;
}

/*Start*/

.header-menu .main-menu ul li .child-menu .right-box .menu-box-items .menu-box a.parent {
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 0 12px;
  letter-spacing: 1.8px;
}

.header-menu .main-menu ul li .child-menu .right-box .menu-box-items .menu-box a {
  padding: 0px;
  font-family: 'Yantramanav', sans-serif;
  text-transform: none;
  text-align: left;
  font-size: 12px;
  font-weight: 300;
  padding: 4px 0;
  letter-spacing: 1.8px;
  text-decoration: none;
}

.header-menu .main-menu ul li .child-menu .right-box .menu-box-items .menu-box a:hover {
  border: none;
}

.header-menu .main-menu ul li .child-menu .right-box .menu-box-items .menu-box a:hover:after {
  display: none;
}

.header-menu .main-menu ul li .child-menu .right-box .menu-box-items .menu-box {
  margin: 0px 20px 0px 0px;
}

/*Brand child menu*/

.brand-menu-content {
  width: 803px;
  margin: 0px auto;
  min-height: 259px;
}

.brand-left-box {
  width: 661px;
  box-sizing: border-box;
  padding: 0px 0px 0px 0px;
}

.brand-right-box {
  width: 140px;
  box-sizing: border-box;
  padding: 40px 0 0 0px;
}
.brand-right-box a{
  padding:0px !important;
}

.header-menu .main-menu .brand-left-box a:hover {
  border-bottom: none !important;
}

.header-section .child-menu .brand-menu-content .brand-left-box .header-title a {
  padding: 7px 0 14px;
  font-family: 'Yantramanav', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  text-align: left;
}

.header-section .child-menu .brand-menu-content .brand-left-box .header-title a:hover {
  padding: 7px 0 14px;
}

.header-section .child-menu .brand-menu-content .brand-left-box .header-title a:hover:after {
  display: none;
}

.header-section .brand-menu-content .brand-left-box .row .column {
  width: 167px;
}

.header-section .brand-menu-content .brand-left-box .row .column:last-child {
  width: 160px;
}

.header-section .brand-menu-content .brand-left-box .row .column a {
  padding: 0px;
  text-align: left;
  text-transform: none;
  font-family: 'Yantramanav', sans-serif;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  display: block;
  line-height: 2.1;
  letter-spacing: 1.2px;
}

.header-section .brand-menu-content .brand-left-box .row .column a:hover {
  padding: 0px;
}

.header-section .brand-menu-content .brand-left-box .row .column a:hover::after {
  display: none;
}

.brand-right-box .image-text .image img {
  width: 140px;
}

.brand-right-box .image-text:first-child {
  margin-bottom: 7px;
}

.brand-right-box .image-text .text {
  text-align: center;
  font-family: 'Yantramanav', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 1.5px;
}

/*End Header child menu*/

/*Start header news child sub menu*/

.news-child {
  width: 924px;
  margin: 0px auto;
  min-height: 272px;
}

.news-child .left-box {
  width: 38.3%;
  padding: 0;
  border: none;
}

.news-child .right-box {
  width: 61.5%;
  padding: 0;
}

.news-child .left-box .column-1 {
  width: 49%;
}

.news-child .left-box .column-2 {
  width: 51%;
}

.header-bottom .news-child .left-box .column-box .column .title-text a {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 2.1px;
  text-align: left;
  color: #ffffff;
  text-transform: initial;
  display: block;
  padding: 0;
  height: 37px;
  line-height: 37px;
}

.header-bottom .news-child .left-box .column-box .column a {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 1.2px;
  text-align: left;
  color: #ffffff;
  display: block;
  text-transform: none;
  padding: 6.7px 0 6.7px;
}

.header-bottom .news-child .left-box .column-box .column a:hover::after {
  display: none;
}

.header-bottom .news-child .left-box .column-box .column-2 a {
  letter-spacing: 1px;
}

.header-bottom .news-child .left-box .column-box .column-2 {
  padding: 38px 0 0 0;
}

.header-bottom .news-child .right-box .column-box .column {
  width: 50%;
}

.header-bottom .news-child .right-box .column-box .column-2 {
  padding: 45px 0 0 28px;
  box-sizing: border-box;
}

.header-bottom .news-child .right-box .column-box .column a {
  padding: 0;
}

.header-bottom .news-child .right-box .column-box .column a:hover::after {
  display: none;
}

.header-bottom .news-child .right-box .column-box .column .title-text {
  margin-bottom: 8px;
}

.header-bottom .news-child .right-box .column-box .column .title-text a {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 1.4px;
  text-align: left;
  color: #ffffff;
  text-transform: initial;
  display: block;
  padding: 0;
  height: 37px;
  line-height: 37px;
}

.news-child .right-box .column-box .column .images {
  width: 140px;
}

.news-child .right-box .column-box .column .images img {
  width: 100%;
}

.news-child .right-box .column-box .column .text {
  margin-left: 140px;
  padding: 3px 0px 0 14px;
}

.header-bottom .news-child .right-box .column-box .column .text a {
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.9;
  letter-spacing: 1.9px;
  text-align: left;
  color: #ffffff;
  display: block;
  text-transform: none;
}

.header-bottom .news-child .right-box .column-box .column .row {
  margin-bottom: 32px;
}

.header-bottom .news-child .right-box .column-box .column .row:last-child {
  margin-bottom: 0px;
}

/*End header news child sub menu*/

@media only screen and (min-width: 1400px) {
  /* top slider pc */
  .top-slider-area {
    width: 100% !important;
  }
  .feature-thumb {
    width: 100% !important;
  }
  .feature-thumb .feature-image .overlay h2 {
    margin: 15.5% auto 0 !important;
  }
  .header-section {
    width: 100%;
  }
  .header-section .header-bottom .header-menu .main-menu ul {
    margin: 0px auto;
    text-align: center;
    /* 20200319対応 start */
/*
    background-image: url('../img/bg_200319.svg');
    background-size: 642px 321px;
*/
    /* 20200319対応 end */
  }
  .header-section .header-bottom .header-menu .main-menu ul li {
    display: inline-block;
    float: none;
  }
  .header-section .header-bottom .header-menu {
    width: 100%;
  }
  .header-section .header-bottom .header-menu .main-menu ul>li:first-child {
    margin-left: 25px;
  }
  .header-section .header-bottom .search-box {
    position: absolute;
    right: 20px;
  }
}

/*common Button*/

.btn {
  font-family: 'Yantramanav', sans-serif;
  font-size: 14.04px;
  color: #fff;
  background: #111111;
  text-transform: uppercase;
  padding: 16px 130px 14px;
  border: 2px solid #111111;
}

.animation-btn {
  position: relative;
  z-index: 2;
  display: inline-block;
}

.animation-btn::before, .animation-btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}

.animation-btn, .animation-btn::before, .animation-btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.animation-btn:hover {
  background-color: #fff;
  border-color: #111;
  color: #111;
}

.animation-btn::before, .animation-btn::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #111;
}

.animation-btn::before {
  right: 0;
}

.animation-btn::after {
  left: 0;
}

.animation-btn:hover::before, .animation-btn:hover::after {
  width: 0;
  background-color: #111;
}

/* Footer Style Here */

.header-search-sp {
  display: none;
}

@media only screen and (max-width: 768px) {
/*フォーム入力不具合のため「auto」に変更*/
*, *:before, *:after {
  -webkit-user-select: auto;
  /* Chrome/Safari */
  -moz-user-select: auto;
  /* Firefox */
  -ms-user-select: auto;
  /* IE10+ */
}
/*フォーム入力不具合のため「auto」に変更*/


	/*left side menu*/
  html, body {
    overflow-x: hidden;
  }
  .body-overlay-menu {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 11;
  }
  .menu-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -888;
    top: 0;
    left: -100%;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }
  .push-overlay {
    z-index: 888;
    left: 0;
  }
  .sticky {
    min-width: 100%;
  }
  .side-nav-rap {
    height: 100%;
    width: 320px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: -320px;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 99999;
  }
  .side-nav-rap .side-nav-inner {
    width: 100%;
    padding-bottom: 108px;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav h3 {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.9px;
    text-align: left;
    color: #111111;
    padding: 20px 0 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 0.5px solid #e0e0e0;
    position: relative;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav h3 span.arrow-close {
    position: absolute;
    width: 8px;
    height: 14px;
    background: url(../img/side_menu_arrow-1@2x.png);
    right: 18px;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav h3 span.arrow-open {
    position: absolute;
    width: 14px;
    height: 10px;
    background: url(../img/side_menu_arrow-2@2x.png);
    right: 18px;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav h3 span.title {
    padding: 0 0 0 10px;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav {
    width: 94.5%;
    margin: 0 auto;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.8px;
    text-align: left;
    color: #111111;
    padding: 18px 0 15.5px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 0.5px solid #e0e0e0;
    position: relative;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 a {
    display: block;
    text-decoration: none;
    color: #111111;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 a:focus {
    background-color: transparent;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 a:hover {
    background-color: transparent;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 span.arrow-close {
    position: absolute;
    width: 8px;
    height: 14px;
    background: url(../img/side_menu_arrow-1@2x.png);
    right: 10px;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
    transition: all 0.3 easing;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 span.arrow-open {
    position: absolute;
    width: 14px;
    height: 10px;
    background: url(../img/side_menu_arrow-2@2x.png);
    right: 10px;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
    transition: all 0.3 easing;
  }
  .side-nav-rap .side-nav-inner .slide-parent-nav .slide-child-nav h3 span.title {
    padding: 0 0 0 10px;
  }
  .side-nav-rap .side-nav-inner .nav-section {
    width: 100%;
  }
  .side-nav-rap .side-nav-inner .nav-section h2 {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: 1.4px;
    text-align: left;
    color: #111111;
    background-color: #c6c6c6;
    padding-left: 10px;
    text-transform: uppercase;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content {
    width: 100%;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content hr {
    width: 100%;
    border: 0;
    border-bottom: 0.5px solid #e0e0e0;
    margin: 0;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part {
    width: 95%;
    margin: 0 auto;
    padding: 14px 0 0;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part h3 {
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.9px;
    text-align: left;
    color: #111111;
    text-transform: uppercase;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part ul {
    margin: 0;
    padding: 7px 0 0 0;
    list-style: none;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part ul li {
    float: left;
    width: 25%;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part ul li a {
    display: block;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part ul li a img {
    width: 80%;
    padding-left: 3px;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part .more-btn {
    padding: 14px 0 11px;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part .more-btn a {
    display: block;
    float: right;
    padding-right: 5px;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part .more-btn a img {
    max-width: 63px;
  }
  .side-nav-rap .side-nav-inner .nav-section .nav-content .nevcontent-part:last-child {
    padding: 16px 0 23px;
  }
  .side-nav-rap .side-nav-inner .nav-section-common {
    width: 100%;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .content-title {
    font-family: 'Yantramanav', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: 1.4px;
    text-align: left;
    color: #fff;
    background-color: #0033A0;
    padding-left: 10px;
    text-transform: uppercase;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common {
    width: 100%;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3 {
    font-family: 'Yantramanav', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.75;
    letter-spacing: 0.9px;
    text-align: left;
    color: #111111;
    text-transform: uppercase;
    padding: 17px 0 13px;
    border-bottom: 0.5px solid #e0e0e0;
    position: relative;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3 a {
    display: block;
    text-decoration: none;
    color: #111111;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3 span.arrow-close {
    position: absolute;
    width: 8px;
    height: 14px;
    background: url(../img/side_menu_arrow-1@2x.png);
    right: 18px;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3 span.arrow-open {
    position: absolute;
    width: 14px;
    height: 10px;
    background: url(../img/side_menu_arrow-2@2x.png);
    right: 18px;
    top: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: translateY(-50%);
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3 span.title {
    padding-left: 10px;
    border: 0;
  }
  .pushmenu-open {
    left: 0;
  }
  .pushmenu-push {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .pushmenu-push-toright {
    left: 320px;
  }
  /*End side menu*/
  /*Header top new design for sp*/
  .header-section .header-top .login-cart ul {
    margin: 3px 2px 0 0;
  }
  .header-bottom {
    background: #111111;
    z-index: 0;
    transition: .3s;
  }

  .header-section .header-bottom {
    background: #111111;
    z-index: 0;
    transition: all 0.3s;
  }

  .header-section {
    width: 100%;
  }
  .header-section .header-top {
    box-shadow: none;
    background-color: #0033A0;
    /* 20200319対応 start */
/*
    background-image: url('../img/bg_200319.svg');
    background-size: 642px 321px;
*/
    /* 20200319対応 end */
    width: 100%;
    /* width: 94%; */
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 13px;
  }
  .header-section .header-top .brand {
    width: 23%;
  }
  .header-section .header-top .brand .sp-menu-icon {
    padding-top: 8px;
    padding-left: 17px;
  }
  .header-section .header-top .brand .sp-menu-icon img {
    max-width: 27px;
    display: block;
  }
  .header-section .header-top .sp-logo {
    width: 54.5%;
    text-align: center;
  }
  .header-section .header-top .sp-logo a img {
    max-width: 96px;
    padding-top: 2px;
  }
  .header-section .header-top .login-cart {
    width: 22.5%;
    position: relative;
    left: -10px;
  }
  .header-section .header-top .login-cart ul {
    float: right;
  }
  .header-section .header-top .login-cart ul li {
    margin-left: 0;
  }
  .header-section .header-top .login-cart ul li img {
    max-width: 25px;
    width: 100%;
  }
  .header-section .header-top .login-cart ul li:nth-child(2) {
    margin-left: 11px;
  }
  .header-section .header-top .login-cart ul li:nth-child(2) img {
    max-width: 21px;
    margin-right: 6px;
  }
  .header-section .header-bottom .header-menu {
    width: 100%;
	  height: auto;
  }
  .header-section .header-bottom .header-menu .header-menu .main-menu ul li a:hover:after {
    width: 83%;
  }
  .header-section .header-bottom .header-menu .header-menu .main-menu ul li.active a {
    font-weight: 500;
  }
  /*End Header bottom*/
  .header-section .header-bottom .header-menu .main-menu ul {
    margin: 0;
    /* 20200319対応 start */
/*
    background-color: #e4333f;
*/
    /* 20200319対応 end */
  }
  .header-menu {
    width: 100%;
    /* float: none; */
  }
  .search-box {
    display: none;
    float: none;
  }
  .child-menu {
    display: none;
  }
  .header-section .header-bottom .header-menu .main-menu ul li:hover .child-menu {
    display: none;
  }
  /*
  .header-section .header-bottom .header-menu .main-menu ul li:last-child a {
    padding: 12px 24.5px 12px;
  }
  */
  .header-section .header-bottom .header-menu .main-menu ul li a.pcblock {
    display: none;
  }
  .header-section .header-bottom .header-menu .main-menu ul li a.spblock {
    display: block;
  }
  .header-section .header-bottom .header-menu .main-menu>ul li:first-child a {
    padding-left: 16px;
  }
  .header-section .header-bottom .header-menu .main-menu>ul li:first-child a {
    padding-right: 16px;
  }
  .header-section .header-bottom .header-menu .main-menu ul li a {
    padding: 12px 26px 12px;
    /*
    font-size: 12px;
    font-weight: 300;
    */
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    display: block;
  }
  .header-section .header-bottom .header-menu .main-menu ul li a:hover {
    font-weight: 500;
  }
  .header-section .header-bottom .header-menu .main-menu ul li a:hover:after {
    width: 100%;
    bottom: 0.5px;
  }
  .header-section .header-bottom .header-menu .main-menu ul li.no-child a:hover:after {
    bottom: 0.5px;
  }
  /*End Header bottom*/
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common .accordion-child {
    width: 94.5%;
    margin: 0px auto;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common .accordion-child h3 span.arrow-close {
    right: 10px;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common .accordion-child h3:last-child {
    border: none;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common.look-for h3 {
    border-top: 0.5px solid #e0e0e0 !important;
    border-bottom: none !important;
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3.ui-accordion-header {
  /*  border-bottom: none !important;*/
  }
  .side-nav-rap .side-nav-inner .nav-section-common .nav-content-common .slide-parent-nav-common h3.ui-accordion-header.ui-accordion-header-active {
    border-bottom: 0.5px solid #e0e0e0 !important;
  }
  /* Header search*/
  .header-search-sp {
    width: 100%;
    background-color: #0033a0;
    padding: 6.5px 0;
    border-top: 1px solid #f2f2f2;
  }
  .header-search-sp .header-search-rap-sp {
    max-width: 96.5%;
    margin: 0 auto;
  }
  .header-search-sp .header-search-rap-sp .header-search-input {
    width: 87.5%;
  }
  .header-search-sp .header-search-rap-sp .header-search-btn {
    width: 12.5%;
  }
  .header-search-sp .header-search-rap-sp .header-search-input input {
    border-radius: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid #f2f2f2;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    height: 23px;
    padding: 6px 11px 4px;
    font-family: 'Yantramanav', sans-serif;
    font-size: 12px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 1.2px;
    text-align: left;
    opacity: 0.6;
  }
  .header-search-sp .header-search-rap-sp .header-search-input input::-webkit-input-placeholder {
    color: #ffffff;
  }
  .header-search-sp .header-search-rap-sp .header-search-input input:-moz-placeholder {
    /* Firefox 18- */
    color: #ffffff;
  }
  .header-search-sp .header-search-rap-sp .header-search-input input::-moz-placeholder {
    /* Firefox 19+ */
    color: #ffffff;
  }
  .header-search-sp .header-search-rap-sp .header-search-input input:-ms-input-placeholder {
    color: #ffffff;
  }
  .header-search-sp .header-search-rap-sp .header-search-btn .search-submit {
    width: 40px;
    height: 35px;
    border-radius: 1px;
    background-color: rgba(255, 255, 255, 0.15);
    border: 0;
    margin: 0 0 0 4px;
    text-align: center;
    background-image: url('../img/search_icon@2x.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
  }
  .header-search-sp .header-search-rap-sp .header-search-btn .search-submit img {
    width: 19px;
    /* position: relative;
    left: 1px;
    top: -1px; */
    margin: 0 auto;
    padding: 0 10px 0 5px;
  }
}

@media only screen and (max-width: 360px) {
  .header-search-sp .header-search-rap-sp .header-search-input {
    width: 85.5%;
  }
  .header-search-sp .header-search-rap-sp .header-search-btn {
    width: 14.5%;
  }
  .side-nav-rap {
    width: 280px;
  }
  .pushmenu-push-toright {
    left: 280px;
  }
}



.news_area{
	width: 94%;
	max-width: 1000px;
	margin: 40px auto;
}
.news_area dl{
	width: 100%;
}
.news_area dt{
	text-align: center;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	font-size: 14px;
	font-weight: bold;
}
.news_area dd{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 2;
}
.news_area dd span{
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
}
.news_area2{
	width: 94%;
	max-width: 1000px;
	margin: 0px auto 40px;
}
.news_area2 dl{
	width: 100%;
}
.news_area2 dt a{
	color: #000;
	text-decoration: none;
}
.news_area2 dt a:hover{
	color: #999;
}
.news_area2 dt{
	text-align: center;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DDD;
	font-size: 13px;
	font-weight: bold;
}
.news_area2 dd{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
	line-height: 2;
}
.news_area2 dd span{
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
}