html {
  height:100%;
  overflow-y: scroll;
}
body {
  height:100%;
  /* font: 15px/1.231 こぶりなゴシック W3 JIS2004, Koburina Gothic W3 JIS2004, YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック' ,sans-serif; */
  font: 500 16px / 1.8 "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height:1.8;
  letter-spacing: .08em;
  *font-size: small;
  *font: x-small;
  color:#333;
}
@media all and (-ms-high-contrast:none){
  body{
	font-family: こぶりなゴシック W3 JIS2004, Koburina Gothic W3 JIS2004, "メイリオ",Meiryo,'Lato', YuGothic, '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック' ,sans-serif;
  }
}
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}
ul,ol {list-style: none;}
small {font-size: 86%;}
a,
img {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  outline : none;
}
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
p span.large {
  font-size: 120%;
  color: #900200;
}

.mgn-btm8 {  margin-bottom: 8px;}
.mgn-btm16 {  margin-bottom: 16px;}
.mgn-btm24 {  margin-bottom: 24px;}
.mgn-btm32 {  margin-bottom: 32px;}
.mgn-btm40 {  margin-bottom: 40px;}
.mgn-btm48 {  margin-bottom: 48px;}
.mgn-btm56 {  margin-bottom: 56px;}
.mgn-btm64 {  margin-bottom: 64px;}
.mgn-btm72 {  margin-bottom: 72px;}
.mgn-btm80 {  margin-bottom: 80px;}
.mgn-btm88 {  margin-bottom: 88px;}
.mgn-btm96 {  margin-bottom: 96px;}
.mgn-btm104 {  margin-bottom: 104px;}
.mgn-top8 {  margin-top: 8px;}
.mgn-top16 {  margin-top: 16px;}
.mgn-top24 {  margin-top: 24px;}
.mgn-top32 {  margin-top: 32px;}
.mgn-top40 {  margin-top: 40px;}
.mgn-top48 {  margin-top: 48px;}
.mgn-top56 {  margin-top: 56px;}
.mgn-top64 {  margin-top: 64px;}
.mgn-top72 {  margin-top: 72px;}
.mgn-top80 {  margin-top: 80px;}
.mgn-top88 {  margin-top: 88px;}
.mgn-top96 {  margin-top: 96px;}
.mgn-top104 {  margin-top: 104px;}
.pdg-top0 {  padding-top: 0;}

.flt-rgt { float: right; }
.flt-lft { float: left; }
.txt-ctr,
.txt-ctr-pc { text-align: center; }
.txt-rgt,
.txt-rgt-pc { text-align: right; }

.txt-highlight {
  background-image: linear-gradient(transparent 70%, #fff8d4 70%);
}

.txt-lg { font-size: 120%; /* 18px */ }
.txt-xl { font-size: 133.33%; /* 20px */ }
.txt-sm { font-size: 93.33%; /* 14px */ }

.txt-lg-box {
  display: inline-block;
  padding: 1.5em 1em;
  font-size: 120%;
  border-top: dashed 1px #910000;
  border-bottom: dashed 1px #910000;
}

.pos_rel {
  position: relative;
}
.pos_ab {
  position: absolute;
}

.pc-none { display: none; }
.sp-none { display: inline-block; }
.none { display: none; }
.dis_block {display: block;}

@media (min-width: 768px) {
  @-moz-document url-prefix() {
	*{ font-feature-settings: "palt";}
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	*{ font-feature-settings: "palt";}
  }
}

@media screen and (max-width: 767px) {
  .txt-ctr-pc,
  .txt-rgt-pc { text-align: left; }
}

/* =====================================================================================

	keyframes

===================================================================================== */
  @keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0}
    100% {opacity: 1}
  }
  @-webkit-keyframes fadeIn {
    0% {opacity: 0}
    50% {opacity: 0}
    100% {opacity: 1}
  }
  @keyframes fadeInTab {
    0% {opacity: 0}
    100% {opacity: 1}
    100% {opacity: 1}
  }
  @-webkit-keyframes fadeInTab {
    0% {opacity: 0}
    100% {opacity: 1}
  }
  @keyframes fadeOutTab {
    100% {opacity: 1}
    0% {opacity: 0}
  }
  @-webkit-keyframes fadeOutTab {
    100% {opacity: 1}
    0% {opacity: 0}
  }
  @keyframes fadeInDisp {
    0% { display: none; opacity: 0; }
    1% { display: block; opacity: 0; }
    100% { display: block; opacity: 1; }
  }
  @keyframes fadeOutDisp {
    0% { display: none; opacity: 1; }
    99% { display: block; opacity: 0; }
    100% { display: block; opacity: 0; }
  }


/* =====================================================================================

	COMMON

===================================================================================== */
/* flex
**************************************** */
  
/* --- ブロック要素 --- */
.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

/* --- インライン要素 --- */
.flex-inline {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

/* --- 逆向き --- */
.flex-reverse {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  
/* --- 縦並び --- */
.flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

/* --- 水平方向揃え --- */
.flex-j-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex-j-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .flex-j-ctr {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-j-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .flex-j-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

/* --- 垂直方向揃え --- */
.flex-a-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flex-a-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .flex-a-ctr {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-a-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .flex-a-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

/* --- 子要素の折り返し設定 --- */
.flex-c-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .flex-c-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

/* --- 子要素の複数行設定 --- */
.flex-c-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  .flex-c-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .flex-c-start {
    -webkit-align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  .flex-c-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  .flex-c-ctr {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .flex-c-baseline {
    -webkit-align-content: baseline;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
  }
  .flex-c-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  
/* --- ざっくりflexレイアウト --- */
  .flex-col2,
  .flex-col3,
  .flex-col4,
  .flex-col6,
  .flex-col7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-col2 > * {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .flex-col2.narrow > * {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .flex-col2 .txtarea {
    flex: 1;
    max-width: none;
    padding-left: 6%;
    padding-right: 4%;
    padding: 4% 6% 4% 8%;
  }
  .flex-col2 > *:nth-child(even) { margin-right: 0; }
  .flex-col2.flex-reverse .txtarea {
    padding: 4% 8% 4% 6%;
  }
  .flex-col2 .imgarea {
    width: 50%;
  }
  .flex-col3 > * {
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 3%;
  }
  .flex-col3 > *:nth-child(3n) { margin-right: 0; }
  .flex-col4 > * {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .flex-col4 > *:nth-child(4n) { margin-right: 0; }
  .flex-col6 > * {
    width: 15.2%;
    margin-right: 1.75%;
    margin-bottom: 1.75%;
  }
  .flex-col6.narrow > * {
    width: 15.8%;
    margin-right: 1%;
    margin-bottom: 1%;
  }
  .flex-col6 > *:nth-child(6n) { margin-right: 0; }
  .flex-col7 > * {
    width: 13%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
  }
  .flex-col7 > *:nth-child(7n) { margin-right: 0; }

  @media screen and (max-width: 768px) {

  /* --- 縦並び - sp --- */
    .flex-sp-block {
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    .flex-col2.flex-sp-block > *,
    .flex-col2.narrow.flex-sp-block > *,
    .flex-col3.flex-sp-block > *,
    .flex-col4.flex-sp-block > *,
    .flex-col6.flex-sp-block > *,
    .flex-col7.flex-sp-block > * {
      width: 100%;
      margin-bottom: 24px;
      margin-right: 0;
    }
    .flex-col2.flex-sp-block > *:last-child,
    .flex-col3.flex-sp-block > *:last-child,
    .flex-col4.flex-sp-block > *:last-child,
    .flex-col6.flex-sp-block > *:last-child,
    .flex-col7.flex-sp-block > *:last-child {
      margin-bottom: 0;
    }
    
  /* --- ざっくりflexレイアウト - sp --- */
    .flex-sp-col2 > *,
    .flex-sp-col2.flex-col3 > *:nth-child(3n),
    .flex-sp-col2.flex-col6 > *,
    .flex-sp-col2.flex-col6 > *:nth-child(6n),
    .flex-sp-col2.flex-col6.narrow > *,
    .flex-sp-col2.flex-col6.narrow > *:nth-child(6n) {
      width: 48.5%;
      margin-right: 3%;
      margin-bottom: 3%;
    }
    .flex-sp-col2 > *:nth-child(even) { margin-right: 0 !important; }
    .flex-sp-col3 > *,
    .flex-sp-col3.flex-col4 > *:nth-child(4n) {
      width: 31.33%;
      margin-right: 3%;
      margin-bottom: 3%;
    }
    .flex-sp-col3 > *:nth-child(3n) { margin-right: 0; }

  }

/* fonts
*************************************************** */
  .a1-mincho {
    font-family: 'Lora', 'A1明朝';
    letter-spacing: .2em;
    transform: rotate(0.05deg);
  }
  .cabin {
    font-family: 'Cabin', sans-serif;
  }
  .koburina {
    font-family: こぶりなゴシック W3 JIS2004, Koburina Gothic W3 JIS2004;
  }
  .garamond {
    font-family: 'EB Garamond', serif;
  }

/* line-height
*************************************************** */
  .lh-2 {
    line-height: 2;
  }

/* color
*************************************************** */
  .txt-main {
    color: #910000;
  }

/* bg
*************************************************** */ 
  .bg-bg {
    background-color: #E7E0E0;
  }
  .bg-gr {
    background-color: #f9f9f9;
  }

/* border
*************************************************** */ 
  .bd-rd {
    border: 1px solid #910000;
  }

/* img
*************************************************** */
  .img-ctr {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .img-trim {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img-trim.pos_rel::before {
    content: '';
    display: block;
  }
  .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
  .img-cover.pos_ab {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .img-contain {
    object-fit: contain;
    font-family: 'object-fit: contain;';
  }

/* table
*************************************************** */
  .table-dash {
    width: 100%;
  }
  .table-dash tr {
    border-bottom: 1px dashed #A0A0A0;
  }
  .table-dash th,
  .table-dash td {
    padding: 1em 4em;
    vertical-align: middle;
  }
  .table-dash th {
    text-align: left;
    width: 15em;
  }
  .table-solid {
    width: 100%;
  }
  .table-solid th,
  .table-solid td {
    padding: 1em;
    border: 1px solid #999;
    vertical-align: middle;
  }
  .table-solid th {
    background-color: #f4efe9;
  }
  .table-solid td {
    background-color: #fff;
  }

  @media screen and (max-width: 767px) {
    .table-sp-block th,
    .table-sp-block td {
      width: 100%;
      display: block;
      padding: .5em 1em;
    }
    .table-dash.table-sp-block tr {
      border-bottom: 0;
    }
    .table-dash.table-sp-block th {
      border-bottom: 1px dashed #A0A0A0;
    }
    .table-dash .table-sp-block td {
      padding-bottom: 1em;
    }
    .table-solid.table-sp-block th,
    .table-solid.table-sp-block tr:not(:last-child) td {
      border-bottom: 0;
    }
  }

/* list
*************************************************** */
  .list li {
    position: relative;
    padding-top: 6px;
    padding-left: 34px;
  }
  .list li:before {
    content: '';
    position: absolute;
    top: 16px;
    left: 12px;
    width: 8px;
    height: 8px;
    background-color: #910000;
    border-radius: 50%;
    padding-top: 0;
  }
  .list-flow {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .list-flow li {
    position: relative;
    counter-increment: num;
    padding-left: 80px;
  }
  .list-flow li:not(:last-child) {
    padding-bottom: 72px;
  }
  .list-flow li::before {
    content: counter(num);
    position: absolute;
    top: -6px;
    left: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'EB Garamond', serif;
    font-size: 146.67%; /* 22px */
    width: 48px;
    height: 48px;
    color: #6e6e6e;
    background-color: #f4efe9;
    font-weight: 400;
  }
  .list-flow li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 58px;
    left: 36px;
    width: 1px;
    height: calc(100% - 80px);
    border-right: 1px solid #A0A0A0;
  }
  .list-flow .ttl {
    font-size: 160%; /* 24px */
    margin-bottom: 1em;
  }

  @media screen and (max-width: 767px) {
    .list li {
      padding-left: 28px;
    }
    .list li:before {
      top: 14px;
      left: 10px;
    }
    .list-flow li {
      padding-left: 56px;
    }
    .list-flow li:not(:last-child) {
      padding-bottom: 56px;
    }
    .list-flow li::before {
      top: -2px;
      left: 12px;
      width: 32px;
      height: 32px;
      font-size: 128.57%; /* 18px */
    }
    .list-flow li:not(:last-child)::after {
      top: 42px;
      left: 28px;
      height: calc(100% - 56px);
    }
    .list-flow .ttl {
      font-size: 142.86%; /* 20px */
      margin-bottom: 1em;
    }
  }

/* pattern
*************************************************** */
  .pt_01 {
    background: url(../images/pt_01.jpg);
  }
  .pt_02 {
    background: url(../images/pt_02.jpg);
  }
  .pt_03 {
    background: url(../images/pt_03.jpg);
  }
  .pt_04 {
    background: url(../images/pt_04.jpg);
  }

/* post
*************************************************** */ 
  .post {
    border-bottom: 1px dashed #fff;
  }
  .posts-default .post {
    position: relative;
    border: none;
    padding: 48px 24px;
    margin: 0 0 56px;
    border: 1px dashed #333;
    z-index: 0;
    transition: .6s ease-out;
  }
  .posts-default .post::before {
    background: rgba(255,255,255,.6);
    content: '';
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    z-index: -1;
    pointer-events: none;
    transition: .4s ease-out;
  }
  .posts-default:hover .post{
    opacity: .3;
  }
  .posts-default:hover .post:hover {
    opacity: 1;
  }
  .post--link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }

/* style
**************************************** */
  .category_list a {
  background: #900200;
  }
  .page--text p:not(:last-child) {
  margin: 0 0 1em;
  }
  strong.underline {
    border-bottom: 1px dashed #900200;
    display: inline-block;
  }

/* layout
 **************************************** */

/* --- inner --- */
  .inner {
    width: 90%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .inner-sm {
    max-width: 800px;
  }
  .inner-sm2 {
    max-width: 980px;
  }
  .inner-lg {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .inner-xl {
    width: 86%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

/* --- section_pdg --- */
  .section_pdg {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section_pdg-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section_pdg-lg {
    padding-top: 96px;
    padding-bottom: 96px;
  }
  .section_pdg-xl {
    padding-top: 152px;
    padding-bottom: 152px;
  }
  .wrapper01 {
    max-width: 1000px;
    margin: 0 auto;
  }
  .indent {
    padding-left: 1em;
    text-indent: -1em;
  }
  .note {
    color: #6e6e6e;
    font-size: 93.33%; /* 14px */
  }
  .section_border {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  .section_border + .section_border {
    border-top: none;
  }

/* ttl
 **************************************** */
  .top_section_ttl {
    font-size: 262.5%;
    font-weight: 400;
    letter-spacing: .2em;
  }
  .top_section_ttl + br + .a1-mincho {
    font-weight: 500;
  }
  .top_section_description {
    letter-spacing: 0.14em;
  }
  .page_ttl {
    position: relative;
    z-index: 0;
    text-align: center;
    font-size:1.7em;
    letter-spacing: .3em;
    background-size:cover;
    position:relative;
    overflow:hidden;
  }
  .subpage .page_ttl {
    text-shadow: 0 0 10px rgba(0,0,0,.5);
  }
  .page_ttl--bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .page_ttl.pt_01 {
    background-size: auto;
  }
  .page_ttl img{
    width:100%;
    margin:auto;
  }
  .section_ttl {
    font-size: 160%;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: .1em;
  }
  .page_ttl {
    padding: 180px 0 180px;
    background: url(../images/title/title-base.jpg) no-repeat center/cover;
  }
  .archive- .page_ttl {
    background: url(../images/title/title-item.jpg) no-repeat center/cover;
  }
  .page-time .page_ttl {
    background: url(../images/title/title-time.jpg) no-repeat center/cover;
  }
  .page-quality .page_ttl {
    background: url(../images/title/title-quality.jpg) no-repeat center/cover;
  }
  .page-remake .page_ttl {
    background: url(../images/title/title-remake.jpg) no-repeat center/cover;
  }
  .page-repair .page_ttl {
    background: url(../images/title/title-repair.jpg) no-repeat center/cover;
  }
  .page-reserve .page_ttl,
  .page-reserve-thanks .page_ttl {
    background: url(../images/title/title-reserve.jpg) no-repeat center/cover;
  }
  .page-store .page_ttl {
    background: url(../images/title/title-store.jpg) no-repeat center/cover;
  }
  .page-catalog .page_ttl,
  .page-catalog-thanks .page_ttl {
    background: url(../images/title/title-catalog.jpg) no-repeat center/cover;
  }
  .page-guide .page_ttl,
  .page-privacy .page_ttl,
  .page-tokusho .page_ttl,
  .page-contact .page_ttl,
  .page-thanks .page_ttl {
    background: url(../images/title/title-guide.jpg) no-repeat center/cover;
  }
  .page-visit .page_ttl {
    background: url(../images/title/title-visit.jpg) no-repeat center/cover;
  }
  .page-thought .page_ttl {
    background: url(../images/title/title-thought.jpg) no-repeat center/cover;
  }
  .page-commitment .page_ttl {
    background: url(../images/title/title-commitment.jpg) no-repeat center/cover;
  }
  .page-original-item .page_ttl {
    background: url(../images/title/title-original-bag.jpg) no-repeat center/cover;
  }
  .archive- .page_ttl {
    background: url(../images/title/title-item.jpg) no-repeat center/cover;
  }
  .archive-voice .page_ttl {
    background: url(../images/title/title-voice.jpg) no-repeat center/cover;
  }
  .archive-news .page_ttl {
    background: url(../images/title/title-news.jpg) no-repeat center/cover;
  }
  .subpage.single.single-news .page_ttl {
    background: url(../images/title/title-news.jpg) no-repeat center/cover;
  }
  .page-guarantee .page_ttl {
    background: url(../images/title/title-guarantee.jpg) no-repeat center/cover;
  }
  .page-usces-member .page_ttl,
  .page-usces-cart .page_ttl {
    background: url(../images/pt_01.jpg);
    padding: 120px 0 40px;
  }
  .subpage.single- .page_ttl {
    display: none;
  }
  .subpage .page_ttl h1 {
    color: #fff;
  }
  .page-usces-member .page_ttl h1,
  .page-usces-cart .page_ttl h1 {
    color: #000;
  }
  .page_ttl-jp {
    font-size: 145%;
    letter-spacing: .15em;
    display: inline-block;
    margin: 0 0 16px;
  }
  .page_ttl-eng {
    display: block;
    letter-spacing: .1em;
    font-size: 65%;
    text-transform: capitalize;
  }
  body:not(.page-usces-cart) .page_ttl-jp {
    color: #fff;
  }
  body:not(.page-usces-cart) .page_ttl-eng {
    color: #fff;
  }

  @media(max-width: 1100px) {
    .page_ttl {
      height:auto;
      }
  }
  .section_ttl_img{
	margin: 20px auto 40px auto;
	display: table;
  }
  .home .section_ttl {
    color: #000;
    line-height: 1.2em;
    letter-spacing: .1em;
  }
  .home .section_ttl span {
    font-size: 0.5em;
    color: #000;
  }
  .section_ttl03 {
    margin: 180px auto;
    font-size: 1.8em;
    font-weight: normal;
  }
  .section_ttl03 span{
    margin-left:30px;
  }
  .section_ttl04 {
    margin:80px auto -100px auto;
    font-size: 1.8em;
    font-weight: normal;
    line-height:1.2em;
    position: relative;
    top:10;
  }
  .section_ttl05 {
    max-width:1000px;
    margin:20 auto;
    font-size: 1.8em;
    font-weight: normal;
    text-align:center;
  }
  .section_ttl05 span{
    width:100%;
    float:left;
    font-size: 0.5em;
    text-align:center;
    padding-top:10px;
  }
  .section_ttl06 {
    font-family: 'Lora', 'A1明朝';
    font-size: 1.8em;
    letter-spacing: 0.3em;
  }
  .section_ttl06 span{
    display: block;
    padding-top: 4px;
    font-size: 0.4em;
    line-height: 1;
    letter-spacing: 0.15em;
    opacity: 0.5;
    font-family: 'cabin';
  }
  .section_ttl07 {
    margin: 0 auto;
    font-size: 1.8em;
    font-weight: normal;
    text-align: left;
    padding: 0 0 20px 0;
  }
  .section_ttl08 {
    font-family: 'Lora', 'A1明朝';
    text-align: center;
    font-size: 150%; /* 24px */
    letter-spacing: 0.2em;
    position: relative;
    display: table;
    margin: 0 auto 48px;
  }
  .section_ttl08 span{
    display: block;
    padding-top: 8px;
    font-size: 50%;
    line-height: 1;
    letter-spacing: 0.15em;
    opacity: 0.5;
    font-family: 'cabin';
  }
  .section_ttl08::before,
  .section_ttl08::after {
    content: "";
    width: 160px;
    height: 1px;
    position: absolute;
    display: block;
    border-top: 4px double #999;
    top: 46%;
    bottom: 0;
  }
  .section_ttl08::before {
    left: -192px;
  }
  .section_ttl08::after {
    right: -192px;
  }
  .section_ttl09 {
    font-family: 'Lora', 'A1明朝';
    font-size: 162.5%; /* 26px */
    letter-spacing: .15em;
    font-weight: normal;
    background: url(../images/randsel_line.png) no-repeat center bottom;
    padding: 0 0 48px;
    text-align: center;
  }
  .section_ttl09 span {
    display: block;
    width: 100%;
    font-size: 46.88%; /* 15px */
    letter-spacing: 0.2em;
    font-family: 'cabin';
    line-height: 1;
    margin-top: 8px;
    opacity: 0.5;
  }
  .section_ttl09 rt {
    transform: translateY(-.5em);
    letter-spacing: .08em;
  }
  .section_ttl10{
    font-family: 'Lora', 'A1明朝';
    font-size: 2em;
    float:left;
    width:80%;
    text-align:left;
    padding:60px 0px 40px 20px;
    letter-spacing: 6px;
  }
  .section_ttl11 {
    font-family: 'Lora', 'A1明朝';
    font-size: 1.5em;
    font-weight: normal;
    text-align:left;
    padding: 0 0 16px;
    line-height:1.5em;
    border-bottom:dashed 1px #000;
  }
  .section_ttl12 {
    font-family: 'Lora', 'A1明朝';
    text-align: center;
    font-size: 1.8em;
    letter-spacing: 0.2em;
    position: relative;
    display: table;
    margin: 0 auto 48px;
  }

  @media screen and (max-width: 767px) {
    .section_ttl09 rt {
      display: none;
    }
  }

/* btn
 **************************************** */
  .more {
    display: block;
    width: 280px;
    max-width: 100%;
    margin: auto;
    font-size: 106%;
    letter-spacing: 0.2em;
    height: 48px;
    line-height: 46px;
    color: #aaa;
    border: 2px solid;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
  }
  .more:hover {
    background: #aaa;
    border-color: #aaa;
    color: #fff;
  }
  .more-red {
    background: #900200;
    border: none;
    border-radius: 50px;
    color: #fff;
    line-height: 48px;
    width: 320px;
  }
  .more-red:hover {
    background: #b14d4c;
  }

/* waypoint
 **************************************** */
  .test-box .active img{
    margin: 50px;
    padding: 50px;
  }


/* =====================================================================================

	HEADER

===================================================================================== */
  .header {
    position: fixed;
    width: 100%;
    z-index: 9999;
  }
  .header--logo {
    position: absolute;
    top: 20%;
    left: 7%;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .header--logo a:hover, .header--logo02 a:hover {
    opacity: .6;
  }
  .header--logo02 {
    margin-left: 60px;
    float:left;
    background-color:#FFF;
    padding:15px 32px;
    -moz-border-radius: 0px 0px 16px 16px;
    -webkit-border-radius: 0px 0px 16px 16px;
    border-radius: 0px 0px 16px 16px;
  }
  .home .header {
    background-color: #fff;
  }

  @media print, screen and (min-width: 768px) {
    .subpage .header--logo02 {
      height: 136px;
    }
  }
  @media print, screen and (min-width: 768px) {
    .header {
      display: flex;
      height: 96px;
    }
    .header ul:not(.snav),
    .header li,
    .header a {
      height: 100%;
    }
    .header--nav {
      display: flex;
      flex: 1;
      justify-content: flex-end;
    }
  }

/* gnav
**************************************** */
  .gnav {
    position: relative;
  }
  .gnav--item span.small {
    display: block;
    font-size: 75%;
    letter-spacing: 0.25em;
    color: #BFBFBF;
    line-height: 1.8;
  }
  .gnav--item img {
    margin: 0 7px 4px 0;
  }
  .gnav--item a {
    color: #333;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1.3;
    text-align: center;
  }
  .gnav--item a[href="javascript:void(0)"] {
    pointer-events: none;
  }

  @media print, screen and (min-width: 768px) {
    .gnav {
      display: flex;
      padding-right: 5%; /* 96px */
    }
    .gnav--item a {
      padding: 0 1.5em;
    }
    .toggle {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .gnav--item:not(:last-child) {
      border-bottom: 1px solid #eee;
    }
    .gnav--item a {
      text-align: left;
    }
    .gnav--item > a {
      height: 48px;
    }
    .has_snav {
      position: relative;
    }
    .toggle {
      position: absolute;
      top: 0;
      right: 0;
      width: 48px;
      height: 48px;
      transition: all .4s ease-out;
      z-index: 1;
    }
    .toggle.active {
      transform: rotate(180deg);
    }
    .toggle::before,
    .toggle::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      width: 12px;
      height: 1px;
      background-color: #333;
      transition: all .4s ease-out;
    }
    .toggle::after {
      transform: rotate(90deg);
    }
    .toggle.active::after {
      opacity: 0;
    }
  }

/* snav
**************************************** */
  .snav {
    display: none;
  }
  .snav--item a {
    padding: 12px 0 12px 16px;
  }
  .snav--item a::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 7px;
    height: 7px;
    border-right: 1px solid;
    border-top: 1px solid;
    transform: rotate(45deg);
  }
  .snav--item:hover a {
    color: #900200;
    cursor: pointer;
    transition: all .3s;
  }

  @media print, screen and (min-width: 768px) {
    .snav {
      position: absolute;
      top: 96px;
      left: 0;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 580px;
      padding: 32px 44px;
      background-color: #fff;
    }
    .snav::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: calc(100% - 32px);
      background: rgba(255,255,255,1);
      z-index: -1;
    }
    .snav--item {
      position: relative;
      float: left;
      margin: 0 36px 6px 0;
      height: auto;
      font-size: 85%;
      line-height: 1.25;
    }
    .snav--item a {
      position: relative;
      color: #333;
      background: none !important;
      pointer-events: all !important;
      transition: all .3s;
    }
    .snav--item img {
      position: absolute;
      top: 8px;
      left: 0;
      right: 0;
      margin: auto;
    }
    .snav--tel {
      width: 100%;
      background: url('../images/bg_nav02.jpg');
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
      align-items: center;
      -webkit-align-items: center;
      padding: 12px 24px;
      margin-top: 8px;
    }
    .gnav li .snav--tel{
      height: 76px;
    }
    .snav--tel a {
      background: url('../images/icon_tel.png') no-repeat left !important;
      padding: 0 0 0 48px;
      font-size: 150%;
      margin: 0 24px 0 0;
      color: #333;
    }
    .snav--tel--recep{
      font-size: 70%;
    }
  }
  @media screen and (max-width: 767px) {
    .snav {
      padding-bottom: 16px;
      padding-left: 16px;
    }
  }

/* unav
**************************************** */
  .gnav li .unav--item{
    padding-top: 0;
  }
  .unav--item a {
    cursor: pointer;
    color: #900200;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .unav--item img {
    margin-bottom: 4px;
  }
  .user_btn:hover ,
  .cart_btn:hover {
    background-color:  #b14d4c80;
    transition: all .3s;
  }
  .cart_btn,
  .user_btn {
    transition: all .3s;
  }

@media print, screen and (min-width: 768px) {    
  .unav--item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    float: left;
    margin: 0 6px;
    font-size: 85%;
  }
  .user_btn {
    margin-left: 16px;
  }   
  .unav--item a::before {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background-size: cover;
    transition: all .3s;
  }
  .cart_btn a::before {
    background: url(../images/icon-shop.svg) ;
  }
  .login_btn a::before {
    background: url(../images/icon-login.svg) ;
  }
}
@media screen and (max-width: 767px) {  
  .unav--item a {
    color: #fff;
    background-color: #900200;
    flex-direction: row;
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: 20px;
  }
  .login_btn a {
    background-image: url(../images/icon_login_sp.png);
  }
  .cart_btn a {
    background-image: url(../images/icon_cart_sp.png);
  }
}


/* =====================================================================================

	FOOTER

===================================================================================== */
  #map {
    width:100%;
    height:500px;
  }
  .footer_map {
    width:100%;
    height:100%;
  }
  .subpage #map {
    margin-top: 0;
  }

/* foot_menu
 **************************************** */
  .foot_menu {
    padding: 40px 0;
    background: url('../images/pt_02.jpg');
  }
  .fnav li {
    float: left;
    width: calc(100% / 7 - 12px);
    margin: 0 12px 12px 0;
    height: 100px;
    text-align: center;
    font-size: 90%;
    line-height: 1.25;
  }
  .fnav li:nth-last-child(-n+7) {
    margin: 0 12px 0 0;
  }
  .fnav li:nth-child(7n) {
    margin: 0 0 12px;
  }
  .fnav li:last-child {
    margin: 0;
  }
  .fnav--item {
    background: url('../images/bg_nav01.jpg');
  }
  .fnav--item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    padding: 56px 0 0;
  }
  .fnav--item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    z-index: 1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .fnav--item a:hover::before {
    background: rgba(255,255,255,.6);
  }
  .fnav--item img {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .fnav--item.external_link img {
    top: 32px;
  }
  .fnav--cat {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    font-size: 95% !important;
    background: url('../images/bg_nav02.jpg');
  }
  .foot_under_wrap {
    max-width: 1400px;
    margin: 0 auto 80px;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #030000;
  }
  .foot_nav--ttl {
    display: block;
    font-size: 112.5%;
    line-height: 1.3;
  }
  .foot_nav--school_bag--item {
    line-height: 1.3;
  }
  .foot_nav--school_bag--item a {
    display: block;
    padding: .5em 0;
    color: #666666;
    font-size: 93.75%;
    transition: all .3s;
  }
  .foot_nav--school_bag--item a:hover {
    color: #900200;
    transition: all .3s;
  }

  @media print, screen and (min-width: 768px) {
    .foot_nav {
      border-left: 1px solid #BFBFBF;
      padding: 8px 0 24px 32px;
    }
  }
  @media screen and (max-width: 767px) {
    .foot_under_wrap {
      padding-left: 5%;
      padding-right: 5%;
    }
    .foot_nav:not(:last-child),
    .foot_menu ul.mgn-btm56 {
      margin-bottom: 32px;
    }
    .foot_nav--ttl {
      font-size: 142.86%; /* 20px */
    }
  }

/* foot_tel
 **************************************** */
  .foot_tel{
    background: #998D8D;
    padding: 8px 0;
  }
  .foot_tel * {
    color: #fff;
  }
  .foot_tel .inner *:last-child {
    margin: 0;
  }
  .foot_tel p {
    font-size: 115%;
  }
  .foot_num {
    font-size: 260%;
    background: url('../images/icon-fotter-tel.svg') no-repeat left;
    padding: 0 0 0 40px;
  }
  .pagetop {
    position: fixed;
    z-index: 999;
    right: 80px;
    text-align: center;
    font-weight: 600;
    bottom: -120px;
    opacity: 0;
  }
  .pagetop.fadeIn {
    animation-name: fadeIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    bottom: 64px;
    opacity: 1;
  }
  @keyframes fadeIn {
	0% {
    bottom: -120px;
    opacity: 0;
	}
	100% {
    bottom: 64px;
    opacity: 1;
	}
  }
  @-webkit-keyframes fadeIn {
	0% {
    bottom: -120px;
    opacity: 0;
	}
	100% {
    bottom: 64px;
    opacity: 1;
	}
  }
  .pagetop.fadeOut {
    animation-name: fadeOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 2s;
    -webkit-animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    bottom: -120px;
    position: fixed;
    opacity: 0;
  }
  @keyframes fadeOut {
	0% {
    bottom: 64px;
    opacity: 1;
	}
	100% {
    bottom: -120px;
    opacity: 0;
	}
  }
  @-webkit-keyframes fadeOut {
	0% {
    bottom: 64px;
    opacity: 1;
	}
	100% {
    bottom: -120px;
    opacity: 0;
	}
  }
  .pagetop * {
    margin: 0 !important;
  }
  .pagetop img {
    width: 75%;
  }
  .pagetop p {
    color: #333;
    position: relative;
    font-size: 85%;
    padding: 8px 0 0;
  }
  .pagetop p::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 1px;
    background: #333;
  }

  @media print, screen and (min-width: 768px) {    
    .foot_tel .inner-lg {
      display: flex;
      display: -webkit-flex;
      align-items: center;
      -webkit-align-items: center;
      justify-content: center;
      -webkit-justify-content: center;
    }
    .foot_tel .inner-lg * {
      margin: 0 32px 0 0;
    }
  }

/* foot_shop_info_box
 **************************************** */
  .foot_shop_info_box {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    height: 424px;
  }
  .foot_shop_info_box .left, 
  .foot_shop_info_box .right {
    height: 100%;
  }
  .foot_shop_info_box .left {
    width: 35%;
    background-image: url(../images/info_img_shop01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right 28%;
  }
  .foot_shop_info_box .right {
    width: 42%;
    padding-left: 2%;
  }
  .foot_shop_info_box .right table {
    width: 100%;
    min-height: 424px;
  }
  .foot_shop_info_box .right tr:not(:last-child) {
    border-bottom: solid 1px #D9D9D9;
  }
  .foot_shop_info_box .right th{
    padding: 16px 0 16px 32px;
  }
  .foot_shop_info_box .right td {
    padding: 16px 0 16px 48px;
  }
  .foot_shop_info_box .right th {
    vertical-align: middle;
    text-align: center;
    font-size: 110%;
  }
  .foot_shop_info_box .bizcalendar {
    width: 23%;
  }

  @media screen and (max-width: 767px) {
    .foot_shop_info_box .right th {
      padding-left: 16px;
    }
    .foot_shop_info_box .right td {
      padding-right: 16px;
    }
  }

/* copyright_pbl
 **************************************** */
  .copyright_pbl {
    padding: 60px 0;
    background: url(../images/pt_01.jpg);
    font-size: 86%;
  }
  .widgettitle {
    display: none;
  }
  .bizcalendar h3 {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 8px;
  }
  #biz_calendar {
    max-width: 74% !important;
  }
  #biz_calendar table.bizcal {
    border: none;
    background-color: transparent;
  }
  #biz_calendar table.bizcal th, 
  #biz_calendar table.bizcal td {
    padding: 6px 8px;
    font-size: 88%;
  }
  #biz_calendar table.bizcal th {
    background-color: transparent;
  }
  #biz_calendar table.bizcal td {
    border-bottom: 2px solid #fff;
  }
  #biz_calendar table.bizcal .holiday, 
  #biz_calendar p span.boxholiday {
    background-color: #9a8d8d;
  }
  #biz_calendar p {
    text-align: left;
    font-weight: normal;
  }
  #biz_calendar table + p + p {
    display: none;
  }
  .pbl {
    line-height: 1;
    opacity: 0.5;
  }

  @media print, screen and (min-width: 768px) {
    .pbl {
      margin-left: 40px;
    }
  }
  @media screen and (max-width: 767px) {
    .foot_info {
      margin-bottom: 24px;
    }
    .copyright_pbl .inner {
      flex-direction: column;
    }
  }


/* formy
 **************************************** */
  #formy_form table {
    width:100%;
  }
  #formy_form th,
  #formy_form td {
	padding: 16px;
	vertical-align: middle;
	border-bottom: solid 1px #eee;
  font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
  }
  #formy_form p {
    font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
  }
  #formy_form th {
	font-weight:normal;
	white-space: nowrap;
	text-align:left;
	width:34%;
  }
  #formy_form table input[type="text"],
  #formy_form table input[type="email"],
  #formy_form table input[type="tel"],
  #formy_form table input[type="date"],
  #formy_form table input[type="password"],
  #formy_form table textarea {
	width:100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	vertical-align:bottom;
  font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
}
  #formy_form table input[type="text"],
  #formy_form table input[type="email"],
  #formy_form table input[type="tel"],
  #formy_form table input[type="date"],
  #formy_form table input[type="password"],
  #formy_form select,
  #formy_form textarea {
	margin: 0;
	padding: 5px 15px;
	border: 1px solid #ccc;
	font: inherit;
	font-size:100%;
  font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
}
  #formy_form textarea {
	height: 100px;
  }
  #formy_form select {
	height: 40px;
  }
  #formy_form ul {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  #formy_form input:hover { opacity:0.7; }
  #formy_form textarea:hover { opacity:0.7; }

  #formy_form input:focus {  background-color: #fff;}
  #formy_form .parsley-validated {  background-color: #eee;}
  #formy_form .parsley-error {  background-color: #fee;}
  #formy_form .parsley-success {  background-color: #fff;}

  .help_text {
	font-size: 85%;
	color: #999;
  }
  .hidden_help {  display: none;}

  .formy_privacy div {
	overflow-y: scroll;
	height: 140px;
	border: solid 1px #ccc;
	font-size: 85%;
	padding: 8px 16px;
  }
  .requiredIcon {
	background: #f55;
	color: #fff;
	margin: 0 0 0 1em;
	font-size: 70%;
	padding: 2px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: right;
  }
  #formy_btn {
	padding-top: 8px;
  margin-bottom: 15px ;
	text-align:center;
  }
  #formy_btn input {
	font-size: inherit;
	border: none;
	cursor: pointer;
	color: #fff;
	border-radius: 3px;
	padding: 16px 32px;
	-webkit-appearance: none;
	appearance: none;
  }
  #formy_form ul li input[type="radio"],
  #formy_form ul li input[type="checkbox"]{
	display: none !important;
  }
  #formy_form ul li label {
	height: 40px;
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding: 0px 8px 0px 40px;
	cursor: pointer;
  }
  #formy_form ul li label:hover {
	opacity: 0.7;
  }
  #formy_form ul li label::before{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	border: 2px solid #788b93;
	left: 16px;
	top: 12px;
  }
  #formy_form ul li input[type="radio"] + label::before {
	border-radius: 10px;
  }
  #formy_form ul li input[type="radio"]:checked + label,
  #formy_form ul li input[type="checkbox"]:checked + label {
	color:#e75f5f;
	font-weight: bold;
  }
  #formy_form ul li input[type="radio"]:checked + label::before,
  #formy_form ul li input[type="checkbox"]:checked + label::before {
	border-color: #e75f5f;
  }
  #formy_form ul li input[type="radio"]:checked + label::after,
  #formy_form ul li input[type="checkbox"]:checked + label::after {
	content: "";
	width: 10px;
	height: 18px;
	top: 4px;
	left: 20px;
	border-right: 2px solid #e75f5f;
	border-bottom: 2px solid #e75f5f;
	display: block;
	position: absolute;
	z-index: 10;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .formy_confirm {
	background-color: #4dbaff;
  }
  .wpcf7-submit,
  .formy_submit_disabled {
	background-color: #ccc;
  }
  #formy_btn .formy_submit_disabled:hover {
	opacity:1;
	cursor: default;
  }
  .autoConfirmBack {
	background-color: #aaa;
  }
  .formy_send {
	background-color: #ff6600;
  }
  #total_required {
	padding: 16px;
	color: #f55555;
	text-align: center;
  font-family: YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif !important;
  }
  .pbf{
    margin: 0 auto;
    text-align:center;
  }

  @media screen and (max-width: 767px) {
	#formy_form {
	  padding: 0 16px;
	}
	#formy_form th,
	#formy_form td {
	  display: block;
	  width: auto;
	  padding-left: 0;
	  padding-right: 0;
	}
	#formy_form th {
	  border-bottom:none;
	  padding-bottom: 0;
	  white-space: normal;
	  font-weight: bold;
	}
	#formy_form td {
	  padding-top: 0;
	}
	#formy_btn input {
	  width: 100%;
	  background-size: contain;
	  background-position: center;
	}

    #formy_form th,
    #formy_form td {
      display: block;
      width: auto;
      padding-left: 0;
      padding-right: 0;
    }
    #formy_form th {
      border-bottom:none;
      padding-bottom: 0;
      white-space: normal;
      font-weight: bold;
    }
    #formy_form td {
      padding-top: 0;
    }
    #formy_btn input {
      width: 100%;
      background-size: contain;
      background-position: center;
    }
  }

/* formy_V2
 **************************************** */

#formyForm table {
  border: none !important;
}
#formyForm th {
  background-color: #fff !important;
}


/* =====================================================================================

	INDEX

===================================================================================== */

  /*トップメッセージ*/
  .hero {
    position: relative;
  }
  .hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 400px rgba(62, 54, 41, 0.35) inset;
    z-index: 1;
    pointer-events: none;
  }
  .hero .bxslider li {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .hero .bxslider li:nth-child(1) {
    background-image: url(../images/top/hero-img01.jpg);
  }
  .hero .bxslider li:nth-child(2) {
    background-image: url(../images/top/hero-img02.jpg);
  }
  .hero .bxslider li:nth-child(3) {
    background-image: url(../images/top/hero-img06.jpg);
  }
  .hero .bxslider li:nth-child(4) {
    background-image: url(../images/top/hero-img07.jpg);
  }
  .hero .bxslider li:nth-child(5) {
    background-image: url(../images/top/hero-img08.jpg);
  }
  .hero .bxslider li:nth-child(6) {
    background-image: url(../images/top/hero-img09.jpg);
  }
  .hero--content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 100%;
  }
  .hero--ttl {
    letter-spacing: 0.25em;
    color:#ffffff;
  }
  .hero--ttl span {
    display: block;
  }
  .hero--ttl--up {
    display: block;
    font-weight: 400;
    letter-spacing: 0.25em;
  }
  .hero--ttl--ctr {
    display: block;
    font-size: 350%;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.25em;
  }
  .hero-ttl--under {
    display: block;
    font-size: 125%;
    font-weight: 500;
    letter-spacing: 0.16em;
  }
  .hero--btn_list--item {
    border: #ffffff 1px solid;
    line-height: 1.5;
    text-align: center;
  }
  .hero--btn_list--item > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 24px;
    color:#ffffff
  }
  .hero--btn_list--item > a:hover {
    background-color: rgba(255, 255, 255, 0.30);
    transition: all 0.3s;
  }

  @media print, screen and (min-width: 768px) {
    .hero--btn_list {
      margin-top: 260px;
      margin-bottom: 56px;
    }
    .hero--btn_list--item {
      width: 280px;
      margin: 0 8px;
    }
  }
  @media screen and (max-width: 767px) {
    .hero .bxslider li:nth-child(1) {
      background-image: url(../images/top/hero-img01_sp.jpg);
    }
    .hero .bxslider li:nth-child(2) {
      background-image: url(../images/top/hero-img02_sp.jpg);
    }
    .hero .bxslider li:nth-child(3) {
      background-image: url(../images/top/hero-img06_sp.jpg);
    }
    .hero .bxslider li:nth-child(4) {
      background-image: url(../images/top/hero-img07_sp.jpg);
    }
    .hero .bxslider li:nth-child(5) {
      background-image: url(../images/top/hero-img08_sp.jpg);
    }
    .hero .bxslider li:nth-child(6) {
      background-image: url(../images/top/hero-img09_sp.jpg);
    }
    .hero--content {
      padding-top: 33vw;
      justify-content: flex-start;
    }
    .hero--ttl {
      top: 30%;
      width: 90%;
    }
    .hero--ttl--ctr {
      font-size: 200%;
    }
    .hero--btn_list {
      width: 100%;
      margin-top: 16vw;
    }
    .hero--btn_list--item:not(:last-child) {
      margin-bottom: 8px;
    }
    .hero--btn_list--item > a {
      padding: 12px;
      height: 66px;
    }
  }
  @media screen and (max-width: 767px) and (max-height: 624px) {
    .hero--btn_list {
      margin-top: 8vw;
    }
  }


/* 宇野カバンとは
 **************************************** */
  .top_about{
    line-height: 2;
    letter-spacing: 0.2em;
  }

/* topページバナー
 **************************************** */
  .top_banner {
    position: relative;
    background-image: url(/wp/wp-content/themes/original_theme/images/bnr-information-session.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 280px;
  }
  .top_banner:nth-child(2) {
    background-image: url(/wp/wp-content/themes/original_theme/images/bnr-request-catalog.jpg);
  }
  .top_banner--wrap {
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translate(0%, -50%);
    margin: 0 auto;
  }
  .top_banner--wrap.position_right {
    position: absolute;
    top: 50%;
    left: initial;
    right: 11%;
    transform: translate(0%, -50%);
    margin: 0 auto;
  }
  .top_banner--wrap.position_ctr {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0%, -50%);
    margin: 0 auto;
  }
  .top_banner--wrap--ttl {
    letter-spacing: 0.25em;
  }
  .top_banner--wrap--ttl--en {
    display: block;
    font-size: 87.5%;
    font-weight: 400;
    color:#8C8C8C;
  }
  .top_banner--wrap--ttl--jp {
    font-size: 175%;
    line-height: 1.5;
  }

  @media screen and (max-width: 767px) {
    .top_banner {
      height: 156px;
      background-size: cover;
    }
    .top_banner--wrap--ttl--jp {
      font-size: 124%;
    }
    .top_banner--wrap--ttl--en {
      margin-bottom: 0;
    }
    .top_banner .read_more.top_read {
      padding: 4px 0;
    }
  }

/* Topics トピックス
 **************************************** */

/* News 宇野カバンの日々
 **************************************** */
  .home_news {
    padding: 32px 0 0;
  }
  .news--ttl {
    font-size: 220%;
    color: #3E6C5E;
  }
  .news--ttl small {
    margin-left: 24px;
    font-size: 40%;
    color: #333;
  }
  .news--list {
    position: relative;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
  .news--item {
    width: 100%;
    float: left;
    margin: 0 0 .5em;
  }
  .news--item h4{
    transition: all .3s;
  }
  .news--item:hover h4{
    color: #900200;
    transition: all .3s;
  }
  /* .news--item:nth-last-child(-n+2) {
    margin: 0;
  } */
  .news--item a * {
    height: 28px;
    line-height: 28px;
  }
  .news--item .date {
    float: left;
    width: 140px;
    /* color: #3E6C5E; */
    margin: 0;
    font-size: 100%;
  }
  .news--item h4 {
    float: left;
    width: calc(100% - 140px);
    font-weight: normal;
    letter-spacing: 0.14em;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .read_more {
    display: table;
    font-family: 'Cabin', sans-serif;
    color: #910000;
    padding: 0 2px;
    position: relative;
  }
  .read_more.top_read {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 13px 0px;
    border: 1px solid #910000;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    text-align: center;
  }
  .read_more.top_read:hover {
    color: #ffffff;
    background-color: #910000;
    transition: all 0.3s;
  }
  .read_more.top_read::before {
    display: none;
  }
  .read_more::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #910000;
  }
  .read_more.wht {
    color: #fff;
  }
  .read_more.wht::before {
    background: #fff;
  }
  .home_news .read_more {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
  }
  .center {
    float:none;
    display:table;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
  }

/* コロナ対応
 **************************************** */
.home_covid {
  border:dotted 1px #900200;
  background-color: #F3F3F3;
  padding: 30px 0 40px 0;
}
.covid--ttl {
  font-size: 140%;
  color: #910000;
}

@media screen and (max-width: 767px) {
  .home_covid {
    padding: 20px 10px 10px 10px ;
  }
  .covid--ttl {
    font-size: 140%;
    color: #910000;
  }
}



/* 体験会のお知らせ
 **************************************** */
  .inner-soudankai {
    background: url("/wp/wp-content/themes/original_theme/images/soudan_bg_img01.png") no-repeat center bottom/contain, #fcf9f5;
    padding: 48px 80px 30px 80px ;
  }
  .top_soudankai h4 {
    font-size: 150%;
  }
  .top_soudankai h3{
    font-size: 210%;
    display: table;
    padding: 0 108px 4px 0;
    background: url('../images/soudan_balloon.png') no-repeat right bottom;
  }
  .top_soudankai a.read_more{
    font-family: 'Cabin', sans-serif;
    color:#910000;
    float:left;
    border-bottom:solid 1px #910000;
    padding: 0px 2px 2px 2px;
    margin:20px 0px 40px 0px;
  }
  .top_soudankai .text01{
		font-size:1.5em;
		padding:5px 0px 5px 0px  ;
  }

/* Message
 **************************************** */
  .history_box {
    background: url('../images/history_img01.jpg') no-repeat center bottom/cover;
    padding: 80px 0 440px;
    text-align: center;
  }
  .history_box--ttl {
    font-size: 260%;
    letter-spacing: .25em;
  }
  .history_box--ttl small {
    display: block;
    font-size: 40%;
    letter-spacing: .1em;
    margin-top: 8px;
    line-height: 1;
    opacity: 0.5
  }
  .history_box h2{
    font-size: 250%;
    letter-spacing: .15em;
    font-weight: normal;
    background: url(../images/randsel_line.png) no-repeat center bottom;
    padding: 0 0 48px;
  }
  .history_box h2 span {
    display: block;
    font-size: 40%;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-bottom: 16px;
    color: #b14d4c;
  }
  .history_box p {
    font-size: 120%;
    line-height: 2.4;
    letter-spacing: 0.22em;
  }

/* ランドセルへの3つの想い
 **************************************** */
  .omoi {
    background: url('../images/pt_01.jpg');
    padding: 140px 0 60px;
    position: relative;
    z-index: -1;
    overflow: hidden;
  }
  .omoi::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../images/bg_yogoshi02.png') center repeat;
    pointer-events: none;
  }
  .omoi--ttl {
    font-size: 260%;
    letter-spacing: .25em;
  }
  .omoi--ttl small {
    display: block;
    font-size: 40%;
    opacity: 0.5;
    letter-spacing: .1em;
    margin-top: 1em;
  }
  .omoi--box {
    margin: 0 0 80px;
    position: relative;
  }
  .omoi--box:nth-child(3) {
    margin: 0 0 192px;
  }
  .omoi--box:nth-child(4) {
    margin: 0 0 160px;
  }
  .omoi--box:nth-child(5) {
    margin: 0 0 160px;
  }
  .omoi--box:nth-child(4)::before, .omoi--box:nth-child(6)::before {
    content: '';
    position: absolute;
    background: rgba(223,209,197,.2);
    z-index: -1;
  }
  .omoi--box:nth-child(4)::before {
    top: -96px;
    right: 0;
    width: 1500px;
    height: calc(100% + 188px);
    border-top-left-radius: 64px;
    border-bottom-left-radius: 64px;
  }
  .omoi--box:nth-child(6)::before {
    top: -240px;
    left: 0;
    width: 1700px;
    height: 90%;
    border-top-right-radius: 64px;
    border-bottom-right-radius: 64px;
  }
  .omoi--box .inner {
    width: 1540px;
    max-width: 90%;
    display: flex;
    display: -webkit-flex;
  }
  .omoi--box:nth-child(odd) .inner {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
  }
  .omoi--box:nth-child(5) .inner {
    justify-content: center;
    -webkit-justify-content: center;
  }
  .omoi--box .left {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0;
  }
  .omoi--box .right {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1;
  }
  .omoi--img {
	position: relative;
	border: 1px solid #333;
  z-index: -1;
  }
  .omoi--box:nth-child(2) .omoi--img {
    background: url('../images/mind_img01_1.jpg') no-repeat right top;
    width: 930px;
    height: 680px;   
  }
  .omoi--box:nth-child(3) .omoi--img {
    background: url('../images/mind_img01_2.jpg') no-repeat left top;
    width: 870px;
    height: 620px;    
  }
  .omoi--box:nth-child(4) .omoi--img {
    background: url('../images/mind_img02_1.jpg') no-repeat right top; 
    width: 930px;
    height: 670px;   
  }
  .omoi--box:nth-child(5) .omoi--img {
    background: url('../images/mind_img02_2.jpg') no-repeat center top;
    width: 820px;
    height: 570px; 
    align-items: flex-end;
    -webkit-align-items: flex-end;  
  }
  .omoi--box:nth-child(6) .omoi--img {
    background: url('../images/mind_img03.jpg') no-repeat right top;  
    width: 930px;
    height: 780px;  
  }
  .omoi--box:nth-child(4) .omoi--img::before, .omoi--box:nth-child(5) .omoi--content::before {
    content: '';
    position: absolute;
    background: linear-gradient(to right, #333, #333 60%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
    background-size: 5px 5px;
    height: 1px;
    z-index: 1;
  }
  .omoi--box:nth-child(4) .omoi--img::before {
    top: -142px;
    right: -370px;
    width: 456px;
    transform: rotate(-45deg);
  }
  .omoi--box:nth-child(5) .omoi--content::before {
    bottom: -4px;
    right: -276px;
    width: 340px;
    transform: rotate(45deg);
  }
  .omoi--content {
    background: rgba(255,255,255,0.9);
    display: table;
    margin-top: 40px;
    padding: 40px 56px 56px;
    position: relative;
    border: 1px solid;
  }
  .omoi--content.left {
    margin-right: -120px;
  }
  .omoi--content.right {
    margin-left: -120px;
  }
  .omoi--box:nth-child(odd) .omoi--content {
    padding: 48px;
  }
  .omoi--box:nth-child(3) .omoi--content {
    margin-top: 128px;
  }
  .omoi--box:nth-child(5) .omoi--content {
    margin-top: 440px;
    margin-right: -332px;
  }
  .omoi--box:nth-child(6) .omoi--content {
    margin-top: -48px;
  }
  .omoi--subttl {
    display: table;
    margin: 0px auto 16px;
  }
  .omoi--box h3 {
    font-size: 175%;
    background: url('../images/randsel_line.png') no-repeat center bottom;
    padding: 0 0 48px;
  }
  .omoi--note {
    position: absolute;
    bottom: -40px;
    left: 16px;
    font-size: 80%;
  }
  .omoi--content p {
    letter-spacing: 0.14em;
    line-height: 1.9;
  }
  .omoi_read_more{
    font-family: 'Cabin', sans-serif;
    color:#910000;
    border-bottom:solid 1px #910000;
    padding: 0px 2px 2px 2px;
    display:table;
    text-align: center;
    margin: 50px auto 100px auto;
  }

/* 宇野カバン工房のこだわり
 **************************************** */
  .quality {
    background: url('../images/quality_bg_img01.jpg') no-repeat center/cover;
    padding: 160px 0 120px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  .quality--ttl {
    font-size: 280%;
    letter-spacing: .25em;
    color: #fff;
  }
  .quality--ttl small {
    display: block;
    font-size: 35%;
    letter-spacing: .1em;
    margin-top: 3em;
  }

/* お客様の声
 **************************************** */
  .customers_voice {
    width: 100%;
    overflow: hidden;
    padding: 120px 0;
    background: url('../images/voice_img01.png') no-repeat right top 40px, url('../images/voice_img02.png') no-repeat left bottom 40px;
    position: relative;
    z-index: -1;
  }
  .customers_voice .inner {
    background: url('../images/voice_chara01.png') no-repeat left top;
  }
  .customers_voice--ttl {
    font-size: 260%;
    letter-spacing: .25em;
  }
  .customers_voice--ttl small {
    display: block;
    font-size: 40%;
    opacity: 0.5;
    letter-spacing: .1em;
    margin-top: 1em;
  }
  .home_voice {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .home_voice li {
    position: relative;
    padding: 40px 32px;
    width: calc(100% / 2 - 24px);
    margin: 0 48px 48px 0;
    background: #fff;
    border: 1px solid #f1cfa4;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.15), inset 0 0 40px rgba(0,0,0,0.03);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,0.15), inset 0 0 40px rgba(0,0,0,0.03);
    box-shadow: 0 0 2px rgba(0,0,0,0.15), inset 0 0 40px rgba(0,0,0,0.03);
  }
  .home_voice li:nth-last-child(-n+2) {
    margin: 0 48px 0 0;
  }
  .home_voice li:nth-child(2n) {
    margin: 0 0 48px;
  }
  .home_voice li:last-child {
    margin: 0;
  }
  .home_voice li:before, .home_voice li:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    box-shadow: 0 8px 24px rgba(0,0,0,0.2);
    z-index: -1;
  } 
  .home_voice li:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
  }
  .home_voice li h4 {
    font-size: 150%;
    border-bottom: 1px solid #f1cfa4;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding-top: ;
    padding-bottom: .5em;
    margin-bottom: 1em;
  }
  .home_voice .cat {
    color: #910002;
    margin: 10px 0 20px;
  }
  .home_voice .comment {
    width: 100%;
    font-size: 110%;
    position: relative;
    background-size: 100% 1.8em;
    line-height: 1.8em;
    display:table;
  }
  .home_voice .comment img{
    display: table;
    float: none;
    margin: 15px auto 24px auto ;
    width:50%;
  }
  .home_voice li img{
    float:left;
    margin: 15px 15px 0px 0px ;
    width:50%;
  }
  .home_voice .comment span{
    text-align:right;
    width: 100%;
    display:block;
  }
  .home_voice .comment::after {
    position: absolute;
  }
  .home_voice li:nth-child(1) .comment::after {
    content: url('../images/voice_chara02.png');
    top: -56px;
    left: -196px;
  }
  .home_voice li:nth-child(2) .comment::after {
    content: url('../images/voice_chara03.png');
    bottom: -196px;
    right: -304px;
  }
  .home_voice li:nth-child(4) .comment::after {
    content: url('../images/voice_chara04.png');
    bottom: -214px;
    right: -16px;
  }
  .custmer_form_btn {
    color: #FFF;
    background: #910000;
    display: table;
    padding: 10px 40px;
    margin: 0 auto ;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    font-size: 110%;
    letter-spacing: .15em;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .custmer_form_btn:hover {
    background: #b14d4c;
  }

/* 宇野カバン工房のオリジナルランドセル
 **************************************** */
  .lineup--img {
    background: url('../images/img_shop.jpg') no-repeat center/cover;
    height: 700px;
    border-top: 1px solid;
    border-bottom: 1px solid;
  }
  .lineup--ttl {
    font-size: 260%;
    letter-spacing: .25em;
    text-align: center;
    display: block;
  }
  .lineup--ttl small {
    display: table;
    font-size: 40%;
    letter-spacing: .1em;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 0 15%;
  }
  .lineup--ttl small::before, .lineup--ttl small::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(to right, #333, #333 60%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
    background-size: 5px 5px;
    width: 20%;
    height: 1px;
    z-index: 1;
  }
  .lineup--ttl small::before {
    left: 0;
  }
  .lineup--ttl small::after {
    right: 0;
  }
  .original_item li img {
    display: table;
    margin: 0 auto 16px;
    width: 100%;
  }
  .original_item .read_more {
    padding-top: 16px
  }
  .original_item .read_more::before {
    width: 0%;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .original_item a:hover .read_more::before {
    width: 100%;
  }
  .bnr-present {
    display: block;
    margin: 40px auto 80px;
  }
  .ttl-nameprint {
    display: block;
    margin: 0 auto 16px;
  }
  .nameprint {
    display: table;
    margin: 0 auto;
  }
  .nameprint a:hover {
    opacity: .7;
  }
  .nameprint img {
    display: block;
    width: calc(50% - 2px);
  }
  .nameprint img:first-child {
    margin-right: 4px;
  }
  .lineup_comment {
    margin: 0 auto;
    border: dashed 1px #333;
    width: 80%;
    padding: 32px 0px;
    text-align: center;
    color: #900000;
    font-size: 110%;
    display: block;
  }
  .lineup_comment:hover {
    background: rgba(188,102,102,.2);
  }
  .original_item_ttl {
    font-size: 150%; /* 24px */
    width: 100%;
  }
  .original_item_ttl:not(:first-child) {
    margin-top: 1em;
  }
  .original_item_ttl:not(:last-child) {
    margin-bottom: .5em;
  }
  .original_item li:first-child {
    margin-left: auto;
  }
  .original_item li:last-child {
    margin-right: auto;
  }
  .original_item p {
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1.5em;
  }
  .original_item p::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: .1em;
    right: 0;
    margin: auto;
    width: .5em;
    height: .5em;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    transition: all .4s ease-out;
  }
  .original_item a:hover p::after {
    right: -.5em;
  }

  @media screen and (max-width: 767px) {
    .original_item p {
      font-size: 90%;
    }
  }

/* TOPICS
 **************************************** */
  .topics--list a {
    display: block;
  }
  .topics--list a:hover {
    opacity: .7;
  }

/* ランドセルカタログ請求
 **************************************** */
  .catalog_box {
    background: url('../images/catalog_bg01.jpg') no-repeat center/cover;
    padding: 120px 0 430px;
    text-align: center;
    margin: 32px;
    color: #fff;
  }
  .catalog_box img {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
  .catalog_box p {
    line-height: 2;
    font-size: 110%;
  }
  .catalog_box a {
    color: #FFF;
    background: #910000;
    display: table;
    padding: 8px 56px;
    margin: 0 auto;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  .catalog_box a:hover {
    background: #b14d4c;
  }

/* リメイク、リフォーム、オリジナル
 **************************************** */
  .threeboxes {
	padding: 1px 0;
	background: url('../images/bg_yogoshi02.png') center repeat, url('../images/pt_01.jpg');
  }
  .threebox {
	background: url('../images/pt_04.jpg');
	margin: 32px 0 32px 32px;
	color: #fff;
	font-size: 95%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	height: 600px;
  position: relative;
  }
  .threebox:nth-child(even) {
	margin: 32px 32px 32px 0;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
  }
  .threebox a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
  }
  .threebox a:hover {
    background: rgba(255,255,255,.3);
  }
  .threebox .left {
	-webkit-order: 0;
	-moz-order: 0;
	-ms-order: 0;
	order: 0;
  }
  .threebox .right {
	-webkit-order: 1;
	-moz-order: 1;
	-ms-order: 1;
	order: 1;
  }
  .threebox--bg {
	width: 60%;
	height: 100%;
  }
  .remake_box .threebox--bg {
	background: url('../images/bg_remake.jpg') no-repeat center/cover;
  }
  .reform_box .threebox--bg {
	background: url('../images/bg_reform.jpg') no-repeat center/cover;
  }
  .original_box .threebox--bg {
	background: url('../images/bg_original.jpg') no-repeat center/cover;
  }
  .threebox--content {
	padding: 0 56px;
  }
  .threebox img {
	display: block;
  }

/* 宇野カバンについて
 **************************************** */
  .home_about {
	padding: 80px 0 160px;
  }
  .home_about--ttl {
	font-size: 260%;
	letter-spacing: .25em;
	background: url(../images/randsel_line.png) no-repeat center bottom;
	padding: 0 0 48px;
  }
  .home_about--ttl small {
	display: block;
	font-size: 40%;
	letter-spacing: .1em;
	margin-top: 8px;
	opacity: 0.5
  }
  .home_about--catch {
	font-size: 110%;
	line-height: 2;
	position: relative;
  }
  .shop_img01 {
    display: table;
    margin: 0px auto 48px;
  }
  .top_shop a.read_more.top_read {
    font-family: 'Lora', 'A1明朝';
    letter-spacing: .2em;
    transform: rotate(0.05deg);
  }
  .top_shop img {
    width: 480px;
    max-height: 280px;
  }
  .top_shop_info h3 {
    font-size: 150%;
    font-weight: 800;
    letter-spacing: 0.2em;
  }
  .top_shop_info {
    display: table;
    margin: 0 auto 80px;
    width: 100%;
    max-width: 800px;
  }
  .top_shop_info .left, .top_shop_info .right {
    float: left;
    position: relative;
  }
  .top_shop_info .left {
    padding: 24px 76px 24px 0;
  }
  .top_shop_info .right {
    padding: 24px 0 24px 56px;
  }
  .top_shop_info .left::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, #333, #333 60%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
    background-size: 5px 5px;
    width: 1px;
    height: 100%;
  }
  .shop_images {
    width: 100%;
    margin: 0 auto;
  }
  .shop_images img {
    margin: 0 0 0 20px;
    width: 30%;
  }

  @media print, screen and (min-width: 768px) {
    .top_shop {
      margin: 12px;
    }
  }
  @media screen and (max-width: 767px) {
    .top_shop:not(:last-child) {
      margin-bottom: 24px;
    }
  }

/* =====================================================================================

	PAGE

===================================================================================== */
  .page--text {
	padding: 48px;
	border: 1px dashed;
  }
  .page--text .read_more {
	float: none;
  }

/* quality
*************************************************** */
  .subpage.page.page-quality .quality--ttl {
	font-size: 250%;
	letter-spacing: .25em;
	color: #333;
  background: url(../images/randsel_line.png) no-repeat center bottom;
  padding: 0 0 48px;
  }
  .subpage.page.page-quality .quality--ttl.c-wht {
    background: url(../images/randsel_line-wh.png) no-repeat center bottom;
  }
  .subpage.page.page-quality .quality--ttl small {
  display: block;
  font-size: 40%;
  opacity: .5;
  letter-spacing: .1em;
  margin-top: 8px;
  }
  .subpage.page.page-quality .quality--ttl.c-wht, .quality--text.c-wht {
    color: #fff;
  }
  .quality--content .border {
	padding: 20px;
	border:dashed 1px #000;
  }
  .quality--content:nth-child(1) .border,
  .quality--content:nth-child(5) .border {
	border:dashed 1px #FFF;
  }

/* --- slider --- */
  .quality--item {
    display: flex;
    align-items: center;
  }
  .quality--item:not(:last-child) {
    margin-bottom: 80px;
  }
  .quality--item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .quality--item .image {
    width: 48.15%; /* 520px */
  }
  .quality--item .txtarea {
    flex: 1;
  }
  .quality--item:nth-child(odd) .txtarea {
    padding-left: 7.96%; /* 86px */
    padding-right: 5.09%; /* 55px */
  }
  .quality--item:nth-child(even) .txtarea {
    padding-left: 5.09%; /* 55px */
    padding-right: 7.96%; /* 86px */
  }
  .quality--item .icon {
    width: auto;
    line-height: 40px;
    text-align: center;
    margin-bottom: 8px;
  }
  .quality--item .icon img {
    display: inline;
    vertical-align: middle;
  }
  .quality--item h3 {
    margin-bottom: 1em;
    font-size: 200%;
  }
  .quality--item h3 small {
    font-size: 50%;
  }
  .quality--item p {
    line-height: 2;
    letter-spacing: 0.15em;
  }
  .page-quality .material::before,
  .page-quality .material::after {
    content: none;
  }
  .page-quality .material:nth-of-type(1)::before {
    content: '';
    background: url(../images/kazari_sun.png) no-repeat center;
  }
  .page-quality .material:nth-of-type(2)::after {
    content: '';
    background: url(../images/kazari_hana.png) no-repeat center;
  }
  .page-quality .material:nth-of-type(3)::before {
    content: '';
    background: url(../images/kazari_kumo.png) no-repeat center;
  }

/* --- thought --- */
  .thought--history {
    position: relative;
    z-index: 0;
    color: #fff;
  }
  .thought--history::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    min-width: 1200px;
    width: 100%;
    height: 100%;
    display: block;
    background:
      url(../images/quality/thought--history_img01.png) no-repeat left center/contain,
      url(../images/quality/thought--history_img02.png) no-repeat right center/contain;
    pointer-events: none;
    z-index: -1;
  }
  .history--ttl {
    font-size: 220%;
  }
  .randsel--ttl {
    font-size: 260%;
  }
  .thought--randsel--box {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .thought--randsel--box .image,
  .thought--randsel--box .textarea {
    display: table-cell;
    vertical-align: middle;
  }
  .thought--randsel--box .image {
    width: 380px;
  }
  .thought--randsel--box .textarea {
    padding: 0 0 0 24px;
  }
  .randsel--subttl {
    font-size: 170%;
    color: #900200;
  }

  @media print, screen and (min-width: 768px) {    
    .subpage.page.page-quality .quality--text {
      font-size: 119%;
    }
  }

/* remake
*************************************************** */
  .page-remake article.section_pdg {
    padding: 0;
  }
  .remake_message .inner {
    width: 1300px;
    max-width: 90%;
  }
  .remake_message--block {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 120px 0 0 0;
  }
  .remake--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1080px;
    height: 620px;
  }
  .remake--content {
    border: 1px solid #786752;
    background: rgba(255,255,255,.9);
    padding: 32px 40px;
    position: relative;
  }
  .remake--content p {
    font-size: 110%;
    line-height: 2;
  }
  .remake_item--list {
    margin: 30px auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  .remake_item--list li {
    width: calc(100% / 3 - 11px);
    padding: 32px;
    margin: 0 16px 16px 0;
    border-radius: 6px;
    background-color: rgba(255,255,255,0.7);
  }
  .remake_item--list li:nth-last-child(-n+3) {
    margin: 0 16px 0 0;
  }
  .remake_item--list li:nth-child(3n) {
    margin: 0 0 16px;
  }
  .remake_item--list li:last-child {
    margin: 0;
  }
  .remake_item--ttl{
    position: relative;
    font-size: 140%;
    color: #900200;
    z-index: 0;
  }
  .remake_item--ttl::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    border-top: solid 1px;
    border-bottom: solid 1px;
    border-color: #b3a89b;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
  }
  .remake_item--ttl span {
    background: #fbfaf8;
    padding: 0 16px;
    display: inline-block;
    line-height: 1.1em;
  }
  .remake_item--subttl {
    font-weight: bold;
  }
  .remake_item--list li .price--tax{
    font-size:1.4em;
    line-height:3em;
    color:#900200;
  }
  .remake--block{
    margin:0;
    width:100%;
    padding:60px 0px 60px 0px ;
  }
  .remake_image{
    display:table;
    text-align: center ;
    margin:20px auto 0px auto ;
  }
  .remake_item--list .post--price:not(:last-child) {
    margin: 0 0 24px;
  }

  .page-remake #section-27 .bg-wh {
    background-color: #fff !important;
  }

/* repair
*************************************************** */
.page-repair article.section_pdg {
  padding: 0;
}
.repair--block {
  display: flex;
  display: -webkit-flex;
}
.repair--block .left, .repair--block .right {
  width: 50%;
  padding: 80px 60px;
}
.repair--bg.left {
  background: url('../images/repair/img_repair01.jpg') no-repeat center/cover;
}
.repair--bg.right {
  background: url('../images/repair/img_repair02.jpg') no-repeat center/cover;
}
.repair--block .left {
  -webkit-order: 0;
  -moz-order: 0;
  -ms-order: 0;
  order: 0;
}
.repair--block .right {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  order: 1;
}
.repair--block p {
  font-size: 110%;
}
.brand {
  display: table;
  margin: 0 auto;
}
.brand--list {
  display: table;
}
.brand--item {
  float: left;
  margin: 0 16px 16px 0;
  padding: 8px 16px;
  background: url('../images/pt_04.jpg');
  color: #fff;
  border-radius: 3px;
}
.brand--item:last-child {
  margin: 0;
}
.price--table {
  width: 100%;
  background: #fff;
  border-left: solid 1px #E5E5E5;
  border-top: solid 1px #E5E5E5;
}
.price--table th {
  width: 30%;
  background: #F3EEE8;
  text-align: left;
  border-right: solid 1px #E5E5E5;
  border-bottom: solid 1px #E5E5E5;
  padding: 10px;
}
.price--table td {
  text-align: left;
  border-right: solid 1px #E5E5E5;
  border-bottom: solid 1px #E5E5E5;
  padding: 10px 20px;
  text-align: center;
}

/* store
*************************************************** */
.store--list{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  margin-bottom:50px;
}
.store--list li{
  width: 32%;
  float: left;
  background: rgba(255,255,255,.6);
  margin: 15px 0 0 10px ;
  padding: 20px 15px 30px 15px ;
  text-align: left;
}
.store--list a img:hover{
  opacity: .5;
}
.store--list li img{
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.store--list li h3{
  text-align:center;
  display:table;
  border-bottom:dashed 1px #000;
  padding:0px 9px 6px 9px;
  margin-left: auto;
  margin-right: auto;
}
.store--list li p{
  width:100%;
  text-align:left;
  padding:0px 20px ;
}
.store--content{
  background: url("/wp/wp-content/themes/original_theme/images/pt_01.jpg" ) repeat center top ;
  margin:0;
  padding:0;
}
ul.store--list03{
  width:100%;
  display: table;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
}
ul.store--list03 li{
  width:49%;
  margin:0px 5px ;
  float:left;
  background: rgba(255,255,255,.6);
  padding:40px 50px 40px 50px ;
  border:solid 1px #000;
}
ul.store--list03 li h3{
  border-bottom:dashed 1px #000;
  padding-top:10px;
  padding-bottom:10px;
  margin-bottom:15px;
}
ul.store--list03 li h3::before,
ul.store--list03 li h3::after {
  content: none;
}
.store--text{
  text-align: center;
  font-size:1.2em;
  line-height:1.9em;
}
.shop_image01{
  float:none;
  display:table;
  margin:0px auto 40px auto ;
  border:solid 1px #000;
}
.shop_image02{
  display: table;
  margin:0px auto 40px auto ;
  border:solid 1px #000;
}
.store--box01{
  width:50vw;
  float:right;
  background: rgba(255,255,255,.8);
  padding:40px 50px 40px 50px ;
  border:solid 1px #000;
  position:relative;
  right:0%;
  margin:-150px 0px 60px 0px ;
}
.shop_image03{
  float:right;
  border:solid 1px #000;
  margin:350px 0px 50px 0px ;
}
.store--box02{
  width:50vw;
  float:left;
  background: rgba(255,255,255,.8);
  padding:40px 50px 40px 50px ;
  border:solid 1px #000;
  position:relative;
  left:0%;
  margin:-850px 0px 0px 0px ;
}
.store--parallax01{
  background: url("/wp/wp-content/themes/original_theme/images/store/original_bag01.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size:cover;
  height: 500px;
  width:100%;
  float:left;
}
.store--parallax02 {
  width:100%;
  float:left;
  background: url("/wp/wp-content/themes/original_theme/images/pt_02.jpg" ) repeat;
}
.store--parallax03 {
  background: url("/wp/wp-content/themes/original_theme/images/store/original_bag02.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size:cover;
  height: 500px;
  width:100%;
  float:left;
}
.store--parallax04 {
  width:100%;
  background-color:#FFF;
  float:left;
  background: url("/wp/wp-content/themes/original_theme/images/pt_03.jpg" ) repeat;
}
.store--parallax05 {
  background: url("/wp/wp-content/themes/original_theme/images/store/original_bag03.jpg") no-repeat center center;
  background-attachment: fixed;
  background-size:cover;
  height: 500px;
  width:100%;
  float:left;
  margin-bottom:50px;
}
.access_map{
	font-size:1.1em;
	margin:10px auto 10px auto;
	padding:10px 22px ;
	color:#fff;
	background-color:#C1C1C1;
	font-weight:bold;
	border-radius: 5px;
}
@media(max-width: 1100px) {
  .store--list{
    width:95%;
    float: none;
    display: table;
    text-align:center;
    margin:0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
  }
  .store--list li{
    width:48%;
  }
}

/* privacy
*************************************************** */
.privacy--text01 {
  line-height:2.2em;
}

/* tokusho
*************************************************** */
.page-tokusho .page_ttl-eng{
  display:none;
}
.tokusho--box{
  border-top:solid 1px #F4EFE9;
  border-left:solid 1px #F4EFE9;
}
.tokusho--box th{
  padding:15px 30px ;
  background-color:#F4EFE9;
  border-bottom:solid 1px #FFF;
  text-align:left;
  width:25%;
}
.tokusho--box td{
  border-right:solid 1px #F4EFE9;
  border-bottom:solid 1px #F4EFE9;
  padding:15px 30px ;
}

/* reserve
*************************************************** */
.page-reserve article.section_pdg {
  margin: 0;
  padding: 0;
}
.reserve--text02 {
  background: #FFF;
  padding: 32px;
  margin-left: auto;
  margin-right: auto;
  line-height:2em;
  font-size:1.2em;
  border: dashed 1px #000;
  width: 760px;
  max-width: 100%;
}
.reserve--text02 .tel {
  font-size:1.9em;
  display: table;
  margin: 0 auto;
}
.reserve--text02 .tel img {
  margin:0px 5px -1px 0px ;
}
.reserve--text04 {
  font-size: 140%; 
}
.booklet {
  display: block;
  margin: 0 auto;
}
.reserve--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  margin-top: 20px;
}
.reserve--item {
  float: left;
  width:32%;
  margin:0px 5px ;
  background-color: #FFF;
  border: dashed 1px #000;
  padding: 20px 15px 20px 15px ;
  text-align: center;
}
.reserve--item img {
  margin-bottom: 10px ;
}
.reserve--item h3 {
  margin-top: 10px ;
  margin-bottom: 10px ;
  font-size: 1.3em;
}
.reserve--content .booklet {
  margin-top: 30px;
  margin-bottom: 10px;
}
.reserve--content .bookmark {
	margin:30px auto 0px auto ;
	display: table;
}

/* guide
*************************************************** */
.guide--box{
  padding: 0 1em;
  line-height:1.8em;
}
.guide--box h3{
  font-size:1.2em;
}
.guide--box h3:before{
  content:"";
  margin:0px 8px -4px 0px ;
  display: inline-block;
  background: url("/wp/wp-content/themes/original_theme/images/icon_info.png") no-repeat;
  background-size: contain;
  width:25px;
  height:21px;
}
.guide--box p {
  padding: 0 1em;
}

/* time
*************************************************** */
  .page-time {
    background: url("/wp/wp-content/themes/original_theme/images/pt_01.jpg" ) repeat center top ;
  }
  .time--ttl {
    font-size: 180%;
  }
  .time:last-child {
    margin: 0;
  }
  .time li {
	line-height:1.3em;
  }
  .time--box {
	width:100%;
	text-align: left;
  }
  .time--box .item_img {
	text-align: center;
	padding:0px;
	margin: 0 auto;
  }
  .time--box .item_img img {
    margin-bottom: 24px;
    width: 280px;
	}
  .time--box a {
    display: table;
    text-align: center;
    margin: 12px auto 24px;
    min-width: 220px;
    max-width: 100%;
    font-size: 106%;
    letter-spacing: 0.05em;
    box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 16px -8px;
    color: #fff;
    padding: 12px 24px;
    background: rgba(107, 92, 92, 0.75);
    border-radius: 50px;
  }
  .time--box a:hover {
    background: rgba(107, 92, 92, 1);
  }
  .time_list--zaiko {
    background-color:#B14D4C;
    color:#fff;
    padding:6px 12px;
    margin-top: 6px;
    margin-bottom: 12px;
    white-space: nowrap;
    }
    .page-time .item-original-charm,
    .page-time .item-original-cover,
    .page-time .item-original-case,
    .page-time .item-original-bag,
    .page-time .item-original-charm,
    .item-original-keyring ,
    .item-tablet-case {
      display: none;
    }

/*
  .time_list table{
    width:100% !important;
    float:left;
    padding:0px;
  }
  .time_list table tr{
    padding:0px;
    width:100% !important;
    float:left;
  }
  .time_list table td:nth-child(1){
    width:20% !important;
  }
  .time_list table td{
    width:40% !important;
    height:auto !important;
    padding:0px;
    margin:0px;
    vertical-align:middle;
  }
  .time_list table td:nth-child(1) img{
    width:100% !important;
    vertical-align:top;
  }
  .deliver_list table{
  	width:100% !important;
  	background-color:#fff;
  }
  .deliver_list table td:nth-child(1) {
  	width:20% !important;
  	padding-left:50px;
  	padding-right:50px;
  }
  .deliver_list table td:nth-child(1) img{
    border-radius: 50%;
  }

  .deliver_list table tr:nth-child(odd) {
    background: #f8f8f8
  }
  .deliver_list table td{
  	width:30% !important;
  	vertical-align:middle;
  	line-height:1.8em;
  	padding:10px 20px;
  }
  .deliver_list table td:nth-child(3) {
	  width:50% !important;
  }
  .deliver_list table td img{
	  width:100%;
  }*/


/* voice-form
*************************************************** */
  .voice_form_box{
	  text-align: left;
  }
  .voice_form_box tr{
  	width:100%;
  	float:left;
  	padding:5px 0px ;
  }
  .voice_form_box th{
    width:30%;
    float:left;
    font-weight:normal;
  }
  .voice_form_box td{
    width:70%;
    float:left;
  }
  .voice_form_box td input{
    width:100%;
  }
  .voice_form_box td textarea{
    width:100%;
  }

  @media screen and (max-width: 767px) {
		.voice_form_box th{
		  width:100%;
		  float:left;
		}
		.voice_form_box td{
		  width:100%;
		  float:left;
		}
	  .voice_form_box tr{
	    width:100%;
	  }
	  .voice_form_box th{
	    width:30%;
	    float:left;
	    font-weight:normal;
	  }
	  .voice_form_box td{
	    width:70%;
	    float:left;
	  }
	  .voice_form_box td input{
	    width:100%;
	  }
	  .voice_form_box td textarea{
	    width:100%;
	  }
	}


  @media screen and (max-width: 767px) {
    .voice_form_box th{
      width:100%;
      float:left;
    }
    .voice_form_box td{
      width:100%;
      float:left;
    }
  }
  div.wpcf7-response-output {
    padding: .5em 1em;
    margin: 0;
  }

/* visit
*************************************************** */
  .blc:not(:last-child) {
    margin-bottom: 50px;
  }
  .blc-md:not(:last-child) {
    margin-bottom: 72px;
  }
  .blc-lg:not(:last-child) {
    margin-bottom: 88px;
  }
  .blc.bg-bg {
    padding: 32px 48px;
  }
  .blc-lg.bd-rd {
    padding: 56px 90px;
  }
  .blc-lg h3 {
    font-size: 160%; /* 24px */
  }
  .top_banner.visit_banner {
    background-image: url(/wp/wp-content/themes/original_theme/images/visit/visit-bnr01.jpg);
  }
  .visit_banner .top_banner--wrap--ttl--jp {
    font-size: 225%;
  }
  .visit_banner .read_more.top_read {
    max-width: 340px;
  }

  @media print, screen and (min-width: 768px) {    
    .page-visit .section_pdg {
      padding-top: 112px;
      padding-bottom: 112px;
    }
  }
  @media screen and (max-width: 767px) {
    .blc:not(:last-child) {
      margin-bottom: 24px;
    }
    .blc-md:not(:last-child) {
      margin-bottom: 32px;
    }
    .blc-lg:not(:last-child) {
      margin-bottom: 40px;
    }
    .blc.bg-bg,
    .blc-lg.bd-rd {
      padding: 24px;
    }
    .blc-lg h3 {
      font-size: 142.86%; /* 20px */
    }
  }

/* thought
*************************************************** */
  .layout-wrap:not(:last-child) {
    margin-bottom: 140px;
  }
  .layout-wrap-num {
    counter-increment: num;
  }
  .wrap--blc {
    display: flex;
    align-items: center;
  }
  .wrap--blc:not(:last-child) {
    margin-bottom: 101px;
  }
  .wrap--blc .ttl {
    font-size: 200%; /* 30px */
    margin-bottom: 1em;
  }
  .layout-wrap-num .ttl {
    position: relative;
  }
  .layout-wrap-num .ttl::before {
    content: counter(num)'/';
    position: absolute;
    top: -40px;
    left: -59px;
    font-family: 'EB Garamond', serif;
    font-size: 333.33%; /* 100px */
    color: #9b8e8e;
    opacity: .3;
    line-height: 1;
    font-weight: 400;
    letter-spacing: .1em;
    z-index: -1;
  }
  .layout-wrap .blc {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  @media print, screen and (min-width: 768px) {
    .layout-wrap:not(.layout-wrap-reverse) .wrap--blc:nth-child(odd) {
      flex-direction: row-reverse;
    }
    .wrap--blc .imgarea {
      width: 50%; /* 540px */
    }
    .wrap--blc-intro .imgarea {
      width: 51.85%; /* 560px */
    }
    .wrap--blc .txtarea {
      flex: 1;
    }
    .wrap--blc:nth-child(odd) .txtarea {
      padding-right: 5.74%; /* 62px */
    }
    .wrap--blc:nth-child(even) .txtarea {
      padding-left: 5.74%; /* 62px */
    }
    .layout-wrap-reverse .wrap--blc:nth-child(odd) .txtarea {
      padding-left: 5.74%; /* 62px */
      padding-right: 0;
    }
    .layout-wrap-reverse .wrap--blc:nth-child(even) .txtarea {
      padding-left: 0;
      padding-right: 5.74%; /* 62px */
    }
    .wrap--blc-intro:nth-child(odd) .txtarea {
      padding-left: 6.67%; /* 72px */
    }
    .wrap--blc-intro:nth-child(even) .txtarea {
      padding-right: 6.67%; /* 72px */
    }
  }
  @media screen and (max-width: 767px) {
    .layout-wrap:not(:last-child) {
      margin-bottom: 70px;
    }
    .wrap--blc:not(:last-child) {
      margin-bottom: 50px;
    }
    .wrap--blc {
      flex-direction: column;
    }
    .wrap--blc .imgarea {
      margin-bottom: 24px;
    }
    .wrap--blc .ttl {
      font-size: 150%;
    }
    .layout-wrap-num .ttl {
      padding-top: 1em;
    }
    .layout-wrap-num .ttl::before {
      top: -20px;
      left: inherit;
      right: 0;
      font-size: 300%; /* 72px */
    }
  }

/* conference
*************************************************** */
.cta_tel {
  margin: 0 auto 32px;
  background: #998D8D;
  padding: 16px 64px;
}
.cta_tel * {
  color: #fff;
}
.cta_num {
  font-size: 2rem;
  line-height: 1;
  background: url(../images/icon-fotter-tel.svg) no-repeat left;
  background-size: 20px;
  padding: 0 0 0 30px;
  margin-bottom: 8px;
}
.cta_tel p {
  font-size: .875em;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .cta_tel {
    margin: 0 auto 24px;
    padding: 16px 32px;
  }
  .cta_num {
    font-size: 1.428rem;
    background-size: 16px;
    padding: 0 0 0 24px;
  }
}

/* booking-package
**************************************** */
#booking-package {
  font: 500 16px / 1.8 "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004", YuGothic, 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/* --- カレンダー --- */

#booking-package #booking-package_calendarPage .calendarPanel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
#booking-package .calendarData,
#booking-package #booking-package_schedulePage .selectedDate {
  font-family: 'A1明朝', serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: .14em;
  line-height: 1;
  rotate: .03deg;
  translate: 0 -.05em;
}
#booking-package .calendarChangeButton {
  font-family: 'A1明朝', serif;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: .14em;
  rotate: .03deg;
}
#booking-package .calendarChangeButton * {
  line-height: 1;
}
#booking-package .calendarChangeButton label {
  display: flex;
  align-items: center;
}
#booking-package .calendarChangeButton span::after {
  content: '月';
}
#booking-package #booking-package_calendarPage .arrowFont {
  font-size: 1.25rem !important;
  translate: 0 0.15em;
}
#booking-package #booking-package_calendarPage .dayPanel  {
  font-size: 1rem;
  padding: 4px 0;
}
#booking-package #booking-package_calendarPage .dayPanel:not([id]) { /* 曜日セルの指定 */
  background-color: #f4efe9;
}
/* --- 時間選択 --- */
#booking-package #booking-package_schedulePage {
  display: flex;
  flex-wrap: wrap;
}
#booking-package #booking-package_schedulePage .topPanel {
  padding-bottom: 32px;
  width: 100%;
  border: none;
  order: 1;
}
#booking-package #booking-package_schedulePage #bottomPanel {
  display: flex;
  width: 100%;
  padding: 0 0 16px;
  border: none;
  order: 2;
}
#booking-package #booking-package_schedulePage .daysListPanel {
  display: none;
}
#booking-package #booking-package_schedulePage .courseListPanel {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  order: 3;
  box-shadow: none;
}
#booking-package #booking-package_schedulePage #blockPanel {
  height: 0 !important;
}
#booking-package #booking-package_schedulePage .daysListPanel,
#booking-package #booking-package_schedulePage .courseListPanel {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
#booking-package #booking-package_schedulePage .courseListPanel > div {
  padding-left: 2em;
}
#booking-package #booking-package_schedulePage .weekPanel + div::after {
  content: "日";
}
#booking-package #booking-package_schedulePage .selectPanel .subtitle::before {
  content: "○";
  display: inline-block;
  width: 1em;
  text-align: center;
  margin-left: 24px;
}
#booking-package #booking-package_schedulePage .selectPanelError .subtitle::before {
  content: "×";
  display: inline-block;
  width: 1em;
  text-align: center;
  margin-left: 24px;
}
#booking-package #booking-package_schedulePage .selectPanelError {
  color: #333;
  background-color: #ededed;
}
#booking-package #booking-package_schedulePage button {
  padding: 8px 32px;
  margin: 0;
  font-family: 'Lora', 'A1明朝';
  letter-spacing: .2em;
  line-height: 1;
  border: 1px solid #999;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  transform: rotate(0.05deg);
  transition: all .4s ease-in;
}
#booking-package #booking-package_schedulePage button:hover {
  color: #ffffff;
  background-color: #999;
  transition: all 0.3s;
}

/* --- 予約情報入力 --- */
#booking-package #reservationHeader {
  font-size: 0 !important;
  padding-bottom: 48px;
  border-bottom: none;
}
#booking-package #reservationHeader::after {
  content: '予約情報の入力';
  font-family: 'A1明朝', serif;
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: .14em;
  line-height: 1;
  rotate: .03deg;
  translate: 0 -.05em;
}
#booking-package #booking-package_inputFormPanel .row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eee;
}
#booking-package #booking-package_inputFormPanel .name {
  position: relative;
  line-height: 1.4;
  width: 34%;
  padding: 16px;
}
#booking-package #booking-package_inputFormPanel .required:after {
  content: "必須";
  background: #f55;
  color: #fff;
  margin: 0 0 0 1em;
  font-size: 70%;
  font-family: "こぶりなゴシック W6 JIS2004", "Koburina Gothic W6 JIS2004";
  padding: 2px 5px;
  border-radius: 3px;
  float: right;
}
#booking-package #booking-package_inputFormPanel .value {
  width: 66%;
  padding: 16px;
}
#booking-package #booking-package_inputFormPanel .cartPanel {
  padding-top: 32px;
}
#booking-package #booking-package_inputFormPanel .returnButton {
  display: block;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 0;
  font-family: 'Lora', 'A1明朝';
  letter-spacing: .2em;
  line-height: 1;
  border: 1px solid #999;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
  transform: rotate(0.05deg);
}
#booking-package #booking-package_inputFormPanel .returnButton:hover {
  color: #ffffff;
  background-color: #999;
  transition: all 0.3s;
}
#booking-package #booking-package_inputFormPanel .bookingButton {
  color: #910000;
  border: 1px solid #910000;
}
#booking-package #booking-package_inputFormPanel .bookingButton:hover {
  color: #ffffff;
  background-color: #910000;
  transition: all 0.3s;
}
#booking-package #booking-package_inputFormPanel input {
  margin: 0;
  padding: 5px 15px;
  border: 1px solid #ccc;
  font: inherit;
  font-size: 100%;
  border-radius: 3px;
}
#booking-package #booking-package_inputFormPanel select {
  padding: 14px 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#booking-package #booking-package_inputFormPanel .radio_title {
  margin-left: 10px;
}
#booking-package #booking-package_inputFormPanel textarea {
  min-height: 8em;
}
#booking-package #booking-package_inputFormPanel .description {
  font-size: 85%;
  color: #999;
}
#booking-package #reservationHeader.booking_completed {
  font-size: 1.125rem !important;
  padding: 16px;
  border: 2px solid #6bb15c;
  margin-bottom: 24px;
}
#booking-package #reservationHeader.booking_completed::after {
  content: none;
}
@media screen and (max-width: 767px) {
  #booking-package .calendarData,
  #booking-package #booking-package_schedulePage .selectedDate {
    font-size: 1.4rem;
  }
  #booking-package #booking-package_calendarPage .dayPanel {
    padding: 8px 0;
    height: auto;
    min-height: 5em;
  }
  #booking-package #booking-package_calendarPage .dayPanel:not([id]) { /* 曜日セルの指定 */
    min-height: inherit;
  }
  #booking-package #booking-package_calendarPage .symbolPanel {
    line-height: 1.5;
  }
  #booking-package #booking-package_inputFormPanel .row {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 10px;
  }
  #booking-package #booking-package_inputFormPanel .name {
    width: 100%;
    padding: 8px;
  }
  #booking-package #booking-package_inputFormPanel .value {
    width: 100%;
    padding: 8px;
  }
  #booking-package #booking-package_inputFormPanel .returnButton {
    width: 100%;
  }
}

/* girl
*************************************************** */
.select_series {
  width: 80vw;
  margin: 0 calc(50% - 40vw);
}
.select_series .imgarea {
  width: 100%;
}
.select_series .txtarea {
  padding: 16px;
}
.series--list .series_item:hover .btn {
  color: #fff;
  border-color: #910000;
  background-color: #910000;
}
#color_nav {
  margin-bottom: 32px;
}
#color_nav li {
  margin: 4px;
  padding: 8px 16px;
  min-width: 100px;
  border-radius: 24px;
  border: 2px solid;
  text-align: center;
  cursor: pointer;
  transition: all .4s ease-out;
  color: #000;
}
#color_nav li::before { display: none; }
#color_nav li:not([style="background-color: girl; border-color: girl;"]):not([style="background-color: boy; border-color: boy;"]) {
  color: #fff;
}
#color_nav li[style="background-color: white; border-color: white;"] {
  background-color: #b9b9b9 !important;
  border-color: #b9b9b9 !important;
}
#color_nav li:hover {
  opacity: .7;
}
#color_nav li span {
  mix-blend-mode: luminosity;
}
#color_nav li.boy span::after,
#color_nav li.girl span::after {
  content: "向け";
}
.color_contents .posts.select {
  display: flex !important;
}
.select_series .posts-item .post,
.color_contents .posts-item .post {
  padding-bottom: 0;
}
.select_series .posts-item .post--img img,
.select_series .posts-item .post--txtarea p,
.color_contents .posts-item .post--img img,
.color_contents .posts-item .post--txtarea p {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .select_series {
    width: 100%;
    margin: 0 auto;
  }
  #color_nav {
    flex-wrap: wrap;
  }
  #color_nav li {
    margin-bottom: 8px;
  }
}

/* =====================================================================================

	Welcart

===================================================================================== */
  #itempage .itemimg ,#itempage h3 ,#itempage .field  skuform{
	display:none;
  }
  #itempage .item_option{
	width:350px;
	float:left;
	text-align:left;
	margin-top:40px;
	padding:5px 0px 15px 0px ;
  }
  #itempage .item_option h4{
	font-weight:normal;
	border-top:solid 1px #F0EBE7;
	border-bottom:solid 1px #F0EBE7;
	padding:10px 0px 10px 0px;
	margin:0px 0px 10px 0px;
  }
  #itempage .item_option ul li img{
	width:20px;
	height:20px;
  }
  #itempage .item_option label{
	padding:5px 0px ;
  }
  #itempage .item_option input[type=checkbox] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
  }
  #itempage .item_option input[type=radio] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
  }
  #itempage .item_option .red {
    color:#900200;
    padding-top:12px;
    padding-bottom:8px;
    padding-left:10px;
  }
  .customer_form .red {
    color:#900200;
    padding-top:5px;
    padding-left:3px;
    font-size:90%;
  }
  .wc_table tr{
    border-bottom: solid 1px #fff !important;
  }
  .item_option input[type=text]{
    padding: 12px 16px;
    margin-top: 0px;
    margin-left: 4px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 90%;
  }
  #itempage .cart_box{
	float:left;
	width:350px;
	border-top:solid 1px #F0EBE7;
	border-bottom:solid 1px #F0EBE7;
	padding:10px 0px 30px 0px;
  }
  #itempage .cart_box02{
	display:table;
	width:100%;
	text-align:center;
	margin:20px auto;
  }
  #itempage .cart_box .price{
	display:table;
	width:100%;
	text-align:center;
	margin:20 auto;
  }
  #itempage .cart_box .price{
	font-size:1.5em;
  }
  #itempage .cart_box .price span.small{
	font-size:0.7em;
  }
  #itempage .cart_box input[type="submit"] {
	border:none;
	outline:none;
	display:table;
	padding:16px 48px;
	margin:24px auto;
	border-radius: 72px;
	font-size:1.3em;
	font-family: こぶりなゴシック W3 JIS2004, Koburina Gothic W3 JIS2004; 
	letter-spacing: 0.15em;
  color: #333;
	background: #FED73C;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	cursor:pointer;
	box-shadow: 0 0 32px -8px rgba(0, 0, 0, 0.33);
  }
  #itempage .cart_box input[type="submit"]:hover{
	box-shadow: none;
	background: #ffcd04;
  }
  #itempage .cart_box .skuquantity{
	padding:7px 10px;
  }
  #itempage .cart_box .sku_text{
    text-align: center;
  }

  /*商品画像スライド*/
  .mb60{
	margin-bottom: 60px;
  } 
  .swiper-container{
	text-align: center;
	width: 60%;
	max-width:600px;
  }
  .swiper-container .swiper-slide img{
	max-width: 100%;
	width: 100%;
	height: auto;
  }
  .prettyprint{
	border: none;
	background: #fafafa;
	color: #697d86;
  }
  #thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
  }
  #thumbs .swiper-slide {
	width: 20%;
	height: 100%;
	opacity: 0.2;
	cursor: pointer;
  }
  #thumbs .swiper-slide-active {
	opacity: 1;
  }
  /*タブスライド*/

  .item_list_wrap ul {
	overflow: hidden;
  }
  .item_list_wrap .color{
    text-align: center;
  }

  /*タブの中身を初期非表示に*/
  .ChangeElem_Panel{
	margin:0 auto ;
	visibility: hidden;
	height : 0px;
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
	overflow: hidden;
  }
  .ChangeElem_Panel.hidden {
	visibility: hidden;
	height : 0px;
	animation: fadeInTab 1s ease 5s 1 normal;
	-webkit-animation: fadeInTab 1s ease 5s 1 normal;
  }
  .ChangeElem_Panel.visible {
	visibility: visible;
	height : auto;
	animation: fadeOutTab .8s ease 0s 1 normal;
	-webkit-animation: fadeOutTab .8s ease 0s 1 normal;
  }
  /*タブを横並べに*/
  .ChangeElem_List  {
	display: block;
  }
  .ChangeElem_Panel .bx-wrapper {
	margin:0px 0px 10px 0px;
  }
/* carouselスライダー *********************** */
.carousel .bx-wrapper {
    margin: 0 auto;
    position: relative;
  }
  .carousel .bx-wrapper .bx-pager {
    margin: 0 auto;
    width: 1080px;
    background: #fff;
  }
  .carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .carousel--inner {
    position: relative;
    left: 50%;
    width: 1800px; 
    margin-left: -900px; /* ①÷(-2) */
    overflow: hidden;
  }
  .carousel--inner .bx-viewport {
    overflow: visible !important;
  }
  .carousel--inner .item_list_wrap {
    position: relative;
  }
  .carousel--inner .item_list_wrap li li {
    max-width: 600px;
  }


  @media screen and (max-width: 768px) {
    .carousel--inner {
    width: 100%;
    margin-left: -50%;
    }
    .item_list_wrap {
    margin: 0 auto;
    }
  }

/* carouselスライダーここまで▲ *********************** */

  .custom-thumb{
    display:table;
    margin:24px auto 0;
  }
  .custom-thumb a {
    display: inline-block;
    margin: 0 4px;
    width:88px;
    height:88px;
    border-radius: 50px;
    overflow: hidden;
  }
  .custom-thumb a.active {
    border: 1px solid #333;
  }
  
/*通常時のタブ装飾*/
  .ChangeElem_Btn {
    background-color: #f4f2f3;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    flex: 1;
    font-size: 1rem;
    transition: all .3s ease-in-out;
    line-height: 1.2em;
    vertical-align: top;
    padding: 8px 5px;
    border: 1px solid #fff;
    opacity: 0.8;
    margin-bottom: 4px;
    width: 15%;
  }

  .ChangeElem_Btn p{
    text-align:center;
    margin-top:8px;
    font-size:0.8em;
  }
  .ChangeElem_Btn img {
    max-width: 61px;
    border-radius: 50px
  }
  /*カレントとホバー時のタブ装飾*/
  .ChangeElem_Btn:hover,
  .ChangeElem_Btn.is-active {
    outline: none;
    opacity: 1;
    border-color: #333;
  }
  .ChangeElem_Panel li img{
  display: block;
  max-width:600px;
  height:auto;
  margin: 0px auto;
  }

/* #item__intro
********************************************** */
  .item_page_box {
    position: relative;
    height: calc( 100vh - 32px );
    background: #eee center;
    background-size: cover;
  }
  .item_page_box.item_page_box-s {
    height: 70vh;
  }
  .item_page_box::before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    border: 1px dashed #f6f6f6;
    pointer-events: none;
  }
  .item__cart__link {
    float:right;
    position:fixed;
    z-index:100;
    right:0px;
    top: calc( 50% - 40px );
    padding: 35px 8px 12px 10px ;
    color:#000;
    text-align: center;
    line-height: 1.5em;
    font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004";
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: 150px;
  }
  .page-simulator .item__cart__link .simu-none {
    display: none;
  }
  .item__cart__link::before {
    content: "";
    position: absolute;
    z-index: 100;
    top: 12px;
    left: calc(50% - 10px);
    background-image: url("../images/icon_cart02.png");
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .item__cart__btn {
    background-color: #900200;
    color: #fff;
    padding: 8px 16px ;
    margin-top: 8px;
    font-size: 90%;
    width: auto;
    display: inline-block;
  }
  .item__cart__link .btn {
    background-color: #900200;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    white-space: nowrap;
    margin-top: 8px;
    font-size: 90%;
  }
  .item_box_01 {
    position: absolute;
    margin-left: 64px;
    bottom: 64px;
    text-shadow: 0 0 3px rgb(255, 255, 255);
  }
  .item_box_01.bg_wht {
    background-color: rgba(250,248,246,.7);
    padding: 24px 32px;
  }
  .item_box_01.font-white {
    color: #fff;
    text-shadow: 0 0 3px rgb(0, 0, 0);
  }
  .item_box_01 p {
    font-size: 93%;
    line-height: 2.2em;
    letter-spacing: 0.15em;
  }
  .item_ttl01 {
    float: left;
  }
  .item_page_box--price {
    display: inline-block;
    padding: 0 16px;
    color: #000;
    text-shadow: none;
    background: rgba(255,255,255,.5);
    border-radius: 2px;
  }
  .special_item {
    text-align:center;
    margin:40px auto 20px;
    padding:40px 10px 20px 10px ;
    border:dashed 1px #000;
  }
  .special_item ul{
    margin:10px auto 0px;
  }
  .special_item li{
    margin-left:6px;
    display:table-cell;
    padding:5px;
    vertical-align: top;
  }
  .special_item li img{
    width:100%;
  }
  .special_item li .sub{
    width:40%;
    position: relative;
    z-index: 10;
    margin:-30px -10px 0px 0px ;
    float:right;
    border-radius: 50%;
  }
  .special_item li p {
    text-align: left;
    padding:10px 0 0 20px ;
  }
  .special_item .price{
    font-size:1.3em;
    display:table;
    text-align:center;
    margin:20px auto 0;
    padding:6px 20px ;
    color:#fff;
    background-color:#C1C1C1;
    font-weight:bold;
    border-radius: 5px;
  }
  .special_item .price span{
    font-size:0.8em;
    margin: 0 3px;
  }
  .item_box_02 p {
    text-align: center;
    margin-bottom: 24px;
    font-size: 140%;
    letter-spacing: .2em;
    color: #666;
  }
  .item_box_02.item200SP small {
    display: inline-block;
    font-size: 75%;
    padding: 18px 30px 24px 30px;
    border: dashed 1px #ccc;
    transform: translateY(8px);
  }
  .item_box_02 p:last-child {
    margin-bottom: 0;
  }
  .parallax01,
  .parallax03,
  .parallax05 {
    height: 560px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    background: no-repeat center center;
    background-size:cover;
  }
  .parallax01{
    background-image: url("/wp/wp-content/themes/original_theme/images/item/item_image05.jpg");
  }
  .parallax03 {
    background-image: url("/wp/wp-content/themes/original_theme/images/item/item_image01.jpg")
  }
  .parallax05 {
    background-image: url("/wp/wp-content/themes/original_theme/images/item/item_image02.jpg")
  }
  table.item_spec{
    float: left;
    width: 600px;
    margin: 30px 30px 50px 0px;
    border-right: solid 1px #F0EBE7;
    border-left: solid 1px #F0EBE7;
    border-bottom: solid 1px #F0EBE7;
  }
  table.item_spec th {
    float: left;
    width: 100%;
    padding: 10px 20px;
    border-top: solid 1px #FFF;
    font-weight: normal;
    text-align: left;
    background-color: #F0EBE7;
  }
  table.item_spec td {
    width: 100%;
    float: left;
    padding: 10px 20px;
    border-top: solid 1px #F0EBE7;
  }
  .item_tab_box .tab_list {
    width: 100%;
    display: table;
    margin-bottom: 20px;
  }
  .item_tab_box .tab_list button{
    font-family: こぶりなゴシック W3 JIS2004, Koburina Gothic W3 JIS2004;
    width: 19%;
    height: 200px;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    vertical-align:middle;
    background-repeat: no-repeat;
    text-align:center;
    font-size:1.4em;
    color:#000;
  }
  .item_tab_box .tab_list button p {
    vertical-align:middle;
  }
  .item_tab_box .tab_list button:nth-child(1) {
    background:url(/wp/wp-content/themes/original_theme/images/item/commit_bg01.png) no-repeat;
    background-size: cover;
  }
  .item_tab_box .tab_list button:nth-child(2) {
    background:url(/wp/wp-content/themes/original_theme/images/item/commit_bg02.png) no-repeat;
    background-size: cover;
  }
  .item_tab_box .tab_list button:nth-child(3) {
    background:url(/wp/wp-content/themes/original_theme/images/item/commit_bg03.png) no-repeat;
    background-size: cover;
  }
  .item_tab_box .tab_list button:nth-child(4) {
    background:url(/wp/wp-content/themes/original_theme/images/item/commit_bg04.png) no-repeat;
    background-size: cover;
  }
  .item_tab_box .tab_list button:nth-child(5) {
    background:url(/wp/wp-content/themes/original_theme/images/item/commit_bg05.png) no-repeat;
    background-size: cover;
  }
  .arrow_next {
    width: 30px;
    height: 30px;
    border: 2px solid;
    border-color: #565656 #565656 transparent transparent;
    transform: rotate(45deg);
    float:right;
    position:absolute;
    top:50%;
    right:20px;
    z-index:10000;
  }
  .arrow_prev {
    width: 30px;
    height: 30px;
    border: 2px solid;
    border-color:  transparent transparent #565656 #565656;
    transform: rotate(45deg);
    float:left;
    position:absolute;
    top:50%;
    left:20px;
    z-index:10000;
  }

  @media screen and (max-width: 767px) {
    .item_page_box.item_page_box-s {
      height: 50vh;
    }
    .item_page_box.item_page_box-s .item_box_01 {
      bottom: 40px;
    }
    .item_box_01.bg_wht {
      padding: 12px 16px;
      width: auto;
    }
  }  

/* #item__material
********************************************** */
  #item__material {
    padding-bottom: 152px;
  }
  .material {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    padding: 40px 88px 40px 80px;
  }
  .material:not(:last-child) {
    margin-bottom: 24px;
  }
  .material .box01{
    flex: 1;
    margin-right: 10.71%; /* 105px */
  }
  .material .box01 h3 {
    font-size: 200%;
    margin-bottom: .5em;
  }
  .material .box01 h3 .garamond {
    display: block;
    font-size: 53.33%; /* 16px */
    letter-spacing: .2em;
    text-transform: capitalize;
  }

  @media screen and (max-width: 767px) {
    #item__material {
      padding-bottom: 72px;
    }
    .material {
      flex-direction: column;
      padding: 24px;
    }
    .material:not(:last-child) {
      margin-bottom: 16px;
    }
  }

/* オリジナルグッズ
**************************************** */
  .page-original-item .section_pdg{
    padding-top: 0;
  }
  .page-original-item .error_message {
    background: transparent;
    color: #a00 !important;
    display: none;
    float: left;
  }
  .page-original-item .sub_text {
    margin-bottom: 32px;
    font-size: 110%;
    line-height: 2;
  }
  .page-original-item .sub_text span {
    font-size: 140%;
  }

  .page-original-item .item-select .flex {
    display: flex;
    flex-wrap: wrap;
  }
  .page-original-item .item-select .btn {
    margin-left: 8px;
    margin-bottom: 8px;
  }
  .page-original-item .item-select .btn input {
    display: table;
    font-size: 1em;
    font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004";
    letter-spacing: 0.1em;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 32px -8px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    padding: 16px 32px;
    margin: 16px auto 32px auto;
    border-radius: 72px;
    background: rgb(254, 215, 60);
    transition: all 0.3s ease-in-out 0s;
    font-size: 80%;
  }
  .page-original-item .item-select .btn .button_status {
    display: table;
    font-size: 1em;
    font-family: "こぶりなゴシック W3 JIS2004", "Koburina Gothic W3 JIS2004";
    letter-spacing: 0.1em;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;
    padding: 16px 32px;
    margin: 16px auto 32px auto;
    border-radius: 72px;
    background-color: #ddd7d0;
    transition: all 0.3s ease-in-out 0s;
  }
  .page-original-item .item-select .btn input:hover {
    opacity: .6;
    cursor: pointer;
  }
  .original-item_link + div {
    padding-top: 0;
    border-top: 0;
  }
  .original-item_link li {
    margin-left: 8px;
    margin-right: 8px;
  }
  .original-item_link li a {
    display: block;
    border-radius: 6px;
    background: rgba(107, 92, 92, .5);
    color: #fff;
    padding: 4px 16px;
  }
  .original-item_list {
    display: flex;
    flex-wrap: wrap;
  }
  .original-item_list li {
    width: 31%;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 140%;
  }
  .original-item_list.large li {
    width: 48%;
  }
  .original-item_list li img {
    margin-bottom: 16px;
    width: 100%;
    border: solid 1px #000;
  }
  .option--list {
    margin-left: auto;
    margin-right: auto;
  }
  .option--list-sm {
    width: 100%;
    max-width: 640px;
  }
  .option--list {
    font-size: 120%;
  }
  .option--list a {
    transition: .6s;
  }
  .option--list a:hover {
    opacity: .6;
  }
  .option--list img {
    width: 100%;
  }
  .option--list p {
    background-color: transparent;
    padding: 0 ;
    font-size: 100%;
    margin-top: .5rem;
  }
  .option--list span {
    background-color: #B3ABAB;
    color: #FFF;
    margin-bottom: .5rem;
    padding: 10px 10px;
    width: 100%;
  }

  @media screen and (max-width: 767px) {
    .original-item_list li {
      width: 48%;
      margin: auto;
    }
    .page-original-item .item-select .btn input {
      white-space: pre-wrap;
      padding: 14px 16px 10px 16px;
      line-height: 1.4;
    }
    .original-item_link {
      /* transform: translateY(-20px); */
    }
    .original-item_link ul {
      flex-wrap: wrap;
    }
    .original-item_link li {
      width: 45%;
      margin-bottom: 8px;
    }
  }

/* item__cartarea ランドセル詳細ページカート周り
**************************************** */
  #item__cartarea .item-img {
    float: right;
  }
  #item__cartarea .error_message {
    background: transparent;
    color: #a00 !important
  }
  #item__cartarea #itempage .item_option {
    float: none;
    width: calc(100% - 640px);
  }
  #item__cartarea #itempage .item_option h4 {
    font-size: 120%;
  }
  dl.item-sku {
    border: none;
  }
  dl.item-sku dt {
    display: none;
  }
  dl.item-sku dd {
    border: none;
  }
  dl.item-sku dd select {
    padding: 12px 32px 12px 16px;
    border: 1px solid #ccc;
    background: url(../images/arrow.png) no-repeat right 16px center/12px 7px;
    border-radius: 3px;
    font-size: 90%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .item_option select {
    padding: 12px 32px 12px 16px;
    border: 1px solid #ccc;
    background: url(../images/arrow.png) no-repeat right 16px center/12px 7px;
    border-radius: 3px;
    font-size: 90%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  .itemleather-keycase .item-sku,
  .itemleather-keyring .item-sku,
  .itemleather-passcase .item-sku,
  .itemleather-nameholder .item-sku,
  .itemleather-long-wallet .item-sku,
  .itemleather-mini-wallet .item-sku {
    display: none;
  }

  #item__cartarea #itempage .cart_box {
    border: none;
    border-radius: 16px;
    padding: 40px;
    width: calc(100% - 640px);
    float: none;
    opacity: 0;
    transform: translateY(8px);
    transition: 1.6s ease-out;
    transition-delay: 1.4s;
  }
  #item__cartarea #itempage .cart_box.is-show {
    opacity: 1;
    transform: translateY(0px);
  }
  #item__cartarea #itempage .cart_box.is-hide {
    opacity: 0;
    transform: translateY(8px);
    transition: .5s ease-out;
  }
  #item__cartarea #itempage .cart_box .price {
    font-size: 166%;
    line-height: 1.4;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
  }
  #item__cartarea #itempage .cart_box .price span.small {
    font-size: 60%;
  }
  #item__cartarea #itempage .cart_box input[type="submit"] {
    margin: 0 auto;
  }
  .item__cartarea--table {
    margin: 0 auto 64px;
  }
  .item__cartarea--table th,
  .item__cartarea--table td {
    border: 1px solid #999999;
    padding: 12px 40px;
    vertical-align: middle;
    text-align: center;
    font-size: 90%;
  }
  .item__cartarea--table th {
    background-color: #f4efe9;
  }
  .item__cartarea--table td {
    background-color: #fff;
  }
  .item__cartarea--table-200sp td {
    text-align: left;
  }
  .item__cartarea--time_list table {
    float: none;
    width: 100%;
    margin: 0 auto;
    background: #FFF;
  }
  .item__cartarea--time_list table tr {
    float: none;
  }
  .item__cartarea--time_list table tr:nth-child(odd) {
    background: #f8f8f8
  }
  .item__cartarea--time_list table td {
    padding: 16px;
    width: auto;
    vertical-align: middle;
  }
  .item__cartarea--time_list table td p {
    font-weight: bold;
  }
  .item__cartarea--time_list table td img {
    border-radius: 50%;
  }
  .item__cartarea--time_list table td:nth-child(4) {
    width:50%;
  }
  .item__cartarea--table .mceContentBody h1,
  .item__cartarea--table .mceContentBody h2,
  .item__cartarea--table .mceContentBody h3,
  .item__cartarea--table .mceContentBody h4,
  .item__cartarea--table .mceContentBody h5 {
    font-size: 110%;
    line-height: 1.2;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .derivery_text {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding:0 auto;
  }
  .derivery_text p {
    display: flex;
    padding-right:10px;
    align-items: center; 
  }
  .skudisp p {
    display: none;
    margin-bottom: 10px;
  }
  .cart_confirm_image {
    display: block;
    margin-right: 1rem;
  }
  .cart_confirm_order_img {
    border-radius: 50%;
    margin-bottom: 4px;
  }

  @media screen and (max-width: 767px) {
    #item__cartarea #itempage .cart_box {
      transform: translateY(8px);
      transition-delay: 1.4s;
    }
    #item__cartarea #itempage .cart_box.is-hide {
      transition: .5s ease-out;
    }
    #cart_table {
      width: 1080px;
    }
  }

/* オーダーメイド牛革 ランドセル
**************************************** */
  .order-box .order_list {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    justify-content: center;
  }
  .order-box .order_list li {
    width: 126px;
    text-align: center;
    margin-left: 8px;
    margin-bottom: 16px;
    line-height: 1.4;
    transition: .3s ease-out;
  }
  .order-box .order_list li:hover {
    opacity: .6;
  }
  .order-box .order_list li img {
    width: 80%;
    display: block;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 50%;
  }
  .order-box .order_list.side-design li img {
    border: solid 1px #ccc;
  }

   .leather .order_list li img {
    margin: 0 auto 12px auto;
  }
  .order-box .order_list li:hover img {
    border-radius: 0;
  }
  .order-box.no-square .order_list li:hover img {
    border-radius: 50%;
    opacity: 1;
  }

  .order-box input {
    display: none;
  }
  .order-box label {
    position: relative;
  }
  .order-box label span {
    text-align: center;
    display: inline-block;
    transform: translateX(-14px);
  }
  .order-box label:hover {
    cursor: pointer;
  }
  .order-box label span::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0px;
    width: 16px;
    height: 16px;
    border: 1px solid #999;
    border-radius: 50%;
    transform: translateX(-22px) ;
  }
  .order-box input:checked + label span {
    color: #900200;
  }
  .order-box input:checked + label img  {
    border-radius: 0;
  }
  .order-box input:checked + label span::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: -19px;
    width: 10px;
    height: 10px;
    background: #900200;
    border-radius: 50%;
  }

  .item200SP .item_option , .item200SP .cart_box02 {
    display: none !important;
  }
  .check_all{
    background-color: #900200;
    color: #fff;
    padding: 6px 22px;
    text-align: center;
    display: table;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-12px);
    border-radius: 10px;
  }

  @media screen and (max-width: 767px) {
    .order-box .order_list {
      justify-content: flex-start;
      margin-left: 5%;
    }
    .order-box .order_list li {
      width: 33%;
      margin-left: 0;
    }
    .order-box label span {
      width: 70%;
      display: inline-block;
      text-align: left;
      position: relative;
      line-height: 1.4;
    }
    .order-box label span::before {
      position: absolute;
      top: 0;
    }
    .order-box input:checked + label span::after {
      top: 3px;
      left: -19px;
    }
    .order-box label span {
      transform: translateX(8px);
    }

  }

/* シミュレーター simulator
**************************************** */
  #simulator #itempage .item_option,
  #item__cartarea #simulator #itempage .cart_box.is-show {
    width: 100%;
    padding: 0;
  }
  #simulator #itempage .item_option {
    display: none;
  }
  #item__cartarea.section-simulator > .inner {
    width: 1500px;
  }
  .simulator-inner {
    max-width: 1400px;
    margin: auto;
    margin-bottom: 64px;
  }
  .simu--left {
    position: relative;
    width: 285px;
    margin-right: 24px;
  }
  .simu--left--fixed {
    position: sticky;
    top: 24px;
    padding: 0 24px;
  }
  #simulator .cart_box {
    border-bottom: 1px dashed #333;
  }
  .simu--right {
    position: relative;
    width: calc(100% - 280px);
    border-radius: 16px;
  }
  @media screen and (max-width: 1400px) {
    .section-simulator .inner {
      max-width: 96%;
    }
    .simu--left {
      width: 268px;
      margin-right: 8px;
    }
    .simu--right {
      width: calc(100% - 264px);
    }
  }
  @media screen and (max-width: 767px) {
    #item__cartarea.section-simulator,
    #item__cartarea.section-simulator .inner {
      overflow: visible;
    }
    #item__cartarea.section-simulator .section_ttl08::before,
    #item__cartarea.section-simulator .section_ttl08::after {
      display: none;
    }
    .simulator-inner {
      flex-direction: column-reverse;
    }
    .simu--left,
    .simu--right {
      width: 100%;
    }
    .simu--left {
      margin-top: 32px;
    }
  }


/* ズームアイコン */
@media screen and (max-width: 767px) {
    .zoom-icon {
      position: absolute;
      right: 16px;
      bottom: 16px;
      width: 42px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      transition: all .2s ease-out;
      display: none;
    }
    .zoom-icon.active {
      display: block;
    }
    .zoom-icon:not(.active) {
      display: none;
    }
  }

/* 固定要素の処理 */
.pointer_none {
    pointer-events: none;
  }

/* カートボタン */
#simulator .cart_box {
    padding: 24px;
  }
#simulator #itempage .cart_box input[type="submit"] {
  width: 100%;
  font-size: 110%;
  padding: 16px 24px;
}
#item__cartarea #simulator #itempage .cart_box {
  width: 100%;
  transition-delay: 0s;
  transition-duration: 0s;
  padding: 0;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #item__cartarea #simulator #itempage {
    padding-top: 40px;
    border-top: 1px dashed #333;
  }
  }

/* 項目一覧 */
.simu--index {
    width: 100%;
    padding-bottom: 24px;
    border-bottom: 1px dashed #333;
    margin-bottom: 34px;
  }
  .simu--index li {
    margin-bottom: 10px;
  }
  .simu--index li a {
    display: flex;
    align-items: center;
    border-radius: 3px;
  }
  .simu--index li a:hover {
    background-color: rgba(144,2,0,.08);
  }

  .simu--index small {
    color: #900200;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    padding-left: 1px;
  }
  .simu--index li.is-active small {
    color: #ffffff;
    background-color: #900200;
  }

/* シミュレータ画像 */
.simu--imgarea {
    position: sticky;
    top: 24px;
    z-index: 2;
    background-color: rgba(255,255,255,.9);
    border: dashed 1px #333;
    transform-origin: right top;
  }
  .simu--imgarea.zoom {
    transform: scale(1.125);
  }
  .simu--imgarea .base {
    position: relative;
    width: calc(100% - 40px);
    display: block;
    margin: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .simu--imgarea .layer {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% - 40px);
    bottom: 0;
    right: 0;
    margin: auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .simu--imgarea.zoom .parts02 {
    transform: translateX(0.7px);
  }
  .simu--imgarea .parts06 {
    transform: translateY(1px);
  }
  @media screen and (max-width: 767px) {
    .simu--imgarea {
      transition: all .3s ease-out;
    }
    .imgarea--wrap {
      position: relative;
      overflow: scroll;
      width: 100%;
    }
    .simu--imgarea .base,
    .simu--imgarea .layer {
      max-width: none;
      width: 100%;
      transition: all .3s ease-out;
    }
    .simu--imgarea .layer {
      top: auto;
    }
    .simu--imgarea.zoom {
      transform: none;
      padding-top: 16px;
    }
    .simu--imgarea.zoom .base,
    .simu--imgarea.zoom .layer {
      width: 220%;
    }
    .simu--imgarea p {
      display: block;
      font-size: 81%;
      color: #999;
      position: absolute;
      left: 11px;
      top: 6px;
      opacity: 0;
      transition: all .2s;
    }
    .simu--imgarea.zoom p {
      opacity: 1;
    }
    .zoom-icon {
      position: absolute;
      top: 6px;
      right: 4px;
      width: 24px;
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      transition: all .2s ease-out;
      display: none;
      background-color: rgba(255,255,255,.5);
      border-radius: 3px;
    }
    .zoom-icon.active {
      display: block;
    }
    .simu--imgarea .parts02 {
      transform: translateX(0);
    }
    .simu--imgarea.zoom .parts02 {
      transform: translateX(0.7px);
    }
    .simu--imgarea .parts06 {
      transform: translateY(0);
    }
    .simu--imgarea.zoom .parts06 {
      transform: translateY(0.5px);
    }
  }

  /* 選択肢 */
  .simu--panel {
    padding-top: 32px;
  }
  #simulator .type-02-only,
  #simulator .sku-item:not(.active) {
    display: none;
  }
  .simu--panel--block {
    position: relative;
    background-color: #fff;
    padding: 40px 24px;
    margin-bottom: 25px;
    position: relative;
  }
  .simu--panel--block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 1px dashed #eee;
    right: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
  }
  .simu--panel--block .section_ttl08 span {
    color: #900200;
    font-size: 100%;
    opacity: 1;
    margin-bottom: 12px;
  }
  #simulator .section_ttl08 {
    font-size: 130%;
    margin-bottom: 24px;
    margin-top: 0;
  }
  #simulator .section_ttl08::before,
  #simulator .section_ttl08::after {
    display: none;
  }
  #simulator .order_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #simulator .order_list .simu--select {
    background-color: #f5f5f5;
    border-radius: 8px;
    color: #666;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.2em;
    vertical-align: top;
    border: 1px solid #fff;
    margin-bottom: 4px;
    width: 11%;
    cursor: pointer;
    overflow: hidden;
    transition: border-color .3s ease-in-out,
                background-color .3s ease-in-out;

  }
  #simulator .order_list .simu--select:hover {
    outline: none;
    border-color: #333;
  }
  #simulator .order_list .simu--select.active {
    outline: none;
    border-color: #900200;
    background-color: #efe5e5;
  }
  #simulator .order_list .simu--select label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 5px;
    cursor: pointer;

  }
  #simulator .order_list .simu--select input {
    display: none;
  }
  #simulator .order_list .simu--select img {
    width: 44px;
    border-radius: 50%;
    display: block;
    margin: auto;
  }
  #simulator #radio-buttom10 .order_list .simu--select {
    width: 49%;
  }
  #simulator #radio-buttom10 .order_list .simu--select img {
    width: 326px;
    height: 200px;
  }
  #simulator .order_list .simu--select .option--price + label {
    position: relative;
  }
  #simulator .order_list .simu--select:not(.type--select) .option--price + label::before {
    content: '★';
    position: absolute;
    font-size: .625rem;
    line-height: 1;
    color: #900200;
    top: 5px;
    left: 5px;
  }
  #simulator .order_list .simu--select:not(.type--select) .option--price.js-price-200SP-02 + label::before,
  #simulator .order_list .simu--select:not(.type--select) .option--price.js-price-100SP-04 + label::before,
  #simulator .order_list .simu--select:not(.type--select) .option--price.js-price-200SP-04 + label::before,
  #simulator .order_list .simu--select:not(.type--select) .option--price.js-price-100SP-06 + label::before {
    content: '☆';
  }
  #simulator #radio-buttom04 .order_list .simu--select img,
  #simulator #radio-buttom07 .order_list .simu--select img {
    width: 60px;
  }
  #simulator .order_list .simu--select span {
    text-align: center;
    margin-top: 8px;
    font-size: 0.75em;
    display: block;
    line-height: 1.4;
  }
  /*
  #simulator .order_list .type--select,
  #simulator .order_list .type--select * {
    cursor: pointer;
  }
  #simulator .order_list .type--select {
    display: flex;
    align-items: center;
    margin-left: 16px;
    margin-right: 16px;
    font-size: 1.125rem;
  }
  #simulator .order_list .type--select input {
    display: none;
  }
  #simulator .order_list .type--select label {
    position: relative;
    padding-left: 32px;
  }
  #simulator .order_list .type--select label::before,
  #simulator .order_list .type--select label::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    transition: all 0.4s ease-out;
  }
  #simulator .order_list .type--select label::before {
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #f3f3f3;
    border: 1px solid #efe5e5;
  }
  #simulator .order_list .type--select.active label::after {
    left: 4px;
    width: 12px;
    height: 12px;
    opacity: 0;
    background-color: #900200;
  }
  #simulator .order_list .type--select.active label::after {
    opacity: 1;
  }
  */
  .simulator--time_list {
    max-width: 1080px;
    margin: auto;
  }
  .simu--panel--block .attention--price {
    margin-top: .5em;
    font-size: .75rem;
    color: #9a8d8d;
    text-align: right;
    translate: 0 2em;
  }
  .simu--panel--block .attention--price span.icon {
    font-size: .625rem;
    color: #900200;
  }

  @media screen and (min-width: 1500px) {
    #simulator .order_list .simu--select {
      width: 8%;
    }
  }
  @media screen and (max-width: 767px) {
    .simu--panel--block {
      padding: 20px 16px;
    }
    #simulator .order_list .simu--select {
      width: 20%;
    }
    #simulator .order_list .simu--select span {
      font-size: 0.65em;
      margin-top: 6px;
    }
    .simu--panel .section_ttl08 .cabin {
      font-size: 116%;
    }
    .simu--panel .section_ttl08 .cabin small {
      display: inline;
      font-size: 70%;
      margin-left: 6px;
      letter-spacing: .1em;
      opacity: .5;
    }
    #item__cartarea .simulator--time_list tr {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 16px;
    }
    #item__cartarea .simulator--time_list td {
      float: none;
      padding: 0;
      width: auto !important;
    }
    #item__cartarea .simulator--time_list td:first-child {
      margin-right: 16px;
      width: 100% !important;
      margin-bottom: 8px;
    }
    #item__cartarea .simulator--time_list .time_list--zaiko {
      position: relative;
      margin: auto;
      top: 0;
      margin-right: 12px;
    }
    .simu--panel--block .attention--price {
      font-size: .6875rem;
      text-align: left;
      translate: 0 0;
    }
    #simulator #radio-buttom10 .order_list .simu--select img {
      width: 100%;
      height: auto;
    }
  }




/* =====================================================================================

  ARCHIVE

===================================================================================== */
/* main-column
**************************************** */
  .main-column {
    float: left;
    width: 700px;
  }
 /* post */
  .post {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px dashed #ccc;
  }
  .category_list {
    overflow: hidden;
  }
  .category_list a {
    display: inline-block;
    vertical-align: middle;
    font-size: 79%;
    background: #56a0b9;
    color: #f6f6f6;
    line-height: 1;
    padding: 6px 16px;
    border-radius: 3px;
    float: left;
    margin: 0 4px 4px 0;
    white-space: nowrap;
  }
  .date {
    color: #900200;
    margin-bottom: 8px;
    font-size: 85%;
  }
  .post .post-img {
    overflow: hidden;
    float: right;
    margin:  22px 0 24px 35px;
    border-radius: 5px;
  }
  @media(max-width: 1100px) and (min-width: 768px) {
    .main-column {
      width: 100%;
      float: none;
    }
  }
  @media screen and (max-width: 767px) {
    .main-column {
      width: 100%;
      float: none;
    }
    .post-img {
      width: 110px;
    }
  }

/* side-column
**************************************** */
  .side-column {
  float: right;
	width: 220px;
  }
  .side-section {
	margin-bottom: 56px;
  }
  .side-ttl {
	font-size: 120%;
	letter-spacing: 0.2em;
	line-height: 1;
	margin-bottom: 24px;
  }
  .side-ttl small {
	font-size: 62%;
	letter-spacing: 0.15em;
	display: block;
	line-height: 1;
	margin-top: 8px;
  }
  .side-section ul li {
	border-bottom: 1px dashed #fff;
	padding: 0 0 8px;
	margin: 0 0 8px;
  }
  .single .side-section ul li {
	border-bottom: 1px dashed #ddd;
  }
  .side-link_list li {
	padding: 16px 0;
	border-bottom: 1px dashed #ccc;
  }
  .side-link_list a {
	display: block;
	line-height: 1.6;
  }
  .side-link_list a:hover {
	color: #ccc;
  }
  .side-thumbnail {
	float: left;
	margin: 0 16px 0 0;
	border-radius: 3px;
  }
/* catarea-bloc */
.catarea-bloc {
	position: relative;
	padding: 8px 0;
	border-top: 1px solid #888;
  }
  .catarea-bloc h3 {
	padding-right: 64px;
	line-height: 1.5;
  }
  .catarea-bloc h3 a {
	display: block;
  }
  .catarea-bloc h3 a:hover {
	color: #333
  }
  .catarea-bloc .tab {
	display: inline-block;
	position: absolute;
	background: #aaa;
	height: 20px;
	text-align: center;
	border-radius: 10px;
	line-height: 20px;
	color: #fff;
	top: 9px;
	right: 0;
	font-size: 80%;
	padding: 0 8px;
  }
  .catarea-bloc .tab:hover {
	background: #aaa;
  }
  .catarea-bloc .tab.open {
	background: #d3cfac;
  }
  .catarea-bloc .catarea-list {
	margin-top: 16px;
	display: block;
  }
  .catarea-bloc .catarea-list li a {
	background: #f6f6f6;
	display: block;
	padding: 4px 16px;
	margin-top: 4px;
	font-size: 93%;
	line-height: 1.4;
  }
  .catarea-bloc .catarea-list li a:hover {
	background: #ccc;
  }
  #wp-calendar {
	width: 100%;
	text-align: center;
  }
  #wp-calendar td {
	padding: 2px 0;
  }
  #wp-calendar tbody td a {
	background-color: #eee;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-decoration: none;
	border-radius: 15px;
  }
  #wp-calendar #prev a,
  #wp-calendar #next a {
	background: #56a0b9;
	border-radius: 2px;
	color: #fff;
	text-decoration: none;
	display: block;
	margin-top: 16px;
  }
  @media(max-width: 1100px) and (min-width: 768px) {
  	.side-column {
  	  width: 100%;
  	  float: none;
  	}
  	.side-ttl {
  	  text-align: center;
  	}
  	.catarea-bloc {
  	  width: 23%;
  	  display: inline-block;
  	  margin: 1%;
  	}
  	.side-section {
  	  overflow: hidden;
  	  text-align: center;
  	}
  }
/* blog-cat */
.side--ttl {
  padding: 10px 16px;
  background-color: #910000;
  color: #fff;
  font-size: 108%;
}
.side--cat {
  border: 1px solid #910000;
}
.side--cat .side--list {
  padding: 16px;
}
.side--cat .side--list li {
  border-bottom: 1px dashed #999;
}
.side--cat .side--list li a {
  display: block;
  padding: 4px 8px;
}
.posts-side .post {
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 0;
}
.posts-side .post--img {
  width: 72px;
  height: 58px;
}
.posts-side .post--txtarea {
  flex: 1;
  margin-left: 10px;
}
.posts-side .post--date {
  font-size: 10px;
  color: #6C6C6C;
}
.posts-side .post--ttl {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 88%;
}

/* voice
*************************************************** */
  .archive-voice .section_pdg {
    overflow: hidden;
  }

/* --- eras --- */
  .areas--ttl {
	  font-size: 180%;
  }
  .areas--list {
  	padding: 24px 40px;
    border-bottom: 1px dashed;
    border-top: 1px dashed;
  }
  .areas--list>li:not(:last-child) {
  	margin: 0 0 16px;
  	padding: 0 0 8px;
  	border-bottom: dashed 1px #eee;
  }
  .areas--list li ul li {
	  float: left;
  }
  .areas--list>li>a {
  	font-size: 110%;
  	margin: 0 0 4px;
  	display: inline-block;
  	color: #900200;
  }
  .areas--list li ul li>a{
  	background: #fff;
  	padding: 6px 12px;
  	border-radius: 4px;
  	display: inline-block;
  	line-height: 1em;
  	margin: 0 8px 8px 0;
  	font-size: 90%;
  }
  .areas--list li ul li>a:hover {
  	background: #900200;
  	color: #fff;
  	opacity: 1;
  }

/* --- post --- */
  .archive-voice .home_voice li:nth-child(1) .comment::after,
  .archive-voice .home_voice li:nth-child(2) .comment::after,
  .archive-voice .home_voice li:nth-child(4) .comment::after {
    content: none;
  }
  .archive-voice .home_voice li:nth-child(12n+2)::before,
  .archive-voice .home_voice li:nth-child(12n+6)::before {
    content: url('../images/voice_chara03.png');
    display: inline-block;
    position: absolute;
    left: auto;
    left: initial;
    bottom: auto;
    bottom: initial;
    right: -120px;
    top: -40px;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    box-shadow: none;
    z-index: 1;
  }
  .archive-voice .home_voice li:nth-child(12n+6)::before {
    content: url('../images/voice_chara02.png');
    right: -150px;
  }
  .archive-voice .home_voice li:nth-child(12n+3)::before,
  .archive-voice .home_voice li:nth-child(12n+9)::before {
    content: url('../images/voice_chara04.png');
    display: inline-block;
    position: absolute;
    right: auto;
    right: initial;
    bottom: auto;
    bottom: initial;
    left: -150px;
    top: -40px;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    box-shadow: none;
    z-index: 1;
  }
  .archive-voice .home_voice li:nth-child(12n+9)::before {
    content: url('../images/voice_chara01.png');
    left: -120px;
  }
  .home_voice li .voice--user {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 40px;
    vertical-align: middle;
    margin: 0 0 0 8px;
  }

/* item_list
*************************************************** */
  .archive- article {
    padding-bottom: 0;
  }
  .content--list .content:not(.select) {
    display: none;
  }
  .select--list {
    margin-bottom: 2rem;
  }
  .select--list li {
    padding: 1em;
    color: #900200;
    border: 1px solid;
    text-align: center;
    cursor: pointer;
  }
  .select--list li.select {
    color: #fff;
    background-color: #900200;
    border-color: #900200;
  }
  .posts-item_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
  }
  .posts-item_list .post {
    width: 48%;
  }
  .posts-item_list .item-200SP,
  .posts-item_list .post.item-original-cover,
  .posts-item_list .post.item-original-case,
  .posts-item_list .post.item-original-charm,
  .posts-item_list .post.item-original-bag{
    display: none;
  }
  .posts-item_list .post::before {
    background: rgba(255,255,255,.6);
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 8px;
    right: 8px;
    z-index: -1;
    pointer-events: none;
    transition: .4s ease-out;
  }
  .posts:hover .post:hover::before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    background: rgba(255,255,255,.8);
  }
  .posts-item_list .post:nth-child(even) {
    clear: both;
  }
  .posts-item_list .post .section_ttl {
    text-align: center;
    padding: 0 0 32px;
    background: url(/wp/wp-content/themes/original_theme/images/randsel_line_lineup.png) no-repeat center bottom;
  }
  .posts-item_list .post .section_ttl small {
    display: block;
    font-size: 70%;
    margin: 0 0 6px;
    color: #900200;
  }
  .posts-item_list .post:first-child .section_ttl {
    padding: 0 0 40px;
  }
  .posts-item_list .post .original_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .posts-item_list .post .original_items li {
    width: 15%;
    text-align: center;
    margin-bottom: 16px;
  }
  .posts-item_list .post .original_items li img {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
  }
  .post--price span {
    display: inline-block;
    background: rgba(107, 92, 92, .5);
    color: #fff;
    padding: 8px 16px;
    line-height: 1;
    border-radius: 3px;
    font-weight: bold;
  }
  .page-remake .post--price span {
    padding: 6px 16px;
    font-size: 90%;
  }
  .post--price span small {
    display: inline-block;
    margin: 0 0 0 8px;
  }
  .post--color {
    width: 70%;
    margin: 0 auto 24px
  }
  .post--color img {
    width: 32px;
    display: inline-block;
    margin: 0 2px 8px;
  }
  .posts-item_list .post.original-item {
    width: 100%;
    margin: 0 0 0 0;
  }
  .selectorder_bnr {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .selectorder_bnr img {
    width: 100%;
  }

  @media(max-width: 1100px) {
    .posts-item_list .post {
      width: 47%;
    }
    .posts-item_list .post .original_items li {
      width: 50%;
    }
  }
  @media screen and (max-width: 767px) {
    .select--list li:not(:last-child) {
      margin-bottom: 8px;
    }
  }

/* posts-material
*************************************************** */
  .material--blc {
    position: relative;
    min-height: 400px;
    background-color: #ECE7DF;
  }
  .material--blc:hover {
    opacity: 1 !important;
  }
  .material--blc_ttl {
    font-size: 200%;
    margin-bottom: 1rem;
  }
  .material--blc_ttl span {
    display: block;
    font-size: 53.33%; /* 16px */
    letter-spacing: .2em;
    font-weight: 500;
  }
  .material--blc .read_more {
    margin-top: 2rem;
    transition: all .4s ease-out;
  }
  .material--blc:hover .read_more {
    color: #fff;
    background-color: #910000;
  }
  .material--blc .imgarea::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .material--blc .txtarea {
    padding: 5.61% 6.22%; /* 55px 61px */
    z-index: 1;
    pointer-events: none;
  }
  .blc-order .read_more.top_read {
    position: relative;
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    color: #910000;
    padding: 0;
    padding-right: 1.5em;
  }
  .blc-order:hover .read_more.top_read {
    background-color: transparent;
  }
  .blc-order .read_more.top_read::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: .5em;
    height: .5em;
    border-top: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    transition: all .4s ease-out;
  }
  .blc-order:hover .read_more.top_read::after {
    right: -.5em;
  }
  .blc-remake {
    position: relative;
  }
  .blc-remake .imgarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
  }
  .blc-remake .imgarea::before {
    display: none;
  }
  .trigger-toggle {
    cursor: pointer;
    transition: all .4s ease-out;
  }
  .trigger-toggle:hover {
    opacity: .7;
  }
  .posts-toggle {
    display: none;
  }
  .material--posts,
  .series--posts {
    margin-top: 2rem;
  }

  @media print, screen and (min-width: 768px) {
    .blc-md:nth-child(odd) .material--blc {
      flex-direction: row-reverse;
    }
    .material--blc .imgarea,
    .material--blc .txtarea {
      width: 50%;
    }
    .material--blc .imgarea::before {
      background-image: linear-gradient(to right, rgba(236,231,223,1) 0%, rgba(236,231,223,0) 14%, rgba(236,231,223,0) 100%);
    }
    .blc-md:nth-child(even) .material--blc .imgarea::before {
      background-image: linear-gradient(to left, rgba(236,231,223,1) 0%, rgba(236,231,223,0) 14%, rgba(236,231,223,0) 100%);
    }
    .material--blc .read_more {
      margin-left: 0;
    }
    .blc-order .read_more.top_read {
      text-align: right;
      margin-right: 0;
    }
    .blc-order.material-leather_goods  .read_more.top_read {
      margin-left: 0;
    }
    .blc-remake {
      flex-direction: row-reverse;
      margin-top: 40px;
    }
    .blc-remake .txtarea {
      width: 45%;
      margin-right: auto;
    }
  }
  @media screen and (max-width: 767px) {
    .material--blc .imgarea::before {
      background-image: linear-gradient(to top, rgba(236,231,223,1) 0%, rgba(236,231,223,0) 14%, rgba(236,231,223,0) 100%);
    }
    .material--blc .txtarea {
      padding: 24px;
    }
    .blc-remake {
      margin-top: 24px;
      padding-bottom: 60vw;
    }
  }

/* posts-item
*************************************************** */
  .posts-item .post {
    border-bottom: 0;
    transition: all .4s ease-out;
  }
  .posts-item .post:hover {
    opacity: .7;
  }
  .posts-item .post--img {
    margin-bottom: 1rem;
  }
  .posts-item .post--txtarea {
    font-size: .933rem; /* 14px */
  }
  .posts-item .txt-delivery {
    margin-bottom: .25rem;
  }
  .posts-item .txt-stock {
    text-align: center;
    font-size: .867rem; /* 13px */
    color: #900200;
    background-color: transparent;
    opacity: .6;
  }
  .posts-item .txt-stock.stock-none {
    color: #fff;
    background-color: #900200;
    padding: .2em 1rem;
    opacity: 1;
  }

  @media screen and (max-width: 767px) {
    .posts-item .post,
    .posts-item .post--txtarea {
      display: flex;
      flex-direction: column;
    }
    .posts-item .post--txtarea {
      font-size: .643rem; /* 9px */
      height: 100%;
    }
    .posts-item .txt-stock {
      margin-top: auto;
      font-size: 100%;
    }
  }

/* posts-series
*************************************************** */
  .series--list > li:not(:last-child) {
    margin-bottom: 6rem;
  }
  .series--list li:hover {
    opacity: 1;
  }
  .series--list .imgarea {
    position: relative;
    height: 360px;
    margin-bottom: 1.5rem;
  }
  @media screen and (max-width: 767px) {
    .series--list .imgarea {
      height: 160px;
    }
  }
  .series--list .imgarea img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .series--list .txtarea {
    position: relative;
  }
  .series--list_ttl {
    font-size: 160%;
  }
  .series--list_ttl:not(:last-child) {
    margin-bottom: 1rem;
  }
  .series--list .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 3.8rem; /* 57px */
    height: 3.8rem;
    color: #910000;
    border: 1px solid;
    transition: all .4s ease-out;
  }
  .series--list .btn::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: .5rem;
    left: 0;
    right: 0;
    margin: auto;
    width: .8rem;
    height: .8rem;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
  }
  .series--list li:hover .btn {
    color: #fff;
    border-color: #910000;
    background-color: #910000;
  }

/* =====================================================================================

	SINGLE

===================================================================================== */
  .wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
  }
  .wp-pagenavi a {
    position: relative;
    max-width: 42%;
    display: inline-block;
    vertical-align: top;
    background: #eee;
    line-height: 1.4;
    padding: 8px 16px;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .wp-pagenavi a[rel="next"] {
	  padding-left: 32px;
  }
  .wp-pagenavi a[rel="prev"] {
	  padding-right: 32px;
  }
  .wp-pagenavi a[rel="next"]::before,
  .wp-pagenavi a[rel="prev"]::after {
    content: "\f104";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 16px;
    margin-top: 3px;
  }
  .wp-pagenavi a[rel="prev"]::after {
    content: "\f105";
    left: auto;
    right: 16px;
  }

/* =====================================================================================

  Welcart 注文完了

===================================================================================== */
  .welcart_comp_attention {
    border: 2px solid #900300;
    padding: 20px 20px;
    width: auto;
    display: inline-block;
    margin: 18px 0 0;
    width: 100%;
  }
  .welcart_comp_attention .ttl {
    color: #900300;
  }
  .welcart_comp_attention p {
    color: #333;
  }
  .welcart_comp_attention p img {
    vertical-align: middle;
    margin-left: 2px;
  }

/* =====================================================================================

  会員情報

===================================================================================== */
  .customer_form #fax_row {
    display: none;
  }
  .gnav--item:nth-child(2):hover {
    cursor: pointer;
  }
  .hover_blue {
    transition: all 0.3s;
  }
  .gnav--item:nth-child(2):hover .hover_blue {
    color: #900200;
    transition: all 0.3s;
  }

  .header--logo.scroll_mini {
    top: 10%;
  }
  .header--logo.scroll_mini img {
    max-width: 90px;
  }

  a.snav--tel--num {
    display: block;
  }

/* =====================================================================================

  BLOG

===================================================================================== */
.author_bloc {
  padding: 24px;
  border-radius: 10px;
  border: 1px solid #910000;
}
.author_bloc .imgarea {
  position: relative;
  width: 116px;
  height: 116px;
  overflow: hidden;
}
.author_bloc .imgarea img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.author_bloc .txtarea {
  flex: 1;
  margin-left: 20px;
}
.author_bloc--ttl {
  margin-bottom: 4px;
  font-size: 88%;
}
.author_bloc--ttl span {
  display: inline-block;
  padding: 4px 16px;
  background-color: #910000;
  color: #fff;
}
.related_ttl {
  display: flex;
  align-items: center;
  justify-content: center;
}
.related_ttl::before,
.related_ttl::after {
  content: "";
  width: 108px;
  border-bottom: 3px double;
  opacity: .7;
}
.related_ttl > span {
  padding: 0 24px;
}
.related_ttl .jp {
  display: block;
  font-size: 120%;
}
.related_ttl .en {
  font-size: 88%;
  color: #9E9E9E;
}
.posts-related .post {
  width: calc(100%/3 - (16px*2/3));
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.posts-related .post:not(:last-child) {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px dashed #999999;
}
.posts-related .post--img {
  position: relative;
  width: 100%;
  height: 140px;
  margin-bottom: 8px;
}
.posts-related .post--img img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.posts-related .post--date {
  font-size: 12px;
  color: #910000;
}
.posts-related .post--ttl {
  font-size: 88%;
}

@media screen and (max-width: 767px) {
  .author_bloc .imgarea {
    margin: 0 auto;
  }
  .author_bloc .txtarea {
    margin-top: 16px;
    margin-left: 0;
  }
  .posts-related .post {
    width: 100%;
    margin-bottom: 24px;
  }
  .posts-related .post:not(:last-child) {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .posts-related .post--img {
    height: 200px;
  }
  .posts-related .post--ttl {
    font-size: 100%;
  }
}