@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** 共通
************************************/

.hide {
  display: none !important;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans JP', sans-serif;
  color: #222;
}

/************************************
** 新ヘッダー
************************************/
/*.header__copy {
  background-color: #f5f5f5;
  height: 2rem;
  line-height: 28px;
}

.header__copy > p {
  max-width: 1216px;
  margin: 0 auto;
  font-size: 12px;
}

.header__block-1 {
  max-width: 1216px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 270px 1fr 232px 200px 88px 88px;
  height: 80px;
}

.header__logo {
  height: 80px;
  padding: 4px 0;
}

.header__logo > a {
  display: block;
}

.header__search {
  height: 80px;
  padding: 0 1rem;
}
.header__search .search-form {
  margin: 0;
  max-width: 100%;
  display: block;
}
.search-form__input-group {
  display: grid;
  grid-template-columns: 1fr 48px;
  height: 48px;
  margin: 28px 0 0;
}
.search-form__input-group .search-form__input {
  border: 1px solid #663300;
  border-radius: 3px 0 0 3px;
}

.search-form__input-group .search-form__button {
  background-color: #630;
  border: 1px solid #630;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  position: relative;
  background-image: url(/wp-content/uploads/2025/10/search_ico.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 32px;
}

.header__user-menu {
  padding: 0 1rem 0 1rem;
  height: 80px;
}

.header__user-menu-list {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
  margin: 18px 0 0;
}

.header__user-menu-list li {
  text-align: center;
}

.header__user-menu-list li:nth-child(1) {
  grid-area: 1 / 1 / 2 / 2;
}
.header__user-menu-list li:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}
.header__user-menu-list li:nth-child(3) {
  grid-area: 1 / 2 / 3 / 3;
  padding-top: 4px;
}
.header__user-menu-list a {
  text-decoration: none;
  color: #313131;
  font-size: .75rem;
}

.header__user-menu-list a:hover {
  text-decoration: underline;
}

.header__user-menu-list li:nth-child(3) a span {
  display: block;
  margin-top: -4px;
}

.header__login-out {
  padding: 4px;
  height: 80px;
}

.header__register {
  font-size: 1rem;
  text-align: center;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-wrap: break-word;
}

.header__register a {
  display: block;
  color: #313131;
  text-decoration: none;
  border: 2px solid #313131;
  border-radius: 3px;
  font-size: .75rem;
  padding: .4rem 1rem;
  line-height: 1;
  font-weight: bold;
  transition: .2s;
}

.header__register a:hover {
  background-color: #313131;
  color: #fff;
}

.header__member-name {
  font-size: .75rem;
  text-align: center;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-wrap: break-word;
}
.header__login-btn {
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__login-btn a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background-color: #0066CC;
  font-size: .75rem;
  text-align: center;
  height: 24px;
  border-radius: 3px;
  margin: 0 auto;
  padding: 0 1rem;
}

.header__my-orders, .header__cart {
  height: 80px;
  padding: 4px;
}
.header__my-orders a {
  display: block;
  width: 80px;
  height: 72px;
  background-color: #192F60;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  letter-spacing: -.03rem;
  padding-top: 40px;
  background-image: url(/wp-content/uploads/2025/10/order_ico.png);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-size: 20px;
}
.header__my-orders a span {
  display: block;
  line-height: 1;
}
.header__my-orders a span:nth-child(1) {
  font-size: .625rem;
}
.header__my-orders a span:nth-child(2) {
  font-size: .75rem;
  margin-top: 4px;
  font-weight: bold;
}

.header__cart a {
  display: block;
  width: 80px;
  height: 72px;
  background-color: #CC3300;
  color: #fff;
  text-decoration: none;
  text-align: center;
  border-radius: 3px;
  letter-spacing: -.03rem;
  padding-top: 48px;
  background-image: url(/wp-content/uploads/2025/10/cart_ico.png);
  background-repeat: no-repeat;
  background-position: 21px 14px;
  background-size: 32px;
  font-size: .75rem;
  font-weight: bold;
}

.header__block-2 {
  max-width: 1216px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.header-nav__container {
  padding: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(9,134px);
}

.header-nav__container > li {
  border-left: 1px solid #ccc;
}
.header-nav__container > li:first-child {
  border-left: none;
}

.header-nav__container li > a {
  display: block;
  height: 86px;
  text-align: center;
  color: #313131;
  text-decoration: none;
  font-size: .75rem;
  font-weight: bold;
  padding-top: 59px;
  background-repeat: no-repeat;
  background-position: center 16px;
}

.header-nav__container li.size > a {
  background-image: url(/wp-content/uploads/2025/10/size_search_ico.svg);
}

.header-nav__container li.use > a {
  background-image: url(/wp-content/uploads/2025/10/use_search_ico.svg);
}

.header-nav__container li.box > a {
  background-image: url(/wp-content/uploads/2025/10/box_ico.svg);
}

.header-nav__container li.sheet > a {
  background-image: url(/wp-content/uploads/2025/10/sheet_ico.svg);
}

.header-nav__container li.bubble > a {
  background-image: url(/wp-content/uploads/2025/10/bubble_ico.svg);
}

.header-nav__container li.package > a {
  background-image: url(/wp-content/uploads/2025/10/package_ico.svg);
}

.header-nav__container li.store > a {
  background-image: url(/wp-content/uploads/2025/10/store.svg);
  background-size: 64px;
}

.header-nav__container li.others > a {
  background-image: url(/wp-content/uploads/2025/10/other_ico.svg);
}

.header-nav__container li.order > a {
  background-image: url(/wp-content/uploads/2025/10/order_ico.svg);
}*/

/************************************
** 旧ヘッダー
************************************/
#masthead {
  height: 200px;
}

#fs_preview_header {
    margin-bottom: 0;
    position: absolute;
    z-index: 9999;
}

.fs-l-header {
    height: 200px;
}

#pc-header {
    background-color: #fff;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    height: 200px;
}

.pc-header__top-header {
  font-size: 1.2rem;
  height: 3.2rem;
  border-bottom: 1px solid #ccc;
  line-height: 1;
  overflow: hidden;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -ms-grid-column: 1;
  -ms-grid-column-span: 12;
  grid-column: 1/ 13;
  display: -ms-grid;
  display: grid;
  max-width: 1200px;
  margin: auto;
}

.pc-header__top-header .copy {
    margin: 0 1rem 0;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
    grid-column: 1/8;
    font-size: 1.3rem;
    line-height: 2.6;
}

.pc-header__top-header .FS2_repeater {
    -ms-grid-column: 8;
    -ms-grid-column-span: 4;
    grid-column: 8/12;
    font-size: 1.2rem;
    line-height: 2.6;
}


.pc-header__middle-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12,1fr);
    height: 8rem;
    color: #313131;
    max-width: 1200px;
    margin: auto;
}

.pc-header__site-logo {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
}

.pc-header__site-title {
    margin: 0;
}

.pc-header__bn-1 {
    -ms-grid-column: 4;
    -ms-grid-column-span: 3;
    grid-column: 4/7;
}

.pc-header__bn-2 {
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
    grid-column: 7/10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.pc-header__bn-2::before {
    content: '';
    width: 1px;
    position: absolute;
    height: 5.4rem;
    background-color: #333;
    left: 0;
    z-index: 999;
}

.pc-header__tel__text {
    font-size: 1.2rem;
}

.pc-header__personal-menu {
    -ms-grid-column: 10;
    -ms-grid-column-span: 3;
    grid-column: 10/13;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 9rem 9rem 1fr;
    grid-template-columns: 9rem 9rem 1fr;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pc-header__personal-menu::before {
    content: '';
    width: 1px;
    position: absolute;
    height: 5.4rem;
    background-color: #333;
    left: 0;
    z-index: 999;
}

.pc-header__personal-menu .login a:hover, .pc-header__personal-menu .cart a:hover {
    text-decoration: none;
}

.pc-header__personal-menu .login .ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 5rem;
    position: relative;
    left: -.1rem;
}

.pc-header__personal-menu .ico__login_hover, .pc-header__personal-menu .ico__login_normal {
    position: absolute;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    width: 3.7rem;
}

.ico__login_normal {
    opacity: 1;
}

.pc-header__personal-menu .login a:hover .ico__login_normal {
    opacity: 0;
}

.ico__login_hover {
    opacity: 0;
}

.pc-header__personal-menu .login {
  height: 8rem;
}

.pc-header__personal-menu .login a:hover .ico__login_hover {
    opacity: 1;
}

.pc-header .login .ico-text, .pc-header .cart .ico-text {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.pc-header .login .ico-text {
    color: #626262;
}

.pc-header__personal-menu .login > a, .pc-header__personal-menu .cart > a {
    height: 8rem;
    display: block;
    padding-top: .8rem;
}

.pc-header__personal-menu .cart {
    background-color: #c40000;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.pc-header__personal-menu .cart .ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 5rem;
    position: relative;
    left: -.1rem;
}

.pc-header__personal-menu .ico__cart {
    position: absolute;
    width: 4rem;
}

.pc-header .cart .ico-text {
    color: #fff;
}

.pc-header__personal-menu .other-menu > div > a {
  display: block;
  height: 26px;
  line-height: 2;
  padding: 0 1em;
  color: inherit;
  font-size: 1.2rem;
  font-weight: bold;
}

.pc-header__personal-menu .other-menu > div > a:hover {
  text-decoration: underline;
}


.pc-header__personal-menu .other-menu > div > a .ico {
  margin-right: .4em;
  display: inline-block;
  width: 14px;
}

.mypage .ico__mypage,.order-history .ico__order-history {
  position: relative;
  top: -1px;
}

.bottom-header-1 {
    height: 3.2rem;
    background-color: #ededed;
}

.pc-header__sub-menu {
    /*max-width: 520px;*/
    max-width: 650px;
    margin: 0 auto;
    list-style-type: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5,1fr);
    font-size: 1.4rem;
}

.pc-header__sub-menu__item > a {
    text-align: center;
    display: block;
    color: #222;
    line-height: 2.4;
}

.pc-header__main-navigation {
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
            box-shadow: 0 1px 2px #ccc;
}

.pc-header__site-navigation {
    max-width: 832px;
    margin: 0 auto;
    position: relative;
    height: 5.6rem;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 832px 184px;
    grid-template-columns: 832px 184px;
}

.pc-header__main-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* display: -ms-grid; */
  display: grid;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5,1fr);
  height: 56px;
}

.pc-header__main-menu__item {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-color: #fff;
    position: relative;
}

.pc-header__main-menu__item > span {
    display: block;
    text-align: center;
    height: 5.6rem;
    color: #222;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 4;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.pc-header__main-menu__item:hover > span {
    color: #fff;
}

.pc-header__main-menu__item > .sub-menu {
    width: 860px;
    padding: 1rem;
    background-color: #fff;
    display: none;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUpCustom;
    animation-name: fadeInUpCustom;
    -webkit-box-shadow: 3px 3px 3px rgb(0 0 0 / 20%), -2px -2px 3px rgb(0 0 0 / 20%);
            box-shadow: 3px 3px 3px rgb(0 0 0 / 20%), -2px -2px 3px rgb(0 0 0 / 20%);
    position: absolute;
    z-index: 99999;
    border-radius: 4px;
    -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 1rem;
}

.pc-header__main-menu__item:hover .sub-menu {
    display: -ms-grid;
    display: grid;
}

#m-box .sub-menu {
    left: -166.4px;
}

#m-sheet .sub-menu {
    left: -332.8px;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
}

#m-bubble .sub-menu {
    left: -499.2px;
}

#m-packing .sub-menu {
    left: -665.6px;
}

.pc-header__main-menu__item:hover > a {
    color: #fff;
}

#m-ordermade:hover {
    background-color: #f39c12;
}

#m-box:hover {
    background-color: #1abc9c;
}

#m-sheet:hover {
    background-color: #f1c40f;
}

#m-bubble:hover {
    background-color: #42b9d0;
}

#m-packing:hover {
    background-color: #5F464B;
}

.pc-header__main-menu__item .sub-menu__lead {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
}

.sub-menu__lead > p {
    margin: 0;
    display: inline-block;
    background-color: #444;
    color: #fff;
    padding: .2rem 1rem;
    font-size: 1.2rem;
}

#m-ordermade .sub-menu__box_1, #m-ordermade .sub-menu__box_2 {
    -ms-grid-column: 1;
        grid-column-start: 1;
}

#m-ordermade .sub-menu__box_3, #m-ordermade .sub-menu__box_4 {
    -ms-grid-column: 2;
        grid-column-start: 2;
}

#m-ordermade .sub-menu__box_5, #m-ordermade .sub-menu__box_6 {
    -ms-grid-column: 3;
        grid-column-start: 3;
}

#m-ordermade .sub-menu__box_2, #m-ordermade .sub-menu__box_3, #m-ordermade .sub-menu__box_5 {
    -ms-grid-row: 2;
        grid-row-start: 2;
}

.sub-menu__box {
    background-color: #fff;
}

.sub-menu__box__bn {
    display: block;
    height: 10rem;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 2px;
    overflow: hidden;
}

#m-box .sub-menu__box__bn {
    border-color: #1abc9c;
}

#m-sheet .sub-menu__box__bn {
    border-color: #f1c40f;
}

#m-bubble .sub-menu__box__bn {
    border-color: #42b9d0;
}

#m-packing .sub-menu__box__bn {
    border-color: #5F464B;
}

.sub-menu__box__bn.hako, .sub-menu__box__bn.hako_auto {
    border-color: #1ABC9C;
}

.sub-menu__box__bn.puchi, .sub-menu__box__bn.puchi_auto {
    border-color: #42b9d0;
}

.sub-menu__box__bn.ita {
    border-color: #f1c40f;
}

.sub-menu__box__bn.shikan {
    border-color: #535353;
}

.sub-menu__box__bn:hover {
    text-decoration: none;
    color: inherit;
}

.sub-menu__box__bn:hover::before {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
}

.sub-menu__box__bn::before {
    content: '';
    display: block;
    width: 70px;
    height: 70px;
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2019/01/main_icon.png);
    position: absolute;
    left: 6px;
    top: 10px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: 10;
}

.sub-menu__box__bn::after {
    content: '';
    display: block;
    width: 300px;
    height: 300px;
    position: absolute;
    background-color: #ccc;
    border-radius: 0px;
    -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
            transform: rotate(25deg);
    top: -155px;
    left: -220px;
    z-index: 0;
}

#m-box .sub-menu__box__bn::after {
    background-color: #1abc9c;
}

#m-sheet .sub-menu__box__bn::after {
    background-color: #f1c40f;
}

#m-bubble .sub-menu__box__bn::after {
    background-color: #42b9d0;
}

#m-packing .sub-menu__box__bn::after {
    background-color: #5F464B;
}

#m-ordermade .sub-menu__box__bn::after {
    border-radius: 300px;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}

.sub-menu__box__bn.hako::after,.sub-menu__box__bn.hako_auto::after {
    background-color: #1ABC9C;
}

.sub-menu__box__bn.puchi::after,.sub-menu__box__bn.puchi_auto::after {
    background-color: #42b9d0;
}

.sub-menu__box__bn.ita::after {
    background-color: #f1c40f;
}

.sub-menu__box__bn.shikan::after {
    background-color: #535353;
}

.sub-menu__box__bn.hako::before {
    background-position: -280px -280px;
}

.sub-menu__box__bn.hako_auto::before {
    background-position: -370px -190px;
}

.sub-menu__box__bn.puchi_auto::before {
    background-position: -10px -10px;
}

.sub-menu__box__bn.puchi::before {
    background-position: -10px -280px;
}

.sub-menu__box__bn.ita::before {
    background-position: -100px -280px;
}

.sub-menu__box__bn.shikan::before {
    background-position: -370px -280px;
}

.sub-menu__box__bn.box::before {
    background-position: -280px -370px;
}

.sub-menu__box__bn.moving::before {
    background-position: -370px -370px;
}

.sub-menu__box__bn.white::before {
    background-position: -460px -190px;
}

.sub-menu__box__bn.post::before {
    background-position: -370px -10px;
}

.sub-menu__box__bn.poster::before {
    background-position: -10px -370px;
}

.sub-menu__box__bn.guitar::before {
    background-position: -10px -190px;
}

.sub-menu__box__bn.golf::before {
    background-position: -100px -190px;
}

.sub-menu__box__bn.pc::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2020/10/im_box_pc.png) !important;
    background-size: contain;
}

.fs .sub-menu__box__bn.liquor::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2024/10/liquor_ico.png) !important;
    background-size: contain;
}

.fs .sub-menu__box__bn.flour::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2024/10/flour.png) !important;
    background-size: contain;
}

.fs .sub-menu__box__bn.giftbox::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2024/10/giftbox.png) !important;
    background-size: contain;
}

.fs .sub-menu__box__bn.luggage-tag::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2024/10/luggage-tag.png) !important;
    background-size: contain;
}

.fs .sub-menu__box__bn.plasticbag::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2024/10/plasticbag.png) !important;
    background-size: contain;
}

.fs .sub-menu__box__bn.lapping::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2024/10/lapping.png) !important;
    background-size: contain;
}

.sub-menu__box__bn.board::before {
    background-position: -100px -10px;
}

.sub-menu__box__bn.partition::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2021/10/partition_ico.png) !important;
    background-size: contain;
}

.sub-menu__box__bn.airrun::before {
    background-position: -10px -10px;
}

.sub-menu__box__bn.puti_bag::before {
    background-position: -100px -370px;
}

.sub-menu__box__bn.puti_roll::before {
    background-position: -190px -370px;
}

.sub-menu__box__bn.tube::before {
    background-position: -460px -100px;
}

.sub-menu__box__bn.cushion_envelopes::before {
    background-position: -280px -10px;
}

.sub-menu__box__bn.cushion_materials::before {
    background-position: -100px -100px;
}

.sub-menu__box__bn.d_roll::before {
    background-position: -10px -100px;
}

.sub-menu__box__bn.dumbol::before {
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2019/07/gomibako_icon_70_70.png) !important;
}

.sub-menu__box__bn.foam_sheet::before {
    background-position: -370px -100px;
}

.sub-menu__box__bn.packing_tape::before {
    background-position: -460px -10px;
}

.sub-menu__box__bn.delivery_bag::before {
    background-position: -190px -100px;
}

.sub-menu__box__bn__title {
    margin: 0;
    color: #313131;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
    padding: 1rem 1rem 0rem 9rem;
    position: relative;
    z-index: 1;
    letter-spacing: -0.02rem;
}

.sub-menu__box__bn__title > span {
    font-size: 1.2rem;
}

.sub-menu__box__bn__text {
    padding-left: 9rem;
    font-size: 1.2rem;
    margin: .5rem 0;
}

.sub-menu__box__bn__text > span {
    background-color: #808080;
    color: #fff;
    padding: .3rem .6rem;
}

.sub-menu__box__bn__btn {
    position: absolute;
    bottom: 6px;
    right: 6px;
    color: #fff;
    background-color: #5D5E60;
    font-weight: bold;
    font-size: 1.3rem;
    padding: .1rem 2rem .1rem .8rem;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px #3C3D3E;
            box-shadow: 0 2px #3C3D3E;
}

#m-ordermade .sub-menu__box__bn__btn {
    background-color: #C42323;
    -webkit-box-shadow: 0 2px #8F0000;
            box-shadow: 0 2px #8F0000;
}

.sub-menu__box__bn__btn::before {
    content: '';
    position: absolute;
    top: 50%;
    right: .7rem;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2019/07/iconmonstr-arrow-37-24-.png);
    width: 8px;
    height: 8px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.sub-menu__link {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    text-align: right;
}

.sub-menu__link > a {
    color: #313131;
    display: inline-block;
}

.sub-menu__link > a > p {
    margin: 0;
    position: relative;
}

.sub-menu__link > a > p::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -1.4rem;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-image: url(https://www.boxbank.jp/wp-content/uploads/2019/08/iconmonstr-arrow-25-48.png);
    width: 10px;
    height: 10px;
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

#search-form {
  margin: 0;
  display: block;
  max-width: 100%;
}

#search-form .fs-p-searchForm {
  height: 33.6px;
  border: none;
  border-radius: 0px;
  padding: 0;
  margin: 0;
}

.pc-header__main-navigation .fs-p-searchForm__inputGroup {
  height: 3.6rem;
  margin-top: 1rem;
  border: none;
  background-color: #fff;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: flex;
  align-items: stretch;
}

.pc-header__main-navigation .fs-p-searchForm__input {
  width: calc(100% - 4.8rem);
  background-color: #f9f9f9;
  border: none;
  border-radius: 0;
  flex-grow: 1;
  height: 3.6rem;
}

.pc-header__main-navigation .fs-p-searchForm__button {
  width: 3.6rem;
  height: 3.6rem;
  background-color: #626262;
  border-radius: 0;
  border: none;
  color: #ffffff;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
}

.pc-header__main-navigation .fs-p-searchForm__button::before {
    font-size: 2.4rem;
    line-height: 3.8rem;
    color: #fff;
    font-family: 'fs-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e932";
    display: block;
    position: absolute;
    text-indent: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/*  ▼アニメーション  */
#pc-header.is-animation {
    height: 154px;
}

.is-animation .pc-header__top-header {
    height: 0;
}

.is-animation .pc-header__site-navigation {
    height: 4rem;
}

.is-animation #pc-header__main-menu {
  height: 4rem;
}

.is-animation .pc-header__main-menu__item > span {
    height: 4rem;
    line-height: 3;
}

.is-animation .fs-p-searchForm__inputGroup.fs-p-inputGroup {
    margin-top: .2rem;
}
/*  ▲アニメーション  */


.fs-p-drawer__heading {
    display: none;
}

/*--------------------------------------------------------------
## ヘッダー　SP
--------------------------------------------------------------*/
#sp-header {
    /*box-shadow: 0 1px 3px #eee;*/
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    /*height: 128px;*/
    height: 56px;
    transition: .3s;
}

#sp-header .header-row-1 {
    height: 56px;
    border-bottom: 1px solid #eee;
}

#sp-header .header-logo {
    width: 40%;
    float: left;
}

#sp-header .header-logo > a {
    display: block;
    padding-top: 8px;
}

#sp-header .ico__login_hover {
    opacity: 1;
}

#sp-header .header-sub-menu {
    width: 60%;
    float: left;
}

#sp-header .header-sub-menu .btn {
    width: 33.33333%;
    float: left;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #fff;
}

#sp-header .header-sub-menu .btn:hover {
    opacity: 1;
}

#sp-header .header-sub-menu .btn > a {
    width: 100%;
    display: block;
}

#sp-header .header-sub-menu .btn.goto-login-btn > a {
    color: #25b0c4;
    background-color: #f9f9f9;
}

#sp-header .header-sub-menu .btn.goto-cart-btn > a {
    color: #fff;
    background-color: #f55;
}

#sp-header .header-sub-menu .btn.sub-menu-btn > a {
    background-color: #fff;
    color: #313131;
}

.sp-header .header-sub-menu .btn.hamburger-menu-btn > a {
    color: #333;
}

#sp-header .header-sub-menu .btn > a > .ico {
    display: block;
    text-align: center;
    width: 26px;
    margin: 0 auto;
    height: 36px;
    padding-top: 8px;
}

.sub-menu-btn .ico__close {
    display: none;
}

.sub-menu-btn.active .ico__menu {
    display: none;
}

.sub-menu-btn.active .ico__close {
    display: block;
}

#sp-header .header-sub-menu .btn > a .menu-title {
    text-align: center;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

#sp-header .header-sub-menu .btn > a .toggle-close, #sp-header .header-sub-menu .btn > a .fa-times {
    display: none;
}

#sp-header .header-sub-menu .btn.active > a .toggle-menu, #sp-header .header-sub-menu .btn.active > a > .ico .fa-bars {
    display: none;
}

#sp-header .header-sub-menu .btn.active > a .toggle-close, #sp-header .header-sub-menu .btn.active > a .fa-times {
    display: block;
}

#sp-header .header-sub-menu .dropdown-menu {
    display: none;
}

.sp-header .header-sub-menu .btn.hamburger-menu-btn > a {
    color: #333;
}

.sp-header .header-sub-menu .btn > a > .ico .hamburger-line {
    position: relative;
    top: 50%;
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: .2s;
}

.sp-header .header-sub-menu .btn > a > .ico .hamburger-line:before {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333;
    transition: .3s;
}

.sp-header .header-sub-menu .btn > a > .ico .hamburger-line:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #333;
    transition: .3s;
}

.sp-header .header-sub-menu .btn.active > a > .ico .hamburger-line {
    background: #fff0;
}

.sp-header .header-sub-menu .btn.active > a > .ico .hamburger-line:before {
    top: 0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sp-header .header-sub-menu .btn.active > a > .ico .hamburger-line:after {
    bottom: 0;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sp-header .hamburger-menu-btn > .dropdown-menu {
    position: fixed;
    top: 56px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    width: 50%;
}

#sp-header .hamburger-menu-btn.active > .dropdown-menu {
    display: block;
    visibility: visible;
    width: 90%;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu ul {
    margin: 0;
    padding: 0;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .main-nav {
    background: #f9f9f9;
    box-shadow: 0 0 4px;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .main-navi__head {
    height: 40px;
    background: #1abc9c;
    padding: 0 7.111111111111111%;
    line-height: 40px;
    color: #fff;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .main-nav a {
    position: relative;
    display: block;
    color: #555;
    border-bottom: 1px solid #fff;
    padding: 1em 14.22222222222222% 1em 7.111111111111111%;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .sub-nav > a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: .75em;
    width: .75em;
    height: .75em;
    border-top: 2px solid #555;
    border-right: 2px solid #555;
    -moz-transform: rotate(45deg) translate(-50%, 0);
    -webkit-transform: rotate(45deg) translate(-50%, 0);
    transform: rotate(45deg) translate(-50%, 0);
    -moz-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
    transition: .2s;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .sub-nav.active > a:after {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -moz-transform-origin: top;
    -webkit-transform-origin: top;
    transform-origin: top;
}

.sp-header .hamburger-menu-btn > .dropdown-menu .sub-nav ul {
    display: none;
}

.sp-header .hamburger-menu-btn > .dropdown-menu .sub-nav.active > ul {
    display: block;
    background: #eee;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .sub-nav.active > a {
    border: 0;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .sub-nav > ul a {
    border-bottom: 1px solid #fff;
    padding-right: 7.111111111111111%;
    padding-left: 16.2962962962963%;
}

.sp-header .hamburger-menu-btn > .dropdown-menu .sub-nav.active > ul li:first-child {
    box-shadow: inset 0 5px 4px -5px #aaa;
}

.sp-header .hamburger-menu-btn > .dropdown-menu .sub-nav.active > ul li:last-child {
    box-shadow: inset 0 -5px 4px -5px #ccc;
}

.sp-header .hamburger-menu-btn > .dropdown-menu .sub-nav.active > ul li:last-child a {
    border: 0;
}

.sp-header .hamburger-menu-btn.active > .dropdown-menu .sub-nav .bg-img {
    position: absolute;
    top: -11px;
    left: -1px;
    background-image: url(/wp-content/uploads/2019/01/main_icon.png);
    transform: scale(.3);
    opacity: .7;
}

.sp-header .hamburger-menu-btn > .dropdown-menu .menu__blank {
    display: block;
    width: 100%;
    height: 30%;
}

.fs-p-searchForm {
    height: 33.6px;
}

.fs-p-inputGroup {
    display: flex;
    align-items: stretch;
    border: 1px solid #444444;
    background: #444444;
}

.fs-p-searchForm__input.fs-p-inputGroup__input {
    border: none;
    border-radius: 0;
    width: calc(100% - 3em);
    flex-grow: 1;
    height: 36px;
    padding: 3px;
    box-sizing: border-box;
    line-height: 24px;
}

.fs-p-inputGroup__button {
    background: #444444;
    border: none;
    color: #ffffff;
    flex-shrink: 0;
}

.fs-p-searchForm__button {
    overflow: hidden;
    position: relative;
    text-indent: -999px;
    width: 35.2px;
    height: 36px;
    border-radius: 0;
}

.fs-p-searchForm__button::before {
    font-family: "fs-icon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e932";
    display: block;
    font-size: 22px;
    line-height: 38px;
    position: absolute;
    text-indent: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* ▼CSSスプライト */
.o-box-a .bg-img {
    width: 70px;
    height: 70px;
    background-position: -370px -190px;
}


.o-box .bg-img {
    width: 70px;
    height: 70px;
    background-position: -280px -280px;
}

.o-sheet .bg-img {
    width: 70px;
    height: 70px;
    background-position: -100px -280px;
}

.o-air .bg-img {
    width: 70px;
    height: 70px;
    background-position: -10px -280px;
}

.o-tube .bg-img {
    width: 70px;
    height: 70px;
    background-position: -370px -280px;
}

.o-hi .bg-img {
    width: 70px;
    height: 70px;
    background-position: -190px -190px;
}

.box .bg-img {
    width: 70px;
    height: 70px;
    background-position: -280px -370px;
}

.box-moving .bg-img {
    width: 70px;
    height: 70px;
    background-position: -370px -370px;
}

.box-white .bg-img {
    width: 70px;
    height: 70px;
    background-position: -460px -190px;
}

.click-post .bg-img {
    width: 70px;
    height: 70px;
    background-position: -370px -10px;
}

.poster .bg-img {
    width: 70px;
    height: 70px;
    background-position: -10px -370px;
}

.golf .bg-img {
    width: 70px;
    height: 70px;
    background-position: -100px -190px;
}

.guiter .bg-img {
    width: 70px;
    height: 70px;
    background-position: -10px -190px;
}

.pizza .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2021/01/m_pizza.png) !important;
}

#sp-header .monitor .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2020/10/im_box_pc.png) !important;
    background-size: contain;
}

#sp-header .liquor .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2024/10/liquor_ico.png) !important;
    background-size: contain;
}

#sp-header .giftbox .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2024/10/giftbox.png) !important;
    background-size: contain;
}

#sp-header .lapping .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2024/10/lapping.png) !important;
    background-size: contain;
}

#sp-header .luggage_tag .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2024/10/luggage-tag.png) !important;
    background-size: contain;
}

#sp-header .plastic_bag .bg-img {
    width: 70px;
    height: 70px;
    background-image: url(/wp-content/uploads/2024/10/plasticbag.png) !important;
    background-size: contain;
}

.sheet .bg-img {
    width: 70px;
    height: 70px;
    background-position: -100px -10px;
}

.air-run .bg-img {
    width: 70px;
    height: 70px;
    background-position: -10px -10px;
}

.puti-bag .bg-img {
    width: 70px;
    height: 70px;
    background-position: -100px -370px;
}

.puti-roll .bg-img {
    width: 70px;
    height: 70px;
    background-position: -190px -370px;
}

.tube .bg-img {
    width: 70px;
    height: 70px;
    background-position: -460px -100px;
}

.cushion-env .bg-img {
    width: 70px;
    height: 70px;
    background-position: -280px -10px;
}

.delivery-bag .bg-img {
    width: 70px;
    height: 70px;
    background-position: -190px -100px;
}

.foam .bg-img {
    width: 70px;
    height: 70px;
    background-position: -370px -100px;
}

.cushion-mate .bg-img {
    width: 70px;
    height: 70px;
    background-position: -100px -100px;
}

.d-roll .bg-img {
    width: 70px;
    height: 70px;
    background-position: -10px -100px;
}

.tape .bg-img {
    width: 70px;
    height: 70px;
    background-position: -460px -10px;
}

.ordermade .bg-img {
    background-position: -5px -75px;
}

.cardboard-box .bg-img {
    background-position: -75px -5px;
}

.cardboard-sheet .bg-img {
    background-position: -75px -75px;
}

.bubble-wrap .bg-img {
    background-position: -5px -5px;
}

.customer-card_1 .bg-img {
    background-position: -159px -5px;
}

.customer-card_2 .bg-img {
    background-position: -5px -5px;
}

.customer-card_3 .bg-img {
    background-position: -5px -159px;
}

.customer-card_4 .bg-img {
    background-position: -159px -159px;
}

.customer-card_man .bg-img {
    background-position: -5px -5px;
}

.customer-card_woman .bg-img {
    background-position: -159px -5px;
}
/* ▲CSSスプライト */

/************************************
** ブログページタイトル
************************************/

.blogpage-title h2 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin: 32px 0;
}

/************************************
** パンくずリスト
************************************/

.breadcrumb a, .breadcrumb {
  color: #313131;
}

/************************************
** .entry-card
************************************/

.a-wrap {
    padding: 1.6rem;
}

.entry-card-wrap.a-wrap {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #666;
}

.entry-card-wrap.a-wrap:hover {
    box-shadow: 2px 2px 2px #c8c8c8;
}

.a-wrap .hentry {
    margin-bottom: 0;
}

.entry-card {
  display: flex;
}

.related-entry-card-title, .entry-card-title {
    font-size: 20px;
}

.entry-card-thumb {
  flex-basis: 45%;
}

.entry-card-content {
  margin-left: 0;
  flex-basis: 55%;
}

.entry-card-wrap.a-wrap:hover .entry-card-title.card-title.e-card-title {
    text-decoration: underline;
}

.entry-card-info > * {
    font-size: .875em;
}

/************************************
** 関連記事
************************************/
.related-entry-card {
    display: flex;
}
.related-entry-card-thumb {
    flex-basis: 45%;
}
.related-entry-card-content {
    margin-left: 0;
    flex-basis: 55%;
}

/************************************
** サイドバー
************************************/
.sidebar {
    padding-top: 37px;
}

.sidebar h2, .sidebar h3 {
  background-color: #faf9f7;
  margin: 0;
  border: 1px solid #666;
}
.widget_categories ul li a {
  border-top: 1px dashed #666;
}
.widget_categories ul li a:hover {
  text-decoration: underline;
}
.widget_categories > ul {
  border: 1px solid #666;
  border-top: none;
}
.widget_categories ul li ul {
  padding-left: 0;
}
.widget_categories ul li > ul li a {
  padding-left: 32px;
}
.widget_categories > ul li a {
  padding-left: 16px;
}

.widget_categories ul li:first-child > a {
  border-top: none;
}

.new-entry-cards.widget-entry-cards {
    border: 1px solid #666;
    border-top: none;
}


.widget-entry-cards .a-wrap {
    border-bottom: 1px dashed #666;
}

.widget-entry-cards .a-wrap:last-child {
    border-bottom: none;
}

.widget-entry-cards .a-wrap:hover {
    text-decoration: underline;
}

.widget-entry-card-title.card-title {
    font-size: 14px;
}

/************************************
** 投稿
************************************/
.wp-singular .main {
    background-color: #F5F4F0;
    padding: 3.2rem 2.4rem;
}

.wp-singular .article {
    background-color: #fff;
    padding: 4rem 3.2rem;
    border-radius: .8rem;
}

.article-header.entry-header h1 {
    line-height: 1.5;
    margin: 0;
}

#toc .toc-title {
    display: block;
}

.toc .toc-list li {
    margin-bottom: 1rem;
}

[id^="toc"] {
    scroll-margin-top: 250px;
}

/************************************
** フッター
************************************/

/*▼　フッター新　▼*/
.footer-contents {
    max-width: 1200px;
    margin: 10rem auto 0;
}
.footer-content-1 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 3.6rem;
    margin-bottom: 2.4rem;
}
.footer-contents h4 {
  text-align: center;
  font-size: 1.6rem;
  background-color: #eee;
  margin: 0 0 2rem;
  padding: 1rem;
  font-weight: bold;
}

.footer-content-payment p {
    padding: 0 1rem;
    line-height: 1.7;
    margin: 1rem 0;
}
.footer-content-payment a {
    text-decoration: underline;
    color: #3c3c3c;
    font-size: 1.4rem;
}
.footer-content-shipment p.emphasis, .footer-content-shipping p.emphasis {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #c40000;
    border: 2px solid #c40000;
    padding: 0.6rem 0;
    margin: 0 1rem;
}

.footer-content-shipment p.emphasis span, .footer-content-shipping p.emphasis span {
    position: relative;
    margin: 0;
}

.footer-content-shipment p.emphasis span::before,
.footer-content-shipping p.emphasis span::before {
    content: "※";
    font-size: 70%;
    position: absolute;
    right: -1.2rem;
    bottom: 0.2rem;
}

.footer-content-shipment p, .footer-content-shipping p {
    padding: 0 1rem;
    line-height: 1.7;
    margin: 1rem 0;
    font-size: 1.4rem;
}

.footer-content-shipping dl {
  padding: 0 1rem;
}
.footer-content-shipping dt {
    display: inline-block;
    background-color: #313131;
    color: #fff;
    padding: 0.6rem 1rem;
    font-weight: bold;
    border-radius: 2px;
    line-height: 1;
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
}
.footer-content-shipping dd {
    margin-left: 1.6rem;
    margin-bottom: 0.8rem;
    line-height: 1.7;
    font-size: 1.4rem;
}
.footer-content-shipping dd .note {
  font-size: 1.2rem;
}

.footer-content-2 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 3.6rem;
}

.footer-content-contact .contact-row {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.contact-form > a {
    text-align: center;
    display: block;
    background-color: #333;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    padding: 0.5rem;
    margin: 0 1rem;
    border-radius: 4px;
    text-decoration: none;
    transition: .2s;
    margin-bottom: 1rem;
}
.contact-form > a:hover {
  background-color: #1abc9c;
}
.contact-form > a > p {
    margin: 1rem 0;
    line-height: 3rem;
}
.contact-form .faq,
.contact-fax .paper {
    text-align: center;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.contact-form .faq a, .contact-fax .paper a {
    font-size: 1.5rem;
    position: relative;
    text-decoration: underline;
    line-height: 1;
    padding-right: 1.6rem;
    color: #3c3c3c;
}

.contact-form .faq a::before,
.contact-fax .paper a::before {
    content: "";
    position: absolute;
    top: 55%;
    right: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 2px solid #313131;
    border-right: 2px solid #313131;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: .2s;
}

.contact-form .faq a:hover::before,
.contact-fax .paper a:hover::before {
  right: -0.2rem;
}

.footer-content-contact .contact-fax .number {
    text-align: center;
    font-size: 2.4rem;
    border: 1px solid #313131;
    background-color: #eee;
    border-radius: 4px;
    height: 6rem;
    display: grid;
    place-items: center;
    margin-bottom: 1rem;
}
.footer-content-contact .contact-fax {
  padding: 0 1rem;
}

.footer-content-business {
    text-align: center;
    padding: 6rem 0;
}

.footer-content-business dl {
    margin: 1rem 8rem 1rem;
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-rows: 1fr 1fr;
}

.footer-content-business dt, .footer-content-business dd {
    margin: 0 0 0.8rem;
    padding: 0.4rem 0.6rem;
    line-height: 1;
    font-size: 1.4rem;
}

.footer-content-business dt {
    display: inline-block;
    border: 1px solid #313131;
    color: #313131;
    font-weight: bold;
    border-radius: 2px;
}

.footer-bottom-nav {
  max-width: 980px;
  margin: 0 auto;
}

.footer-bottom-nav ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.footer-bottom-nav ul > li {
    padding: 0 1.6rem;
    position: relative;
    line-height: 14px;
}

.footer-bottom-nav ul > li > a {
    font-size: 1.4rem;
    color: #3c3c3c;
}

.footer-bottom-nav ul > li > a:hover {
    text-decoration: underline;
}

.footer-bottom-nav ul > li:not(:last-child)::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #3c3c3c;
  position: absolute;
  top: 0;
  right: 0;
}

/*▲　フッター新　▲*/

#footer {
    padding: 0;
}

#footer .footer-nav {
    background-color: #ecf0f1;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#footer .footer-nav .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2em;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5,1fr);
}

#footer .footer-nav .f-nav {
    margin: 0 1.5em;
    float: left;
}

#footer .footer-nav dl dt {
    font-size: .875em;
}

#footer .footer-nav dl dd {
    font-size: .75em;
}

#footer .footer-nav dl dt, #footer .footer-nav dl dd {
    margin: 0;
    padding: .2em 0;
}

#footer .footer-nav dl dd {
    padding-left: .5em
}

#footer .footer-nav dl a {
    color: #333;
    
}

#footer .copyright {
    margin: 0;
}

#footer .copyright > p {
    text-align: center;
    font-size: .75em;
    color: #fff;
    background: #333;
    padding: .75em;
    margin: 0;
}

#footer .copyright > p > a {
    color: #fff;
}

#footer .sp-footer-nav {
    width: 100%;
}

#footer .sp-footer-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#footer .sp-footer-nav ul > li {
    border-top: 1px solid #ccc;
}

#footer .sp-footer-nav ul > li:first-child {
    border-top: none;
}

#footer .sp-footer-nav ul > li > a {
    text-align: center;
    display: block;
    padding: .5em;
    color: #fff;
    background-color: #888;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    #masthead {
        height: 56px;
    }

    .blogpage-title h2 {
        font-size: 2rem;
    }

    .entry-card {
        display: block;
    }

    .entry-card-wrap.a-wrap {
        padding: 1rem;
    }

    .entry-card-thumb {
        width: 100%;
    }

    .entry-card-content {
        width: 100%;
    }

    .related-entry-card-title, .entry-card-title {
        font-size: 1.6rem;
    }

.wp-singular .main {
    padding: 1.6rem 1rem;
}

.wp-singular .article {
    padding: 2.4rem 1.6rem;
}

.toc-list {
    margin-left: 0;
}

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/************************************
** @font-face
************************************/
/* ▼フォント指定▼ */
@font-face {
　　　　font-family: 'noto-sans-jp';
　　　　src: url("https://boxbank.itembox.cloud/item/NotoSansJP-Medium.woff")format("woff");
　　　　font-weight: normal;
　　　　font-display: swap;
}

@font-face {
　　　font-family: 'noto-sans-jp';
　　　src: url("https://boxbank.itembox.cloud/item/NotoSansJP-Bold.woff")format("woff");
　　　font-weight: bold;
　　　font-display: swap;
}

@font-face {
  font-family: 'fs-icon';
  src: url("https://boxbank.itembox.cloud/system/font/fs-icon.ttf?u9qlix") format("truetype"), url("https://boxbank.itembox.cloud/system/font/fs-icon.woff?u9qlix") format("woff"), url("https://boxbank.itembox.cloud/system/font/fs-icon.svg?u9qlix#fs-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}