@charset "UTF-8";
/* ----全体設定---- */
html {
	font-size: 10px;
	font-size: 2.666vw;
	line-height: 1.5;
}
body {
	margin: 0;
	font-family: "Avenir", "Segoe UI", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "游明朝", "游明朝体", "Yu Mincho", YuMincho, sans-serif;
	font-size: 1.3rem;
	line-height: 1.5;
	color: #333333;
	font-feature-settings : "palt";
}
img {
	max-width: 100%;
	vertical-align: top;
}
/* PC・SP非表示 */
.img-obj__pc {
	display: none!important;
}
.img-obj__sp {
	display: inline-block!important;
}
div.img-obj__sp {
	display: block!important;
}
/* ----ヘッドライン---- */
h2 , .h2  {
	margin: 0 0 10px;
	padding: 10px;
	padding-bottom: 1.2rem;
	border-bottom: solid 1px #dddddd;
	font-size: 2.0rem;
	line-height: 1.4;
	font-weight: bold;
	background: none;
}
h1 , .h1 {
	margin: 0 0 10px;
	padding: 10px;
	border-bottom: none;
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: bold;
	border-bottom: none;
}
h3 , .h3  {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
	color: #333333;
}
h4 , .h4  {
	margin: 0 0 10px;
	padding: 0 0 0.6rem;
	border-bottom: solid 1px #dddddd;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: bold;
}
a {
	color: #333333;
}
.price {
	color: #333333;
}
.block-icon span {
	display: inline-block;
	margin: 0 3px 3px 0;
}
.block-icon--auto-new img,.block-icon img {
	height: auto;
	max-height: 1.5rem;
}
.optimaized-h1 {
	position: absolute;
	z-index: 999999;
	font-size: 7px;
}
/*----フォーム----*/
.block-shipping-address--form {
	margin: 10px;
}
.block-shipping-address--value-label {
	display: block;
	margin: 5px 5px 5px 0;
	white-space: nowrap;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], input[type="number"], select, textarea {
	padding: 8px;
	border: 1px solid #dddddd;
	background-color: #fff;
	width: 100%;
	max-width: 100%;
	min-height: 3.0rem;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input.width_middle, select.width_middle, textarea.width_middle {
	width: 50%;
	margin-right: 0.5rem;
}
input.width_short, select.width_short, textarea.width_short {
	width: 20%;
	margin-right: 0.5rem;
}
select::-ms-expand {
	display: none;
}
select {
	min-width: 3rem;
	padding: 0.8rem 2.2rem 0.8rem 0.8rem;
	background: #ffffff url(../../img/usr/common/icon_tri.png) calc(100% - 6px) 50% no-repeat;
}
.block-member-info--sex select {
	width: 50%;
}
/*----ボタン----*/
.btn-default {
	width: 100%;
	background: #ffffff;
	color: #333333;
	border: solid 1px #333333!important;
	outline: none;
}
.btn-primary {
	width: 100%;
	background: #333333;
	color: #ffffff;
	border: none;
}
.block-no-stock--message {
	text-align: center;
	padding: 0.5rem 0;
	font-size: 1.4rem;
	width: 100%;
	border: 1px solid #ebccd1;
	color: #a94442;
	background-color: #f2dede;
	margin: 0 auto 10px auto;
}
.btn-more {
	position: relative;
	overflow: hidden;
	display: block;
	width: 42.666vw;
	padding: 1.4rem 2.0rem;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	line-height: 0;
	background: none;
	border: solid 1px #333333;
}
.btn-more:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 10vw;
	max-width: 75px;
	height: 2.4vw;
	max-height: 18px;
	background: url(../../img/usr/common/btn_more_sp.png) center / 100% auto no-repeat;
}
.btn-more:after {
	position: absolute;
	right: 20px;
	top: calc(50% - 3px);
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	background: none;
	border-top: solid 1px #333333;
	border-right: solid 1px #333333;
	transform: rotate(45deg);
}
.btn-back {
}
.action-buttons {
	/* margin-bottom: 8vw;
	*/
	margin-bottom: 1.0rem;
}
.action .btn {
	margin: 2.0rem 0 0;
}
.modal-overlay {
	z-index: 1000000!important;
}
.modal-dialog {
	z-index: 1000001!important;
}
.mfp-bg {
	z-index: 1000000!important;
}
.mfp-wrap {
	z-index: 1000001!important;
}
.mfp-content {
	z-index: 1000002!important;
}
.ui-widget-overlay {
	z-index: 1000000!important;
}
.ui-dialog {
	z-index: 1000001!important;
}
.balloontip {
	z-index: 1000100!important;
}
/*----見出し----*/
.block--common-tit01 {
	margin: 0 0 0;
	padding: 0 0 0;
	text-align: center;
}
.block--common-tit01 h1,.block--common-tit01 h2 {
	margin: 0 auto;
	padding: 0;
	font-size: 1rem;
	line-height: 1;
	border: none;
}
.block--common-tit01 h1 span,.block--common-tit01 h2 span {
	letter-spacing: 1px;
	font-size: 2.6rem;
	line-height: 1.2;
	font-weight: normal;
}
.block--common-tit01 span {
	display: inline-block;
	margin: 0.8rem 0 0;
	font-size: 1.3rem;
	line-height: 1.4;
	color: #717171;
}
/*----フォント----*/
.font-size__small {
	font-size: 0.769em;
}
.font-size__large {
	font-size: 1.166em;
}
.table td {
	word-break: break-all;
}
/*----swiper pager----*/
.swiper-pagination-bullet {
	position: relative;
	/*width: 3.333vw;
	height: 3.333vw;*/
	width: 12vw;
	height: 12vw;
	opacity: 1;
	border-radius: 0;
	background: none;
}
/*-
.swiper-pagination-bullet:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 1px);
	height: 2px;
	background: #dddddd;
}
.swiper-pagination-bullet-active:before {
	background: #333333;
}
*/
.swiper-pagination-bullet-active{
	border: 1px solid #333333;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 1vw;
}
/*----bxslider pager----*/
.bx-wrapper .bx-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 11vw;
}
.bx-wrapper .bx-pager-item {
	margin: 0 1vw;
}
.bx-wrapper .bx-pager-item a {
	position: relative;
	display: block;
	width: 3.333vw;
	height: 3.333vw;
	background: none;
	overflow: hidden;
	text-align: left;
	text-indent: -9999em;
}
.bx-wrapper .bx-pager-item a:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: calc(50% - 1px);
	height: 2px;
	background: #dddddd;
}
.bx-wrapper .bx-pager-item a.active:before {
	background: #333333!important;
}
.bx-wrapper .bx-prev ,.bx-wrapper .bx-next {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 18px;
	height: 18px;
	top: calc(50% - 9px);
	text-align: left;
	text-indent: -9999em;
}
.bx-wrapper .bx-prev {
	left: -18px;
}
.bx-wrapper .bx-next {
	right: -18px;
}
.bx-wrapper .bx-prev:before ,.bx-wrapper .bx-next:before {
	position: absolute;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	border-top: solid 1.5px #444444;
	border-right: solid 1.5px #444444;
}
.bx-wrapper .bx-prev:before {
	top: calc(50% - 5px);
	left: calc(50% - 5px);
	transform: rotate(-135deg);
}
.bx-wrapper .bx-next:before {
	top: calc(50% - 5px);
	left: calc(50% - 5px);
	transform: rotate(45deg);
}
.help-block {
	font-size: 1.1rem;
}
.block-topic-path {
	padding: 0.8rem 4vw 0;
	font-size: 1.2rem;
	line-height: 1.2;
}
.block-topic-path--list {
	overflow:hidden;
	font-size: 1.2rem;
	line-height: 1.2;
}
.block-topic-path--list li {
	position: relative;
	padding: 0;
	float: left;
	font-size: 0;
}
.block-topic-path--list li > a ,.block-topic-path--list li > span {
	position: relative;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.2;
	white-space: nowrap;
}
.block-topic-path--list li + li ,.block-topic-path--list li + li {
	padding-left: 1.5rem;
}
.block-topic-path--list li + li:before {
	position: absolute;
	left: 0;
	top: -0.05rem;
	width: 1.5rem;
	text-align: center;
	display: block;
	content: '>';
	font-size: 1.2rem;
	line-height: 1.2;
}
/*================================================base_misc.css================================================ */
/* ページャー */
.pager-scope ,.pager-total {
	display: none;
}
.block-topic-path {
	margin: 0;
	margin-top: 0!important;
	margin-bottom: 1rem!important;
	background: #ffffff;
}
/*main.pane-main .block-event-page .block-topic-path,main.pane-main .block-genre-page .block-topic-path,main.pane-main .block-category-list .block-topic-path,main.pane-main .block-category-list .block-topic-path,main.pane-main > div[class^="block-inquiry-history"] .block-topic-path,main.pane-main > .block-topic-path,body.page-goods > .block-topic-path {
	margin-bottom: 0!important;
}
*/
.block-topic-path a {
	text-decoration: none;
}
.block-goods-list-naviframe,.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 20px auto;
}
.block-goods-list-naviframe--top {
	display: none;
}
.pager-scope {
	display: none;
}
.pager-total {
	display: none;
}
.pagination {
	display: flex;
	align-items: stretch;
}
.pagination > * {
	float: none;
	margin: 0 1.0rem;
	padding: 0;
	background: none;
	border: none;
	font-size: 1.5rem;
	line-height: 1.4;
}
.pagination > li {
	min-width: auto!important;
}
.pagination > * a {
	text-decoration: underline;
}
.pagination > * i {
	display: none;
}
.pager-current {
	color: #b0b0b0;
}
.pager-first ,.pager-previous ,.pager-next ,.pager-last {
	font-size: 1.5rem;
	line-height: 1.4;
}
.pager-first a:before {
	content: '<< ';
}
.pager-previous a:before {
	content: '< ';
}
.pager-next a:after {
	content: ' >';
}
.pager-last a:after {
	content: ' >>';
}
.lb-outerContainer {
	margin-top: 15vw;
}
/* 表示方法 */
.block-goods-list--display-style-items {
	margin-top: -1px;
}
.block-goods-list--display-style-items .block-style--header {
	background: #ffffff;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
.block-goods-list--display-style-items .block-style--header h2 {
	margin: 0;
	padding: 4vw;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: normal;
	border: none;
}
.block-goods-list--display-style-items .block-style--header .block-style--expand-icon i {
	display: none!important;
}
.block-goods-list--display-style-items .block-style--header .block-style--expand-icon {
	position: relative;
	width: 44px;
}
.block-goods-list--display-style-items .block-style--header .block-style--expand-icon:before ,.block-goods-list--display-style-items .block-style--header .block-style--expand-icon:after {
	position: absolute;
	left: calc(50% - 0.75rem);
	top: calc(50% - 1px);
	display: block;
	content: '';
	width: 1.5rem;
	height: 2px;
	background: #717171;
}
.block-goods-list--display-style-items .block-style--header .block-style--expand-icon:after {
	transform: rotate(90deg);
	display: none;
}
.block-goods-list--display-style-items .block-style--header.block-style--close .block-style--expand-icon:after {
	display: block;
}
.block-style--element {
	background: #f4f4f4;
	border-bottom: solid 1px #dddddd;
}
.block-style--element li + li {
	border-top: solid 1px #dddddd;
}
.block-style--element li a ,.block-style--element li span {
	display: block;
	padding: 0.8rem 1.4rem;
	color: #717171;
}
.block-style--element li span {
	font-weight: bold;
	color: #333333;
}
/* 並び替え */
.block-goods-list--sort-order-items {
	margin-top: -1px;
}
.block-goods-list--sort-order-items .block-sort--header {
	background: #ffffff;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}
.block-goods-list--sort-order-items .block-sort--header h2 {
	margin: 0;
	padding: 4vw;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: normal;
	border: none;
}
.block-goods-list--sort-order-items .block-sort--header .block-sort--expand-icon i {
	display: none!important;
}
.block-goods-list--sort-order-items .block-sort--header .block-sort--expand-icon {
	position: relative;
	width: 44px;
}
.block-goods-list--sort-order-items .block-sort--header .block-sort--expand-icon:before ,.block-goods-list--sort-order-items .block-sort--header .block-sort--expand-icon:after {
	position: absolute;
	left: calc(50% - 0.75rem);
	top: calc(50% - 1px);
	display: block;
	content: '';
	width: 1.5rem;
	height: 2px;
	background: #717171;
}
.block-goods-list--sort-order-items .block-sort--header .block-sort--expand-icon:after {
	transform: rotate(90deg);
	display: none;
}
.block-goods-list--sort-order-items .block-sort--header.block-sort--close .block-sort--expand-icon:after {
	display: block;
}
.block-sort--element {
	background: #f4f4f4;
	border-bottom: solid 1px #dddddd;
}
.block-sort--select {
	display: block;
	padding: 0;
	vertical-align: middle;
	height: auto;
}
.block-sort--element li + li {
	border-top: solid 1px #dddddd;
}
.block-sort--element li a ,.block-sort--element li span {
	display: block;
	padding: 0.8rem 1.4rem;
	color: #717171;
}
.block-sort--element li span {
	font-weight: bold;
	color: #333333;
}
/* 絞り込み */
.block-filter--filter-form {
}
.block-filter--filter-form > .block-filter--header {
	display: none!important;
}
.block-filter--list-item {
	display: block!important;
	margin-top: -1px;
	border-bottom: solid 1px #dddddd;
}
.block-filter--list-item-container {
	background: #ffffff;
	border-top: solid 1px #dddddd;
}
.block-filter--list-item-container .block-filter--select-label,.block-filter--list-item-container h2 {
	margin: 0;
	padding: 4vw;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: normal;
	border: none;
}
.block-filter--list-item-container .block-filter--expand-icon i {
	display: none!important;
}
.block-filter--list-item-container .block-filter--expand-icon {
	position: relative;
	width: 44px;
}
.block-filter--list-item-container .block-filter--expand-icon:before ,.block-filter--list-item-container .block-filter--expand-icon:after {
	position: absolute;
	left: calc(50% - 0.75rem);
	top: calc(50% - 1px);
	display: block;
	content: '';
	width: 1.5rem;
	height: 2px;
	background: #717171;
}
.block-filter--list-item-container .block-filter--expand-icon:after {
	transform: rotate(90deg);
	display: none;
}
.block-filter--list-item-container.block-filter--close .block-filter--expand-icon:after {
	display: block;
}
.block-filter--filter-options {
	display: flex;
	flex-flow: wrap;
	background: #f4f4f4;
	border-top: solid 1px #dddddd;
}
.block-filter--element {
	width: auto;
	display: inline-block;
	border: none;
	width: 50%;
}
.block-filter--option-items {
	display: flex;
	align-items: center;
	width: auto;
	height: 100%;
	padding: 1.5rem;
	vertical-align: middle;
}
.block-filter--option-items label {
	display: inline-block;
	margin: 0;
	order: 3;
}
.block-filter--option-items > img {
	margin-right: 10px;
	order: 2;
}
.block-filter--option-items > input[type="checkbox"] {
	min-width: 18px;
	order: 1;
}
/*================================================base_form.css================================================ */
.fieldset-vertical .constraint {
	margin-left: 0.8rem;
	margin-bottom: 0.8rem;
}
.checktype_name ,.checktype_kana {
	display: flex;
	align-items: center;
}
.checktype_name label ,.checktype_kana label {
	margin: 0 0.5rem 0 0;
}
.checktype_name input ,.checktype_kana input {
	margin: 0!important;
}
.block-member-info--value-label{
	white-space: nowrap;
}
.form-control .checktype_pref select {
	width: 50%;
}
.checktype_date select {
	width: 20%;
}
.count-msg {
	margin-top: 0.3rem;
	margin-bottom: 1.5rem;
	color: #d9534f;
}
.legend .required {
	margin-left: 0.8rem;
}
.checktype_custappend label ,.checktype_custappend input[type="checkbox"] {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
/* アドレス帳の新規登録 */
.block-shipping-address--message a {
	text-decoration: underline;
}
/* 定期お届けタイミングの文字サイズ */
dl.block-regular-cycle--cycle-sub-type h3 {
	font-size: 1.3rem;
}
p.block-regular-purcharse-shipment-info-update--old-info-message a {
	color: #333333 !important;
	text-decoration: underline;
}
/* contentアイコン */
.section-top--special--item .con_icon{
	background-color: #e0d9cd;
	color: #fff;
	padding: 0.7vw 1.6vw 0.1vw;
	margin-right: 1vw;
	font-size: 3.1vw;
	display: inline-block;
	width: fit-content;
	margin-bottom: 1.1vw;
}

figure.block-goods-gallery--YT-img:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../../img/usr/common/arrow_mv.png) center / contain no-repeat;
	background-size: 45%;
}