@charset "UTF-8";

/* 東京マルイ - base.css
	COPYRIGHT(C) TOKYO MARUI Co., Ltd. All rights reserved.

  [Base]
    0, Site Common
    1, Site Header
    2, Site Footer
    3, Site Bnrarea

*/

/* Site Common
----------------------------------------------------*/
body.menuOpen {
  overflow: hidden;
}
a {
  color: #4D6E9B;
}
a:hover {
  text-decoration: underline;
}
a[target="_blank"] {
  padding-right: 30px;
  background-image: url('/common/images/ic_blank_02.svg');
  background-repeat: no-repeat;
  background-position: right 6px center;
}
.st-Inner {
  max-width: 1116px;
  margin-left: auto;
  margin-right: auto;
}
.productSupport .st-Inner {
  max-width: 667px;
}
.st-Overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .4);
  top: 90px;
  left: 0;
}
.anchor{
  display: inline-block;
  padding-top: 90px;
  margin-top: -90px;
}
.sp_only {
  display: none;
}

@media screen and (max-width: 768px) {
  .st-Inner {
    max-width: 100%;
    width: calc(100% - 32px);
  }

  a[target="_blank"] {
    background-size: 16px;
  }

  .sp_only {
    display: block;
  }
}

/* Site Header
----------------------------------------------------*/
.st-Header_Top {
  background-color: #000;
}
.st-Header_TopInner {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1116px;
  margin: 0 auto;
}
.st-Header_Heading {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.st-Header_SubNav {
  display: flex;
  margin-left: auto;
}
.st-Header_SubNavItem:not(:first-of-type) {
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid #464646;
}
.st-Header_SubNavItem a {
  color: #fff;
  font-size: 12px;
}
.st-Header_Bottom {
  position: relative;
  background: linear-gradient(to bottom, rgba(54,54,54,1) 0%,rgba(118,118,118,1) 100%);
  border-bottom: 1px solid #fff;
}
.st-Header_BottomInner {
  height: 63px;
  display: flex;
  align-items: center;
  max-width: 1116px;
  margin: 0 auto;
}
.st-Header_Nav {
  display: flex;
  height: 100%;
  margin-left: 136px;
}
.st-Header_NavItem {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
  padding: 3px 20px 0;
  border-bottom: solid 3px transparent;
}
.st-Header_NavItem:hover {
  border-bottom: solid 3px #0046A4;
}
@media screen and (max-width: 768px) {
  .st-Header_NavItem:hover {
    border-bottom: none;
  }
  .st-Header_NavItem .menu {
    cursor: none;
  }
}
.st-Header_NavItem a {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.st-Header_NavItem a:hover {
  text-decoration: none;
}
.st-Header_Child {
  display: none;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  left: 0;
  top: 64px;
  z-index: 11;
}
.st-Header_ChildTop {
  background-color: #ffffff;
  padding: 32px 0;
}

.st-Header_ChildBottom {
  padding: 30px 0;
  background-color: #f5f5f5;
  border-top: 1px solid #c8c8c8;
  display: flex;
  justify-content: center;
}
.st-Header_ChildBottom a {
  height: 48px;
  width: 340px;
  background-color: #0046a4;
  border-radius: 4px;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 0.15s;
}
.st-Header_ChildBottom a:hover {
  background-color: #FFF;
  box-shadow: inset 0 0 0 2px #0046a4;
  text-decoration: none;
}
.st-Header_ChildBottom a:focus {
  outline: none;
}
.st-Header_ChildBottom a span {
  background-image: url("/common/images/ic_arrow_08.svg");
  background-repeat: no-repeat;
  padding-right: 25px;
  background-position: top 0px right -5px;
  font-size: 14px;
  color: #fff;
  transition: all 0.15s;
}
.st-Header_ChildBottom a:hover span {
  color: #0046a4;
  background-image: url(/common/images/ic_arrow_06.svg);
}

.st-Header_Search {
  margin-left: 20px;
}
.st-Header_SearchBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px 7px 32px;
  background-image: url("/common/images/ic_search_01.svg");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-color: #fff;
  color: #0046a4;
  font-size: 14px;
  font-weight: 700;
  box-shadow: inset 0 0 0 2px #FFF;
  border-radius: 4px;
}
.st-Header_SearchBtn:hover {
  box-shadow: inset 0 0 0 2px #0046A4;
  text-decoration: none;
}
.stsp-Header_MenuBtn {
  display: none;
}

/* 製品カタログ */
.st-Card_ProductsMenu {
  display: flex;
  justify-content: space-between;
}
.st-Card_ProductsMenu_Left {
  margin-right: 25px;
  width: 353px;
  background-color: #f5f5f5;
  transition: all 0.15s;
}
.st-Card_ProductsMenu_Left img {
  transition: all 0.15s;
}
.st-Card_ProductsMenu_Left:hover {
  background-color: #F0F0F0;
}
.st-Card_ProductsMenu_Left:hover .st-Card_ProductsMenu_Heading {
  color: #000;
}
.st-Card_ProductsMenu_Left:hover a > img {
  opacity: 0.8;
}
.st-Card_ProductsMenu_Right {
  flex: 1;
}
.st-Card_ProductsMenu_Right .st-Card_Menu_Txt {
  justify-content: left;
}
.st-Card_ProductsMenu_Right .st-Card_Menu_Txt a:first-child {
  margin-right: 40px;
}
.st-Card_ProductsMenu_Photo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.st-Card_ProductsPhoto_Item {
  background-color: #f5f5f5;
  transition: all 0.15s;
}
.st-Card_ProductsPhoto_Item img {
  transition: all 0.15s;
}
.st-Card_ProductsPhoto_Item:hover {
  background-color: #F0F0F0;
}
.st-Card_ProductsPhoto_Item:hover .st-Card_ProductsMenu_Heading {
  color: #000;
}
.st-Card_ProductsPhoto_Item:hover a > img {
  opacity: 0.8;
}
.st-Card_ProductsMenu_Heading a:hover {
  text-decoration-color: #464646;
}
.st-Card_ProductsMenu_Heading {
  color: #464646;
  font-weight: normal;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s;
}

/* 製品・サポート */
.st-Card_ProductSupportMenu {
  display: flex;
  justify-content: space-between;
}
.st-Card_ProductSupportMenu_Left {
  margin-right: 25px;
  width: 353px;
}
.st-Card_ProductSupportMenu_Left a {
  background-color: #f5f5f5;
  transition: all 0.15s;
}
.st-Card_ProductSupportMenu_Left img {
  transition: all 0.15s;
}
.st-Card_ProductSupportMenu_Left:hover a {
  background-color: #f0f0f0;
}
.st-Card_ProductSupportMenu_Left:hover img {
  opacity: 0.8;
}
.st-Card_ProductSupportMenu_Right {
  flex: 1;
}
.st-Card_ProductSupportMenu_Right .st-Card_Menu_Txt {
  display: block;
}
.st-Card_ProductSupportMenu_Right .st-Card_Menu_Txt a:first-child {
  margin-top: 0 !important;
}
.st-Card_ProductSupportMenu_Right .st-Card_Menu_Txt a {
  margin-top: 20px !important;
  width: 100%;
}
.st-Card_ProductSupportMenu_Heading a:hover {
  text-decoration-color: #464646;
}
.st-Card_ProductSupportMenu_Heading {
  color: #464646;
  font-weight: normal;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s;
}
.st-Card_ProductSupportMenu_Left:hover .st-Card_ProductSupportMenu_Heading {
  color: #000;
}

/* 会社案内 */
.st-Header_NavItem.companySp,
.st-Header_NavItem.spOnly {
  display: none;
}

/* さがす */
.st-Header_Child.search .st-Inner {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 4px;
  background-color: #fff;
  border: 1px solid #C8C8C8;
  border-radius: 4px;
  margin-bottom: 16px;
}
.st-Header_Child.search .st-Inner:focus-within {
  border: 2px solid #0046A4;
}
@media screen and (max-width: 768px) {
  .st-Header_Child.search .st-Inner {
    padding: 0;
  }
}
.st-Header_Child.search .st-Inner input {
  flex: 1;
  height: 28px;
  margin: 0 20px;
  border: 0;
  font-size: 18px;
  outline: none;
}
.st-Header_Child.search .st-Inner button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 102px;
  height: 40px;
  background-color: #0046A4;
  border: 0;
  color: #fff;
  font-size: 18px;
  border-radius: 4px;
  transition: all 0.15s;
}
.st-Header_Child.search .st-Inner button:hover {
  background-color: #fff;
  color: #0046A4;
  box-shadow: inset 0 0 0 2px #0046A4;
}

/* nav共通 */
.st-Card_Menu_Txt {
  display: flex;
  flex-wrap: wrap;
  max-width: 830px;
  margin: 0 auto;
  justify-content: space-between;
}
.st-Card_Menu_Txt a {
  background-image: url("/common/images/ic_arrow_01.svg");
  background-repeat: no-repeat;
  padding-left: 23px;
  font-weight: normal;
  color: #464646;
  width: 33.2%;
  height: auto;
  transition: all 0.15s;
}
.st-Card_Menu_Txt a:hover {
  color: #000;
  background-image: url(/common/images/ic_arrow_15.svg);
}
.st-Card_Menu_Txt a:nth-child(n + 4) {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .st-Header_TopInner {
    height: 24px;
    max-width: 100%;
    width: calc(100% - 32px);
  }
  .st-Header_Heading {
    margin: 0 auto;
    font-size: 10px;
  }
  .st-Header_SubNav {
    display: none;
  }
  .st-Header_BottomInner {
    height: 40px;
    max-width: 100%;
    width: calc(100% - 8px);
    margin-left: 8px;
  }
  .st-Header_Logo img {
    width: 97px;
  }
  .st-Header_Nav {
    display: none;
    position: absolute;
    width: 100%;
    max-height: calc(100vh - 65px);
    height: auto;
    background-color: #fff;
    margin-left: 0;
    top: 40px;
    left: 0;
    overflow: hidden;
    z-index: 11;
  }
  .st-Header_NavItem {
    display: block;
    height: auto;
    padding: 0 20px;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
    border-bottom: none;
  }
  .st-Header_NavItem a {
    padding: 15px 0;
    color: #464646;
  }
  .st-Header_Child {
    position: static;
    background: none;
  }
  .st-Header_Child.search {
    position: absolute;
    top: 40px;
    background-color: #fff;
  }
  .st-Header_Logo svg {
    width: 97px;
    height: auto;
  }
  .st-Header_Search {
    margin-left: auto;
  }
  .st-Header_SearchBtn {
    width: 40px;
    height: 40px;
    background-position: center;
    background-color: #ffffff;
    color: #fff;
    font-size: 0;
    border-radius: 0;
  }
  .st-Header_SearchBtn.active {
    background-image: url("/common/images/ic_close_02.svg");
  }
  .stsp-Header_MenuBtn {
    order: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 40px;
    background-image: url("/common/images/ic_hamburger.svg");
    background-color: #0046A4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: 0;
    /* color: #0046A4; */
    font-size: 10px;
    font-weight: 700;
    text-indent: -9999px;
  }
  .stsp-Header_MenuBtn.active {
    background-image: url("/common/images/ic_close_03.svg");
  }
  .stsp-Header_MenuBtn.ml-auto {
    margin-left: auto;
  }
  .stsp-Header_MenuBtn02 {
    margin-left: auto;
  }

  .st-Header_ChildTop {
    padding: 24px 16px 16px;
  }
  .st-Header_ChildTop .st-Inner {
    width: 100%;
  }

  .st-Header_ChildBottom {
    background: #fff;
    border: none;
    padding: 0 0 15px;
  }

  .st-Header_ChildBottom a {
    height: 100%;
    width: fit-content;
    background: none;
    padding: 0;
  }
  .st-Header_ChildBottom a span {
    background-image: url("/common/images/ic_arrow_01.svg");
    background-repeat: no-repeat;
    background-position: top 1px left;
    background-size: 16px;
    font-size: 12px;
    color: #0046A4;
    padding-left: 20px;
    padding-right: 0;
  }

  .js-GnavItem a.menu {
    background-image: url("/common/images/ic_plus.svg");
    background-repeat: no-repeat;
    background-position: center right;
  }
  .js-GnavItem a.menu.active {
    background-image: url("/common/images/ic_minus.svg");
  }

  /* さがす */
  .search .st-Header_ChildTop .st-Inner {
    height: 100%;
    position: relative;
    margin: 0;
    border: 2px solid #c8c8c8;
    border-radius: 4px;
  }
  .search .st-Header_ChildTop .st-Inner input {
    height: 36px;
    font-size: 16px;
    transform: scale();
    margin: 0;
    padding: 0 12px;
  }
  .search .st-Header_ChildTop .st-Inner button {
    padding: 0 10px;
    background: url("/common/images/ic_search_01.svg");
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    width: 0;
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
  }

  /* 製品カタログ */
  .st-Card_ProductsMenu {
    display: block;
  }
  .st-Card_ProductsMenu_Left {
    width: 100%;
    margin-bottom: 10px;
  }
  .st-Header_NavItem .st-Card_ProductsMenu_Left a,
  .st-Header_NavItem .st-Card_ProductsPhoto_Item a {
    display: flex;
    padding: 0;
    align-items: center;
  }
  .st-Card_ProductsMenu_Left img, .st-Card_ProductsMenu_Left h3 {
    width: 50%;
    font-size: 12px;
  }
  .st-Card_ProductsMenu_Photo {
    display: block;
    margin-bottom: 20px;
  }
  .st-Card_ProductsPhoto_Item {
    margin-bottom: 10px;
  }
  .st-Card_ProductsPhoto_Item img, .st-Card_ProductsPhoto_Item h3 {
    width: 50%;
    font-size: 12px;
  }

  /* 会社案内 */
  .st-Header_NavItem.companySp {
    display: block;
    background: #F5F5F5;
    margin: 0;
    padding: 0;
  }
  .st-Header_NavItem.spOnly {
    display: block;
  }
  .st-Header_ChildCompany li a {
    font-weight: normal;
    height: 40px;
    display: flex;
    align-items: center;
    background-image: url("/common/images/ic_arrow_13.svg");
    background-position: center right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 40px;
  }

  /* 製品・サポート */
  .st-Card_ProductSupportMenu {
    display: block;
  }
  .st-Card_ProductSupportMenu_Left {
    width: 100%;
    margin-bottom: 10px;
  }
  .st-Header_NavItem .st-Card_ProductSupportMenu_Left a {
    display: flex;
    padding: 0;
    align-items: center;
  }
  .st-Card_ProductSupportMenu_Left img,
  .st-Card_ProductSupportMenu_Left h3 {
    width: 50%;
    font-size: 12px;
  }

  /* nav共通 */
  .st-Card_Menu_Txt {
    display: block;
  }
  .st-Card_Menu_Txt a {
    background: none;
    margin: 0;
    width: 100%;
    height: 100%;
    margin: 0 0 25px;
    padding: 0;
    background-image: url("/common/images/ic_arrow_07.svg");
    background-position: center right;
    background-repeat: no-repeat;
  }
}



/* Site Footer
----------------------------------------------------*/
.st-Footer {
  border-top: 1px solid #C8C8C8;
  position: relative;
}
.st-Footer_Top {
  padding: 24px 0;
  background-color: #F0F0F0;
}
.st-Footer_TopInner {
  max-width: 1116px;
  margin: 0 auto;
}
.st-Footer_TopInner-narrow {
  max-width: 920px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.st-Footer_Box {
  margin-left: 24px;
}
.st-Footer_BoxInner {
  display: block;
  height: 100%;
  background-color: #fff;
  border-radius: 8px;
  transition: all 0.15s;
}
.st-Footer_BoxInner:hover {
  box-shadow: inset 0 0 0 2px #0046A4;
  text-decoration: none;
}
.st-Footer_BoxImg {
  display: block;
  margin: 0 auto;
  padding: 4px 28px 0;
  text-align: center;
}
.st-Footer_BoxText {
  display: block;
  margin-top: 11px;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  transition: all 0.15s;
}
.st-Footer_BoxInner:hover .st-Footer_BoxText {
  color: #0046A4;
}
.st-Footer_TopMenu {
  display: flex;
}
.st-Footer_TopMenuMain {
  display: flex;
  width: 600px;
}
.st-Footer_TopMenuMain li {
  margin: 16px 0 0 16px;
  width: calc((100% - 32px) / 3);
  height: 118px;
}
.st-Footer_TopMenuMain li:first-of-type {
  margin-left: 0;
}
.st-Footer_TopMenuMain a {
  display: block;
  height: 100%;
  background-color: #fff;
  border: solid 2px #FFF;
  border-radius: 8px;
  box-sizing: border-box;
  transition: all 0.15s;
}
.st-Footer_TopMenuMain a:hover {
  border: solid 2px #0046A4;
  text-decoration: none;
}
.st-Footer_TopMenuMain a:hover span {
  color: #0046A4;
}
.st-Footer_TopMenuMain img {
  display: block;
  margin: 0 auto;
  padding-top: 4px;
}
.st-Footer_TopMenuMain span {
  display: block;
  margin-top: 11px;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}
.st-Footer_TopMenuMain br.spOnly-ib {
  display: none;
}
.st-Footer_TopMenuSub {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.st-Footer_TopMenuSub li {
  width: calc((100% - 48px) / 2);
  margin: 16px 0 0 24px;
}
.st-Footer_TopMenuSub a {
  height: 51px;
  display: flex;
  align-items: center;
  padding: 0 16px 0 40px;
  background-color: #fff;
  background-image: url('/common/images/ic_arrow_01.svg');
  background-repeat: no-repeat;
  background-position: top 15px left 18px;
  border-radius: 8px;
  color: #464646;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.15s;
}
.st-Footer_TopMenuSub a:hover {
  background-color: #F5F5F5;
  color: #000;
  background-image: url('/common/images/ic_arrow_10.svg');
  text-decoration: none;
}
.st-Footer_Mid {
  background-color: #464646;
}
.st-Footer_MidInner {
  max-width: 1116px;
  margin: 0 auto;
}
.st-Footer_MidMenu {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.st-Footer_MidMenu li:not(:first-of-type) {
  margin-left: 37px;
}
.st-Footer_MidMenu a {
  color: #F0F0F0;
  font-size: 12px;
}
.st-Footer_Btm {
  background-color: #000000;
}
.st-Footer_BtmInner {
  display: flex;
  align-items: center;
  max-width: 1116px;
  height: 77px;
  margin: 0 auto;
}
.st-Footer_Copy {
  display: block;
  color: #C8C8C8;
  font-size: 10px;
}
.st-Footer_Url {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.st-Footer_UrlText {
  width: 178px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background-color: #464646;
  border: 0;
  color: #C8C8C8;
  border-radius: 4px 0px 0px 4px;
}
.st-Footer_UrlBtn {
  /* width: 102px; */
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0046A4;
  border: 0;
  color: #fff;
  font-size: 12px;
  border-radius: 0px 4px 4px 0px;
  padding: 5px 8px;
  transition: all 0.15s;
}
.st-Footer_UrlBtn:hover {
  background-color:#4D6E9B;
}
.st-Footer_UrlBtn:focus {
  outline: none;
}
.st-Footer_Sns {
  display: flex;
  margin-left: 32px;
}
.st-Footer_SnsBtn {
  display: flex;
  align-items: center;
  margin-left: 8px;
  background-repeat: no-repeat;
  color: #fff;
  border-radius: 4px;
}
.st-Footer_SnsBtn-Facebook {
  background-color: #3B5998;
  background-image: url('/common/images/ic_facebook_01.svg');
  background-position: top 6px left 12px;
  transition: all 0.15s;
}
.st-Footer_SnsBtn-Facebook a{
  color: #fff;
  font-size: 12px;
  width: 100%;
  padding: 5px 8px 5px 32px;
}
.st-Footer_SnsBtn-Facebook:hover {
  filter: brightness(0.8);
}
.st-Footer_SnsBtn-Twitter {
  background-color: #1DA1F2;
  background-image: url('/common/images/ic_twitter_01.svg');
  background-position: center left 10px;
  transition: all 0.15s;
}
.st-Footer_SnsBtn-X {
  background-color: #fff;
  background-image: url('/common/images/ic_x_02.png');
  background-position: center left 10px;
  transition: all 0.15s;
  background-size: 16px 16px;
}
.st-Footer_SnsBtn-Twitter a{
  color: #fff;
  font-size: 12px;
  width: 100%;
  padding: 5px 8px 5px 32px;
}
.st-Footer_SnsBtn-X a {
  color: #464646;
  font-size: 12px;
  width: 100%;
  padding: 5px 16px 5px 36px;
}
.st-Footer_SnsBtn-Twitter:hover,.st-Footer_SnsBtn-X:hover {
  filter: brightness(0.8);
}
.st-Footer_SnsBtn-Facebook a:hover,
.st-Footer_SnsBtn-Twitter a:hover,
.st-Footer_SnsBtn-X a:hover
{
  text-decoration: none;
}
.st-Footer_Bnr {
  transition: all 0.15s;
}
.st-Footer_Bnr:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  .st-Footer {
    width: 100%;
    border-top: none;
  }
  .st-Footer_Top {
    padding: 0;
    background-color: transparent;
  }
  .st-Footer_TopInner {
    max-width: 100%;
    width: 100%;
  }
  .st-Footer_TopInner-narrow {
    max-width: 100%;
    display: block;
    padding: 8px;
    background-color: #F0F0F0;
  }
  .st-Footer_BoxInner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
  }
  .st-Footer_BoxImg {
    padding: 0;
    margin: 0 32px 0 0;
    max-width: 105px;
  }
  .st-Footer_BoxText {
    margin-top: 0;
    font-size: 14px;
  }
  .st-Footer_Bnr + .st-Footer_Box {
    margin: 8px auto 0;
  }
  .st-Footer_TopMenu {
    display: block;
  }
  .st-Footer_TopMenuMain {
    display: flex;
    width: 100%;
  }
  .st-Footer_TopMenuMain li {
    margin: 0;
    width: calc(100% / 3);
    height: 94px;
    border-left: 1px solid #F0F0F0;
    border-radius: 0;
  }
  .st-Footer_TopMenuMain li:first-of-type {
    border-left: 0;
  }
  .st-Footer_TopMenuMain img {
    width: auto;
    height: 45px;
    padding-top: 14px;
  }
  .st-Footer_TopMenuMain span {
    margin-top: 9px;
    font-size: 10px;
  }
  .st-Footer_TopMenuMain br.spOnly-ib {
    display: inline-block;
  }
  .st-Footer_TopMenuSub li {
    width: calc(100% / 2);
    margin: 0;
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
  }
  .st-Footer_TopMenuSub li:nth-of-type(odd) {
    border-left: 0;
  }
  .st-Footer_TopMenuSub a {
    background-size: 16px 16px;
    background-position: top 19px left 18px;
    border-radius: 0;
    font-size: 12px;
  }
  .st-Footer_MidInner {
    max-width: 100%;
    width: 100%;
  }
  .st-Footer_MidMenu {
    height: auto;
    display: block;
  }
  .st-Footer_MidMenu li {
    padding-bottom: 0;
  }
  .st-Footer_MidMenu li:not(:first-of-type) {
    border-top: 1px solid #707070;
    margin-left: 0;
  }
  .st-Footer_MidMenu a {
    display: block;
    padding: 15px 11px;
    background-image: url(/common/images/ic_arrow_08.svg);
    background-repeat: no-repeat;
    background-position: right 16px top 15px;
  }
  .st-Footer_BtmInner {
    flex-wrap: wrap;
    align-items: flex-start;
    max-width: 100%;
    height: 149px;
    margin: 0 auto;
  }
  .st-Footer_Copy {
    order: 2;
    margin: 8px auto 0;
  }
  .st-Footer_Url {
    order: 0;
    margin: 32px auto 0;
  }
  .st-Footer_Sns {
    order: 1;
    margin: 16px auto 0;
  }
}


/* Site Bnrarea
----------------------------------------------------*/
.st-Bnrarea {
  border-top: 1px dashed #C8C8C8;
}
.st-BnrareaList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1116px;
  margin: 0 auto;
  padding: 32px 0 58px;
}
.st-BnrareaList li {
  width: calc((100% - 48px) / 3);
  margin-top: 16px;
}
.st-BnrareaList li a:hover img {
  opacity: .8;
  transition: all .15s;
}
.st-BnrareaList.Left {
  padding: 32px 0 0;
}
.st-BnrareaList.Right {
  padding: 0 0 58px;
}
.st-BnrareaList.Column3 {
  border-top: none;
}

@media screen and (max-width: 768px) {
  .st-Bnrarea {
    display: flex;
  }
  .st-BnrareaList {
    display: block;
    max-width: 100%;
    width: calc(100% - 32px);
    padding: 32px 0 72px;
  }
  .st-BnrareaList li {
    width: 100%;
    margin-top: 8px;
    text-align: center;
  }
  .st-BnrareaList.Left {
    margin: 0 5px 0 0;
    padding: 24px 0 72px;
  }
  .st-BnrareaList.Right {
    padding: 24px 0 72px;
  }
}