@charset "UTF-8";
/*
ress.css
 * ------------------------------------------------------ */
/*!
 * ress.css • v1.1.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }

*, :after, :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit; }

* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0; }

audio:not([controls]) {
  display: none;
  height: 0; }

hr {
  overflow: visible; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block; }

summary {
  display: list-item; }

small {
  font-size: 80%; }

[hidden], template {
  display: none; }

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

a:active, a:hover {
  outline-width: 0; }

code, kbd, pre, samp {
  font-family: monospace,monospace; }

b, strong {
  font-weight: bolder; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

input {
  border-radius: 0; }

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer; }

[disabled] {
  cursor: default; }

[type=number] {
  width: auto; }

[type=search] {
  -webkit-appearance: textfield; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  resize: vertical; }

button, input, optgroup, select, textarea {
  font: inherit; }

optgroup {
  font-weight: 700; }

button {
  overflow: visible;
  outline: none; }

button:hover,button:active {
  outline: none;
  opacity: 0.8;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button; }

button, select {
  text-transform: none; }

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit; }

select {
  -moz-appearance: none;
  -webkit-appearance: none; }

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

select::-ms-value {
  color: currentColor; }

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

img {
  border-style: none; }

progress {
  vertical-align: baseline; }

svg:not(:root) {
  overflow: hidden; }

audio, canvas, progress, video {
  display: inline-block; }

@media screen {
  [hidden~=screen] {
    display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important; } }

[aria-busy=true] {
  cursor: progress; }

[aria-controls] {
  cursor: pointer; }

[aria-disabled] {
  cursor: default; }

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

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

/*
common.scss
 * ------------------------------------------------------ */
/*--- reset */
html, body {
  overflow-x: hidden; }

@media (max-width: 768px) {
  body.drawer {
    width: 100%;
    height: 100%;
    visibility: initial;
    position: initial;
  }
}
body, header, footer, div, section, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, strong, th, dt, var {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

object, embed {
  vertical-align: top; }

legend {
  display: none; }

/*h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}*/
img, abbr, acronym, fieldset {
  border: 0; }

li {
  list-style-type: none; }

li img, li a img, dt img, dd img {
  vertical-align: bottom; }

strong {
  font-weight: normal; }

em {
  font-style: normal; }

/*--- default */
/* parts
-----------------------------------------*/
.fL {
  float: left !important; }

.fR {
  float: right !important; }

.clr {
  clear: both !important;
  font-size: 0px;
  line-height: 0em; }

.txR {
  text-align: right !important; }

.txL {
  text-align: left !important; }

.txC {
  text-align: center !important; }

.txB {
  font-weight: bold !important; }

.txc_rEd {
  color: #ff0000 !important; }

.rEd {
  color: #dd0828 !important; }

/* margin
-----------------------------------------*/
.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml50 {
  margin-left: 50px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr18 {
  margin-right: 18px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr43 {
  margin-right: 43px !important; }

.mr50 {
  margin-right: 50px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt100 {
  margin-top: 100px !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

/*
 * ------------------------------------------------------ */
/*-----------------------------------------------------
* Module
1. 基本モジュール
2. header
3. footer
4. contents ページ内主要コンテンツ
5. その他
Responsive
---------------------------------------------------------------------------------------------------------------------------
*
*
*/
/*--------------------------------------------------------------------------------------------------------------------------
1-1 基本モジュール
---------------------------------------------------------------------------------------------------------------------------*/
body {
  padding: 0;
  margin: 0;
  background: #fff;
  /*font: 14px/2 "游ゴシック", YuGothic,Meiryo,"メイリオ", Verdana, "Hiragino Kaku Gothic ProN", sans-serif;*/
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
  color: #111111;
}

html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  /* 16px*/
  line-height: 1.6; }

@media (min-width: 1200px) {
  /* 1200px以上*/ }

@media screen and (max-width: 640px) {
  /* 640px以下*/
  body {
    line-height: 2; } }

/*
1-1 基本モジュール color
----------------------------------------*/
/*
1-1 基本モジュール マージン
----------------------------------------*/
.mT5 {
  margin-top: 5px !important; }

.mT10 {
  margin-top: 10px !important; }

.mT15 {
  margin-top: 15px !important; }

.mT20 {
  margin-top: 20px !important; }

.mT25 {
  margin-top: 25px !important; }

.mT30 {
  margin-top: 30px !important; }

.mT40 {
  margin-top: 40px; }

.mT50 {
  margin-top: 50px; }

.mT60 {
  margin-top: 60px; }

.mL05 {
  margin-left: 0.5em; }

/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .mT10 {
    margin-top: 10px !important; }
  .mT15 {
    margin-top: 10px !important; }
  .mT25 {
    margin-top: 20px !important; }
  .mT30 {
    margin-top: 20px !important; }
  .mT40 {
    margin-top: 30px !important; }
  .mT50 {
    margin-top: 40px !important; }
  .mT60 {
    margin-top: 50px !important; } }

/*
1-1 基本モジュール
----------------------------------------*/
/*
contentsはページのメインコンテンツheader,footerと同レベル containerを囲む*/
#contents {
  background: #f6f3ec;
  padding-bottom: 90px;
  margin-top: 105px;
}

#contents::after {
  content: "";
  display: block;
  clear: both; }

/*
max-width: 768px
----------------------------------------*/
@media screen and (max-width: 860px) {
  #contents {
    margin-top: 163px;
  }
}
@media (max-width: 768px) {
  #contents {
    padding-bottom: 40px;
    margin-top: 0px; } }

/*container
----------------------------------------*/
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.container {
  width: auto;
  max-width: 1000px;
  /*padding-right: 15px;
    padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto; }

/*
max-width: 1000px
----------------------------------------*/
@media (max-width: 1000px) {
  .basicWrapper {
    padding-right: 4%;
    padding-left: 4%; } }

/*
2 column
----------------------------------------*/
.basicWrapper {
  overflow: hidden; }

.leftColumn {
  width: 74.6%;
  float: left; }

.rightColumn {
  width: 22%;
  float: right; }

@media (max-width: 768px) {
  .leftColumn {
    width: 100%;
    float: none;
    padding-bottom: 50px; }
  .rightColumn {
    width: 100%;
    float: none; }
    .rightColumn .rightColumnWrap {
      padding: 0 4%; } }

/*
1-1 基本モジュール  pcItem spItem
----------------------------------------*/
.spItem {
  display: none !important; }

/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .pcItem {
    display: none !important; }
  .spItem {
    display: block !important; } }

a {
  text-decoration: none; }

a {
  display: inline-block;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }

a:hover {
  text-decoration: underline;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6; }

/*--------------------------------------------------------------------------------------------------------------------------
2. header
---------------------------------------------------------------------------------------------------------------------------*/
header {
  background: #fff;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%; }
  header a:hover {
    text-decoration: none; }
  header .header01 {
    width: 100%;
    overflow: hidden;
    background-image: -moz-linear-gradient(90deg, #50b0ca 0%, #3870b3 100%);
    background-image: -webkit-linear-gradient(90deg, #50b0ca 0%, #3870b3 100%);
    background-image: -ms-linear-gradient(90deg, #50b0ca 0%, #3870b3 100%); }
    header .header01 .header01Wrap {
      margin: 4px 0;
      background: url("/user_data/img/header_line.png"), url("/user_data/img/header_line.png");
      background-position: center top, center bottom;
      background-repeat: repeat-x, repeat-x;
      overflow: hidden;
      padding: 0 15px; }
    header .header01 .container {
      text-align: left;
      padding: 5px 0px;
      width: 1000px; }
      header .header01 .container .leftElement {
        float: left;
        width: 450px;
        overflow: hidden; }
        header .header01 .container .leftElement p {
          font-size: 1.1rem;
          display: block;
          color: #fff;
          margin-bottom: 7px; }
        header .header01 .container .leftElement h1 {
          display: inline-block;
          float: left; }
        header .header01 .container .leftElement .search_container {
          float: left;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden;
          margin: 13px 0 0 4px; }
        header .header01 .container .leftElement .search_container input[type="text"] {
          background: #fff;
          border: none;
          height: 32px;
          vertical-align: middle;
          max-width: 216px;
          float: left;
          width: 20rem; }
        header .header01 .container .leftElement .search_container input[type="text"]:focus {
          outline: 0; }
        header .header01 .container .leftElement .search_container .search_btn {
          vertical-align: middle;
          cursor: pointer;
          float: left;
          border: none;
          background: url("/user_data/img/search_icon.png"), #111;
          background-repeat: no-repeat, repeat;
          background-position: center center;
          outline: none;
          width: 32px;
          height: 32px; }
      header .header01 .container .rightElement {
        overflow: hidden;
        float: left;
        width: 550px;
        text-align: right; }
        header .header01 .container .rightElement a {
          color: #fff; }
        header .header01 .container .rightElement ul.link01 {
          font-size: 1.3rem;
          color: #fff;
          float: right;
          clear: both;
          overflow: hidden; }
          header .header01 .container .rightElement ul.link01 li {
            float: left; }
            header .header01 .container .rightElement ul.link01 li span {
              padding: 0 0.7em;
              color: #a7daf2; }
        header .header01 .container .rightElement .username {
          font-size: 1.3rem;
          color: #fff;
          float: right;
          clear: both;
          overflow: hidden;
          padding-top: 5px;
        }
        header .header01 .container .rightElement ul.link02 {
          font-size: 1.5rem;
          color: #fff;
          float: right;
          clear: both;
          overflow: hidden;
          }
          header .header01 .container .rightElement ul.link02 li {
            float: left;
            margin-left: 0.5em; }
            header .header01 .container .rightElement ul.link02 li a {
              padding: 0.3em 0 0.3em 30px;
              display: block; }
          header .header01 .container .rightElement ul.link02 li:first-child a {
            background: url("/user_data/img/head_icon01.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(2) a {
            background: url("/user_data/img/head_icon02.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(3) a {
            background: url("/user_data/img/head_icon03.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(4) a {
            background: url("/user_data/img/head_icon04.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(5) a {
            background: url("/user_data/img/head_icon05.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:first-child a:hover {
            background: url("/user_data/img/head_icon01_on.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(2) a:hover {
            background: url("/user_data/img/head_icon02_on.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(3) a:hover {
            background: url("/user_data/img/head_icon03_on.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(4) a:hover {
            background: url("/user_data/img/head_icon04_on.png") center left no-repeat; }
          header .header01 .container .rightElement ul.link02 li:nth-child(5) a:hover {
            background: url("/user_data/img/head_icon05_on.png") center left no-repeat; }
  header ul.pcNavi01 {
    margin: 0 auto;
    overflow: hidden;
    max-width: 1000px;
    /***/ }
    header ul.pcNavi01 li {
      float: left;
      width: 15.9%;
      padding: 8px 0px; }
      header ul.pcNavi01 li:nth-child(2) {
          width: 20.5%;
      }

      header ul.pcNavi01 li a {
        display: block;
        color: #333;
        line-height: 1.4;
        padding: 8px 0;
        font-weight: bold;
        font-size: 1.5rem;
        border-left: 1px solid #dedede; }
        header ul.pcNavi01 li a span {
          display: block;
          font-size: 0.9rem;
          color: #4296c6;
          font-weight: normal; }
      header ul.pcNavi01 li:last-child a {
        border-right: 1px solid #dedede; }
      header ul.pcNavi01 li a:hover {
        color: #60a9cb; }
    header ul.pcNavi01 li.current a {
      color: #60a9cb; }

/****.btnSideTwitter PC Only *****/
.btnSideTwitter {
  display: none;
  position: fixed;
  z-index: 1;
  top: 210px;
  left: 50%;
  margin-left: 520px; }
  .btnSideTwitter a {
    display: block; }
  .btnSideTwitter a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1; }

/* header SP
max-width: 768px
----------------------------------------*/
 @media screen and (max-width: 860px) {
  header ul.pcNavi01 li a {
    font-size: 1.2rem;
  }
  header ul.pcNavi01 li a span {
    font-size: 0.6rem;
  }
} 
/* header SP
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  header {
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    background-image: -moz-linear-gradient(90deg, #50b0ca 0%, #3870b3 100%);
    background-image: -webkit-linear-gradient(90deg, #50b0ca 0%, #3870b3 100%);
    background-image: -ms-linear-gradient(90deg, #50b0ca 0%, #3870b3 100%);
    padding: 4px 0px;
    /* -----------------------------------------------
 * アコーディオン .header_accordion
----------------------------------------------- */ }
    header .header01Wrap {
      background: url("/user_data/img/header_line.png"), url("/user_data/img/header_line.png");
      background-position: center top, center bottom;
      background-repeat: repeat-x, repeat-x;
      overflow: hidden;
      padding: 0 0 10px 0; }
    header .drawer-navbar-header {
      text-align: left; }
      header .drawer-navbar-header p {
        text-align: center;
        font-size: 1.1rem;
        display: block;
        color: #fff;
        margin: 5px 0 0px 0; }
    header h1 {
      float: left;
      height: auto;
      margin: 7px 0 0 0;
      font-size: 0px; }
      header h1 img {
        max-width: 110px; }
    header .search_container {
      float: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      margin: 8px 0 0 3%; }
    header .search_container input[type="text"] {
      background: #fff;
      border: none;
      height: 30px;
      vertical-align: middle;
      max-width: 216px;
      float: left;
      width: 16rem; }
    header .search_container input[type="text"]:focus {
      outline: 0; }
    header .search_container .search_btn {
      vertical-align: middle;
      cursor: pointer;
      float: left;
      border: none;
      background: url("/user_data/img/search_icon.png"), #111;
      background-repeat: no-repeat, repeat;
      background-position: center center;
      outline: none;
      width: 30px;
      height: 30px; }
    header li.current a {
      color: #60a9cb; }
    header .drawer-menu li {
      padding: 0 0.75em; }
    header .header_accordion .menu {
      display: block;
      position: relative;
      background: url("/user_data/img/sp_menu_icon_toggle.png") no-repeat center right;
      background-size: 17px; }
    header .header_accordion .active {
      display: block;
      background: url("/user_data/img/sp_menu_icon_toggle_on.png") no-repeat center right;
      background-size: 17px;
      border-bottom: none; }
    header .header_accordion .child {
      display: none;
      /*background: #4faeca;*/
      margin-left: 12%;
      margin-right: -0.75em;
      padding: 0 0 0 0; }
      header .header_accordion .child a {
        color: #fff;
        font-size: 1.3rem;
        display: block;
        padding: 0.25em 0.3em;
        border-bottom: 1px solid #6e98c9;
        background: url("/user_data/img/sp_menu_icon02.png") no-repeat right 5px center;
        background-size: 7px; }
      header .header_accordion .child a:hover {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1; }
    header .header_accordion li:first-child a {
      border-top: 1px solid #6e98c9; }
    header .header_accordion li:last-child a {
      border-bottom: none;
    }
    .link02_sp {
      background: #fff;
      margin-top: 88px;
    }
    .link02_sp ul {
      overflow: hidden; }
      .link02_sp ul li {
        float: left;
        text-align: center;
        font-size: 1.3rem;
        width: 20%;
        border-left: 1px solid #e5e5e5; }
        .link02_sp ul li a {
          color: #111 !important;
          padding: 32px 0px 5px 0px;
          display: block; }
      .link02_sp ul li:first-child {
        border-left: none; }
      .link02_sp ul li:first-child a {
        background: url("/user_data/img/head_icon01_sp.png") no-repeat center 8px;
        background-size: 25px; }
      .link02_sp ul li:nth-child(2) a {
        background: url("/user_data/img/head_icon02_sp.png") no-repeat center 8px;
        background-size: 25px; }
      .link02_sp ul li:nth-child(3) a {
        background: url("/user_data/img/head_icon03_sp.png") no-repeat center 8px;
        background-size: 25px; }
      .link02_sp ul li:nth-child(4) a {
        background: url("/user_data/img/head_icon04_sp.png") no-repeat center 8px;
        background-size: 25px; }
      .link02_sp ul li:nth-child(5) a {
        background: url("/user_data/img/head_icon05_sp.png") no-repeat center 8px;
        background-size: 25px; } }

/* header SP
max-width:460px
----------------------------------------*/
@media (max-width: 460px) {
  .link02_sp ul li {
    font-size: 1.1rem; } }

/* header SP
max-width:360px
----------------------------------------*/
@media (max-width: 360px) {
  header .search_container input[type="text"] {
    width: 14rem; }
  .link02_sp ul li {
    font-size: 1rem; } }

/*--------------------------------------------------------------------------------------------------------------------------
3. footer
---------------------------------------------------------------------------------------------------------------------------*/
#footer {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 0px;
  /*page top
***************************/ }
  #footer .footerWrap1 {
    border-top: 2px solid #4faec9;
    background: #fff;
    padding: 30px 0; }
    #footer .footerWrap1 .footerWrap {
      max-width: 1000px;
      margin: 0 auto;
      font-size: 1.3rem;
      overflow: hidden; }
      #footer .footerWrap1 .footerWrap .footerInner ul li,
#footer .footerWrap1 .footerWrap .footerInner ul li:first-child{
  text-align:left;
  position: relative;}

      /*
      #footer .footerWrap1 .footerWrap .footerInner {
        text-align: left;
        width: 15%;
        float: left; }
        #footer .footerWrap1 .footerWrap .footerInner ul {
          overflow: hidden;
          display: flex;
          flex-flow: column;
        }
#footer .footerWrap1 .footerWrap .footerInner ul li,
#footer .footerWrap1 .footerWrap .footerInner ul li:first-child{
  text-align:left;
  position: relative;
  /*margin-left: 8px;*/
/*}
          #footer .footerWrap1 .footerWrap .footerInner ul a {
            color: #111111;
            padding: 0.2em 0 0.2em 1.3em;
            background: url("/user_data/img/footer_arrow02.png") no-repeat 0.3em center;
            background-size: 5px; }
          #footer .footerWrap1 .footerWrap .footerInner ul .catTop {
            padding-bottom: 5px;
            font-weight: bold;
            background: url("/user_data/img/footer_arrow01.png") no-repeat left center;
            background-size: 13px; }
      #footer .footerWrap1 .footerWrap .footerInnerNarrow {
        width: 100%;
        display: block;
        padding-bottom: 10px; }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(2){
          width: 14%;
        }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(3){
          width: 19%;
        }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(4){
          width: 10.6%;
        }*/
        #footer .footerWrap1 .footerWrap .footerInner {
          text-align: left;
          width: 100%;
          float: none;
          /*padding:0px 0.1%;*/ }
          #footer .footerWrap1 .footerWrap .footerInner:nth-child(2){
          width: 100%;
        }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(3){
          width: 100%;
        }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(4){
          width: 100%;
        }
          #footer .footerWrap1 .footerWrap .footerInner ul {
            overflow: hidden; }
            #footer .footerWrap1 .footerWrap .footerInner ul a {
              color: #111111;
              padding: 0.2em 1em 0.2em 1em;
              background-image: none; }
              #footer .footerWrap1 .footerWrap .footerInner .accordion_list > li > a{
                font-weight: bold;
              }
            #footer .footerWrap1 .footerWrap .footerInner ul .catTop {
              padding-bottom: 3px;
              font-weight: bold;
              background: url("/user_data/img/footer_arrow01_sp.png") no-repeat 98% center;
              background-size: 15px;
              border-bottom: 1px solid #e5e3e1; }
            #footer .footerWrap1 .footerWrap .footerInner ul .menu {
              background: url(/user_data/img/footer_arrow02_2_sp.png) no-repeat 98% center;
              background-size: 15px;
              font-weight: bold;
              height: 15px;
              width: 15px;
              position: absolute;
              right: 7px;
              top: 3px;
              margin: auto;
              padding: 10px 20%;
            }
            #footer .footerWrap1 .footerWrap .footerInner ul .active {
              background: url("/user_data/img/footer_arrow02_sp.png") no-repeat 98% center;
              background-size: 15px; }
          #footer .footerWrap1 .footerWrap .footerInner ul.accordion_list {
            background: #fff;
            border-bottom: 1px solid #e5e3e1;
            border-left: 1px solid #e5e3e1;
            border-right: 1px solid #e5e3e1; }
          #footer .footerWrap1 .footerWrap .footerInner ul.child {
            background: #faf9f5;
            margin: 0 1.5% 7px 1.5%;
            display: none;}
            #footer .footerWrap1 .footerWrap .footerInner ul.child li {
              border-bottom: 1px solid #e5e3e1;
              border-left: 1px solid #e5e3e1;
              border-right: 1px solid #e5e3e1; }
              #footer .footerWrap1 .footerWrap .footerInner ul.child li a {
                background: url("/user_data/img/footer_arrow03_sp.png") no-repeat 99% center;
                background-size: 7px; }
            #footer .footerWrap1 .footerWrap .footerInner ul.child li:first-child {
              border-top: 1px solid #e5e3e1; }
        #footer .footerWrap1 .footerWrap .footerInnerNarrow {
          width: 100%; margin-bottom: 0;}
      #footer .footerWrap1 .foot_accordion a {
        display: block; }
      #footer .footerWrap1 .foot_accordion .child {
        display: none;
        margin: 0 0 -1px;
        padding: 0; }
      #footer .footerWrap1 .menu {
        display: block;
        position: relative; }
        /* */
  #footer .footerWrapBottom {
    background: #000;
    padding: 20px 0; }
    #footer .footerWrapBottom .footerWrapBottomWrap {
      font-size: 1.2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: 1000px;
      margin: 0 auto; }
      #footer .footerWrapBottom .footerWrapBottomWrap .links a {
        color: #fff; }
      #footer .footerWrapBottom .footerWrapBottomWrap .links span {
        padding: 0 1em; }
  #footer #page-top {
    position: fixed;
    /*bottom: 265px;*/
    bottom: 54px;
    left: 50%;
    margin-left: 505px; }
    #footer #page-top a {
      background: #fff;
      color: #4faec9;
      border: 1px solid #4faec9;
      text-align: center;
      border-radius: 30px;
      display: inline-block;
      text-decoration: none;
      position: relative;
      width: 60px;
      height: 60px; }
    #footer #page-top a::before {
      content: '';
      width: 18px;
      height: 18px;
      display: block;
      border-top: solid 2px;
      border-right: solid 2px;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      position: absolute;
      top: 10px;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    #footer #page-top a:hover {
      color: #fff;
      background: #4faec9;
      opacity: 1;
      filter: alpha(opacity=100);
      -moz-opacity: 1; }

/* footer SP
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  #footer {
    position: relative;
    /*footerWrapBottom*/
    /*page top
***************************/ }
    #footer .footerWrap1 {
      border-top: 2px solid #4faec9;
      /* background: #faf9f5;*/
      padding: 20px 3.5999999999999996% 40px 3.5999999999999996%;
      background: #faf9f5;
      /* -----------------------------------------------
 * アコーディオン
----------------------------------------------- */ }
      #footer .footerWrap1 .footerWrap {
        margin: 0 auto;
        font-size: 1.3rem;
        display: block;
        /* border: 1px solid #e5e3e1;
                padding: 20px 0%;*/ }
                #footer .footerWrap1 .footerWrap .footerInnerNarrow{
                  padding-bottom: 0;
                }
        #footer .footerWrap1 .footerWrap .footerInner {
          text-align: left;
          width: 100%;
          float: none;
          /*padding:0px 0.1%;*/ }
          #footer .footerWrap1 .footerWrap .footerInner:nth-child(2){
          width: 100%;
        }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(3){
          width: 100%;
        }
        #footer .footerWrap1 .footerWrap .footerInner:nth-child(4){
          width: 100%;
        }
          #footer .footerWrap1 .footerWrap .footerInner ul {
            overflow: hidden; }
            #footer .footerWrap1 .footerWrap .footerInner ul a {
              color: #111111;
              padding: 0.2em 1em 0.2em 1em;
              background-image: none; }
              #footer .footerWrap1 .footerWrap .footerInner .accordion_list > li > a{
                font-weight: bold;
              }
            #footer .footerWrap1 .footerWrap .footerInner ul .catTop {
              padding-bottom: 3px;
              font-weight: bold;
              background: url("/user_data/img/footer_arrow01_sp.png") no-repeat 98% center;
              background-size: 15px;
              border-bottom: 1px solid #e5e3e1; }
            #footer .footerWrap1 .footerWrap .footerInner ul .menu {
              background: url(/user_data/img/footer_arrow02_2_sp.png) no-repeat 98% center;
              background-size: 15px;
              font-weight: bold;
              height: 15px;
              width: 15px;
              position: absolute;
              right: 7px;
              top: 6px;
              margin: auto;
              padding: 10px 20%;
            }
            #footer .footerWrap1 .footerWrap .footerInner ul .active {
              background: url("/user_data/img/footer_arrow02_sp.png") no-repeat 98% center;
              background-size: 15px; }
          #footer .footerWrap1 .footerWrap .footerInner ul.accordion_list {
            background: #fff;
            border-bottom: 1px solid #e5e3e1;
            border-left: 1px solid #e5e3e1;
            border-right: 1px solid #e5e3e1; }
          #footer .footerWrap1 .footerWrap .footerInner ul.child {
            background: #faf9f5;
            margin: 0 1.5% 7px 1.5%;
            display: none;}
            #footer .footerWrap1 .footerWrap .footerInner ul.child li {
              border-bottom: 1px solid #e5e3e1;
              border-left: 1px solid #e5e3e1;
              border-right: 1px solid #e5e3e1; }
              #footer .footerWrap1 .footerWrap .footerInner ul.child li a {
                background: url("/user_data/img/footer_arrow03_sp.png") no-repeat 99% center;
                background-size: 7px; }
            #footer .footerWrap1 .footerWrap .footerInner ul.child li:first-child {
              border-top: 1px solid #e5e3e1; }
        #footer .footerWrap1 .footerWrap .footerInnerNarrow {
          width: 100%; margin-bottom: 0;}
      #footer .footerWrap1 .foot_accordion a {
        display: block; }
      #footer .footerWrap1 .pcItem {
        display: none !important; }
      #footer .footerWrap1 .foot_accordion .child {
        display: none;
        margin: 0 0 -1px;
        padding: 0; }
      #footer .footerWrap1 .menu {
        display: block;
        position: relative; }
    #footer .footerWrapBottom {
      padding: 20px 0; }
      #footer .footerWrapBottom .footerWrapBottomWrap {
        display: block; }
        #footer .footerWrapBottom .footerWrapBottomWrap .copyright {
          border-top: 1px solid #616161;
          padding-top: 5px;
          margin-top: 20px; }
        #footer .footerWrapBottom .footerWrapBottomWrap .links a {
          color: #fff;
          display: block; }
        #footer .footerWrapBottom .footerWrapBottomWrap .links span {
          display: none; }
    #footer #page-top {
      position: fixed;
      bottom: 16px;
      left: 0%;
      margin-left: 0px;
      right: 0%;
      text-align: right; }
      #footer #page-top a {
        margin-right: 2%;
        background: #fff;
        color: #4faec9;
        border: 1px solid #4faec9;
        text-align: center;
        border-radius: 21px;
        display: inline-block;
        text-decoration: none;
        position: relative;
        width: 42px;
        height: 42px; }
      #footer #page-top a::before {
        content: '';
        width: 18px;
        height: 18px;
        display: block;
        border-top: solid 2px;
        border-right: solid 2px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        position: absolute;
        top: 10px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
      #footer #page-top a:hover {
        color: #4faec9;
        background: #fff;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1; } }

/*--------------------------------------------------------------------------------------------------------------------------
3. contents
---------------------------------------------------------------------------------------------------------------------------*/
/***basicBtn***/
.basicBtn {
  /****contact*******/ }
  .basicBtn a {
    padding: 0.5em 1.2em;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    color: #fff !important;
    background-image: -moz-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -webkit-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -ms-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    -webkit-appearance: initial;}
    .basicBtn a span {
      background: url("/user_data/img/btn_mail.png") no-repeat left center;
      background-size: 15px;
      padding-left: 20px; }
  .basicBtn a:hover {
    text-decoration: none; }
  .basicBtn button {
    padding: 0.5em 2em;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    color: #fff !important;
    background-image: -moz-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -webkit-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -ms-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%); }
  .basicBtn button:hover {
    text-decoration: none;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6; }
  .basicBtn .contact_button span {
    background: url(/user_data/img/check_icon.png) no-repeat left center;
    background-size: 15px;
    padding-left: 20px; }

.basicBtn2 a {
  padding: 0.5em 1.8em; }

.basicBtn3 a {
  font-weight: normal;
  padding: 0.3em 0.7em;
  font-size: 1.3rem; }

/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .basicBtn {
    text-align: center; }
    .basicBtn a span {
      background-size: 12px; }
    .basicBtn button {
      width: 100%; }
    .basicBtn .contact_button span {
      background-size: 12px;
      padding-left: 18px; } }

/*breadcrumbs パンくず**/
.breadcrumbs {
  padding: 20px 0px;
  font-size: 1.3rem;
  line-height: 1.1;
  text-align: right; }
  .breadcrumbs a {
    color: #60a9cb; }

@media (max-width: 768px) {
  /*breadcrumbs パンくず**/
  .breadcrumbs {
    padding: 12px 4%;
    font-size: 1.2rem; } }

/*twitter*/
/*right_search*/
.right_search {
  background: #fff; }
  .right_search h2 {
    background: #000;
    display: block;
    padding: 10px 10px;
    font-size: 1.1rem;
    color: #fff; }
    .right_search h2 img {
      vertical-align: middle;
      width: 73px;
      margin-right: 0.5rem; }
  .right_search .rightContentsWrap {
    padding: 15px; }
    .right_search .rightContentsWrap h3 {
      font-size: 1.3rem;
      font-weight: normal; }
    .right_search .rightContentsWrap .right_searchBtn {
      text-align: right !important; }

/*right_bnner*/
.right_bnner {
  font-style: 0px;
  line-height: 0px; }
  .right_bnner img {
    width: 100%;
    margin-bottom: 10px; }

/*right_genre*/
.right_genre {
  background: #fff;
  margin-bottom: 30px; }
  .right_genre h2 {
    display: block;
    padding: 10px 10px;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    background: url("/user_data/img/contents_line3.png"), #4faec9;
    background-repeat: repeat-x, repeat;
    background-size: 4px 2px, auto;
    background-position: left bottom, left; }
  .right_genre ul li a {
    font-size: 1.3rem;
    display: block;
    background: url(/user_data/img/footer_arrow01.png) no-repeat 0.8em center;
    background-size: 13px;
    color: #111111;
    padding: 0.7em 0 0.7em 2em;
    border-bottom: 1px solid #f6f3eb; }
  .right_genre ul li a:hover {
    color: #60a9cb;
    text-decoration: none; }
  .right_genre ul li:last-child a {
    border-bottom: none; }
  .right_genre ul .current {
    background: #e5f8fd; }
    .right_genre ul .current a {
      color: #60a9cb; }

/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  /*twitter*/
  /*right_search*/
  .right_search {
    background: #fff; }
    .right_search h2 img {
      width: 75px; }
    .right_search .rightContentsWrap {
      padding: 15px; }
      .right_search .rightContentsWrap .right_searchBtn {
        text-align: center !important; } }

/*form
----------------------------------------*/
.selectWrap {
  width: 100%;
  position: relative;
  display: inline-block; }
  .selectWrap select {
    vertical-align: middle;
    height: 36px;
    padding: 0px 8px;
    border: 1px solid #e9e9e9;
    color: #333;
    width: 100%;
    border-radius: 2px;
    margin-top: 0.2em; }
    .selectWrap select .select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      height: 36px;
      /*background: transparent;*/
      background: #fafafa;
      position: relative;
      z-index: 1;
      padding: 0 5px 0 5px;
      border-radius: 2px; }
    .selectWrap select select::-ms-expand {
      display: none; }

.selectWrap::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-bottom: solid 1px #60a9cb;
  border-right: solid 1px #60a9cb;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: 5px;
  z-index: 5; }

/*****************/
.selectWrapSmall, #entry_birth>select,.inputWrapSmall,
#shipping_confirm_box--0 select {
  width: auto;
  position: relative;
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  font-weight: normal;
  background: #fff;
  font-size: 1.3rem; }
  .selectWrapSmall select {
    vertical-align: middle;
    text-align: left;
    height: auto;
    padding: 3px 0.5em;
    color: #333;
    width: 100%;
    padding: 0.1em 1.5em 0.1em 0.5em; }
    .selectWrapSmall select .select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      /*background: transparent;*/
      background: #fff;
      position: relative;
      z-index: 1;
      padding: 0 5px 0 5px;
      border-radius: 2px; }
    .selectWrapSmall select select::-ms-expand,
    #shipping_confirm_box--0 select::-ms-expand{
      display: none; }

.selectWrapSmall::after{
  position: absolute;
  top: 0.6em;
  right: 0.3em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c8c8c8;
  pointer-events: none; }

#shipping_confirm_box--0 select{
  margin-bottom: 5px;
  padding: 3px 0.5em;
}
.form-inline.form-group.selectWrapSmall{
  margin: 0;
  padding: 0;
  border: 0;
}
/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  /*****************/
  .selectWrapSmall {
    padding: 0em 1.3em 0.1em 0.2em; }
    .selectWrapSmall select {
      padding: 0px 0.5em;
      font-size: 16px;
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      line-height: 1.2; }
      .selectWrapSmall select select::-ms-expand {
        display: none; }
  .selectWrapSmall::after {
    position: absolute;
    top: 0.8em;
    right: 0.3em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #c8c8c8;
    pointer-events: none; } }

/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .selectWrap::after {
    margin-top: 7px; } }

/*
1-1 基本モジュール color
----------------------------------------*/
/*---------------------------------------------------------------------------------------------------
4. layout#contents index.html
-----------------------------------------------------------------------------------------------------
-*/
/* #bx-wrapper index ページ
--------------------------------------------------------------------------------*/
/*
mix-width: 1001px
----------------------------------------*/
@media (min-width: 1001px) {
  #bx-wrapper {
    min-width: 1000px;
    overflow: hidden; }
    #bx-wrapper .bx-viewport {
      background: transparent !important;
      border: 0;
      overflow: visible !important;
      padding-bottom: 10px !important; }
    #bx-wrapper .bx-prev {
      left: -100px !important; }
    #bx-wrapper .bx-next {
      right: -100px !important; } }

/*
max-width: 1000px
----------------------------------------*/
@media (max-width: 1000px) {
  #bx-wrapper {
    min-width: auto;
    width: 100% !important; }
    #bx-wrapper .bxslider img {
      width: 100% !important; }
    #bx-wrapper .bx-viewport {
      padding-bottom: 10px; }
    #bx-wrapper #side {
      float: right;
      width: 25%; } }

/* indexContents
--------------------------------------------------------------------------------*/
.indexContents {
  padding: 25px 0 0 0;
  background: url("/user_data/img/contents_line.png") repeat-x center top;
  /*pickup*/
  /************/
  /*ranking*/
  /*news*/
  /*shopinfo*/ }
  .indexContents .head {
    overflow: hidden;
    margin: 0px; }
    .indexContents .head h2 {
      float: left;
      display: inline-block;
      font-size: 1.2rem; }
      .indexContents .head h2 img {
        vertical-align: middle; }
    .indexContents .head .heade_link {
      font-size: 1.3rem;
      float: right;
      padding: 0 0 0 18px;
      color: #111111;
      background: url("/user_data/img/arrow01.png") no-repeat left center;
      background-size: 12px; }
    .indexContents .head a,
    .indexContents .head a:visited {
      display: inline-block;
      color: #111111; }
  .indexContents .flexWrap_pickup {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /*--- IE10用  ---*/
    /*-display:-webkit-box;-- Android用 ---*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    /*画面中央に表示されるように margin: auto;を設定している*/
    margin-left: -2%; }
    .indexContents .flexWrap_pickup .col_4 {
      width: 23%;
      margin-left: 2%; }
      .indexContents .flexWrap_pickup .col_4 img {
        /*height: 11.52vw;*/
        height: 32vw;
        min-height: 150px;
        max-height: 230px;
       /* max-height: 157px;*/
        object-fit: cover;
        font-family: "object-fit: cover;";
      }
  .indexContents #pickup h2 img {
    width: 90px;
    margin-right: 0.5rem; }
  .indexContents #newItem h2 img {
    width: 99px;
    margin-right: 0.5rem; }
  .indexContents #ranking h2 img {
    width: 84px;
    margin-right: 0.5rem; }
  .indexContents #ranking .products {
    position: relative;
    padding-top: 10px; }
  .indexContents #ranking .products img:first-child {
    height: 7.78vw;
    max-height: 106px;
    object-fit: cover;
    font-family: "object-fit: cover;";}
  .indexContents #ranking .rank {
    width: 30%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    position: absolute;
    z-index: 20;
    top: 0px;
    /*margin-left: -8px;*/
    height: auto;
    min-height: 40px;
    right: 0; }
  .indexContents #news h2 img {
    width: 61px;
    margin-right: 0.5rem; }
  .indexContents #news dl {
    text-align: left;
    margin: 0;
    width: 100%;
    font-size: 1.4rem;
    overflow: hidden;
    zoom: 1; }
    .indexContents #news dl dt {
      float: left;
      padding: 0.8em 0 0.5em 0;
      color: #a6a6a6;
      width: 7em; }
    .indexContents #news dl dd {
      padding-left: 6.2em;
      margin-left: 0;
      padding: 0.8em 0 0.5em 7em;
      background: url("/user_data/img/contents_line2.png") repeat-x left bottom;
      background-size: 2px; }
    .indexContents #news dl dt:first-child + dd {
      background: url("/user_data/img/contents_line2.png"), url("/user_data/img/contents_line2.png");
      background-repeat: repeat-x, repeat-x;
      background-position: left bottom, left top;
      background-size: 2px; }
  .indexContents #news a {
    color: #111111; }
  .indexContents #shopinfo h2 img {
    width: 171px;
    margin-right: 0.5rem; }
  .indexContents #shopinfo h3 {
    background: #fff;
    font-size: 1.5rem;
    padding: 0.5em 0 0.5em 1em;
    border-left: 3px solid #4faec9;
    max-height: 100%; }
  .indexContents #shopinfo p {
    margin: 15px auto 20px auto;
    font-size: 1.5rem;
    max-height: 100%; }

/*indexContents
max-width: 768px
----------------------------------------*/
@media screen and (max-width:768px){
  .indexContents .flexWrap_pickup .col_4 img{
    height: 34vw;
  }
}

/*---------------------------------------------------------------------------------------------------
4. .contentsWrapper .products index pages共用
-----------------------------------------------------------------------------------------------------
-*/
.contentsWrapper .products img {
  width: 100%;
  -webkit-box-shadow: 0 0 0 1px #eceae7;
  box-shadow: 0 0 0 1px #eceae7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #fff;
  /*height: 11.52vw;*/
  height: 32vw;
  min-height: 150px;
  /*max-height: 157px;*/
  max-height: 230px;
  object-fit: cover;
  font-family: "object-fit: cover;" }

.contentsWrapper .products a {
  color: #111111; }

.contentsWrapper .products .price {
  font-size: 1.4rem;
  color: #d66161; }

.contentsWrapper .products .tax {
  font-size: 1.3rem; }

.contentsWrapper .products h3.tit {
  margin: 0px;
  padding: 4px 0px;
  font-size: 1.4rem;
  line-height: 1.5; }

.contentsWrapper .products p {
  font-size: 1.3rem; }

/*
 .flexWrap_col5 index pages共用 PCはflex-スマホでbx-slider
****************************************/
.flexWrap_col5 {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  /* Safari etc. */
  display: -ms-flexbox;
  /*--- IE10用  ---*/
  /*-display:-webkit-box;-- Android用 ---*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  /*画面中央に表示されるように margin: auto;を設定している*/
  margin-left: -2%; }
  .flexWrap_col5 .col_5 {
    width: 18%;
    margin-left: 2%; }
  #newItem .flexWrap_col5 .col_5 img {
    height: 9.53vw;
    max-height: 129px;
    object-fit: cover;
    font-family: "object-fit: cover;";
  }

/*contentsWrapper
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .contentsWrapper .products .price {
    font-size: 1.4rem;
    color: #d66161; }
  .contentsWrapper .products .tax {
    font-size: 1.2rem; }
  .contentsWrapper .products h3.tit {
    margin: 0px;
    padding: 4px 0px;
    font-size: 1.5rem;
    line-height: 1.5; } }

/*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .indexContents {
    padding: 20px 0 0 0;
    background: url("/user_data/img/contents_line_sp.png") repeat-x center top;
    background-size: 2px 4px;
    /*news*/
    /*shopinfo*/ }
    .indexContents .head {
      /*padding: 0 4%;*/ }
      .indexContents .head .heade_link {
        font-size: 1.2rem; }
    .indexContents .flexWrap_pickup {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -4%; }
      .indexContents .flexWrap_pickup .col_4 {
        width: 46%;
        margin-left: 4%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px; }
    .indexContents #pickup h2 img {
      width: 60px; }
    .indexContents #newItem h2 img {
      width: 65px;
      margin-right: 0.5rem; }
    .indexContents #ranking h2 img {
      width: 65px;
      margin-right: 0.5rem; }
    .indexContents #ranking .products {
      position: relative;
      padding-top: 10px; }
    .indexContents #ranking .rank {
      width: 20%;
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      position: absolute;
      z-index: 20;
      top: 15px;
      /*margin-left: 5px;*/
      right: auto;
      left: 15px;
      min-height: auto; }
    .indexContents #news h2 img {
      width: 43px;
      margin-right: 0.5rem; }
    .indexContents #news dl dt {
      float: left;
      padding: 0.5em 0 0 0;
      color: #a6a6a6;
      width: 100%; }
    .indexContents #news dl dd {
      padding-left: 0em;
      padding: 0em 0 0.5em 0;
      background: url("/user_data/img/contents_line2.png") repeat-x left bottom;
      background-size: 2px; }
    .indexContents #shopinfo h2 img {
      width: 110px;
      margin-right: 0.5rem; }
  /*---------------------------------------------------------------------------------------------------
4. #bx-wrapper .flexWrap_col5 index pages共用 PCはflex-スマホでbx-slider
-----------------------------------------------------------------------------------------------------
-*/
  .pWrapp2 {
    width: 88%;
    margin: 0 auto;
    position: relative; }
  .bx-viewport {
    background: transparent !important;
    border: 0;
    /* overflow: visible !important;*/
    z-index: 1;
    /*padding: 0px 4%;*/
    overflow: hidden;
    height: auto !important; }
  .flexWrap_col5 {
    /*****/
    display: block;
    margin-left: 0%;
    overflow: hidden; }
    .flexWrap_col5 a {
      width: 100%;
      padding: 0 5% !important; }
    .flexWrap_col5 .col_5 {
      margin-left: 0%;
      margin-right: 0%; } }

/*flexWrap
max-width: 768px
----------------------------------------*/
@media screen and (max-width:768px){
  #newItem .flexWrap_col5 .col_5 img,
  .indexContents #ranking .products img:first-child{
    height: 34vw;
    max-height: 138px;
  }
}

/*---------------------------------------------------------------------------------------------------
4. .pageContents index以外
-----------------------------------------------------------------------------------------------------
-*/
.pqgeContents {
  padding: 20px 0 0 0;
  background: url("/user_data/img/contents_line.png") repeat-x center top;
  /*  */
  /***TAG*****/ }
  .pqgeContents .head {
    overflow: hidden;
    margin: 0px; }
  .pqgeContents h2 {
    float: left;
    display: inline-block;
    font-size: 2rem; }
  .pqgeContents .heade_link {
    font-size: 1.3rem;
    float: right;
    padding: 5px 0px 0 0;
    font-weight: bold;
    display: inline-block;
    color: #111111; }
    .pqgeContents .heade_link a {
      color: #60a9cb; }
    .pqgeContents .heade_link span {
      padding: 0 0.5em; }
  .pqgeContents .umber_of_items {
    border-top: 1px solid #e2e1de;
    font-size: 1.3rem;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px 0 10px 0; }
    .pqgeContents .umber_of_items span {
      color: #ff7e00;
      font-size: 1.8rem; }
  .pqgeContents .flexWrap_col3 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /*--- IE10用  ---*/
    /*-display:-webkit-box;-- Android用 ---*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    /*画面中央に表示されるように margin: auto;を設定している*/
    margin-left: -2.684563758389262%; }
    .pqgeContents .flexWrap_col3 .col_3 {
      width: 30.648769574944071%;
      margin-left: 2.684563758389262%;
      margin-bottom: 30px; }
    .pqgeContents .flexWrap_col3 p {
      font-size: 1.4rem; }
    .pqgeContents .flexWrap_col3 .cartWrapp {
      width: 100%;
      overflow: hidden;
      font-size: 1.4rem;
      margin-top: 10px;
      display: table; }
.pqgeContents .flexWrap_col3 .cartWrapp.listCart .quantity  {
  display: table-cell;
  vertical-align: middle; }
.pqgeContents .flexWrap_col3 .cartWrapp.listCart .quantity input {
  width: 50px;
  height: 30px;
  padding: 0 0 0 5px;}
  .pqgeContents .flexWrap_col3 .cartWrapp.listCart .quantity .inputWrapSmall input{
    height: 25px;
    border: none;
    text-align: left;
  }
  /*.pqgeContents .flexWrap_col3 .cartWrapp.listCart .quantity .inputWrapSmall input[type=number]::-webkit-inner-spin-button,
  .pqgeContents .flexWrap_col3 .cartWrapp.listCart .quantity .inputWrapSmall input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }*/
      .pqgeContents .flexWrap_col3 .cartWrapp.listCart .curtBtn {
        display: table-cell;
        vertical-align: middle;
        text-align: right; }

      .pqgeContents .flexWrap_col3 .cartWrapp.listCart .wrap {
  /*padding: 0.5em 0.5em;*/
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
  color: #fff !important;
  background-image: -moz-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
  background-image: -webkit-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
  background-image: -ms-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
}
.pqgeContents .flexWrap_col3 .cartWrapp.listCart .wrap span {
  /*background: url("/user_data/img/detail_curt_icon.png") no-repeat left center;
  background-size: 23px;
  padding-left: 25px;*/
  font-weight: normal;
  padding: 0.3em 0.7em;
  font-size: 1.3rem;
  text-align: center;
  display: inline-block;
  color: #fff !important;
  background-image: -moz-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
  background-image: -webkit-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
  background-image: -ms-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
}


    .pqgeContents .flexWrap_col3 a {
      color: #60a9cb;
      display: block; }
  .pqgeContents .tagNew {
    background: #bf2929;
    display: inline-block;
    font-size: 1.2rem !important;
    color: #fff;
    padding: 0.1em 0.5em; }

/**pagerWrap**/
.pagerWrap {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  /* Safari etc. */
  display: -ms-flexbox;
  /*--- IE10用  ---*/
  /*-display:-webkit-box;-- Android用 ---*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  /*画面中央に表示されるように margin: auto;を設定している*/ }
  .pagerWrap p a {
    border: 1px solid #4faec9;
    background: #fff;
    display: inline-block;
    color: #4faec9;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    font-size: 1.5rem;
    margin: 0 0.3em;
    width: 2.5em;
    height: 2.5em;
    display: table; }
    .pagerWrap p a span {
      display: table-cell;
      vertical-align: middle; }
    .pagerWrap p a .pageArrow {
      display: block;
      width: 0.5em;
      height: 0.5em;
      border-top: solid 1px #4faec9;
      border-right: solid 1px #4faec9;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-left: 0.75em; }
    .pagerWrap p a .pageArrow.reverse {
      transform: rotate(225deg);
      margin-left: 1em; }
  .pagerWrap p a:hover {
    text-decoration: none;
    background: #4faec9;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1; }
    .pagerWrap p a:hover .pageArrow {
      border-top: solid 1px #fff;
      border-right: solid 1px #fff; }
  .pagerWrap p a.active {
    background: #4faec9;
    color: #fff; }
  .pagerWrap p a.active:hover {
    background: #fff;
    color: #4faec9; }
#list_box__add_button{
  margin-bottom: 10px;
}
#list_box__button_menu .col-sm-4,
#detail_box_footer .col-sm-4{
  width: 80%;
  max-width: 320px;
  display: flex;
  justify-content: center;
  margin: 10px auto;
  float: none;
}
#list_box__button_menu .col-sm-4 p:first-child,
#detail_box_footer .col-sm-4 p:first-child{
  margin-right: 10px;
}

/*pagerWrap*
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .pqgeContents {
    padding: 12px 0 0 0; }
    .pqgeContents h2 {
      font-size: 1.6rem; }
    .pqgeContents .heade_link {
      font-size: 1.2rem;
      float: right;
      padding: 3px 0px 0 0; }
      .pqgeContents .heade_link span {
        padding: 0 0.1em; }
    .pqgeContents .flexWrap_col3 {
      margin-left: -4.3478260869565215%; }
      .pqgeContents .flexWrap_col3 .col_3 {
        width: 45.652173913043479%;
        margin-left: 4.3478260869565215%;
        margin-bottom: 30px; }
    .pqgeContents .cartWrapp {
      width: 100%;
      overflow: hidden;
      font-size: 1.3rem;
      margin-top: 10px;
      display: block; }
      .pqgeContents .cartWrapp .quantity {
        text-align: left;
        display: block !important;
        width: 100%; }
      .pqgeContents .cartWrapp .curtBtn {
        margin: 10px auto 0 auto;
        display: block !important;
        width: 100%;
        /* max-width: 150px; */
        text-align: center; }
    .pqgeContents .umber_of_items {
      border-top: none;
      background: url("/user_data/img/contents_line2.png") repeat-x left top;
      background-size: 2px;
      border-bottom: 1px solid #e2e1de;
      font-size: 1.2rem;
      margin-top: 10px;
      padding: 5px 0 5px 0; }
      .pqgeContents .umber_of_items span {
        font-size: 1.5rem; }


  /**pagerWrap**/
  .pagerWrap {
    padding-bottom: 30px; }
    .pagerWrap p a {
      font-size: 1.4rem;
      margin: 0 0.2em;
      width: 2em;
      height: 2em;
      display: table; }
      .pagerWrap p a .pageArrow {
        margin-left: 0.6em; } }

/* pageContentsDetail
--------------------------------------------------------------------------------*/
.pageContentsDetail {
  padding: 0px 0 0 0; }
  .pageContentsDetail .detailWrap01 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /*--- IE10用  ---*/
    /*-display:-webkit-box;-- Android用 ---*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px; }
    .pageContentsDetail .detailWrap01 .detailImage {
      width: 48.322147651006716%;
      overflow: hidden; }
      .pageContentsDetail .detailWrap01 .detailImage img {
        width: 100%;
        -webkit-box-shadow: 0 0 0 1px #eceae7;
        box-shadow: 0 0 0 1px #eceae7;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid #fff; }
      .pageContentsDetail .detailWrap01 .detailImage div:first-child {
        width: 100%;
        margin-bottom: 5px; }
      .pageContentsDetail .detailWrap01 .detailImage div:nth-child(2) {
        width: 48.322147651006716%;
        float: left; }
      .pageContentsDetail .detailWrap01 .detailImage div:nth-child(3) {
        width: 48.322147651006716%;
        float: right; }
    .pageContentsDetail .detailWrap01 .detail_right {
      width: 48.322147651006716%;
      padding: 10px 0 0 0;
      background: url("/user_data/img/contents_line.png") repeat-x center top;
      /***TAG*****/ }
      .pageContentsDetail .detailWrap01 .detail_right h2 {
        font-size: 1.8rem;}
.pageContentsDetail .detailWrap01 .detail_right .maker{
  color: gray;
  font-size: 11px;
}
.pageContentsDetail .detailWrap01 .detail_right .supplementary_info{
  border-bottom: 1px solid #e2e1de;
  padding-bottom: 0.5em;
}
.pageContentsDetail .detailWrap01 .detail_right h2,
.pageContentsDetail .detailWrap01 .detail_right .maker,
.pageContentsDetail .detailWrap01 .detail_right .price,
.pageContentsDetail .detailWrap01 .detail_right .supplementary_info,
.pageContentsDetail .detailWrap01 .detail_right .part_number,
.pageContentsDetail .detailWrap01 .detail_right .published_date,
.pageContentsDetail .detailWrap01 .detail_right .author,
.pageContentsDetail .detailWrap01 .detail_right .categories{
  text-align: left;
}
      .pageContentsDetail .detailWrap01 .detail_right .tagNew {
        background: #bf2929;
        display: inline-block;
        font-size: 1.2rem !important;
        color: #fff;
        padding: 0.1em 0.7em; }
      .pageContentsDetail .detailWrap01 .detail_right .price {
        font-size: 1.6rem;
        color: #d66161;
        display: block;
        font-weight: bold; }
        .pageContentsDetail .detailWrap01 .detail_right .price .tax {
          display: block;
          color: #111;
          font-size: 1.4rem;
          font-weight: normal; }
      .pageContentsDetail .detailWrap01 .detail_right .block2 {
        font-size: 1.4rem;
        padding: 0.7em 0; }
      .pageContentsDetail .detailWrap01 .detail_right a {
        color: #60a9cb; }
      .pageContentsDetail .detailWrap01 .detail_right .block3 {
        background: #fff6b7;
        border: 1px solid #ff7e00;
        color: #ff7e00;
        font-size: 1.3rem;
        padding: 0.5em;
        font-weight: bold; }
      .pageContentsDetail .detailWrap01 .detail_right .cartWrapp {
        font-size: 1.4rem;
        padding: 15px 0px 20px 0;
        display: table;
        border-bottom: 1px solid #e2e1de; }
        .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity {
          display: table-cell;
          vertical-align: top;
          padding-top: 4px; }
.pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity input {
  width: 50px;
  height: 30px;
  padding: 0 0 0 5px;
  text-align: left;}
  /*.pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity input[type=number]::-webkit-inner-spin-button,
  .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
  }
  .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity input[type=number],
  .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity input[type=number]{
    -moz-appearance:textfield;
  }*/

    .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .curtBtnL {
      display: table-cell;
      vertical-align: middle;
      margin-left: 15px; 
      margin-bottom: 10px;
    }
  .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .curtBtnL .wrap {
    padding: 0.5em 0.5em;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    color: #fff !important;
    width: 185px;
    background-image: -moz-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -webkit-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -ms-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);}
    .pageContentsDetail .detailWrap01 .detail_right .cartWrapp #add-cart .wrap{
      margin-bottom: 0;
    }
    .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .curtBtnL .wrap span {
      background: url("/user_data/img/detail_curt_icon.png") no-repeat left center;
      background-size: 23px;
      padding-left: 25px; }
      .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .favorite_row .curtBtnL .wrap span{
        background: url("/user_data/img/detail_favorite_icon.png") left center/23px no-repeat;
        padding: 5px 0 3px 25px;
      }
      .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .favorite_row .favorite_in .curtBtnL .wrap span{
        display: inline-block;
        line-height: 1.2;
        font-size: 12px;
      }
      .pageContentsDetail .detailWrap01 .detail_right .detailText {
        margin-top: 20px;
        padding: 20px 0px;
        border-top: 1px solid #e2e1de; }
        .pageContentsDetail .detailText .text01 {
          font-size: 1.5rem;
          font-weight: bold; }
        .pageContentsDetail .detailText .text02 {
          font-size: 1.4rem; }

/* pageContentsDetail
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  /* pageContentsDetail
--------------------------------------------------------------------------------*/
  .pageContentsDetail .bx-controls {
    padding-top: 5px; }
  .pageContentsDetail .detailWrap01 {
    display: block; }
    .pageContentsDetail .detailWrap01 .detailImage {
      width: 100%;
      overflow: hidden; }
      .pageContentsDetail .detailWrap01 .detailImage div:first-child {
        width: 100%;
        margin-bottom: 5px; }
      .pageContentsDetail .detailWrap01 .detailImage div:nth-child(2) {
        width: 48.322147651006716%;
        float: left; }
      .pageContentsDetail .detailWrap01 .detailImage div:nth-child(3) {
        width: 48.322147651006716%;
        float: right; }
    .pageContentsDetail .detailWrap01 .detail_right {
      margin-top: 30px;
      width: 100%;
      /***TAG*****/ }
      .pageContentsDetail .detailWrap01 .detail_right h2 {
        font-size: 1.6rem; }
      .pageContentsDetail .detailWrap01 .detail_right .tagNew {
        background: #bf2929;
        display: inline-block;
        font-size: 1.2rem !important;
        color: #fff;
        padding: 0.1em 0.7em; }
      .pageContentsDetail .detailWrap01 .detail_right .price {
        font-size: 1.6rem;
        color: #d66161;
        display: block;
        border-bottom: 1px solid #e2e1de;
        padding-bottom: 0.5em;
        font-weight: bold; }
        .pageContentsDetail .detailWrap01 .detail_right .supplementary_info {
          display: none;
        }
        .pageContentsDetail .detailWrap01 .detail_right .price .tax {
          display: block;
          color: #111;
          font-size: 1.4rem;
          font-weight: normal; }
      .pageContentsDetail .detailWrap01 .detail_right .block2 {
        font-size: 1.4rem;
        padding: 0.7em 0; }
      .pageContentsDetail .detailWrap01 .detail_right a {
        color: #60a9cb; }
      .pageContentsDetail .detailWrap01 .detail_right .block3 {
        background: #fff6b7;
        border: 1px solid #ff7e00;
        color: #ff7e00;
        font-size: 1.3rem;
        line-height: 1.3;
        padding: 0.5em;
        font-weight: bold; }
      .pageContentsDetail .detailWrap01 .detail_right .cartWrapp {
        font-size: 1.4rem;
        padding: 15px 0px 0 0;
        display: block; }
        .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .quantity {
          display: block;
          vertical-align: middle;
          margin-top: 10px; }
        .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .curtBtnL {
          display: block;
          vertical-align: middle;
          margin-left: 0; 
          margin-top: 16px;
          margin-bottom: 0;
          width: 100%;
        }
          .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .curtBtnL .wrap {
            margin: 0 auto 0 0;
            padding: 0.5em 1.2em;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    display: inline-block;
    color: #fff !important;
    background-image: -moz-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -webkit-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
    background-image: -ms-linear-gradient(0deg, #3870b3 0%, #50b0ca 100%);
            width: 100%; }
            .pageContentsDetail .detailWrap01 .detail_right .cartWrapp #add-cart .wrap {
              margin-bottom: 0;
            }
            .pageContentsDetail .detailWrap01 .detail_right .cartWrapp .curtBtnL .wrap span {
              background: url("/user_data/img/detail_curt_icon_sp.png") no-repeat left center;
              background-size: 16px;
              padding-left: 20px; }
      .pageContentsDetail .detailWrap01 .detail_right .detailText {
        margin-top: 20px;
        padding: 0px 0px 20px 0;
        border-top: none; }
        .pageContentsDetail .detailWrap01 .detail_right .detailText .text01 {
          font-size: 1.4rem;
          font-weight: bold; }
        .pageContentsDetail .detailWrap01 .detail_right .detailText .text02 {
          font-size: 1.4rem; } }

/* recomend
--------------------------------------------------------------------------------*/
.recomend {
  padding: 25px 0 0 0;
  /*recomend*/ }
  .recomend .recomendH2 {
    background: #fff;
    font-size: 1.5rem;
    padding: 0.5em 0 0.5em 0.75em;
    border-left: 3px solid #4faec9; }
  .recomend .flexWrap_col5 {
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /*--- IE10用  ---*/
    /*-display:-webkit-box;-- Android用 ---*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    /*画面中央に表示されるように margin: auto;を設定している*/
    margin-left: -2.684563758389262%;
    margin-bottom: 30px; }
    .recomend .flexWrap_col5 .col_5 {
      width: 30.648769574944071%;
      margin-left: 2.684563758389262%; }
      .recomend .flexWrap_col5 .col_5 img {
        width: 100%;
        -webkit-box-shadow: 0 0 0 1px #eceae7;
        box-shadow: 0 0 0 1px #eceae7;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 3px solid #fff;
        /*height: 11.52vw;*/
        height: 32vw;
        min-height: 150px;
        /*max-height: 157px;*/
        max-height: 230px;
        object-fit: cover;
        font-family: "object-fit: cover;"; }
      .recomend .flexWrap_col5 .col_5 h3.tit {
        margin: 0px;
        padding: 4px 0px;
        font-size: 1.4rem;
        line-height: 1.5; }
      .recomend .flexWrap_col5 .col_5 p {
        font-size: 1.4rem; }
      .recomend .flexWrap_col5 .col_5 a,
      .recomend .flexWrap_col5 .col_5 a:visited {
        display: inline-block;
        color: #60a9cb; }
      .recomend .flexWrap_col5 .col_5 .price {
        font-size: 1.5rem;
        color: #d66161;
        font-weight: bold; }
        .recomend .flexWrap_col5 .col_5 .price .tax {
          display: block;
          color: #111;
          font-size: 1.3rem;
          font-weight: normal; }

/** recomend
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  /***recomend****/
  .recomend {
    padding: 0px;
    /* #bx-wrapper----------------------------*/ }
    .recomend h2 {
      font-size: 1.5rem;
      padding: 0.4em 0 0.4em 0.75em; }
    .recomend .pWrapp2 {
      width: 88%;
      margin: 0 auto;
      position: relative; }
    .recomend .bx-viewport {
      background: transparent !important;
      border: 0;
      /* overflow: visible !important;*/
      z-index: 1;
      /*padding: 0px 4%;*/
      overflow: hidden;
      height: auto !important; }
    .recomend .flexWrap_col5 {
      /*****/
      display: block;
      margin-left: 0% !important;
      overflow: hidden; }
      .recomend .flexWrap_col5 a {
        padding: 0px !important; }
      .recomend .flexWrap_col5 .col_5 {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        padding: 0px; }
        .recomend .flexWrap_col5 .col_5 .col_5Wrap {
          padding: 0 5%; } }

/* contact
--------------------------------------------------------------------------------*/
.contact {
  /***confirm****/
  /*backTopBtn*/ }
  .contact h2 {
    display: block;
    float: none; }
  .contact .head .text1 {
    font-size: 1.4rem;
    padding: 0 5px 20px;
    text-align: left;
  }
  .contact .contactWrap {
    background-size: 2px;
    padding: 15px 5px;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    /* Safari etc. */
    display: -ms-flexbox;
    /*--- IE10用  ---*/
    /*-display:-webkit-box;-- Android用 ---*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /***TAG*****/
    /*btnWrap*/
    /*backBtnWrap*/ }
.contact #confirm_box__footer.contactWrap{
  width: 100%;
  margin: 0;
  background-image: none;
}
    .contact .contactWrap .tagEssential, .contact .contactWrap span.required,#detail_box span.required {
      background: #bf2929;
      display: inline;
      border-radius: 3px;
      font-size: 1.2rem !important;
      color: #fff;
      padding: 0.1em 0.7em;
      margin-left: 1em; }
      .contactWrap .basicBtn.basicBtn3.curtBtn.mT10 {
        text-align: left;
      }
    .contact .contactWrap label {
      /*width: 12em;*/
      width: 30%;
      font-size: 1.4rem;
      padding: 0.4em 0.5em 0 0;
      font-weight: bold;
      text-align: left;}
      .contact .contactWrap label span {
        font-weight: normal; }
    .contact .contactWrap .inputWrap {
      width: 65%;
      font-size: 1.3rem; }
    .contact .contactWrap input,
    .contact .contactWrap textarea,
    input.form-control,
    textarea.form-control{
      vertical-align: middle;
      height: 36px;
      padding: 8px 12px;
      border: 1px solid #e9e9e9;
      color: #333;
      border-radius: 2px;
      margin-top: 0.2em;
      background: #fafafa; }
    .contact .contactWrap textarea {
      height: 12em;
      width: 100%; }
    .contact .contactWrap select {
      height: 36px;
      padding-left: 12px;
      padding-right: 2em; }
      .contact .contactWrap select#pref {
        height: 29px;
      }
    .contact .contactWrap .error-message {
      background-color: #e12350;
      color: #fff;
      font-size: 12px;
      padding: 4px;
      display: none; }
    .contact .contactWrap .error-message.-show {
      display: block; }
    .contact .contactWrap .tooltip {
      position: absolute;
      background: #F4EDDD;
      font-size: 14px;
      width: 220px;
      padding: 5px 10px;
      right: -257px;
      top: 0;
      border-radius: 5px;
      border: 1px solid #aaa;
      -webkit-box-shadow: 0px 1px 2px 0 #C1BCB9;
      box-shadow: 0px 1px 2px 0 #C1BCB9;
      z-index: 10000;
      line-height: 22px;
      /* display: none;*/ }
    .contact .contactWrap .tooltip:before {
      content: '';
      position: absolute;
      top: 9px;
      left: -14px;
      border-top: solid 7px transparent;
      border-bottom: solid 7px transparent;
      border-right: solid 13px #aaa; }
    .contact .contactWrap .tooltip:after {
      content: '';
      position: absolute;
      top: 9px;
      left: -12px;
      border-top: solid 7px transparent;
      border-bottom: solid 7px transparent;
      border-right: solid 13px #F4EDDD; }
    .contact .contactWrap .selectWrapSmall::after,
    #detail_box__pref .selectWrapSmall::after {
      top: 1em;
      right: 0.3em; }
    .contact .contactWrap .textarea1 {
      width: 35%; }
    .contact .contactWrap .textarea2 {
      width: 95%; }
    .contact .contactWrap .textarea_zip {
      width: 8em; }
    .contact .contactWrap .second {
      margin-left: 2%; }
    .contact .contactWrap .zipsearch {
      background: url("/user_data/img/question_icon.png") no-repeat left center;
      padding: 0.1em 0 0.1em 20px;
      font-size: 1.3rem;
      color: #111; }
    .contact .contactWrap p {
      font-size: 1.4rem;
      margin-top: 10px; }
      .contact .contactWrap p span {
        color: #d66161;
        font-weight: bold; }
    .contact .contactWrap .btnWrap {
      width: 100%; }
      .contact .contactWrap .btnWrap .basicBtn a {
        padding: 0.8em 2.3em;
        text-align: center;
        font-weight: bold;
        font-size: 14px; }
        .contact .contactWrap .btnWrap .basicBtn a span {
          background: url(/user_data/img/check_icon.png) no-repeat left center;
          background-size: 15px;
          padding-left: 20px; }
        .contact .contactWrap .btnWrap .basicBtn button .send {
          background: url(/user_data/img/send_icon.png) no-repeat left center;
          background-size: 24px;
          padding-left: 30px; }
    .contact .contactWrap .backBtnWrap {
      position: relative; }
      .contact .contactWrap .backBtnWrap .backBtn {
        border: 1px solid #4faec9;
        background: #fff;
        color: #4faec9;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0.6em 3em;
        position: relative;
        top: -48px;
        float: left; }
        .contact .contactWrap .backBtnWrap .backBtn span::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 10px;
          width: 7px;
          height: 7px;
          border-top: 1px solid #4faec9;
          border-right: 1px solid #4faec9;
          -webkit-transform: rotate(-135deg);
          -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
          margin-top: -5px; }
      .contact .contactWrap .backBtnWrap .backBtn:hover {
        text-decoration: none; }
    .contact .contactWrap .txCenter {
      text-align: center;
      width: 100%;
      display: block; }
      .contact .contactWrap .txCenter a,
      #top_box__agreement a {
        color: #4296c6; }
  .contact h2.confirm {
    text-align: center;
    padding-top: 30px; }
  .contact .text_confirm {
    text-align: center;
    font-size: 1.4rem;
    padding: 0px 5px; }
  .contact .backTopBtn {
    text-align: center;
    position: relative; }
    .contact .backTopBtn a {
      margin: 0 auto;
      border: 1px solid #4faec9;
      background: #fff;
      color: #4faec9;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 0.6em 3em; }
      .contact .backTopBtn a span {
        position: relative; }
      .contact .backTopBtn a span::before {
        content: "";
        position: absolute;
        top: 50%;
        left: -30px;
        width: 7px;
        height: 7px;
        border-top: 1px solid #4faec9;
        border-right: 1px solid #4faec9;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -5px; }
    .contact .backTopBtn a:hover {
      text-decoration: none; }

.contact .contactWrap #top_box__address{
  text-align: left;
}
.contact .contactWrap #top_box__address .form-inline.selectWrapSmall{
  padding: 0;
}
.contact .contactWrap #top_box__address_detail{
  width: 100%;
}
.contact .head .text1 {
    font-size: 1.4rem;
    border-top: 1px solid #e2e1de;
    padding: 20px 5px;
}


  /***regist***/
.regist h2 {
  padding-bottom: 15px; }

.registBtn button {
  width: 14em;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  padding: 0.9em 2.5em; }

.whiteBtn {
  text-align: center;
  position: relative; }
  .whiteBtn button, .whiteBtn>a {
    width: 14em;
    margin: 0 auto;
    border: 1px solid #4faec9;
    background: #fff;
    color: #4faec9 !important;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 0.9em 2.5em; }
  .whiteBtn button:hover.whiteBtn>a:hover {
    text-decoration: none; }


/** contact
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .contact {
    /***confirm****/
    /*backTopBtn*/ }
    .contact .contactWrap {
      padding: 10px 4%;
      display: block;
      /*backBtnWrap*/ }
      #confirm_box__body_inner{
        width: 100%;
      }
      .contact .contactWrap .inputWrap {
        width: 100%; }
        .contact .contactWrap .inputWrap label {
          display: block; }
        .contact .contactWrap .inputWrap .textarea1 {
          width: 46%; }
        .contact .contactWrap .inputWrap .textarea2 {
          width: 100%; }
      .contact .contactWrap .btnWrap .basicBtn a {
        width: 100%; }
        .contact .contactWrap .btnWrap .basicBtn a span {
          background-size: 12px;
          padding-left: 18px; }
        .contact .contactWrap .btnWrap .basicBtn button .send {
          background-size: 20px;
          padding-left: 24px; }
      .contact .contactWrap .backBtnWrap {
        margin-top: 10px; }
        .contact .contactWrap .backBtnWrap .backBtn {
          font-size: 1.4rem;
          font-weight: normal;
          padding: 0.5em 3.5em;
          position: relative;
          top: 0px;
          float: left; }
        .contact .contactWrap .backBtnWrap .backBtn:hover {
          text-decoration: none; }
    .contact h2.confirm {
      text-align: center;
      padding-top: 20px;
      line-height: 1.6; }
    .contact .text_confirm {
      text-align: left;
      font-size: 1.4rem;
      padding: 0px 5px; }
    .contact .backTopBtn {
      text-align: center;
      position: relative; }
      .contact .backTopBtn a {
        font-size: 1.4rem;
        font-weight: normal;
        padding: 0.5em 3.5em; }
      .contact .backTopBtn a:hover {
        text-decoration: none; }
  /***regist***/
  .regist h2 {
    padding-bottom: 10px; }
  /*newMemberBtn*/
  .registBtn button {
    width: 100%; }
  .whiteBtn button, .whiteBtn>a {
    width: 100%; } }

/* other
--------------------------------------------------------------------------------*/
.other h2 {
  display: block;
  float: none;
  padding-bottom: 15px; }

.other .bottomLine {
  border-bottom: 1px solid #e2e1de; }

.other h3{
  margin-top: 20px;
  font-size: 1.6rem;
}

.other .otherWrap {
  background: url("/user_data/img/contents_line2.png") repeat-x left top;
  background-size: 2px;
  padding: 15px 5px;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  /* Safari etc. */
  display: -ms-flexbox;
  /*--- IE10用  ---*/
  /*-display:-webkit-box;-- Android用 ---*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .other .otherWrap .leftSide {
    width: 15%;
    font-size: 1.4rem;
    padding: 0.3em 0.5em;
    font-weight: bold; }
  .other .otherWrap .rightSide {
    width: 85%;
    padding: 0.3em 0.5em;
    font-size: 1.4rem; }

.other .otherWrap2 .leftSide {
  width: 20%; }

.other .otherWrap2 .rightSide {
  width: 80%; }

.other .otherWrapBottom {
  background-image: url("/user_data/img/contents_line2.png"), url("/user_data/img/contents_line2.png");
  background-repeat: repeat-x, repeat-x;
  background-position: left bottom, left top;
  background-size: 2px; }

.other a {
  color: #60a9cb; }


/** other
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .other h2 {
    padding-bottom: 10px; }
  .other .otherWrap {
    padding: 5px 5px;
    display: block; }
    .other .otherWrap .leftSide {
      width: 100%;
      display: block;
      font-size: 1.4rem;
      padding: 0.1em 0em 0em 0em;
      font-weight: normal; }
    .other .otherWrap .rightSide {
      width: 100%;
      display: block;
      padding: 0em 0em 0.1em 0em;
      font-size: 1.4rem; } }

/* trade
--------------------------------------------------------------------------------*/
.trade .tradeWrap .leftSide {
  width: 25%; }

.trade .tradeWrap .rightSide {
  width: 70%; }

/*privacy ruleWrap
--------------------------------------------------------------------------------*/
.privacyWrap,
.ruleWrap {
  /***nomal list***/ }
  .privacyWrap p,
  .privacyWrap div,
  .ruleWrap p,
  .ruleWrap div {
    font-size: 1.4rem;
    padding: 0 5px; }
  .privacyWrap dl,
  .ruleWrap dl {
    font-size: 1.4rem;
    text-align: left;
    margin: 0;
    width: 100%; }
    .privacyWrap dl dt,
    .ruleWrap dl dt {
      float: left; }
    .privacyWrap dl dd,
    .ruleWrap dl dd {
      margin-left: 2em; }

.ruleWrap p{
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}



/** privacy ruleWrap
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .privacyWrap p,
  .privacyWrap div,
  .ruleWrap p,
  .ruleWrap div {
    padding: 0 px; } }

/*loginWrap
--------------------------------------------------------------------------------*/
.loginWrap .inputWrap {
  width: 65%;
  font-size: 1.3rem;
  margin: 0 auto;
  overflow: hidden;
  /*newMemberBtn*/ }
  .loginWrap .inputWrap input,
  .loginWrap .inputWrap textarea {
    vertical-align: middle;
    height: 36px;
    padding: 8px 12px;
    border: 1px solid #e9e9e9;
    color: #333;
    border-radius: 2px;
    margin-top: 0.2em;
    background: #fafafa;
    width: 100%; }
  .loginWrap .inputWrap .checkWrap {
    vertical-align: middle;
    width: 60%;
    float: left; }
    .loginWrap .inputWrap .checkWrap .check {
      position: relative;
      top: 0em;
      border: 1px solid #e9e9e9;
      color: #333;
      border-radius: 2px;
      margin-top: 0.1em;
      background: #fafafa;
      width: 1.5em;
      height: 1.5em;
      margin-right: 0.3em;
      cursor: pointer; }
  .loginWrap .inputWrap .loginBtn {
    width: 40%;
    float: right;
    text-align: right; }
    .loginWrap .inputWrap .loginBtn .basicBtn button {
      padding: 0.5em 2em;
      text-align: center;
      font-weight: bold;
      font-size: 1.5rem; }
      .loginWrap .inputWrap .loginBtn .basicBtn button span {
        background: url(/user_data/img/login_icon.png) no-repeat left center;
        background-size: 15px;
        padding-left: 20px; }
  .loginWrap .inputWrap .beginner {
    text-align: center;
    background: url(/user_data/img/line_gray.png) repeat-x center center;
    background-size: 1px; }
    .loginWrap .inputWrap .beginner span {
      background: #f6f3eb;
      padding: 0 1em;
      font-weight: bold; }
  .loginWrap .inputWrap .newMemberBtn {
    text-align: center;
    position: relative; }
    .loginWrap .inputWrap .newMemberBtn a {
      margin: 0 auto;
      border: 1px solid #4faec9;
      background: #fff;
      color: #4faec9;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 0.9em 2.5em; }
      .loginWrap .inputWrap .newMemberBtn a span {
        padding: 0.3em 0 0.3em 1.5em;
        background: url(/user_data/img/newmember_icon.png) no-repeat left center; }
    .loginWrap .inputWrap .newMemberBtn a:hover {
      text-decoration: none; }

/** loginWrap
max-width: 920px
----------------------------------------*/
@media (max-width: 920px) {
  .loginWrap .inputWrap {
    width: 90%; } }

/** loginWrap
max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  .loginWrap {
    /*newMemberBtn*/ }
    .loginWrap .inputWrap .checkWrap {
      width: 100%;
      display: block; }
      .loginWrap .inputWrap .checkWrap .check {
        position: relative;
        top: 0em;
        border: 1px solid #e9e9e9;
        color: #333;
        border-radius: 2px;
        margin-top: 0.1em;
        background: #fafafa;
        width: 1.5em;
        height: 1.5em;
        margin-right: 0.3em;
        cursor: pointer; }
    .loginWrap .inputWrap .loginBtn {
      width: 100%;
      display: block;
      text-align: center; }
      .loginWrap .inputWrap .loginBtn .basicBtn a {
        width: 100%; }
        .loginWrap .inputWrap .loginBtn .basicBtn a span {
          background: url(/user_data/img/login_icon.png) no-repeat left center;
          background-size: 15px;
          padding-left: 20px; }
    .loginWrap .newMemberBtn a {
      width: 100%; } }

/*mypage
--------------------------------------------------------------------------------*/
#mypage {
  /*****/
  /*
        table{
            width: 100%;
            th,td{text-align: center;border: 1px solid #ddd9cd;}
            th{background: #efeadc;
            font-size: 1.2rem;padding: 0.5em 0;}
            td{background: #fff;line-height: 1.3;padding: 0.5em;
               font-size: 1.4rem;

            }
            td:first-child{font-size: 1.5rem;}


            td:nth-child(4){
                 img{border: 1px solid #eceae7;float: left;}
                text-align: left;
                p{font-weight: bold;font-size: 1.7rem;float: left;margin:0.5em 0 0 0.5em;
                    span{color: #d66161;}

                }}


        }

        table {
            width: 100%;
  border-collapse: collapse;
}
table td, table th {text-align: center;border: 1px solid #ddd9cd;

  text-align: center;
}
table th {
  background-color: #eee;
}*/ }
  #mypage h2 {
    border-bottom: 1px solid #e2e1de;
  }
  #mypage .welcom {
    font-weight: bold;
    font-size: 1.3rem; }
    #mypage .welcom span {
      color: #ff7e00;
      font-size: 1.8rem; }
  #mypage .history {
    font-weight: bold;
    font-size: 1.3rem; }
    #mypage .history span {
      color: #ff7e00; }
  #mypage .flowWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #mypage .flowWrap div {
      width: 20%;
      text-align: center;
      background: #fff;
      font-size: 1.3rem;
      border: 1px solid #4faec9;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0.7em;
      border-left: none; }
      #mypage .flowWrap div a {
        display: block;
        position: relative; }
      #mypage .flowWrap div a:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        right: 2px;
        width: 6px;
        height: 6px;
        margin: -4px 0 0 0;
        border-top: solid 2px #4faec9;
        border-right: solid 2px #4faec9;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    #mypage .flowWrap div:first-child {
      border-left: 1px solid #4faec9; }
    #mypage .flowWrap div.active {
      background: #4faec9;
      color: #fff; }
#mypage .flowWrap div.active a{
  background: #4faec9;
  color: #fff; }
  #mypage .row-head {
    border-collapse: collapse;
    vertical-align: middle;
    width: 100%; }
  #mypage .row-head th,
  #mypage .row-head td {
    text-align: center;
    border: 1px solid #ddd9cd; }
  #mypage .row-head th {
    background: #efeadc;
    font-size: 1.2rem;
    padding: 8px 16px;
    font-weight: bold; 
    word-break: keep-all;
  }
  #mypage .row-head td {
    background: #fff;
    line-height: 1.3;
    padding: 0.5em;
    font-size: 1.4rem; }
  #mypage .row-head td:first-child {
    /* color: #fff; */
    font-size: 1.5rem; 
    /* background: #4faec9; */
  }
  #mypage .row-head td.title {
    text-align: left; }
    #mypage .row-head td.title img {
      border: 1px solid #eceae7;
      float: left;
      max-width: 60px; }
    #mypage .row-head td.title p {
      font-weight: bold;
      font-size: 1.7rem;
      float: left;
      margin: 0.5em 0 0 0.5em; }
      #mypage .row-head td.title p span {
        color: #d66161; }
  #mypage .row-head td.address {
    text-align: left; }
  #mypage .row-head label {
    line-height: 34px;
    margin: 0; }

.favoritTable td.title {
  vertical-align: middle;
  text-align: left; }
  .favoritTable td.title p {
    margin: 1em 0 0 0.75em !important;
    height: auto;
    display: table-cell; }
  .favoritTable td.title img {
    width: 80px;
    max-width: 80px !important;
    height: 80px; }

.nomalWeight {
  font-weight: normal;
  color: #000 !important; }

.changeBtn button {
  padding-left: 3em;
  padding-right: 3em; }
  .changeBtn button span {
    background: url(/user_data/img/mypage/change_icon.png) no-repeat left center;
    background-size: 26px;
    padding-left: 28px; }

.withdrawBox {
  background: #fff3f3;
  color: #d66161;
  border: 1px solid #d66161;
  padding: 0.75em;
  width: auto;
  max-width: 600px;
  font-size: 1.4rem;
  margin: 20px auto 0 auto;
  text-align: center;
  font-weight: bold; }

.btnMypage button, .btnMypage a{
  width: 16em;
  font-size: 14px; }

.whiteBtn button,.whiteBtn>a {
  background: #fff;
  border: 1px solid #4faec9;
  color: #4faec9; }

/*max-width: 768px
----------------------------------------*/
@media (max-width: 768px) {
  #mypage {
    /****/ }
    #mypage .flowWrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #mypage .flowWrap div {
        width: 50% !important;
        border: none;
        border-right: 1px solid #4faec9;
        border-bottom: 1px solid #4faec9; }
      #mypage .flowWrap div:nth-child(1),
      #mypage .flowWrap div:nth-child(3),
      #mypage .flowWrap div:nth-child(5) {
        border-left: 1px solid #4faec9; }
      #mypage .flowWrap div:nth-child(1),
      #mypage .flowWrap div:nth-child(2) {
        border-top: 1px solid #4faec9; }
    #mypage .row-head thead {
      display: none; }
    #mypage .row-head tr,
    #mypage .row-head td {
      display: block;
      width: auto; }
    #mypage .row-head tr {
      margin-bottom: 16px;
      /* padding: 8px 0 0;  */
    }
    #mypage .row-head td {
      border: none;
      border-bottom: 1px solid #dbe1e8;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      /*justify-content: space-between;*/
      text-align: left;
      background: #fff; 
      padding: 8px;
    }
    #mypage .row-head td:last-child {
      border-bottom: none; }
    #mypage .row-head td::before {
      content: attr(aria-label);
      display: inline-block;
      float: left;
      text-align: left;
      /*padding-right: 10px;*/
      width: 5em;
      font-weight: bold;
      white-space: nowrap; }
    #mypage .row-head td.title {
      text-align: left; }
      #mypage .row-head td.title img {
        height: 58px;
        width: 58px; }
    #mypage .favoritTable td::before {
      /*padding-right: 10px;*/
      width: 9em;
      /* font-size: 12px;  */
    }
    #mypage .favoritTable td.title {
      font-size: 12px; }
      #mypage .favoritTable td.title p {
        margin: 0em 0 0 0.5em !important; 
      }
      #mypage .favoritTable td.title img {
        width: 60px;
        max-width: 60px !important;
        height: 60px; }
  .withdrawBox {
    text-align: left; }
  .changeBtn span {
    background-size: 12px;
    padding-left: 18px; }
  .btnMypage button, .btnMypage a {
    width: 100%; } }

@media only screen and (min-width: 768px){
  .basicWrapper.leftAlignContent{
    text-align: left;
  }
  .dl_table dt{
    min-width: 220px;
    text-align: left;
  }
  .dl_table dd{
    width: 580px;
    padding: 16px 0;
    text-align: left;
  }
  .dl_table dd .form-group{
    text-align: left;
  }
}
@media screen and (max-width: 480px) {
  #mypage .row-head td {
    flex-direction: column;
  }
  #mypage .row-head td.title img {
    width: 30%;
    max-width: 100%;
    height: auto;
  }
  #mypage .row-head td::before {
    margin-bottom: 8px;
  }
  #mypage .favoritTable td.title p {
    margin: 0; 
  }
}
/* news
--------------------------------------------------------------------------------*/
.pqgeContents #news dl{
  padding-left: 6.2em;
  margin-left: 0;
  padding: 0.8em 0 0.5em 0;
  background: url(/user_data/img/contents_line2.png) repeat-x left bottom;
  background-size: 2px;
}
.pqgeContents #news dl:first-child{
  background: url(/user_data/img/contents_line2.png), url(/user_data/img/contents_line2.png);
  background-repeat: repeat-x, repeat-x;
  background-position: left bottom, left top;
  background-size: 2px;
}
.pqgeContents #news .date{
  float: left;
  color: #a6a6a6;
  width: 7em;
}
.pqgeContents #news dl dd{
  padding-left: 7em;
}


/* CUSTOM  */

/*eccube_style*/
/* --------------------------------
  Common style
-------------------------------- */
/*  color setting
============================ */

/* text */
.text-default {
  color: #525263;
}
a.text-default:hover {
  color: #9797a1;
}
.text-primary {
  color: #DE5D50;
}
a.text-primary:hover {
  color: #e57d73;
}
.text-success {
  color: #18A689;
}
a.text-success:hover {
  color: #0D8969;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #9A947E;
}
a.text-warning:hover {
  color: #AEA998;
}
.text-danger {
  color: #DE5D50;
}
a.text-danger:hover {
  color: #CF3F34;
}

/* bg */

.bg-default {
  color: #fff;
  background-color: #525263;
}
a.bg-default:hover {
  background-color: #9797a1;
}
.bg-primary {
  color: #fff;
  background-color: #DE5D50;
}
a.bg-primary:hover {
  background-color: #e57d73;
}
.bg-primary-border {
  color: #DE5D50;
  border: 2px solid #DE5D50;
  background: #fff;
}
a.bg-primary-border:hover {
  border: 2px solid #DE5D50;
  background: #FDF6F6;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-success-border {
  color: #5CB1B1;
  border: 2px solid #5CB1B1;
  background: #fff;
}
a.bg-success-border:hover {
  border: 2px solid #5CB1B1;
  background: #EEF7F7;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  color: #fff;
  background-color: #F99;
}
a.bg-danger:hover {
  background-color: #FF8D8D;
}
/* svg icon */
#svgicon {
  display: block;
  width: 0; height: 0; overflow: hidden;
}
.cb {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
}
.cb-images {
  width: 1.125em;
}
.icon-bg {
  fill: #d4d4d5;
}
.icon-with-bg {
  fill: #fff;
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 8px;
  padding-right: 8px;
}
.row {
  margin-left: -8px;
  margin-right: -8px;
  padding-bottom: 16px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}
/* --------------------------------
    Parts
-------------------------------- */
.clearfix:after{
  clear: both;
  content: " ";
  display: table;
}
.page-heading {
  margin: 0 0 8px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
  border-top: 1px solid #ccc;
  padding: 8px;
}
/* btn */

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  line-height: 1.42857143;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  font-size: 1.6rem;
  padding:10px 16px;
  font-weight: bold;
}

.btn-lg{padding:10px 16px;font-size:16px;line-height:1.3333333}
.btn-sm{padding:8px 10px;font-size:12px;line-height:1.5;font-weight: normal;}
.btn-xs{padding:5px 8px;font-size:10px;line-height:1.5;font-weight: normal;}

.btn .cb {
  margin: 0 5px;
}

#confirm_main #cart_box + p{
  text-align: center;
}
#deliveradd_input_box__top_button .btn_group{
  margin: 0 auto;
  float: none;
}

/* btn_circle */

.btn_circle {
  border: 0 none;
  padding: 0; margin: 0;
  text-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  color: #fff;
  background: #B8BEC4;
  cursor: pointer;
  width: 40px; height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.btn_circle .cb {
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  top: -1px;
}
.btn_circle:hover {
  opacity: 0.8;
}

/* icon_close */

.icon_close {
  /* container for the X icon */
  position: absolute;
  height: 100%;
  width: 50px;
  top: 0;
  left: 0;
}
.icon_close::before, .icon_close::after {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #525263;
}
.icon_close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon_close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* btn */
.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}
.btn-block:hover{
  text-decoration: none;
}
.btn-default {
  color: #525263;
  background-color: #F5F7F8;
  border-color: #D7DADD;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #525263;
  background-color: #EEF1F3;
  border-color: #D7DADD;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #F5F7F8;
  border-color: #D7DADD;
  color: #525263;
}
.btn-default .badge {
  color: #fff;
  background-color: #525263;
}
.btn-primary {
  color: #fff;
  background-color: #DE5D50;
  border-color: #DE5D50;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #D85145;
  border-color: #D85145;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #DE5D50;
  border-color: #DE5D50;
}
.btn-primary .badge {
  color: #fff;
  background-color: #DE5D50;
}
.btn-primary-border {
  color: #DE5D50;
  background-color: #fff;
  border-color: #DE5D50;
  border-width: 2px;
}
.btn-primary-border:hover,
.btn-primary-border:focus,
.btn-primary-border:active,
.btn-primary-border.active,
.open > .dropdown-toggle.btn-primary-border {
  color: #DE5D50;
  background-color: #FDF6F6;
  border-color: #DE5D50;
}
.btn-primary-border:active,
.btn-primary-border.active,
.open > .dropdown-toggle.btn-primary-border {
  background-image: none;
}
.btn-primary-border.disabled,
.btn-primary-border[disabled],
fieldset[disabled] .btn-primary-border,
.btn-primary-border.disabled:hover,
.btn-primary-border[disabled]:hover,
fieldset[disabled] .btn-primary-border:hover,
.btn-primary-border.disabled:focus,
.btn-primary-border[disabled]:focus,
fieldset[disabled] .btn-primary-border:focus,
.btn-primary-border.disabled:active,
.btn-primary-border[disabled]:active,
fieldset[disabled] .btn-primary-border:active,
.btn-primary-border.disabled.active,
.btn-primary-border[disabled].active,
fieldset[disabled] .btn-primary-border.active {
  background-color: #fff;
  border-color: #DE5D50;
}

.btn-success {
  color: #fff;
  background-color: #5CB1B1;
  border-color: #5CB1B1;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #50A6A6;
  border-color: #50A6A6;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5CB1B1;
  border-color: #5CB1B1;
}
.btn-success .badge {
  color: #5CB1B1;
  background-color: #fff;
}

.btn-success-border {
  color: #5CB1B1;
  background-color: #fff;
  border-color: #5CB1B1;
}
.btn-success-border:hover,
.btn-success-border:focus,
.btn-success-border:active,
.btn-success-border.active,
.open > .dropdown-toggle.btn-primary-border {
  color: #5CB1B1;
  background-color: #EEF7F7;
  border-color: #5CB1B1;
  border-width: 2px;
}
.btn-success-border:active,
.btn-success-border.active,
.open > .dropdown-toggle.btn-success-border {
  background-image: none;
}
.btn-success-border.disabled,
.btn-success-border[disabled],
fieldset[disabled] .btn-success-border,
.btn-success-border.disabled:hover,
.btn-success-border[disabled]:hover,
fieldset[disabled] .btn-success-border:hover,
.btn-success-border.disabled:focus,
.btn-success-border[disabled]:focus,
fieldset[disabled] .btn-success-border:focus,
.btn-success-border.disabled:active,
.btn-success-border[disabled]:active,
fieldset[disabled] .btn-success-border:active,
.btn-success-border.disabled.active,
.btn-success-border[disabled].active,
fieldset[disabled] .btn-success-border.active {
  background-color: #fff;
  border-color: #5CB1B1;
}

.btn-info {
  color: #fff;
  background-color: #525263;
  border-color: #525263;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #474757;
  border-color: #474757;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #525263;
  border-color: #525263;
}
.btn-info .badge {
  color: #525263;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #E99133;
  border-color: #E99133;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #CF3F34;
  border-color: #CF3F34;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #DE5D50;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

/* tableStyle */

div.table {
  width: 100%;
  display: table;
}
div.table .thead {
  display: none;
}
div.table .tbody {
  display: table-row-group;
}
div.table .tbody .tr {
  display: table-row;
  margin: 0;
}
div.table .tbody .tr > .td {
  display: table-cell;
  padding: 8px;
  text-align: center;
  overflow-x:hidden;
}
.table .tbody .tr > .price {
  text-align: right;
}

/* dl_table */

.dl_table {
    border-top: 1px dotted #ccc;
}
.dl_table dl {
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}
.dl_table dd .form-group {
    padding-top: 8px;
}
.dl_table dd > .form-group:first-child {
    padding-top: 0;
}
.dl_table .zip-search {
    margin-top: 8px;
}

/* flowline */

.flowline {
    position: relative;
    margin: 0;
    padding: 8px 0 16px;
    border-bottom: 1px dotted #ccc;
}
.flowline ul {
    position: relative;
    margin: 0 auto;
}
.flowline ul::before {
    content: "";
    height: 4px;
    background: #525263;
    position: absolute;
    top: 13px;
    margin: 0;
    border-radius: 2px;
    z-index:0;
}
.flowline.step3 ul::before {
    width: 66.66666666%;
    left: 16.6666666%;
}
.flowline.step4 ul::before {
    width: 75%;
    left: 12.5%;
}
.flowline ul li {
    float: left;
    position: relative;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    z-index:1;
}
.flowline.step3 ul li {
    width: 33.33333333333333%;
}
.flowline.step4 ul li {
    width: 25%;
}
.flowline li .flow_number {
    line-height: 30px;
    width: 30px; height: 30px;
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    background: #525263;
    color: #fff;
    top: 0; left: 18px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}
.flowline li.active {
    color: #5CB1B1;
}
.flowline li.active .flow_number {
    background: #5CB1B1;
}


/* item_box */

.item_box > div {
    padding: 8px;
}
.item_box .item_photo {
    max-width: 100px;
}
.item_box .icon_edit {
    position: absolute;
    top: 16px; right: 16px;
    text-align: right;
    padding: 0;
}

/* .cart .item_box */

#cart .inner {
    padding: 0 8px;
}
.cart .item_box {
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}
.cart .item_box:last-child {
    border: 0 none;
}
.cart .item_box > div,
.cart .item_box > dl {
    padding: 8px 0;
}
.cart .item_box .item_photo {
    padding: 8px 8px 8px 0;
    float: left;
}
.cart .item_box .item_detail {
    padding-left: 108px;
}
.cart .item_box .icon_edit {
    height: 30px; width: 30px;
    right: 0; top: 10px;
    text-align: center;
    vertical-align: middle;
}
.cart .item_box .icon_edit button {
    display: inline-block;
    vertical-align: middle;
}
.cart .item_box .icon_close {
    width: 30px;
}
.cart .item_box .cb {
    font-size: 20px;
    font-size: 2rem;
}
.cart .item_box .item_name {
    margin-right: 35px;
    font-size: 16px;
    font-size: 1.6rem;
}
.cart .item_box .item_pattern {
    font-size: 14px;
    font-size: 1.4rem;
}
.cart .item_box .item_price {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.cart .item_box .item_price .small {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    margin-left: 10px;
}
.cart .item_box .item_quantity {
    vertical-align: middle;
    font-size: 14px;
    font-size: 1.4rem;
}
.cart .item_box .item_quantity input {
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    text-align :right;
}
.cart .cart_price {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px;
    border-bottom: 1px solid #E8E8E8;
    text-align: right;
}
.cart .cart_price .price {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}
.cart .btn_area {
    padding: 8px 0 0;
}
.cart .btn_area li {
    padding-bottom: 8px;
}
.cart .btn_area .btn {
    width: 100%;
}
.cart .btn_area .btn-sm {
  height: auto;
    font-size: 14px;
    font-size: 1.4rem;
  line-height: 1.4;
    padding: 10px 8px;
}

/* form_terms_link */

.form_terms_link {
    text-align: center;
}

/* col */
.col-sm-8 {
    font-size: 1.4rem;
    width: 66.66666667%;
    float: left;
    position: relative;
    min-height: 1px;
}
.col-sm-4 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
}
@media screen and (max-width: 768px) {
  .col-sm-8 {
    width: 100%; 
  }
}

/* error_box */
.error_box {
    text-align: center;
    padding: 5% 0;
}
.error_box .btn_back {
    padding: 5% 0;
}
.error_box .btn_back a {
    width: 100%;
    max-width: 320px;
}
@media only screen and (min-width: 768px){
  .page-heading {
    font-size: 32px;
    font-size: 3.2rem;
    border-bottom-style: solid;
    border-top: 0 none;
    padding: 16px 0 12px;
    margin: 0 16px 48px;
    text-align: center;
  }
}
/* message */
.message {
  text-align: center;
  padding: 16px 0;
  margin: 0;
}
p.message {
  padding: 0 0 16px;
}

/* Item List Page
------------------------------------------- */

.product_item {
    position: relative;
}
.product_item a {
    display: block;
}
.product_page .product_item a {
    padding-bottom: 16px;
}
.product_item a:hover {
    background: rgba(255,255,255,0.3);
    text-decoration: none;
}
.product_item a:hover img {
    opacity: 0.8;
}
.item_photo {
    display: block;
    margin: 0 0 8px;
    text-align: center;
}
.item_photo img {
    width: 100%;
}
.product_item .btn_circle {
    position: absolute;
    right: 8px; top: 8px;
}
.item_comment {
    margin: 0 0 8px;
}
.item_name {
    color: #525263;
    margin: 0 0 8px;
}
.item_price {
    color: #525263;
    font-weight: bold;
}
.item_price .small {
    font-size: 86%;
}

.special_price {
    color: #DE5D50;
}


/* Cart Page
------------------------------------------- */
#cart + .leftColumn + .rightColumn,
#confirm_wrap + .leftColumn + .rightColumn,
#complete_wrap + .leftColumn + .rightColumn{
  display: none;
}

#form_cart > .message:first-child {
  padding-top: 16px;
}

.total_box {
  padding: 8px 0;
}
.total_box dl {
  margin-left: 40%;
}
.total_box dl dt {
  float: left;
  width: 45%;
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
}
.total_box dl dd {
  /* padding-left: 50%; */
  text-align: right; 
}
.total_box dl.total_price dd {
  font-weight: bold;
}
.total_box .btn_group {
  padding: 8px 0;
}
.total_box .btn_group p {
  margin: 8px 0;
}

.cart_item {
  border-top: 1px dotted #ccc;
}
.cart_item .item_box > .td {
  border-bottom: 1px dotted #ccc;
}
.cart_item .item_box .td {
  vertical-align: middle;
}
.cart_item .icon_edit {
  position: static;
  width: 8.3333333333%;
}
.cart_item .icon_edit a .cb {
  color: #B8BEC4;
  fill: #B8BEC4;
  font-size: 20px;
  font-size: 2rem;
}
.cart_item .icon_edit a:hover .cb {
  opacity: 0.8;
}
.cart_item .item_box a:hover img {
  opacity: 0.8;
}
.cart_item .item_box .table {
  width:58.33333333%;
}
.cart_item .item_box .table .item_photo,
.cart_item .item_box .table .item_detail {
  display: table-cell;
  vertical-align: middle;
}
.cart_item .item_box .table .item_photo {
  min-width: 80px;
  padding-right: 8px;
}
.cart_item .item_box .table .item_detail {
  text-align: left;
}
.cart_item .item_box .table .item_name a {
  font-weight: bold;
  color: #525263;
}
.cart_item .item_box .table .item_name a:hover {
  color: #9797a1;
}
.cart_item .item_detail .item_subtotal {
  display: block;
}
.cart_item.table .tbody .tr div.item_subtotal {
  display: none;
}
.cart_item .item_quantity {
  width: 16.66666667%;
}
.cart_item .item_quantity::before {
  content: "数量：";
}
.cart_item .item_quantity ul {
  text-align: center;
  white-space: nowrap;
}
.cart_item .item_quantity ul li {
  display: inline-block;
  margin: 8px 4px;
}
.cart_item .item_quantity ul li a,
.cart_item .item_quantity ul li span {
  display: inline-block;
  width: 32px; height: 32px;
  line-height: 32px;
  vertical-align: middle;
  border-radius: 50%;
}
.cart_item .item_quantity ul li a {
  border: 2px solid #c9c9c9;
}
.cart_item .item_quantity ul li span {
  border: 2px solid #e9e9e9;
}
.cart_item .item_quantity ul li a .cb {
  color: #525263;
  fill: #525263;
  margin-top: 6px;
  vertical-align: top;
}
.cart_item .item_quantity ul li span .cb {
  color: #babac1;
  fill: #babac1;
  margin-top: 6px;
  vertical-align: top;
}
.cart_item .item_quantity ul li a:hover {
  opacity: 0.8;
}
.column p {
  margin: 8px 0;
}
.column select {
  width: 100%;
}
.column textarea {
  width: 100%;
  height: 6em;
}
.column.is-edit > p {
  margin-right: 4em;
  min-height: 40px;
}
.column.is-edit .btn_edit {
  margin: 0;
  position: absolute;
  right: 0; top: 0;
}
.column .form-inline input,
.column .form-inline select {
  margin-bottom: 8px;
}

.address_table {
  border-bottom: 1px dotted #ccc;
}
.addr_box {
  position: relative;
}
.addr_box .icon_radio {
  vertical-align: middle;
  text-align: center;
  max-width: 32px;
}
div.table .tbody .addr_box .column {
  text-align: left;
}
.addr_box .column .address {
  margin: 0;
}
.addr_box .column.is-edit .address {
  margin: 0 4em 0 0;
  min-height: 40px;
}
.addr_box .column.is-edit .btn_edit {
  top: 10px;
}
.addr_box > .td {
  border-top: 1px dotted #ccc;
}

/* payment_list */

.payment_list li {
  margin-bottom: 8px;
}
.payment_list li img {
  margin-top: 5px;
}
#shopping_confirm .payment_list .radio label{
  font-weight: normal;
}
/****** Each Page Setting ********/
/* Cart Page
------------------------------------------- */

.cart_page .dl_table {
  margin: 0 0 16px;
}
.cart_page .dl_table dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.cart_page .form_terms_link {
  margin-bottom: 0;
}
#shopping_confirm .cart_item.table {
  border-top: 0 none;
}
#shopping_confirm .cart_item .item_box .table {
  width:100%;
}
#shopping_confirm .total_box {
  margin-top: 16px;
  background: #F3F3F3;
  padding: 8px;
  min-width: 170px;
}
#shopping_confirm .total_box dl {
  margin-left: 0;
}
#shopping_confirm .total_box dl dt {
  font-weight: normal;
  text-align: left;
}
#shopping_confirm .total_box .total_amount {
  border-top: 1px dotted #ccc;
  text-align: right;
}
#shopping_confirm .total_box .total_amount {
  margin-top: 8px;
}
#shopping_confirm .total_box .total_amount p {
  margin: 8px 0 0;
}
#shopping_confirm .total_box .total_amount p a{
  color: #fff;
  font-size: 1.5rem;
}
#shopping_confirm .total_box .total_amount p.total_price {
  font-weight: bold;
}
#shopping_confirm .total_box .total_amount p.total_price strong {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 16px;
}
#shopping_confirm .total_box .total_amount p.total_price strong .small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  margin-left: 8px;
}
#shopping_confirm .total_box .total_amount p.total_point {
  margin: 4px 0 0;
}
#shopping_confirm .cart_item .item_box .table .item_name {
  margin-bottom: 0;
}
#shopping_confirm .cart_item .item_box .table .item_photo {
  max-width: 96px;
}
#shopping_confirm .cart_item .item_box .table .item_price {
  font-weight: normal;
  display: inline;
  margin-right: 16px;
}
#shopping_confirm .cart_item .item_box .table .item_subtotal {
  display: inline;
}
#shopping_confirm label {
  font-weight: bold;
}

#shopping_confirm .heading02 {
  margin-top: 24px;
  font-weight: bold;
  background: #EFEFEF;
  padding: 8px 12px;
}
#shopping_confirm .column {
  position: relative;
}
.heading02 + .column .btn_edit {
  position: absolute;
  right: 0; top: 0;
}

#deliveradd_input .dl_table {
  border-top: 0 none;
}

.shipping_multiple_table {
  background-color: #f4f4f4;
}

.shipping_multiple_table .item_box > .td {
  border-bottom: none;
}

.shipping_multiple_table .item_box .item_photo {
  max-width: 200px;
  min-width: 200px;
  padding-right: 200px;
}

.shipping_item .quantity {
  width: 100px;
}
.use_point {
  text-align: center;
  margin: 16px 0;
}
.use_point input {
  text-align: right;
  width: 10%;
  min-width: 130px;
}
.use_point .text_accent {
  margin: 0 5px;
}

.multiple_column {
  padding-bottom: 16px;
}
.multiple_column .item_box {
  background: #F3F3F3;
}
.multiple_column .table.item_box .td {
  vertical-align: middle;
}
.multiple_column .table.item_box .tbody .item_detail {
  padding: 8px 0;
  text-align: left;
}
.multiple_column .item_box .item_photo {
  padding: 8px;
  width: 22%;
  margin-bottom: 0;
  max-width: none;
  min-width: 100px;
}
.multiple_column .item_box .item_detail .item_name {
  font-weight: bold;
}
.multiple_column .item_box .item_detail .item_price {
  font-weight: normal;
  margin: 4px 0 8px;
}
.multiple_column .form-group {
  margin: 8px 10px 0 0;
}
.multiple_column .item_quantity input {
  width: 100px;
}

.complete_message {
  text-align: center;
  margin-bottom: 40px;
}
.complete_message .heading01 {
  font-size: 24px;
  font-size: 2.4rem;
}
.unsubscribe_box {
    text-align: center;
}
.unsubscribe_box .welcom{
  text-align: left;
}
.unsubscribe_box .icon {
    font-size: 100px;
    font-size: 10rem;
    color: #E7E7E7;
    display: none;
}
.unsubscribe_box h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 16px;
}

#entry_birth select {
  margin: 0 8px;
}
#entry_birth select:first-child {
  margin-left: 0;
}
#entry_sex .radio {
  display: inline-block;
  margin-right: 10px;
}
#entry_sex .radio input[type="radio"] {
  margin-right: 10px;
}

.mypage .dl_table dt label {
  font-weight: bold;
}

#delivery_address_list div.is-edit {
    position: relative;
}

@media screen and (max-width: 768px) {
  #shopping_confirm .total_box {
    /* width: 300px; */
    min-width: auto;
  }
}
@media screen and (max-width: 420px) {
  #shopping_confirm .cart_item .item_box .table {
    display: flex;
    flex-direction: column;
  }
}

/*  form
============================ */

label {
    font-weight: normal;
}
input:focus,
select:focus {
    outline: none;
}
input[type="number"] {
    text-align: right;
}
.form-group .errormsg {
    margin-top: 3px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}
dd.form-group .errormsg {
    margin-bottom: 0;
}

.form-control {
    /*border: 1px solid #C4CCCE;
    border-radius:3px !important;
    box-shadow:none;
    font-size: 16px;
    font-size: 1.6rem;
    height: 40px;
    padding: 6px 12px;
    width: auto;
    line-height: 1.5*/
}
.form-control:focus {
    border-color:#3c8dbc !important;
    box-shadow:none
}
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus {
    box-shadow:none;
    background: none;
}
.has-success .form-control { border-color: #0D8969; background: #e7f6f3; }
.has-warning .form-control { border-color: #E99133; background: #fdf7ed; }
.has-error .form-control { border-color: #CF3F34; background: #FDF1F0; }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: inherit;  background: #FDF1F0;
}

.form-control::-moz-placeholder {
    color:#bbb;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#bbb
}
.form-control::-webkit-input-placeholder {
    color:#bbb
}
.form-control:not(select) {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

.form-group .form-control {
    width: 100%;
}
.form-inline .form-control {
    width: auto;
}

.form-group.lange input[type="text"], .form-group.lange label {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%;
    vertical-align: middle;
}
.form-group.lange input[type="text"] {
    width: 28%;
}
.input_tel input {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 1px;
    margin-right: 1px;
    max-width: 5em;
    vertical-align: middle;
    width: 30%;
}
.form-group.input_tel input:first-child {
    margin-left: 0;
}
.form-group.input_name input {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 2%;
    vertical-align: middle;
    width: 48%;
}
.form-group.input_name input:first-child {
    margin-left: 0;
}
.form-group.input_zip input {
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    max-width: 5em;
    vertical-align: middle;
    width: 30%;
}
.form-group.input_zip .question-circle {
    font-size: 11px;
    display: inline-block;
    width: 15px; height: 15px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    background: #525263;
    border-radius: 50%;
}
.form-group.input_zip .question-circle .cb-question {
    fill: #fff;
}


.form-group .item_price input, .form-group .item_quantity input {
    margin: 0 1%;
    text-align: right;
    width: 50%;
}

.form-inline label {
    margin: 0 10px 0 0;
}
.form-inline label:first-child + select,
.form-inline label:first-child + input {
    margin-right: 10px;
}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
}
.checkbox-inline, .radio-inline {
    cursor: pointer;
    margin-left: 20px;
}
.checkbox-inline:first-child, .radio-inline:first-child {
    margin-left: 0;
}

span.required {
    color: #DE5D50;
    font-weight: normal !important;
    margin-left: 1em;
    font-size: 12px;
    font-size: 1.2rem;
}


@media only screen and (min-width: 768px){
  /* message */
    .heading04 + .message {
        padding: 0;
    }
    .message .errormsg {
        padding: 16px;
    }
/* --------------------------------
    Parts
-------------------------------- */
  /* tableStyle */

  div.table .thead {
    display: table-header-group;
  }
  div.table ol {
    display: table-row;
    margin: 0;
  }
  div.table ol li {
    display: table-cell;
    padding: 16px;
    text-align: center;
    background: #F4F3F0;
    overflow-x:hidden;
    font-weight: bold;
  }
  div.table ol#cart_item_list__header li{
    white-space: nowrap;
  }
  div.table .tbody .tr > .td {
    padding: 16px;
  }

  /* dl-table */

    .dl_table {
        display: table;
        width: 100%;
    }
    .dl_table dl {
        display: table-row;
        border: 0 none;
    }
    .dl_table dt,
    .dl_table dd {
        display: table-cell;
        border-bottom: 1px dotted #ccc;
        padding: 16px 0;
    }
    .dl_table dt {
        width: 30%;
    }

    .dl_table dd {
        padding: 16px 0;
    }
    .dl_table dd .form-group {
        padding-top: 16px;
    }
    .dl_table .zip-search {
        margin-top: 16px;
    }

  /* flowline */

  .flowline {
      margin: 0;
      border-bottom: 0 none;
  }
  .flowline ul::before {
      top: 20px;
  }
  .flowline.step3 ul {
      max-width: 450px;
  }
  .flowline.step4 ul {
      max-width: 550px;
  }
  .flowline ul li {
      font-size: 14px;
      font-size: 1.4rem;
  }
  .flowline li .flow_number {
      line-height: 42px;
      width: 42px; height: 42px;
      font-size: 20px;
      font-size: 2rem;
  }

  /* .cart .item_box */

  #cart .inner {
      padding: 0 16px;
  }
  .cart .item_box > div,
  .cart .item_box > dl {
      padding: 16px 0;
  }
  .cart .item_box .item_photo {
      padding: 16px 8px 16px 0;
  }
  .cart .item_box .icon_edit {
      right: -7px; top: 10px;
  }

  .cart .btn_area {
      padding: 16px 0 8px;
  }

  /* error_box */
  .error_box {
      margin-bottom: 48px;
  }

  /* Cart Page
  ------------------------------------------- */

  .total_box {
    /* min-width: 256px;
    float: right;
    padding: 0; */
  }
  .total_box dl {
    margin-left: 0;
  }
  .total_box .btn_group {
    padding: 16px 0;
  }
  .total_box .btn_group p {
    margin: 16px 0;
  }
  .total_box dl.total_price dt {
    padding-top: 0.3em;
  }
  .total_box dl.total_price dd {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .cart_item {
    margin: 24px 0 16px;
    border-top: 0 none;
  }
  .cart_item .item_box .table {
    width:58.33333333%;
  }
  .cart_item .item_quantity::before {
    content: "";
  }
  .cart_item.table .tbody .tr > .item_quantity {
    text-align: center;
  }
  .cart_item .item_detail .item_subtotal {
    display: none;
  }
  .cart_item.table .tbody .tr div.item_subtotal {
    display: table-cell;
    text-align: right;
  }
  .cart_item .item_box .table .item_photo {
    min-width: 160px;
    padding-right: 16px;
  }
  .column p {
    margin: 16px 0;
  }
  .column .form-inline input,
  .column .form-inline select {
    margin-bottom: 16px;
  }

  div.table .tbody .addr_box .column {
    text-align: left;
    position: relative;
  }
  .addr_box .column.is-edit .btn_edit {
    top: 16px;
  }

  .multiple_column .item_box > div,
  .multiple_column .item_box > dl {
    padding: 16px 0;
    vertical-align: middle;
  }
  .multiple_column .item_box .item_photo {
    padding: 16px;
    max-width: 198px;
  }
  .multiple_column .item_box .item_detail .item_price {
    margin: 8px 0 16px;
  }
  .multiple_column .form-group {
    margin-top: 16px;
  }
  .complete_message {
    text-align: center;
  }
  .complete_message .heading01 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 20px;
  }

  #confirm_side {
    top: 0;
  }
}

.contact .contactWrap.basicWrapper.mT30 {
  padding: 0;
}
.contact .contactWrap #top_box__body_inner.dl_table dt label {
  width: auto;
  padding: 0;
}
#top_box__body_inner.dl_table dt {
  width: 30%;
  padding: 0.4em 0.5em 0 5px;
}
#top_box__body_inner.dl_table dd {
  padding: 15px 5px;
  font-size: 1.3rem;
}
#top_box__body_inner.dl_table dd input {
  margin-top: 0;
  width: 95%;
}
div#top_box__zip a,
#detail_box__zip a {
  background: url(/user_data/img/question_icon.png) no-repeat left center;
  padding: 0.1em 0 0.1em 20px;
  font-size: 1.3rem;
  color: #111;
}
#top_box__body_inner.dl_table dd input#entry_kana_kana01, 
#top_box__body_inner.dl_table dd input#entry_kana_kana02,
#top_box__body_inner.dl_table dd input#entry_name_name01, 
#top_box__body_inner.dl_table dd input#entry_name_name02,
#top_box__body_inner.dl_table dd input#customer_address_kana_kana01, 
#top_box__body_inner.dl_table dd input#customer_address_kana_kana02,
#top_box__body_inner.dl_table dd input#customer_address_name_name01, 
#top_box__body_inner.dl_table dd input#customer_address_name_name02,
#top_box__body_inner.dl_table dd input#contact_kana_kana01, 
#top_box__body_inner.dl_table dd input#contact_kana_kana02,
#top_box__body_inner.dl_table dd input#contact_name_name01, 
#top_box__body_inner.dl_table dd input#contact_name_name02{
  width: 35%;
}
#top_box__body_inner.dl_table dd input#entry_line {
  width:95%;
}
div#top_box__birth {
  border-top: none;
}
div#top_box__birth select {
  vertical-align: middle;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #e9e9e9;
  color: #333;
  border-radius: 2px;
  margin-top: 0.2em;
  background: #fafafa;
}
.contact .contactWrap #top_box__address .form-inline.selectWrapSmall,
#shipping_confirm_box--0 select {
  width: auto;
  height: 36px;
  position: relative;
  display: inline-block;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  font-weight: normal;
  background: #fff;
  font-size: 1.3rem;
}
@media (max-width: 768px) {
  #top_box__body_inner.dl_table dl {
    padding: 10px 5px;
  }
  #top_box__body_inner.dl_table dt {
    width: 100%;
    padding: 0;
    margin-bottom: 8px;
  }
  #top_box__body_inner.dl_table dd {
    padding: 0;
  }
  #top_box__body_inner.dl_table dd input {
    width: 100%;
  }
  #top_box__body_inner.dl_table dd input#entry_kana_kana01, 
  #top_box__body_inner.dl_table dd input#entry_kana_kana02,
  #top_box__body_inner.dl_table dd input#entry_name_name01, 
  #top_box__body_inner.dl_table dd input#entry_name_name02,
  #top_box__body_inner.dl_table dd input#customer_address_kana_kana01, 
  #top_box__body_inner.dl_table dd input#customer_address_kana_kana02,
  #top_box__body_inner.dl_table dd input#customer_address_name_name01, 
  #top_box__body_inner.dl_table dd input#customer_address_name_name02,
  #top_box__body_inner.dl_table dd input#contact_kana_kana01, 
  #top_box__body_inner.dl_table dd input#contact_kana_kana02,
  #top_box__body_inner.dl_table dd input#contact_name_name01, 
  #top_box__body_inner.dl_table dd input#contact_name_name02{
    width: 48%;
  }
  #top_box__body_inner.dl_table dd input#entry_line {
    width:100%;
  }
  .contact .contactWrap #top_box__address .form-inline.selectWrapSmall {
    padding: 0em 1.3em 0.1em 0.2em;
  }
}
.history_box{
  margin-top: 10px;
  padding-bottom: 0;
}
.history_box dl{
  display: flex;
}
.history_back{
  clear: both;
  padding-top: 20px;
}
.history_back a:hover{
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .pqgeContents .flexWrap_col3 .cartWrapp.listCart .wrap {
    width: 100%;
  }
  .pqgeContents .flexWrap_col3 .cartWrapp.listCart .wrap span {
    width: 100%;
  }
  #shopping_confirm .col-sm-4 {
    width: 100%;
  }
}

.timeline-InformationCircle-widgetParent .timeline-Header-title {
  font-size: 16px;
  padding-right: 24px; 
}

.selectWrapSmall {
  width: 130px;
  height: 30px;
  display: inline-block;
  padding: 0px 8px;
  background-color: #fff;
  border: 1px solid lightgray;
}

.pqgeContents .heade_link .selectWrapSmall:first-child {
  margin-left: 0;
}
.contact .contactWrap select#pref,
#detail_box__pref select#pref{
  height: 34px;
}

@media screen and (max-width: 768px) {
  .contact .contactWrap select#pref {
    padding: 0;
  }
  .contact .contactWrap #top_box__address .form-inline.selectWrapSmall {
    height: auto;
    /* padding: 2.5px 12px; */
  }
  .flexWrap_col5 {
    padding: 0;
  }
}
.pqgeContents .heade_link .selectWrapSmall.displayedResults {
  width: auto;
  padding: 0.1em 1.5em 0.1em 0.5em;
  height: auto;
}
.selectWrapSmall.displayedResults select {
 padding: 0;
 vertical-align: baseline;
}
.selectWrapSmall.displayedResults::after {
  top: 0.8em;
}
.basicBtn.basicBtn2.right_searchBtn.mt20 button {
  padding: 0.5em 1.8em;
}
.loginWrap .inputWrap .loginBtn .basicBtn button {
  padding: 0.8em 3em;
}
#cb-minus,
#cb-plus {
  position: relative;
  color: #525263;
  fill: #525263;
  width: 16px;
  margin-top: 6px;
  vertical-align: top;
}
.cb-minus::before {
  content: "";
  position: absolute;
}
.cb-plus::before {
  content: "";
  position: absolute;
}

@media screen and (max-width: 768px){
  #deliveradd_select .col-sm-4{
    width: 88%;
    max-width: 300px;
    float: none;
    display: flex;
    justify-content: space-between;
    margin: 10px auto 0;
  }
  #deliveradd_input_box__top_button .btn_group{
    min-width: 200px;
  }
  .trade .tradeWrap .rightSide,
  .trade .tradeWrap .leftSide{
    width: 100%;
  }
}