@charset "UTF-8";
* {
  margin:0;
  padding:0;
}
@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url('../fonts/NotoSansJP-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansJP-Medium';
  src: url('../fonts/NotoSansJP-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url('../fonts/NotoSansJP-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'TT0142M.TTF';
  src: url('../fonts/TT0142M.TTF') format('truetype');
}
@font-face {
  font-family: 'Helvetica.ttf';
  src: url('../fonts/Helvetica.ttf') format('truetype');
}

html {
/*font-size: 62.5%;*/
  -webkit-overflow-scrolling: touch;
}

body {
  font-family:  "NotoSansJP-Regular", "游ゴシック", "Yu Gothic", "YuGothic", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Meiryo", sans-serif;
  display:block;
  position:relative;
  width:100%!important;
  text-align:left;
  line-height:18px;
  font-size: 14px;
  color: #3c3c3c;
  background:#FFF;
  overflow-wrap: break-word;
}

a {
  color: #3c3c3c;
  text-decoration:none;
}

img {
  vertical-align:bottom;
}
textarea{
  resize: none;
}
input:focus, textarea:focus{
  outline: 0;
}
input[type="radio"], input[type="checkbox"]{
  margin-right:8px;
}
button{
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  max-width:1024px!important;
  width:100%!important;
  height:100%;
}

.mini-block-hidden{
  display: block!important;
}
.mini-flex-hidden{
  display: flex!important;
}
.mini-block{
  display: none!important;
}
.mini-flex{
  display: none!important;
}
@media screen and (max-width: 1024px) {
  .mini-block-hidden{
    display: none!important;
  }
  .mini-flex-hidden{
    display: none!important;
  }
  .mini-block{
    display: block!important;
  }
  .mini-flex{
    display: flex!important;
  }
}

.margin-top0{
  margin-top:0!important;
}
.margin-top5{
  margin-top:5!important;
}
.margin-top10{
  margin-top:10px!important;
}
.margin-top15{
  margin-top:15px!important;
}
.margin-top20{
  margin-top:20px!important;
}
.margin-top30{
  margin-top:30px!important;
}
.margin-top40{
  margin-top:40px!important;
}
.margin-top50{
  margin-top:50px!important;
}
.margin-top60{
  margin-top:60px!important;
}
.margin-top70{
  margin-top:70px!important;
}
.margin-top80{
  margin-top:80px!important;
}
.padding-top10{
  padding-top:10px!important;
}
.padding-bottom10{
  padding-bottom:10px!important;
}

.width_100per{
  width:100%!important;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.font10{
  font-size: 10px;
}
.font12{
  font-size: 12px;
}
.font14{
  font-size: 14px;
}
.font16{
  font-size: 16px;
}
.font18{
  font-size: 18px;
}
.flex{
  display: flex;
  position:relative;
}
.error{
  color:#F00;
}

/******************* ヘッダー *******************/
header {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 112px;
  color: rgba(255,255,255,1);
  background-color: rgba(136,154,137,1);
  z-index: 10;
}
header a{
  color: rgba(255,255,255,1);
}
@media screen and (max-width: 1024px) {
  header {
    position:relative;
    width: 100%;
    height: 60px;
  }
}

.header{
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  max-width: 1200px;
}
.header-logo{
  display: block;
  position:absolute;
  top:25px;
  left:0;
}
.header-menu-wrapper{
  display: block;
  position:relative;
  float:right;
  margin-right:0;
  width:calc(100% - 282px);
  height: 112px;
/*  background-color: #CCC;*/
}
.header-menu-wrapper::after {
  content: "";
  display: block;
  clear: both;
}
.header-menu{
  display: block;
  float:right;
  margin-top:35px;
  padding:15px 25px 15px 25px;
  font-size: 13px;
  letter-spacing: 1px;
}
.head-under {
  position: relative;
}
.head-under:hover{
  opacity:0.4;
  transition: all 0.2s ease;
}
.head-under::after {
/*
  position: absolute;
  bottom: -6px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;*/
}
.head-under:hover::after{
/*  transform: scale(1, 1);*/
}

.header-menu:first-child{
  padding-right:0px;
}
.header-sign-up{
  padding:15px 0px 15px 0px;
}
.header-login{
  padding:15px 0px 15px 0px;
}
/******************* END ヘッダー *******************/
/******************* ハンバーガーメニュー *******************/
.hb-menu-head{
  position: fixed;
  top:0px;
  left:0px;
  width: 100%;
  height: 60px;
  background-color: rgba(136,154,137,1);
  z-index: 20;
}
.hb-menu-head-logo{
  position: absolute;
  top:10px;
  left:10px;
}
.hb-menu-head-logo img{
  height:37px;
}
.hb-menu-head-text{
  position: absolute;
  top:18px;
  left:75px;
}
.hb-menu {
  position: fixed;
  right: -100%;
  width: 100%;
  height: 150%;
  margin-top: 60px;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  color:#fff;
  background-color: rgba(136,154,137,1);
  transition: .2s;
  z-index: 20;
  text-align: center;
  font-family: 'NotoSansJP-Regular';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}
.hb-menu a{
  text-decoration:none;
}

.hb-menu.open {
  right: 0;
}
.hb-btn {
  border: 0;
  position: fixed;
  top: 10px;
  right: 0;
  width: 60px;
  height: 50px;
  z-index: 20;
  background-color: rgba(136,154,137,1);
  color:#fff;
}
.hb-btn-line {
  display: block;
  position: relative;
  width: 50%;
  height: 1px;
  background-color: rgba(255,255,255,1);
  transition: .2s;
  left:15px;
  top:0px;
}
.hb-btn-line::before,
.hb-btn-line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,1);
  transition: .5s;
  right: 0;
}
.hb-btn-line::before {
  transform: translateY(-6px);
}
.hb-btn-line::after {
  transform: translateY(6px);
}
.hb-btn-line.open {
  background-color: transparent;
}
.hb-btn-line.open::before ,
.hb-btn-line.open::after {
  content: "";
  background-color: rgba(255,255,255,1);
  transition: .2s;
}
.hb-btn-line.open::before {
  transform: rotate(45deg);
}
.hb-btn-line.open::after {
  transform: rotate(-45deg);
}
.hb-btn-menu{
  display: block;
  font-size:10px;
  margin-top:14px;
  position:relative;
}
.hb-btn-menu.open{
  display: none;
}
.hb-btn-close{
  display: none;
  font-size:10px;
  margin-top:14px;
  position:relative;
}
.hb-btn-close.open{
  display: block;
}
.hb-menu-header {
  display:block;
  right:0;
  top:0;
  width:100%;
  height:36px;
  color: rgba(136,154,137,1);
  background-color: rgba(255,255,255,1);
}
.hb-menu-header-link {
  display:block;
  white-space: nowrap;
  text-align: center;
  font-family: 'NotoSansJP-Regular';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: rgba(136,154,137,1);
  width: calc((100% - 2px) / 2);
  height:30px;
  border-left:solid 1px rgba(136,154,137,1);
  float:left;
  padding-top:10px;
}
.hb-menu-contents-link-wrapper {
  display:block;
  width:100%;
  margin-top:5vh;
  overflow: visible;
  font-family: 'NotoSansJP-Regular';
  color: rgba(255,255,255,1);
}
.hb-menu-contents-link-wrapper a{
  color: rgba(255,255,255,1);
}
.hb-menu-contents-link {
  padding:2.5vh;
}
.hb-menu-border {
  margin-top:3vh;
  margin-left:auto;
  margin-right:auto;
  width:85%;
  height:0px;
  border: 1px solid #c4cdc4;
}
.hb-sns {
  display:block;
  margin-top:2vh;
  margin-left:auto;
  margin-right:auto;
  height:30px;
}
.hb-sns div{
  display:inline-block;
  margin:15px 10px 10px 10px;
  width:30px;
  height:30px;
}
#hb-mini-hp{
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
  width:140px;
  font-size: 12px;
  font-weight: 600;
}
.hb-mini-hp-wrpper {
  display: flex;
  padding: 5px 10px 5px 10px;
  color: rgba(136,154,137,1);
  background-color: rgba(255,255,255,1);
  border-radius: 14px;
  font-size: 12px;
}
.hb-mini-hp-wrpper a {
  color: rgba(136,154,137,1);
}
.hb-mini-hp-wrpper img {
  margin-top: 2px;
  margin-right: 5px;
  height: 16px;
}

/******************* END ハンバーガーメニュー *******************/

/******************* レフトメニューモーダル *******************/
.left-menu-modal-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
  display: none;
}
.left-menu-modal-main {
  width: calc(100% - 32px);
  height: 88%;
  padding: 16px;
  bottom: -100%;
  left: 0;
  background: #fff;
  border-radius:4px 4px 0 0 ;
  position: fixed;
  z-index: 31;
  opacity: 0;
}
.left-menu-modal-wrapper{
  display: block;
  position:relative;
  padding: 16px;
  width: calc(100% - 32px);
  height:calc(90% - 50px);
  overflow-y:scroll;
}

.left-menu-modal-btn {
  position: fixed;
  width:calc(100% - 2px);
  top:60px;
  height:36px;
  background-color: #FFF;
  cursor: pointer;
  z-index:9;
}
.left-menu-modal-btn-top{
  cursor: pointer;
}
.left-menu-modal-btn-left{
  width:calc((100% - 2px) / 2);
  border-right:1px solid  rgba(136,154,137,1);
  border-bottom:solid 1px rgba(136,154,137,1);
}
.left-menu-modal-btn-right{
  width:calc((100% - 1px) / 2);
  padding-top:8px;
  border-bottom:solid 1px rgba(136,154,137,1);
}
.modal-send-date-catch{
  padding-top:15px;
  line-height: 20px;
  font-size:14px;
  text-align:center;
}
.modal-send-date{
  padding-top:10px;
  line-height: 24px;
  font-size:18px;
  text-align:center;
}
.modal-send-date-catch-change{
  padding-top:10px;
  line-height: 16px;
  font-size:12px;
  text-align:center;
}
.left-menu-modal-btn-close {
    margin-top: 10px;
    text-align: center;
}
.left-menu-modal-btn-close-fix {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: -50px;
  right: 5px;
  z-index: 101;
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.left-menu-modal-btn-close-fix:before{
  content:"";
  width: 20px;
  height: 20px;
  border-right:3px solid #fff;
  transform: rotate(-45deg);
  position: absolute;
  top:12px;
  left:-3px;
}
.left-menu-modal-btn-close-fix:after{
  content:"";
  width: 20px;
  height: 20px;
  border-right:3px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top:-2px;
  left:-3px;
}
@keyframes SlideUp {
  0% {
    opacity: 0;
    transform: translateY(-1%);
  }
  100% {
    opacity: 1;
    transform: translateY(-100%);
  }
}
@keyframes SlideDown {
  0% {
    opacity: 1;
    transform: translateY(-100%);
  }
  100% {
    opacity: 0;
    transform: translateY(-1%);
  }
}
.left-menu-modal-main._slideUp {
animation: SlideUp .5s ease-in-out forwards;
}
.left-menu-modal-main._slideDown {
animation: SlideDown .5s ease-in-out forwards;
}
#left_modal_check{
    display: none;
}
.send-date-mini-wrapper{
  position: relative;
  padding-bottom:10px;
  margin-top:15px;
  color: #fff;
  background-color: rgba(136,154,137,1);
}
.left-menu-modal-btn-top-serach{
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0px 10px 0px;
  text-align:center;
  width:calc(100% - 40px);
  border:1px solid rgba(136,154,137,1);
}
/******************* END レフトメニューモーダル *******************/

/******************* カテゴリーモーダル *******************/
.category_modal_btn{
  cursor: pointer;
}
#category_modal_check{
    display: none;
}
.category_modal_body{    
    display: none;
    position: fixed;
    top: 45%;
    left: 50%;
    width: 90%;
    height: 60%;
    max-width: 1200px;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    background-color: #FFF;
    overflow: hidden;
    z-index: 100000;
}
@media screen and (max-width: 1024px) {
  .category_modal_body{
    top: 45vh;
    height: 80vh;
  }
}
.category_modal_header{
    padding: 15px 10px;
    background-color: #FFF;
    font-weight: bold;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    text-align: center;
}
.category_modal_close{
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    cursor: pointer;
}
.category_modal_close_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
}
.category_modal_close_icon span::before,
.category_modal_close_icon span::after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 8%;
    margin: -8% 0 0 -42%;
    background: #3c3c3c;
}
.category_modal_close_icon span::before{
    transform: rotate(-45deg);
}
.category_modal_close_icon span::after{
    transform: rotate(45deg);
}
.category_modal_content{
  position:relative;
  margin-top:-15px;
  padding: 0px;
}
.category_modal_overlay{
    display: none;
    position: fixed;
    z-index: 50;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-color: #3c3c3c;
    opacity: 0.6;
    cursor: pointer;
}
#category_modal_check:checked ~ .category_modal_body, #category_modal_check:checked ~ .category_modal_overlay{
    display: block;
}
.category_modal_search_wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position:relative;
  padding:0px 35px 0px 40px;
  width:calc(100% - 80px);
}
@media screen and (max-width: 1024px) {
  .category_modal_search_wrapper{
    padding:0px 15px 0px 15px;
    width:calc(100% - 30px);
  }
}
.category_modal_search_wrapper .search-bar{
  margin-top:15px;
  height:31px;
  width:calc((100% - 180px) / 100 * 18.5);
  min-width:160px;
  font-size: 15px;
  border-radius: 5px;
  border:1px solid rgba(110,110,110,1);;
}
.category_modal_search_wrapper button{
  margin-top:15px;
  margin-right:15px;
  padding-top:2px;
  height:33px;
  width:calc((100% - 180px) / 100 * 6.5);
  min-width:56px;
  font-size: 15px;
  color: rgba(95,95,95,1);
  border-radius: 5px;
  border:1px solid rgba(110,110,110,1);;
  background-color: #FFF;
}
.category_modal_search_wrapper .all{
  width:calc((100% - 180px) / 100 * 9);
  min-width:80px;
}
.category_modal_search_wrapper .green{
  color: rgba(255,255,255,1);
  border:1px solid rgba(136,154,137,1);
  background-color: rgba(136,154,137,1);
}
.category_modal_items_wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  flex-basis: 0;
  position:relative;
  margin-top:40px;
  padding:0px 35px 0px 40px;
  width:calc(100% - 80px);
  height:40vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
/*  background-color: #CCC;*/
}
@media screen and (max-width: 1024px) {
  .category_modal_items_wrapper{
    margin-top:15px;
    padding:0px 15px 0px 15px;
    width:calc(100% - 30px);
    height:calc(80vh - 242px );
  }
}

.category_modal_items_container{
  display: flex;
  position:relative;
  align-items: center;
  margin-right:40px;
  width:calc((100% - 160px) / 5);
  cursor: pointer;
}
.category_modal_items_container:nth-child(5n){
  margin-right:0px;
}
.category_modal_items_container:nth-child(n+6){
  margin-top:30px;
}
@media screen and (max-width: 1024px) {
  .category_modal_items_container{
    width:calc((100% - 40px) / 2);
  }
  .category_modal_items_container:nth-child(5n){
    margin-right:40px;
  }
  .category_modal_items_container:nth-child(2n){
    margin-right:0px;
  }
  .category_modal_items_container:nth-child(n+3){
    margin-top:30px;
  }
}
.category_modal_item_image{
  width:58px;
}
.category_modal_item_image img{
  width:100%;
  border-radius: 50%;
}
.category_modal_item_name{
  padding-left:10px;
  width:calc(100% - 68px);
  text-align:left;
}

/******************* END カテゴリーモーダル *******************/

/******************* フッター *******************/
footer {
  display: block;
  position:relative;
  width: 100%;
  height: 142px;
  color: rgba(255,255,255,1);
  background-color: rgba(136,154,137,1);
}
footer a{
  color: rgba(255,255,255,1);
}
@media screen and (max-width: 1024px) {
  footer {
    margin:0px auto 0px auto;
    width:calc(100% - 0px);
    height: auto;
    text-align: center;
  }
}

.footer{
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  height: 142px;
  max-width: 1200px;
}
#footer-logo-wrapper {
  position: absolute;
  overflow: visible;
  width: 144px;
  height:43px;
  left: 13px;
  top: 25px;
}
#footer-logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 46px;
  height:43px;
}
#footer-logo-text {
  position: absolute;
  left: 53px;
  top: 9px;
}
#footer-copyright {
  position: absolute;
  left: 13px;
  bottom: 10px;
  text-align: left;
  font-size: 9px;
  letter-spacing: 0.5px;
}
#footer-privacy-policy {
  position: absolute;
  right: 17px;
  top: 20px;
  text-align: right;
  font-size: 12px;
}
#footer-tokuhou{
  position: absolute;
  right: 17px;
  top: 45px;
  text-align: right;
  font-size: 12px;
}
#footer-site-map {
  position: absolute;
  right: 17px;
  top: 70px;
  text-align: right;
  font-size: 12px;
}
#footer-site-hp {
  position: absolute;
  right: 17px;
  top: 98px;
  text-align: right;
  font-size: 12px;
}
.footer-hp-wrpper{
  display:flex;
  padding:5px 10px 5px 10px;
  width:135px;
  color: rgba(136,154,137,1);
  background-color: rgba(255,255,255,1);
  border-radius: 14px;
  font-size: 12px;
}
.footer-hp-wrpper img{
  margin-top:2px;
  margin-right:5px;
  height:16px;
}
.footer-hp-wrpper a{
  color: rgba(136,154,137,1);
}
#footer-mini-wrapper1{
  display: flex;
  position:relative;
  padding:0 15px 0 10px;
}
#footer-mini-logo {
  display: block;
  position:relative;
  margin-top:25px;
  width:50%;
}
#footer-mini-logo img{
  height:34px;
}
.footer-mini-sns{
  display: flex;
  position:relative;
  width: calc(45%);
  margin-top:35px;
  margin-left:5%;
}
.footer-mini-sns div{
  margin-right:0;
  text-align:center;
  width:calc(11vw - 0px);
  padding-left:0px;
}
.footer-mini-sns img{
  height:18px;
}
.footer-mini-sns div:last-child{
  margin-right:0;
}
#footer-mini-wrapper2{
  margin-top:20px;
  font-size: 10px;
}
#footer-mini-privacy-policy {
  display: block;
  padding-top:20px;
  font-size: 10px;
}

#footer-mini-hp {
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  font-size: 12px;
  font-weight: 600;
}
#footer-mini-copyright {
  display: block;
  margin-left:auto;
  margin-right:auto;
  padding-top:15px;
  font-size: 9px;
  letter-spacing: 0.5px;
}

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


/******************* メイン *******************/
main {
  display: block;
  position:relative;
  margin:112px auto 0px auto;
  width: 100%;
  min-height:calc(100vh - 112px - 89px);
  text-align: center;
  color: #3c3c3c;
  background-color: #FFF;
}
@media screen and (max-width: 1024px) {
  main {
    margin:0px auto 0px auto;
    min-height:auto;
  }
}
.green-button{
  padding:12px 60px 8px 60px;
  height:56px;
  font-size: 18px;
  color: #FFF;
  background-color: rgba(136,154,137,1);
  border:none;
  cursor: pointer;
}
#search_top{
  position: absolute;
  top:-162px;
}
/******************* END メイン *******************/

/******************* トップ *******************/
.sales-head{
  display: block;
  position:relative;
  margin-top:200px;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  max-width: 1200px;
  text-align:left;
}
@media screen and (max-width: 1024px) {
  .sales-head {
    margin-top:35px;
  }
}
.sales-head::after {
  content: "";
  display: block;
  clear: both;
}
.sales-head-img {
  display: block;
  margin-right: 10px;
  margin-left: 35px;
  float:left;
}
.sales-head-text {
  display: block;
  float:left;
  padding:10px 0px 0px 10px;
  font-size: 15px;
  font-family: 'NotoSansJP-Medium';
}
.sales-wrapper{
  display: block;
  position:relative;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  background: linear-gradient(#FFF 10%, #EEE 10%);
}
@media screen and (max-width: 1024px) {
  .sales-wrapper{
    margin-top:3px;
  }
}
.sales-slide-wrapper{
  display: flex;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:calc(100% - 100px);
  height:100%;
/*  background-color: #F0F;*/
}
@media screen and (max-width: 1024px) {
  .sales-slide-wrapper{
    flex-direction: row;
    flex-wrap: wrap;
    width:calc(100% - 30px);
  }
}
.sales-item-wrapper{
  display: block;
  position:relative;
  margin-right:30px;
  padding:17px;
  text-align: left;
  line-height: 22px;
  font-size: 14px;
  width:calc((100% - 90px) / 4);
  color: #FFF;
  filter: drop-shadow(7px 7px 10px rgba(0, 0, 0, 0.353));
/*  background-color: #F00;*/
}
@media screen and (max-width: 1024px) {
  .sales-item-wrapper {
    margin-right:-20px;
    width:calc((100% - 48px) / 2);
  }
  .sales-item-wrapper:nth-child(2) {
    margin-right:0px;
  }
  .sales-item-wrapper:nth-child(3) {
    margin-top:-20px;
  }
  .sales-item-wrapper:nth-child(4) {
    margin-top:-20px;
  }
}
.sales-item-wrapper a{
  color: #FFF;
}
.sales-item-wrapper:last-child{
  margin-right:0px;
}
.sales-item-wrapper img{
  width:100%;
}
.sales-item-sold-out{
  position: absolute;
  bottom: 4px;
  right: 4px;
  width:30%;
}
.sales-item-sold-out img{
  width:100%;
}
.sales-item-text{
  position: absolute;
  bottom: 17px;
  margin: 0;
  padding:15px;
  width: calc(100% - 64px);
  font-size: 14px;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
}
@media screen and (max-width: 1024px) {
  .sales-item-text{
    padding:5px;
    width: calc(100% - 44px);
    font-size: 10px;
    line-height: 12px;
  }
}

.top-main-wrapper{
  display: flex;
  position:relative;
  margin-top:60px;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  max-width: 1200px;
  text-align:left;
}
@media screen and (max-width: 1024px) {
  .top-main-wrapper{
    margin-top:0px;
    width: calc(100% - 40px);
  }
}
.left-menu{
  position:relative;
  margin-bottom:100px;
  width: 220px;
}
.search-bar{
  display: block;
  position: relative;
  width:calc(100%);
/*  background-color: #CCC;*/
  border:1px solid #3c3c3c;
}
.search-icon{
  position: absolute;
  top:1px;
  right:0px;
}
.search-word{
  position: absolute;
  top:0px;
  left:3px;
  padding:3px;
  width:calc(100% - 30px);
  height:calc(100% - 6px);
  border:none;
}
.left-menu .search-bar{
  height:27px;
}
.left-menu-modal-main .search-bar{
  height:27px;
}
.left-menu-send-date-text{
  font-size: 13px;
  padding-bottom: 3px;
  color:#3c3c3c;
  border-bottom:1px solid #3c3c3c;
  font-family: 'NotoSansJP-Medium';
}
.left-menu-send-date{
  line-height:30px;
  font-size: 30px;
  color: #3c3c3c;
  white-space: nowrap;
  overflow: hidden;
  padding-top: 5px;
  font-family: 'NotoSansJP-Medium';
}
#send-date{
  display:none;
}
.calendar-month{
  text-align: center;
  margin-bottom: 5px;
}
.calendar-week{
  display: flex;
  position:relative;
  margin-top:2px;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  text-align:center;
/*  line-height:10px;*/
  font-size: 10px;
}
.calendar-week div{
  width:calc((100% - 8px) / 7);
  border-top:1px solid #3c3c3c;
  border-right:1px solid #3c3c3c;
}
.calendar-week div:first-child{
  border-left:1px solid #3c3c3c;
}
.calendar-days{
  display: flex;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  text-align:center;
/*  line-height:10px;*/
}
.calendar-days:last-child{
  border-bottom:1px solid #3c3c3c;
}
.calendar-days div{
  padding-top:5px;
  width:calc((100% - 8px) / 7);
  height:25px;
  border-top:1px solid #3c3c3c;
  border-right:1px solid #3c3c3c;
  background-color: #EEE;
}
.calendar-days div:first-child{
  border-left:1px solid #3c3c3c;
}
.calendar-days .form-view-date{
  display:none;
}
.calendar-days .form-data-date{
  display:none;
}
.calendar-days .clickable{
  cursor: pointer;
  background-color: #FFF;
}
.calendar-days .choosedate{
  color:#FFF;
  background-color: #E53030;
}
.calendar-days .clickable:hover{
  color: #3c3c3c;
  background-color: #FFDDDD;
}
.calendar-month-wrapper{
  margin-left:auto;
  margin-right:auto;
  width: 220px;
}
.calendar-remark{
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:20px;
  width: 220px;
  text-align:left;
  font-size: 11px;
  border-bottom:1px solid #3c3c3c;
  line-height: 16px;
}
.calendar-remark a{
  color:#0066cb;
}
.left-menu-recomend-wrapper{
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:20px;
  width: 220px;
  font-size: 14px;
  text-align:left;
  font-family: 'NotoSansJP-Medium';
}
.left-menu-recomend-count{
  position: absolute;
  top:0px;
  right:0px;
  width: 21px;
  height:21px;
  color: #FFF;
  text-align:center;
  font-size: 11px;
  border-radius: 50%;
  background-color: rgba(136,154,137,1);
}
.recomend-check {
  display: none;
}
.recomend-open {
  position: relative;
  display: block;
  cursor: pointer;
}
.recomend-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
}
.recomend-check:checked + .recomend-open + .recomend-close {
  height: auto;
  opacity: 1;
}
.left-menu-recomend-items{
  display: flex;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:5px 0px 5px 20px;
  width: 200px;
  text-align:left;
}
.left-menu-recomend-items:last-child{
  padding-bottom:20px;
}
.recomend-check:checked + .recomend-open .left-menu-recomend-wrapper{
  padding-bottom:10px;
}
.left-menu-category-wrapper{
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  width: 220px;
  font-size: 14px;
  text-align:left;
  border-top:1px solid #3c3c3c;
  font-family: 'NotoSansJP-Medium';
}
.left-menu-category-items{
  display: flex;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:5px 0px 5px 20px;
  width: 200px;
  text-align:left;
}	
.left-menu-category-items:last-child{
  padding-bottom:20px;
}
.left-menu-color-wrapper{
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding-top:20px;
  padding-bottom:20px;
  width: 220px;
  font-size:14px;
  text-align:left;
  border-top:1px solid #3c3c3c;
  border-bottom:1px solid #3c3c3c;
  font-family: 'NotoSansJP-Medium';
}
.color-check {
  display: none;
}
.color-open {
  position: relative;
  display: block;
  margin-left:auto;
  margin-right:auto;
  width: 220px;
  cursor: pointer;
}
.color-open:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #3c3c3c 2px solid;
  border-right: #3c3c3c 2px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 5px;
  top: 21px;
}
.color-check:checked + .color-open:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-top: #3c3c3c 2px solid;
  border-right: #3c3c3c 2px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 5px;
  top: 26px;
}
.color-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
}
.color-check:checked + .color-open + .color-close {
  height: auto;
  opacity: 1;
}
.left-menu-color-items{
  display: flex;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:10px 0px 10px 0px;
  width: 220px;
  text-align:left;
  border-bottom:1px solid rgba(144,144,144,1);;
}
.left-menu-color-items-label{
  cursor: pointer;
}
.left-menu-color-items-label:last-child{
  margin-bottom:20px;
}
.color-box{
  position:absolute;
  right: 5px;
  top: 12px;
  width:15px;
  height:15px;
}
.color-box-white{
  position:absolute;
  right: 5px;
  top: 12px;
  width:13px;
  height:13px;
  border:1px solid rgba(190,190,190,1);
}
.color-box-multi{
  position:absolute;
  right: 5px;
  top: 12px;
  width:15px;
  height:15px;
  background: url('../images/ec/color.png');
  background-repeat:no-repeat;
  background-position: center center;
  background-size:cover;
/*
  background: linear-gradient(#ff0000 0%, #faf000 50%, #0089ff 100%);
*/
}
.color-box-another{
  position:absolute;
  right: 5px;
  top: 12px;
  width:13px;
  height:13px;
  border:1px solid rgba(190,190,190,1);
  background-image: linear-gradient(45deg, transparent 49%, rgba(190,190,190,1) 49%, rgba(190,190,190,1) 51%, transparent 51%, transparent);
}
.left-menu-button-wrapper{
  display: flex;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width: 220px;
  text-align:center;
}
.left-menu-button-wrapper button{
  padding-top:9px;
  padding-bottom:7px;
  border:1px solid rgba(112,112,112,1);
  background-color: #FFF;
  cursor: pointer;
}
.left-menu-button-wrapper .reset-button{
  margin-right:10px;
  width: 70px;
  color: rgba(95,95,95,1);
}
.left-menu-button-wrapper .submit-button{
  width: 140px;
  color: rgba(95,95,95,1);
  font-weight:normal;
}

.top-main{
  position:relative;
  padding-left:58px;
  width: calc(100% - 290px);
/*  background-color: #FF0;*/
}
@media screen and (max-width: 1024px) {
  .top-main{
    padding-left:0px;
    width: calc(100% - 0px);
  }
}
.top-main-prodcts-wrapper{
  display: flex;
  position:relative;
}
@media screen and (max-width: 1024px) {
  .top-main-prodcts-wrapper{
    display: block;
    margin-top:50px;
    text-align:center;
  }
}
.top-main-prodcts-logo{
  padding-left:12px;
}
.top-main-prodcts-text{
  padding-top:5px;
  padding-left:15px;
  font-size: 15px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .top-main-prodcts-text{
    padding-left:0px;
  }
}
.top-main-category-name{
  margin-right:20px;
  font-size: 28px;
  font-family: 'NotoSansJP-Medium';
  color: rgba(136,154,137,1);
}
.top-main-category-name:last-child{
  margin-right:0px;
}
.products-wrapper{
  display: block;
  position:relative;
  margin-top:30px;
  margin-left:auto;
  margin-right:auto;
  width:calc(100%);
}
@media screen and (max-width: 1024px) {
  .products-wrapper{
    margin-top:8px;
  }
}
.products-slide-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  width:100%;
  height:100%;
/* background-color: #F0F;*/
}
@media screen and (max-width: 1024px) {
  .products-slide-wrapper{
    padding:0px 0px 0px 8px;
  }
}
.products-pagination-wrapper{
  display: flex;
  justify-content: center;
  position:relative;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  margin-top:28px;
  margin-bottom: 40px;
}
.products-item-wrapper{
  display: block;
  position:relative;
  margin-right:-4px;
  padding:12px;
  text-align:left;
  width:calc((100% - 84px) / 4);
  /* background-color: #CCC; */
}
.products-item-wrapper a{
  color:#3c3c3c;
}
.products-item-wrapper:nth-child(4n){
  margin-right:0px;
}
.products-item-wrapper:nth-child(n + 5){
  margin-top:30px;
}
@media screen and (max-width: 1024px) {
  .products-item-wrapper{
    width:calc((100% - 44px) / 2);
  }
  .products-item-wrapper:nth-child(2n){
    margin-right:0px;
  }
  .products-item-wrapper:nth-child(n + 3){
    margin-top:6px;
  }
}

.products-item-image-wrapper{
  position:relative;
  padding:0px;
}
.products-item-image{
  width:calc(100% - 20px);
  padding:7px;
  background-color: #FFF;
  filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.2));
}
.products-item-image img{
  width:calc(100% - 0px);
}
@media screen and (max-width: 1024px) {
  .products-item-image-wrapper{
  }
  .products-item-image{
    width:calc(100% - 20px);
  }
}
.products-item-no{
  margin-top:10px;
  font-size: 12px;
  width:calc(100% - 5px);
}
@media screen and (max-width: 1024px) {
  .products-item-no{
  }
}
.products-item-name{
  margin-top:3px;
  width:calc(100% - 5px);
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
}
.products-item-name-english{
  margin-top:5px;
  width:calc(100% - 5px);
  font-size: 12px;
  font-family: 'NotoSansJP-Medium';
}
.products-item-category{
  margin-top:5px;
  margin-bottom: 7px;
  width:calc(100% - 5px);
  font-size: 12px;
}
.products-item-color{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top:7px;
  width:calc(100% - 5px);
  font-size: 12px;
  border-top:1px solid #3c3c3c;
}
.products-item-color .color-box{
  position:static;
  margin-top:2px;
  margin-left:3px;
  margin-right:3px;
}
.products-item-color .color-box-white{
  position:static;
  margin-top:2px;
  margin-left:3px;
  margin-right:3px;
}
.products-item-color .color-box-multi{
  position:static;
  margin-top:2px;
  margin-left:3px;
  margin-right:3px;
}
.products-item-color .color-box-another{
  position:static;
  margin-top:2px;
  margin-left:3px;
  margin-right:3px;
}
/******************* END トップ *******************/

/******************* SALE *******************/
.main-wrapper{
  display: block;
  position:relative;
  margin-top:112px;
  margin-left:auto;
  margin-right:auto;
  padding-top:70px;
  width: 100%;
  max-width: 1200px;
  min-height:100vh;
  text-align:left;
/*  background-color: #FF0;*/
}
@media screen and (max-width: 1024px) {
  .main-wrapper{
    margin-top:0px;
    padding-top:0px;
    width: calc(100% - 40px);
  }
}
.breadcrumb{
  margin-top:20px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
}
.breadcrumb a{
  color:#3c3c3c;
}
.breadcrumb span{
  padding:0 5px 0 5px;
}
.breadcrumb span:first-child{
  padding-left:0px;
}
.sales-product-wrapper{
  display: flex;
  position:relative;
  margin-top:20px;
  width: 100%;
}
.sales-product-left{
  display: block;
  position:relative;
  width: calc(50% - 40px);
}
.sales-product-right{
  display: block;
  position:relative;
  margin-left:40px;
  margin-bottom:40px;
  width: calc(50% - 0px);
}
@media screen and (max-width: 1024px) {
  .sales-product-wrapper{
    display: block;
  }
  .sales-product-left{
    width: calc(100% - 0px);
  }
  .sales-product-right{
    margin-top:20px;
    margin-bottom:0px;
    margin-left:0px;
    width: calc(100% - 0px);
  }
}
.sales-product-image-wrapper{
  display: block;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  max-width: 560px;
}
.sales-product-image-wrapper img{
  width: 100%;
}
.sales-product-image-sale{
  position:absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:100%;
  background-image: url('../images/ec/sale_wrapping.png');
  background-repeat:no-repeat;
  background-position: top left;
}
@media screen and (max-width: 1024px) {
  .sales-product-image-sale{
    background-size: 80% auto;
  }
}
.sales-product-image-sold-out{
  position: absolute;
  bottom: -20px;
  right: -20px;
  width:24%;
}
@media screen and (max-width: 1024px) {
  .sales-product-image-sold-out{
    bottom: 10px;
    right: 10px;
  }
}
.sales-product-image-sold-out img{
  width:100%;
}
.sales-product-tumbbail-wrapper{
  display: flex;
  position:relative;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  max-width: 560px;
}
@media screen and (max-width: 1024px) {
  .sales-product-tumbbail-wrapper{
    margin-top:10px;
  }
}
.sales-product-tumbbail{
  display: block;
  margin-right:15px;
  width:calc((100% - 60px) / 5);
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .sales-product-tumbbail{
    margin-right:10px;
    width:calc((100% - 40px) / 5);
  }
}
.sales-product-tumbbail img{
  width: 100%;
}
.sales-product-tumbbail:last-child{
  margin-right:0px;
}
.sales-product-no{
  font-size:12px;
}
.sales-product-name{
  margin-top:3px;
  line-height:30px;
  font-size: 22px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .sales-product-name{
    margin-top:10px;
  }
}
.sales-product-name-english{
  margin-top:5px;
  line-height:16px;
  font-size: 12px;
  font-family: 'NotoSansJP-Medium';
}
.sales-product-set{
  margin-top:10px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .sales-product-set{
    margin-top:20px;
  }
}
.sales-product-size{
  font-size: 12px;
  margin-top:5px;
}
.sales-product-stock{
  font-size: 12px;
  margin-top:5px;
}
.sales-product-category{
  margin-top:10px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .sales-product-category{
    margin-top:20px;
  }
}
.sales-product-color-wrapper{
  display: flex;
  position:relative;
  margin-top:5px;
  font-size: 12px;
}
.sales-product-color-text{

}
.sales-product-color{
  display: flex;
  position:relative;
  padding-top:2px;
}
.sales-product-color .color-box, .sales-product-color .color-box-white, .sales-product-color .color-box-multi, .sales-product-color .color-box-another{
  position:static;
  margin-left:5px;
  margin-right:5px;
}

.sales-product-description{
  margin-top:35px;
  font-size: 13px;
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  .sales-product-description{
    margin-top:30px;
  }
}
.sales-product-advise{
  margin-top:30px;
  padding:15px;
  font-size: 13px;
  line-height: 20px;
  background-color:rgba(248,248,248,1);
  border:1px solid rgba(203,203,203,1);
}
.sales-product-advise-title{
  font-size: 14px;
}
.sales-product-advise-body{
  margin-top:10px;
}
.sales-product-border{
  margin-top:25px;
  height:1px;
  border-top:1px solid rgba(165,165,165,1);
}
@media screen and (max-width: 1024px) {
  .sales-product-border{
    margin-top:30px;
  }
}
.sales-product-price-wrapper{
  display: flex;
  position:relative;
  margin-top:15px;
}
@media screen and (max-width: 1024px) {
  .sales-product-price-wrapper{
    margin-top:20px;
  }
}
.sales-product-price{
  line-height:36px;
  font-size: 30px;
  font-family: 'NotoSansJP-Medium';
}
.sales-product-tax{
  padding-top:14px;
  font-size: 14px;
}
.sales-product-buy-count-wrapper{
  display: flex;
  position:relative;
  margin-top:15px;
}
@media screen and (max-width: 1024px) {
  .sales-product-buy-count-wrapper{
    margin-top:20px;
  }
}
.sales-product-buy-count-text{
  padding-top:5px;
  font-size:14px;
}
.sales-product-buy-count{
}
.sales-product-buy-count input{
  margin-left:4px;
  padding:0 5px 0 5px;
  width:39px;
  height:28px;
  text-align:center;
  color: #3c3c3c;
  border:1px solid rgba(165,165,165,1);
  border-radius: 5px;
}
.sales-product-button{
  margin-top:30px;
  margin-bottom:100px;
  width:100%;
}
@media screen and (max-width: 1024px) {
  .sales-product-button{
    margin-bottom:30px;
    font-size: 16px;
    padding-top:10px;
    padding-bottom:6px;
    height:48px;
  }
}
.sales-product-buy-class-size{
  margin-top:15px;
}
@media screen and (max-width: 1024px) {
  .sales-product-buy-class-size{
    margin-top:20px;
  }
}
.sales-product-buy-class-size select{
  margin-right:10px;
  padding:0 5px 0 5px;
  min-width:110px;
  height:33px;
  color: #3c3c3c;
  border-radius: 5px;
  border:1px solid rgba(165,165,165,1);
  background-color: #FFF;
}

/******************* END SALE *******************/

/******************* END SHOPING CART *******************/
.cart-page-title{
  font-size: 23px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .cart-page-title{
    margin-top:25px;
  }
}
.cart-title-wrapper{
  display: flex;
  position:relative;
  margin-top:50px;
  margin-bottom: 7px;
  
}
@media screen and (max-width: 1024px) {
  .cart-title-wrapper{
    margin-top:25px;
    margin-bottom: 10px;
  }
}
.cart-title-block{
  width:4px;
  height:18px;
  background-color: rgba(136,154,137,1);
}
.cart-title-text{
  margin-left:4px;
  font-size: 15px;
  font-family: 'NotoSansJP-Medium';
}

.cart-page-border{
  margin-top:70px;
  height:1px;
  border-top:1px solid rgba(229,229,229,1);
}
@media screen and (max-width: 1024px) {
  .cart-page-border{
    margin-top:40px;
    margin-bottom:15px;
  }
}
.cart-wrapper{
  display: flex;
  position:relative;
  margin-top:4px;
  width:100%;
}
.cart-left{
  position:relative;
  margin-right:30px;
  width:calc(75% - 30px);
}
.cart-right{
  position:relative;
  width:25%;
  min-width:250px;
  font-size: 12px;
}
.cart-left-remark{
  margin-top:5px;
  font-size: 12px;
}
.cart-border-wrapper{
  position:relative;
  padding:20px;
  width:calc(100% - 32px);
  border:1px solid rgba(229,229,229,1);
}
@media screen and (max-width: 1024px) {
  .cart-border-wrapper{
    padding:15px;
  }
  .cart-wrapper{
    display: block;
  }
  .cart-left{
    width:100%;
  }
  .cart-right{
    margin-top:40px;
    width:100%;
  }
}
.cart-table{
  border-collapse: collapse;
  overflow: hidden;
  width:100%;
}
.cart-table th{
  height:36px;
  text-align:center;
  background-color: rgba(239,239,239,1);
  border-top:1px solid rgba(204,204,204,1);
  border-right:1px solid rgba(204,204,204,1);
}
.cart-table th:first-child{
  border-left:1px solid rgba(204,204,204,1);
}
.cart-table td{
  border-top:1px solid rgba(204,204,204,1);
  border-right:1px solid rgba(204,204,204,1);
}
.cart-table tbody tr{
  border-left:1px solid rgba(204,204,204,1);
}
.cart-table tbody tr:last-child{
  border-bottom:1px solid rgba(204,204,204,1);
}

.cart-table .th-item{
  width:calc(100% - 220px);
  font-size:12px;
  font-family: 'NotoSansJP-Medium';
}
.products-table .cart-table .th-item{
  width:calc(100% - 390px);
}
.cart-table .th-count{
  width:70px;
  font-size:12px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .th-sum{
  width:100px;
  font-size:12px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .th-button{
  width:50px;
}
.cart-table .th-send-date{
  width:110px;
  font-size:12px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .th-item-class{
  width:80px;
  font-size:12px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .th-item-size{
  width:80px;
  font-size:12px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .td-item-wrapper{
  display: flex;
  position:relative;
  padding:10px;
}
.cart-table .td-item{
}
.cart-table .td-item-image{
  width:80px;
}
.cart-table .td-item-image img{
  width:100%;
}
.cart-table .td-item-data{
  padding-left:15px;
}
.cart-table .td-item-no{
  font-size: 12px;
}
.cart-table .td-item-name{
  margin-top:5px;
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .td-item-price{
  margin-top:18px;
  font-size: 18px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .td-item-tax{
  font-size: 12px;
}
.cart-table .td-item-category{
  font-size: 12px;
  margin-top: 5px;
}
.cart-table .td-item-set{
  font-size: 12px;
}
.cart-table .td-count{
  text-align: center;
}
.cart-table .td-send-date{
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .cart-table .td-send-date{
    display: none;
  }
}
.cart-table .td-item-class{
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .cart-table .td-item-class{
    text-align: right;
    padding:10px;
    width: calc(100% - 22px);
  }
}
.cart-table .td-item-size{
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .cart-table .td-item-size{
    text-align: right;
    padding:10px;
    width: calc(100% - 22px);
  }
}
.cart-table .td-count input{
  padding:0 5px 0 5px;
  width:46px;
  height:27px:
  border-radius: 5px;
  border:1px solid rgba(204,204,204,1);
  background-color: #FFF;
}
.cart-table .td-sum{
  text-align: center;
  font-size:18px;
  font-family: 'NotoSansJP-Medium';
}
.cart-table .td-button{
  text-align: center;
}
.cart-table .td-button button{
  text-align: center;
  width:100%;
  height:80px;
  border:none;
  color: #3c3c3c;
  background-color: #FFF;
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .cart-table th{
    display:none;
  }
  .cart-table tbody tr{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    position:relative;
    width:calc(100% - 2px);
    border-bottom:1px solid rgba(204,204,204,1);
  }
  .cart-table tbody tr:nth-child(n + 2){
    margin-top:20px;
  }
  .cart-table .td-count[data-title]::before,.cart-table .td-sum[data-title]::before,.cart-table .td-item-class[data-title]::before,.cart-table .td-item-size[data-title]::before{
    content: attr(data-title) " : ";
  }
  .cart-table td{
    display:block;
    padding-top:5px;
    padding-bottom:5px;
    width:calc(100% - 2px);
  }
  .cart-table .td-item, .cart-table .td-count, .cart-table .td-sum, .cart-table .td-button{
    padding-top:0px;
    padding-bottom:0px;
    width:calc(100% - 2px);
  }
  .cart-table .td-button button{
    width:auto;
    height:auto;
  }
  .cart-table .td-count, .cart-table .td-sum, .cart-table .td-button{
    width:calc(100% - 22px);
    padding:10px;
    text-align:right;
  }
}
.cart-total-title{
  margin-bottom:4px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .cart-total-title{
    margin-bottom:10px;
    text-align: left;
  }
}
.cart-total-counter{
  display:block;
  position:relative;
  padding:5px 8px 5px 8px;
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .cart-total-counter{
    padding:10px;
  }
}
#sales_item_total_count{
  position:absolute;
  top: 5px;
  right: 8px;
}
@media screen and (max-width: 1024px) {
  #sales_item_total_count{
    top: 10px;
  }
}
.cart-item-total-counter{
  display:block;
  position:relative;
  padding:5px 8px 5px 8px;
  border-left:1px solid rgba(204,204,204,1);
  border-right:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .cart-item-total-counter{
    padding:10px;
  }
}
.cart-item-total-counter .price{
  position:absolute;
  top: 5px;
  right: 8px;
}
@media screen and (max-width: 1024px) {
  .cart-item-total-counter .price{
    top: 10px;
  }
}
.cart-item-total-carriage{
  display:block;
  position:relative;
  padding:5px 8px 5px 8px;
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .cart-item-total-carriage{
    padding:10px;
  }
}
.cart-item-total-carriage .price{
  position:absolute;
  top: 5px;
  right: 8px;
}
@media screen and (max-width: 1024px) {
  .cart-item-total-carriage .price{
    top: 10px;
  }
}
.cart-item-total-price{
  display:block;
  margin-top:8px;
  position:relative;
  padding:5px 8px 5px 8px;
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .cart-item-total-price{
    padding:10px;
  }
}
.cart-item-total-price .price{
  position:absolute;
  top: 5px;
  right: 8px;
  font-size: 18px;
}
@media screen and (max-width: 1024px) {
  .cart-item-total-price .price{
    top: 10px;
  }
}
.cart-border-wrapper .green-button{
  margin-top:8px;
  padding: 3px 0px 0px 0px;
  width:100%;
  height:36px;
  font-size: 13px;
}
@media screen and (max-width: 1024px) {
  .cart-border-wrapper .green-button{
    padding: 10px;
  }
}
.products-table{
}
.cart-send-date{
  position:relative;
  margin-bottom:10px;
  padding:5px 8px 5px 8px;
  width:calc(100% - 20px);
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .cart-send-date{
    margin-bottom:15px;
  }
}
.cart-send-date-view{
  font-size: 15px;
  font-family: 'NotoSansJP-Medium';
}
.cart-send-date-change{
  font-size: 12px;
  color: rgba(136,154,137,1);
  cursor: pointer;
  margin-top: 7px;
}
.cart-send-date .cart-send-date-change2{
  position:absolute;
  top: 5px;
  right: 8px;
  color: rgba(136,154,137,1);
  cursor: pointer;
}
.cushion{
  display:block;
  height:100px;
}
@media screen and (max-width: 1024px) {
  .cushion{
    height:30px;
  }
  .products-table .cart-table .td-send-date{
    display:none;
  }
  .products-table .cart-table .td-item-class{
    padding:10px;
    width:calc(100% - 22px);
    text-align: right;
  }
  .products-table .cart-table .td-item-size{
    padding:10px;
    width:calc(100% - 22px);
    text-align: right;
  }
  .products-table .cart-table .td-count{
    text-align: right;
  }
  .products-table .cart-table .td-button{
  }
}
#products_item_total_count{
  position:absolute;
  top: 5px;
  right: 8px;
}
@media screen and (max-width: 1024px) {
  #products_item_total_count{
    top: 10px;
  }
}
.calendar-tips{
  position:absolute;
  display:none;
  top:calc(50% - 60px);
  right:380px;
  width:240px;
  background-color: #FFF;
  border-radius: 8px;
  border:1px solid rgba(204,204,204,1);
  z-index:50;
}
.calendar-tips2{
  position:absolute;
  display:none;
  top:-50px;
  right:90px;
  width:240px;
  background-color: #FFF;
  border-radius: 8px;
  border:1px solid rgba(204,204,204,1);
  z-index:50;
}
.calendar-tips-open{
  display:block;
}
.calendar-tips-close-button,.calendar-tips-close-button2{
  display:block;
  padding-top:2px;
  padding-right:5px;
  text-align: right;
}
.calendar-tips-close-button span,.calendar-tips-close-button2 span{
  cursor: pointer;
}
.calendar-tips-close,.calendar-tips-close2{
  display:block;
  margin-top:10px;
  margin-bottom:10px;
  text-align: center;
  cursor: pointer;
}
.cart-table-title{
  margin-bottom:10px;
  line-height:13px;
  font-size: 13px;
}
.cart-left .green-button{
  display:block;
  margin-top:40px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  max-width:270px;
}

.cart-send-list-wrapper{
  position:relative;
  margin-bottom:60px;
  padding:20px;
  width:calc(100% - 42px);
  line-height:16px;
  font-size: 13px;
  border:1px solid rgba(229,229,229,1);
}
.delivery-address-title{
  padding:0px 0px 3px 0px;
  margin-top:50px;
  border-bottom:1px solid rgba(229,229,229,1);
  font-size: 13px;
}
.delivery-address-title-top{
  padding:0px 0px 3px 0px;
  margin-top:0px;
  border-bottom:1px solid rgba(229,229,229,1);
  font-size: 13px;
}
.delivery-address-title:first-child{
  margin-top:0px;
}
@media screen and (max-width: 1024px) {
  .delivery-address-title{
    margin-top:0px;
    padding:0px 0px 10px 0px;
  }
  .delivery-address-title-top{
    margin-top:0px;
    padding:0px 0px 10px 0px;
  }
}
.delivery-address{
  display:block;
  position:relative;
  min-height:160px;
  font-size: 14px;
}
.delivery-address label{
  cursor: pointer;
}
.delivery-address-close{
  display:none;
}
.delivery-address-change{
  position:absolute;
  padding: 5px 10px 5px 10px;
  top:60px;
  right:40px;
  width:76px;
  color:#FFF;
  border:none;
  background-color: rgba(150,150,150,1);
  border: 1px solid rgba(150,150,150,1);
  cursor: pointer;
}
.delivery-address-change-close{
  display:none;
}
@media screen and (max-width: 1024px) {
  .delivery-address-change{
    top:125px;
    left:0px;
  }
}

.delivery-address-form{
  display:none;
  position:relative;
  min-height:160px;
  font-size: 14px;
}
.delivery-address-form .remark{
  font-size: 10px;
}
.delivery-address-form-open{
  display:block;
}
.delivery-address-form .left{
  font-size: 14px;
  padding:14px 7px 7px 7px;
  width:100px;
}
.delivery-address-form .right{
  width:calc(100%);
  max-width:450px;
/*  background-color: #CCC;*/
}
.delivery-address-form input{
  padding:7px;
  width:calc(100% - 14px);
  max-width:300px;
  height:27px;
  border:1px solid rgba(204,204,204,1);
}
.delivery-address-form select{
  margin-top:7px;
  padding:7px;
  width:calc(100% - 0px);
  height:43px;
  color: #3c3c3c;
  border-radius: 5px;
  border:1px solid rgba(204,204,204,1);
  background-color: #FFF;
}
.delivery-pay-method-form{
  display:block;
  position:relative;
  margin-top:10px;
  font-size: 14px;
}
.delivery-pay-method-form .remark{
  font-size: 10px;
}
.delivery-pay-method-wrapper{
  margin-top:10px;
}

.delivery-pay-method-form .left{
  padding:22px 7px 7px 7px;
  width:130px;
  font-size: 14px;
}
.delivery-pay-method-form .left-remark{
  padding:7px 7px 7px 7px;
  width:130px;
  font-size: 14px;
}
.delivery-pay-method-form .right{
  width:calc(100%);
  max-width:450px;
/*  background-color: #CCC;*/
}
.delivery-pay-method-form .text{
  padding:14px 7px 7px 7px;
}
.delivery-pay-method-form input{
  padding:7px;
  width:calc(100% - 14px);
  max-width:300px;
  height:27px;
}
@media screen and (max-width: 1024px) {
  .delivery-pay-method-form input{
    width:calc(100% - 18px);
  }
}
.delivery-pay-method-form [type="radio"]{
  padding:0px;
  width:auto;
  height:auto;
}
.delivery-pay-method-form select{
  margin-top:7px;
  padding:7px;
  height:45px;
  color: #3c3c3c;
  border-radius: 5px;
  border:1px solid rgba(204,204,204,1);
  background-color: #FFF;
}
.select-card-check {
  display: none;
}
.select-card-open {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 13px;
}
.select-card-close {
  display: block;
  height: 0;
  overflow: hidden;
  margin-top:3px;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
}
.select-card-check:checked + .select-card-close {
  height: auto;
  opacity: 1;
}

.delivery-name{
  margin-top:15px;
  font-size: 16px;
  font-family: 'NotoSansJP-Medium';
}
.delivery-postal-code{
  margin-top:15px;
}
.delivery-address-form .delivery-postal-code{
  margin-top:10px;
}
.delivery-address-select{
  margin-top:3px;
}
@media screen and (max-width: 1024px) {
  .delivery-address-select .left{
    padding-top:20px;
  }
}

.delivery-address-text{
  margin-top:10px;
}
.delivery-tel{
  margin-top:10px;
}
.delivery-address-text input{
  width:100%;
  max-width:450px;
}

.delivery-name{
  margin-top:15px;
  font-size: 16px;
  font-family: 'NotoSansJP-Medium';
}
.delivery-postal-code{
  margin-top:15px;
}
.delivery-address-text{
  margin-top:10px;
}
.delivery-tel{
  margin-top:10px;
}
.delivery-address-text input{
  width:calc(100% - 14px);
  max-width:450px;
}
.pay-method-wrapper{
  display:block;
  margin-top:15px;
  padding:10px;
  font-size: 14px;
  background-color: rgba(242,242,242,1);
  font-family: 'NotoSansJP-Medium';
}
.delivery-question{
  margin-top:4px;
}
.delivery-question textarea{
  width:calc(100% - 2px);
  height:80px;
  border:1px solid rgba(204,204,204,1);
}
.delivery-question-coomplete{
  margin-top:4px;
  padding:7px;
  width:calc(100% - 16px);
  height:80px;
  border:1px solid rgba(204,204,204,1);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.coomplete_msg{
  display:block;
  margin-top:30px;
}
.products_remark{
  font-size: 12px;
}
.products-coution{
  text-align: center;
  font-size: 14px;
}
/******************* END SHOPING CART *******************/

/******************* USERS GUIDE *******************/
.left-menu-modal-btn-mini-head{
  padding-top:7px;
  width:100%;
  text-align: center;
  border-bottom:solid 1px rgba(136,154,137,1);
}
.breadcrumb-wrapper {
    display: block;
    position: relative;
    margin-top: 112px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    max-width: 1200px;
    text-align: left;
}
@media screen and (max-width: 1024px) {
  .breadcrumb-wrapper {
    margin-top: 00px;
    padding-top: 0px;
    padding-left: 20px;
  }
}
.left-menu-link{
  display: block;
  position: relative;
  padding-top:15px;
  padding-bottom:15px;
  border-top:solid 1px rgba(221,221,221,1);
  cursor: pointer;
}
.left-menu-link-border{
  height:1px;
  border-bottom:solid 1px rgba(221,221,221,1);
}
.right-arrow{
  position:absolute;
  top:15px;
  right:15px;
  color: #3c3c3c;
}
.right-arrow::before,
.right-arrow::after{
  position: absolute;
  content: "";
}
.right-arrow::before{
  width: 6px;
  height: 6px;
  border-top: 1px solid #3c3c3c;
  border-right: 1px solid #3c3c3c;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.left-menu-link-arrow{
  position:absolute;
  top:20px;
  right:15px;
}
.guide-page-title{
  font-size: 23px;
  font-family: 'NotoSansJP-Medium';
}
.guide-page-title-top{
  font-size: 23px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .guide-page-title{
    padding:15px 0 15px 20px;
    text-align:left;
  }
  .guide-page-title-top{
    padding:25px 0 25px 20px;
    text-align:left;
  }
}
.guide-list-wrapper{
  display:flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top:60px;
  width:100%;
}
.guide-list{
  position: relative;
  margin-right: 20px;
  margin-bottom: 60px;
  width:calc((100% - 20px) / 2);
}
.guide-list:nth-child(2n){
  margin-right: 0px;
}

@media screen and (max-width: 1024px) {
  .guide-list-wrapper{
  }
  .guide-list{
    margin-right: 0px;
    margin-bottom: 30px;
    width:100%;
  }
  .guide-list:nth-child(n+2){
    margin-top: 30px;
  }
}
.guide-list-title{
  margin-bottom: 15px;
  padding-bottom:4px;
  font-size: 16px;
  color: rgba(136,154,137,1);
  border-bottom: 1px solid rgba(221,221,221,1);
  font-family: 'NotoSansJP-Medium';
}
.guide-list-title a{
  color: rgba(136,154,137,1);
}
.guide-list-link{
  margin-bottom: 5px;
}
.guide-top-link-wrapper{
  display:flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top:20px;
  width:100%;
  border-top: 1px solid rgba(221,221,221,1);
  border-bottom: 1px solid rgba(221,221,221,1);
}
@media screen and (max-width: 1024px) {
  .guide-top-link-wrapper{
    margin-left:auto;
    margin-right:auto;
    width:calc(100% - 40px);
  }
}
.guide-top-link-container{
  padding:15px 0px 15px 0px;
}
.guide-top-link{
  padding:0px 20px 0px 20px;
  border-right: 1px solid #3c3c3c;
}
@media screen and (max-width: 1024px) {
  .guide-top-link{
    padding:0px 10px 0px 10px;
    border-right: 1px solid #3c3c3c;
  }
}
.guide-top-link-first{
  padding-left:0px;
}
.guide-top-link-last{
  border-right: none;
}
.guide-contents-title{
  margin-top:50px;
  font-size: 17px;
  color: rgba(136,154,137,1);
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .guide-contents-title{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:calc(100% - 40px);
  }
}
.guide-contents{
  position: relative;
  margin-top:15px;
  line-height:25px;
}
@media screen and (max-width: 1024px) {
  .guide-contents{
    margin-left:auto;
    margin-right:auto;
    width:calc(100% - 40px);
  }
}
.guide-contents a{
  /*color:#0066cb;*/
  text-decoration: underline;
}
.guide-contents a:hover{
  opacity:0.8;
}
.guide-contents-flex{
  display:flex;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .guide-contents-flex{
    display:block;
  }
}
.guide-contents-left{
  width:calc(50% - 15px);
  padding-right:15px;
}
.guide-contents-left .remark{
  font-size:12px;
}
.guide-contents-sub-title{
  font-weight:bold;
}
@media screen and (max-width: 1024px) {
  .guide-contents-left{
    width:100%;
    padding-right:0px;
  }
}
.guide-contents-right{
  width:50%;
  text-align:center;
}
.guide-contents-right img{
  width:100%;
}
.guide-contents-right .pc-smartphone{
  width:60%;
  margin-top:5px;
  margin-bottom:10px;
}
@media screen and (max-width: 1024px) {
  .guide-contents-right{
    width:100%;
  }
}
.guide-contents-border{
  margin-top:50px;
  border-bottom: 1px solid rgba(221,221,221,1);
}
@media screen and (max-width: 1024px) {
  .guide-contents-border{
    margin-left:auto;
    margin-right:auto;
    width:calc(100% - 40px);
  }
}
.guide-check {
  display: none;
}
.guide-open {
  position: relative;
  display: block;
  padding:15px 0 15px 20px;
  text-align:left;
  background-color: rgba(239,239,239,1);
  border-top: 1px solid rgba(204,204,204,1);
  cursor: pointer;
}
.guide-open:lsat-child {
  border-bottom: none;
}
.guide-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
}
.guide-close-menu{
  position: relative;
  padding:15px 0 15px 20px;
  text-align:left;
  background-color: #FFF;
  border-top: 1px solid rgba(204,204,204,1);
  cursor: pointer;
}
.guide-close-menu-arrow{
  position:absolute;
  top:20px;
  right:25px;
}

.guide-check:checked + .guide-open + .guide-close {
  height: auto;
  opacity: 1;
}
.guide-open::before,
.guide-open::after {
  content: '';
  width: 14px;
  height: 2px;
  background: rgba(164,164,164,1);
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.guide-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

.guide-check:checked + .guide-open:after {
  transform: translateY(-50%) rotate(0);
}

/******************* END USERS GUIDE *******************/

/******************* FAQ *******************/
.faq-page-title{
  margin-top:60px;
  margin-bottom:30px;
  font-size: 23px;
  line-height:25px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .faq-page-title{
    margin-top:25px;
    margin-bottom:25px;
  }
}
.contact-lead{
  text-align:left;
  margin-top:30px;
}
@media screen and (max-width: 1024px) {
  .contact-lead{
    margin-top:20px;
  }
}
.faq-wrapper{
  display: block;
  position: relative;
  margin-top:10px;
}

.faq-check {
  display: none;
}
.faq-open {
  position: relative;
  display: block;
  cursor: pointer;
}

.faq-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
}

.faq-check:checked + .faq-open + .faq-close {
  height: auto;
  opacity: 1;
}
.faq-open::before,
.faq-open::after {
  content: '';
  width: 17px;
  height: 1px;
  background: #3c3c3c;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.faq-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
.faq-check:checked + .faq-open:after {
  transform: translateY(-50%) rotate(0);
}
.faq-q{
  display: block;
  padding:30px 20px 30px 0px;
  border-top: 1px solid rgba(221,221,221,1);
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .faq-q{
    padding:15px 20px 15px 0px;
  }
}
.faq-q span{
  color: rgba(136,154,137,1);
  font-family: 'NotoSansJP-Medium';
}
.faq-check:checked + .faq-open > .faq-q{
  padding-bottom: 15px;
  border-bottom: none;
}
.faq-a-wrapper{
  padding-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .faq-a-wrapper{
    padding-bottom: 15px;
  }
}
.faq-a{
  padding: 20px;
  background: rgba(245,245,245,1);
  font-size: 14px;
  line-height: 25px;
}
.faq-a a{
  /*color:#0066cb;*/
  text-decoration: underline;
}
.faq-a a:hover{
  opacity:0.8;
}

.faq-border{
  height:1px;
  border-top: 1px solid rgba(221,221,221,1);
}
.faq-subtitle{
  margin-top:60px;
  font-size: 18px;
  color:rgba(136,154,137,1);
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .faq-subtitle{
    margin-top:25px;
  }
}
/******************* END FAQ *******************/

/******************* CONTACT **********************/
.contact-wrapper{
  display: block;
  position: relative;
  width:calc(100% - 0px);
  line-height: 20px;
  text-align: center;
  font-family: 'NotoSansJP-Regular';
  font-size: 13px;
  color: rgba(95,95,95,1);
}
.contact-border{
  border-top:1px solid rgba(221,221,221,1);
  height:1px;
}
.contact-border2{
  margin-top:30px;
  border-top:1px solid rgba(221,221,221,1);
  height:1px;
}
@media screen and (max-width: 1024px) {
  .contact-border2{
    margin-top:25px;
  }
}
.contact-title{
  display: block;
  font-size: 18px;
}
.contact-flex{
  display: flex;
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top:20px;
  width:100%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .contact-flex{
    padding-top:0px;
  }
}
.contact-flex-left{
  display: flex;
  align-items: top;
  padding:30px 0px;
  width:calc(25% - 30px);
  color:#3c3c3c;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .contact-flex-left{
    padding:20px 0px;
  }
}
.contact-flex-left .required{
  color: #F00;
}
.contact-flex-right{
  display: block;
  padding:15px 0px 15px 15px;
  width:calc(75% - 15px);
}
.contact-flex select{
  padding-left:15px;
  padding-right:15px;
  height:47px;
  width:75%;
  font-size: 16px;
  color:#3c3c3c;
  background: #FFF;
  border-radius: 5px;
  border:1px solid rgba(170,170,170,1);
}
.contact-flex input[type="text"],.contact-flex input[type="email"],.contact-flex input[type="tel"]{
  padding-left:15px;
  padding-right:15px;
  height:47px;
  width:calc(100% - 32px);
  font-size: 16px;
  border:1px solid rgba(170,170,170,1);
}
.contact-flex input:focus{
  outline: 0;
}
.contact-flex textarea{
  padding:15px;
  width:calc(100% - 32px);
  height:320px;
  font-size: 16px;
  border:1px solid rgba(170,170,170,1);
  resize: none;
}
.contact-flex textarea:focus{
  outline: 0;
}
.form_width30{
  width:calc(30% - 17px)!important;
  min-width:100px!important;
}
.form_width50{
  display: inline-block;
  width:calc((100% - 79px) / 2)!important;
  margin-right:10px;
}
.form_width50:last-child{
  margin-right:0px;
}
.form_width75{
  width:calc(75% - 17px)!important;
}
@media screen and (max-width: 1024px) {
  .contact-flex{
    display: block;
  }
  .contact-flex-left{
    display: block;
    width:calc(100% - 30px);
    text-align: left;
  }
  .contact-flex-right{
    padding:0px;
    width:100%;
  }
 .form_width50{
    width:calc(100% - 32px)!important;
 }
.form_width50:last-child{
  margin-top:10px;
}
 .form_width75{
    width:calc(100% - 32px)!important;
 }
  .contact-flex select{
    width:calc(100% - 2px)!important;
  }
}
.contact-privacy-policy{
  margin-top:20px;
  padding:15px;
  width:calc(100% - 32px);
  height:240px;
  text-align: left;
  font-size: 13px;
  border:1px solid rgba(170,170,170,1);
  overflow-y:scroll;
}
@media screen and (max-width: 1024px) {
  .contact-privacy-policy{
    margin-top:15px;
  }
}
.contact-privacy-check{
  font-size: 14px;
}
.contact-privacy-check input[type="checkbox"]{
  transform: scale(1.4, 1.4);
}

.contact-button{
  display: block;
  margin-left:auto;
  margin-right:auto;
  padding-top:13px;
  padding-bottom:10px;
  width:270px;
  font-size: 14px;
  color: rgba(255,255,255,1);
  background-color: rgba(136,154,137,1);
  border:none;
  cursor: pointer;
}
.contact-confirm{
  display: block;
  text-align: left;
  font-size: 16px;
  padding:30px 0px 15px 15px;
}
@media screen and (max-width: 1024px) {
  .contact-confirm{
    padding: 0px;
  }
}
.contact-confirm span{
  display: block;
}
.contact-confirm-button{
  display: inline-block;
  margin-right:15px;
  padding-top:12px;
  padding-bottom:8px;
  width:calc(50% - 15px);
  max-width:200px;
  font-size: 18px;
  color: rgba(255,255,255,1);
  background-color: rgba(136,154,137,1);
  border:none;
  cursor: pointer;
}
.contact-confirm-button:last-child{
  margin-right:0px;
}
.prefectures-select{
  width:calc(50% - 10px)!important;
  margin-right:100px;
}
.contact-block{
  display: block;
}
/******************* END CONTACT **********************/

/******************* MY PAGE **********************/
.my-page-top-wrapper{
  margin-top:50px;
}
@media screen and (max-width: 1024px) {
  .my-page-top-wrapper{
    margin-top:30px;
  }
}
.my-page-top-wrapper:first-child{
  margin-top:0px;
}
.my-page-top-title{
  display: block;
  margin-top:192px;
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  max-width: 1200px;
  text-align:left;
  font-size: 23px;
  line-height:25px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .my-page-top-title{
    margin-top:25px;
    margin-bottom:25px;
    width: calc(100% - 40px);
  }
}
.my-page-title{
  display: block;
  position: relative;
  font-size: 18px;
  line-height:22px;
  font-family: 'NotoSansJP-Medium';
}
.non-new-item{
  margin-left:20px;
  color: rgba(95,95,95,1);
}
.my-page-menu-link{
  position: relative;
  padding:15px 20px 15px 20px;
  text-align:left;
  border-top:solid 1px rgba(221,221,221,1);
  cursor: pointer;
}
.my-page-menu-arrow{
  position:absolute;
  top:20px;
  right:25px;
}
.my-page-menu-circle{
  position: absolute;
  top: calc(50% - 10px);
  right: 40px;
  width: 18px;
  height: 18px;
  text-align:center;
  color:#FFF;
  font-size:10px;
  line-height:16px;
  border-radius: 50%;
  background: #F00;
  overflow:hidden;
}
.my-page-paging{
  position: absolute;
  bottom:0;
  right:0;
  font-size: 12px;
  color: rgba(204,204,204,1);
}
.my-page-paging a{
  padding-right:6px;
  color: rgba(204,204,204,1);
}
.my-page-paging a:last-child{
  padding-right:0;
}
.my-page-paging .active{
  color: #3c3c3c;
}
.my-page-paging-mini{
  margin-top:30px;
  text-align:center;
  font-size: 12px;
  color: rgba(204,204,204,1);
}
.my-page-paging-mini a{
  padding-right:6px;
  color: rgba(204,204,204,1);
}
.my-page-paging-mini  a:last-child{
  padding-right:0;
}
.my-page-paging-mini .active{
  color: #3c3c3c;
}

.my-page-new-contact-button{
  position: absolute;
  padding:4px 10px 6px 10px;
  top:-5px;
  left:150px;
  font-size: 12px;
  color: #FFF;
  background-color: rgba(136,154,137,1);
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .my-page-new-contact-button{
    left: auto;
    right:0px;
  }
}
.my-page-switch-wrapper {
  display:flex;
  position: absolute;
  top: -5px;
  left: 150px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .my-page-switch-wrapper {
    left: auto;
    right:0px;
  }
}
.my-page-switch-wrapper-sales {
  left: 215px;
}
@media screen and (max-width: 1024px) {
  .my-page-switch-wrapper-sales {
    left: auto;
    right:0px;
  }
}
.my-page-switch-left{
  padding: 4px 10px 6px 10px;
  color: rgba(136,154,137,1);
  background-color: #FFF;
  border:solid 1px rgba(136,154,137,1);
  border-right:none;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
}
.my-page-switch-right{
  padding: 4px 10px 6px 10px;
  color: rgba(136,154,137,1);
  background-color: #FFF;
  border:solid 1px rgba(136,154,137,1);
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.my-page-switch-wrapper .active{
  background-color: rgba(136,154,137,1);
  color: #FFF;
}
.my-page-history-wrapper{
  display: block;
  position: relative;
  margin-top:25px;
  width: 100%;
  text-align:left;
}
@media screen and (max-width: 1024px) {
  .my-page-history-wrapper{
    margin-top:5px;
  }
}
.my-page-history-items-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  margin-top:15px;
  padding:15px;
  width: calc(100% - 32px);
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .my-page-history-items-wrapper{
    padding:10px;
    width: calc(100% - 22px);
  }
}
.my-page-history-items-image{
  display: block;
  position: relative;
  width: 76px;
}
@media screen and (max-width: 1024px) {
  .my-page-history-items-image{
    width: 86px;
  }
}
.my-page-history-items-image img{
  width: 100%;
}
.my-page-history-items-data{
  display: block;
  position: relative;
  padding:0 15px 0 15px;
  width:230px;
/*  width:calc(50% - 106px);*/
/*  background-color: #CCC;*/
}
.my-page-history-items-date{
  display: block;
  font-size: 13px;
  font-family: 'NotoSansJP-Medium';
}
.my-page-history-items-no{
  display: block;
  margin-top:3px;
  margin-bottom: 10px;
  font-size: 12px;
}
.my-page-history-items-status{
  display: block;
  margin-top:10px;
  font-size: 17px;
  color: rgba(136,154,137,1);
  font-family: 'NotoSansJP-Medium';
}
.my-page-history-items-data-right{
  width:100px;
}
.my-page-history-items-data-right .my-page-history-items-status{
  margin-top:30px;
}
@media screen and (max-width: 1024px) {
  .my-page-history-items-data{
    width:calc(100% - 116px);
  }
  .my-page-history-items-data-right{
    width:100%;
    padding-left:91px;
  }
  .my-page-history-items-data-right .my-page-history-items-status{
    margin-top:0px;
    margin-left:10px;
  }
}
.my-page-history-items-check{
  position: absolute;
  top: calc(50% - 7px);
  right: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #F00;
}

.my-page-trade-wrapper{
  display: block;
  position: relative;
  margin-top:15px;
  width: calc(100% - 2px);
  text-align:left;
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .my-page-trade-wrapper{
    margin-top:10px;
  }
}
.my-page-trade-header{
  display: flex;
  position: relative;
  padding:20px 20px 20px 15px;
  width: calc(100% - 35px);
  background-color: rgba(248,248,248,1);
}
@media screen and (max-width: 1024px) {
  .my-page-trade-header{
    padding:0px 20px 10px 15px;
  }
}
.my-page-trade-header-status{
  padding:8px;
  width: 150px;
  height:20px;
  text-align:center;
  font-size: 16px;
  color: #FFF;
  border-radius: 10px;
  background-color: rgba(136,154,137,1);
  font-family: 'NotoSansJP-Medium';
  letter-spacing: 1px;
}
.my-page-trade-button{
  display: block;
  width: 106px;
  height:29px;
  color: #3c3c3c;
  border-radius: 15px;
  border:1px solid #3c3c3c;
  background-color: #FFF;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}
.my-page-trade-button-header{
  position: absolute;
  top:25px;
  right:20px;
}
.my-page-trade-status{
  display: flex;
  position: relative;
  padding:0px 15px 10px 15px;
  width: calc(100% - 30px);
  background-color: rgba(248,248,248,1);
}
@media screen and (max-width: 1024px) {
  .my-page-trade-status-wrapper{
    padding:0 0 15px 0;
    background-color: rgba(248,248,248,1);
  }
  .my-page-trade-status{
    display: block;
    padding:0 15px 15px 15px;
    width: calc(100% - 30px);
  }
}
.my-page-trade-status .my-page-trade-header-status{
  margin-left:15px;
}
.my-page-trade-status-data{
  display:flex;
  width:50%;
  max-width:230px;
}
@media screen and (max-width: 1024px) {
  .my-page-trade-status .my-page-trade-header-status{
    margin-left:0px;
  }
  .my-page-trade-status-data{
    width:100%;
    line-height:22px;
    max-width:none;
  }
  .my-page-trade-status-data-item{
    width:130px;
    text-align:left;
  }
}

.my-page-trade-body-wrapper{
  display: flex;
  position: relative;
  width: 100%;
}
.my-page-trade-body-left{
  position: relative;
  padding:15px;
  width: calc(100% - 147px);
  border-right:1px solid rgba(204,204,204,1);
}
.my-page-trade-body-right{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  width: 116px;
}
.my-page-trade-body-right button{
  margin-top:15px;
  margin-bottom:15px;
  margin-left:5px;
}
.my-page-trade-body-item-wrapper{
  display: flex;
  position: relative;
  padding-top:15px;
  padding-bottom:15px;
  width: 100%;
  border-bottom:1px solid rgba(204,204,204,1);
}
.my-page-trade-body-item-wrapper:first-child{
  padding-top:0px;
}
.my-page-trade-body-item-wrapper:last-child{
  padding-bottom:15px;
  border-bottom:none;
}
.my-page-trade-body-item-images{
  width: 108px;
}
.my-page-trade-body-item-images img{
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .my-page-trade-body-item-images{
    margin-left:5px;
  }
}
.my-page-trade-body-item-data{
  margin-left:15px;
  width: calc(100% - 353px);
}
.my-page-trade-body-item-data-info{
  position: relative;
  width: 230px;
}
.my-page-trade-body-item-name{
  margin-top:4px;
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
}
.my-page-trade-body-item-category{
  margin-top:4px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .my-page-trade-body-item-category{
    margin-top:0px;
    padding:10px;
  }
  .my-page-trade-body-item-data-info{
  }
  .my-page-trade-body-item-data-info .my-page-trade-body-item-category{
    text-align:right;
    padding:10px 0px 10px 0;
  }
}
.my-page-trade-body-item-set{
  margin-top:2px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .my-page-trade-body-item-set{
    margin-top:0px;
    padding:10px 0px 10px 0;
    text-align:right;
  }
}
.my-page-trade-body-item-price{
  margin-top:4px;
  font-size: 18px;
  font-family: 'NotoSansJP-Medium';
}
.my-page-trade-body-item-price span{
  font-size: 14px;
}
.my-page-trade-body-item-top{
  font-size: 12px;
  font-family: 'NotoSansJP-Medium';
}
.my-page-trade-body-item-info-container{
  display: block;
  margin-top:3px;
  position: relative;
  width: 100%;
  height:18px;
}
.my-page-trade-body-item-info-left{
  position: absolute;
  top:0;
  left:0;
  text-align:left;
  font-size: 12px;
}
.my-page-trade-body-item-info-right{
  position: absolute;
  top:0;
  right:0;
  text-align:right;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .my-page-title{
    margin-top:15px;
    margin-bottom:10px;
  }
  .my-page-trade-body-wrapper{
    display: block;
  }
  .my-page-trade-body-left{
    width: calc(100% - 20px);
    padding:10px 10px 0 10px;
    border-right:none;
    border-bottom:1px solid rgba(204,204,204,1);
  }
  .my-page-trade-body-item-wrapper{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .my-page-trade-body-item-data{
    width: calc(100% - 133px);
  }
  .my-page-trade-body-item-data .my-page-trade-body-item-category{
    padding:0;
  }
  .my-page-trade-body-item-data .my-page-trade-body-item-set{
    padding:0;
    text-align:left;
  }

  .my-page-trade-body-item-data-info{
    width: 100%;
  }
  .my-page-trade-body-item-info-container{
    width: 250px;
  }
  .my-page-trade-body-right{
    width: 100%;
  }
  .my-page-trade-body-right div{
    width: 100%;
    text-align:center;
  }
  .my-page-trade-body-right button{
    display: inline-block;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:20px;
    margin-right:20px;
  }
}
.my-page-trade-remark{
  margin-top:10px;
  color:#F00;
}

.my-page-payment-slip-wrapper{
  display: block;
  position: relative;
  margin-top:15px;
  padding:15px;
  width: 100%;
  text-align:left;
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .my-page-payment-slip-wrapper{
    width: calc(100% - 30px);
  }
}
.my-page-payment-slip-title{
  padding: 0px 0px 3px 0px;
  border-bottom: 1px solid rgba(229,229,229,1);
  font-size: 13px;
}
.my-page-payment-slip-method{
  margin-top:15px;
  padding: 10px;
  font-size: 14px;
  background-color: rgba(242,242,242,1);
  font-family: 'NotoSansJP-Medium';
}
.my-page-payment-slip-form{
  display: block;
  position: relative;
  margin-top: 10px;
  font-size: 14px;
}
.my-page-payment-slip-form .text{
  padding: 14px 7px 7px 7px;
}
.my-page-payment-slip-item{
  margin-top: 10px;
}
.my-page-payment-slip-item .left{
  padding: 14px 7px 7px 7px;
  width: 130px;
  font-size: 14px;
}
.my-page-payment-slip-item .right{
  width: calc(100%);
  max-width: 450px;
}
.my-page-payment-slip-form input[type="text"],.my-page-payment-slip-form input[type="email"],.my-page-payment-slip-form input[type="tel"]{
  padding:15px 10px 15px 10px;
  width:calc(100% - 24px);
  height:10px;
}
.my-page-payment-slip-form select{
  padding:0px 10px 0px 10px;
  height:43px;
  color:#3c3c3c;
  background: #FFF;
  border-radius: 5px;
  border:1px solid rgba(170,170,170,1);
}
.my-page-payment-slip-form button{
  padding: 3px 30px 0px 30px;
  height: 40px;
  font-size: 16px;
  color: #FFF;
  background-color: rgba(136,154,137,1);
  border: none;
  cursor: pointer;
}

.my-page-payment-slip-form .half{
  width:calc(50% - 31px)!important;
}
.my-page-payment-slip-form .half:first-child{
  margin-right:10px;
}
.my-page-payment-slip-form .quarter{
  width:calc(25% - 31px)!important;
}
.my-page-payment-slip-form .quarter:first-child{
  margin-right:10px;
}
.my-page-payment-slip-form .remark{
  font-size: 10px;
}
.my-page-payment-slip-form .left-remark{
  padding:7px 7px 7px 7px;
  width:130px;
  font-size: 14px;
}
.my-page-contact-title-wrapper{
  margin-top:60px;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .my-page-contact-title-wrapper{
    margin-top:30px;
  }
}
.my-page-contact-title-block{
  position: absolute;
  left:0;
  width:4px;
  height:18px;
  background-color: rgba(136,154,137,1);
}
.my-page-contact-title{
  font-size: 15px;
  padding-left:9px;
  margin-bottom: 7px;
  font-family: 'NotoSansJP-Medium';
}

.my-page-contact-wrapper{
  margin-top:5px;
  padding:40px 40px 10px 40px;
  border-radius: 10px 10px 0 0;
  border:1px solid rgba(226,226,226,1);
  background-color: rgba(248,248,248,1);
}
@media screen and (max-width: 1024px) {
  .my-page-contact-wrapper{
    margin-top:10px;
    padding:15px 15px 10px 15px;
  }
}
.my-page-contact-wrapper a{
  color:#06E;
}
.speech-bubble{
  position:relative;
  margin-bottom: 30px;
  padding:15px;
  width:60%;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.161));
}
@media screen and (max-width: 1024px) {
  .speech-bubble{
    width:100%;
  }
}
.speech-bubble img{
  max-width:100%;
}
.speech-bubble-date{
  margin-top:20px;
  font-size:12px;
}
.speech-bubble-left{
  background:#FFF;
  border-radius:10px;
}
@media screen and (max-width: 1024px) {
  .speech-bubble-left{
    width:calc(100% - 32px);
  }
}
.speech-bubble-left:after{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  color:#FFF;
  border-color: rgba(0, 153, 255, 0);
  border-top-width:5px;
  border-bottom-width:5px;
  border-left-width:17px;
  border-right-width:17px;
  margin-top: -5px;
  border-right-color:#FFF;
  right:100%;
  top:23%;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.161));
}
.speech-bubble-right-wrapper{
  display: flex;
  position: relative;
}
.speech-bubble-right-dummy{
  width:calc(40% - 17px);
}
@media screen and (max-width: 1024px) {
  .speech-bubble-right-dummy{
    width: 0;
  }
}
.speech-bubble-right{
  color:#FFF;
  background:rgba(136,154,137,1);
  border-radius:10px;
}
.speech-bubble-right:after{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width:5px;
  border-bottom-width:5px;
  border-left-width:17px;
  border-right-width:17px;
  margin-top: -5px;
  border-left-color:rgba(136,154,137,1);
  left:100%;
  top:23%;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.161));
}
.my-page-contact-form-wrapper{
  height:97px;
  border:1px solid rgba(226,226,226,1);
  border-top:none;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .my-page-contact-form-wrapper{
    margin-bottom:10px;
  }
}
.my-page-contact-form-wrapper textarea{
  padding:15px;
  width:calc(100% - 142px);
  height:calc(100% - 30px);
  border:none;
/*  background: #CCC;*/
}
.contact-file-upload-wrapper{
  position:absolute;
  top:30px;
  right:76px;
}
#contact-file-upload{
  display:none;
}
#contact-file-upload-image{
  cursor: pointer;
}
#my-page-contact-send{
  position:absolute;
  top:30px;
  right:20px;
}
.my-page-history-items-price{
  display: block;
  margin-top:8px;
  font-size: 18px;
}
.my-page-sales{
}
.my-page-sales .my-page-trade-body-left{
  width: calc(100% - 245px);
}
.my-page-sales .my-page-trade-body-right{
  width: 215px;
}
@media screen and (max-width: 1024px) {
  .my-page-sales .my-page-trade-body-left{
    width: calc(100% - 20px);
  }
  .my-page-sales .my-page-trade-body-right{
    display: block;
    width: calc(100% - 0px);
  }
}
.my-page-trade-body-right-info-wrapper{
  display: block;
  padding:15px;
  width: calc(100% - 30px);
  height:75px;
}
.my-page-trade-body-right-info-container{
  display: block;
  margin-top:3px;
  position: relative;
  width: 100%;
  height:25px;
}
.my-page-trade-body-right-info-left{
  position: absolute;
  top:0;
  left:0;
  text-align:left;
  width:auto;
}
.my-page-trade-body-right-info-right{
  position: absolute;
  top:0;
  right:0;
  text-align:right;
  width:auto;
}
.my-page-trade-body-right-info-container price{
  font-size:18px;
}
.my-page-trade-header-button-wrapper{
  position: absolute;
  top:10px;
  right:20px;
}
.my-page-trade-header-button-wrapper .my-page-trade-button{
  display:inline-block;
  margin-left:10px;
}
.my-page-trade-header-date{
  padding-top:11px;
  line-height:29px;
  font-size: 16px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .my-page-sales .my-page-trade-body-right div{
    width:auto;
    
  }
  .my-page-trade-body-right-info-container{
  }
  .my-page-trade-header{
    display:block;
    padding-left:20px;
    width: calc(100% - 40px);
  }
  .my-page-trade-header-button-wrapper{
    position: static;
    text-align:center;
  }
  .my-page-trade-header-button-wrapper .my-page-trade-button{
    margin-top:10px;
    margin-left:0px;
  }
  .my-page-trade-header-button-wrapper .my-page-trade-button:last-child{
    margin-left:20px;
  }
}

.my-page-account-wrapper{
  display: block;
  position: relative;
  margin-top:25px;
  width: 100%;
  text-align:left;
  border:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .my-page-account-wrapper{
    margin-top:0;
  }
}
.my-page-account-wrapper .result{
  color:#E53030;
}
.my-page-account-wrapper a{
  color:rgba(136,154,137,1);
}
.my-page-account-row{
  display: flex;
  position: relative;
  width: calc(100% - 2px);
  border-top:1px solid rgba(204,204,204,1);
}

.my-page-account-row:first-child{
  border-top:none;
}
.my-page-account-row-left{
  padding:20px;
  width: calc(30% - 40px);
}
.my-page-account-row-left .remark{
  font-size:10px;
}

.my-page-account-row-right{
  padding:20px;
  width: calc(70% - 40px);
}
.my-page-account-row-right label{
  cursor: pointer;
}
.my-page-account-row-right-row{
  margin-top:7px;
}
.my-page-account-row-right-row:first-child{
  margin-top:0px;
}
@media screen and (max-width: 1024px) {
  .my-page-account-row{
    display: block;
  }
  .my-page-account-row-left{
    padding:15px 10px 0px 10px;
    width: calc(100% - 20px);
  }
  .my-page-account-row-right{
    padding:5px 10px 15px 10px;
    width: calc(100% - 20px);
  }
}
.my-page-account-form-button-wrapper{
  margin-top:30px;
}
.my-page-account-white-button{
  padding:7px 10px 5px 10px;
  color:3c3c3c;
  border-radius:7px;
  color:#3c3c3c;
  border:1px solid rgba(112,112,112,1);
  background: #FFF;
}
.my-page-account-row .my-page-account-form{
  padding:5px 20px 5px 20px;
}
@media screen and (max-width: 1024px) {
  .my-page-account-row .my-page-account-form{
    padding:5px 20px 15px 20px;
  }
}
.my-page-account-form input[type="text"],.my-page-account-form input[type="email"],.my-page-account-form input[type="tel"]{
  padding:15px 10px 15px 10px;
  width:calc(100% - 25px);
  height:10px;
}
@media screen and (max-width: 1024px) {
  .my-page-account-form input[type="text"],.my-page-account-form input[type="email"],.my-page-account-form input[type="tel"]{
    width:calc(100% - 39px);
  }
}
.my-page-account-form input[type="file"]{
  color:#3c3c3c;
  -webkit-appearance: none;
}
.my-page-account-form select{
  padding:0px 10px 0px 10px;
  width:calc(50% - 10px);
  height:43px;
  color:#3c3c3c;
  background: #FFF;
  border-radius: 5px;
  border:1px solid rgba(170,170,170,1);
}
.my-page-account-form textarea{
  width:calc(100% - 25px);
  padding:10px;
}
@media screen and (max-width: 1024px) {
  .my-page-account-form textarea{
    width:calc(100% - 39px);
  }
}
.my-page-account-form .half{
  width:calc(50% - 25px)!important;
}
@media screen and (max-width: 1024px) {
  .my-page-account-form .half{
    width:calc(50% - 38px)!important;
  }
}
.my-page-account-form .half:first-child{
  margin-right:10px;
}
.my-page-account-form .quarter{
  width:calc(25% - 31px)!important;
}
.my-page-account-form .quarter:first-child{
  margin-right:10px;
}
.radio-wrapper{
  display: flex;
  position: relative;
  width: calc(100% - 0px);
}
.radio-wrap{
  width: calc(50% - 10px);
}
.my-page-account-green-button{
  padding:7px 10px 5px 10px;
  border-radius:7px;
  border:1px solid rgba(136,154,137,1);
  color: #FFF;
  background: rgba(136,154,137,1);
}
.my-page-account-green-button:last-child{
  margin-left:20px;
}
.my-page-history-contact-items-wrapper{
  position: relative;
  padding:15px 0px 20px;
  border-top:1px solid rgba(204,204,204,1);
}
.my-page-history-contact-items-wrapper:last-child{
  border-bottom:1px solid rgba(204,204,204,1);
}
.my-page-history-contact-items-wrapper a{
  display: block;
  position: absolute;
  width:100%;
  height:100%;
}
.my-page-history-items-contact-no{
  font-size: 12px;
}
.my-page-history-items-contact-title{
  margin-top:5px;
  width: calc(100% - 40px);
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .my-page-history-items-contact-title{
    margin-top:10px;
  }
}
.my-page-history-items-contact-date{
  margin-top:7px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .my-page-history-items-contact-date{
    margin-top:10px;
  }
}
.my-page-history-items-contact-check{
  position: absolute;
  top:calc(50% - 7px);
  right:12px;
  width:12px;
  height:12px;
  border-radius:50%;
  background: #F00;
}
.my-page-history-contact-top-wrapper{
  position: relative;
  padding:0px 0px 10px 0px;
}
@media screen and (max-width: 1024px) {
  .my-page-history-contact-top-wrapper{
    padding:15px 0px 10px 0px;
  }
}
.my-page-membership-wrapper{
  position: relative;
}
.my-page-history-request-items-wrapper{
  position: relative;
  padding:15px 0px 20px;
  border-top:1px solid rgba(204,204,204,1);
}
@media screen and (max-width: 1024px) {
  .my-page-history-request-items-wrapper{
    padding:15px 0px 15px;
  }
}
.my-page-history-request-items-wrapper:last-child{
  border-bottom:1px solid rgba(204,204,204,1);
}
.my-page-history-request-items-wrapper a{
  display: block;
  position: absolute;
  width:100%;
  height:100%;
}
.my-page-history-items-request-no{
  font-size: 12px;
}
.my-page-history-items-request-title{
  margin-top:5px;
  width: calc(100% - 40px);
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
}
.my-page-history-items-request-date{
  margin-top:7px;
  font-size: 12px;
}
.my-page-history-items-request-check{
  position: absolute;
  top:calc(50% - 7px);
  right:12px;
  width:12px;
  height:12px;
  border-radius:50%;
  background: #F00;
}
.my-page-history-request-top-wrapper{
  position: relative;
  padding:0px 0px 10px 0px;
}
.my-page-history-items-request-status{
  position: absolute;
  top:calc(50% - 10px);
  left:calc(50%);
  font-size: 17px;
  color: rgba(136,154,137,1);
  font-family: 'NotoSansJP-Medium';
}

.membership-title{
  text-align:center;
  font-size: 20px;
  margin-bottom: 50px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .membership-title{
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.membership-subtitle{
  margin-top:20px;
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
}
.membership-text{
  padding:10px 15px 15px;
  font-size: 12px;
  line-height: 20px;
}
@media screen and (max-width: 1024px) {
  .membership-text{
  padding:10px 0px 15px 15px;
  }
}
.membership-text ol li ol li{
  list-style-type: none;
  counter-increment: cnt;
}
.membership-text ol li ol li::before{
  content: "(" counter(cnt) ") ";
}
.membership-end{
  padding:15px;
  text-align:right;
}
@media screen and (max-width: 1024px) {
  .membership-end{
    padding:15px 0 10px 0;
  }
}
.low-title{
  font-size: 23px;
  margin-bottom:30px;
  font-family: 'NotoSansJP-Medium';
}
@media screen and (max-width: 1024px) {
  .low-title{
    margin-top:30px;
    margin-bottom:30px;
  }
}
.low-wrapper{
  display: flex;
  position: relative;
  border-top:1px solid rgba(183,183,183,1);
}
.low-wrapper:lsat-child{
  border-bottom:1px solid rgba(183,183,183,1);
}
.low-left{
  padding:20px;
  width:30%;
  background: rgba(250,250,250,1);
}
.low-right{
  padding:20px;
  width:70%;
}
@media screen and (max-width: 1024px) {
  .low-wrapper{
    display: block;
    width:calc(100% - 0px);
  }
  .low-left{
    padding:15px 0px 15px;
    width:calc(100% - 0px);
  }
  .low-right{
    padding:15px 0px 15px;
    width:calc(100% - 0px);
  }
}
.membership-withdrawal{
  margin-bottom:30px;
  padding-right:45px;
  text-align:right;
  font-size:12px;
}
@media screen and (max-width: 1024px) {
  .membership-withdrawal{
    margin-top:10px;
    margin-bottom:30px;
    padding-right:0px;
  }
}
/******************* END MY PAGE **********************/

.my-page-status-signboard-wrpapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top:10px;
  width:100%;
}
.my-page-status-signboard-button-end{
  margin-left:20px;
  padding:15px 20px 15px 20px;
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
  color: #FFF;
  background-color: #CFDDD1;
  border-radius: 10px;
}
.end-active{
  background-color: #889A89;
}
.my-page-status-signboard-button-cancel{
  margin-left:5px;
  padding:15px 20px 15px 20px;
  font-size: 14px;
  font-family: 'NotoSansJP-Medium';
  color: #FFF;
  background-color: #EFC8C8;
  border-radius: 10px;
}
.cancel-active{
  background-color: #E25050;
}
.step{
  list-style-type: none;
  display:table;
  width:100%;
  padding:0 20px 0 0;
  margin:0;
  overflow:hidden;
}
.step li{
  display:table-cell;
  position:relative;
  background: #CFDDD1;
  padding: 1em 0.4em 1em 1.6em;
  color: #fff;
}
.step li:first-child{
  padding-left: 1em;
}
.step li:last-child{
  padding-right: 0.2em;
}
.step li:before,
.step li:after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
}
.step li:before{
  top:-7px;
  right:-1.3em;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 30px 0 30px 1.3em;
  z-index: 3;
}
.step li:after{
  top:-7px;
  right:-1em;
  border-style: solid;
  border-color: transparent transparent transparent #CFDDD1;
  border-width: 30px 0 30px 1.3em;
  z-index: 3;
}
.step li.is-current{
  background: #889A89;
  font-weight: bold;
}
.step li.is-current:after{
  border-color: transparent transparent transparent #889A89;
}
.continue-item-select{
  margin-top:25px;
  font-size:12px;
  color:rgba(136,154,137,1);
}
.continue-item-select a{
  color:rgba(136,154,137,1);
}
.continue-item-select span{
  padding:10px;
  border:1px solid rgba(136,154,137,1);
}
@media screen and (max-width: 1024px) {
  .continue-item-select{
    margin-top:18px;
  }
}

.postal_link{
  color:#3c3c3c;
  font-size:10px;
  text-decoration: underline;
}
.postal_link:hover{
  opacity:0.4;
  transition: all 0.2s ease;
}
.mask_data{
  display:none;
}