@charset "utf-8";
@import "icon.css";

.ja { ime-mode: active; }
.en { ime-mode: disabled; }

.dn {
	display: none;
}

.button-fixed-disable {
	background-color: #CACACA;
}

.news-category-0 {
	background-color: #FF003F;
	color: #fff;
}

.news-category-1 {
	background-color: #333399;
	color: #fff;
}

.news-category-2 {
	background-color: #666699;
	color: #fff;
}
.message-sale-period {
	color: #1E75DA;
	border: 1px solid #1E75DA;
	padding: 10px;
	margin: 5px 0;
}

.message-quantity-limit {
	color: #FFF !important;
	background-color: #FF3A4A !important;
	border-style: none !important;
}

.slick-slide img {
	margin: auto;
}

textarea.form-control {
	height: auto;
}

/*
.modal.modal-address {
	min-width: 700px;
}
*/
.footer-record {
	visibility:hidden;
}
.footer-record-inner .text-alert {
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	width: 100vw;
}
/*
.ranking-section-slide .list-item-desc .list-item-price {
	display: flex;
}

.ranking-section-slide .icon--size-xsmall {
}
*/

.button-fav .icon-fav {
	background-position: 50% 50% !important;
	background-size: 18px auto !important;
}

ul.sp-page-breadcrumbs {
	margin-top: 0.5vw !important;
	margin-bottom: 0 !important;
}

ul.sp-page-breadcrumbs:first-of-type {
	margin-top: 2vw !important;
}

ul.sp-page-breadcrumbs:last-of-type {
	margin-bottom: 5.6vw !important
}

.catalog-number {
	text-transform: uppercase;
}

.list-item-label.pickup-list-item-label {
	margin: 5px 0 0 0;
}

.list-item-label.pickup-list-item-label li {
	margin: 0;
}

.pickup-tab .pickup-tab-list .list-pickup li .item-pickup {
	margin-bottom: 0;
}

.catalog-number {
	text-transform: uppercase;
}
/*---------------------------------------------
 商品詳細
---------------------------------------------*/
.shrouded-content-container.m-b-10 .product-content-body {
	height: auto;
}
.shrouded-content-container.m-b-10 .product-text-more {
	display: none;
}
.product-details-summary-container .table-inline th,
.product-details-summary-container .table-inline td {
	border-bottom: 0;
	vertical-align: top;
}
.product-details-summary-container .table-inline th {
	padding: 1vw 0 1vw 4vw;
}
.product-details-summary-container .table-inline td {
	padding: 1vw 4vw 1vw 0;
}
.product-details-summary-container .table-inline tr:first-child th,
.product-details-summary-container .table-inline tr:first-child td {
	padding-top: 4vw;
}
.product-details-summary-container .table-inline tr:last-child th,
.product-details-summary-container .table-inline tr:last-child td {
	padding-bottom: 4vw;
	border-bottom: 1px dotted #d6d6d6;
}

/*---------------------------------------------
 商品一覧
---------------------------------------------*/
.orderby-status-container {
	margin-bottom: 0 !important;
}

/*
.list-recommend-select {
	justify-content: start;
}

.list-recommend-select > li:nth-of-type(4n+1) {
	margin-right: 12px;
}

.list-recommend-select > li:nth-of-type(4n+2),
.list-recommend-select > li:nth-of-type(4n+3) {
	margin-right: 11px;
}
*/

.list-item-original-price {
	position: relative;
	margin: 5px 0;
	color: #4a4a4a;
	text-decoration: none;
	font-size: 3.2vw;
	font-weight: normal;
}

.list-recommend-select-desc > li .product-plus-desc-price-label .list-item-original-price {
	display: table-row;
	width: 100%;
	height: 1.25rem;
}

.list-item-original-price .list-item-price-text {
	padding-left: 1.33333vw;
	font-size: 3.2vw;
	font-weight: normal;
}

.list-item-price.text-secondary {
	color: #FF35A6 !important;
}

.navigation-list .navigation-list-next > li {
	display: inline-block;
	margin-right: 1em;
}

.product-plus-desc-name .button-fav {
	position: static;
	vertical-align: sub;
	padding-left: 5px;
}

.item-list-category-image img {
	max-width: 100%;
}

.label {
	display: inline-block;
	margin-right: 5px !important;
	margin-bottom: 3px !important;
	font-size: 3.64vw;
	padding: .5em;
	white-space: nowrap;
}

.message-zero-cart {
	min-height: 50vh;
	text-align: center;
	margin-top: 8px;
}

.list-item-catalog-number {
	font-weight: bold;
	color: #00ADEB;
	font-size: 4vw;
}

/*---------------------------------------------
 配送先/依頼主
---------------------------------------------*/
.container-wide .main-content {
	order: 2;
}

.container-wide .side.side-left {
	order: 1;
}
.side-inner-client {
	overflow: auto;
	overflow-x: scroll;
}

/*---------------------------------------------
 購入手続き
---------------------------------------------*/
.title-pages-flow-confirmation .flow-general-btn-list.child-row5 > * {
	width: calc(100% / 5);
}
.title-pages-flow-confirmation .flow-general-btn-list.child-row6 > * {
	width: calc(100% / 6);
}
.title-pages-flow-confirmation .flow-general-btn-list.child-row7 > * {
	width: calc(100% / 7);
}
.card-general--shipping-destination a.button.action {
	width: 25%;
}
.modal-packaging-main .setting .form-label-tile-desc {
    margin: 2.66667vw auto;
}

[id^="persuasion-message-modal-"] .text-secondary {
	padding: 2.66667vw;
}

/*---------------------------------------------
 購入履歴
---------------------------------------------*/
.order-details .label {
	display: block;
	margin-right: 0;
	margin-bottom: 0;
	font-size: 3.64vw;
	padding: 0;
	white-space: nowrap;
}

.order-list .order-details-button-container .button.sr{
	width:15em;
}


/*---------------------------------------------
 フォーム
---------------------------------------------*/
.form--size-honorific {
	width: 8em !important;
}

/*---------------------------------------------
 PC・スマホ切り替え
---------------------------------------------*/
.viewmode {
	background-color: #CCC;
	text-align: center;
	padding: 15px;
	font-weight: normal;
	text-shadow: none;
}
.viewmode em,
.viewmode a {
	font-weight: bold;
	font-style: normal;
	text-shadow: none;
}

/*---------------------------------------------
 modal window
---------------------------------------------*/
div.modalWrapper,
div.modalWrapperToken {
	display: none;
}
div.modalBody {
	position: fixed;
	z-index: 1000;
	background: #FFF;
	border: 2px solid #333;
	left: 50%;
	top: 50%;
	min-width: 300px;
	text-align: left;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
div.modalBK {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	background-color: #ccc;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
div.modalWrapper div,
div.modalWrapperToken {
	color: #000 !important;
	font-size: 12px;
	text-align: justify;
}
div.modalClose {
	cursor: pointer;
	padding: 5px;
	border-bottom: 2px dotted #333;
	background-color: #333;
	color: #FFF !important;
}
div.modalContents {
	max-height: 300px;
	padding: 5px 5px;
	overflow: auto;
}
div.modalContents * {
	color: #000 !important;
}

div.modalContents ol {
	margin-top: 10px;
}

div.modalContents ol li {
	list-style: decimal inside;
	padding: 2px 0;
}

div.modalContents ol li a {
	cursor: pointer;
}

.error.inr-box {
  padding: 2.66667vw;
}

    .tile-information li input[type=number] {
      margin: 1.33333vw 1.33333vw 0 9.06667vw;
      width: 32vw; }