@charset "shift_jis";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 14px;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
	-webkit-text-size-adjust: none;
}

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

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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

a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted inherit;
	cursor:help;
}

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

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

small {
	font-size: 12px;
}

input,
select {
	vertical-align:middle;
	margin:0px;
}

/* 共通 */

body {
	color:#333333;
	font-size: 14px;
	line-height:1.5;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 320px;
}
img {
	max-width:100%;
	vertical-align: bottom;
}

input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
textarea,
select {
	border:1px solid #cccccc;
	min-height:20px;
	max-width:90%;
}

textarea {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
	padding: 1px;
	border:1px solid #cccccc;
	border-radius:5px
}

input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=email],
input[type=password] {
	height:1.0em;
	padding:0.6em;
	margin:5px 0;
	border:1px solid #cccccc;
	border-radius:5px
}

input[type=button]{
  appearance: none;
  -webkit-appearance: none;
}

input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus {
	border:solid 1px #EEA34A;
}

select {
	font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 28px;
	appearance: none;
	-webkit-appearance: none;
	max-width: 100%;
	height: 40px;
	background: #fff url(../img/usr/sb/common/select_btn.png) right center / auto 100% no-repeat;
	border: 1px solid #cccccc;
	border-radius: 0;
	box-sizing: border-box;
	padding: 0 40px 0 5px;
}

a,
a:link,
a:visited {
	text-decoration: underline;
	color: #333333;
}

/* 文字サイズ */
.large_ {
	font-size: 16px;
}
.xlarge_ {
	font-size: 18px;
}
.small_ {
	font-size: 12px;
}
.xsmall_ {
	font-size: 10px;
}
/**/

.leftfloat_ {
	float: left;
}
.rightfloat_ {
	float: left;
}
.clear_ {
	clear: both!important;
}
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}

/* 特定メッセージ（インライン） */
.error_ {
	color:#ff0000;
	font-size: 14px;
}
.notice_ {
	color:#993300;
}
.info_ {
	font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
	background-color:#ffffff;
	border:solid 1px #ff5500;
	padding:4px;
	margin:4px 0;
}
div.notice_, table.notice_ {
	background-color:#ffffff;
	border:solid 1px #996666;
	padding:4px;
	margin:4px 0;
}
div.info_, table.info_ {
	background-color:#ffffff;
	border:solid 1px #666666;
	padding:4px;
	margin:4px 0;
}
ul.error_ {
	margin-left: 16px;
}
.box_ {
	padding: 0 10px 10px;
}
/**/

.message_ {
	padding: 0 10px 10px;
  word-break: break-all;
}

/* 入力フォーム */
.hidden_ {
	display: none;
}
li.title_ {
	background-color: #e5f3ff;
	border-left: 5px solid #e5f3ff;
	padding: 1px 10px;
	margin-top: 3px;
}

.input_must_ input, .input_must_ textarea, .input_must_ select {
	background-color: #ffebeb;
}

li.must_ {
	border-left: 5px solid #ff6666;
}

span.must_ {
	color: #ffc0cb;
	background-color: #ffc0cb;
	padding: 0 2px;
}

.hiddenEnter_ {
	width:0;
	height:0;
}

.classrequired {
	background: #ffeeee;
}

.classerror {
	background: #ffeeee;
}

/**/

.efo_icon_ {
	vertical-align:middle;
}

/* ボタン */
.button_ {
	color: #fff;
}

.large_button_ {
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin:5px 0;
	padding:10px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.large_button_s_ {
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin:5px 0;
	padding: 7px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.small_button_ {
	font-size: 14px;
	text-align: center !important;
	padding:8px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 58px;
	height: 40px;
}

.auto_small_button_ {
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.main_action_button_ {
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	background: #ff6537;
	border:none;
	text-decoration:none;
	-webkit-appearance: none;
}
.recipe_tab_content_ .main_action_button_ {
	padding: 6px;
	line-height: 1.3;
}
.recipe_tab_content_ .change_action_button_ {
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	background: #ff6537;
	border:none;
	text-decoration:none;
	-webkit-appearance: none;
	padding: 6px;
	line-height: 1.3;
}
#recount.main_action_button_ {
	background:#CCCCCC;
	border:none;
	color:#555555;
}
#order_next.main_action_button_,
#cart_next.main_action_button_ {
	padding:0;
}
#cart_gift.main_action_button_ {
	padding:0;
	background:#ffa200;
	border-bottom:#d28500 2px solid;
}

.ajax_wait_button_ {
	-moz-text-shadow: 0 -1px 1px #F66 !important;
	-webkit-text-shadow: 0 -1px 1px #F66 !important;
	text-shadow: 0 -1px 1px #F66 !important;
	background: #FF6A00 -moz-linear-gradient(top,#FF9900,#FF6A00) !important;
	background: #FF6A00 -webkit-gradient(linear,left top,left bottom,from(#FF9900),to(#FF6A00)) !important;
	background: #FF6A00 linear-gradient(top,#FF9900,#FF6A00) !important;
	border: 2px solid #FF9900 !important;
}
.sub_action_button_ {
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	background: #dcdcdc;
	border:none;
	color:#666666;
	-webkit-appearance: none;
}
.sub_action_button_.small_button_ {
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	background: #666666;
	border:none;
	color:#ffffff;
}
#order_back.sub_action_button_ {
	-moz-text-shadow:none;
	-webkit-text-shadow:none;
	text-shadow:none;
	text-decoration:underline;
	font-size:12px;
	background:#FFF;
	border:none;
	border-bottom:none;
	color:#666666;
}
.ajax_wait_sub_button_ {
	border: 1px solid #006AB8 !important;
}
/**/
.ttl_common_{
  background: url(../img/usr/sb/common/common_ttl_bg.png);
  background-size: 100%;
  /*width: 100%;*/
  height: 45px;
}
.ttl_common_ span{
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  margin: 10px 0px 10px 10px;
  padding-left: 10px;
  border-left: 3px solid #fff;
}
.common_headline1_ {
	margin: 20px 0;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.common_headline2_,
#block_of_accessory .common_headline2_ {
	margin:0 0 0 0;
	margin:10px 0;
	padding: 12px 10px 10px 20px;
	font-size: 18px;
	font-weight: bold;
  line-height: 1.2;
	background: url(../img/usr/sb/common/common_h2_line.png), url(../img/usr/sb/top/common_headline2_bg.png);
  background-size: 3px 20px,320px 45px;
  background-position: 10px center,left center;
  background-repeat: no-repeat,repeat;
  border-bottom: 3px solid #8b7357;
}
#block_of_accessory .common_headline2_ {
  margin: 0 0 25px;
  padding: 0;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  border: 0;
  background: none;
}
.common_headline3_ {
	margin:10px 0;
	padding: 12px 10px 10px 20px;
	font-size: 18px;
	font-weight: bold;
  line-height: 1.2;
	background: url(../img/usr/sb/common/common_h2_line.png), url(../img/usr/sb/top/common_headline2_bg.png);
  background-size: 3px 20px,320px 45px;
  background-position: 10px center,left center;
  background-repeat: no-repeat,repeat;
  border-bottom: 3px solid #8b7357;
}
.disp_none_ {
	display: none;
}
.disp_block_ {
	display: block;
}
.txt_linethrough_ {
	text-decoration: line-through;
}
.valign_m_ {
	vertical-align: middle;
}
.position_relative_ {
	position: relative;
}
.fontsize_small_ {
	font-size:small;
}
.whitespace_nowrap_ {
	white-space: nowrap;
}
/* 価格表示 */
.price_pop_ {
	color: #de0010;
	font-size: 12px;
	font-weight: 800;
}
.price_ {
	color:#222;
	font-size:18px;
	font-weight:bold;
}
.price_pop_ ~ .price_{
	color: #de0010;
}
.price_ small {
	font-weight:bold;
	display: block;
	width: 100%;
	font-size: 10px;
	text-align: left;
}
.price_pop_ ~ .price_ small{
  color: #281700;
}
.coupon_bonus_ {
	color:#CC3300;
	font-weight:bold;
	white-space: nowrap;
}

/* --------------------------------------------------------------------
	トップヘッダー
-------------------------------------------------------------------- */
header {
  background: #fff;
  -webkit-transform: translate3d(0,0,0);
}
header.floating_{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
header.cart_header_ {
	border-bottom:#666666 2px solid;
}
header .header_top_ {
	position: relative;
	display: block;
	padding: 0 0 30px;
}
header .header_top_ #globalnav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
header .header_top_ #globalnav ul {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 12px;
	box-sizing: border-box;
}
header .header_top_ #globalnav #gnav_logo {
	width: 117.5px;
}
header .header_top_ #globalnav #gnav_shop {
	width: 25.5px;
	margin-left: auto;
}
header .header_top_ #globalnav #gnav_faq {
	width: 21px;
	margin-left: 22px;
}
header .header_top_ #globalnav #gnav_login {
	width: 28px;
	margin-left: 22px;
}
header .header_top_ #globalnav #gnav_mypage {
	width: 42px;
	margin-left: 20px;
}
header .header_top_ #globalnav #gnav_cart {
	position: relative;
	width: 31.5px;
	margin-left: 20px;
}
header .header_top_ #globalnav #gnav_cart .jscart_count_ {
	position: absolute;
	top: 0;
	right: -5px;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
	background: #e60021;
	font-size: 9px;
	color: #FFF;
	text-align: center;
}
header .header_top_ .header_img_ img {
  width: 100%;
}
header .header_top_ .header_link_frame_ {
	overflow-x: auto;
	overflow-y: visible;
}
header .header_top_ ul.header_link_list_ {
	display: flex;
	padding: 13px 0;
}
header .header_top_ ul.header_link_list_ li {
	font-size: 12px;
	padding-left: 1.0em;
	white-space: nowrap;
}
header .header_top_ ul.header_link_list_ li:last-of-type {
	padding-right: 1.0em;
}
header .header_top_ ul.header_link_list_ li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
header .header_belt_banner_ img {
	width: 100%;
}

/* --------------------------------------------------------------------
	共通ヘッダー
-------------------------------------------------------------------- */
header .header_ {
	position: relative;
	display: block;
}
header .header_ #globalnav ul {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 12px 9.5px;
	box-sizing: border-box;
}
header .header_ #globalnav #gnav_logo {
	width: 117.5px;
}
header .header_ #globalnav #gnav_shop {
	width: 25.5px;
	margin-left: auto;
}
header .header_ #globalnav #gnav_faq {
	width: 21px;
	margin-left: 22px;
}
header .header_ #globalnav #gnav_login {
	width: 28px;
	margin-left: 22px;
}
header .header_ #globalnav #gnav_mypage {
	width: 42px;
	margin-left: 20px;
}
header .header_ #globalnav #gnav_cart {
	position: relative;
	width: 31.5px;
	margin-left: 20px;
}
header .header_ #globalnav #gnav_cart .jscart_count_ {
	position: absolute;
	top: 0;
	right: -5px;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	border-radius: 8px;
	background: #e60021;
	font-size: 9px;
	color: #FFF;
	text-align: center;
}

/* --------------------------------------------------------------------
	追従メニュー
-------------------------------------------------------------------- */
#follownav {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #000;
  background: #FFF;
  z-index: 99999;
}
#follownav > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0;
}
#follownav > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 0 calc(6px + env(safe-area-inset-bottom));
}
#follownav > ul > li {
  width: 18%;
  max-width: 135px;
}
#follownav > ul > li#fnav_sales {
  background: #e60021;
  border-radius: 4px;
}
#follownav > ul > li#fnav_top {
  width: 10%;
  max-width: 50px;
}
#follownav > ul > li a {
  display: block;
  padding: 4px 0;
  text-decoration: none;
  text-align: center;
}
#follownav > ul > li#fnav_cart a {
  position: relative;
}
#follownav > ul > li#fnav_cart .jscart_count_ {
  position: absolute;
  top: 4px;
  left: calc(50% + 6px);
  width: 19px;
  height: 19px;
  line-height: 19px;
  color: #FFF;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  background: #e60021;
}
#follownav > ul #fnav_menu img {width: 35px;}
#follownav > ul #fnav_search img {width: 19px;}
#follownav > ul #fnav_history img {width: 35px;}
#follownav > ul #fnav_cart img {width: 33.5px;}
#follownav > ul #fnav_sales img {width: 53.5px;}
#follownav > ul #fnav_top img {width: 20px;}

#follownav_modal {
  display: none;
  opacity: 0.0;
  transition: opacity 0.5s linear 0.0s;
}
#follownav_modal.active {
  display: block;
  opacity: 1.0;
}
#follownav_modal .follownav_modal_bg_ {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(73, 96, 103, 0.9);
  z-index: 90000;
}
#follownav_modal .follownav_modal_window_ {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  opacity: 0.0;
  width: 100%;
  height: 100%;
  padding: 80px 0 env(safe-area-inset-bottom);
  box-sizing: border-box;
  transition: opacity 0.5s linear 0.0s;
  z-index: 90001;
}
#follownav_modal .follownav_modal_window_.active {
  display: block;
  opacity: 1.0;
}
#follownav_modal .follownav_modal_window_ h3 {
  position: absolute;
  top: 20px;
  left: 0;
}
#follownav_modal .follownav_modal_window_.modal_menu_ h3 {
  width: 46px;
  left: calc(50% - 23px);
}
#follownav_modal .follownav_modal_window_.modal_search_ h3 {
  width: 61px;
  left: calc(50% - 30.5px);
}
#follownav_modal .follownav_modal_window_ .modal_inner_ {
  max-height: calc(100% - 55px);
  padding: 0 3.333%;
  overflow-x: hidden;
  overflow-y: auto;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_banner_ {
  margin: 0 0 20px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_banner_ img {
  width: 100%;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ {
  display: flex;
  flex-wrap: wrap;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li {
  width: calc((100% - 2px) / 3);
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background: #FFF;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li:nth-of-type(3n) ,
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li:last-of-type {
  border-right: 0;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li:nth-last-of-type(1) ,
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li:nth-last-of-type(2) ,
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li:nth-last-of-type(3) {
  border-bottom: 0;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li a {
  display: block;
  padding: 90px 0 8px;
  text-align: center;
  font-size: 12px;
  color: #222;
  text-decoration: none;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_mypage_ a {
  background: url(../img/usr/sb/common/modal_icon_mypage.png) top 27px center / 34px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_beginner_ a {
  background: url(../img/usr/sb/common/modal_icon_beginner.png) top 27px center / 28px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_guide_ a {
  background: url(../img/usr/sb/common/modal_icon_guide.png) top 27px center / 38.5px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_bookmark_ a {
  background: url(../img/usr/sb/common/modal_icon_bookmark.png) top 31px center / 38.5px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_history_ a {
  background: url(../img/usr/sb/common/modal_icon_history.png) top 27px center / 36.5px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_search_ a {
  background: url(../img/usr/sb/common/modal_icon_search.png) top 30px center / 35.5px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_feature_ a {
  background: url(../img/usr/sb/common/modal_icon_feature.png) top 25px center / 43px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_store_ a {
  background: url(../img/usr/sb/common/modal_icon_store.png) top 27px center / 46.5px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_contact_ a {
  background: url(../img/usr/sb/common/modal_icon_contact.png) top 29px center / 44px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ ul.modal_menu_list_ > li.modal_menu_faq_ a {
  background: url(../img/usr/sb/common/modal_icon_faq.png) top 29px center / 47px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ {
  margin: 0 0 25px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ form.search_form_ {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  padding: 0;
  background: none;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ form.search_form_ input.keyword_ {
  max-width: 100%;
  width: calc(100% - 50px);
  height: auto;
  padding: 11px 15px;
  font-size: 14px;
  line-height: 2.0;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background: #fff;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ form.search_form_ input.submit_ {
  display: block;
  border: 0;
  margin: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  text-indent: -9999px;
  border-radius: 0;
  -webkit-appearance: none;
  background: #fff url(../img/usr/sb/common/modal_search_btn.png) center center / 19px auto no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ form.search_form_ .placeholder_ {
  top: 11px;
  left: 15px;
  font-size: 14px;
  height: auto;
  line-height: 2.0;
  color: #999;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ form.search_form_ .search_detail_link_ {
  width: 100%;
  margin: 10px 0 0;
  text-align: right;
  color: #FFF;
  font-size: 14px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_search_frame_ form.search_form_ .search_detail_link_ a {
  color: #FFF;
  font-size: 14px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ {
  padding: 0 0 20px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ .modal_tree_root_ {
  position: relative;
  padding: 12px 40px;
  font-size: 18px;
  color: #FFF;
  text-align: center;
  line-height: 2.0;
  cursor: pointer;
  background: #000;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ .modal_tree_root_::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 15px;
  width: 12px;
  height: 2px;
  background: #999;
  transition: transform 0.3s;
  content: "";
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ .modal_tree_root_::after {
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 2px;
  height: 12px;
  background: #999;
  content: "";
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ .modal_tree_root_.open::before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ .modal_tree_root_.open::after {
  display: none;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ .modal_tree_root_ + .CategoryStyleG_ {
  display: none;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ > ul > li p.parent_ {
  display: flex;
  align-items: center;
  background: none;
  text-indent: 0;
  width: auto;
  height: auto;
  position: relative;
  top: auto;
  right: auto;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ > ul > li p.parent_::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 15px;
  width: 12px;
  height: 2px;
  background: #999;
  transition: transform 0.3s;
  content: "";
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ > ul > li p.parent_::after {
  position: absolute;
  top: calc(50% - 6px);
  right: 20px;
  width: 2px;
  height: 12px;
  background: #999;
  content: "";
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ > ul > li p.parent_.img_hidden_::before {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ > ul > li p.parent_.img_hidden_::after {
  display: none;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ > ul > li p.parent_ .tree_img_ {
  width: 75px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ ul.layer0_ > li {
  border-bottom: 1px solid #dcdcdc;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ ul.layer1_ {
  padding: 12px 0;
  border-top: 1px solid #dcdcdc;
  background: #EEE;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ ul.layer1_ > li {
  min-height: 0;
  background: none;
  border: 0;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ ul.layer1_ > li a {
  font-size: 12px;
  line-height: 1.5;
  padding: 7px 18px;
  background: none;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_tree_frame_ nav.CategoryStyleG_ ul.layer1_ > li .name_ {
  padding: 0;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ {
  padding: 0 0 20px;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ {
  display: flex;
  flex-wrap: wrap;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ {
  display: flex;
  flex-wrap: wrap;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li {
  width: calc((100% - 2px) / 3);
  margin: 0 1px 1px 0;
  background: #FFF;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li:nth-of-type(3n) ,
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li:last-of-type {
  margin-right: 0;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 0;
  padding: 50% 0;
  text-decoration: none;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
  color: #FFF;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li a strong {
  font-size: 14px;
  line-height: 1.5;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_sale_ a {
  background: url(../img/usr/sb/common/modal_search_bg01.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_new_ a {
  background: url(../img/usr/sb/common/modal_search_bg02.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_postage_ a {
  background: url(../img/usr/sb/common/modal_search_bg03.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_taste_ a {
  background: url(../img/usr/sb/common/modal_search_bg04.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_scene_ a {
  background: url(../img/usr/sb/common/modal_search_bg05.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_district_ a {
  background: url(../img/usr/sb/common/modal_search_bg06.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_drink_ a {
  background: url(../img/usr/sb/common/modal_search_bg07.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_brand_ a {
  background: url(../img/usr/sb/common/modal_search_bg08.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_corner_ a {
  background: url(../img/usr/sb/common/modal_search_bg09.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_beginner_ a {
  background: url(../img/usr/sb/common/modal_search_bg10.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_specialcoffee_ a {
  background: url(../img/usr/sb/common/modal_search_bg11.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_inner_ .modal_categorize_frame_ ul.modal_categorize_list_ > li.categorize_gift_ a {
  background: url(../img/usr/sb/common/modal_search_bg12.png) center center / cover no-repeat;
}
#follownav_modal .follownav_modal_window_ .modal_close_ {
  position: absolute;
  top: 20px;
  right: 12px;
  width: 17.5px;
  z-index: 91000;
}
#follownav_modal .follownav_modal_window_ .modal_close_ img {
  width: 100%;
}

/* --------------------------------------------------------------------
	検索フォーム
-------------------------------------------------------------------- */
form.search_form_ {
	height: 40px;
	padding:10px 65px 10px 10px;
	position: relative;
	background: #583829;
}
form.search_form_ > a{
	position: absolute;
	top: 20px;
  right: 20px;
  color: #fff;
  text-decoration: none;
}
form.search_form_ input.keyword_{
	width: 100%;
	height: 38px;
	margin:0;
	line-height:38px;
	font-size:12px;
	text-indent: 5px;
	border-radius: 5px;
  background: #fff url(../img/usr/sb/common/icon_search.png) 95% center no-repeat;
  background-size: 20px;
}
form.search_form_ .placeholder_ {
	position: absolute;
	top: 20px;
	left: 20px;
	color: #6e4b39;
	font-size:12px;
}
form.search_form_ .search_button_ {
	width: 65px;
	height: 40px;
	padding: 0 0 0 5px;
	border:none;
	font-size: 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	background:#666666;
	letter-spacing:5px;
	color:#FFFFFF;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}
dl.goodssearch_ dd input[type="input"],
dl.goodssearch_ dd textarea,
dl.goodssearch_ dd select {
	max-width: 95%;
}
div.submit_{
  padding: 0 10px;
}
/* --------------------------------------------------------------------
	共通グローバルメニュー
-------------------------------------------------------------------- */
#heder_menu{
  display: none;
  z-index: 250;
  width: 90%;
  height: 100%;
  padding: 10px;
}
#heder_menu section#heder_menu_inner{
  width: 100%;
  height: 90%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}
#lean_overlay{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #496067;
  z-index: 200;
}
div.globalmenu_ {
	border-top:#666666 2px solid;
	border-bottom:#666666 2px solid;
}
header div.globalmenu_ {
	border-top:none;
	border-bottom:#666666 2px solid;
}
div.globalmenu_ ul {
	width: 100%;
	height:25px;
	padding:7px 0;
	margin:0;
	border:none;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	background:#fff;
}
div.globalmenu_ ul li {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}
div.globalmenu_ ul li a {
	height:25px;
	border-left:#e5e5e5 1px solid;
	display:block;
	text-align:center;
}
div.globalmenu_ ul li a img {
	height:25px;
	vertical-align: bottom;
}
#link_btn_area{
  padding: 10px;
  background: #fff;
}
#link_btn_area ul{
  letter-spacing: -0.4em;
  text-align: center;
}
#link_btn_area ul li{
  display: inline-block;
  letter-spacing: normal;
  width: 48%;
  height: 40px;
}
#link_btn_area ul li:first-of-type{
  margin-right: 2%;
}
#link_btn_area ul li a{
  display: block;
  width: 100%;
  line-height: 40px;
  border-radius: 5px;
  text-decoration: none;
}
#link_btn_area ul li a span{
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 5px 0
}
#link_btn_area ul li#guide_link a span{
  background: url(../img/usr/sb/common/icon_guide.png) left center no-repeat;
  background-size: 15px 14px;
  padding-left: 24px;
}
#link_btn_area ul li#info_link a span{
  background: url(../img/usr/sb/common/icon_info.png) left center no-repeat;
  background-size: 15px 12px;
  padding-left: 27px;
}
#link_btn_area ul li#history_order a span{
  background: url(../img/usr/sb/common/icon_history.png) left center no-repeat;
  background-size: 11px 15px;
  padding-left: 20px;
}
#link_btn_area ul li#bookmark_order a span{
  background: url(../img/usr/sb/common/icon_bookmark.png) left center no-repeat;
  background-size: 15px 14px;
  padding-left: 24px;
}
ul#guide_list{
  margin-bottom: 10px;
}
ul#guide_list li a{
  background: #583829;
}
ul#order_list li a{
  background: #eee5d9;
}
ul#order_list li a span{
  color: #281700;
}
#modal_close_toparea{
  text-align: right;
}
#modal_close_toparea span.modal_close_{
  display: inline-block;
  width: 25px;
  height: 1px;
  padding-top: 25px;
  overflow: hidden;
  background: url(../img/usr/sb/common/colse_btn.png) no-repeat;
  background-size: 25px;
  margin-bottom: 10px;
}
#modal_close_bottomarea{
  background: #fff;
  padding: 10px;
}
#heder_menu div.modal_close_{
  width: auto;
  height: 40px;
  margin: 0 10px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #583829;
  border-radius: 5px;
}
/* --------------------------------------------------------------------
	共通フッター
-------------------------------------------------------------------- */
footer {
  position: relative;
  background: #496067;
  padding: 0 0 55px;
  margin: 55px 0 0;
}
footer #footer_pagetop {
  position: absolute;
  top: -50px;
  right: 5px;
  width: 45px;
}
footer #footermenu {
}
footer #footermenu ul{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px;
}
footer #footermenu li {
	width: calc(50% - 0.5px);
  border-bottom: 1px solid #FFF;
}
footer #footermenu li:nth-of-type(2n-1) {
	border-right: 1px solid #FFF;
}
footer #footermenu li a {
  display: block;
  padding: 14px 17px 14px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #FFF;
  text-decoration: none;
  background: url(../img/usr/sb/common/link_arrow_white.png) right 10px center / 7px auto no-repeat;
}
#footer_banner{
  display: flex;
  justify-content: center;
  margin: 0 0 27px;
}
#footer_banner li{
  width: 29.334%;
  max-width: 110px;
  margin-right: 10px;
}
#footer_banner li:last-of-type {
  margin-right: 0;
}
#fotter_sns{
  overflow: hidden;
  width: 120px;
  margin: 0 auto 20px;
}
#fotter_sns li{
  width: 50px;
  float: left;
  margin-right: 20px;
}
#fotter_sns li:last-of-type{
  margin-right: 0;
}
#footer_maker{
  padding: 10px 0;
  background: #FFF;
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}
#footer_maker ul {
    display: flex;
    justify-content: space-between;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    /* width: calc(200% + 10px);
    animation-name: marquee;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite; */
}
@keyframes marquee {
    from    { transform: translate(0%); }
    100%,to { transform: translate(-100%); }
}
#footer_maker ul li a {
    display: flex;
    align-items: center;
    min-width: 70px;
    height: 100%;
}
#footer_maker ul li {
    white-space: nowrap;
    margin-right: 10px;
}
#footer_maker li a img{
  display: block;
  width: auto;
  height: 60px;
  margin: auto;
}
footer .change_mode_ {
	margin: 0 3.333% 16px;
}
footer .change_mode_ a {
  display: block;
	width: 100%;
  padding: 7.5px 0;
	text-align: center;
	line-height: 1.5;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #FFF;
	border-radius: 5px;
	font-size: 12px;
}
footer #copyright {
	display: block;
  padding: 0 0 24px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
}

/* --------------------------------------------------------------------
	トップページ
-------------------------------------------------------------------- */
.top_wrapper_{
  background: #fff;
}
div.flash_ctrl_ {
  white-space:nowrap;
  text-align:right;
  float:right;
}
div.search_ {
  white-space:nowrap;
}
img.top_banner_ {
  max-width: 100%;
}
.bg_blue_ {
  padding: 1px 0;
  background: url(../img/usr/sb/top/frame_blue_bg.png) left top / 20% auto repeat;
}
.bg_blue_top_ {
  position: relative;
  margin-top: 10%;
}
.bg_blue_top_::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0 0 10%;
  margin: -9.8% 0 0;
  background: url(../img/usr/sb/top/frame_blue_top.png) bottom center / 100% auto no-repeat;
  content: "";
}
.bg_blue_top2_ {
  padding-top: 10%;
  background-image: url(../img/usr/sb/top/frame_blue_top2.png), url(../img/usr/sb/top/frame_blue_bg.png);
  background-position: top center, left top;
  background-size: 100% auto, 20% auto;
  background-repeat: no-repeat, repeat;
}
.bg_blue_bottom_ {
  position: relative;
  margin-bottom: 10%;
}
.bg_blue_bottom_::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0 0 10%;
  margin: 0 0 -9.8%;
  background: url(../img/usr/sb/top/frame_blue_bottom.png) top center / 100% auto no-repeat;
  content: "";
}
.bg_gray_ {
  padding: 1px 0;
  background: #eeeeee;
}
.bg_coffee_top_ {
  position: relative;
  margin-top: 10.667%;
}
.bg_coffee_top_::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0 0 10.667%;
  margin: -10.467% 0 0;
  background: url(../img/usr/sb/top/frame_coffee_top.png) bottom center / 100% auto no-repeat;
  content: "";
}
ul.top_banner_list_ {
  padding: 0 3.333%;
}
ul.top_banner_list_ > li {
  padding: 0 0 25px;
}
ul.top_banner_list_ > li a {
  text-decoration: none;
}
ul.top_banner_list_ > li .banner_list_text_ {
  display: block;
  padding: 10px 0 0;
  font-size: 14px;
  text-align: left;
}
.bg_blue_ ul.top_banner_list_ > li .banner_list_text_ {
  color: #FFF;
}
.more_btn_ {
  margin: 0 3.333%;
  padding: 0 0 40px;
}
.more_btn_ a {
  display: block;
  padding: 12.5px 24px;
  font-size: 14px;
  text-align: center;
  color: #222;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #222;
  text-decoration: none;
  background: url(../img/usr/sb/common/link_arrow_black.png) right 17px center / 7px auto no-repeat;
}
.bg_blue_ .more_btn_ a {
  color: #FFF;
  border: 2px solid #FFF;
  background: url(../img/usr/sb/common/link_arrow_white.png) right 17px center / 7px auto no-repeat;
}
.section_desc_ {
  margin: 0 0 22px;
  font-size: 14px;
  text-align: center;
}
.event_tab_frame_ .event_tab_slide_ {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: stretch;
}
.event_tab_frame_ .event_tab_slide_ h2.event_title_ {
  min-width: 26.666%;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
  font-size: 13px;
  border-right: 1px solid transparent;
  box-sizing: border-box;
  background: none;
}
.event_tab_frame_ .event_tab_slide_.stretch_tab_ h2.event_title_ {
  flex: 1;
}
.event_tab_frame_ .event_tab_slide_ h2.event_title_:last-of-type {
  border-right: 0;
}
.event_tab_frame_ .event_tab_slide_ h2.event_title_ a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 16px 5px 30px;
  box-sizing: border-box;
  color: #FFF;
  text-decoration: none;
  background: #709aa6 url(../img/usr/sb/common/link_arrow_black_bottom.png) center bottom 10px / 13px auto no-repeat;
}
.event_tab_frame_ .event_tab_slide_ h2.event_title_.active a {
  color: #333;
  background: #eee url(../img/usr/sb/common/link_arrow_black_bottom.png) center bottom 10px / 13px auto no-repeat;
}
.event_tab_frame_ .event_tab_slide_ h2.event_title_ a span.en_text {
  color: #146278;
  font-size: 10px;
}
.event_tab_frame_ .event_goods_slide_ .event_goods_ .goods_ {
  display: none;
  overflow-x: auto;
  overflow-y: hidden;
}
.event_tab_frame_ .event_goods_slide_ .event_goods_.active .goods_ {
  display: block;
}
.event_tab_frame_ .event_goods_slide_ .goods_ ul.goods_r_ {
  flex-wrap: nowrap;
}
.event_tab_frame_ .event_goods_slide_ .goods_ ul.goods_r_ > li {
  width: 40%;
  min-width: 40%;
  margin: 0 0 25px 5%;
}
.event_tab_frame_ .event_goods_slide_ .goods_ ul.goods_r_ > li:nth-of-type(2n) {
  margin-left: 5%;
}
.event_tab_frame_ .event_goods_slide_ .goods_ ul.goods_r_ > li:last-of-type {
  padding-right: 5%;
}
.event_tab_frame_ .event_goods_slide_ .goods_ ul.goods_r_ > li .bookmark_ {
  display: none;
}
.event_tab_frame_ .event_more_frame_ .event_more_ {
  display: none;
}
.event_tab_frame_ .event_more_frame_ .event_more_.active {
  display: block;
}
.free_tab_desc_frame_ .free_tab_desc_ {
  display: none;
  padding: 22px 0 18px;
}
.free_tab_desc_frame_ .free_tab_desc_.active {
  display: block;
}
.free_tab_desc_frame_ .free_tab_desc_ h5 {
  padding: 4.5px 0;
  margin: 0 3.333%;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #222;
  line-height: 1.5;
  border-bottom: 1px solid #222;
}
.bg_blue_ .free_tab_desc_frame_ .free_tab_desc_ h5 {
  color: #FFF;
  border-bottom: 1px solid #FFF;
}
.free_tab_desc_frame_ .free_tab_desc_ .free_tab_desc_text_ {
  margin: 10px 3.333% 0;
  font-size: 14px;
  line-height: 1.5;
}
.bg_blue_ .free_tab_desc_frame_ .free_tab_desc_ .free_tab_desc_text_ {
  color: #FFF;
}
#top_slider li {
  vertical-align: top;
}
#top_slider li img {
  width: 100%;
}
#top_slider .slick-dots {
  display: flex;
  justify-content: center;
  padding: 20px 0 40px;
}
#top_slider .slick-dots li {
  margin-right: 20px;
}
#top_slider .slick-dots li:last-of-type {
  margin-right: 0;
}
#top_slider .slick-dots li button {
  text-indent: -9999px;
  background: #cccccc;
  display: block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  border: 0;
  padding: 0;
  border-radius: 5px;
  outline: 0;
}
#top_slider .slick-dots li.slick-active button {
  background: #709aa6;
}
#top_page_nav {
  display: flex;
  width: 100%;
  padding: 0 0 30px;
}
#top_page_nav li {
  width: calc((100% - 3px) / 4);
  border-right: 1px solid #cccccc;
}
#top_page_nav li:last-of-type {
  border-right: 0;
}
#top_page_nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 2px 0 15px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  background: url(../img/usr/sb/common/link_arrow_black_bottom.png) center bottom 2px / 13px auto no-repeat;
}
#sec_recommend h2 {
  padding: 40px 0;
  margin: 0 auto;
  width: 233.5px;
}
#sec_beginner {
  position: relative;
  margin: 66px 0 0;
  padding: 80px 0 0;
  text-align: center;
}
#sec_beginner::before {
  position: absolute;
  top: 0;
  left: calc(50% - 66px);
  width: 132px;
  height: 66px;
  margin: -66px 0 0;
  border-radius: 66px 66px 0 0;
  background: #eeeeee;
  z-index: 0;
  content: "";
}
#sec_beginner::after {
  position: absolute;
  top: 0;
  left: calc(50% - 43.5px);
  width: 87px;
  height: 106px;
  margin: -55px 0 0;
  background: url(../img/usr/sb/top/frame_coffee_bg.png) center center / 100% auto no-repeat;
  z-index: 1;
  content: "";
}
#sec_beginner h3 {
  position: relative;
  display: inline-block;
  margin: 0 0 5px;
  padding: 0 20px;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  color: #222222;
}
#sec_beginner h3::before {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 2px;
  height: 22px;
  transform: rotate(-30deg);
  background: #222222;
  content: "";
}
#sec_beginner h3::after {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 2px;
  height: 22px;
  transform: rotate(30deg);
  background: #222222;
  content: "";
}
#sec_beginner h4 {
  margin: 12px 3.333% 16px;
  padding: 10px 0;
  border-top: 2px solid #326777;
  border-bottom: 2px solid #326777;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #326777;
}
#sec_ranking > h2 {
  padding: 40px 0;
  margin: 0 auto;
  width: 189.5px;
}
#sec_coffee > h2 {
  padding: 40px 0;
  margin: 0 auto;
  width: 169.5px;
}
#top_nav_img {
  display: flex;
  padding: 40px 0 50px;
}
#top_nav_img .anchor_img_ {
  width: 45.333%;
  margin: 0 0 0 3.111%;
}
#top_nav_img .anchor_img_:nth-of-type(2n) {
  margin-right: 3.111%;
}
#sec_coffee .coffee_search_frame_ {
  margin: 10px 0 0;
}
#sec_coffee .coffee_search_frame_ .coffee_search_desc_ {
  padding: 20px 5% 25px;
  color: #FFF;
  text-align: center;
}
#sec_coffee .coffee_search_frame_.taste .coffee_search_desc_ {
  background: url(../img/usr/sb/top/taste_bg.png) center center / cover no-repeat;
}
#sec_coffee .coffee_search_frame_.scene .coffee_search_desc_ {
  background: url(../img/usr/sb/top/scene_bg.png) center center / cover no-repeat;
}
#sec_coffee .coffee_search_frame_.producing_district .coffee_search_desc_ {
  background: url(../img/usr/sb/top/producing_district_bg.png) center center / cover no-repeat;
}
#sec_coffee .coffee_search_frame_ .coffee_search_desc_ h3 {
  position: relative;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
}
#sec_coffee .coffee_search_frame_.taste .coffee_search_desc_ h3::before {
  position: absolute;
  top: -30px;
  left: -60px;
  width: 119px;
  height: 41px;
  background: url(../img/usr/sb/top/title_taste_float.png) center center / 100% auto no-repeat;
  content: "";
}
#sec_coffee .coffee_search_frame_.scene .coffee_search_desc_ h3::before {
  position: absolute;
  top: -27px;
  left: -70px;
  width: 119px;
  height: 39px;
  background: url(../img/usr/sb/top/title_scene_float.png) center center / 100% auto no-repeat;
  content: "";
}
#sec_coffee .coffee_search_frame_.producing_district .coffee_search_desc_ h3::before {
  position: absolute;
  top: -45px;
  left: -94px;
  width: 127.5px;
  height: 71.5px;
  background: url(../img/usr/sb/top/title_producing_district_float.png) center center / 100% auto no-repeat;
  content: "";
}
#sec_coffee .coffee_search_frame_ .coffee_search_desc_ .coffee_search_desc_text_ {
  margin: 16px 0 0;
  font-size: 14px;
  text-align: left;
}
#sec_machine > h2 {
  padding: 40px 0;
  margin: 0 auto;
  width: 168.5px;
}
#sec_machine .type_search_desc_ {
  padding: 20px 5% 25px;
  color: #FFF;
  text-align: center;
  background: url(../img/usr/sb/top/type_bg.png) center center / cover no-repeat;
}
#sec_machine .type_search_desc_ h3 {
  position: relative;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
}
#sec_machine .type_search_desc_ h3::before {
  position: absolute;
  top: -30px;
  left: -82px;
  width: 119px;
  height: 50.5px;
  background: url(../img/usr/sb/top/title_type_float.png) center center / 100% auto no-repeat;
  content: "";
}
#sec_machine .type_search_desc_ .type_search_desc_text_ {
  margin: 16px 0 0;
  font-size: 14px;
  text-align: left;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul {
  display: none;
  flex-wrap: wrap;
  padding: 20px 0 0;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_.active > ul {
  display: flex;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul > li {
  width: 45%;
  margin: 0 0 3.333% 3.333%;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul > li:nth-of-type(2n) {
  margin-right: 3.333%;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul > li:nth-of-type(n+7) {
  display: none;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul > li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-size: 14px;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul > li a figure {
  width: 60px;
  padding: 10px;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ > ul > li a .type_list_name_ {
  display: block;
  width: calc(100% - 80px);
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ .type_list_more_ {
  display: none;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_.active .type_list_more_ {
  display: block;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ .type_list_more_ {
  margin: 0 3.333%;
  padding: 0 0 40px;
}
#sec_machine .event_tab_frame_ .event_goods_slide_ .event_goods_.type_list_frame_ .type_list_more_ a {
  display: block;
  padding: 14px 20px 14px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  text-align: center;
  border-bottom: 1px solid #222;
  text-decoration: none;
  background: url(../img/usr/sb/common/link_arrow_black_bottom.png) right calc(50% - 36px) center / 13px auto no-repeat;
}
#sec_brand .brand_search_desc_ {
  padding: 20px 5% 25px;
  color: #FFF;
  text-align: center;
  background: url(../img/usr/sb/top/brand_bg.png) center center / cover no-repeat;
}
#sec_brand .brand_search_desc_ h3 {
  position: relative;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
}
#sec_brand .brand_search_desc_ h3::before {
  position: absolute;
  top: -48px;
  left: -64px;
  width: 121px;
  height: 59px;
  background: url(../img/usr/sb/top/title_brand_float.png) center center / 100% auto no-repeat;
  content: "";
}
#sec_brand .brand_search_desc_ .brand_search_desc_text_ {
  margin: 16px 0 0;
  font-size: 14px;
  text-align: left;
}
#sec_brand ul.brand_search_list_ {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 3.333% 30px;
}
#sec_brand ul.brand_search_list_ > li {
  width: calc((100% - 4px) / 3);
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
}
#sec_brand ul.brand_search_list_ > li:nth-of-type(3n) ,
  #sec_brand ul.brand_search_list_ > li:last-of-type {
  width: calc(((100% - 4px) / 3) + 1px);
  border-right: 1px solid #dcdcdc;
}
#sec_brand ul.brand_search_list_ > li:nth-last-of-type(1) ,
#sec_brand ul.brand_search_list_ > li:nth-last-of-type(2) ,
#sec_brand ul.brand_search_list_ > li:nth-last-of-type(3) {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: -1px;
}
#sec_brand ul.brand_search_list_ > li a {
  display: block;
  padding: 18px;
}
#sec_brand ul.brand_search_list_ > li img {
  width: 100%;
  vertical-align: top;
}
#sec_enjoy > h2 {
  padding: 40px 0;
  margin: 0 auto;
  width: 160.5px;
}
#sec_enjoy .section_subttl_ {
  margin: 0 0 20px;
  font-size: 21px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  line-height: 1.5;
}
#sec_pickup > h2 {
  padding: 40px 0;
  margin: 0 auto;
  width: 179.5px;
}
#sec_pickup ul.top_s_banner_list_ {
  margin: 0 0 40px;
}
#sec_pickup ul.top_s_banner_list_ li a {
  display: block;
  padding: 0 7.5px;
  margin: 0 0 15px;
}
#sec_pickup ul.top_s_banner_list_ .slick-dots {
  display: flex;
  justify-content: center;
  padding: 15px 0;
}
#sec_pickup ul.top_s_banner_list_ .slick-dots li {
  margin-right: 20px;
}
#sec_pickup ul.top_s_banner_list_ .slick-dots li:last-of-type {
  margin-right: 0;
}
#sec_pickup ul.top_s_banner_list_ .slick-dots li button {
  text-indent: -9999px;
  background: #cccccc;
  display: block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  border: 0;
  padding: 0;
  border-radius: 5px;
  outline: 0;
}
#sec_pickup ul.top_s_banner_list_ .slick-dots li.slick-active button {
  background: #260b00;
}

/*はじめての方へ*/
#first_time_area{
  background: rgba(42,63,33,0.95);
  margin-bottom: 30px;
}
#first_time_area:before,
#first_time_area:after{
  content: "";
  display: block;
  width: 100%;
  height: 6px;
}
#first_time_area:before{
  background: url(../img/usr/sb/top/first_time_area_bg_top.png) repeat-x;
  background-size: 100%;
}
#first_time_area:after{
  background: url(../img/usr/sb/top/first_time_area_bg_bottom.png) repeat-x;
  background-size: 100%;
}
#first_time_area section{
  padding: 0 18px;
}
#first_time_area section h2{
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
#first_time_area section h2:after,
#first_time_area section h2:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 21px;
  height: 56px;
  background: url(../img/usr/sb/top/first_time_area_ttl_bg.png) no-repeat;
  background-size: 21px 56px;
}
#first_time_area section h2:after{
  float: left;
}
#first_time_area section h2:before{
  float: right;
}
#first_time_area section h2 img{
  width: 204px;
  height: 36px;
  vertical-align: middle;
  margin: 20px 10px 0;
}
#first_time_area section p{
  color: #fff;
  text-align: center;
  padding: 5px 0;
}
#point_slider li{
  min-width: 133px;
}
#point_slider dl.point_inner_{
  padding: 5px;
  background: url(../img/usr/sb/top/point_frame.png) no-repeat;
  background-size: 133px auto;
  height: 206px;
}
#point_slider li .point_icon_{
  margin-bottom: 6px;
  text-align: center;
}
#point_slider li .point_icon_ img{
  width: 89px;
}
#point_slider dl.point_inner_ dt{
  padding: 5px 0;
}
#point_slider dl.point_inner_ dd{
  font-size: 10px;
  color: #fff;
  margin: 0;
  font-feature-settings: "pkna";
  padding: 0 5px;
}
#point_slider dl.point_inner_.first_ dd{
  text-indent: -1em;
  padding-left: 1em;
}
#point_slider dl.point_inner_ dd span{
  font-size: 10px;
}
#first_time_area .bx-wrapper{
  position: relative;
}
#first_time_area .bx-wrapper .bx-controls-direction a{
  display: block;
  position: absolute;
  top: 45%;
  width: 13px;
  height: 1px;
  padding-top: 29px;
  overflow: hidden;
}
#first_time_area .bx-wrapper .bx-controls-direction a.bx-prev{
  background: url(../img/usr/sb/top/point_prev.png) no-repeat;
  background-size: 13px 29px;
  left: -20px;
}
#first_time_area .bx-wrapper .bx-controls-direction a.bx-next{
  background: url(../img/usr/sb/top/point_next.png) no-repeat;
  background-size: 13px 29px;
  right: -20px;
}
#first_time_area #link_list{
  margin: 8px auto;
  letter-spacing: -0.4em;
  text-align: center;
}
#first_time_area #link_list li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  width: 48%;
  border: 1px solid #fff;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 5px;
  margin-left: 2%;
}
#first_time_area #link_list li:first-of-type{
  margin-left: 0;
}
#first_time_area #link_list li a{
  display: block;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  color: #2a3821;
  text-decoration: none;
  font-size: 12px;
  font-weight: 800;
}
#first_time_area #link_list li a span{
  line-height: 40px;
  background: url(../img/usr/sb/top/first_time_area_arrow.png) left center no-repeat;
  background-size: 10px;
  padding-left: 15px;
}
/*テイスト・産地でお探しの方へ*/
#how_to_choose_area{
  margin-bottom: 15px
}
#how_to_choose_area > h2{
  text-align: center;
}
#how_to_choose_area > h2 img{
	width: 238px;
	margin-bottom: 10px;
}
#how_to_choose_area .common_headline2_{
  padding: 12px 0 10px;
  margin-bottom: 0;
  background: url(../img/usr/sb/top/common_headline2_bg.png) left center repeat;
  background-size: 320px 45px;
}
#how_to_choose_area .common_headline2_ span{
  display: block;
  width: auto;
  height: 20px;
  background: url(../img/usr/sb/top/search_ttl_icon.png) 10px center no-repeat;
  background-size: 20px;
  padding-left: 40px;
}
#how_to_choose_area #choose_area{
  padding: 15px 10px;
  overflow: hidden;
}
#how_to_choose_area #choose_area dl{
  width: 48%;
  float: left;
}
#how_to_choose_area #choose_area dl:last-of-type{
  float: right;
}
#how_to_choose_area #choose_area dt{
  font-size: 14px;
  font-weight: bold;
  border-left: 3px solid #8b7357;
  padding-left: 10px;
  margin-bottom: 15px;
}
/*イベント タブ切り替え*/
#tab_list{
  width: 100%;
  height: 50px;
}
#tab_list{
  background: url(../img/usr/top/tab_list_bg.png) repeat-x;
  padding-top: 10px;
}
#tab_list .tab_inner_:after{
  content:"";
  display:table;
  clear: both;
}
#tab_list .tab_inner_ h2.event_title_{
  width: 80px;
  height: 50px;
  float: left;
  clear: none;
  padding:0;
  margin: 0 5px 0 0;
  border-radius: 5px 5px 0 0;
  background: none;
}
#tab_list .tab_inner_ h2.event_title_ a{
  display: block;
  height: 50px;
  color: #2b1306;
  font-size: 12px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background: #f7f2e9;
}
#tab_list .tab_inner_ h2.event_title_ a.active{
  background: #fff;
}
#tab_list .tab_inner_ h2.event_title_ a span.label_{
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  height: 50px;
  font-size: 12px;
}
#tab_list .tab_inner_ h2.event_title_:first-of-type{
  margin-left: 10px;
}
#tab_list .tab_inner_ h2.event_title_:last-of-type{
  margin-right: 10px !important;
}

#goods_wrap{
  width: 100%;
  height:auto;
  overflow: hidden;
}
#goods_wrap .goods_{
  clear: none;
}
#goods_wrap .goods_ ul.goods_r_{
  border-top: none;
}
.btn_more_.rank_,
#goods_wrap .btn_more_{
  margin: 0 10px;
}
.btn_more_.rank_ a,
#goods_wrap .btn_more_ a{
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #583829;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
}

/*飲み方・用途でお探しの方へ*/
#brand_search{
  margin-bottom: 30px;
}
#brand_search .common_headline2_{
  padding: 12px 0 10px;
  background: url(../img/usr/sb/top/common_headline2_bg.png) left center repeat;
  background-size: 320px 45px;
}
#brand_search .common_headline2_ span{
  display: block;
  width: auto;
  height: 20px;
  background: url(../img/usr/sb/top/search_ttl_icon.png) 10px center no-repeat;
  background-size: 20px;
  padding-left: 40px;
}
#brand_search section{
  padding: 0 10px;
}
#brand_search dl{
  text-align: center;
  letter-spacing: -0.4em;
  margin-bottom: 10px;
}
#brand_search dt{
  letter-spacing: normal;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  border-left: 3px solid #8b7357;
  padding-left: 10px;
  margin: 0 0 15px 0;
}
#brand_search dd{
  letter-spacing: normal;
  display: inline-block;
  width: 32%;
  margin-left: 2%;
}
#brand_search dd:first-of-type{
  margin-left: 0;
}
#brand_search .link_btn_{
  width: 100%;
  height: 40px;
  text-align: center;
}
#brand_search .link_btn_ a{
  display: block;
  width: 100%;
  line-height: 40px;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  background: #583829;
  border-radius: 5px;
}
/*コーヒーを美味しく飲みたい方へ*/
#delicious_evaluation{
  margin-bottom: 30px;
}
#delicious_evaluation h2.common_headline2_{
  margin-bottom: 15px;
}
#delicious_coffee{
  text-align: center;
  padding: 0 10px;
  margin-bottom: 20px;
}
#delicious_coffee li{
  display: inline-block;
  position: relative;
  width: 48%;
  margin-left: 2%;
}
#delicious_coffee li:first-child{
  margin-left: 0;
}
#delicious_coffee li span{
  text-decoration: none;
  position:absolute;
  width: 100%;
  font-size: 12px;
  font-weight: 800;
  bottom: 5%;
  left:0;
}
#evaluation{
  padding: 0 10px;
}
#evaluation dl{
  text-align: center;
  letter-spacing: -0.4em;
  margin-bottom: 10px;
}
#evaluation dt{
  letter-spacing: normal;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  border-left: 3px solid #8b7357;
  padding-left: 10px;
  margin: 0 0 15px 0;
}
#evaluation dd{
  letter-spacing: normal;
  display: inline-block;
  width: 49%;
  margin-left: 2%;
}
#evaluation dd:first-of-type{
  margin-left: 0;
}

/* 静的バナー群 */
#sale_fear{
/* background: url(../img/usr/sb/top/banner_list_bg.png) repeat;
  background-size: 320px 310px; */
  padding: 30px 0;
}
#sale_fear h2{
  text-align: center;
  margin-bottom: 20px;
}
#sale_fear h2 img{
  width: 168px;
}
#sale_fear section{
  padding: 0 10px;
}
#sale_fear section ul{
  text-align: center;
  letter-spacing: -0.4em;
}
#sale_fear section ul:last-of-type{
  display: none;
}
#sale_fear section li{
  display: inline-block;
  letter-spacing: normal;
  width: 48%;
  margin-left: 2%;
  margin-bottom: 2%;
}
#sale_fear section li:nth-of-type(2n+1){
  margin-left: 0;
}

#sale_fear .btn_{
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-weight: 800;
  background: #583829;
  border-radius: 5px;
  margin-top: 15px;
}
#sale_fear .btn_ span{
  background: url(../img/usr/sb/common/open_arrow.png) left center no-repeat;
  background-size: 9px 5px;
  padding-left: 20px;
}
#sale_fear .btn_.close_btn_ span{
  background: url(../img/usr/sb/common/close_arrow.png) left center no-repeat;
  background-size: 9px 5px;
}
/*トップ ジャンル一覧*/
#block_of_genre{
  padding-bottom: 30px;
}
/* --------------------------------------------------------------------
	会員規約
-------------------------------------------------------------------- */
#agree_contents dt {
	padding: 0px 0px 0px 6px;
	border: none;
	font-size: 14px;
	color: #00377f;
	text-decoration: underline;
	cursor: pointer;
}
#agree_contents dd {
	font-size: 10px;
	border: none;
	display: none;
}

/* --------------------------------------------------------------------
	ログイン
-------------------------------------------------------------------- */
div.login_ {
}
div.login_ div.loginform_ {
	margin-bottom: 20px;
}
div.login_ div.loginform_ div.form_text_ {
	margin: 5px 0;
}
div.login_ div.askpass_ {
	margin:10px auto;
}
.login-list {
	overflow:hidden;
	text-align:left;
	border-top:1px solid #9fb7d4;
	margin-bottom: 10px;
}
.login-list li.inputimage_ {
	width:100%;
}
.login-list li.inputimage_ a {
	display:block;
	padding-left:50px;
	height:43px;
	line-height:43px;
	border-bottom:1px solid #9fb7d4;
	color:#000;
	background-repeat:no-repeat;
	background-position:5px 50%;
}

div.login_ .loginform_ input.login_uid_,
div.login_ .loginform_ input.login_pwd_ {
	width: 100%;
	max-width:100%;
	padding:1.5em 0;
	text-indent: 0.6em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.login_ .topBoader_{
	border-top: 2px solid #3fbf0d;
	padding-top: 10px;
}
div.login_ .bottomBoader_{
	padding-bottom: 10px;
}
div.login_ .common_headline1_{
	font-size:14px;
}

div.login_ input[type=submit].main_action_button_,
div.login_ input[type=button].main_action_button_ {
	-webkit-appearance: none;
}
div.login_ div.loginform_ div.form_text_ {
    font-size: 12px;
	padding: 0;
}

div.login_ div.loginform_ span.headline_text_ {
	font-weight: bold;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 4px;
	position: absolute;
}
div.login_ div.loginform_ span.headline_text_relate_ {
	top: -3px;
	font-size: 12.5px;
}
div.login_ div.loginform_ img.icon_ {
	padding-left:10px;
	padding-right:10px;
	width: 30px;
	height: 30px;
}

div.login_ .forgotpass_{
	margin-top: 10px;
}

/* --------------------------------------------------------------------
	追加認証
-------------------------------------------------------------------- */
input.certify_ {
	width:0px;
	height:0px;
}

div.certify_escape_ {
	margin-top:10px;
	text-align:center;
}
div.certify_escape_ a {
	text-decoration:underline;
	font-size:13px;
}

/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
	margin: 0 10px 10px;
	padding: 4px;
	border: 1px solid #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-size: 10px;
}
div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
div.customer_ table.customer_ th,
div.customer_ table.customerconfirm_ th {
	width: 30%;
	background-color: #e5f3ff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
div.customer_ table.customer_ td,
div.customer_ table.customerconfirm_ td {
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}
div.customer_ input.zip_ {
	width: 140px;
}
dl.customer_ input.customer_card_ {
	width: 190px;
}
dl.customer_ input.pin_ {
	width: 140px;
}

#lbl_pin_code{
	margin-right: 8px;
}

dl.formdetail_ pre.agreebody_ {
	margin: 10px 10px 10px;
	padding: 4px;
	border: 1px solid #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-size: 10px;
}
/* --------------------------------------------------------------------
	マイページ
-------------------------------------------------------------------- */
#mypagenav {
	margin-bottom: 10px;
}
#member_info{
	width: auto;
	padding: 30px 13px;
	overflow: hidden;
	color: #222;
	border-top: 1px solid #E0DCD9;
}
#member_info .user_name_ {
	margin: 0 100px 25px 5px;
}
#member_info .user_name_ p {
	font-size: 22px;
}
#member_info .member_info_inner {
}
#member_info .members_rank_ {
	position: relative;
	margin: 0 0 60px;
	padding: 35px;
	background: #BED8DF4D;
	background-image: url(../img/usr/mypage/members_rank_bg-top.png), url(../img/usr/mypage/members_rank_bg-bottom.png);
	background-repeat: no-repeat,no-repeat;
	background-position: top 10px center,bottom 10px center;
	background-size: 95% auto,95% auto;
	border: 5px solid #709AA6;
	box-sizing: border-box;
	border-radius: 10px;
}
#member_info .members_rank_::after {
	content: "";
	position: absolute;
	bottom: -55px;
	left: calc(50% - 20px);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 20px solid #485F66;
	border-bottom: 0;
	transform: translateY(-50%);
}
#member_info #members_rank_reborn,
#member_info .mypoint_ {
	width: calc(170 * (100vw / 375));
	height: 64px;
	margin: 0 0 0 auto;
	padding: 8px 0 0;
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px solid #709AA6;
}
#member_info .mypoint_ {
	height: 70px;
	border-bottom: none;
}
#member_info .mypoint_ .mypoint_inner_ {
	width: calc(170 * (100vw / 375));
}
#member_info .mypoint_ .nowpoint_txt_ {
}
#member_info #members_rank_reborn span,
#member_info .mypoint_ span {
	display: block;
	font-size: 25px;
	font-weight: bold;
	color: #709AA6;
}
#member_info .mypoint_ span {
	font-size: 15px;
}
#member_info .mypoint_ span strong {
	font-size: 28px;
}
#member_info .revo_txt_ {
	display: block;
	font-size: 12px;
	font-weight: normal;
	color: #222;
	padding: 0 0 5px;
	border-bottom: 1px solid #709AA6;
}
#member_info .pointdetail_ {
	font-size: 14px;
	padding: 25px 0 20px;
}
#member_info .mypoint_ + .pointdetail_ {
	border-top: 1px solid #709AA6;
}
#member_info .pointdetail_ span {
	font-weight: bold;
}

#member_info .rank_benefits .rank_benefits_title_ {
	font-size: 18px;
	text-align: center;
    display: flex;
    align-items: center;
}
#member_info .rank_benefits .rank_benefits_title_::before,
#member_info .rank_benefits .rank_benefits_title_::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #709AA6;
}
#member_info .rank_benefits .rank_benefits_title_::before {
    margin-right: 1rem;
}
#member_info .rank_benefits .rank_benefits_title_::after {
    margin-left: 1rem;
}
#member_info .rank_benefits .rank_benefits_title2_ {
	position: relative;
	font-size: 14px;
	text-align: center;
	margin: 0 0 15px;
	padding: 0 0 5px;
	border-bottom: 1px solid #709AA6;
}
#member_info .rank_benefits .rank_benefits_title2_::before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -15px;
    border: 8px solid transparent;
    border-top: 8px solid #F5F5F5;
    z-index: 2;
}
#member_info .rank_benefits .rank_benefits_title2_::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -17px;
    border: 10px solid transparent;
    border-top: 10px solid #709AA6;
    z-index: 1;
}
#member_info .rank_benefits .rank_benefits_title2_ .diamond_rbt {
    display: none;
}

#member_info .rank_benefits .rank_benefits_detail_ {
	display: none;
	justify-content: space-between;
	margin: 10px auto 5px;
}
#member_info .rank_benefits .rank_benefits_detail_ li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% - 30px) /3);
	height: 90px;
	color: #fff;
	text-align: center;
	background: #709AA6;
	border-radius: 10px;
}
#member_info .rank_benefits .rank_benefits_detail_ li p {
	line-height: 1.3
}
#member_info .next_rankbox_ .rank_benefits .rank_benefits_detail_ li {
	height: 70px;
}
#member_info .rank_benefits .rank_benefits_detail_:not(.white_rbd) li span {
	font-size: 24px;
	font-weight: bold;
}
#member_info .rank_benefits .rank_benefits_detail_:not(.white_rbd) li span > span,
#member_info .rank_benefits .rank_benefits_detail_ li:last-of-type span {
	font-size: 18px
}
#member_info .rank_benefits .rank_benefits_txt_ {
	font-size: 12px;
	display: table;
	margin: auto;
}

#member_info .next_rankbox_ {
	display: flex;
	align-items: center;
	padding: 20px 40px;
	background: #F5F5F5;
	border-radius: 10px;
}
#member_info .next_rankbox_ .next_rankbox_inner_ {
	width: 100%;
}
#member_info .next_rankbox_ .next_point_ + .next_point_ {
	font-size: 14px;
	text-align: center;
}
#member_info .next_rankbox_ .next_point_ + .next_point_ strong {
	font-size: 20px;
	font-weight: bold;
	color: #485F66;
	margin: 0 2px;
}
#member_info .next_rankbox_ .next_point_ .next_money_period_txt_ {
	font-size: 12px;
}
#member_info .members_rank_ ~ .next_rankbox_ .next_point_ + .next_point_ .next_money_period_txt_white_ {
	font-size: 20px;
	font-weight: bold;
	color: #485F66;
	margin: 0 2px 0 -2px;
}
#member_info .next_rankbox_ .next_rank_ {
	height: 70px;
	margin: 7px 0 0;
	padding: 10px 0 0;
	text-align: center;
	border-top: 1px solid #709AA6;
}
#member_info .next_rankbox_ .next_rank_ .next_rank_txt_ {
	margin: 10px 0 0 calc(50% - 100px);
}
#member_info .next_rankbox_ .next_rank_ #next_rank,
#member_info .next_rankbox_ .next_rank_ #next_rank + span {
	font-size: 20px;
	font-weight: bold;
	color: #485F66;
}
#member_info .members_rank_:not([data-now-rank="ダイヤモンド"]) ~ .next_rankbox_ .rank_detail_ {
	display: none;
}

/* ホワイト会員? */
#member_info .members_rank_[data-now-rank="ホワイト"] ~ .next_rankbox_[data-next-rank="シルバー"] .next_point_ + .next_point_ .next_money_period_txt_,
#member_info .members_rank_ ~ .next_rankbox_ .next_point_ + .next_point_ .next_money_period_txt_white_ {
	display: none;
}
#member_info .members_rank_[data-now-rank="ホワイト"] ~ .next_rankbox_[data-next-rank="シルバー"] .next_point_ + .next_point_ .next_money_period_txt_white_ {
	display: inline-block;
}
#member_info .members_rank_[data-now-rank="ホワイト"] .members_rank_inner {
	background: url(/img/usr/mypage/white_rank.png) no-repeat top left;
	background-size: 90px auto;
}
#member_info .next_rankbox_[data-next-rank="シルバー"] .next_rank_ {
	background: url(/img/usr/mypage/silver_rank.png) no-repeat calc((50% - 25px) - 50px) 10px;
	background-size: 50px auto;
}
#member_info .members_rank_[data-now-rank="ホワイト"] .members_rank_inner .rank_benefits_detail_.white_rbd,
#member_info .next_rankbox_[data-next-rank="シルバー"] .rank_benefits_detail_.silver_rbd {
	display: flex;
}
#member_info .members_rank_[data-now-rank="ホワイト"] .members_rank_inner .rank_benefits_detail_.white_rbd li:nth-of-type(n+ 2),
#member_info .next_rankbox_[data-next-rank="シルバー"] .rank_benefits_detail_.white_rbd li:nth-of-type(n+ 3) {
	opacity: 0.3;
}
#member_info .members_rank_[data-now-rank="ホワイト"] .members_rank_inner .rank_benefits_detail_.white_rbd li:nth-of-type(n+ 2) p,
#member_info .next_rankbox_[data-next-rank="シルバー"] .rank_benefits_detail_.white_rbd li:nth-of-type(n+ 3) p {
	opacity: 0.4;
}
#member_info .next_rankbox_[data-next-rank="シルバー"] .next_point_ + .next_point_ .next_money_period_txt_white_ {
	color: #485F66;
}

/* シルバー会員? */
#member_info .members_rank_[data-now-rank="シルバー"] {
  background: #F5F5F5;
	background-image: url(/img/usr/mypage/members_rank_bg-top.png), url(../img/usr/mypage/members_rank_bg-bottom.png);
	background-repeat: no-repeat,no-repeat;
	background-position: top 10px center,bottom 10px center;
	background-size: 95% auto,95% auto;
	border: 5px solid #709AA6;
}
#member_info .next_rankbox_[data-next-rank="ゴールド"] {
  background: #F7F0E780;
}
#member_info [data-now-rank="シルバー"] #members_rank_reborn span,
#member_info [data-now-rank="シルバー"] .mypoint_ span {
  color: #485F66;
}
#member_info .next_rankbox_[data-next-rank="ゴールド"] .next_point_ + .next_point_ strong,
#member_info .next_rankbox_[data-next-rank="ゴールド"] .next_rank_ #next_rank,
#member_info .next_rankbox_[data-next-rank="ゴールド"] .next_rank_ #next_rank + span {
  color: #7B7060;
}
#member_info .members_rank_[data-now-rank="シルバー"] .members_rank_inner {
	background: url(/img/usr/mypage/silver_rank.png) no-repeat top left;
	background-size: 90px auto;
}
#member_info .next_rankbox_[data-next-rank="ゴールド"] .next_rank_ {
	background: url(/img/usr/mypage/gold_rank.png) no-repeat calc((50% - 25px) - 50px) 10px;
	background-size: 50px auto;
}
#member_info .members_rank_[data-now-rank="シルバー"] .members_rank_inner .rank_benefits_detail_.silver_rbd,
#member_info .next_rankbox_[data-next-rank="ゴールド"] .rank_benefits_detail_.gold_rbd {
	display: flex;
}
#member_info .members_rank_[data-now-rank="シルバー"] .members_rank_inner .rank_benefits_detail_.silver_rbd li:nth-of-type(n+ 3) {
	opacity: 0.3;
}
#member_info .members_rank_[data-now-rank="シルバー"] .members_rank_inner .rank_benefits_detail_.silver_rbd li:nth-of-type(n+ 3) p {
	opacity: 0.4;
}
#member_info .next_rankbox_[data-next-rank="ゴールド"] .rank_benefits .rank_benefits_title2_::before {
  border-top: 8px solid #fbf7f3;
}
#member_info .next_rankbox_[data-next-rank="ゴールド"] .next_point_ + .next_point_ .next_money_period_txt_white_ {
	color: #7B7060;
}

/* ゴールド会員? */
#member_info .members_rank_[data-now-rank="ゴールド"] {
  background: #F7F0E780;
	background-image: url(/img/usr/mypage/members_rank_bg-top.png), url(/img/usr/mypage/members_rank_bg-bottom.png);
	background-repeat: no-repeat,no-repeat;
	background-position: top 10px center,bottom 10px center;
	background-size: 95% auto,95% auto;
	border: 5px solid #7B7060;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] {
	color: #fff;
  background: #222 url(/img/usr/mypage/next-diamond_rank_bg-sp.png) no-repeat top left;
	background-size: 100% 100%;
}
#member_info [data-now-rank="ゴールド"] #members_rank_reborn span,
#member_info [data-now-rank="ゴールド"] .mypoint_ span {
  color: #7B7060;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .next_point_ + .next_point_ strong,
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .next_rank_ #next_rank,
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .next_rank_ #next_rank + span {
  color: #BCAF8B;
}

#member_info .members_rank_[data-now-rank="ゴールド"] .members_rank_inner {

	background: url(/img/usr/mypage/gold_rank.png) no-repeat top left;
	background-size: 90px auto;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .next_rank_ {
	background: url(/img/usr/mypage/diamond_rank.png) no-repeat calc((50% - 25px) - 70px) 10px;
	background-size: 50px auto;
  border-top: 1px solid #BCAF8B;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .next_rank_ .next_rank_txt_ {
  margin: 10px 0 0 calc(50% - 80px);
}
#member_info .members_rank_[data-now-rank="ゴールド"] .members_rank_inner .rank_benefits_detail_.gold_rbd,
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .rank_benefits_detail_.diamond_rbd {
	display: flex;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .rank_benefits .rank_benefits_title2_ {
  border-bottom: 1px solid #BCAF8B;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .rank_benefits .rank_benefits_title2_::before {
  border-top: 8px solid #222;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .rank_benefits .rank_benefits_title2_::after {
  border: 10px solid transparent;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: transparent;
  border-top: 10px solid #BCAF8B;
}
#member_info .next_rankbox_[data-next-rank="ダイヤモンド"] .next_point_ + .next_point_ .next_money_period_txt_white_ {
	color: #BCAF8B;
}

/* ダイヤモンド会員 */
.member_info_inner:has(> [data-now-rank="ダイヤモンド"]) {
  background: #222 url(/img/usr/mypage/diamond_rank_bg-sp.png) no-repeat top left;
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: hidden;
	color: #fff;
	padding: 0 0 30px;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] {
	position: relative;
	margin: 0 15px;
	padding: 30px 0 10px;
	background: none;
	background-image: none;
	border: 0;
	border-radius: 0;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"]::after {
  position: static;
  border: none;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] .members_rank_inner {
	background: url(/img/usr/mypage/diamond_rank.png) no-repeat top left 10px;
	background-size: 90px auto;
}

#member_info [data-now-rank="ダイヤモンド"] #members_rank_reborn {
  display: block;
	width: calc(200 * (100vw / 375));
  height: 60px;
  margin: 0 15px 0 auto;
	padding: 10px 0 0;
  border-bottom: 1px solid #BCAF8B;
}
#member_info [data-now-rank="ダイヤモンド"] #members_rank_reborn span {
  display: block;
}
#member_info [data-now-rank="ダイヤモンド"] .mypoint_ {
	width: calc(200 * (100vw / 375));
  margin: 0 15px 0 auto;
}
#member_info [data-now-rank="ダイヤモンド"] .mypoint_ .mypoint_inner_ {
}
#member_info [data-now-rank="ダイヤモンド"] .revo_txt_ {
  color: #fff;
  margin: 0 15px;
	border-bottom: none;
}
#member_info [data-now-rank="ダイヤモンド"] #members_rank_reborn span,
#member_info [data-now-rank="ダイヤモンド"] .mypoint_ span {
  color: #BCAF8B;
}
#member_info [data-now-rank="ダイヤモンド"] .pointdetail_ {
  margin: 0 15px;
  border-top: 1px solid #BCAF8B;
}
#member_info [data-now-rank="ダイヤモンド"] .pointdetail_ .pointdetail_txt_ {
	padding: 0 17px;
}
#member_info [data-now-rank="ダイヤモンド"] .rank_benefits {
  display: none;
}

#member_info [data-now-rank="ダイヤモンド"] ~ .next_rankbox_ {
  margin: 0 15px;
	padding: 0;
	background: none;
	border-radius: 0;
}
#member_info [data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .next_point_,
#member_info [data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .next_rank_ {
  display: none;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_ {
	font-size: 18px;
  margin: 0 30px 20px;
  padding: 0 0 5px;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_ span{
	font-size: 18px;
}

#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_ .wsg_rbt {
    display: none;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_ .diamond_rbt {
    display: inline-block;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits_detail_.diamond_rbd {
	display: flex;
	margin: 10px 35px 5px;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_detail_ {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	width: calc(320 * (100vw / 375));
	height: calc(205 * (100vw / 375));
	margin: auto;
	background: url(/img/usr/mypage/rank_detail_bg-sp.png) no-repeat top center;
	background-size: contain;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_detail_ .rank_detail_txt_ {
	line-height: 1.5;
	padding: 0 45px;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_txt_ {
  margin: 0 40px;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_ {
  border-bottom: 1px solid #BCAF8B;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_::before {
  border-top: 8px solid #222;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_title2_::after {
  border: 10px solid transparent;
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: transparent;
  border-top: 10px solid #BCAF8B;
}
#member_info .members_rank_[data-now-rank="ダイヤモンド"] ~ .next_rankbox_ .rank_benefits .rank_benefits_detail_ li {
	height: 90px;
}


/*#member_info{
  background: url(../img/usr/common/commonbg.png) repeat;
  border-radius: 4px;
  width: auto;
  padding: 20px 10px;
  overflow: hidden;
  margin: 0 10px 20px;
}
#member_info .members_rank_{
  position: relative;
  width: auto;
  border-radius: 4px;
  padding: 77px 20px 20px 37%;
  margin-bottom: 10px;
  background-color: #fff;
  background-position: 10px 77px;
  background-repeat: no-repeat;
  background-size: 30%;
}
#member_info .customer_status_{
  width: auto;
  border-radius: 4px;
  padding: 20px 10px;
  background: #fff;
  text-align: center;

}
#member_info .customer_status_ img{
  width: 90px;
  height: auto;
  margin-bottom: 10px;
}
#member_info .customer_status_ #point_info{
  font-size: 12px;
}
#member_info .customer_status_ #point_info span{
  font-size: 14px;
  color: #e60012;
}
#member_info .members_rank_ h3{
  position: absolute;
  top: -5%;
  left: 0;
  width: 100%;
  padding: 15px 0 27px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center;
}
#member_info .members_rank_ dt{
  font-size: 12px;
  font-weight: bold;
  border-bottom: 2px solid #ecdfc9;
  padding-bottom: 10px;
}
#member_info .members_rank_ dd{
  font-size: 12px;
}
#member_info .members_rank_ dd strong{
  color: #e60012;
  font-size: 14px;
}
#member_info .members_rank_ .mypoint_{
  margin-top: 10px;
}
#member_info .members_rank_ .next_point_{
  margin-top: 10px;
}
#member_info .members_rank_ .next_rank_{
  margin-top: 10px;
}
#member_info .members_rank_ .next_rank_ #next_rank{
  display: block;
  vertical-align: middle;
  border-radius: 4px;
  width: 100%;
  height: 40px;
  margin-right: 20px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background: #5d5d5d;
}
#member_info .members_rank_.platina_ h3{
  background-image: url(../img/usr/mypage/reborn_diamond.png);
}
#member_info .members_rank_.gold_ h3{
  background-image: url(../img/usr/sb/mypage/reborn_gold.png);
}
#member_info .members_rank_.silver_ h3{
  background-image: url(../img/usr/mypage/reborn_silver.png);
}
#member_info .members_rank_ h3{
  background-image: url(../img/usr/mypage/reborn_standard.png);
}
#member_info .members_rank_.platina_{
  background-image: url(../img/usr/mypage/medal_platina.png);
}
#member_info .members_rank_.gold_{
  background-image: url(../img/usr/sb/mypage/medal_gold.png);
}
#member_info .members_rank_.silver_{
  background-image: url(../img/usr/mypage/medal_silver.png);
}
#member_info .members_rank_{
  background-image: url(../img/usr/mypage/medal_standard.png);
}
#member_info .members_rank_{
  background-image: url(../img/usr/mypage/white_medal.jpg);
}
#member_info .members_rank_.platina_{
  background-image: url(../img/usr/mypage/diamond_medal.jpg);
}
#member_info .members_rank_.gold_{
  background-image: url(../img/usr/mypage/gold_medal.jpg);
}
#member_info .members_rank_.silver_{
  background-image: url(../img/usr/mypage/silver_medal.jpg);
}
#member_info .members_rank_.platina_ .next_rank_ #next_rank,
#member_info .members_rank_.gold_ .next_rank_ #next_rank{
  background: #3e3a3c;
}
#member_info .members_rank_.silver_ .next_rank_ #next_rank{
  background: #ddb244;
}
#member_info .members_rank_.platina_ .next_rank_ #next_rank,
#member_info .members_rank_.gold_ .next_rank_ #next_rank{
  background: #3e3a3c;
}
#member_info .members_rank_.silver_ .next_rank_ #next_rank{
  background: #ddb244;
}*/
#mypage_link_list{
  letter-spacing: -0.4em;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
}
#mypage_link_list li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  width: 48%;
  height: 50px;
  background: #583829;
  border-radius: 5px;
  margin-left: 3%;
}
#mypage_link_list li.cart_{
  background: #ff6537;
}
#mypage_link_list li:first-of-type{
  margin-left: 0;
}
#mypage_link_list li a{
  display: table;
  width: 100%;
  text-decoration: none;
}
#mypage_link_list li a span{
  display: inline-block;
  width: auto;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 800;
}
#mypage_link_list li.cart_ a span{
  background: url(../img/usr/sb/goods/cart_icon.png) left center no-repeat;
  background-size: 19px 18px;
  padding-left: 21px;
  font-size: 88%;
}
.loginname_ {
	font-weight: bold;
  padding: 0 10px 10px;
}
.mypoint_ {
}
p.recommend_ {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}
ul.mymenu_ {
	margin-bottom: 30px;
	width: auto;
  padding: 0 10px;
}
li.mymenu_item_ {
  width: auto;
  padding: 15px;
  border-radius: 4px;
  border: 5px solid #f7f0e7;
  overflow: hidden;
  margin: 0 0 10px 0;
}
li.mymenu_item_ .img_ {
	float: left;
	width: 60px;
}
li.mymenu_item_ .desc_ {
	float: right;
	width: 75%;
  height: auto;
}
li.mymenu_item_ .desc_ dt{
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 2px solid #ecdfc9;
  overflow: hidden;
}
li.mymenu_item_ .desc_ dt span{
  line-height: 22px;
}
li.mymenu_item_ .desc_ dt span.custdest_btn_{
  float: right;
  display: block;
  width: 22px;
  height: 22px;
  text-indent: 100%;
  overflow: hidden;
  background: url(../img/usr/mypage/mypage_nusr_plus.png) no-repeat;
  cursor: pointer;
}
li.mymenu_item_ .desc_ dt span.custdest_btn_.close_{
  background: url(../img/usr/mypage/mypage_nusr_close.png) no-repeat;
}
li.mymenu_item_ .desc_ dd{
  line-height: 1.5;
}
li.mymenu_item_ .desc_ dd#mymenu_custdest{
  display: none;
}
li.mymenu_item_ .desc_ dd ul#nusr_list{
  margin-top: 55px;
}
li.mymenu_item_ .desc_ dd ul#nusr_list li{
  width: 100%;
  height: auto;
  text-align:center;
  margin-bottom: 10px;
}
li.mymenu_item_ .desc_ dd ul#nusr_list li a{
  display: block;
  width: auto;
  padding: 9px;
  border-radius: 4px;
  background: #583829;
  color: #fff;
  text-decoration: none;
}
li.mymenu_item_ .desc_ dd ul#nusr_list li a:hover{
  text-decoration: none;
  background: rgba(88,56,41,0.75);
}
div.mymenu_item_ h2 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}
div.mymenu_item_ p, div.mymenu_item_ ul {
	margin: 0 0 0 10px;
}
div.mymenu_item_ ul li {
	margin-left: 2em;
	list-style: square;
}
div.members_rank {
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
p#mymenu_withdrawal a{
  background: url(../img/usr/common/category_list_icon.png) left center no-repeat;
  padding-left: 20px;
}
#mymenu_withdrawal{
  padding: 0 10px;
}
#mymenu_withdrawal a{
  text-decoration: none;
}
#member_barcode {
	margin: 0 20px 30px;
	border-radius: 8px;
	 box-shadow: 0px 5px 7px 0px rgba(124, 124, 124, 0.35);
}
#member_no {
	text-align: center;
}
.member_title-jp {
	display: none;
}
.member_title-en {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	height: 80px;
	background: #485F66 url(../img/usr/mypage/member_no_title-bg.png) repeat;
	border-radius: 8px 8px 0 0;
}
#member_no .inner_ {
	padding: 30px 0 20px;
}
#member_no p.message_ {
	color: #9d7b46;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 9px;
	padding: 0;
}
#member_no #barcode {
	margin: 0 auto;
}

/* 商品入荷のお知らせ */
.arrival_notice {
	margin: 0 20px 20px;
	border: 1px solid #707070;
}
.arrival_notice_inner {
	padding: 20px 15px 0;
}
.arrival_notice_title {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px;
}
.arrival_notice_txtt {
	margin: 0 0 10px;
}
.arrival_notice_list li {
	margin: 0 0 5px;
}
.arrival_notice_list li:last-of-type {
	margin: 0;
}
.arrival_notice_txtb {
	font-size: 12px;
	margin: 20px 0;
}
.arrival_notice_note {
	font-size: 12px;
	margin: 20px 10px 15px 10px;
	padding-left: 1em;
	text-indent: -1em;
}

/* 店舗購入情報連携 */
#member_info[data-ci] {
	position: relative;
}
#member_info[data-ci]::before,
#member_info[data-ci]::after {
    right: 30px;
	width: 80px;
	height: 44px;
}
#member_info[data-ci]::before {
	white-space: pre;
    position: absolute;
    top: 28px;
	font-size: 11px;
	text-align: center;
	line-height: 1.3;
}
#member_info[data-ci]::after {
    content: "";
    position: absolute;
    top: 20px;
    border-radius: 8px;
}

#member_info[data-ci="card_integration"]::before {
    content: "店舗購入情報\A連携済み";
    color: #709AA6;
}
#member_info[data-ci="card_integration"]::after {
    border: 1px solid #709AA6;
}
#member_info[data-ci=""]::before {
    content: "店舗購入情報\A未連携";
    color: #999;
}
#member_info[data-ci=""]::after {
    border: 1px solid #999;
}

/* --------------------------------------------------------------------
	マイページ　購入履歴
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
	padding: 5px;
	border: 1px solid #e0dcd9;
	margin: 0 0 10px;
}
div.customer_ .destgoodslist_ {
	margin-bottom: 10px;
}

div.sales_info_ {
	margin: 0 10px 10px;
}
table.order_ th,
table.sales_ th,
table.method_ th,
table.purchase_ th,
table.ship_ th,
table.historydetail_ th
{
	text-align: left;
	border: 1px solid #e0dcd9;
	background-color: #ece4db;
	width: 40%;
	font-weight: normal;
	padding: 3px;
	white-space: nowrap;
}
table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.historydetail_ td
{
	border: 1px solid #e0dcd9;
	border-left: none;
	padding: 3px;
}
table.order_ td.nocell_,
table.sales_ td.nocell_,
table.method_ td.nocell_,
table.purchase_ td.nocell_
{
	border: none !important;
}
table.sales_ td,
table.method_ td {
	text-align: right;
}
table.purchase_ {
	margin-bottom: 10px;
	width: 100%;
}
table.purchase_ th{
	width: 22%;
}
table.ship_ {
	margin: 0 0 10px;
	width: 100%;
}

/* 購入履歴 */
div.history_table_ {
	margin: 0 10px;
}
table.history_ {
	margin: 0 0 10px;
	width: 100%;
	border:#e0dcd9 1px solid;
	border-bottom: none;
}
table.history_ td {
	padding: 1px 5px;
	border-bottom:#E5E5E5 1px solid;
}
table.history_ th {
	background-color: #ece4db;
	vertical-align: middle;
	width: 35%;
	font-weight: normal;
	text-align: left;
	padding: 1px 5px;
	border-bottom:#e0dcd9 1px solid;
	white-space: nowrap;
}
table.history_ td.order_dt_ {
}
table.history_ td.order_id_ {
}
table.history_ td.order_detail_ {
	padding: 0px;
}
table.history_ td.order_detail_ ul {
	width: 100%;
}
table.history_ td.order_detail_ ul li {
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}
table.history_ td.order_detail_ ul li div.name_ {
	margin: 5px;
}
table.history_ td.order_detail_ ul li a.reviewbtn_ div,
.dest_goodsname_ a.reviewbtn_ div{
	width: 100%;
	height: 28px;
	background-color: #333;
	text-align: center;
	border-radius: 4px;
}

table.history_ td.order_detail_ ul li a.reviewbtn_ div span{
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	position: relative;
}

.dest_goodsname_ a.reviewbtn_ div span{
	color: #fff;
	font-size: 10px;
	line-height: 28px;
	position: relative;
}

table.history_ td.order_detail_ ul li a.reviewbtn_ div span::after,
.dest_goodsname_ a.reviewbtn_ div span::after{
	content: '';
	width: 11px;
	height: 11px;
	display: block;
	background-image: url(/img/usr/button/icon_review.png);
	background-size: 11px 11px;
	background-repeat: no-repeat;
	position: absolute;
	top: 2px;
	left: -14px;
}

.dest_goodsname_ a.reviewbtn_ div span::after{
	top: 1px;
}

.dest_goodsname_ a.reviewbtn_ div{
	margin-top: 8px;
}


table.history_ td.order_detail_ .order_again_ {
	margin: 5px;
}
table.history_ td.order_detail_ .order_again_ span {
	padding: 5px;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	border: 1px solid #CCCCCC;
	background-color: #f6f6f6;
	background: #DFDFDF -moz-linear-gradient(top,#FFF,#DFDFDF);
	background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DFDFDF));
	background: #DFDFDF linear-gradient(top,#FFF,#DFDFDF);
}
table.history_ td.status_ {
	padding-top: 5px;
}
table.history_ td.status_ img {
	width: 160px;
}
table.history_ td.total_ {
	font-size: 16px;
}
div.historydetail_ {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
div.history_table_ .navi-link{
	margin: 20px 0 10px;
}

/**/
div.estimate_box_content_ {
	margin-left:10px;
	margin-bottom:10px;
}
table.formlist_ td.cancel_{
	background-color: #f6f6f6;
}
table.destgoodslist_ {
	width: 100%;
	margin-bottom: 10px;
}
table.destgoodslist_ th.name_, table.destgoodslist_ td.name_{
}
table.destgoodslist_ th.qty_, table.destgoodslist_ td.qty_{
}
table.destgoodslist_ th.sales_detail_append_spec_, table.destgoodslist_ td.sales_detail_append_spec_{
}
table.destgoodslist_ th.cancel_dt_, table.destgoodslist_ td.cancel_dt_{
}
table.destgoodslist_ td.cancel_dt_{
	color: #cc0000;
}
table.destgoodslist_ img.img_{
	max-width: 180px;
}

div.processimage_{
	margin: 0 10px 10px;
	text-align: center;
}
div.processimage_ img {
	max-width: 320px;
	width: 100%;
}


/* --------------------------------------------------------------------
	マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
	margin: 0 10px 10px;
}
div.customer_ li.bookmark_item_ {
	width: 100%;
	padding: 10px 0;
	vertical-align: top;
	display: table;
	border-bottom: 1px dotted #CCC;
}
div.customer_ li.bookmark_item_:first-child {
	border-top: 1px dotted #CCC;
}

li.bookmark_item_ div.cartgoods_ {
	padding: 5px;
	display: inline;
	width: 20px;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.img_ {
	padding: 5px;
	display: inline;
	overflow: hidden;
	width: 100px;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.img_ img {
	width: 100px;
}
li.bookmark_item_ div.desc_ {
	padding: 5px;
	width: auto;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.name_ {
	display: inline;
}
li.bookmark_item_ div.spec_ {
	margin-bottom: 10px;
}

li.bookmark_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
li.bookmark_item_ .comment_ {
	margin-bottom: 10px;
	width: 100%;
}
li.bookmark_item_ .comment_ textarea {
	width: 100%;
}
li.bookmark_item_ .comment_ .bookmark_comment_ {
	word-break:break-all;
}
div.customer_  div.del_ {
	text-align: right;
}

/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
	margin-bottom: 10px;
}
div.contact_ ul.contactlist_ li {
	border-bottom: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li:first-child {
	border-top: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li a {
	padding: 10px;
	display:block;
	text-decoration: none;
	background: url(../img/usr/link_mypage.png) right center no-repeat;
}
div.contact_ table.detaillistline_ {
	border: dotted 1px;
	margin:2px auto;
}
div.contact_ .contact_body_ {
	word-break:break-all;
}
/* お問合せ詳細 */
.contactdetail_title_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.contactdetail_title_ .subject_ {
}
.contactdetail_title_ .date_ {
	margin-left: 10px;
	float: left;
}
.contactdetail_title_ .id_ {
	margin-right: 10px;
	float: right;
}
div.goods_info_ {
	margin: 0 10px 10px;
}
/* スレッド */
div.contactlist_ {
	margin: 0 10px 10px;
}
div.contactlist_ .contactlist_order_id_ {
	margin: 0 0 0 20px;
}
div.contactlist_ .contactlist_goods_ {
	margin: 0 0 0 20px;
}
dl.contactlist_line_ {
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
	background: #ece4db;
	border: 1px solid #e0dcd9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
dl.contactlist_line_ .contactlist_head_ {
	width: 100%;
	overflow: hidden;
}
dl.contactlist_line_ .contactlist_head_ .name_ {
	padding: 5px;
	float: left;
	display: inline;
	font-weight: bold;
	width: 40%;
}
dl.contactlist_line_ .contactlist_head_ .updt_ {
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 40%;
}
dl.contactlist_line_ .comment_ {
	padding: 10px;
	background: #FFF;
}
.contact_reform_comment_ {
	margin: 0 10px 10px;
	padding: 10px;
	border: 1px solid #CCC;
}

/* --------------------------------------------------------------------
	カート画面
-------------------------------------------------------------------- */
div.cartlist_ {
}
div.order_flow_ {
	margin:10px;
	text-align: center;
}
div.order_flow_ img {
	width: 100%;
	max-width:660px;
}
div.cartinfo_ {
	margin:0 10px 10px;
	text-align: center;
	font-size:12px;
}
div.cartinfo_ span.price_ {
	padding:0 2px;
	font-size: 14px;
	font-weight:bold;
	color:#ff0000;
}
div.cartinfo_ span.free_ {
	padding:0 2px;
	font-size: 14px;
	font-weight:bold;
	color:#ff6600;
}
div.methodinfo_ {
	margin:0 10px 10px;
	text-align: center;
	font-size:12px;
}
div.methodinfo_ span.price_ {
	padding:0 2px;
	font-size: 14px;
	font-weight:bold;
	color:#ff0000;
}
div.methodinfo_ span.free_ {
	padding:0 2px;
	font-size: 14px;
	font-weight:bold;
	color:#ff6600;
}
div.selectinfo_ {
	margin:0 10px 10px;
	text-align: center;
	font-size:12px;
}
div.selectinfo_ span.price_ {
	padding:0 2px;
	font-size: 14px;
	font-weight:bold;
	color:#ff0000;
}
div.selectinfo_ span.free_ {
	padding:0 2px;
	font-size: 14px;
	font-weight:bold;
	color:#ff6600;
}
input.calc_ {
	display:none;
}
table.cartlist_ {
	width: 100%;
	margin: 0 auto 20px;
	border-top: 1px solid #e5e5e5;
}
table.cartlist_ tr.list_/* td*/ {
	border-bottom: 1px solid #e5e5e5;
}
table.cartlist_ td {
	padding:10px;
	vertical-align:top;
}
table.cartlist_ td.img_ {
	width: 130px;
}
table.cartlist_ td.img_ img {
	width: 130px;
}
table.cartlist_ td.desc_ {
	padding:10px 10px 10px 0;
}
table.cartlist_ td.name_ {
	vertical-align: top;
}
table.cartlist_ td.name_ .name1_ {
	font-weight: bold;
}
table.cartlist_ td.name_ .name2_ {
	font-size: 12px;
}
table.cartlist_ td.desc_ .price_box_ {
	margin:0 10px 0 0;
}
table.cartlist_ td.desc_ .price_box_ .price_ small {
	font-size:11px;
}
table.cartlist_ td.desc_ .money_ {
	margin:0 0 10px 0;
}
table.cartlist_ td.desc_ .qty_ {
	margin:0 0 10px 0;
	height:40px;
	line-height:40px;
	text-align:right;
}
table.cartlist_ td.desc_ .qty_ img {
	width:40px;
	height:40px;
}
table.cartlist_ td.desc_ .button_ {
	text-align: right;
}
table.cartlist_ td.desc_ .button_ .opt_change_{
  display: inline-block;
  font-size: 10px;
  width: 58px;
  height: 30px;
  border-radius: 5px;
  background: #FF6536;
  color: #fff;
  vertical-align: top;
  text-align: center;
  padding: 5px 0;
  margin-left: 10px;
  text-decoration: none;
}
table.cartlist_ td.total_ {
	vertical-align: middle;
	text-align:right;
}
table.cartlist_ td.button_ {
	text-align: right;
}
table.cartlist_ .qty_ input {
	width: 48px;
	height:38px;
	padding:0;
	margin:0 2px;
	line-height:40px;
	text-align: center;
	font-size:16px;
}
table.cartlist_ td.money_ .price_ {
	color:#ff0000;
	font-size:24px;
	font-weight:bold;
}
table.cartlist_ td.promotion_ {
	text-align: left;
}
table.cartlist_ span.promotionmsg_ {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
}
table.cartlist_ span.short_price_ {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
}
input.calc_ {
	width:0px;
	height:0px;
}
div.postage_comment_ {
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 auto;
	text-align: right;
	font-weight: bold;
	color: #ff0000;
}
div.postage_comment2_ {
	padding: 0 5px 0 5px;
	margin: 0 0 0 auto;
	text-align: right;
	color: #ff0000;
}

table.cartlist_ div.promotionmsg_box_ {
	padding: 5px;
	text-align: left;
	border: 1px solid #f60;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

table.cartlist_ span.promotionmsg_title_ {
	font-size:12px;
	display:block;
	background: url(../img/usr/common/h2_arrow.png) left top no-repeat;
	padding-left:18px;
}


table.cartlist_ span.promotionmsg_title_ .hilight_{
	color:#ff6600;
	font-size:14px;
	font-weight:bold;
}

table.cartlist_ div.promotionshortmsg_ {
	width: 200px;
	margin-right: 20px;
	margin-top: 10px;
    display:inline-table;
}

table.cartlist_ div.promotionshortmsg_box_ {
	padding: 5px;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

table.cartlist_ span.promotionshortmsg_title_ {
	font-size:12px;
	display:block;
	background: url(../img/sys/kiken.gif) left top no-repeat;
	padding-left:25px;
}

table.cartlist_ span.promotionshortmsg_title_ .hilight_{
	color:#ff6600;
	font-size:14px;
	font-weight:bold;
}
table.cartlist_ span.short_price_ {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
}



/* --------------------------------------------------------------------
	ご注文方法の指定
-------------------------------------------------------------------- */
div.order_ {
}

/*ラジオボタン*/
input[type="radio"]{
	background: #fff;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 3px;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	border: 1px solid #000;
	border: none\9;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="radio"]:checked:before {
    background: #000;
    display: block;
    margin: 3px 0 0 3px;
    -webkit-box-shadow: 1 1px 1px;
    box-shadow: 1 1px 1px;
    -webkit-border-radius: 8px / 8px;
    border-radius: 8px / 8px;
    content: "";
    width: 8px;
    height: 8px;
    background: -webkit-gradient(
 linear,
 left top,
 left bottom,
 from(#000),
 to(#000)
 );
}

/* ご注文主（ログイン時） */
div.method_host_ {
}
div.method_host_ div.host_info_ {
	margin: 0 10px 10px;
	padding: 5px;
	background: #ece4db;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.method_host_ .host_name_ {
	padding-bottom: 5px;
}
div.method_host_ address {
	padding: 10px;
	background: #FFF;
	font-style: normal;
}
table.method_host_ {
	margin-bottom: 20px;
	width: 100%;
}
dl.method_host_ input.zip_ {
	width: 140px;
}
tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
	width: 300px;
}

/**/
/* 請求先（ログイン時） */
div.method_sender_ {
	margin-bottom: 10px;
}
div.method_sender_ div.sender_info_ {
	margin-bottom: 5px;
	padding-left: 10px;
}
div.sender_change_ {
	padding: 5px;
	margin: 0 10px 10px 10px;
	background: #ece4db;
	border: 1px solid #e0dcd9;
	width: auto;
}
div.sender_change_ input.zip_ {
	width: 140px;
}
div.method_sender_ ul.method_sender_ {
	width: 90%;
	padding-left: 20px;
}
/**/
/* 宛て先（ログイン時） */
div.method_address_ {
}
div.addresslist_ {
}
div.address_item_ {
	margin: 0 10px 10px;
	padding: 5px;
	background: #ece4db;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.address_item_ .address_title_ {
	padding-bottom: 5px;
}
div.address_item_ .dest_disp address {
	padding: 10px;
	background: #FFF;
	font-style: normal;
}
div.address_item_ .address_change_ {
	margin-top: 5px;
	text-align: right;
}
div.address_bottom_ {
	padding: 0 10px;
	text-align: right;
}
div.address_bottom_ input {
	margin-bottom: 10px;
}
div.dest_select_type_ {
	margin-bottom: 10px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
/**/
/* 配送方法 */
div.method_box_ {
}
div.method_box_ h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	background: #F0F0F0;
}
div.method_box_ div.method_box_content_ {
	padding: 0 10px 10px;
}
div.method_box_ div.method_box_content_  input{
	margin-bottom: 15px;
}
div.method_box_ div.method_box_content_  label{
	display: block;
	margin: -34px 0 0 22px;
}

div.method_box_ div.method_box_content_ ul li{
	margin-bottom: 15px;
}

/**/
/* 配送希望日時指定 */
#method_date dl {
	margin: 0 0 10px 0;
}
#method_date dl dt {
	margin-bottom: 5px;
	float: left;
	display: inline;
	font-weight: bold;
}
#method_date dl dd {
	margin-left: 8em;
	margin-bottom: 5px;
}
/**/
/* ポイント */
.currentpoint_ {
	margin-bottom: 10px;
}
div.point_use_ {
	margin-bottom: 10px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
div.point_use_ input[type=number] {
	width: 5.0em;
}
/**/
/* 注文拡張情報 */
div.method_salesappend_ {
}
dl.salesappend_ dd span {
	display: block;
}
dl.salesappend_ dd.salesappend_radio input,
dl.salesappend_ dd.salesappend_checkbox input {
	display: block;
	float: left;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
dl.salesappend_ dd.salesappend_radio label,
dl.salesappend_ dd.salesappend_checkbox label {
	display: block;
	clear: none;
	margin-left: 20px;
}
/**/

.block-order-method--amazonpay {
  text-align: right;
  padding: 20px;
}

.block-order--amazonpay-btn {
  font-size: 13px;
  font-weight: normal;
  width: 70px;
}

/* --------------------------------------------------------------------
	ギフト注文 配送先の選択
-------------------------------------------------------------------- */
.order_gift_ .dest_list_ {
	background: #ece4db;
}
.order_gift_ .dest_list_ .btn_checkall_ {
	padding: 10px 10px 0;
}
.order_gift_ .dest_list_ .address_customer_{
	padding: 10px;
}
.order_gift_ .dest_list_ .address_item_ {
	border: none;
	background-color: #FFF;
	border-bottom: 1px solid #ddd;
}
.order_gift_ .address_book_list_ .address_item_ {
	border: none;
	background-color: #FFF;
	border-bottom: 1px solid #ddd;
}
.order_gift_ .dest_list_ .address_book_list_ {
	margin: 0 10px 10px 10px;
}
.order_gift_ .dest_list_ .address_book_list_ .address_item_ {
	border-bottom: 1px solid #ddd;
}
.order_gift_ .dest_list_ .address_item_ address {
	margin-left: 30px;
}
.order_gift_ .dest_list_ .address_item_ .address_title_ {
	font-size: 14px;
	margin-bottom: 7px;
	padding: 5px 5px 0 5px;
}
.order_gift_ .dest_list_ .btn_add_addr_ {
	background: #ece4db;
	padding: 0 10px 10px 25px;
	margin-bottom: 20px;
	text-align: right;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ {
	text-align: right;
	overflow: hidden;
}
.order_gift_ .form_senderinfo_ .btns_edit_customerinfo_ input {
	padding-left: 10px;
	display: block;
	float: right;
}
.order_gift_ div.method_sender_ .address_item_{
	border-bottom: none;
	margin-bottom: 10px;
}
.order_gift_ .method_sender_ .sender_info_ {
	border: none;
}

/* --------------------------------------------------------------------
	ギフト注文 配送先商品追加画面
-------------------------------------------------------------------- */
.order_gift_ div.delivery_dest_add_ {
	text-align: right;
	margin-bottom: 20px;
}
.order_gift_ h3.top_massage_ {
	font-size: 14px;
	font-weight: bold;
}
.order_gift_ .add_goods_list_ {
	padding: 15px;
	margin: 0 0px 10px;
}
.order_gift_ .highlight_ {
	background: #FEE;
	border: 1px solid #FFC8C8;
}
.order_gift_ .delivery_dest_{
	margin-bottom: 30px;
}
.order_gift_ .delivery_dest_ .dest_ttl {
	position:relative;
}
.order_gift_ .delivery_dest_ .dest_ttl .btn_deldest_{
	position:absolute;
	right:5px;
	top:8px;
}
.order_gift_ .delivery_dest_ .address_item_ {
	padding-bottom: 0;
	border: none;
}
.order_gift_ .delivery_dest_ .address_item_ .btn_deldest_{
	padding: 10px;
}
.order_gift_ div.delivery_dest_ {
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}

.order_gift_ .delivery_dest_ .total_dest_price_ {
	padding: 0 10px 10px 10px;
}

.order_gift_ .delivery_dest_ .total_dest_price_ table{
	width:100%;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table th{
	width: 30%;
	border-top: 1px solid #e0dcd9;
	border-right: 1px solid #e0dcd9;
	padding: 3px;
	background-color: #ece4db;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;
}

.order_gift_ .delivery_dest_ .total_dest_price_ table th,
.order_gift_ .delivery_dest_ .total_dest_price_ table td{
	border: 1px solid #e0dcd9;
	vertical-align: middle;
}
.order_gift_ .delivery_dest_ .total_dest_price_ table td.btns_ {
	width: 60px;
	vertical-align: middle;
}

.order_gift_ .goodsinfo_box_{
	padding:0 10px 10px;
}
table.goodsinfo_box_{
	width: 100%;
	margin-bottom: 10px;
}

table.goodsinfo_box_ th {
    background-color: #ece4db;
    border-left: 1px solid #e0dcd9;
    border-right: 1px solid #e0dcd9;
    border-top: 1px solid #e0dcd9;
    font-weight: normal;
    padding: 3px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 30%;
}

table.goodsinfo_box_ td {
    border-top: 1px solid #e0dcd9;
    border-right: 1px solid #e0dcd9;
    padding: 3px;
    vertical-align: top;
}
table.goodsinfo_box_ input[type=text],
table.goodsinfo_box_ input[type=number],
table.goodsinfo_box_ textarea {
    width: 90%;
}

table.goodsinfo_box_  td.btn_deldest_ {
	    border: 1px solid #e0dcd9;
}

.order_gift_ .goodsinfo_box_ th{
	background: #ece4db;
}
table.goodsinfo_box_  td img.img_ {
	max-width: 180px;
}

.order_gift_ .select_dest_goods_box_{
	background: #FFF;
	padding: 10px 10px 10px 10px;
}
.order_gift_ .select_dest_goods_box_ .btn_add_goods_{
	margin-bottom: 10px;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ table{
	width: 100%;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ td{
	padding: 7px 10px 0 0;
}

.order_gift_ .select_dest_goods_box_ .add_goods_list_ td.qty_{
	text-align: right;
}
.order_gift_ .select_dest_goods_box_ .add_goods_list_ td.qty_ input{
	padding: 5px;
	width: 3em;
	text-align: right;
}
.order_gift_ .select_dest_goods_box_ .btn_add_checked_goods_{
	text-align: center;
	padding: 15px 15px 0;
}
.order_gift_ .total_dest_price_ .btn_recalc_ {
	position: absolute;
	right: 5px;
	top: -10px;
}
.order_gift_ .total_dest_price_ .btn_recalc_ input{
  font-size: 12px;
  margin: 0;
  padding: 10px;
}
.order_gift_ .goods_child_list_ div {
	padding: 0px 0px 0px 15px;
}

/* --------------------------------------------------------------------
	ギフト注文 のし・ラッピング設定画面
-------------------------------------------------------------------- */
.order_gift_ .noshi_sender_,
.order_gift_ .noshi_goods_{
	padding: 0 10px;
}
.order_gift_ .section_ {
	margin-bottom: 30px;
	background: #FCFCFC;
}
.order_gift_ .section_ label {
	padding: 0;
}
.order_gift_ .section_ h3{
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
.order_gift_ .section_ ul{
	overflow: hidden;
	padding: 10px 20px;
}
.order_gift_ .section_ ul li{
	float: left;
}
.order_gift_ .section_ ul li label{
	display: block;
	margin-right: 20px;
	text-align: center;
}
.order_gift_ .section_ ul li label img{
	display: block;
	margin-bottom: 10px;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_{
	margin-bottom: 20px;
	text-align: center;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_ ul{
	overflow: hidden;
}
.order_gift_ .section_ .noshi_area_ .noshi_area_wrap_ .need_noshi_area_ ul li{
	float: left;
}
.order_gift_ .section_ .div_area_ {
	margin-bottom: 30px;
}
.order_gift_ .section_ .div_area_ label{
	display: block;
	padding-left:10px;
	margin-bottom: 15px;
}

.order_gift_ .section_ .thum_box_wrapper_{
	overflow: hidden;
}
.order_gift_ .section_ .thum_box_ {
	float: left;
	padding: 0 10px;
}
.order_gift_ .section_ .thum_info_ {
	float: right;
	padding: 10px 10px 0 10px;
}
.order_gift_ .section_ .thum_info_ .price_{
	padding: 10px 0;
}
.order_gift_ .section_ .thum_line_ {
	overflow: hidden;
	margin-bottom: 20px;
}
.order_gift_ .section_ .thum_item_ {
	width:45%;
}
.order_gift_ .section_ .thum_item_:nth-child(odd) {
	float: left;
}
.order_gift_ .section_ .thum_item_:nth-child(2n) {
	float: right;
}

.order_gift_ .section_ .thum_item_ label{
	display: table-cell;
	margin-bottom: 30px;
}
.order_gift_ .section_ .thum_item_ img{
	margin-bottom: 10px;
	width:132px;
}
.order_gift_ .section_ .thum_item_ input[type="radio"]{
	display: block;
}
.order_gift_ .section_ .thum_item_ span{
	position: relative;
	top: -21px;
	left: 22px;
}
.order_gift_ .section_ .thum_item_ span.price_{
	display: block;
	margin:0 0 10px 0;
	padding: 5px;
}
.order_gift_ .section_ .thum_item_ span.thum_info_text_{
	display: none;
}
.order_gift_ .section_ .free_input_{
	padding: 0 10px 10px 10px;
	margin: 0 10px 30px;
}
.order_gift_ .section_ .free_input_ input{
	padding: 5px;
	width: 3.0em;
}
.order_gift_ .section_ .divnameprint {
	margin-bottom: 30px;
}
.order_gift_ .section_ .divnameprint .disabled_ {
	background-color:#DEDEDE;
}

.order_gift_ .section_ .input_detail_ {
	margin: 0 20px 30px;
}
.order_gift_ .section_ .input_detail_ td {
	padding: 5px;
}
.order_gift_ .section_ .input_detail_ td input {
	padding: 5px;
}
.noshi_default_ {
	clear: both;
	display: none;
}
/* --------------------------------------------------------------------
	ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
}
div.spandual_ table {
	width: 100%;
}
.zero_alert_ {
	color: #CC0000;
}
/* ご注文の商品 */
table.estimate_ {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 100%;
}
table.estimate_ th{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}
table.estimate_ td{
	padding: 3px;
}
table.estimate_ td textarea {
	max-width: 95%
}
table.estimate_.sales_,
table.estimate_method_ {
	border-top: 1px solid #CCCCCC;
}
table.estimate_.sales_ th,
table.estimate_method_ th {
	width: 40%;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	white-space:nowrap;
	background-color: #F8F8F8;
	padding: 3px;
}
table.estimate_.sales_ td,
table.estimate_method_ td {
	width: 60%;
	padding: 3px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.estimate_.sales_ td.nocell_ {
	border: none !important;
}

/* 商品一覧 */
table.goodslist_ {
	text-align:left;
}
table.goodslist_ {
	border: 1px solid #CCCCCC;
}
table.goodslist_ td {
	padding: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.goodslist_ .goods_ {
	width: 20%;
}
table.goodslist_ .name_ > div {
  text-align:center;
}
table.goodslist_ .name_ > div.name2_{
  text-align: left;
}
.order_detail_ .name_ .large_button_,
table.goodslist_ .name_ .large_button_{
  width: auto;
  display: block;
  font-size: 10px;
}
.order_detail_ .name_ .large_button_{
  font-size: 12px;
}
.order_detail_ .name_ input.large_button_{
  width: 100%;
}
.order_detail_ .name_ .main_action_button_,
.order_detail_ .name_ .stepguide_button_,
table.goodslist_ .name_ .main_action_button_,
table.goodslist_ .name_ .stepguide_button_{
  color: #fff;
  text-decoration: none;
  padding: 5px;
}
.order_detail_ .name_ .stepguide_button_,
table.goodslist_ .name_ .stepguide_button_{
  background: #8fc31f;
}
table.goodslist_ .qty_ {
	width: 16%;
	text-align: right;
}
table.goodslist_ .amt_ {
	width: 20%;
	text-align: right;
}
table.goodslist_ .money_ {
	width: 20%;
	text-align: right;
}
table.goodslist_ th, table.goodslist_ .title_ {
	text-align: left;
	white-space:nowrap;
	font-weight: normal;
	border-bottom: 1px solid #e0dcd9;
	border-right: 1px solid #e0dcd9;
	background-color: #ece4db;
	padding: 3px;
}
table.goodslist_ img.img_{
	max-width: 180px;
}

/* 配送情報 */
table.host_, table.sender_ {
	border: 1px solid #e0dcd9;
	margin-bottom: 10px;
}
table.host_ th, table.sender_ th{
	border-bottom: 1px solid #e0dcd9;
	background-color: #ece4db;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}
table.host_ td, table.sender_ td{
	padding: 3px;
}

div.order_ .method_addr_ {
	margin: 0 10px 10px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	border: 5px solid #e0dcd9
}

table.card_,
table.convinience_{
	width: 100%;
}
table.card_ label {
	margin: 0 20px 0 5px;
}
table.convinience_ th {
	width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
}
div.order_ table.estimate_method_ th {
	width:40%;
	text-align:left;
	background-color: #e0dcd9;
	font-weight: normal;
}
div.order_ table.estimate_method_ td {
	width:60%;
	text-align:right;
}
div.order_ table.method_sales_detail_append_ {
	border:none;
}
div.order_ div.method_sales_detail_append_ .sales_detail_append_comment_ {
	margin-bottom: 10px;
}
div.order_ div.method_sales_detail_append_ input[type="radio"],
div.order_ div.method_sales_detail_append_ label {
	padding: 5px 0;
	display: inline-block;
}
div.order_ div.method_sales_detail_append_ label {
	margin-right: 20px;
}
div.order_ div.method_sales_detail_append_ p.comment_{
	margin: 5px 0 10px 0;
}
div.order_ table.method_sales_detail_append_ td {
	border:none;
}
div.estimate_card_form_ {
}
div.estimate_card_form_ input.card_num_ {
	width: 150px;
}
div.estimate_card_form_ input.security_code_ {
	width: 60px;
}
div.estimate_.card_ input.card_num_ {
	width: 150px;
}
div.estimate_.card_ input.security_code_ {
	width: 60px;
}
.pointpay_num_bg_ {
	background-color: #dedede;
}

/* お届け先 */
div.order_ table.dest_ {
	width:100%;
}
div.destgoodslist_ {
	padding: 0 10px 10px;
}
table.destgoodslist_ {
	width:100%;
}
table.destgoodslist_ {
	margin-bottom: 10px;
	border-bottom: 1px solid #e0dcd9;
	border-left: 1px solid #e0dcd9;
	border-right: 1px solid #e0dcd9;
}
table.destgoodslist_ th {
	width: 30%;
	border-top: 1px solid #e0dcd9;
	border-right: 1px solid #e0dcd9;
	padding: 3px;
	background-color: #ece4db;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;
}
table.destgoodslist_ td {
	border-top: 1px solid #e0dcd9;
	vertical-align: top;
	padding: 3px;
}
table.destgoodslist_ td > div{
  text-align: center;
}
table.destgoodslist_ span.img_s_ {
	float: left;
	width: 20%;
}
table.destgoodslist_ span.img_s_ img {
	width: 46px;
}
table.destgoodslist_ span.name_ {
}
table.destgoodslist_ th.method_sales_detail_append_, table.destgoodslist_ th.dest_comment_{
	text-align: left;
}
table.destgoodslist_ td.method_comment_detail_ input, table.destgoodslist_ td.method_comment_detail_ textarea {
	width: 95%;
}
table.destgoodslist_ td.method_qty_ , td.dest_qty_{
}
table.destgoodslist_ td.sublist_{
	margin: 0;
	padding: 0;
}
table.destgoodslist_ input[type="text"], table.destgoodslist_ textarea {
	width: 95%;
}
table.approval_purchase_ th {
	border-right-style: none;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}
div.order_ ul.card_ {
	padding: 3px;
}

/* order method.aspx */
div.order_ table.method_ {
	width: 100%;
}

/*配送先*/
div.order_ .method_method_ {
	text-align:left;
}
/* order order.aspx */
div.order_ table.order_ {
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 3px;
	border-top: 1px solid #e0dcd9;
	border-left: 1px solid #e0dcd9;
}
div.order_ table.order_ td {
	border-right: 1px solid #e0dcd9;
	border-bottom: 1px solid #e0dcd9;
}
div.order_ table.order_ th {
	width: 25%;
	background-color: #ece4db;
	font-weight: normal;
	text-align: left;
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
	margin-bottom: 10px;
	padding: 3px;
}
div.order_ table.formdetailcard_ th {
	width: 12em;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}
div.order_ dl.card_ dd input[type="radio"] {
	padding: 5px 0;
	display: inline-block;
}
div.order_ dl.card_ dd label {
	padding: 5px 0;
	margin-right: 20px;
	display: inline-block;
}

/* コメント */
.order_ dl.formdetail_.estimate_ textarea{
	max-width: 95%;
}

/* キャンペーン適用 */
div.order_ p.campaign_info_ {
	color:#CC0000;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ノベルティ */
div.order_ .thum_line_ {
	overflow: hidden;
	margin-bottom: 20px;
}
div.order_ .thum_item_ {
	float: left;
	text-align: center;
	margin-right: 10px;
	width:120px;
}
div.order_ .thum_item_ label{
	display: block;
}
div.order_ .thum_item_ img{
	display: block;
	margin-bottom: 10px;
	width:120px;
}
div.order_ .thum_item_ span.price_{
	display: block;
	margin-bottom: 10px;
	padding: 5px;
}
div.order_ .thum_item_ span.thum_info_text_{
	display: none;
}

/* 注文同時会員登録 */
div.order_ span.point_ {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}

.block-order-estimate--commit-btn-include-loading {
  height: 150px;
  width: 65px;
  position: absolute;
  transform: scale(0.5);
}

/* --------------------------------------------------------------------
	バーコード系
-------------------------------------------------------------------- */
div.barcodeimage_ img {
	height: auto;
	width: 100%;
}

p.barcodenumber_ {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 5px;
}

/* --------------------------------------------------------------------
	Amazonペイメント
-------------------------------------------------------------------- */
#LoginWithAmazonButton {
	text-align: center;
}

#AmazonPayButton {
	text-align: center;
}

#addressBookWidgetDiv {
	padding: 0 10px 10px;
	width: auto;
	height: 100%;
}

#walletWidgetDiv {
	padding: 0 10px 10px;
	width: auto;
	height: 100%;
}

div.amazon_pay_button_method_ {
	padding-top: 18px;
}

div.login_with_amazon_button_method_ {
	padding-bottom: 10px;
}

/* --------------------------------------------------------------------
	テーブル系
-------------------------------------------------------------------- */
dl.formdetail_ {
	margin:0 10px;
	border:1px solid #e0dcd9;
	margin-bottom:10px;
}
div.box_ dl.formdetail_ {
	margin-left: 0;
	margin-right: 0;
}
dl.formdetail_ dt {
	padding:4px 2px 4px 6px;
	background-color: #ece4db;
}
dl.formdetail_ dt img.must_ {
	margin-left: 5px;
	vertical-align: middle;
}
dl.formdetail_ dd {
	padding:5px 2px 5px 12px;
}
dl.formdetail_ dd input[type="input"],
dl.formdetail_ dd textarea,
dl.formdetail_ dd select {
	max-width: 95%;
}
dl.formdetail_ dd.breakword_ {
	word-wrap:break-word;
}

/* ---------------------------------------------------------------
	width height
--------------------------------------------------------------- */
/*width*/
.width_auto_ {
	width: auto!important;
}
.width_full_ {
	width: 100%!important;
}
.width20per_ {
	width: 20%!important;
}
.width80per_ {
	width: 80%!important;
}
.width00_ {
	width: 0px!important;
}
.width01_ {
	width: 1px!important;
}
.width02_ {
	width: 2px!important;
}
.width03_ {
	width: 3px!important;
}
.width04_ {
	width: 4px!important;
}
.width05_ {
	width: 5px!important;
}
.width06_ {
	width: 6px!important;
}
.width07_ {
	width: 7px!important;
}
.width08_ {
	width: 8px!important;
}
.width09_ {
	width: 9px!important;
}
.width10_ {
	width: 10px!important;
}
.width11_ {
	width: 11px!important;
}
.width12_ {
	width: 12px!important;
}
.width13_ {
	width: 13px!important;
}
.width14_ {
	width: 14px!important;
}
.width15_ {
	width: 15px!important;
}
.width16_ {
	width: 16px!important;
}
.width17_ {
	width: 17px!important;
}
.width18_ {
	width: 18px!important;
}
.width19_ {
	width: 19px!important;
}
.width20_ {
	width: 20px!important;
}
.width25_ {
	width: 25px!important;
}
.width30_ {
	width: 30px!important;
}
.width35_ {
	width: 35px!important;
}
.width40_ {
	width: 40px!important;
}
.width45_ {
	width: 45px!important;
}
.width50_ {
	width: 50px!important;
}
.width100_ {
	width: 100px!important;
}
.width150_ {
	width: 150px!important;
}
.width200_ {
	width: 200px!important;
}
.width250_ {
	width: 250px!important;
}
.width300_ {
	width: 300px!important;
}
.width350_ {
	width: 350px!important;
}
.width400_ {
	width: 400px!important;
}
.width450_ {
	width: 450px!important;
}
.width500_ {
	width: 500px!important;
}
.width550_ {
	width: 550px!important;
}
.width600_ {
	width: 600px!important;
}
.width650_ {
	width: 650px!important;
}
.width700_ {
	width: 700px!important;
}
.width720_ {
	width: 720px!important;
}
.width750_ {
	width: 750px!important;
}
.width800_ {
	width: 800px!important;
}
.width850_ {
	width: 850px!important;
}
.width900_ {
	width: 900px!important;
}
.width950_ {
	width: 950px!important;
}
.width960_ {
	width: 960px!important;
}
.width1000_ {
	width: 1000px!important;
}
/*height*/
.height_auto_ {
	height: auto!important;
}
.height_full_ {
	height: 100%!important;
}
.height00_ {
	height: 0px!important;
}
.height01_ {
	height: 1px!important;
}
.height02_ {
	height: 2px!important;
}
.height03_ {
	height: 3px!important;
}
.height04_ {
	height: 4px!important;
}
.height05_ {
	height: 5px!important;
}
.height06_ {
	height: 6px!important;
}
.height07_ {
	height: 7px!important;
}
.height08_ {
	height: 8px!important;
}
.height09_ {
	height: 9px!important;
}
.height10_ {
	height: 10px!important;
}
.height11_ {
	height: 11px!important;
}
.height12_ {
	height: 12px!important;
}
.height13_ {
	height: 13px!important;
}
.height14_ {
	height: 14px!important;
}
.height15_ {
	height: 15px!important;
}
.height16_ {
	height: 16px!important;
}
.height17_ {
	height: 17px!important;
}
.height18_ {
	height: 18px!important;
}
.height19_ {
	height: 19px!important;
}
.height20_ {
	height: 20px!important;
}
.height25_ {
	height: 25px!important;
}
.height30_ {
	height: 30px!important;
}
.height35_ {
	height: 35px!important;
}
.height40_ {
	height: 40px!important;
}
.height45_ {
	height: 45px!important;
}
.height50_ {
	height: 50px!important;
}
.height100_ {
	height: 100px!important;
}
.height150_ {
	height: 150px!important;
}
.height200_ {
	height: 200px!important;
}
.height250_ {
	height: 250px!important;
}
.height300_ {
	height: 300px!important;
}
.height350_ {
	height: 350px!important;
}
.height400_ {
	height: 400px!important;
}
.height450_ {
	height: 450px!important;
}
.height500_ {
	height: 500px!important;
}
.height550_ {
	height: 550px!important;
}
.height600_ {
	height: 600px!important;
}
.height650_ {
	height: 650px!important;
}
.height700_ {
	height: 700px!important;
}
.height750_ {
	height: 750px!important;
}
.height800_ {
	height: 800px!important;
}
.height850_ {
	height: 850px!important;
}
.height900_ {
	height: 900px!important;
}
.height950_ {
	height: 950px!important;
}
.height1000_ {
	height: 1000px!important;
}

/* 在庫なしアイコン追加 */
.goods_r_ .icon-sold {
  display: inline-block;
  height: 18px;
  width: 72px;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  background-color: #aaa;
  border-radius: 3px;
}

/* 豆の状態順序入れ替え */
.recipe_content_frame_ #wizard_preset_2 {
  order: 1;
}
.recipe_content_frame_ #wizard_preset_2 + label {
  order: 2;
}
.recipe_content_frame_ #wizard_preset_3 {
  order: 3;
}
.recipe_content_frame_ #wizard_preset_3 + label {
  order: 4;
}
.recipe_content_frame_ #wizard_preset_1 {
  order: 5;
}
.recipe_content_frame_ #wizard_preset_1 + label {
  order: 6;
}
.goods_list_wrapper_ .form_goods_list .hide_param_ .input_Box_area .input_Box_:nth-child(2) {
  order: 1;
}
.goods_list_wrapper_ .form_goods_list .hide_param_ .input_Box_area .input_Box_:nth-child(3) {
  order: 2;
}
.goods_list_wrapper_ .form_goods_list .hide_param_ .input_Box_area .input_Box_:nth-child(1) {
  order: 3;
}
.goods_list_wrapper_ .form_goods_list .hide_param_ .input_Box_area#goods_level .input_Box_ {
  order: 1;
}

.cartlist_ .submit_ .form_text_ {
  margin: 20px 0;
  padding-top: 20px;
  border-top: 1px dotted #ccc;
}

.cartlist_ .submit_ #AmazonPayButton {
  height: 80px;
}