@charset "Shift_JIS";
/* ----------------------------------------
contents.css
Style for each contents
---------------------------------------- */

/* ----------------------------------------
1-1_index
---------------------------------------- */
@media print, screen and (min-width: 640px) {
  a.btn-to-list {
    color: #069!important;
  }
}
/* ----------------------------------------
1-2_shoppingtop
---------------------------------------- */
.shoppingtop .dl-horizontal-border dd a.news-ttl {
  padding-bottom: .8em;
  margin-bottom: 0;
}
/* ----------------------------------------
1-2_quick_shopping,quick_shopping_thumb
---------------------------------------- */
.quick_shopping_thumb .item-info {
  width: 100%;
  box-sizing: border-box;
}
.quick_shopping_thumb .item-info > div {
  width: 100%;
}
.quick_shopping_thumb .item-price,
.quick_shopping .item-price {
  min-width: 5em;
}
.quick_shopping_thumb .item-photo {
  float: left;
  width: 114px;
  box-sizing: border-box;
  padding: 0 8px 0 3px;
}
.quick_shopping_thumb .item-photo img {
  width: 100%;
}
.quick_shopping_thumb .item-title,
.quick_shopping .item-title {
  margin: .2em 0 .6em;
  font-weight: bold;
}
.quick_shopping_thumb .item-desc {
  float: left;
  width: 60%;
  box-sizing: border-box;
  padding: 8px 0 0;
}
.quick_shopping_thumb .table-list-item th.pc-hide,
.quick_shopping .table-list-item th.pc-hide {
  display: block;
}
.quick_shopping_thumb .item-pv,
.quick_shopping_thumb .item-bv,
.quick_shopping_thumb .item-price,
.quick_shopping_thumb .item-quantity {
  position: relative;
}
.quick_shopping .item-quantity {
  float: right;
  text-align: right;
  margin-top: -48px;
}
.quick_shopping_thumb .table-list-item tbody tr {
  padding-bottom: 2.4em;
}
.quick_shopping .table-list-item tbody tr {
  padding-bottom: .5em;
}
.quick_shopping_thumb .table-list-item td span.pc-hide,
.quick_shopping .table-list-item td span.pc-hide {
  width: 6em;
  font-weight: bold;
}
.quick_shopping_thumb .item-quantity select {
  margin: 2px 0 0 -5px;
}

@media screen and (min-width: 500px) {
  .quick_shopping_thumb .item-desc {
    width: 70%;
  }
}

@media print, screen and (min-width: 640px) {
  .quick_shopping_thumb .table-list-item tbody tr:nth-child(even) td {
    border-right: 1px solid #f4f4f4;
  }
  .quick_shopping_thumb .table-list-item tbody tr:nth-child(even) td:last-child {
    border-right: none;
  }
  .quick_shopping_thumb .table-list-item th.pc-hide,
  .quick_shopping .table-list-item th.pc-hide {
    display: none;
  }
  .quick_shopping_thumb .item-desc {
    width: 47%;
  }
  .quick_shopping_thumb .item-pv,
  .quick_shopping .item-pv,
  .quick_shopping_thumb .item-bv,
  .quick_shopping .item-bv,
  .quick_shopping_thumb .item-price,
  .quick_shopping .item-price,
  .quick_shopping_thumb .item-quantity,
  .quick_shopping .item-quantity {
    text-align: center;
  }
  .quick_shopping .item-quantity {
    float: none;
    text-align: left;
    margin-top: 0;
  }
  .quick_shopping_thumb .item-info {
    padding-bottom: 8px;
  }
  .quick_shopping .item-info {
    padding: 8px;
  }
  .quick_shopping_thumb .item-quantity select {
    margin: 2px 0 0 0;
  }
  /*tuika*/
  .quick_shopping_thumb .item-photo {
    width: 100%;
    text-align: center;
  }
  .quick_shopping_thumb .item-photo img {
    width: 114px;
  }
  .quick_shopping_thumb .item-desc {
    width: 100%;
    padding-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .quick_shopping_thumb .item-photo {
    width: 114px;
  }
  .quick_shopping_thumb .item-photo img {
    width: 100%;
  }
  .quick_shopping_thumb .item-desc {
    width: 60%;
    padding-top: 8px;
  }
}

@media print, screen and (min-width: 800px) {
  .quick_shopping_thumb .item-desc {
    width: 65%;
  }
}

@media print, screen and (min-width: 980px) {
  .quick_shopping_thumb .item-desc {
    width: 75%;
  }
}
/* ----------------------------------------
1-3_product-list: list
1-4_product-list: tile
(category list)

1-5_product-detail
1-7_history-list
1-8_favorite-list
---------------------------------------- */
/* products page common */
.product-view-tile>li h3,
.product-view-list>li h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 4px;
}
.product-view-tile .price span,
.product-view-list .price {
  color: #e40000;
  font-size: 16px;
}
.product-view-tile .item-cut-rate span,
.product-view-list .item-cut-rate span,
.product-detail .item-cut-rate span {
  color: #e40000;
}
/* product view - list */
.product-view-list>li {
  border-bottom: 1px solid #c6c6c6;
  padding: 16px 0;
  position: relative;
}
.product-view-list .item-photo {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
}
.product-view-list .item-price,
.product-view-list .item-cut-rate,
.product-view-list .item-pv {
  margin-bottom: 4px;
}
.product-view-list .btn {
  width: 100%;
}
.product-view-list .category-list {
  margin: 0;
}
.product-view-list .category-list>li {
  margin-bottom: .2em;
}
.history-list .product-view-list {
  border-bottom: 1px solid #c6c6c6;
}
.history-list .product-view-list > li {
  display: table;
  border: 1px solid #c6c6c6;
  border-bottom-width: 0;
  padding: 6px;
}
.history-list .product-view-list > li .hst-check {
  display: table-cell;
  background-color: #f5f5f2;
  border: 1px solid #ddd;
  vertical-align: middle;
  text-align: center;
  padding: .5em;
}
.history-list .product-view-list > li .hst-item {
  display: table-cell;
  width: 100%;
  padding: 4px 6px 4px 14px;
}
.history-list a.btn-back.all-del {
  display: inline-block;
  width: 10em;
  text-align: center;
  padding: .4em;
  margin-bottom: 10px;
}
.history-list input.all-check {
  vertical-align: middle;
}

@media screen and (max-width: 979px) {
  .product-view-list .item-comment {
    clear: both;
    margin-bottom: 8px;
  }
}

@media print, screen and (min-width: 980px) {
  .product-view-list>li:before,
  .product-view-list>li:after {
    content: " ";
    display: table;
  }
  .product-view-list>li:after {
    clear: both
  }
  .product-view-list>li {
    *zoom: 1;
  }
  .product-view-list .btn {
    width: 180px;
    position: absolute;
    top: 76px;
    right: 0;
  }

  .history-list .product-view-list .btn,
  .favorite-list .product-view-list .btn {
    position: static;
  }
  .history-list .btn-wrapper,
  .favorite-list .btn-wrapper {
    width: 180px;
    position: absolute;
    top: 36px;
    right: 14px;
  }
  /*
  .product-view-list>li h3 {
  width: 558px;
  float: right;
}
  */
  .product-view-list>li h3 a {
    /*
    display: block;
    width: 558px;
    */
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .history-list .product-view-list>li h3,
  .history-list .product-view-list>li h3 a {
    /*
    width: 655px;
    */
    display: inline-block;　/*追加*/
  }
  .product-view-list .item-photo {
    float: left;
    width: 150px;
    height: 150px;
    margin-right: 12px;
    margin-bottom: 0;
  }
  .history-list .product-view-list .item-photo {
    width: 100px;
    height: 100px;
  }
  .product-view-list .item-comment {
    margin-top: 12px;
    padding-left: 162px;
  }
}

@media print {
  .product-view-list>li h3 {
    width: 818px;
  }
  .product-view-list>li h3 a {
    width: 818px;
  }
}
/* product view - tile */
.product-view-tile {
  width: 96%;
  margin: 0 2%;
}
.product-view-tile>li {
  width: 48%;
  box-sizing: border-box;
  float: left;
  margin: 0 1% 10px;
  border: 1px solid #c6c6c6;
  padding: 6px;
  position: relative;
}
.product-view-tile .item-photo {
  width: 100%;
  margin-bottom: 6px;
}
.product-view-tile .price {
  text-align: right;
}
.product-view-tile .item-cut-rate,
.product-view-tile .item-pv {
  text-align: right;
}
.product-view-tile .btn {
  /*	(order_listのthumb表示のときの「製品詳細へ」のボタン位置調整のため変更)
  position: absolute;
  */
  bottom: 0;
  font-size: 14px;
  width: 92%;
}

@media screen and (max-width: 780px) {
  .product-list .selection-category,
  .product-list .display-selection-area .selection-category form {
    width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .product-view-tile>li {
    width: 31%;
  }
}

@media print, screen and (min-width: 640px) {
  .product-view-tile .item-pv {
    /*	margin-bottom: 42px;  */
    margin-bottom: 2px;
  }
}

@media print, screen and (min-width: 840px) {
  .product-view-tile>li {
    width: 23%;
  }
}

@media print, screen and (min-width: 980px) {
  .product-view-tile {
    width: 100%;
    margin: 0;
  }
  .product-view-tile>li {
    width: 160px;
    margin: 0 26px 40px 0;
    border: none;
    padding: 0;
  }
  .product-view-tile>li:nth-child(4n) {
    margin-right: 0;
  }
  .product-view-tile .item-price {
    text-align: right;
  }
  .product-view-tile .item-price p {
    display: inline-block;
  }
  .product-view-tile .price span {
    font-size: 15px;
  }
  .product-view-tile .item-price .remarks {
    font-size: 10px;
  }
  .product-view-tile .btn {
    width: 100%;
  }
}
/* product-detail */

.product-detail .flex-control-nav {
  bottom: -20px;
}
.product-detail .flex-control-paging li a {
  width: 8px;
  height: 8px;
}
.product-detail .detail-area {
  margin: 20px 0;
}
.product-detail .table-default {
  margin: 20px 0;
}
.product-detail .table-default th {
  min-width: 10em;
}
.product-detail .product-view-tile>li {
  border: none;
}
.product-detail .item-price,
.product-detail .item-cut-rate,
.product-detail .item-pv {
  text-align: right;
  font-size: 14px;
}
.product-detail .summary-area .price {
  color: #e40000;
  font-size: 18px;
}
.product-detail .action-area {
  text-align: right;
}
.product-detail .action-area .btn {
  font-size: 16px;
  width: 12em;
}
.product-detail .detail-area {
  clear: both;
}
.product-detail .thumbnail-area li {
  display: inline-block;
  margin-right: -.4em;
  width: 18%; /* 変更　24%→18%*/
}
.product-detail .thumbnail-area li:not(first-child) {
  margin-left: 1%;
}
.product-detail .thumbnail-area li a {
  display: block;
  outline: none;
}
.product-detail .thumbnail-area li img {
  width: 100%;
} 
@media screen and (max-width: 639px) {
  .product-detail .table-default th {
    text-align: left;
  }
  .product-detail .product-view-tile {
    margin: -10px auto 30px;
  }
  .product-detail .product-view-tile>li {
    width: 100%;
    margin: 0;
    padding: 10px 0 6px;
    border-bottom: 1px solid #c6c6c6;
  }
  .product-detail .product-view-tile .item-photo {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
  }
  .product-detail .product-view-tile .item-price {
    width: 100%;
  }
  .product-detail .product-view-tile .item-price p {
    display: inline-block;
  }
}
@media print, screen and (min-width: 640px) {
  .product-detail .product-view-tile>li {
    width: 23%;
    padding: 0;
  }
  .product-detail .photo-area {
    width: 240px;
    float: left;
    margin-bottom: 20px;
  }
  .product-detail .thumbnail-area img {
    width: 56px;
  }
  .product-detail .summary-area {
    padding-left: 250px;
    padding-top: 6px;
  }
  .product-detail .summary-area .item-comment {
    min-height: 54px;
    margin-bottom: 1em;
  }
}

@media print, screen and (min-width: 980px) {
  .product-detail .product-view-tile>li {
    width: 160px;
  }
}
/* ----------------------------------------
2-n_cart
---------------------------------------- */
.cart-contents {
  padding: 16px 0 0 0;
}
.cart-contents .step-navi-box {
  width: 330px;
}
.cart-contents .step-navi li {
  min-width: 80px;
}
.cart-contents table {
  margin: 14px auto 30px;
}
.cart-contents .item {
  display: block;
  margin-bottom: 20px;
  border: 1px solid #dfded7;
  border-radius: 6px;
  background-color: #f7f7f7;
  /* 色変更 #242830→*/
  padding: 8px 0;
  position: relative;
}
.cart-contents .item-photo {
  float: left;
  margin-right: 8px;
}
.cart-contents .item-photo img {
  width: 64px;
  height: 64px
}
.cart-contents .item-title {
  margin-bottom: 8px;
}
.cart-contents .item-price,
.cart-contents .item-quantity,
.cart-contents .item-subtotal,
.cart-contents .item-pv {
  padding-left: 82px;
}
.cart-contents .item-quantity .btn {
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 2px;
}
.cart-contents .item-subtotal {
  margin-top: 8px;
  margin-bottom: 4px;
  font-weight: bold;
  text-align: right;
}
.cart-contents .item-pv {
  text-align: right;
}
.cart-contents .table-list-item .total td {
  background-color: #f4f4f4;
  padding: 10px 10px;
  border-right: none;
}
.cart-contents .total .total-amount,
.cart-contents .total .total-amount-nomsg {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.cart-contents .sub-total p {
  text-align: right;
  font-weight: bold;
  padding: 5px 0;
}
.cart-contents .total .fee-guidance {
  margin: 0 0 10px;
}
.cart-contents .order-summary {
  text-align: center;
}
.cart-contents .order-summary > li {
  border: 4px solid #dedede;
  display: inline-block;
  position: relative;
  padding: 10px 5px;
  min-width: 50px;
  margin-left: 16px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
}
.cart-contents .order-summary > li:first-child {
  margin-left: 0;
}
.cart-contents .order-summary > li.summary-box:not(:first-child):before {
  content: "+";
  display: block;
  position: absolute;
  top: 50%;
  left: -22px;
  font-size: 20px;
  margin-top: -16px;
}
.cart-contents .order-summary > li.summary-total {
  border-color: #ffcfcf;
  margin-right: 0;
}
.cart-contents .order-summary > li.summary-total:before {
  content: "=";
  display: block;
  position: absolute;
  top: 50%;
  left: -22px;
  font-size: 20px;
  margin-top: -16px;
}
.cart-contents .order-summary span {
  font-size: 16px;
}
.cart-contents .order-number {
  width: 300px;
  margin: 20px auto 30px;
}
.cart-contents .table-default.order-number th,
.cart-contents .order-number td {
  text-align: center;
}

.cart-contents .table-address-list {
  width: 100%;
  border-top: 1px solid #dedede;
  margin-top: 0px;
}

.cart-contents .table-address-list td {
  border: 1px solid #dedede;
  vertical-align: middle;
  width: 80%;
  box-sizing: border-box;
  padding:8px;
  background-color: #fff;
  font-size:14px;

}

.cart-contents .table-address-list th {
  border: 1px solid #dedede;
  vertical-align: middle;
  width: 20%;
  box-sizing: border-box;
  padding:8px;
  background-color: #ececec;
  font-weight: bold;
  font-size:14px;
}

@media screen and (max-width: 639px) {
  .cart-contents .item-delete {
    position: absolute;
    right: 0;
    bottom: 52px;
  }
  .cart-contents .table-list-item tbody tr.total {
    margin: 0;
  }
  .cart-contents .table-list-item tbody tr.sub-total {
    border-bottom-width: 0;
    margin: 0;
  }
  .cart-contents .table-default .position-test {
    position: relative;
  }
  .cart-contents .table-default {
    border: none;
  }
  .cart-contents .table-default th {
    border: none;
    text-align: left;
  }
  .cart-contents .table-default td.td-btn {
    border: none;
    background-color: transparent;
  }
  .cart-contents .table-default td {
    display: block;
    float: left;
    border: none;
  }
  .cart-contents .table-default td.td-info {
    width: 80%;
  }
  .cart-contents .table-default td.td-btn {
    border: none;
    background-color: transparent;
    margin-top: -43px;
    vertical-align: top;
    width: 20%;
    text-align: right;
  }
  .cart-contents .table-default td.td-btn a {
    padding: 4px 10px;
  }
  .cart-contents .order-number {
    width: 100%;
  }
  .cart-contents .credit-card-list {
    margin: 10px 0;
  }
  .cart-contents .credit-card-list img {
    width: 30px;
    height: 30px;
  }
}

.cart-contents .table-address-list {
  width: 100%;
  border-top: 1px solid #dedede;
}

.cart-contents .table-address-list td {
  border: 1px solid #dedede;
  vertical-align: middle;
  width: 80%;
  box-sizing: border-box;
  padding:8px;
  background-color: #fff;
  font-size:14px;

}

.cart-contents .table-address-list th {
  border: 1px solid #dedede;
  vertical-align: middle;
  width: 20%;
  box-sizing: border-box;
  padding:8px;
  background-color: #ececec;
  font-weight: bold;
  font-size:14px;
}

@media print, screen and (min-width: 640px) {
  .cart-contents {
    max-width: 720px;
    margin: 0 auto;
  }
  .cart-contents .table-list-item td {
    vertical-align: middle;
    padding: 5px;
    background-color: #fff;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
  .cart-contents .table-list-item .sub-total td {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cart-contents .item {
    display: table-row;
  }
  .cart-contents .item-photo {
    float: none;
  }
  .cart-contents .item-photo img {
    width: 54px;
    height: 54px;
    padding-right: 10px;
  }
  .cart-contents .item-info>* {
    display: table-cell;
    vertical-align: middle;
  }
  .cart-contents .item-title {
    padding-left: 0;
  }
  .cart-contents .item-delete {
    position: inherit;
  }
  .cart-contents .item-price,
  .cart-contents .item-subtotal,
  .cart-contents .item-pv {
    padding-left: 0;
    text-align: right;
    width: 6em;
  }
  .cart-contents .item-quantity,
  .cart-contents .item-delete {
    padding-left: 0;
    text-align: center;
    width: 6em;
  }
  .cart-contents .item-quantity {
    padding: 10px 0 8px;
  }
  .cart-contents .item-quantity select {
    min-width: 52px;
    margin-right: 0;
  }
  .cart-contents .item-subtotal {
    font-weight: normal;
    margin-top: 0;
  }
  .cart-contents .total .fee-guidance,
  .cart-contents .total .total-amount {
    display: inline-block;
    width: 50%;
  }
  .cart-contents .total .total-amount-nomsg,
  .cart-contents .sub-total p {
    display: inline-block;
    width: 100%;
  }
  .cart-contents .total .fee-guidance {
    margin: 0;
  }
  .cart-contents .order-summary {
    width: 500px;
    margin: 0 auto;
  }
  .cart-contents .table-default td.td-btn {
    text-align: center;
  }
  .cart-contents .table-default th.th-payment {
    width: 10em;
  }
}
/* ----------------------------------------
3-1_purchasehistory_list
---------------------------------------- */
.purchasehistory_list .shortage {
  color: #e40000;
}
.purchasehistory_list .order-number {
  text-align: left;
  vertical-align: middle;
}
.purchasehistory_list .table-block-item .cancel-row td {
  background-color: #ffebeb;
  color: #e40000;
}
.purchasehistory_list .table-block-item .cancel-row .shortage {
  color: #e40000;
}
.purchasehistory_list .table-block-item .cancel-row th {
  border-bottom: 1px solid #dedede;
}
.purchasehistory_list .cancel-mark {
  color: #fff;
  background-color: #f04c4c;
  padding: 2px 5px;
  border-radius: 2px;
  line-height: 1;
  white-space: nowrap;
}
.purchasehistory_list .table-block-item .returned-row td {
  background-color: #dfeedf;
  color: #060;
}
.purchasehistory_list .table-block-item .returned-row .shortage {
  color: #060;
}
.purchasehistory_list .table-block-item th {
  border-bottom: 1px solid #dfeedf;
  font-weight: bold;
}
.purchasehistory_list .returned-mark {
  color: #fff;
  background-color: #060;
  padding: 2px 5px;
  border-radius: 2px;
  line-height: 1;
  white-space: nowrap;
}
.purchasehistory_list a.btn-extra {
  padding: 6px 8px;
  margin: 0 0 0 .5em;
  line-height: 1;
}

/*↓追加*/
@media screen and (max-width: 639px) {
  .purchasehistory_list .table-block-item td {
    width: 33%;
    position: relative;
    padding-bottom: 2px;
  }
  .purchasehistory_list .table-block-item tbody th {
    padding-bottom: 7px;
  }
  .purchasehistory_list .table-block-item td .data-value,
  .purchasehistory_list .table-block-item td .data-numeric {
    font-size: 11px;
    position: absolute;
    bottom: 4px;
    width: 90%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .purchasehistory_list .table-block-item td .data-label { 
    font-size: 10px;
    text-align: left;
  }
  .purchasehistory_list .table-block-item td:nth-child(3n+2) {
    width: 34%;
  }
  .table-block-item tbody td:not(.sp-hide) {
    min-height: 4.2em;
  }
  .purchasehistory_list .cancel-mark,
  .purchasehistory_list .returned-mark {
    display: block;
    float: right;
    margin-top: 2px;
  }
  .autocancel_list .table-block-item td {
    width: 50%;
    position: relative;
    padding-bottom: 2px;
  }
  .autocancel_list .table-block-item tbody th {
    padding-bottom: 7px;
  }
  .autocancel_list .table-block-item td .data-value,
  .autocancel_list .table-block-item td .data-numeric {
    font-size: 11px;
    position: absolute;
    bottom: 4px;
    width: 90%;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .autocancel_list .table-block-item td .data-label { 
    font-size: 10px;
    text-align: left;
  }
  .autocancel_list .cancel-mark,
  .autocancel_list .returned-mark {
    display: block;
    float: right;
    margin-top: 2px;
  }
}
/*↑追加*/


/*不使用
@media screen and (max-width: 639px) {
.purchasehistory_list .table-block-item td {
width: 30%;
position: relative;
}
.purchasehistory_list .table-block-item tbody th {
padding-bottom: 7px;
}
.purchasehistory_list .table-block-item td .data-value,
.purchasehistory_list .table-block-item td .data-numeric {
position: absolute;
bottom: 5px;
width: 90%;
text-align: right;
}
.purchasehistory_list .table-block-item td .data-label {
font-size: 10px;
text-align: left;
}
.purchasehistory_list .table-block-item td:nth-child(3n+2) {
width: 40%;
}
.purchasehistory_list .cancel-mark,
.purchasehistory_list .returned-mark {
display: block;
float: right;
margin-top: 2px;
}
}
*/

@media print, screen and (min-width: 640px) {
  .purchasehistory_list .table-block-item tbody th {
    text-align: left;
    width: 12em;
  }
  .purchasehistory_list .table-block-item .cancel-row th {
    background-color: #ffebeb;
    color: #e40000;
  }
  .purchasehistory_list .table-block-item .returned-row th {
    background-color: #dfeedf;
    color: #060;
  }
  .purchasehistory_list .data-numeric {
    text-align: right;
  }
}
/* ----------------------------------------
3-2_purchasehistory_detail
---------------------------------------- */

.purchasehistory_detail table {
  margin: 14px auto 30px;
}
.purchasehistory_detail .item {
  display: block;
  margin-bottom: 20px;
  border: 1px solid #dfded7;
  border-radius: 6px;
  background-color: #f7f7f7;
  /* 色変更 #242830→*/

  padding: 8px 0;
  position: relative;
}
.purchasehistory_detail .item-photo {
  float: left;
  margin-right: 8px;
}
.purchasehistory_detail .item-photo img {
  width: 64px;
  height: 64px
}
.purchasehistory_detail .item-title {
  margin-bottom: 8px;
}
.purchasehistory_detail .item-price,
.purchasehistory_detail .item-quantity,
.purchasehistory_detail .item-subtotal,
.purchasehistory_detail .item-pv {
  padding-left: 82px;
}
.purchasehistory_detail .item-quantity .btn {
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 2px;
}
.purchasehistory_detail .item-subtotal {
  margin-top: 8px;
  margin-bottom: 4px;
  font-weight: bold;
  text-align: right;
}
.purchasehistory_detail .item-pv {
  text-align: right;
}
.purchasehistory_detail .table-list-item .total td {
  background-color: #f4f4f4;
  padding: 10px 10px;
  border-right: none;
}
.purchasehistory_detail .total .total-amount,
.purchasehistory_detail .total .total-amount-nomsg {
  text-align: right;
  font-size: 14px;
  font-weight: bold;
}
.purchasehistory_detail .regular-price {
  font-size: 10px;
}
.purchasehistory_detail .sub-total p {
  text-align: right;
  font-weight: bold;
  padding: 5px 0;
}
.purchasehistory_detail .total .fee-guidance {
  margin: 0 0 10px;
}
.purchasehistory_detail .box-border-gray {
  padding: 12px;
}

@media screen and (max-width: 639px) {
  .purchasehistory_detail .table-list-item tbody tr.sub-total,
  .purchasehistory_detail .table-list-item tbody tr.total {
    border-bottom-width: 0;
    margin: 0;
  }
  .purchasehistory_detail .table-list-item {
    border-bottom: 1px solid #cacaca;
  }
  .purchasehistory_detail .table-default th {
    text-align: left;
  }
  .purchasehistory_detail .table-default .sp-horizontal th {
    display: inline-block;
    width: auto;
    min-width: 10em;
    border-bottom: none;
    float: left;
  }
  .purchasehistory_detail .table-default .sp-horizontal td {
    padding-left: 11em;
  }
  .purchasehistory_detail .box-border-gray .order-number {
    display: block;
  }
}

@media print, screen and (min-width: 640px) {
  .purchasehistory_detail .table-list-item td {
    vertical-align: middle;
    padding: 5px;
    background-color: #fff;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
  }
  .purchasehistory_detail .table-list-item .sub-total td {
    padding-left: 10px;
    padding-right: 10px;
  }
  .purchasehistory_detail .item {
    display: table-row;
  }
  .purchasehistory_detail .item-photo img {
    width: 54px;
    height: 54px;
    padding-right: 10px;
  }
  .purchasehistory_detail .item-info>* {
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  .purchasehistory_detail .item-title {
    padding-left: 0;
  }
  .purchasehistory_detail .item-delete {
    position: inherit;
  }
  .purchasehistory_detail .item-price,
  .purchasehistory_detail .item-quantity,
  .purchasehistory_detail .item-subtotal,
  .purchasehistory_detail .item-pv,
  .purchasehistory_detail .item-delete {
    padding-left: 0;
    text-align: center;
    width: 6em;
  }
  .purchasehistory_detail .item-quantity {
    padding: 10px 0 8px;
  }
  .purchasehistory_detail .item-subtotal {
    font-weight: normal;
    text-align: center;
    margin-top: 0;
  }
  .purchasehistory_detail .item-pv {
    text-align: center;
  }
  .purchasehistory_detail .total .total-amount,
  .purchasehistory_detail .sub-total p {
    display: inline-block;
    width: 100%;
  }
  .purchasehistory_detail .total .fee-guidance {
    margin: 0;
  }
  .purchasehistory_detail .order-summary {
    width: 500px;
    margin: 0 auto;
  }
}
/* ----------------------------------------
4-1_event_list,
4-2_event_detail
4-3_event_reserve
---------------------------------------- */
.event-calendar table {
  font-size: 14px;
}
.box-border-gray .event-title {
  border-bottom: 1px dotted #cfcfcf;
  font-weight: bold;
}
.box-border-gray .relation-link {
  background: #F9F9F9;
  padding: 10px;
}
.event-calendar table {
  width: 100%;
}
.event-calendar table td {
  width: 14.285%;
}
.event-calendar table td li {
  width: 3em;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.event-calendar table,
.event-calendar table td {
  font-size: 14px;
  color: #666666;
  border: 1px solid #F4F4F4;
}
.event-calendar table tr.week td {
  color: #4d4d4d;
  width: 102px;
  padding: .2em 0;
  background-color: #e7e7e5;
  vertical-align: middle;
  text-align: center;
}
.event-calendar table tr.week td:last-child {
  color: #194ac6;
}
.event-calendar table tr.day td:last-child {
  background-color: #f6fdff;
  color: #194ac6;
}
.event-calendar:not(.type-list) table tr.day td {
  background-color: #fff;
  color: #4d4d4d;
/*
  height: 80px;
  padding: .3em;
*/
}
.event-calendar table tr.day td:first-child,
.event-calendar table tr.day td.holiday {
  background-color: #fff9f9;
  color: #f04c4c;
}
.event-calendar table td.today {
  background-color: #ffc!important;
}
.event-calendar table tr.day ul.schedule {
  font-size: 12px;
}
.event-calendar-pager {
  float: right;
  font-size: 14px;
  margin: 10px 0 20px;
}
.event-calendar-pager li {
  float: left;
}
.event-calendar-pager li a {
  margin: 0 .4em;
}
.box-event-list h3 {
  font-size: 14px;
  background: #e7e7e5;
  padding: 10px;
}

@media screen and (max-width: 639px) {
  .map-area .event-map {
    width: 100%;
    height: 160px;
  }
}

@media print, screen and (min-width: 640px) {
  .map-area .event-map {
    width: 100%;
    height: 280px;
  }
}

/* 2019.09.02 ADD START */
#conditions-show,
#conditions-hide,
.event_list .tap-easily-radio dd button.btn {
  min-width: 130px;
}
.event_list .tap-easily-radio dd {
  margin: 0 10px 0 10px;
}
.event_list .tap-easily-radio input[type="checkbox"] {
  display: none;
}
.event_list .tap-easily-radio input[type="checkbox"]+label,
.event_list .btn-month {
  min-width: 5em;
  display: inline-block;
  border: 2px solid #8f8d89;
  border-radius: 6px;
  padding: 10px;
  background: #ffffff;
  color: #8f8d89;
  text-align: center;
  cursor: pointer;
  vertical-align: top;
  margin-bottom: 12px;
  margin-right: 8px;
}
.event_list .tap-easily-radio input[type="checkbox"]+label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 25px;
  position: relative;
}
.event_list .tap-easily-radio input[type="checkbox"]+label:before,
.event_list .tap-easily-radio input[type="checkbox"]+label:after {
  content:"";
  display:block;
  position:absolute;
}
.event_list .tap-easily-radio input[type="checkbox"]:not(:checked)+label:after {
  width: 1em;
  height: 1em;
  border-radius:3px;
  background:#ffffff;
  border:1px solid #8f8d89;
  left: 7px;
  top: 12px;
  opacity: 0.6;
}
/*カラー指定が存在する場合*/
.event_list .tap-easily-radio input[type="checkbox"]+label[class*="col-"]{
  margin-bottom: 1.7em;
}
.event_list .tap-easily-radio input[type="checkbox"]+label[class*="col-"]:before{
  width: calc(100% - 0.5em);
  border-radius: 0.25em;
  border: 0.25em solid;
  left: 0;
  top: 3.3em;
}
.event_list .tap-easily-radio input[type="checkbox"]:checked+label:after{
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  width: 8px;
  height: 4px;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  left: 10px;
  top: 16px;
}
.event_list .tap-easily-radio .op-other input[type="checkbox"]+label ,
.event_list .tap-easily-radio .op-tp input[type="checkbox"]+label {
  width: 85px;
  padding: 10px 5px;
}
.event_list .tap-easily-radio .op-other input[type="checkbox"]+label:last-child {
  width: auto;
}
.event_list .tap-easily-radio input[type="checkbox"]+label:last-child {
  margin-right: 0;
}
.event_list .tap-easily-radio input[type="checkbox"]:checked+label,
div span.btn-select {
  background-color: #8f8d89;
  color: #ffffff;
}
.event_list .tap-easily-radio dt {
  line-height: 28px;
  padding: 5px;
  padding-left: 10px;
  background-color: #e7e7e5;
}
.event_list #prefecturesCount {
  color: #8f8d89;
}
.event_list #prefectures .tap-easily-radio {
  margin-bottom: 0;
}
.event_list #prefectures .tap-easily-radio input[type="checkbox"]+label {
  width: 4em;
}
.event_list #prefectures .tap-easily-radio dd {
  margin: 0;
  margin-bottom: 15px;
}
.event_list #prefectures .tap-easily-radio dd:last-child {
  margin: 0;
  padding-top: 10px;
  border-top: 3px solid #cfcfcf;
}
.event_list .badge-primary,
.event_list .badge-notification {
  padding: 2px 4px;
}
.event_list .selection-category .select-custom .select-flat {
  margin-right: 20px;
}
.event_list .selection-category .btn-area-double {
  margin-bottom: 40px;
}
.event_list div > .btn-month {
  width: 14%;
  margin-right: 1%;
  padding: 10px 0;
}
.event_list div > .btn-month:first-child {
  margin-right: 4%;
  border: 1px solid transparent;
}
.event_list div > .btn-month:last-child {
  margin-right: 0;
}
.event_list .month-title {
  display: flex;
  margin: 0;
  margin-top: 5px;
}
.event_list #month {
  color: #4d4d4d;
  padding: 5px 0;
  padding-right: 1em;
}
.event_list .month-arrow {
  position: relative;
  top: 4px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  opacity: 0.8;
  margin: 0 10px;
  border-radius: 50%;
}
.event_list .month-arrow:hover {
  opacity: 1;
  /* background-color: #67c1ca; */
  background-color: #cf2744;
}
.event_list .month-arrow div {
  width: 16px;
  height: 16px;
  border: 4px solid #79766f;
  box-sizing: border-box;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 9px;
  position: relative;
}
.event_list .month-arrow:hover div {
  border-color: #ffffff;
}
.event_list .month-arrow.prev div {
  left: 12px;
  border-right: none;
  border-bottom: none;
}
.event_list .month-arrow.next div {
  left: 6px;
  border-top: none;
  border-left: none;
}
.event_list .month-title .btn {
  margin: auto 10px;
}
.event_list .month-title .btn:last-child {
  right: 0px;
  position: absolute;
  margin-top: 3px;
}
.box-event-list .legend-icon span {
  margin-right: 5px;
  white-space: nowrap;
}
.event-calendar table tr.week td:first-child {
  color: #f04c4c;
}
.event_list .type-list .list-only {
  display: inherit;
}
/* 日付 */
.event_list table td>i {
  font-weight: normal;
  padding: 12px 7px;
  display: block;
  background-color: #ececec;
  margin-bottom: 0;
  width: 70px;
  height: auto;
  text-align: right;
}
.event_list table td:after {
  position: relative;
  left: -5px;
}
.event_list table td:nth-child(1)>i:after {
  content: "（日）";
}
.event_list table td:nth-child(2)>i:after {
  content: "（月）";
}
.event_list table td:nth-child(3)>i:after {
  content: "（火）";
}
.event_list table td:nth-child(4)>i:after {
  content: "（水）";
}
.event_list table td:nth-child(5)>i:after {
  content: "（木）";
}
.event_list table td:nth-child(6)>i:after {
  content: "（金）";
}
.event_list table td:nth-child(7)>i:after {
  content: "（土）";
}
.event_list table td {
  width: 100%;
  height: auto;
  display: -webkit-flex;
  display: flex;
  padding: 0;
}
.event_list table ul {
  padding: 7px;
}
.event_list table td li {
  width: auto;
}
.event_list table td li:last-child {
  margin-bottom: 0;
}
.event_list table td .schedule a {
  padding: .6em 12px;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
  border-radius: 6px;
  /* background-color: #67c1ca; */
  background-color: #cf2744;
  max-width: 40em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.event_list table td.holiday>i,
.event_list table tr.day td:first-child>i {
  background-color: #f8c7c7;
}
.event_list table tr.day td:not(.holiday):last-child>i {
  background-color: #c8ebfe;
}

@media screen and (max-width: 639px) {
  .btn-area-single {
    margin-bottom: 10px;
  }
  .event_list #prefectures .tap-easily-radio input[type="checkbox"]+label {
    margin-right: 4px;
  }
  .event_list .event-calendar table td .schedule a {
    display: inline-block;
  }
  .event_list table .sp-hide {
    display: none;
  }
  .event_list #month {
    color: #4d4d4d;
    font-weight: bold;
    font-size: 20px;
  }
  .event_list .month-title .month-arrow {
    margin: 0 auto;
  }
  .event_list .month-title .btn-accent {
    margin: auto;
  }
  .event_list table ul li a { color: #fff; }

  .event_list .box-event-list .list-only {
    display: none;
  }
  .event_list table td .schedule li {
    margin-bottom: 7px;
  }
  .event_list table td .schedule li:last-child {
    margin-bottom: 0;
  }
  .event_list .schedule .fa, .schedule .fas {
    margin-left: -0.25em;
    color: #fff !important;
  }
  .event_list table td .schedule a {
    padding: .6em 1em;
  }

}

/*PC-Size*/
@media screen and (min-width: 640px) {

  .event-calendar:not(.type-list) table td>i {
    font-weight: inherit;
    padding: unset;
    display: inline;
    background-color: transparent;
    margin-bottom: 0;
    width: auto;
    height: auto;
    text-align: inherit;
  }
  .event-calendar:not(.type-list) table td>i:after {
    content: "";
    display: none;
  }
  .event-calendar:not(.type-list) table tr.week td {
    display: table-cell;
    color: #4d4d4d;
    width: 102px;
    padding: .2em 0;
    background-color: #e7e7e5;
    vertical-align: middle;
    text-align: center;
  }
  .event-calendar:not(.type-list) table tr.week td:first-child {
    color: #f04c4c;
  }
  .event-calendar:not(.type-list) table tr.week td:last-child {
    color: #194ac6;
  }
  .event-calendar:not(.type-list) table tr.day td {
    width: calc(100% / 7);
    height: 80px;
    display: table-cell;
    padding: .3em;
  }
  .event-calendar:not(.type-list) table ul {
    padding: 0;
  }
  .event-calendar:not(.type-list) table td li {
    margin: 0;
    margin-bottom: 4px;
  }
  .event-calendar:not(.type-list) table .week {
    display: table-row;
  }
  .event-calendar:not(.type-list) table td .schedule a {
    background-color: transparent;
    border-color: transparent;
  }
  .event-calendar:not(.type-list) table td .schedule a {
    padding: 0;
    border-radius: 0;
  }
  .event-calendar:not(.type-list) table tr.day td:not(.holiday):last-child>i,
  .event-calendar:not(.type-list) table td.holiday>i,
  .event-calendar:not(.type-list) table tr.day td:first-child>i {
      background-color: transparent;
  }

  .event-calendar:not(.type-list) table td li { margin: 2px 0; }
  .event-calendar:not(.type-list) table td .schedule a { padding-left: 2px; }

  .event-calendar:not(.type-list) a.color-tag {
    border-left: 4px solid;
  }

  .event-calendar:not(.type-list) .list-only {
    display: none;
  }
  .event_list .type-list table tr.day td {
    padding: 0px;
  }
  .event_list .type-list table .sp-hide {
    display: none;
  }
  .event_list .type-list table ul li span:not(.badge-primary) {
    width: 3.5em;
    display: inline-block;
    color: #4e6b8e;
    padding-right: 3em;
  }
  .event_list .type-list table ul li a:before {
    content: "";
    width: 1em;
    height: 1em;
    left: 13em;
    position: absolute;
    margin-top: 1.5px;
  }
  .event_list .type-list table ul li a {
    background-color: transparent;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
  }
}

@media screen and (max-width: 599px) {
  .event_list table td .schedule a {
    max-width: 36em;
  }
}
@media screen and (max-width: 549px) {
  .event_list table td .schedule a {
    max-width: 32em;
  }
}
@media screen and (max-width: 499px) {
  .event_list table td .schedule a {
    max-width: 28em;
  }
}
@media screen and (max-width: 449px) {
  .event_list table td .schedule a {
    max-width: 24em;
  }
}
@media screen and (max-width: 399px) {
  .event_list table td .schedule a {
    max-width: 20em;
  }
}
@media screen and (max-width: 349px) {
  .event_list table td .schedule a {
    max-width: 16em;
  }
}
@media screen and (min-width: 640px) {
  .event-calendar:not(.type-list) table td li {
    width: 6em;
  }
}
@media screen and (min-width: 768px) {
  .event-calendar:not(.type-list) table td li {
    width: 7em;
  }
}
@media screen and (min-width: 800px) {
  .event-calendar:not(.type-list) table td li {
    width: 8em;
  }
}
@media screen and (min-width: 980px) {
  .event-calendar:not(.type-list) table td li {
    width: 10em;
  }
}

@media screen and (min-width: 568px) {
  .event-calendar.top table td li {
    width: 4em;
  }
}

@media screen and (min-width: 768px) {
  .event-calendar.top table td li {
    width: 5em;
  }
}

@media screen and (min-width: 800px) {
  .event-calendar.top table td li {
    width: 6em;
  }
}

@media print, screen and (min-width: 980px) {
  .event-calendar.top table td li {
    width: 8em;
  }
}



/* 4-2_event_detail */
.category_tags .category_tag {
  font-size: 12px;
  color: #ffffff; 
  display: inline-block;
  box-sizing: border-box;
  padding: 3px 6px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.event_date {
  background-color: #F9F9F9;
  padding: 10px;
}
.event_date dt {
  vertical-align: top;
  float: left;
  margin-bottom: 0.5em;
}
.event_date dt > span {
  display: inline-block;
  width: 4em;
  text-align: center;
}
.event_date dd {
  padding-bottom: 0.5em;
  margin-left: 6.25em;
}
.event_detail_title {
  font-size: 16px;
}
.event_detail_text {
  margin: 1em 5px 1.5em;
}
a.btn_google_cal {
  background-color: #5288f3;
  color: #ffffff;
}
/*PC-Size*/
@media screen and (min-width: 640px) {
  .category_tags .category_tag {
    margin-bottom: 10px;
    margin-right: 5px;
    font-size: 14px;
    min-width: 5em;
    text-align: center;
    border-radius: 0;
  }
}

/* 2019.09.02 ADD END */

/* 2019.09.30 ADD STRAT */
/* ----------------------------------------
4-4_event_entry_list
---------------------------------------- */
.event_entry_list .table-list-item thead tr {
  line-height: 2em;
}
/* 予約中 */
.event_entry_list .table-list-item tbody tr.reserve-row,
.event_entry_list .table-list-item tbody tr.reserve-row th {
  background-color: #beebff;
}
/* 集計中 */
.event_entry_list .table-list-item tbody tr.aggregate-row,
.event_entry_list .table-list-item tbody tr.aggregate-row th {
  background-color: #dfeedf;
}
/* 非公開 */
.event_entry_list .table-list-item tbody tr.nolink-row th {
  background-color: #e6e6e6;
}
/* 中止 */
.event_entry_list .table-list-item tbody tr.cancel-row,
.event_entry_list .table-list-item tbody tr.cancel-row th {
  background-color: #ffebeb;
}

/* PC-size */
@media screen and (min-width: 640px) {
  .event_entry_list .table-list-item {
    text-align: center;
  }
  .event_entry_list .table-list-item .item-title {
    text-align: left;
  }
  .event_entry_list .table-list-item .reserve-row .item-status {
    font-weight: bold;
    color: red;
  }
  .event_entry_list .table-list-item tbody tr.cancel-row {
    color: red;
  }
  .event_entry_list .table-list-item tbody tr.nolink-row {
    height: 51px;
  }
}
/* SP-size */
@media screen and (max-width: 639px) {
  .event_entry_list .table-list-item tbody th {
    display: block;
    min-height: 40px;
  }
  .event_entry_list .reserve-mark,
  .event_entry_list .aggregate-mark,
  .event_entry_list .nolink-mark,
  .event_entry_list .cancel-mark {
    display: block;
    float: right;
    margin-top: 9px;
    color: #fff;
    padding: 5px;
    border-radius: 2px;
    line-height: 1;
    white-space: nowrap;

  }
  .event_entry_list .reserve-mark {
    background-color: #0E7AC4;
  }
  .event_entry_list .aggregate-mark {
    background-color: #060;
  }
  .event_entry_list .nolink-mark {
    background-color: #646464;
  }
  .event_entry_list .cancel-mark {
    background-color: #f04c4c;
  }
  .event_entry_list .table-list-item tbody td:not(.item-title) {
    padding: 2px 10px;
  }
  .event_entry_list .table-list-item tbody td:last-child {
    padding-bottom: 4px;
  }
  .event_entry_list .table-list-item td .pc-hide {
    display: inline-block;
    width: 6em;
    font-weight: bold;
    text-align: right;
    margin-right: .5em;
  }
  .event_entry_list .table-list-item tbody tr.reserve-row,
  .event_entry_list .table-list-item tbody tr.aggregate-row ,
  .event_entry_list .table-list-item tbody tr.nolink-row,
  .event_entry_list .table-list-item tbody tr.cancel-row {
    background-color: transparent;
  }
  /* 詳細ﾘﾝｸが無い場合 */
  .event_entry_list .table-list-item tbody tr.nolink-row th {
    line-height: 40px;
  }
}
/* 2019.09.30 ADD END */

/* ----------------------------------------
5-1_information_list,
5-2_information_detail
---------------------------------------- */
.information_list .month-link li {
  float: left;
}
.information_list .month-select {
  margin-bottom: 20px;
  background-color: #f5f5f2;
  padding-bottom: 8px;
  position: relative;
  z-index: 0;
}
.information_list .month-select-list {
  width: 280px;
  margin: 0 auto;
}
.information_list .month-select .select-custom {
  min-width: 8em;
}
.information_list .month-select ul > li {
  float: left;
  display: inline-block;
  background-color: #fff;
  color: #ccc;
  margin: 0 4px;
  border: 1px solid #e3e3e3;
  padding: 9px;
  vertical-align: middle;
}
.information_list .month-select ul > li a.current,
.information_list .month-select ul > li .year-current {
  font-weight: bold;
  color: #4d4d4d;
}
.information_list .month-select ul > li a.current:hover {
  text-decoration: none;
  cursor: default;
}
.information_list .month-select ul > li.year-current-box {
  border: none;
  text-align: center;
  padding: 4px 0 0;
  padding-top: 4px;
  margin: 0 3px;
  background-color: transparent;
}
.information_list .month-select ul > li.page-prev,
.information_list .month-select ul > li.page-next {
  margin-top: 22px;
}
.information_list .month-select li a {
  display: block;
}
.information_list .month-select li.page-prev {
  background-position: 58px -397px;
  padding-right: 24px;
}
.information_list .month-select li.page-next {
  background-position: 9px -367px;
  padding-left: 24px;
}
.information_list .dl-horizontal-border {
  border-top: 1px dotted #b2b2b2;
  border-bottom: 1px dotted #b2b2b2;
}
.information_list .monthly-news-list h3 {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px 0;
}

@media screen and (max-width: 979px) {
  .pc-only {
    display: none;
  }
}

@media print, screen and (min-width: 980px) {
  .pc-only-hide {
    display: none;
  }
  .information_list .monthly-news-list h3 {
    margin: 0 0 10px 10px;
  }
  .information_list .month-select-list {
    width: 696px;
    margin: 0 auto;
  }
  .information_list .month-select {
    padding: 10px 10px;
  }
  .information_list .month-select ul > li {
    padding: 6px;
  }
  .information_list .month-select ul > li.year-current-box {
    background-color: #fff;
    padding-bottom: 6px;
  }
  .information_list .month-select ul > li.page-prev,
  .information_list .month-select ul > li.page-next {
    margin-top: 20px;
  }
  .information_list .month-select li.page-prev {
    background-position: 54px -401px;
    padding-right: 20px;
  }
  .information_list .month-select li.page-next {
    background-position: 7px -371px;
    padding-left: 20px;
  }
}
.information_detail .style-iframe iframe {
  width: 100%;
  height: 360px;
}
@media print, screen and (min-width: 768px) {
  .information_detail .style-iframe iframe{
    width: 320px;
    height: 240px;
  }
}
/* ----------------------------------------
6-1_pregistration_information
---------------------------------------- */
.registration_information .table-default td {
  font-size: 14px;
}
.registration_information h3.box-colored-gray {
  font-weight: bold;
  font-size: 14px;
  padding: 6px 1em;
}
.registration_information .pdf-dl {
  text-align: center;
  padding: 8px 0;
}
.registration_information .pdf-dl img {
  vertical-align: middle;
}
.registration_information .btn {
  margin: 0;
  padding: 4px 12px;
  float: right;
}
.registration_information .btn-height {
  display: inline-block;
  line-height: 32px;
}

.registration_information h3.ctr {
  text-align:center;
}

@media screen and (max-width: 639px) {
  .registration_information .table-default th {
    text-align: left;
  }
  .registration_information .table-list-item tr {
    margin: 0;
  }
  .registration_information .table-list-item tbody td {
    padding: 0 10px 8px;
  }
  .registration_information .table-list-item tbody td:first-child {
    padding-top: 8px;
  }
}

@media print, screen and (min-width: 640px) {
  .registration_information .table-default th,
  .registration_information .table-th-hide th {
    width: 180px;
  }
  .registration_information .table-list-item tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .registration_information .table-list-item td {
    width: 25%;
    border-right: 1px solid #dedede;
    text-align: center;
  }
}
/* ----------------------------------------
6-2_mail_change
---------------------------------------- */
.mail_change .box-border-gray h3 {
  font-weight: bold;
  margin-bottom: .5em;
}
.mail_change .box-border-gray ol>li {
  margin-bottom: 12px;
}
.mail_change .box-border-gray ul {
  margin: .8em 0;
}

@media screen and (max-width: 639px) {
  .mail_change .table-default th {
    text-align: left;
  }
}

@media screen and (min-width: 640px) {
  .mail_change .table-default.entry-form th {
    width: 10em;
  }
}
/* ----------------------------------------
6-5_maildelivery_change
---------------------------------------- */
.maildelivery_change h3.box-colored-gray {
  font-weight: bold;
  font-size: 14px;
  padding: 6px 1em;
}
.maildelivery_input input[type="checkbox"] {
  margin-right: 0;
  margin-left: .5em;
}
.maildelivery_input label:first-of-type input {
  margin-left: 0;
}
.maildelivery_input label {
  display: inline-block;
  white-space: nowrap;
}

@media screen and (max-width: 379px) {
  .maildelivery_input td .pc-hide {
    display: block;
  }
}

@media screen and (max-width: 639px) {
  .maildelivery_change .table-default th {
    text-align: left;
  }
  .maildelivery_change .table-list-item tr {
    margin: 0;
  }
  .maildelivery_change .table-list-item tbody td {
    padding: 0 10px 8px;
  }
  .maildelivery_change .table-list-item tbody td:first-child {
    padding-top: 8px;
  }
  .maildelivery_input td .pc-hide {
    width: 6em;
  }
  .maildelivery_input input[type="checkbox"] {
    vertical-align: middle;
  }
}

@media screen and (min-width: 640px) {
  .maildelivery_change .table-default th,
  .maildelivery_change .table-th-hide th {
    width: 180px;
  }
  .maildelivery_change .table-list-item tbody tr:nth-child(odd) {
    background-color: #fff;
  }
  .maildelivery_change .table-list-item td {
    border-right: 1px solid #dedede;
    text-align: center;
  }
  .maildelivery_change .table-list-item .w25p {
    width:25%;
  }
  .maildelivery_change .table-list-item .w35p {
    width:35%;
  }
  .maildelivery_input td select {
    margin: 5px 0;
  }
  .maildelivery_comfirm td {
    width: 25%;
  }
}
/* ----------------------------------------
7-1_passwordchange
---------------------------------------- */
.passwordchange .table-default label {
  display: block;
}

@media screen and (max-width: 639px) {
  .passwordchange .table-default th {
    text-align: left;
  }
  .passwordchange .table-default td {
    border-bottom: none;
  }
  .passwordchange .table-default td:last-child {
    border-bottom: 1px solid #dedede;
    padding-top: 0;
    padding-bottom: 10px;
  }
  .passwordchange .table-default input[type="text"],
  .passwordchange .table-default input[type="password"] {
    width: 100%;
  }
  .passwordchange .table-default label {
    padding-bottom: 2px;
  }
}

@media screen and (min-width: 640px) {
  .passwordchange .table-default tbody th {
    width: 10em;
  }
}
/* ----------------------------------------
8-1_autoship
---------------------------------------- */
.autoship h3.box-colored-gray {
  font-weight: bold;
  font-size: 14px;
  padding: 6px 1em;
}
.autoship .table-default .btn {
  margin: 0;
  padding: 4px 12px;
  float: right;
}
.autoship .table-default div.auto-info-left {
  width: 80%;
  float: left;
}
.autoship .table-default div.auto-info-right {
  width: 20%;
  float: right;
}
.autoship .table-heading .btn {
  margin: 0;
  padding: 5px;
}
.autoship .table-heading .btn-prev-period {
  float: left;
  background-position: 3px -684px;
  padding-left: 14px;
}
.autoship .table-heading .btn-next-period {
  float: right;
  background-position: 55px -662px;
  padding-right: 14px;
}
.autoship .btn-height {
  display: inline-block;
  line-height: 28px;
}
.autoship .item-photo img {
  width: 54px;
  height: 54px;
}
.autoship .item-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.autoship .box-scroll-resp td:not(.td-item-info):not(.td-btn) {
  text-align:center;
}
.autoship .box-scroll .table-content {
  width: auto;
}
.autoship tr.total-amount td {
  background-color: #f4f4f4;
}
.autoship tr.total-amount td.td-item-info {
  font-weight: bold;
}



@media screen and (max-width: 599px){
  .autoship .sp-hide {
    display: none;
  }
  .autoship .table-default th {
    text-align: left;
  }
  .autoship .item-title {
    white-space: nowrap;
    width: 80px;
  }
  .autoship .box-fixed {
    width: 38%;
  }
  .autoship .box-scroll {
    width: 62%;
  }

  .autoship .table-heading tr.tr-heading {
    width: 55%;
  }
  .autoship .table-heading tr.tr-cycle {
    width: 45%;
  }
  .autoship .table-content tbody {
    width: 100%;
    display:inline-flex;
  }
  .autoship .table-content tr {
    min-width:92px;
  }
  .autoship .item-auto-start:after {
    content: "〜";
    display: inline-block;
  }
  .autoship .item-photo {
    text-align: center;
    margin-bottom: 4px;
  }
  .autoship .td-item-info {
    height: 200px;
  }
  .autoship th.td-item-info {
    padding-top: 95px;
  }
  .autoship .th-cycle {
    height: 267px;
  }
  .autoship .td-btn {
    height: 44.5px;
    text-align:center;
  }
  .autoship th.td-btn {
    padding-top: 14px;
  }
  .autoship .table-content td:not(.td-item-info):not(.td-btn){
    height:44.5px;
    padding-top:14px;
  }
  .autoship .table-content td.td-btn {
    padding-top: 0;
  }
  .autoship tr.total-amount td.td-item-info {
    padding-top: 95px;
    text-align: center;
  }
  .autoship .table-heading .btn-prev-period {
    background-image: none;
    float: none;
    padding: 0 0 5px 0;
    width: 98%;
  }
  .autoship .table-heading .btn-next-period {
    background-image: none;
    float: none;
    padding: 5px 0 0 0;
    width: 98%;
  }
  .autoship .table-heading .btn-prev-period:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    margin: 0 auto 5px;
    border-bottom-color: #fff;
  }
  .autoship .table-heading .btn-next-period:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    margin: 5px auto 0;
    border-top-color: #fff;
  }
  .autoship .table-heading .btn-height {
    padding: 95px 0;
  }

}


@media print, screen and (min-width: 600px){
  .autoship .sp-hide {
    display: inline-block;
  }
  .autoship .item-title {
    width:180px;
  }
  .autoship .item-photo {
    float: left;
  }

  .autoship .td-item-info {
    width:258px;
  }

  .autoship .td-btn {
    width:64px;
  }

  .autoship .item-info {
    padding-left: 62px;
  }
  .autoship tr.total-amount td.td-item-info {
    text-align:right;
  }

  .autoship .box-scroll-resp td:not(.td-item-info):not(.td-btn) {
    text-align:center;
  }
}




/* ----------------------------------------
8-2_autoship_delivery_change,
8-3_autoship_delivery_change_comfirm
---------------------------------------- */
.autoship_delivery_change_comfirm .table-default td {
  font-size: 14px;
}

@media screen and (max-width: 639px) {
  .autoship_delivery_change .table-default th,
  .autoship_delivery_change_comfirm .table-default th {
    text-align: left;
  }
}
/* ----------------------------------------
8-5_autoship_change
---------------------------------------- */

.autoship_change .select-custom-label,
.autoship_change .select-custom {
  float: left;
}
.autoship_change .select-custom-label {
  line-height: 40px;
}

@media screen and (max-width: 639px) {
  .autoship_change .table-list-item th.pc-hide {
    display: block;
  }
  .autoship_change .table-list-item td .pc-hide {
    display: inline-block;
    width: 9em;
    font-weight: bold;
    text-align: right;
    margin-right: .5em;
  }
  .autoship_change .table-list-item tbody td:not(.item-info) {
    padding: 4px 10px;
  }
  .autoship_change .table-list-item tbody tr {
    padding-bottom: .5em;
  }
  .autoship_change .table-list-item td.item-buy {
    display: block;
    float: right;
    /* margin-top: -10em;   20170521 大野*/
    margin-top: -0.5em;
    background-color: #ffc;
    border: 1px solid #ddd;
    border-right-color: transparent;
  }
  .autoship_change .table-list-item td.item-buy input {
    vertical-align: middle;
  }
  .autoship_change .table-list-item td.item-buy .pc-hide {
    width: 2em;
  }
}

@media print, screen and (min-width: 640px) {
  .autoship_change .table-list-item td {
    padding: 10px 5px;
  }
  .autoship_change .table-list-item td.item-info {
    text-align: left;
    font-weight: bold;
  }
  .autoship_change .table-list-item td.item-price,
  .autoship_change .table-list-item td.item-point {
    text-align: right;
  }
  .autoship_change .table-list-item td.item-quantity,
  .autoship_change .table-list-item td.item-cycle,
  .autoship_change .table-list-item td.item-buy {
    text-align: center;
  }
  #cond tbody td {
    width:33%;
  }
}
/* ----------------------------------------
9-2_results_list
---------------------------------------- */
.results_list .sp-th {
  background-color: #ececec;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 5px;
}
.results_list .term-select .select-bundle {
  margin: 5px 0;
}
.results_list .fixed-box {
  width: 44%;
}
.results_list .scroll-box {
  width: 56%;
}
.results_list .box-border-gray {
  padding: 10px;
}

@media print, screen and (min-width: 460px) {
  .results_list .fixed-box {
    width: 30%;
  }
  .results_list .scroll-box {
    width: 70%;
  }
  .results_list .term-select .select-bundle {
    display: inline;
  }
}

@media screen and (min-width: 640px) {
  .results_list .fixed-box {
    width: 20%;
  }
  .results_list .scroll-box {
    width: 80%;
  }
}

@media print, screen and (min-width: 980px) {
  .results_list .fixed-box {
    width: 134px;
  }
  .results_list .scroll-box {
    width: 846px;
  }
}
/* ----------------------------------------
9-3_bonus_list
---------------------------------------- */
.bonus_list .sp-th {
  background-color: #ececec;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 5px;
}
.bonus_list .term-select .select-bundle {
  margin: 5px 0;
}
.bonus_list .fixed-box {
  width: 40%;
}
.bonus_list .scroll-box {
  width: 60%;
}
.bonus_list .scroll-box table {
  width: auto;
}
.bonus_list .w-1em {
  width: 14px;
  margin: 0 auto;
  white-space: normal;
  word-wrap: break-word;
}
.bonus_list a.btn-extra {
  margin: 0;
  padding: 4px 10px;
}
.bonus_list .row-detail-btn td {
  padding: 2px 0 4px;
}

@media screen and (min-width:480px) {
  .bonus_list .fixed-box {
    width: 30%;
  }
  .bonus_list .scroll-box {
    width: 70%;
  }
}

@media print, screen and (min-width:640px) {
  .bonus_list .term-select .select-bundle {
    display: inline-block;
  }
}

@media screen and (min-width:768px) {
  .bonus_list .fixed-box {
    width: 20%;
  }
  .bonus_list .scroll-box {
    width: 80%;
  }
}

@media print, screen and (min-width: 980px) {
  .bonus_list .fixed-box {
    width: 130px;
  }
  .bonus_list .scroll-box {
    width: 850px;
  }
}
/* ----------------------------------------
9-4_bonus_detail
---------------------------------------- */

.bonus_detail h3.box-colored-gray {
  margin-bottom: 1px;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
}

@media screen and (max-width:639px) {
  .bonus_detail .table-block-item td {
    width: 28%;
    position: relative;
  }
  .bonus_detail .table-block-item td:nth-child(3n+2) {
    width: 44%;
  }
  .bonus_detail .table-block-item td .data-label {
    font-size: 10px;
    text-align: left;
  }
  .bonus_detail .table-block-item td .data-value,
  .bonus_detail .table-block-item td .data-numeric {
    position: absolute;
    bottom: 5px;
    width: 90%;
    text-align: right;
  }
}

@media print, screen and (min-width:640px) {
  .bonus_detail .table-block-item .top-border th {
    border-top: 1px solid #fff;
  }
  .bonus_detail .table-block-item thead .top-border th:last-child {
    border-right: 1px solid #fff;
  }
  .bonus_detail .data-numeric {
    text-align: right;
  }
}
/* ----------------------------------------
10-n_analysis
---------------------------------------- */
.analysis label {
  font-weight: bold;
}
.analysis .chart_div {
  min-height: 500px;
}
.analysis .sp-th {
  background-color: #ececec;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
  margin-bottom: 5px;
}
.analysis .term-select .select-bundle {
  margin: 5px 0;
}

@media screen and (max-width: 640px) {
  .analysis .table-list-item tbody tr {
    padding-bottom: 10px;
  }
}

@media print, screen and (min-width: 640px) {
  .analysis .term-select .select-bundle {
    display: inline;
  }
}
/* ----------------------------------------
11-1_organizational_chart
---------------------------------------- */
.tap-easily-radio dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}
.tap-easily-radio dd {
  margin-bottom: 20px;
}
.tap-easily-radio dt {
  padding: 5px;
  background-color: #e7e7e5;
}

@media (min-width: 1px) {
  .tap-easily-radio input[type="radio"] {
    display: none;
  }
  .tap-easily-radio input[type="radio"]+label {
    display: inline-block;
    border: 2px solid #8f8d89;
    border-radius: 6px;
    padding: 20px 0;
    background: white;
    color: #8f8d89;
    width: 31%;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
  }
  .tap-easily-radio input[type="radio"]+label.two-lines {
    padding: 12px 0;
  }
  .tap-easily-radio input[type="radio"]+label span {
    display: block;
  }
  .tap-easily-radio input[type="radio"]+label:last-child {
    margin-right: 0;
  }
  .tap-easily-radio input[type="radio"]:checked+label {
    background-color: #8f8d89;
    color: #fff;
  }
}
.tap-easily-radio .select-custom {
  display: inline-block;
  border: 2px solid #8f8d89;
  border-radius: 6px;
}
.tap-easily-radio .select-flat {
  height: 44px;
  min-width: 76px;
}
.pinpoint-search h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px;
}
.pinpoint-search a {
  display: block;
  width: 140px;
  margin: 10px auto 0;
}
.system-requirements dt {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: .5em;
}
.system-requirements dd:not(:last-child) {
  margin-bottom: 20px;
}
.system-requirements p {
  margin: 1em 0;
}

@media print, screen and (min-width: 768px) {
  .tap-easily-radio dt {
    padding: 0;
    background-color: transparent;
  }
  .tap-easily-radio input[type="radio"]+label {
    font-size: 18px;
    width: 238px;
    margin-right: 8px;
    padding: 14px 0;
  }
  .tap-easily-radio input[type="radio"]+label span {
    display: inline;
  }
  .tap-easily-radio input[type="radio"]+label.two-lines {
    padding: 14px 0;
  }
  .pinpoint-search p {
    text-align: center;
  }
}
/* ----------------------------------------
11-2_pinpoint_search
---------------------------------------- */
.pinpoint_search .box-border-gray {
  padding: 10px 14px;
}
.pinpoint_search input[type="radio"] {
  vertical-align: text-bottom;
}
.pinpoint_search .search-method label {
  width: 8em;
  text-align: left;
}

@media screen and (max-width: 639px) {
  .pinpoint_search .table-default th {
    text-align: left;
  }
  .pinpoint_search .check-width {
    display: inline-block;
    width: 8%;
    padding: 10px 0;
    text-align: center;
  }
  .pinpoint_search .entry-form .w-ll {
    width: 90%;
  }
}

@media screen and (max-width: 944px) {
  .pinpoint_search .guide-text {
    display: block;
    margin: 5px 0;
  }
}

@media print, screen and (min-width: 640px) {
  .pinpoint_search .table-default th,
  .pinpoint_search .table-default.entry-form th {
    width: 10em;
  }
}
/* ----------------------------------------
11-2_managing _favorites
---------------------------------------- */
.managing_favorites .table-list-item a.btn-extra {
  margin: 0;
  padding: 4px 10px;
}
.managing_favorites .table-list-item .withdrawal span {
  background: #666;
  color: #fff;
  border-radius: 2px;
  padding: 2px 5px;
  font-weight: normal;
}

@media screen and (max-width: 639px) {
  .managing_favorites .table-list-item th.pc-hide {
    display: block;
    padding: 10px;
  }
  .managing_favorites .table-list-item td .pc-hide {
    display: inline-block;
    width: 6em;
    font-weight: bold;
    text-align: right;
    margin-right: .5em;
  }
  .managing_favorites .table-list-item tbody td {
    padding: 4px 10px;
  }
  .managing_favorites .table-list-item tbody tr {
    padding-bottom: .5em;
  }
  .managing_favorites .table-list-item tbody tr {
    position: relative;
  }
  .managing_favorites .table-list-item td.delete_btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  .managing_favorites .table-list-item th.pc-hide span.delete_btn {
    margin-left: 10px;
  }
  .managing_favorites .table-list-item td.withdrawal {
    display: none;
  }
  .managing_favorites .table-list-item span.withdrawal span {
    margin-left: 10px;
  }
  .managing_favorites .table-list-item td.membership_name {
    display: none;
  }
}

@media print, screen and (min-width: 640px) {
  .managing_favorites .table-list-item td {
    padding: 10px;
  }
  .managing_favorites .table-list-item td.hierarchy,
  .managing_favorites .table-list-item td.membership_number {
    text-align: right;
  }
  .managing_favorites .table-list-item td.status,
  .managing_favorites .table-list-item td.withdrawal,
  .managing_favorites .table-list-item td.delete_btn {
    text-align: center
  }
  .managing_favorites .table-list-item td.withdrawal,
  .managing_favorites .table-list-item td.delete_btn {
    text-align: center;
    width: 80px;
  }
}
/* ----------------------------------------
12-n_about_xx about-contents
---------------------------------------- */
.about-contents .box-segment {
  font-size: 14px;
}
.about-contents .box-sub-segment {
  margin-bottom: 30px;
}
.about-contents .box-sub-segment p {
  margin-bottom: 10px;
}
.about-contents .accordion dd {
  padding: .8em;
  border-bottom: 1px solid #d3d3d3;
  background-color: #f4f4f4;
}
.about-contents .box-border-gray {
  padding: 10px;
}

@media screen and (max-width: 639px) {
  .about-contents .table-default th {
    text-align: left;
    padding: 5px;
  }
  .about-contents .table-default td>table {
    border-top: 1px solid #dedede;
    width: 100%;
  }
  .about-contents .table-default td>table th,
  .about-contents .table-default td>table td {
    display: table-cell;
    width: auto;
    text-align: left;
    padding: 3px;
  }
  .about-contents .table-default td>table th {
    width: 7em;
    font-size: 12px;
    text-align: center;
  }
  .about-contents .table-default td>table td {
    padding: 3px 8px;
  }
}

@media print, screen and (min-width: 640px) {
  .about-contents .table-default th {
    width: 12em;
  }
  .about-contents .pc-block {
    display: block;
  }
  .about-contents .table-default td>table {
    width: 100%;
    border-top: 1px solid #dedede;
  }
  .about-contents .table-default td>table th {
    width: 7em;
    text-align: right;
  }
  .about-contents .table-default td>table td {
  }
}
/* ----------------------------------------
13_inquiry
---------------------------------------- */
.inquiry .dl-horizontal-border {
  border-top: 1px dotted #b2b2b2;
  border-bottom: 1px dotted #b2b2b2;
}
.inquiry .box-border-gray {
  padding: 10px;
}
.inquiry .dl-horizontal-border dt {
  margin-bottom: 1em;
  padding-top: 1em;
}
.inquiry .dl-horizontal-border dd {
  margin-bottom: 1em;
}
/* ↓追加*/
.inquiry a.btn-extra {
  padding: 6px 8px;
  margin: 1 0 0 .5em;
  line-height: 1.5;
}
/* ↑追加*/

/*-----inquiry_detail-----*/
.inquiry .inquiry-detail h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
}
.inquiry .inquiry-detail li.inquiry-q,
.inquiry-detail li.inquiry-a {
  width: 100%;
}
.inquiry .inquiry-detail li .inquiry-inner {
  position: relative;
}
.inquiry .inquiry-detail .inquiry-a .avater-operator {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 15px;
  left: 6px;
}
.inquiry .inquiry-detail .inquiry-a .avater-operator:after {
  content: 'サポート';
  width: 48px;
  position: absolute;
  bottom: -18px;
  left: -5px;
  color: #4d4d4d;
  font-weight: bold;
}
/* Set image [@1x] */
.avater-operator {
  background-repeat: no-repeat;
  background-image: url(../img/avater_operator.png);
}

/* Set image [@2x] */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .avater-operator {
    background-image: url(../img/avater_operator@2x.png);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
  }
}
.inquiry .inquiry-detail .date {
  font-size: 11px;
}
.inquiry .inquiry-detail .inquiry-q .date {
  position: absolute;
  bottom: 0;
  left: -55px;
  width: 50px;
  text-align: right;
}
.inquiry .inquiry-detail .inquiry-a .date {
  position: absolute;
  bottom: 0;
  right: -55px;
  width: 50px;
  text-align: left;
}
.inquiry .inquiry-detail .balloon-q p,
.inquiry .inquiry-detail .balloon-a p {
  text-align: left;
  font-size: 14px;
  padding: 15px;
  line-height: 1.4;
  word-break: break-all;
}
.inquiry .inquiry-detail .balloon-q {
  background: #eee;
  dispay: inline-block;
  position: relative;
  width: auto;
  max-width: 500px;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-right: 10px;
  float: left;
}
.inquiry .inquiry-detail .balloon-q:before {
  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-left-color: #eee;
  position: absolute;
  right: -20px;
  bottom: 12px;
  margin-top: -9px;
}
.inquiry .inquiry-detail .balloon-a {
  background: #f0f8ff;
  display: inline-block;
  position: relative;
  width: auto;
  max-width: 500px;
  height: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: 60px;
  float: left;
}
.inquiry .inquiry-detail .balloon-a:before {
  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-right-color: #f0f8ff;
  position: absolute;
  left: -20px;
  bottom: 12px;
  margin-top: -9px;
}
.inquiry .inquiry-detail textarea {
  border: 1px solid #cacaca;
  width: 100%;
  resize: vertical;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}
/*-----inquiry-----*/
.inquiry .subject input {
  width: 100%;
}
.inquiry .inquiry-input .table-default th,
.inquiry .inquiry-comfirm .table-default th {
  width: 10em;
  vertical-align: top;
  padding-top: 10px;
}
.inquiry .inquiry-text textarea {
  width: 100%;
  min-height: 300px;
  resize: vertical;
  border: 1px solid #cacaca;
  font-size: 16px;
  padding: 6px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*-----inquiry_comfirm-----*/
.inquiry .inquiry-comfirm .subject {
  border: 1px solid #cacaca;
  font-size: 16px;
  padding: 6px 8px;
}
.inquiry .inquiry-comfirm .inquiry-text {
  width: 100%;
  word-break: break-all;
}
.inquiry .inquiry-comfirm textarea {
  resize: none;
}

@media print, screen and (max-width: 639px) {
  .inquiry .box-border-gray {
    padding: 10px 10px 0;
  }
  .inquiry .dl-horizontal-border dt {
    padding-top: .8em;
  }
  /*-----inquiry_detail-----*/
  .inquiry .inquiry-detail .balloon-q,
  .inquiry .inquiry-detail .balloon-a {
    width: auto;
    max-width: 280px;
  }
  /*-----inquiry-----*/
  .inquiry .inquiry-input .table-default th,
  .inquiry .inquiry-comfirm .table-default th {
    width: 100%;
    text-align: left;
  }
  .inquiry .inquiry-input .inquiry-text textarea {
    min-height: 200px;
    resize: none;
    font-size: 16px;
  }
}

@media print, screen and (max-width: 400px) {
  /*-----inquiry_detail-----*/
  .inquiry .inquiry-detail .balloon-q,
  .inquiry .inquiry-detail .balloon-a {
    width: auto;
    max-width: 220px;
  }
}

@media print, screen and (max-width:370px) {
  /*-----inquiry_detail-----*/
  .inquiry .inquiry-detail .inquiry-q .date {
    position: absolute;
    bottom: 0;
    left: -12px;
  }
  .inquiry .inquiry-detail .inquiry-a .date {
    position: absolute;
    bottom: 0;
  }
  .inquiry .inquiry-detail .balloon-q p,
  .inquiry .inquiry-detail .balloon-a p {
    text-align: left;
    font-size: 13px;
    padding: 15px;
    line-height: 1.4;
  }
  .inquiry .inquiry-detail .balloon-q {
    width: auto;
    float: right;
    margin-left: 44px;
  }
  .inquiry .inquiry-detail .balloon-a {
    width: auto;
    max-width: 196px;
  }
}
/* ----------------------------------------
14-1_download
---------------------------------------- */

.download-contents .jump-to-cnt {
  margin-bottom: 20px;
}
.download-contents .jump-to-cnt li {
  margin-bottom: .4em;
  background-position: 0 -646px;
  box-sizing: border-box;
  padding-left: 1em;
  vertical-align: top;
}
.download-contents .box-border-gray {
  margin-bottom: 20px;
}
.download-contents .type-pdf,
.download-contents .type-other {
  border: 1px solid #dedede;
}
.download-contents .type-pdf li,
.download-contents .type-other li {
  background-image: url(../img/Adobe_PDF_file_icon_32x32.png);
  background-repeat: no-repeat;
  background-position: 10px 6px;
  padding: 14px 10px 14px 50px;
}
.download-contents .type-other li {
  background-image: none;
  padding-left: 10px;
}
.download-contents .type-pdf li:nth-child(odd),
.download-contents .type-other li:nth-child(odd) {
  background-color: #ededed;
}
.download-contents .type-pdf li p,
.download-contents .type-other li p {
  margin-top: 8px;
}
.download-contents .box-border-gray h4 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 4px 10px;
  background-color: #999;
  margin-top: 12px;
}

@media screen and (max-width: 639px) {
  .download-contents .jump-to-cnt li {
    width: 49%;
    border: 1px solid #dedede;
    padding: 6px 6px 6px 20px;
    background-position: 6px -640px;
  }
  .download-contents .jump-to-cnt li a {
    display: block;
  }
}

@media print, screen and (min-width: 640px) {
  .download-contents .jump-to-cnt li:not(:last-child):after {
    content: "|";
    display: inline-block;
    color: #cfcfcf;
    margin: 0 .6em;
  }
  .download-contents .dl-reader {
    display: table;
  }
  .download-contents .dl-reader a {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .download-contents .dl-reader span {
    display: table-cell;
    min-height: 39px;
    vertical-align: middle;
  }
}
/* ----------------------------------------
15-1_login
---------------------------------------- */
.login-contents .btn-area-double a {
  width: 100%;
}
.login-contents .ico-login,
.login-contents .ico-entry {
  font-size: 16px;
}

@media screen and (max-width: 639px) {
  .login-contents .table-default th.sp-hide {
    display: none;
  }
  .login-contents .table-default .no-btm-border td {
    border-bottom: none;
  }
  .login-contents .contact-time {
    display: block;
    margin-left: 26px;
  }
  .login-contents .btn-area-single,
  .login-contents .btn-area-double {
    margin-bottom: 0;
  }
  .login-contents .w-half-left {
    margin-bottom: 20px;
  }
  .login-contents .contact-tel {
    margin-bottom: 20px;
  }
  .login-contents .contact-mail a.btn {
    width: 100%;
  }
}

@media print, screen and (min-width: 640px) {
  .login-contents .w-half-left {
    width: 49%;
    float: left;
    box-sizing: border-box;
    min-height: 216px;
    margin-right: 1%;
  }
  .login-contents .w-half-right {
    width: 49%;
    float: right;
    box-sizing: border-box;
    min-height: 216px;
  }
  .login-contents .btn-area-double {
    width: auto;
    margin-bottom: 0;
  }
  .login-contents .btn-area-double a:first-child {
    margin-right: 14px;
  }
  .login-contents .contact-mail a.btn {
    margin-left: 10px;
  }
}

@media print, screen and (min-width: 720px) {
  .login-contents .btn-area-double a {
    width: 146px;
  }
}

/* ----------------------------------------
15-3_password -
15-6_password_reissue
---------------------------------------- */ 
@media screen and (max-width: 639px) {
  .password-registration .table-default th,
  .password-reset .table-default th {
    text-align: left;
  }
}
/* ----------------------------------------
sign-up
15-9_agreement - 15-14_temporary_registration
---------------------------------------- */ 
.sign-up .step-navi li {
  padding: 14px 8px 14px 12px;
  margin-right: 22px;
  text-align: center;
}
.sign-up .step-navi li:after {
  border-left: 18px solid #999;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.sign-up .step-navi li.current:after {
  border-left-color: #ffa235;
}
.sign-up .step-navi li.last {
  padding: 22px 16px;
  margin-right: 0;
  background-color: #fff;
  color: #999;
  border: 2px solid #999;
}
.sign-up .step-navi li.last.current {
  border-color: #ffa235;
  color: #ffa235;
}
.sign-up ol.terms>li {
  list-style-position: inside;
  margin-bottom: 1.4em;
  margin-left: .2em;
}
.sign-up ol.terms>li ol li {
  margin-bottom: .6em;
  margin-left: 2em;
}
.sign-up ol.terms h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 10px 0;
}
.sign-up .box-border-gray h3 {
  font-weight: bold;
  margin-bottom: .5em;
}
.sign-up .table-hold tr:nth-child(even) {
  background-color: #fff;
}
.sign-up .corp-abbr td {
  font-weight: bold;
  color: #e40000;
}
.sign-up .box-border-gray table th,
.sign-up .box-border-gray table td {
  padding: 4px;
}
.sign-up .exp-label {
  display: block;
  padding: 4px;
  background-color: #ffc;
  border: 1px solid #dedede;
  border-bottom: none;
}
.sign-up .choose-title label {
  width: 20em;
  text-align: left;
}

@media screen and (max-width: 719px) {
  .sign-up .step-navi li:after {
    display: none;
  }
  .sign-up .step-navi {
    display: table;
    width: 100%;
  }
  .sign-up .step-navi li,
  .sign-up .step-navi li.last {
    float: none;
    display: table-cell;
    min-width: 3em;
    margin-right: 0;
    padding: .6em 0;
    vertical-align: middle;
  }
  .sign-up .step-navi li:not(.last) {
    border-right: 2px solid #fff;
  }
  .sign-up .step-navi li span {
    display: block;
  }
  .sign-up .step-num {
    font-size: 14px;
  }
  .sign-up .step-navi li .step-num {
    background-color: #fff;
    display: inline-block;
    width: 1.4em;
    border-radius: 50%;
    color: #999;
    margin-bottom: .4em;
  }
  .sign-up .step-navi li.current .step-num {
    color: #ffa235;
  }
  .sign-up .step-navi li .step-num span {
    display: none;
  }
  .sign-up .contact-time {
    display: block;
    margin-left: 26px;
  }
  .sign-up .contact-tel {
    margin-bottom: 20px;
  }
  .sign-up .contact-mail a.btn {
    width: 100%;
  }
}

@media print, screen and (min-width: 720px) {
  .sign-up .step-navi li {
    min-width: 74px;
  }
  .sign-up .choose-title th {
    width: 11.5em;
  }
  .sign-up .contact-mail a.btn {
    margin-left: 10px;
  }
}
.sign-up .bdr-lr-n {
  border-left:none;
  border-right:none;
}
.sign-up .bdr-all-n {
  border:none;
}
/* ----------------------------------------
sign-up
15-12_registration_contents
---------------------------------------- */ 
.information-input .table-default th {
  text-align: left;
}
.information-input .box-border-gray .table-hold th {
  width: 48%;
}
.information-input .pc-fr,
.information-input .pc-fl {
  box-sizing: border-box;
}
.information-input .pc-fr {
  padding: 10px 8px;
  border: 2px solid #cfcfcf;
  border-radius: 8px;
}
.information-input .entry-form .btn {
  width: 100%;
  margin-bottom: 10px;
}
.information-input .pc-fr .btn {
  margin-bottom: 0;
}
.information-input h3.box-colored-gray {
  padding: .5em .8em;
  font-weight: bold;
}
.information-input .box-rounded {
  padding: 10px;
}
.information-input a.disable {
  opacity: .4;
  cursor: default;
}
.information-input .box-border-red {
  padding: 10px;
}

@media screen and (max-width: 639px) {
  .information-input .credit-card-list {
    margin: 10px 0;
  }
  .information-input .credit-card-list img {
    width: 30px;
    height: 30px;
  }
  .information-input .pc-fr {
    margin-top: 10px;
  }
  .information-confirm .table-default th {
    text-align: left;
  }
}

@media print, screen and (min-width: 640px) {
  .information-input .table-default th,
  .information-confirm .table-default th {
    width: 13em;
  }
  .information-input .table-default th .badge-primary {
    float: right;
  }
  .information-input .table-default th .pc-block {
    display: block;
  }
  .information-input .entry-form .btn {
    width: auto;
  }
  .information-input .entry-form .w-l {
    width: 16em;
  }
  .information-input .pc-fl {
    float: left;
    width: 58%
  }
  .information-input .pc-fr {
    float: right;
    width: 42%;
  }
  .information-input .pc-fr .btn {
    width: 100%
  }
}
/* ----------------------------------------
bank-search
15-12_banksearch1 - 6
---------------------------------------- */ 
.bank-search {
  padding: 16px 0 0 0;
}
.bank-search .table-flipped-axis,
.bank-search .table-flipped-axis tr,
.bank-search .table-flipped-axis td {
  border: none;
  background-color: transparent;
}
.bank-search .table-flipped-axis td {
  padding: 6px;
}
.bank-search input[type="submit"] {
  -webkit-appearance: none;
  height: 48px;
  padding: 0;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid #666;
  background-color: #eee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e7e7e7), color-stop(0.71, #fcfcfc), color-stop(0.00, #fcfcfc));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #fcfcfc 71%, #e7e7e7 100%);
  background: -moz-linear-gradient(top, #fcfcfc 0%, #fcfcfc 71%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #fcfcfc 71%, #e7e7e7 100%);
}
.bank-search .table-flipped-axis td input[type="submit"],
.bank-search .bank-name-list input[type="submit"] {
  width: 100%;
}
.bank-search .bank-list input[type="submit"] {
  height: auto;
  font-size: 14px;
  padding: 4px 6px;
}
.bank-search .all-branch-bank input[type="submit"] {
  height: auto;
  font-size: 16px;
  padding: 4px 10px;
}
.bank-search .bank-list th,
.bank-search .bank-list td {
  padding: 4px;
}
.bank-search .bank-list td {
  font-size: 14px;
}
.bank-search .bank-list th.w-4m {
  min-width: 5em;
}
.bank-search .table-hold th.text-left,
.bank-search .table-hold td.text-left {
  text-align: left;
  padding-left: 8px;
  padding-right: 8px;
}
.bank-search .expander {
  display: block;
  width: 100%;
  height: 48px;
}
.bank-search .bank-name-list li {
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 6px 0 6px 6px;
}
.bank-search .all-branch-bank {
  width: 100%;
  padding: 6px;
}
.bank-search .table-hold th {
  font-weight: bold;
}

@media screen and (max-width: 639px) {
  .bank-search .table-flipped-axis tbody {
    width: 100%;
  }
  .bank-search .table-flipped-axis tr {
    width: 20%;
    float: left;
  }
  .bank-search .table-flipped-axis td {
    text-align: center;
  }
  .bank-search .pager {
    text-align: center;
  }
  .bank-search .pager a {
    padding: 2px;
    margin: .4em;
  }
  .bank-search .pager a.page-prev {
    background-position: 10px -401px;
  }
  .bank-search .pager a.page-next {
    background-position: 11px -370px;
  }
}

@media print, screen and (min-width: 640px) {
  .bank-search {
    max-width: 720px;
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 720px) {
  .bank-search .bank-name-list li {
    display: inline-block;
    float: none;
    width: auto;
    min-width: 124px;
    margin-right: -.4em;
  }
  .bank-search .bank-name-list li:not(:first-child) {
    margin-left: 6px;
  }
  .bank-search .bank-name-list input[type="submit"] {
    padding: 0 10px;
  }
}
/* ----------------------------------------
16-1_qrcoad
---------------------------------------- */ 
.qrcode .box-border-gray {
  width: 300px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin: 0 auto 20px;
}

@media print {
  .qrcode .print-hide,
  .qrcode .breadcrumb {
    display: none;
  }
}

/* ----------------------------------------
20-1_mailbox
---------------------------------------- */


.mailbox .table-block-item .send-ng {
  color: #e40000;
}


/* ----------------------------------------
23-4_invitation_method
---------------------------------------- */
.invitation_method #copyMsg {
  margin: 0 0 0 -100px;
  position: fixed;
  left: 50%;
  width: 200px;
  color: #fff;
  padding: 15px 0;
  max-height: 0;
  opacity: 0;
  overflow-y: hidden;
  transition: all 300ms 100ms ease;
}
.invitation_method #copyMsg.disp {
  max-height: 30px;
  border-radius: 30px;
  z-index: 100;
  opacity: .9;
}
.invitation_method .qr-wrap .box-border-gray {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin: 0 auto 20px;
  box-sizing: border-box;
}
.invitation_method .qr-wrap .box-border-gray a {
  width: 15em;
}
.invitation_method .qr-wrap img {
  width: 300px;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}
@media screen and (min-width:640px) {
  .invitation_method .qr-wrap {
    display: flex;
  }
  .invitation_method .qr-wrap .box-border-gray {
    width: 320px;
  }
}
@media screen and (max-width: 639px) {
  .invitation_method .qr-wrap img {
    width: 80%;
  }
}

/* ----------------------------------------
blockUI Loading
---------------------------------------- */
.blockUI .loader {
  color: #ffffff;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load 1.7s infinite ease, round 1.7s infinite ease;
  animation: load 1.7s infinite ease, round 1.7s infinite ease;
}
@-webkit-keyframes load {
  0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
}
@keyframes load {
  0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
  10%,59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; }
  20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; }
  38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; }
  100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}