@charset "utf-8";
/*@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700|Open+Sans+Condensed:300,700&display=swap');

/*------/*------/*------/*------/*------/*------/*------/*------
            
           共通 reset

-------*-------*-------*-------*-------*-------*-------*-------*/

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: 100%;*/
	vertical-align: baseline;
	background: transparent;
	list-style: none;
	font-style: normal;
	font-weight: normal;
}

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

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

a {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size:100%;*/
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #505050;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #505050;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #b1b1b1;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

br {
	letter-spacing: 0;
}

/* Win_IE表示用 */
* {
	/*\*/
	*zoom: 1;
	/**/
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
共通HTMLで使用している可能性があるので残しておくstyle指定系のclass

-------*-------*-------*-------*-------*-------*-------*-------*/
/*font-size reset*/
html {
	font-size: 62.5%;
}

.fs11 {
	font-size: 11px;
	font-size: 1.1rem !important;
}

.fs12 {
	font-size: 12px;
	font-size: 1.2rem !important;
}

.fs14 {
	font-size: 14px;
	font-size: 1.4rem !important;
}

.fs16 {
	font-size: 16px;
	font-size: 1.6rem !important;
}

.fs17 {
	font-size: 17px;
	font-size: 1.7rem !important;
}

.fs18 {
	font-size: 18px;
	font-size: 1.8rem !important;
}

.fs20 {
	font-size: 20px;
	font-size: 2.0rem !important;
}

.fs22 {
	font-size: 22px;
	font-size: 2.2rem !important;
}

.fs24 {
	font-size: 24px;
	font-size: 2.4rem !important;
}

.fs26 {
	font-size: 26px;
	font-size: 2.6rem !important;
}

.fs28 {
	font-size: 28px;
	font-size: 2.8rem !important;
}

.fs30 {
	font-size: 30px;
	font-size: 3.0rem !important;
}

.fs32 {
	font-size: 32px;
	font-size: 3.2rem !important;
}

.fs34 {
	font-size: 34px;
	font-size: 3.4rem !important;
}

.fs36 {
	font-size: 36px;
	font-size: 3.6rem !important;
}

.fs38 {
	font-size: 38px;
	font-size: 3.8rem !important;
}

.fs40 {
	font-size: 40px;
	font-size: 4.0rem !important;
}

.font-L {
	font-size: 112%;
}

strong {
	font-weight: bold;
}

.font-b {
	font-weight: bold;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.no_textDeco {
	text-decoration: none !important;
}

.textDeco {
	text-decoration: underline;
}

.link {
	color: #62b4f6;
}

.bold_color {
	color: #333333;
}

.m0 {
	margin: 0 !important;
}

.m10 {
	margin: 10px !important;
}

.m20 {
	margin: 20px !important;
}

.m30 {
	margin: 30px !important;
}

.m40 {
	margin: 40px !important;
}

.m50 {
	margin: 50px !important;
}

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

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

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

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

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

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 60px !important;
}

.mt80 {
	margin-top: 80px !important;
}

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

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

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

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

.mr40 {
	margin-right: 40px !important;
}

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

.mr60 {
	margin-right: 60px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr80 {
	margin-right: 80px !important;
}

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

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

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

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

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

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

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

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

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

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

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

.ml40 {
	margin-left: 40px !important;
}

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

.ml60 {
	margin-left: 60px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.p10 {
	padding: 10px !important;
}

.p20 {
	padding: 20px !important;
}

.p40 {
	padding: 40px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.both {
	clear: both;
}


html {
	font-size: 62.5%;
}

body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0;
	/* color: #ccc; */
	color: var(--pallet-brown);
	/* background: #261616; */
	background-color: var(--pallet-gray);
}

.bn_area p:not(.bn_cap),
.pc-nav a,
#logo a,
.h_notes,
.tag_msg_box h3,
.copyright {
	/* font-family: 'Open Sans Condensed', 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
  	font-family:
	'Noto Sans Japanese',
	"Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
}

body,
input,
textarea,
button,
select {
	/* font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
  	font-family:
	'Noto Sans Japanese',
	"Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
}

/* ブランドサイトヘッダー・フッター */
/* .header-bottom, .site-footer{
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
} */

.header-bottom, .site-footer .title {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        共通 color

-------*-------*-------*-------*-------*-------*-------*-------*/

:root {
  --pallet-brown: #261617;
  --pallet-gray: #f5f5f5;
  --pallet-gold: #b18525;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        共通 images

-------*-------*-------*-------*-------*-------*-------*-------*/

img {
	max-width: 100%;
}

div a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*------/*------/*------/*------/*------/*------/*------/*------
            
        共通 Form

-------*-------*-------*-------*-------*-------*-------*-------*/
form {
	margin: 0;
}

fieldset {
	margin: 0 2px;
	padding: 0.3em 0.6em 0.7em;
	border: 1px solid #c0c0c0;
}

legend {
	padding: 0;
	border: 0;
	white-space: normal;
	*margin-left: -7px;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
	border: none;
}

input {
    border: solid 1px #a9a9a9;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 14px;
	*width: 14px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

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

input[type="text"],
input[type="password"] {
	padding: 7px 10px;
	max-width: 400px;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

select {
	border: solid 1px #a9a9a9 !important;
	vertical-align: middle;
	color: #505050;
	height: 30px;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        共通 float, Clearfix 

-------*-------*-------*-------*-------*-------*-------*-------*/


.float-left {
	float: left;
}

.float-right {
	float: right;
}

.both {
	clear: both;
}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}


/*------/*------/*------/*------/*------/*------/*------/*------
            
        共通 レイアウト

-------*-------*-------*-------*-------*-------*-------*-------*/
section {
	margin: 0 auto;
	width: 100%;
	height: auto;
	overflow: hidden;
}

/*--ページネート--*/
#pagenate {
	font-size: 87%;
	text-align: center;
	margin-bottom: 40px;
	margin-top: -10px !important;
}

#pagenate ul {
	overflow: hidden;
}

#pagenate li {
	padding: 0 3px;
	display: inline-block;
}

#pagenate li a {
	/* color: #E2C482; */
	color: var(--pallet-gold);
	text-decoration: underline;
	cursor: pointer;
}

#pagenate li a:hover {
	text-decoration: none;
}

#pagenate li.prev a,
#pagenate li.next a {
	color: #505050;
	font-size: 100%;
	text-decoration: none;
	padding: 2px 6px;
	display: inline-block;
	font-weight: bold;
}

#pagenate li.prev a:hover,
#pagenate li.next a:hover {
	color: #bbb;
}


/*------/*------/*------/*------/*------/*------/*------/*------
            
       　▼各ページレイアウト

-------*-------*-------*-------*-------*-------*-------*-------*/

/*------ header
--------------------------------*/
#header {
	overflow: hidden;
	margin-top: auto;
}

h1 {
	font-size: 12px;
	font-size: 1.2rem;
}

#header #logo,
#header #gNav {
	display: inline-block;
	vertical-align: bottom;
}

#header #logo {
	margin-bottom: 15px;
}

#header #headerNav {
	position: relative;
	top: 30px;
}

#headerNav a,
#headerNav a span,
#headerNav .name,
#headerNav span,
#headerNav {
	font-weight: normal;
	font-size: 1.2rem;
	color: var(--pallet-gray);
}

#headerNav li:not(.name):hover {
	opacity: 0.8;
}

#header #header_main h1 {
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: bold;
}

/*--ヘッダーナビ　アカウントエリア--*/
#headerNav #nav_accountBox {
	width: auto;
	margin-left: 30px;
	padding-right: 10px;
	float: right;
	display: inline-block;
	position: relative;
}

#headerNav #nav_accountBox ul {
	overflow: hidden;
	display: table;
	border-right: 1px solid #ccc;
}

#headerNav #nav_accountBox li {
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	width: auto;
	height: 35px;
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #ccc;
}

#headerNav #nav_accountBox li a {
	padding: 0 20px;
	display: block;
}

#headerNav #nav_accountBox li a:hover {
	text-decoration: none;
}

/*--ログイン状態--*/
#headerNav #nav_accountBox .login li.point {
	padding: 0 20px
}

#headerNav #nav_accountBox .login li.name {
	font-size: 82%;
	white-space: nowrap;
	padding: 0 20px;
}

#headerNav #nav_accountBox .login li.name span {
	color: #f55;
	font-weight: bold;
	display: block;
}

#headerNav #nav_accountBox .login li.cart {
	font-size: 150%;
}

#headerNav #nav_accountBox .login li.cart img {
	vertical-align: middle;
	margin-right: 5px;
}

li.carttext span.cart_in {
	top: -48px;
	position: relative;
}


/*--ログオフ状態--*/
#headerNav #nav_accountBox .logoff li.point {}

#headerNav #nav_accountBox .logoff li.name {
	font-size: 113%;
}

#headerNav #nav_accountBox .logoff li.name a {
	color: #f55;
}

#headerNav #nav_accountBox .logoff li.cart img {
	vertical-align: middle;
}

/*  header  カテゴリメニュー  */
#headerNav #category_Box {
	float: left;
}

#headerNav #dropmenu {
	list-style-type: none;
	width: 200px;
	padding-top: 10px;
}

#headerNav #dropmenu li {
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	height: auto;
}

#headerNav #dropmenu #parentlia {
	font-size: 16px;
	height: 35px;
	background: #f7f7f7;
	margin-left: 15px;
	text-align: left;
	border: none;
}

#headerNav #dropmenu li a {
	display: block;
	background: #f7f7f7;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	border: 1px dotted #dddddd;
	margin: 0;
	padding: 0;
}

#headerNav #dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	right: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

#headerNav #dropmenu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}

#headerNav #dropmenu li ul li a {
	padding: 13px 15px;
	background: #f7f7f7;
	text-align: left;
	font-size: 15px;
	font-weight: normal;
}

#headerNav #dropmenu>li:hover>a {
	background: #f7f7f7
}

#headerNav #dropmenu>li:hover li:hover>a {
	background: #efefef
}

#headerNav #dropmenu li:hover>ul>li {
	overflow: visible;
	height: auto;
}

#headerNav #dropmenu li ul li ul {
	top: 0;
	right: 100%;
}

#headerNav #dropmenu li:last-child ul li ul {
	right: -100%;
	width: 100%;
}

#headerNav #dropmenu li ul li ul li a {
	background: #f7f7f7
}

#headerNav #dropmenu li:hover ul li ul li:hover>a {
	background: #efefef
}

#headerNav #dropmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #454e08;
}

#headerNav #dropmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	right: 200%;
	margin-right: -20px;
	border: 5px solid transparent;
	border-left-color: #454e08;
}

ul.footNav li {
	width: 20%;
	float: left;
}

li.last-child {
	margin-bottom: 0;
}

#footer .content dl {
	padding-right: 10px;
	vertical-align: top;
}

#footer .content dt {
	padding: 0;
	font-weight: bold;
}

#footer .content dd {
	border-top: 1px solid #999;
	padding-right: 30px;
	float: left;
}

#footer .content ul {
	line-height: 30px;
	font-size: 90%;
	color: #505050;
	margin: 0 14px 7px 0;
}

ul.links {
	float: right;
}

ul.links li {
	padding: 0 20px;
	float: left;
}

.border_r01 {
	border-right: 1px solid #ccc;
}

#copyright {
	position: fixed;
	-moz-transform: rotate(90deg) translateY(-43%);
	-ms-transform: rotate(90deg) translateY(-43%);
	-o-transform: rotate(90deg) translateY(-43%);
	-webkit-transform: rotate(90deg) translateY(-43%);
	transform: rotate(90deg) translateY(-43%);
	font-size: 11px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	/*letter-spacing: 1px;*/
	overflow: hidden;
	top: 50%;
	bottom: inherit;
	height: 21px;
	left: inherit;
	right: -40px;
}

#footer #footer_log_img {
	float: left;
	margin: 30px 50px 30px 20px;
}

#footer #copyright_btm_txt {
	float: left;
	font-size: 85%;
}

#footer #guidelink_btm_txt {
	font-size: 85%;
	float: right;
}


/*------ top style
--------------------------------*/

#header,
#header a,
#side_menu,
#side_menu a,
#footer,
#footer a {
	text-decoration: none;
}

div#headerNav ul li.carttext a span {
	padding-left: 6px;
}

div#headerNav ul li.carttext a span.ico_text {
	position: absolute;
	left: 7px;
	bottom: 3px;

}

div#headerNav ul li a i {
	color: #6e5d55;
}

#g_nav {
	max-width: 1280px;
	margin: auto;
}

#g_nav a {
	color: #333333;
}

div#g_nav ul {
	display: inline-block;
}

#g_nav ul li {
	width: auto;
	text-align: left;
	display: inline-block;
}

#g_nav ul li:first-of-type {
	margin: 0 30px 0 45px;
}

#g_nav ul li:last-of-type {
	margin-right: 33px;
}

div#textform {
	float: right;
	margin-right: 20px;
}

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

/* カート以降のページ */
#productList .productname a {
	text-decoration: none;
	/* color: #ccc; */
	color: var(--pallet-brown);
}

/* バナー
----------------------------------------------------------- */
.bn_area {
	margin: 30px 0 0;
}

.bn_area div {
	display: inline-block;
	/*margin-bottom: 20px;*/
	width: 353px;
	text-align: center;
}

.bn_area .w100 {
	width: 100%;
}

.bn_area .bn_left {
	margin-right: 8px;
}

.bn_area p {
	font-size: 1.5rem;
	/*border-bottom: solid 1px #505050;*/
	padding: 0 0 2px 4px;
	/*margin-bottom: 10px;*/
}

.bn_area .bn_cap {
	font-size: 1.4rem;
	border: none;
	text-align: center;
	margin: 5px 0 0;
}

.bn_area .w100:hover .bn_cap,
.bn_area .bn_cap:hover {
	opacity: .7;
}

.bn_area h3 {
	text-align: right;
	font-weight: 300;
	margin-top: 5px;
	display: block;
}


/* 検索フォーム
----------------------------------------------------------- */
#searchform4 {
	width: 200px;
	background: url(../images/input4.gif) left top no-repeat;
	display: block;
	height: 24px;
	position: relative;
}

#keywords4 {
	width: 156px;
	height: 18px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
}

#searchBtn4 {
	position: absolute;
	top: 3px;
	left: 174px;
}

li.first02 {
	font-size: 1.2em;
	border-bottom: 2px #505050 solid !important;
	margin: 0 10%;
	border-radius: 3px;
	background: #505050;
	padding: 10px;
	padding: 6px !important;
	text-align: center;
	transition: 0.3s;
}

li.first02 a {
	color: #fffefd !important;
	font-size: 1.3rem !important;
	display: block;
}

li.first02:hover {
	opacity: 0.7;
}

.cate_01,
.cate_02 {
	font-size: 12px !important;
}

.cate_01 table,
.cate_02 table {
	margin-bottom: 40px;
}

.cate_01 td,
.cate_02 td {
	line-height: 40px;
}

.cate_02 {
	margin-top: 40px;
}

.cate_03 {
	width: 100%;
	margin: 20px 0;
}

.cate_03 ul {
	margin-left: 10px;
	box-sizing: border-box;
}

.cate_03 li {
	margin: 0 10% 10px;
}

.cate_03 li a {
	color: #505050;
}

.li_fb {
	background: url("../images/facebook_btn.png") left no-repeat;
}


.li_tw {
	background: url("../images/tw_btn.png") left no-repeat;
}

.li_insta {
	background: url("../images/insta_btn.png") left no-repeat;
}

.last_child {
	border: 0px none !important;
}


/*----side_btn----*/

.side_btn01 {
	float: left;
	width: 180px;
	box-sizing: border-box;
}

.side_btn02 {
	text-align: center;
	margin-top: 40px;
}

#dai_cate {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5%;
}

/*  配送・店頭・常温・冷凍・冷蔵・のし・メッセージ・ リボン*/
span.icon_normal {
	color: #505050000;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #505050;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
	padding: 4px 4px;
}

span.icon_uketori {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid rgba(21, 62, 15, 0.75);
	text-align: center;
	line-height: 20px;
	background-color: rgba(21, 62, 15, 0.75);
	padding: 4px 4px;
	border-radius: 5px;
}

span.icon_sendfree {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid rgb(183, 18, 27);
	text-align: center;
	line-height: 20px;
	background-color: rgb(183, 18, 27);
	padding: 4px 4px;
}

span.icon_noshi,
span.icon_ribbon,
span.icon_mess {
	color: #505050;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #505050;
	text-align: center;
	line-height: 20px;
	background-color: #fff;
	padding: 4px 4px;
}

span.icon_delivery {
	color: #505050;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #505050;
	text-align: center;
	width: 75px;
	line-height: 20px;
	background-color: #fff;
	padding: 4px 4px;
}



/* 軽減税率対象商品のアイコン */
span.icon_reduce_tax {
	font-size: 1.2rem;
	padding: 4px;
	border: 1px solid #5d5750;
	border-radius: 3px;
	background-color: #c8e6fa;
}

/* 軽減税率対象バリエーションのアイコン */
.item_icon_8per:after {
	content: "軽";
	padding: 3px 3px 2px 3px;
	background: #c8e6fa;
	border: 1px solid #999999;
	border-radius: 3px;
	font-weight: normal;
	font-size: 0.9em;
}

/* 標準税率対象バリエーションのアイコン */
.item_icon_10per:after {
	content: "標";
	padding: 3px 3px 2px 3px;
	background: #ffccd4;
	border: 1px solid #999999;
	border-radius: 3px;
	font-weight: normal;
	font-size: 0.9em;
}

/* 税率アイコンの説明文（軽減税率対象商品アイコンと標準税率対象商品アイコンの両方） */
span#tax_icon_notes_all {
	/*display: none;*/
}

/* 税率アイコンの説明文（標準税率対象商品アイコンのみ） */
span#tax_icon_notes_normal {
	/*display: none;*/
}




/*-------------商品詳細---------------*/

#detailTop_beta .icon_ullist li {
	margin: 0 10px 10px 0 !important;
}

span.tag_btn {
	color: #505050;
	font-weight: bold;
	font-size: 12px;
	margin: 1% 2% 1% 0px;
	border: 1px dashed;
	float: left;
	text-align: center;
	line-height: 20px;
	background-color: #F7F7F7;
	padding: 1%;
}

#snsbox ul li {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

#cart_div {
	width: 100%;
	float: left;
	margin: 0;
}

#cart_div .setitembtn {
	//background-image: -moz-linear-gradient(center top , #ededed 0%, #ededed 49%, #ddd 50%, #ddd);
	background-color: #ddd;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	color: #505050;
	font-size: 85%;
	padding: 5px;
	text-decoration: none;
}

#cart_div .setitembtn:hover {
	opacity: 0.5;
}

.cool_ico_p {
	width: 100%;
	overflow: hidden;
	float: left;
}

#input_cart_form {
	float: left;
	width: 100%;
}

#pos_shop_dispbox {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	float: left;
	border: 1px solid #ccc;
	padding: 2%;
	box-sizing: border-box;
}

#pos_shop_dispbox p {
	padding: 0 5px !important;
	display: inline-block;
}

h3.detall_title {
	font-weight: bold;
	font-size: 1.7rem !important;
}

#cate3_tmp_ul {
	width: 400px;
	overflow: hidden;
	float: left;
}

#detailTop_alpha #mainImg {
	position: relative;
	width: 400px;
}

#detailTop_alpha #mainImg img {
	width: 400px;
	height: 400px;
	margin-bottom: 10px;
}

#detailTop_alpha #cate3_tmp_ul .thumb_li {
	float: left;
	list-style: outside none none;
	width: 100px;
}

#detailTop_alpha #tmp_ex_box {
	color: #fff;
	width: 100%;
	top: 360px;
	height: 40px;
	position: absolute;
	display: none;
}

/*--商品詳細画面下のおすすめ商品（カルーセル）--*/
#pickup {
	max-width: 960px;
	margin: 0 auto;
}

/* デフォルト表示の「PICK UP」を無理やり消す */
#pickup #pickupTitle {
	color: #E6E6E6;
}

/* 管理画面の「おすすめ商品　タイトル」 */
#pickup #pickupTitle span {
	color: #de5a00;
	font-weight: normal;
	margin: 0 0 5px -42px;
	font-size: 1.5rem;
	display: inline-block;
}

#pickup .caroufredsel_wrapper {
	margin: 0 auto !important;
}

#pickup #pickupItem {
	padding: 5px 40px;
	background: #f7f7f7;
	border-radius: 10px;
	overflow: visible;
	position: relative;
}

#pickup #pickupItem ul li {
	width: 160px;
	margin: 0 6px;
	list-style: none;
	display: block;
	float: left;
}

#pickup #pickupItem ul li img {
	margin: 5px 0;
	width: 160px !important;
	height: 160px !important;
}

#pickup #pickupItem ul li div.data {
	font-size: 82%;
	font-weight: bold;
}

#pickup #pickupItem ul li div.data span {
	line-height: 1.3;
	margin-bottom: 5px;
	display: block;
}

#pickup #pickupItem .carouPrev,
#pickup #pickupItem .carouNext {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 32%;
	cursor: pointer;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#pickup #pickupItem .carouPrev {
	left: 10px;
}

#pickup #pickupItem .carouNext {
	right: 10px;
}

#pickup #pickupItem .carouPrev span,
#pickup #pickupItem .carouNext span {
	color: #3a383d;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

#pickup #pickupItem .carouNext span {
	margin-left: 10px;
}

#detailTop_beta #excerpt {
	margin: 0;
	padding: 5px 16px 30px;
	font-size: 1.3rem;
	line-height: 1.5;
	width: 400px;
	box-sizing: border-box;
}

/*
#detailTop_beta #cart_div table tr td:first-of-type{
	width: 172px !important;
}
*/

/*------------既存css--------------------------------------------------------------------------*/

/*--タイトル--*/
h2#catName,
h2#title {
	color: #505050;
	font-size: 2rem;
	margin: 20px 0;
}

h2#title {
	border-bottom: 1px dashed #7f7f7f;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        カートに入れる(iflame)
            
-------*-------*-------*-------*-------*-------*-------*-------*/

#cartWrap #detail_cart {
	margin: 0 auto;
}

#cartWrap #cartTable th,
#cartWrap #cartTable td {
	text-align: center;
	padding: 0 30px 0 0;
	vertical-align: middle;
}

#cartWrap #cartTable th {
	padding-bottom: 20px;
	font-weight: normal;
	text-align: left;
}

#cartWrap #cartTable .thumbs {
	width: 100px;
}

#cartWrap #cartTable .thumbs img {
	width: 100px;
}

/*#cartWrap #cartTable .productname .iname{
	font-weight:bold;
}*/
#cartWrap #cartTable .productname .i_icon {
	float: left;
	margin-left: 30px;
}

#cartWrap #cartTable .price,
#cartWrap #cartTable .subtotal {
	width: 100px;
}

#cartWrap #cartTable .price {
	/*color: #333;*/
}

#cartWrap #cartTable .countity {
	width: 140px;
}

/*#cartWrap #cartTable .countity select{
	border:none;
}*/
#cartWrap #cartTable .countity .change_btn {
	border: none;
	background-color: #fff;
	font-size: 90%;
}

#cartWrap #cartTable .dellink {
	width: 50px;
}

#cartWrap #cartTable .dellink .delete_btn {
	border: none;
	background-color: #fff;
	font-size: 90%;
}

#cartWrap #cartTable .countity .change_btn:hover,
#cartWrap #cartTable .dellink .delete_btn:hover {
	color: #898989;
}

#cartWrap #cartTable th.subtotal,
#cartWrap #cartTable td.subtotal {
	padding-right: 0;
}

#cartWrap #pos_shop_name {
	margin: 20px 0;
	text-align: right;
	font-size: 81%;
	font-weight: bold
}

#cartWrap #buttonArea {
	width: 630px;
	margin: 30px auto;
}

#cartWrap #buttonArea #gotocart_btn {
	color: #ffffff;
	background-color: #e98d11;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	font-size: 133%;
	font-weight: bold;
	line-height: 30px;
	padding: 5px 0;
	text-align: center;
	width: 300px;
	float: left;
}

#cartWrap #back_btn {
	color: #ffffff;
	background-color: #999999;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	padding: 5px 0;
	text-align: center;
	width: 150px;
	margin: 50px auto;
}

#cartWrap .setitembtn,
#cartTable .setitembtn {
	background-color: #ddd;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	color: #505050;
	font-size: 85%;
	padding: 5px;
	text-decoration: none;
	cursor: pointer;
}

#back_btn:hover,
#gotocart_btn:hover,
#keepshop_btn:hover,
#cartWrap .setitembtn:hover,
#cartTable .setitembtn:hover {
	opacity: 0.7;
}

/*------/*------/*------/*------/*------/*------/*------/*------

        詰合せ商品選択

-------*-------*-------*-------*-------*-------*-------*-------*/

#pack_area {
	border-bottom: 1px dotted #ccc;
	margin: 10px 0 50px 0;

}

#pack_area .item_list {
	border-top: 1px dotted #ccc;
	padding: 15px;
}

#pack_area .item_img {
	float: left;
	margin: 0 20px 0 0;
}

.tag_name {
	display: block;
	height: 10px;
	line-height: 13px;
	background-color: #ffdddd;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #333333;
	font-size: 12px;

}

.tag_name:hover {
	opacity: 0.5;
}

#catList a:hover {
	text-decoration: none;
}

#soldout_btn {
	color: #ffffff;
	background-color: #c30;
	border-radius: 3px;
	display: block;
	font-size: 133%;
	font-weight: bold;
	line-height: 30px;
	padding: 5px 0;
	width: 100%;
	text-align: center;
}

#another_window {
	display: none;
	width: 420px;
	height: 380px;
	margin: -200px 0 0 -210px;
	position: fixed;
	z-index: 50001;
	top: 50%;
	left: 50%;
	background-color: #FFFFFF;
}

#another_window_iframe {
	width: 420px;
	height: 350px;
	border: 0;
}

#another_window_close_button_block {
	margin-left: 20px;
}



/*------/*------/*------/*------/*------/*------/*------/*------

        カート（お客様情報・お支払方法・確認画面・注文完了）

-------*-------*-------*-------*-------*-------*-------*-------*/

/* -------- 共通 -------- */

/* エラー */
#errorArea {
	width: 800px;
	margin: 20px auto;
	/*background-color:#ffffff;*/
	text-align: left;
}

#errorTable #error_title {
	font-size: 30px;
	text-align: center;
}

#errorTable th {
	background-color: #ffffff;
	/* border: 1px solid #ccc; */
	border: 1px solid var(--pallet-brown);
	color: #ff0000;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

#errorTable td {
	padding: 5px;
	border: 1px solid #333333;
}

/* 注文を確定するボタン */
.buttonArea .goto_buy_btn {
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #6a9655;
	border: solid 1px #7a8b72;
	border-radius: 3px;
	padding: 12px 10px;
	width: auto;
	min-width: 200px;
}

/* 宛先に追加する */
.buttonArea .add_deli_info {
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	background: none repeat scroll 0 0 #cccccc;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 13px 30px;
	line-height: 1.6;
}

.buttonArea #input_send_btn {
	cursor: pointer;
	text-align: center;
	background: none repeat scroll 0 0 #cccccc;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 12px 30px;
	display: inline-block;
	margin-left: -70px;
	margin-right: 55px;
}

#DelibuttonArea .add_deli_info {
	margin-left: -70px;
	margin-right: 55px;
}

/* 戻るリンク*/
.buttonArea .back_txt_link:hover {
	text-decoration: none;
}

/* 次に進むボタン、宛先に追加する */
.buttonArea .goto_next_btn:hover,
.buttonArea .add_deli_info:hover,
.buttonArea #input_send_btn:hover,
.buttonArea .goto_buy_btn:hover,
.back_txt_link:hover,
a[name="set_address"]:hover {
	opacity: 0.8 !important;
}

.back_txt_link a:hover input,
a[name="set_address"]:hover input {
	color: #505050 !important;
}

/* ------------------------------------ 
            
            カート中身 (cart_view) 
            
-------------------------------------- */

#cart {
	margin-bottom: -30px;
	/* color: #ccc; */
}

#cart .note {
	display: none;
}

#cart #cartTable {
	margin-bottom: 10px;
	/* color: #505050; */
	/* border-bottom: 1px solid #ccc; */
}

#cart #cartTable th,
#cart #cartTable td {
	text-align: center;
	padding: 0 30px 0 0;
	vertical-align: middle;
}

#cart #cartTable th {
	padding-bottom: 20px;
	font-weight: normal;
	text-align: right;
}

#cart #cartTable th.thumbs {
	text-align: left;
}

#cart #cartTable td {
	padding-bottom: 40px;
	text-align: right;
}

#cart #cartTable .thumbs {
	width: 100px;
}

#cart #cartTable .thumbs img {
	display: inline;
	width: 100px;
}

#cart #cartTable .productname {
	text-align: left;
}

#cart #cartTable .productname .i_icon {
	float: left;
	font-weight: bold;
}

#cart #cartTable .price,
#cart #cartTable .subtotal {
	width: 100px;
}

/* #cart #cartTable .price {
	color: #ccc;
} */

#cart #cartTable .countity {
	width: 120px;
}

#cart #cartTable .dellink {
	width: 50px;
}

#cart #cartTable th.subtotal,
#cart #cartTable td.subtotal {
	padding-right: 0;
}

#cart #tableWrap {
	margin: 0 auto;
	padding: 20px;
}

#cart table#cartTable {
	border-top: 0;
	border-bottom: 1px solid #505050;
}

#cart table#cartTable th {
	font-size: 1.3rem;
}

#cart #grandtotal {
	margin-right: 15px;
	font-size: 90%;
	text-align: right;
	width: 100%;
}

#cart #pos_shop_name {
	margin: 20px 15px;
	text-align: right;
	font-size: 81%;
	font-weight: bold
}

#cart #addcarttxt {
	color: #900;
	text-align: center;
	margin: 10px;
	font-size: 13px;
	font-weight: bold;
}

#cart a {
	/*color: #333;*/
	text-decoration: underline;
}

#cart a:hover {
	text-decoration: none;
}

#cart #sec01 {
	font-size: 81%;
	width: 800px;
	margin-bottom: 20px;
}


/* ------------------------------------ 
            
            お客様情報 (cart2) 
            
-------------------------------------- */
#member_form #secArea .sec01 p {
	margin-top: 30px !important;
}

#member_form #secom {
	width: 800px;
	margin-bottom: 30px;
	overflow: hidden;
}

#member_form #secom dt {
	width: 60px;
	float: left;
}

#member_form #secom dd {
	color: #666;
	font-size: 87%;
	width: 720px;
	float: right;
	padding-top: 40px;
}

#member_form .caution {
	color: #900;
	font-size: 150%;
	margin: 20px 0 10px;
}

#member_form .note2 {
	font-size: 81%;
	width: 800px;
	margin-bottom: 30px;
}

#member_form form .buttonArea {
	text-align: center;
	margin: 30px 0;
}

#member_form form .buttonArea a:hover {
	text-decoration: none;
}

#formWrap table.userInfo th,
#formWrap table.userInfo td {
	padding: 20px 0;
	vertical-align: middle;

}

#formWrap table.userInfo td span.darkred {
	font-size: 1.3rem;
}

#formWrap form input,
#formWrap form select,
#acountservice form input,
#acountservice form select {
	padding: 5px 8px;
}

#formWrap form label,
#acountservice form label {
	margin-right: 20px;
}

#formWrap #zip_contaner a input,
#acountservice #zip_contaner a input {
	font-weight: normal;
	background-color: #e5e5e5;
	padding: 5px 10px;
}

#formWrap #zip_contaner a input:hover #acountservice #zip_contaner a input:hover {
	opacity: 0.8;
}

#formWrap #selectDeli {
	font-size: 87%;
	margin: 40px 0;
}

#formWrap #rgBox {
	width: 608px;
	margin: 0 auto;
	border: 1px solid #505050;
}

#formWrap #rgBox .title {
	color: #fff;
	font-size: 87%;
	font-weight: bold;
	padding: 2px 10px;
	background: #505050;
}

#formWrap #rgBox #rgBoxInner {
	color: #f60;
	font-size: 75%;
	line-height: 1.3;
	padding: 10px 20px;
}

#formWrap #rgBox #aboutMember {
	text-align: right;
	margin-bottom: 20px;
}

#formWrap #rgBox #aboutMember li {
	margin-left: 15px;
	padding-left: 12px;
	display: inline-block;
	background: url(../images/arw_org.png) no-repeat 0 3px;
}

#formWrap #rgBox .button {
	text-align: center;
	margin: 10px 0;
}

#formWrap #rgBox .button p {
	text-align: center;
	width: 210px;
	height: 35px;
	margin: 0 auto;
	padding: 9px 0;
	background: url(../images/btn01.jpg) no-repeat 0 0;
}

#formWrap #rgBox .button a {
	text-decoration: none;
	padding-left: 12px;
	display: block;
}

#formWrap #rgBox .button a span:before {
	margin-right: 3px;
	content: url(../images/arw_org.png);
}

#formWrap #rgBox dl {
	margin-bottom: 20px;
	overflow: hidden;
}

#formWrap #rgBox dt {
	width: 250px;
	float: left;
}

#formWrap #rgBox dd {
	color: #333;
	width: 318px;
	float: right;
}

#formWrap #rgBox dd input {
	margin-bottom: 5px;
}

/* ショップカード確認 */
#posMemberArea {
	width: 800px;
	margin: 20px auto;

}

#posMemberArea .cardAreaTitle {
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 5px 0;
	background-color: #E2C482;
}

#posMemberArea #AddCardChk {
	margin-top: 20px;
	text-align: center;
}

#posMemberArea #AddCartNote {
	font-size: 80%;
	color: #505050;
	padding: 15px 15px 5px;
}

#posMemberArea #AddCartLink {
	padding: 0 15px;
}

#posMemberArea #AddCartLink a {
	font-size: 75%;
	color: #505050;
	padding-left: 3px;
}

#posMemberArea #PosCardTable tr {
	line-height: 2.5em;
}

#posMemberArea #PosCardTable td {
	width: 120px;
}

#posMemberArea #PosCardNotice {
	color: #f60;
	font-size: 80%;
	padding: 0px 15px 5px;
}

#pos_chk_btn:hover {
	opacity: 0.8;
}

#pos_chk_btn:active {
	opacity: 1;
	box-shadow: inset 0px 0px 2px #3a6da0;
}

#pos_chk_rlt {
	display: none;
	padding: 0 0 15px;
}

#pos_chkrlt_txt {
	background-color: #e7e7ff;
	border: 1px solid #5050500ff;
	font-weight: bold;
	color: #505050;
	padding: 5px;
}

#pos_chkrlt_ertxt {
	background-color: #ffffa9;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #f00;
	padding: 5px;
}

/* ------------------------------------ 
            
            割り当てページ (cart2_2) 
            
-------------------------------------- */
#AssignBlock {
	width: 100%;
	margin: 0 auto;
}

#AssignBlock #AssignBtn {
	margin: 0 auto;
	padding: 5px 0;
	width: 140px;
}

table#DeliAssign {
	margin: 0 auto;
	font-size: 81%;
	width: 800px;
	border: 1px solid #505050;
}

table#DeliAssign th,
table#DeliAssign td {
	padding: 5px;
	border-bottom: 1px solid #505050;
}

table#DeliAssign th {
	font-weight: bold;
	width: 300px;
	background: #eee;
	border-right: 1px solid #505050;
}

table#DeliAssign td {
	width: 647px;
	line-height: 1.5em;
}

/* 次に進むボタン */
table#DeliAssign .assign_reset_btn {
	margin: 0 auto;
	padding: 5px 0;
	width: 80px;
}

#AssignBlock {
	padding-left: 20px;
}

#AssignBlock #cartTable {
	margin-bottom: 10px;
	//border-top: 1px dotted #505050;
}

#AssignBlock #cartTable th {
	padding-bottom: 20px;
	font-weight: normal;
	text-align: left;
}

#AssignBlock #cartTable th,
#AssignBlock #cartTable td {
	padding: 0 30px 0 0;
	vertical-align: middle;
}

#AssignBlock #cartTable th {
	//border-bottom: 1px solid #505050;
}

#AssignBlock #cartTable td {
	font-size: 16px;
	//border-bottom: 1px dotted #505050;
}

#AssignBlock #cartTable .thumbs {
	width: 120px;
}

#AssignBlock #cartTable .thumbs img {
	width: 120px;
}

#AssignBlock #cartTable .productname {
	text-align: left;
}

#AssignBlock #cartTable .productname .i_icon {
	float: left;
	margin-left: 30px;
}

#AssignBlock #cartTable .price,
#AssignBlock #cartTable .subtotal {
	width: 100px;
}

#AssignBlock #cartTable .price {
	color: #333;
}

#AssignBlock #cartTable .countity {
	width: 120px;
}

#AssignBlock #cartTable .dellink {
	width: 50px;
}

#AssignBlock #cartTable th.subtotal,
#AssignBlock #cartTable td.subtotal {
	padding-right: 0;
}

#AssignBlock .buttonArea {
	width: 800px;
	margin: 0 auto;
}

form#cart2_input_form {
	margin-top: -170px;
}


/* ------------------------------------ 
            
            支払方法 (cart3) 
            
-------------------------------------- */
#cart3_input_form #pointArea {
	font-size: 80%;
	background-color: #fff5d2;
	border: 1px solid #e98d11;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
	width: 200px;
	margin: 30px auto 20px;
}

#cart3_input_form #pointArea #pa_title {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 120%;
}

#cart3_input_form #pointArea p {
	margin-bottom: 10px;
}

#cart3_input_form #shopDeli span.deco01 {
	font-size: 1.6rem;
}

#cart3_input_form #shopDeli .base_fontstyle+table table tr:first-of-type td {
	background-color: #efe9df !important;
}

#cart3_input_form #shopDeli .base_fontstyle+table tr td {
	font-size: 1.4rem !important;
}

#cart3_input_form #shopDeli .base_fontstyle+table tr td {
	font-size: 1.4rem !important;
}

#pointArea #nowPonit {
	font-weight: bold;
	font-size: 160%;
}

#payment table.daibiki {
	width: 360px;
	border: 1px solid #505050;
	margin: 10px 0;
}

#payment table.daibiki th.total,
#payment table.daibiki td.total {
	text-align: center;
	width: 250px;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #505050;
}

#payment table.daibiki th.fee,
#payment table.daibiki td.fee {
	width: 100px;
	border-bottom: 1px solid #505050;
}

#payment table.daibiki th,
#payment table.daibiki td {
	padding: 5px;
}

#payment table.daibiki th {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#payment table.daibiki td {
	text-align: right;
}

table#shopDeli th,
table#shopDeli td {
	padding: 5px;
	border-bottom: 1px solid #959595;
	width: 130px;
}

table#shopDeli th {
	font-weight: bold;
	width: 150px;
	background: #eee;
	border-right: 1px solid #959595;
}

table#shopDeli select,
table#shopDeli textarea,
input[type="text"] {
	margin-bottom: 5px;
	padding: 5px;
}

.form_noshi_name {
	background-color: #aaaaaa;
}

/* カレンダー全体の幅 */
table#shopDeli .calendar_wrap {
	width: 400px;
	margin: 0 10px;
}

/* タイトルとカレンダー送りボタンの行 */
table#shopDeli .calendar_wrap table#calendar_title_line {}

table#shopDeli .calendar_wrap table#calendar_title_line td {
	border: none;
}

table#shopDeli .calendar_wrap table#calendar_title_line td#calendar_title_left {
	width: 160px;
	text-align: right;
}

table#shopDeli .calendar_wrap table#calendar_title_line td#calendar_title {
	width: 130px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}

table#shopDeli .calendar_wrap table#calendar_title_line td#calendar_title_right {
	width: 160px;
	text-align: left;
}

/* カレンダー送りボタンのデザイン */
table#shopDeli .calendar_wrap .calendar_send_btn {
	background: #fcfcfc;
	background-image: -webkit-linear-gradient(top, #fcfcfc, #ebebeb);
	background-image: -moz-linear-gradient(top, #fcfcfc, #ebebeb);
	background-image: -ms-linear-gradient(top, #fcfcfc, #ebebeb);
	background-image: -o-linear-gradient(top, #fcfcfc, #ebebeb);
	background-image: linear-gradient(to bottom, #fcfcfc, #ebebeb);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	font-family: Arial;
	color: #292929;
	font-size: 2.0rem;
	padding: 5px 10px !important;
	border: solid #e6e6e6 1px;
	text-decoration: none;
	cursor: pointer;
}

/* カレンダー送りボタンにカーソルを乗せた時のデザイン */
table#shopDeli .calendar_wrap .calendar_send_btn:hover {
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
	text-decoration: none;
}

/* マス目の大枠 */
table#shopDeli .calendar_wrap #calendar_table {
	width: 400px;
	margin-bottom: 20px;
}

/* 曜日の行 */
table#shopDeli .calendar_wrap #calendar_table th {
	border: 1px solid #959595;
	font-size: 12px;
	padding: 2px;
	text-align: center;
	background-color: #ffffff;
	font-weight: bold;
}

/* 日付の行 */
table#shopDeli .calendar_wrap #calendar_table td {
	border: 1px #959595 solid;
	padding: 4px;
	color: #000000;
	/*	background-color:#ffffff;*/
	text-align: center;
	vertical-align: middle;
	height: 30px;
	cursor: pointer;
	font-size: 1.5rem;
}

/* 月初日より前、または月末日より後の空白のマス目 */
table#shopDeli .calendar_wrap #calendar_table td.c_blank {
	cursor: default;
	pointer-events: none;
}

/* お届け可能日より前 */
table#shopDeli .calendar_wrap #calendar_table td.past {
	cursor: default;
	pointer-events: none;
}

table#shopDeli .calendar_wrap #calendar_table span.past {
	opacity: 0.3;
}

/* お届け可能日より後 */
table#shopDeli .calendar_wrap #calendar_table td.future {
	background-color: #eee;
	cursor: default;
	pointer-events: none;
}

/* 当日 */
table#shopDeli .calendar_wrap #calendar_table td.today {
	border: 2px solid #333;
	font-weight: bold;
	pointer-events: none;
}

/* 発送不可日・店頭受渡不可日 */
table#shopDeli .calendar_wrap #calendar_table td.forbid_date {
	background-color: #eee;
	pointer-events: none;
}

table#shopDeli .calendar_wrap #calendar_table span.forbid_date {
	color: #FF0000;
}

/* 選択日 */
table#shopDeli .calendar_wrap #calendar_table td.last_target_day {
	background-color: #FFA500;
}

/* 土日見出し色 */
table#shopDeli .calendar_wrap #calendar_table th:first-of-type {
	background-color: #a33b2b !important;
}

table#shopDeli .calendar_wrap #calendar_table th:last-of-type {
	background-color: #2b56a3 !important;
}

/* ------------------------------------ 
            
            確認画面 (cart4)
            
-------------------------------------- */

#confirmWrap .caution {
	font-size: 150%;
	margin: 20px 0 10px;
	color: #f00;
}

#confirmWrap #confirm_alpha {
	width: 57%;
	margin-right: 10px;
	float: left;
}

#confirm table caption {
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	border-left: 1px solid #505050;
	background: #eee;
	font-weight: bold;
	padding: 10px;
	background-color: #505050;
	color: #fff;
}

#confirm table th,
#confirm table td {
	padding: 5px;
}

#confirm table th {
	font-weight: bold;
	width: 170px;
	text-align: left;
	padding-left: 20px;
}

#confirm table td:before {
	color: #333;
	margin-right: 1px;
}

#confirm table td {
	width: 343px;
}

#confirm table.schedule th.comment,
#confirm table.schedule td.comment {
	/*color: #333;*/
	border-top: 1px solid #959595;
}

.confirm_beta p.title {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}

.confirm_beta dl {
	font-size: 81%;
	overflow: hidden;
	margin-bottom: 5px;
	border-bottom: 1px solid #959595;
}

.confirm_beta dt {
	font-weight: bold;
	width: 150px;
	margin-bottom: 3px;
	float: left;
	clear: left;
}

.confirm_beta dd {
	text-align: right;
	width: 93%;
}

#aboutReturn dl {
	font-size: 1.3rem;
	margin: 10px 10px 0;
}

#aboutReturn dt {
	font-weight: bold;
	width: 100px;
	margin-bottom: 10px;
	float: left;
	clear: left;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        ログイン、新規会員登録、パスワード送信
            
-------*-------*-------*-------*-------*-------*-------*-------*/

/* ------------------------------------ 
            
            ログイン (login、cart_login)
            
-------------------------------------- */
/* 「オンラインショップとショップカードのポイント連携について」 */
#login .pos_member_card_notice_cart {
	margin: 0 0 10px 56px;
}

#login #dlWrap dd p {
	text-align: left;
}

#login #dlWrap dl {
	font-size: 1.3rem;
	width: 48%;
	height: 360px;
	float: left;
	padding: 20px 30px;
	box-sizing: border-box;
	margin-right: 10px;
}

#login #dlWrap dl#signup {
	height: 360px;
	margin-bottom: 3px;
	text-align: center;
	float: right;
}

#login #dlWrap dl#signup470 {
	height: 360px;
	margin-bottom: 3px;
	text-align: center;
}

#guest dt {
	display: none;
}

#login #dlWrap dl#signup,
#login #dlWrap dl#signup470,
#login #dlWrap dl#guest {
	margin-right: 0;
	float: right;
	position: relative;
}

#login #dlWrap dl#signup dd .sub,
#login #dlWrap dl#signup470 dd .sub,
#login #dlWrap dl#guest dd .sub {
	font-weight: bold;
	width: 382px;
	height: 19px;
	padding: 8px 10px;
	margin-bottom: 5px;
	background: none;
}

#login #dlWrap dl#signup dd .note,
#login #dlWrap dl#signup470 dd .note,
#login #dlWrap dl#guest dd .note {
	font-size: 1.3rem;
	padding: 10px;
	border-radius: 5px;
	background: none;
}

#login #dlWrap dl .buttonArea {
	width: 210px;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}

#login dl#signup470 .buttonArea {
	top: 67%;
}

/* カート画面からの「新規会員登録」 */
#login #dlWrap dl#signup .buttonArea {
	top: 56%;
}

#login #dlWrap dl .buttonArea a,
#login #dlWrap dl .buttonArea button {
	color: #fff;
	font-weight: bold;
	width: 210px;
	padding: 12px 0;
	background: #6a9655;
	border: solid 1px #7a8b72;
	border-radius: 3px;
	font-size: 1.4rem;
	display: block;
}

#login #dlWrap dl#signin .buttonArea a,
#login #dlWrap dl#signup .buttonArea a,
#login #dlWrap dl#signup470 .buttonArea a,
#login #dlWrap dl#guest .buttonArea a {
	background: #cd5a5a;
	border: solid 1px #b73737;
	display: block;
	text-decoration: none;
}

/* ゲスト購入 */
#login #dlWrap dl#guest .buttonArea {
	top: -90px;
	/*left: 726px;*/
	left: 150%;
}

#login #dlWrap dl#guest .buttonArea a {
	background: #de5a00;
	border: solid 1px #8c8b8b;
	/*text-indent: -9999px;*/
	color: #B8B8B8;
	padding: 0;
}

#login #dlWrap dl#guest .buttonArea a:before {
	content: '会員登録せずに購入する';
	color: #fff;
	position: relative;
	bottom: -13px;
	left: 18px;
}

#login #dlWrap dl .buttonArea a:hover,
#login #dlWrap dl .buttonArea button:hover {
	text-decoration: none;
	opacity: 0.8;
}

#policy #policy_notes {
	text-align: left;
	margin: 10px 0;
	line-height: 1.8;
}

#policy textarea {
	line-height: 1.8;
}

#policy .buttonArea #agree_btn {
	margin: 0 auto;
	padding: 12px 0;
	width: 150px;
}

#policy .buttonArea #no_agree_btn:hover,
#policy .buttonArea #agree_btn:hover {
	opacity: 0.7;
}


/*--------メール・パスワード入力(user_add2)---------*/
#passwordblk {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	/*background-color: #fff;*/
	padding: 20px 30px;
	box-sizing: border-box;
}

#passwordblk #mail_notes {
	margin: 10px 0;
}

#passwordblk #inputmail {
	text-align: center;
	margin: 20px;
}

#passwordblk #inputmail p {
	font-size: 80%;
	font-weight: bold;
	margin: 5px 0;
}

#passwordblk #inputmail input {
	background-color: #fff !important;
	border: solid 1px #a9a9a9 !important;
}

#passwordblk #passbuttonArea {
	margin: 50px auto
}

/* 次に進むボタン */
#passbuttonArea .buttonArea .goto_next_btn {
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 12px 0;
	width: 162px;
	background: #6a9655;
	border: solid 1px #7a8b72;
}


#passbuttonArea .buttonArea .back_btn {
	margin: 0 20px 0 0;
	cursor: pointer;
	text-align: center;
	background: none repeat scroll 0 0 #999999;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	padding: 12px 0;
	width: 162px;
}




/*------/*------/*------/*------/*------/*------/*------/*------
            
        ショップ情報（会社概要・特定商取引法・お問い合わせ）
            
-------*-------*-------*-------*-------*-------*-------*-------*/
#shopinfo h2 {
	margin-bottom: 45px;
}

#shopinfo dt {
	font-size: 1.5rem;
}

#shopinfo h3 {
	border-bottom: 3px solid #69dad8 !important;
	color: #69dad8 !important;
	font-size: 23px !important;
	font-size: 2.3rem !important;
	height: 35px;
}

#shopinfo a.btn01 {
	background: #69dad8;
	color: #fff;
	text-decoration: none;
	padding: 8px 5px;
	text-align: center;
	font-size: 20px;
	width: 70%;
	box-sizing: border-box;
	height: 50px;
	display: block;
	margin: 15px auto;
	border: 2px solid #69dad8;
	line-height: 1.3em;
	transition: 0.3s;
}

#shopinfo a.btn01:hover {
	opacity: 0.7;
}

#shopinfo p.note {
	font-size: 87%;
	line-height: 60px;
	height: 60px;
}

#shopinfo ul li span {
	width: 516px;
	display: inline-block;
	vertical-align: top;
}

#shopinfo ul li span.item {
	width: 180px;
	margin: 0 20px;
}



/*------/*------/*------/*------/*------/*------/*------/*------
            
        クレジットカード支払い
            
-------*-------*-------*-------*-------*-------*-------*-------*/
#cardinfo {
	padding-top: 20px;
	margin-bottom: 100px;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
}

#card_input_form {
	border: 1px solid #6f6f6f;
	width: 800px;
	margin: 0 auto 30px;
	/*ackground-color: #fff;*/
}

#card_input_form th {
	border-bottom: 1px solid #6f6f6f;
	border-right: 1px solid #6f6f6f;
	/*background-color:#eeeeee;*/
	padding: 10px;
	width: 200px;
	font-weight: bold;
}

#card_input_form td {
	border-bottom: 1px solid #6f6f6f;
	border-right: 1px solid #6f6f6f;
	padding: 10px;
	width: 400px;
}

#cardinfo #error_title {
	font-size: 22px;
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;

}

#cardinfo #error_content {
	color: #ff0000;
	font-size: 105%;
	line-height: 1.5em;
}


/*------/*------/*------/*------/*------/*------/*------/*------
            
        ご利用ガイド
            
-------*-------*-------*-------*-------*-------*-------*-------*/
#guideinfo h4::after {
	position: absolute;
	top: .6em;
	left: .5em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#guideinfo ul {
	margin: 20px 0;
}

#guideinfo ul li {
	float: left;
	padding-left: 14px;
	font-size: 90%;
	margin: 3px 0 0px 30px;
	background: none;
}

#guideinfo ul li a {
	font-weight: bold;
	position: relative;
}



#paysendbox {
	font-size: 85%;
	line-height: 2em;
}

#guideinfo .box_title {
	font-weight: bold;
}

#guideinfo .text {
	padding-top: 3px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#guideinfo .c_title {
	padding-left: 13px;
}

#guideinfo .c_text {
	padding-top: 3px;
	padding-left: 13px;
	margin-bottom: 20px;
}


#guideinfo #newsbox {
	padding: 20px;
	margin-bottom: 50px;
	background-color: #eff4eb;
}

#guideinfo #newsbox #nh_title {
	color: #f55;
	font-size: 120%;
	font-weight: bold;
}

#guideinfo #newsbox .n_title {
	padding-left: 10px;
}

#guideinfo #newsbox .n_text {
	padding-top: 3px;
	padding-left: 10px;
	margin-bottom: 20px;
}

#memberinfo .subtitle {
	text-decoration: none;
	color: var(--pallet-brown);
	font-weight: bold;
}

#memberinfo .subcontent .deco01 {
	font-weight: bold;
}

#memberinfo .subcontent .deco02 {
	font-weight: bold;
	text-decoration: underline;
}

#memberinfo .subcontent a {
	color: #f56812;
}

#memberinfo .subcontent .pagetop {
	margin: 20px 0;
	text-align: right;
}

#memberinfo .subcontent .arrow {
	background-color: #efefef;
	border: 1px solid #555555;
	border-radius: 20px;
	padding: 5px 6px;
	text-align: center;
	text-decoration: none;
}

#memberinfo .subcontent .arrow:hover {
	opacity: 0.8;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        アカウントサービス
            
-------*-------*-------*-------*-------*-------*-------*-------*/

/*-----  各画面共通tableフォームスタイル,パンくず ----- */
#acountservice {
	margin-bottom: 100px;
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
	box-shadow: 0 0 2px #505050;
	padding: 20px 30px;
}

.hissu_icon {
	background: none repeat scroll 0 0 #f00;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 81%;
	margin: 0 3px;
	padding: 2px 7px;
}

#acountpankuzu {
	margin: 10px 0 20px 20px;
	margin-left: 20px;
	font-size: 90%;
}

/* ------------------------------------ 
            
            ご購入履歴 (buy_history)
            
-------------------------------------- */

#acountservice table.listtable {
	width: 800px;
	border-top: 1px dotted #939393;
}

#acountservice table.listtable a {
	color: #f55;
}

#acountservice table.listtable th,
#acountservice table.listtable td {
	text-align: center;
	padding: 20px 0;
	vertical-align: middle;
	border-bottom: 1px dotted #939393;
}

#acountservice table.listtable th {
	font-weight: bold;
	font-size: 87%;
	width: 260px;
}

#acountservice table.listtable td {
	font-size: 81%;
}

#acountservice table.listtable td span {
	font-size: 92%;
}

#acountservice table.listtable .title_tr {
	background-color: #ddd;
	font-weight: bold;
}

#acountservice .shopname,
#acountservice .nowpoint {
	color: #f55;
	font-weight: bold;
}

#acountservice table.listtable .r_border {
	border-right: 1px dotted #333;
}

#acountservice #no_data_txt {
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
}

/* ------------------------------------ 
            
            ご購入履歴詳細 (buy_history_detail)
            
-------------------------------------- */
#acountservice table.detailtable {
	width: 800px;
	border-top: 1px dotted #939393;
}

#acountservice table.detailtable a {
	color: #f55;
}

#acountservice table.detailtable th,
#acountservice table.detailtable td {
	padding: 20px 0;
	vertical-align: middle;
	border-bottom: 1px dotted #939393;

}

#acountservice table.detailtable th {
	text-align: left;
	padding-left: 15px;
	background-color: #ddd;
	font-weight: bold;
	font-size: 87%;
	width: 200px;
}

#acountservice table.detailtable td {
	font-size: 85%;
	text-align: left;
	padding-left: 15px;
}

#acountservice table.detailtable td span {
	font-size: 92%;
}

#acountservice table.detailtable table.innertable td {
	font-size: 85%;
	padding: 0;
	line-height: 2em;
	text-align: center;
}

#acountservice table.detailtable table.innertable .title_tr {
	font-weight: bold;
}

#acountservice table.detailtable table.innertable .r_border {
	border-right: 1px dotted #333;
}

#acountservice table.detailtable table.innertable .item_name {
	padding-left: 10px;
	text-align: left;
}

#acountservice table.detailtable table.innertable .item_price {
	padding-right: 10px;
}

#acountservice table.detailtable table.innertable .item_num {
	padding-right: 10px;
}

#acountservice table.detailtable table.innertable .item_sum {
	padding-right: 10px;
}

#acountservice table.detailtable table.innertable .column {
	text-align: right;
}

#acountservice table.detailtable table.innertable .send_column {
	text-align: left;
}

#acountservice table.detailtable table.innertable .deli_column {
	text-align: left;
}

#acountservice .hissu_ico {
	color: #fff;
	font-size: 81%;
	margin: 0 3px;
	padding: 1px 7px;
	display: inline-block;
	background: #f00;
	border-radius: 3px;
}

#acountWrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#acountWrap table.changeInfo {
	width: 800px;
	margin: 20px 0 10px;
}

#acountWrap table.changeInfo th,
#acountWrap table.changeInfo td {
	padding: 15px 0;
	vertical-align: middle;
}

#acountWrap form input,
#acountWrap form select {
	padding: 5px 8px;
}

#acountservice h3+div {
	text-align: left !important;
	margin-left: 45px;
}


/* ------------------------------------ 
            
            お届け先リスト(deli_send_list)
            
-------------------------------------- */
#acountservice table.delitable {
	border-top: 1px dotted #939393;
	margin-top: 5px;
}

#acountservice p b:before {
	content: "page. ";
}

#acountservice table.delitable a {
	color: #f55;
}

#acountservice table.delitable th,
#acountservice table.delitable td {
	padding: 20px 0;
	vertical-align: middle;
	border-bottom: 1px dotted #939393;
}

#acountservice table.delitable th {
	font-weight: bold;
	font-size: 87%;
	width: 260px;
}

#acountservice table.delitable td {
	font-size: 100%;
}

#acountservice table.delitable td span {
	font-size: 92%;
}

#acountservice table.delitable .title_tr {
	background-color: #e3ffe3;
	font-weight: bold;
}

#acountservice .shopname,
#acountservice .nowpoint {
	color: #f55;
	font-weight: bold;
}

#acountservice table.delitable .r_border {
	border-right: 1px dotted #333;
}

#acountservice table.delitable .send_btn_td {
	text-align: right;
	padding-right: 10px;
}

#acountservice table.delitable .send_edit_btn {
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	background: none repeat scroll 0 0 #e0e0ff;
	border: 0 none;
	border-radius: 2px;
	color: #0b0b89;
	font-weight: bold;
	padding: 5px 0;
	width: 70px;
}

#acountservice table.delitable .send_del_btn {
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	background: none repeat scroll 0 0 #ffe0e0;
	border: 0 none;
	border-radius: 2px;
	color: #b72627;
	font-weight: bold;
	padding: 5px 0;
	width: 70px;
}

.send_edit_btn:hover,
.send_del_btn:hover {
	opacity: 0.8;
}


/* ------------------------------------ 
            
            お届け先情報変更(deli_send_edit)
            
-------------------------------------- */

#acountWrap table.deliInfo {
	width: 800px;
	margin: 20px 0 10px;
}

#acountWrap table.deliInfo th,
#acountWrap table.deliInfo td {
	padding: 20px 0;
	vertical-align: middle;
}

#acountWrap table.deliInfo th {
	font-weight: bold;
	width: 260px;
}

#acountWrap form input,
#acountWrap form select {
	padding: 5px 8px;
}


#withdrawalblk {
	padding-top: 20px;
	margin-bottom: 100px;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
	/*background-color: rgba(255,255,255,0.6);*/
	box-shadow: 0 0 2px #505050;
	padding: 20px 30px;
}

#withdrawalblk #with_notes {
	margin-top: 10px;
}

#withdrawalblk #with_alert {
	font-weight: bold;
	padding-left: 10px;
	margin: 10px 0;
	font-size: 90%;
}

#withdrawalblk .withbuttonArea {
	margin: 50px auto 30px;
	text-align: center;
}

#withdrawalblk .withbuttonArea #no_agree_btn {
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	background: none repeat scroll 0 0 #efefef;
	border: 1px solid #aaaaaa;
	border-radius: 3px;
	color: #333;
	font-weight: bold;
	padding: 12px 0;
	width: 200px;
}

#withdrawalblk .withbuttonArea #del_member_btn {
	cursor: pointer;
}

#withdrawalblk textarea {
	width: 750px;
}

/*-----     ログインしてない時のログインページ     -----*/
#loginWrap #loginTable {
	border: 4px solid #e3e3e3;
	border-collapse: inherit;
	border-radius: 5px;
	margin: 20px 0 10px;
}

#loginWrap #loginTable th {
	background: linear-gradient(#fff, #e7e7e7) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-right: 1px solid #e3e3e3;
	font-size: 81%;
	font-weight: bold;
	width: 90px;
	padding: 10px;
}

#loginWrap #loginTable td {
	padding: 10px;
	border-bottom: 1px solid #e3e3e3;
}

/* 登録完了後にオンラインショップに戻るボタン */
.buttonArea #goto_online_btn {
	padding: 12px 0;
	width: 180px;
}

/* オンラインショップに戻るボタン：ホバー */
.buttonArea #goto_online_btn:hover {
	opacity: 0.8;
}

/* 現在のページのスタイル  */
#tag_pankuzu #current_pankuzu,
#pankuzu #current_pankuzu {
	font-weight: bold;
}

/*  クーポン関係  */

#coupon_wrap_title {
	text-align: center;
	background-color: #505050;
	color: #fff;
	border-radius: 2px 2px 0 0;
}

#coupon_contents {
	border: 2px solid #505050;
	border-radius: 0 0 5px 5px;
	padding: 15px 5px;
	text-align: center;
}

#coupon_code {
	width: 120px;
	display: block;
	margin: 0 auto 10px;
}

#coupon_set_btn {
	font-size: 85%;
	border: 1px solid #9ed067;
	background-color: #ffff81;
	border-radius: 3px;
	color: #222;
	display: block;
	margin: 0 auto;
	width: 50px;
	cursor: pointer;
}

#coupon_guide {
	background: rgba(0, 0, 0, 0) url("../images/ico_hint.png") no-repeat scroll 5px 5px;
	font-size: 86%;
	padding: 3px 5px 4px 27px;
	width: auto;
}


.coupon_return_mess {
	color: #f00;
	font-weight: bold;
}


.cart3_tls_error {
	color: #FF0000;
	font-size: 16px;
}

/* -------------------------------- 追加項目 -------------------------------- */

/* ---- header ---- */


div#headerNav #cartview_btn {
	right: 0;
	top: -10px;
	width: 12px;
	margin-right: 0;
	background: #FFAA47;
	padding: 0px 5px;
	border-radius: 12px;
	height: 17px;
	position: absolute;
}

div#headerNav #cartview_btn a {
	position: relative;
	left: 3px;
	top: -2px;
}

#footer .content dl {
	width: 16%;
	min-width: 190px;
	display: inline-table;
}

#footer .content dl:nth-child(5n) {}

#footer .content dt {
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	color: #505050;
	line-height: 15px;
}

#footer .content dt:nth-child(5n) {
	margin-right: 10px;
}

#footer .content dd {
	border: none;
}

#footer .content .clearfix {
	color: #505050;
	font-weight: bold;
	font-size: 12px;
	line-height: 29px;
}

.footer_logo img {
	/* width: 115px; */
	width: 120px;
	height: auto;
}

/* ---- select_item 商品詳細ページ ---- */

#excerpt {
	font-size: 85%;
	font-weight: bold;
	line-height: 25px;
	margin-top: 5px;
}

#cart_div table td {
	font-size: 15px;
	/*width: 12% !important;*/
	padding-left: 20px;
	position: relative;
}

/* ---- user_add_nina 新規会員登録 利用規約 ---- */

#policy #policy_notes span {
	color: #505050 !important;
}

/* ---- user_add_nina2 新規会員登録 メールアドレス・パスワードの入力 ---- */
#login #dlWrap dl#signup dd .sub {
	padding: 0;
}

#login #dlWrap dl#signup .note a {
	/*background-color: #795548; */
	font-weight: bold;
	color: #dc1313;
}

#cartWrap #cartTable th {
	font-size: 87%;
}

#cartWrap #cartTable th {
	text-align: left;
	font-size: 1.3rem;
}

#cartWrap #cartTable .countity select {
	background-color: #fff;
	/*font-weight: bold;*/
	min-width: 65px;
}

#cartWrap #cartTable .countity .change_btn,
#cartWrap #cartTable .dellink .delete_btn {
	/*font-weight: bold;*/
	font-size: 80%;
	margin-left: 10px;
}

.buttonArea .goto_next_btn {
	line-height: 1.6;
	margin: 0 auto;
	padding: 12px 0;
	width: 162px;
}


/* ---- cart2 ---- */

#cart #cartTable th {
	font-weight: bold;
	font-size: 87%;
}

select,
input[type="color" i][list] {
	background-color: rgb(255, 255, 255);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(255, 255, 255);
	border-image: initial;
}

/* ---- cart4 ---- */
#guideinfo h4::after {
	display: none;
}

#memberinfo .subcontent .arrow {
	background-color: #fff;
	border: none;
	border-radius: 0;
	padding: 0;
}

#memberinfo .subcontent .arrow span {
	color: #505050 !important;
}

/* 見出し行 */
#send_mst_lsit tbody tr:first-of-type {
	background-color: #505050 !important;
	color: #fff;
	font-size: 1.5rem;
}

#notes {
	font-size: 1.3rem !important;
}

/* 送料表ページ */
body.souryo {
	background-image: none;
	padding-bottom: 10px;
}

/* ---- guide_otoiawase　お店情報 お問い合わせ---- */
#shopinfo h3 {
	border-bottom: none !important;
	color: #505050 !important;
	font-size: 23px !important;
	font-size: 2.3rem !important;
	height: 35px;
}

#shopinfo h3:last-of-type {
	margin-top: 20px;
}

/* ---- guide_aboutinfo ---- */
#shopinfo a.btn01 {
	color: #fff;
	padding: 16px 8px;
	font-size: 15px;
	width: 250px;
	background: #6a9655;
	border: solid 1px #7a8b72;
	border-radius: 3px;
}

.shopinfo01 {
	padding-bottom: 30px;
	border-bottom: 1px dashed;
	border-bottom: 1px dotted #aaa49d;
}

.shopinfo02 {
	margin-top: 45px;
}

/* ---- top ---- */
li.productname {
	margin-bottom: 6px;
}

/* -------------------------------- 追加項目 2017.12.20 -------------------------------- */
/* ---- header ---- */
#header #logo {
	width: 20%;
}

/* ---- footer ---- */
#footer #footer_log_img {
	width: 20%;
}

/* ---- member_menu ログイン後---- */

#acountservice h3 {
	border-bottom: 1px solid #505050;
}

#acountservice table.acountmenu th,
#acountservice table.acountmenu td {
	text-align: left;
	padding: 15px 0;
}

#acountservice .acountmenu tr:not(:last-of-type) {
	border-bottom: 1px solid #505050;
}

#acountservice table.acountmenu a {
	color: #505050;
	font-weight: bold;
}

#acountservice table.acountmenu a:hover {
	color: #94bc83;
}

#acountservice .buttonArea {
	text-align: center;
}

/*　サイドバー見出しアイコン と フッター見出しアイコン　別にしたいときだけ分ける*/
.sd_icon:before,
.ft_icon:before {
	content: '';
	display: inline-block;
	width: 35px;
	/*画像の幅*/
	height: 35px;
	/*画像の高さ*/
	background-image: url(../images/an_icon.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 9px;
}

.set_address {
	display: inline-block;
}

/* サーバ証明書のサイトシール */
#site_seal {
	display: table;
	width: 850px;
	height: 80px;
	margin: 30px 0;
}

#site_seal dt,
#site_seal dd {
	display: table-cell;
	vertical-align: middle;
	height: 80px;
}

#site_seal dt {
	width: 135px;
	padding-right: 10px;
}

#site_seal dd {
	width: 705px;
	font-size: 1.2rem;
}

::selection {
	background: #999;
	color: #fff;
}

::-moz-selection {
	background: #999;
	color: #fff;
}

/* 文字装飾 */
p,
span,
li,
dt,
dd,
label,
a {
	/* color: #ccc; */
	color: var(--pallet-brown);
	text-decoration: none;
}

/* a:visited, .hov_cl_reset{
	color: #ccc;
} */
a:hover,
.hov_cl {
	opacity: .7;
}

a img,
.hov_op {
	transition: .3s;
}

a:hover img,
.hov_op:hover {
	opacity: .7;
}

/* リンク用 右矢印 */
.ar_r:after {
	font-family: "Font Awesome 5 Free";
	content: "\f35a";
	font-weight: bold;
}

h2 {
	font-size: 2.4rem;
	font-weight: bold;
}

.buttonArea {
	text-align: center;
	font-size: 1.4rem;
	cursor: pointer;
	font-weight: bold;
}

#policy .buttonArea {
	margin-bottom: 30px;
}

/* テキストの戻るボタン（複数画面で使用） */
.buttonArea .back_txt_link {
	float: left;
	background-color: #c0c0c0;
	/*padding: 5px 15px;
    width: 40px;*/
	font-weight: bold;
}

.buttonArea .back_txt_link a {
	padding: 5px 13px 5px 16px;
	display: block;
	color: #000;
}

/* ボタン style */
#no_agree_btn,
#agree_btn,
#back_keepshop_lnik,
.buttonArea .goto_next_btn,
.buttonArea #goto_online_btn,
#login #dlWrap dl .buttonArea a,
#login #dlWrap dl .buttonArea button,
.buttonArea .goto_buy_btn,
.buttonArea .add_deli_info,
.buttonArea #input_send_btn {
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
}

#policy .buttonArea #agree_btn,
.buttonArea .goto_next_btn,
.buttonArea #goto_online_btn,
#login #dlWrap dl .buttonArea a,
#login #dlWrap dl .buttonArea button,
.buttonArea .goto_buy_btn {
	background: #de5a00 !important;
	border: none !important;
}

#policy .buttonArea #no_agree_btn:hover,
#policy .buttonArea #agree_btn:hover,
#back_keepshop_lnik:hover,
.buttonArea .goto_next_btn:hover,
.buttonArea #goto_online_btn:hover,
#login #dlWrap dl .buttonArea a:hover,
#login #dlWrap dl .buttonArea button:hover,
.buttonArea .goto_buy_btn:hover,
.buttonArea .add_deli_info:hover,
.buttonArea #input_send_btn:hover,
.buttonArea .back_btn:hover {
	opacity: .7;
}

/* 同意しない＆ 新規登録メアド入力「戻る」 */
#policy .buttonArea #no_agree_btn {
	padding: 12px 0;
	width: 150px;
	background: #b8b8b8;
	border: none;
	margin: 0 auto;
	cursor: pointer;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
}

/* cart2 注文画面に戻るボタン */
/* 受取商品のとき受取店舗が出るので注意 */
#back_keepshop_lnik {
	width: 142px;
	display: inline-block;
	margin: 0px 0 50px 165px;
	border: none;
	background: none;
}

#back_keepshop_lnik a {
	text-decoration: none !important;
	display: block;
	width: 100%;
	padding: 7px 20px;
	background-color: #c0c0c0;
}

#back_keepshop_lnik a:hover {
	opacity: 1.0;
}

/* 同意画面の下margin */
#policy .buttonArea>div:not(.back_txt_link) {
	margin-bottom: 0px !important;
}

/* 宛先を入力する / 宛先を追加する */
.buttonArea #input_send_btn,
.buttonArea .add_deli_info {
	margin: 0 auto;
	background: #E0CC96;
	border: none !important;
	padding: 12px 29px;
	line-height: 1.6;
	width: auto;
	margin-left: -70px;
	margin-right: 55px;
	color: #000;
}

#formWrap .buttonArea #DelibuttonArea {
	width: auto;
	margin: 0 auto;
}

#login #dlWrap dl#guest .buttonArea a {
	background: #de5a00 !important;
	border: solid 1px #9a9a9a !important;
}

/* 左側に「戻る」ボタンのある場合の「次へ進む」配置 */
/* 戻るの幅分引く */
/* 新規登録 ＞お客様情報入力 */
#member_form #policy .buttonArea .goto_next_btn,
#cart3_input_form .buttonArea .goto_next_btn {
	margin-left: -70px;
}

/* カートを見る「次へ進む」 配置 */
#cartWrap .buttonArea .goto_next_btn {
	margin-left: -83px;
	position: absolute;
	bottom: 22px;
	left: 50%;
}

/* 次に進むボタン */
#passbuttonArea .buttonArea .goto_next_btn {
	margin: 0 auto;
	padding: 12px 0;
	width: 162px;
	border: solid 1px #7a8b72;
}

/* 次に進むボタン、宛先に追加する:hover */
.buttonArea .goto_next_btn,
.buttonArea .add_deli_info,
.buttonArea #input_send_btn,
.buttonArea .goto_buy_btn,
.back_txt_link,
a[name="set_address"],
#back_keepshop_lnik a {
	transition: .2s background !important;
}

.buttonArea .goto_next_btn:hover,
.buttonArea .add_deli_info:hover,
.buttonArea #input_send_btn:hover,
.buttonArea .goto_buy_btn:hover,
a[name="set_address"]:hover,
#back_keepshop_lnik a:hover {
	opacity: .7 !important;
	color: #fff !important;
}

.back_txt_link a:hover,
a[name="set_address"]:hover,
#back_keepshop_lnik a:hover {
	color: #505050 !important;
}

.back_txt_link a {
	display: inline-block;
}

.back_txt_link a:hover {
	color: #505050;
}

.back_txt_link a:hover input,
a[name="set_address"]:hover input {
	color: #505050 !important;
}

.back_txt_link a:hover input,
a[name="set_address"] input {
	color: #505050 !important;
}

.back_txt_link+button {
	margin-left: -70px;
}

#confirmWrap .buttonArea {
	position: relative;
}

/* 「次に進む」を無理やり消す */
#login #dlWrap dl#guest .buttonArea a {
	background: #b8b8b8;
	border: solid 1px #d73475;
	color: transparent !important;
	padding: 12px 0;
}

/* アカウントを持っていない方の枠に「会員登録せずに購入」のボタンを疑似要素で表示… */
#login #dlWrap dl#guest .buttonArea a:before {
	content: '会員登録せずに購入する';
	color: #fff;
	position: relative;
	bottom: 0;
	left: 30px;
}

#confirm .buttonArea {
	clear: both;
}

.confirm_beta p#total {
	color: #f22;
	text-align: right;
	margin-right: 20px;
	font-weight: bold;
}

#withdrawalblk .withbuttonArea {
	margin: 50px auto 30px;
	text-align: center;
}

/* カート内ボタン 買い物を続ける / 商品を割り当てる（複数宛先） */
#cartWrap #keepshop_btn,
#AssignBlock #AssignBtn {
	background-color: #d8c283;
	border-radius: 0;
	line-height: 50px;
	padding: 10px 30px;
	font-weight: bold;
	cursor: pointer;
	color: #000;
}

#acountservice table.delitable .send_edit_btn {
	color: #fff;
	font-weight: normal;
	background: #c55e5e !important;
}

#acountservice table.delitable .send_del_btn {
	color: #fff;
	font-weight: normal;
	background-color: #5a5a5a;
	margin-right: 5px;
}

#AssignBlock #AssignBtn {
	color: #505050;
	font-weight: bold;
	width: auto;
	line-height: normal;
}

#AssignBlock #AssignBtn:hover {
	opacity: 0.7;
}

#cartWrap #back_btn {
	border-radius: 0;
	font-size: 1.5rem;
}

#cartWrap .setitembtn,
#cartTable .setitembtn {
	background-image: none;
	color: #505050;
}

/* ユーザー情報入力　住所に反映ボタン */
#zip_contaner a input:hover {
	opacity: .8;
}

/* カード情報を確認 */
#pos_chk_btn {
	color: #fff;
	padding: 5px;
	background: #888;
	border: solid 1px #999;
	border-radius: 3px;
	font-weight: normal;
	cursor: pointer;
	width: 160px;
	text-align: center;
}

/* 店舗会員とオンライン会員の連携について */
.pos_member_card_notice_cart2 {
	margin-bottom: 10px;
}

.card_desc {
	color: #cd4249;
	text-decoration: underline;
}

/* 開いたウィンドウ内 */
.membercard_info_div {
	display: none;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        装飾系

-------*-------*-------*-------*-------*-------*-------*-------*/

/* .rose 郵便番号検索
　.blue ログインフォームのパスワード忘れ・ご利用ガイド */
.rose,
.blue,
.pink,
#signup470 .note a {
	/*background-color: #e2c482 !important;
    font-weight: 500;
    padding: 0 5px !important;*/
	text-decoration: underline;
}

a[name="set_address"]+.rose {
	text-decoration: none;
}

#guideinfo .pink {
	padding: 2px 5px;
	/* background: #757575; */
	background: #ccc;
	/* color: var(--pallet-gray); */
}

#guideinfo dl dl .pink {
	padding: 1px;
	background: none !important;
	position: relative;
	text-decoration: underline;
}

#guideinfo dl dl .pink:hover {
	text-decoration: none;
}

#guideinfo dl dl .pink:before,
#guideinfo li a:before {
	position: absolute;
	top: 50%;
	/* right: 20px; */
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 2px solid #E2C482;
	border-right: 2px solid #E2C482;
	-webkit-transform: rotate(135deg);
	transform: rotate(45deg);
	left: -20px;
}

/* #guideinfo li a:before{
	  margin-left: -19px;
}*/
.rose span,
.blue span {
	color: #000 !important;
	background: #E2C482;
	padding: 4px;
}

.blue {
	padding: 0;
}

.rose:hover,
.blue:hover {
	color: inherit !important;
}

#policy a.rose {
	font-weight: bold;
	color: #666;
}

.userInfo select {
	padding: 0 0 0 5px;
	height: 31px;
}

/* お買い物ガイド内「お店で買っても、ネットで買っても・・・」 */
#memberinfo .subcontent div[style="margin-bottom:20px;font-size:150%;font-weight:bold;color:#e98c11;"] {
	color: #F56812 !important;
	font-size: 2.0rem !important;
	margin-bottom: 5px !important;
}

.set_address {
	display: inline-block;
}

.cate_01 ul {
	/*margin-bottom: 100px;*/
	margin: 0px -3px 100px 0px;
}

.cate_01 ul li:first-of-type,
.cate_02 ul li:first-of-type {
	/* padding: 0 0 20px 0; */
	text-align: left;
	display: block;
	margin-bottom: 20px !important;
}

.cate_01 ul li.first span:not(.h_notes),
.cate_02 ul li.first span:not(.h_notes),
.dai_cate_title span:not(.h_notes) {
	font-weight: bold;
	font-size: 2.4rem;
}

.cate_01 .cat_mt {
	margin-top: 13px !important;
}

.cate_01 .cat_mt span {
	font-weight: bold;
	font-size: 1.8rem;
}

.cate_01 .cat_mb {
	margin-bottom: 13px !important;
}

span.h_notes {
	font-size: 1.2rem;
	/* color: #CCC; */
	color: var(--pallet-brown);
	margin-top: -5px;
	/* margin-left: 30px; */
	margin-left: 0;
	display: inline-block;
	letter-spacing: 0.05em;
}

/* FontAwesome */
.fab {
	vertical-align: middle;
	padding-right: 10px;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        フォーム系

-------*-------*-------*-------*-------*-------*-------*-------*/
input:focus,
button:focus {
	outline: none;
}

input[size="10"] {
	width: 95px;
}

input[size="40"] {
	width: 300px;
}

input[size="18"] {
	width: 150px;
}

input[size="15"] {
	width: 130px;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        header

-------*-------*-------*-------*-------*-------*-------*-------*/
/* ■ブランドサイトヘッダー■ */
.site_logo {
	display: block;
	margin: 0 auto;
	/* width: 112px; */
	width: 140px;
	height: auto;
}

#header_main {
	/* background-image: url(../images/of_header_bg.jpg); */
	/* background-color: var(--pallet-brown);
	width: 100%;
	text-align: left; */
	/* height: 195px; */
}

#header_main {
    background-color: var(--pallet-brown);
    width: 100%;
    text-align: left;
    padding: 40px 0 15px;
}

/*#header #header_main{
    position: relative;
    padding: 46px 0;
}*/
#header #header_main,
.container {
	position: relative;
}



/* #header #header_main:before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	content: '';
} */

#header #header_main .container {
	/* padding: 46px 0;
	position: relative; */
}

#header #header_main a {
	vertical-align: middle;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1080px;
	}
}

.header-bottom {
	/* background: #160505; */
	background-color: var(--pallet-brown);
	box-sizing: border-box;
	padding: 27px 0 15px;
	border-bottom: 5px solid #562217;
}

.header-bottom .container {
	padding: 0;
}

.container nav {
	vertical-align: middle;
}

.container .site-nav .pc-nav {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.container .site-nav .pc-nav .nav-item {
	position: relative;
	width: 140px;
	width: calc(100% / 6);
	text-align: center;
}

.container .site-nav .nav-home {
	display: none;
}

.container .site-nav .pc-nav .nav-item a {
	font-size: 20px;
	text-decoration: none !important;
	color: #ccc !important;
	letter-spacing: -0.5px;
	display: block;
	padding: 4px 0;
}

.container .site-nav .pc-nav .nav-item a:hover {
	opacity: 0.6;
}

.site_logo_a:hover,
.site_logo_a img:hover {
	opacity: 1;
}

.site_logo_a {
	display: block;
	margin: 0 auto;
}

#nav_bg {
	/* background: #160505; */
	background-color: var(--pallet-brown);
	padding-top: 8px;
	height: 87px;
	box-sizing: border-box;
}

#nav_bg #logo {
	width: auto;
	display: inline-block;
	font-size: 35px;
}

#nav_bg #logo img {
	width: 380px;
}

/*#nav_bg #logo a:before {
	content: url(../images/rollicon_b.png);
    margin-right: 10px;
    vertical-align: middle;
}*/
#header a {
	color: #fff;
}

#headerNav {
	float: right;
	margin-top: 5px;
	position: relative;
}

#headerNav a,
div#headerNav a span {
	font-weight: bold;
}

#headerNav a img {
	margin-bottom: 10px;
}

#headerNav li:hover {
	opacity: 0.8;
}

ul.login i {
	font-size: 3.9rem;
}

li.carttext {
	display: block;
	margin-top: 0;
	color: #505050;
	position: absolute;
	right: 3px;
	top: 1px;
	margin-left: 10px;
}

li.carttext span.cart_in {
	top: -50px;
	position: relative;
}

#headerNav ul {
	float: right;
}

#headerNav ul li {
	max-width: 190px;
	max-height: 43px;
	overflow: hidden;
	margin-top: 0;
	position: relative;
	padding-left: 10px;
	text-align: left;
	float: left;
	width: auto;
	margin-right: 10px;
	line-height: 1.8;
}

/*#headerNav ul li:nth-of-type(3) {
    margin-right: 53px;
}*/
#headerNav ul li.name a {
	height: 43px;
	line-height: 1.7;
}

#headerNav ul li a span {
	font-size: 1.2rem;
	font-weight: normal;
	padding-left: 2px;
}

#headerNav ul li.name a:before,
#headerNav ul li.name a:after {
	position: absolute;
	/* background: #FCF7ED;*/
}

#headerNav ul li.name a:before {
	content: " ...さん";
	top: 19px;
	right: 10px;
}

#headerNav ul li.name a:after {
	content: "";
	height: 100%;
	width: 100%;
}

#headerNav ul li.carttext a span {
	padding-left: 6px;
}

#headerNav ul li.carttext a span.ico_text {
	position: absolute;
	left: 7px;
	bottom: -2px;
}

#headerNav ul li.carttext a i {
	font-size: 3.4rem;
	margin-top: 2px;
}

/* アイコンはhoverしても色変わらない */
div#headerNav ul li a i {
	color: #514445;
}

#headerNav .name_guest,
#headerNav .name_member,
#headerNav .name_guest span,
#headerNav .name_member a span {
	font-size: 1.5rem;
	font-weight: bold;
}

div#headerNav ul li.name_guest,
div#headerNav ul li.name_member {
	width: auto !important;
	/* 直style上書き */
}

#headerNav ul li.name_guest {
	cursor: default;
	padding-top: 15px;
}

#headerNav ul li.name_guest:hover span {
	color: #505050;
}

#headerNav ul li.name_guest:hover {
	opacity: 1.0;
}

/*--ヘッダーナビ　検索ボックス--*/

/* 「なにをお探しですか？」色 */
input::placeholder {
	color: #DBDBDB;
}

/* IE */
input:-ms-input-placeholder {
	color: #DBDBDB;
}

/* Edge */
input::-ms-input-placeholder {
	color: #DBDBDB;
}

#nav_searchBox {
	width: auto;
	height: auto;
	padding: 0;
	white-space: nowrap;
	box-sizing: border-box;
	background: none repeat scroll 0 0 transparent;
	display: inline-block;
	margin-left: 40px;
}

.customselect-wrap {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;

	border-color: #bdbdbd #cdcdcd #cdcdcd;
	box-sizing: border-box;
	display: inline-block;
	float: left;
	height: 35px;
	overflow: hidden;
	position: relative;
}

.customselect {
	font-size: 12px;
	width: auto;
	min-width: 100px;
	height: 35px;
	line-height: 33px;
	padding: 0 5px;
	text-indent: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.customselect:hover {
	cursor: pointer;
}

#nav_searchBox .arrow {
	width: 0;
	height: 0;
	position: absolute;
	top: 40%;
	right: 10px;
	border-top: 8px solid #666;
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid transparent;
}

#nav_searchBox .nav-searchField {
	box-sizing: border-box;
	height: 30px;
	/* overflow: hidden; */
	width: auto;
}

#nav_searchBox #site-search {
	width: 250px;
}

#nav_searchBox .nav-searchField #nav-searchFieldInner {
	background: #fff;
	border: none !important;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-sizing: border-box;
	height: 30px;
	padding: 0;
	position: relative;
	white-space: normal;
}

/* #nav_searchBox .nav-searchField #searchText {
	background: none repeat scroll 0 0 transparent;
	border: none !important;
	padding: 5px 0 6px 7px !important;
	box-shadow: none;
	box-sizing: border-box;
	border-radius: 4px 0 0 4px;
	font-size: 14px;
	height: 25px;
	left: 0;
	margin: 0;
	outline: medium none;
	position: absolute;
	top: 2px;
	width: 100%;
} */

#nav_searchBox .nav-searchField #searchText {
    background: none repeat scroll 0 0 transparent;
    border: none !important;
    padding: 0;
    box-shadow: none;
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    /* height: 25px; */
	height: 19px;
    /* left: 0; */
    margin: 0;
    outline: medium none;
    position: absolute;
    top: 5px;
    width: 100%;
    left: 5px;
}

#nav_searchBox .submitBtn input {
	border: none !important;
	cursor: pointer;
	display: inline-block;
	height: auto;
	margin: 4px 0 0px 10px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/search_btn.svg) no-repeat center;
	color: transparent;
	width: 20px;
}

#nav_searchBox .submitBtn {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #505050;
	border-radius: 0 4px 4px 0;
	border-style: solid;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	float: right;
	height: 30px;
	width: 40px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#nav_searchBox .submitBtn:hover {
	opacity: .7;
}

.submitBtn img {
	width: 20px;
}

#nav {
	width: 1080px;
	float: none;
	margin: 26px auto 0;
}

#g_nav {
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
}

#g_nav a {
	color: #fff;
	font-weight: bold;
}

/* ヘッダーSNS */
#header #header_main .sns {
	position: absolute;
	right: 40px;
	/* bottom: 19px; */
	bottom: -4px;
}

#header #header_main .sns .hp {
	display: none;
	visibility: hidden;
}

#footer .sns li {
	margin-bottom: 14px;
}

#footer .sns li:last-of-type {
	margin-bottom: 13px;
}

.sns {
	display: flex !important;
	justify-content: flex-end;
	align-items: center;
	list-style: none;
	padding-left: 0;
}

.sns li .fab {
	font-size: 20px;
	color: #fff;
}

.sns a {
	color: #505050 !important;
}

.sns li:last-child {
	margin-right: 0;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        footer

-------*-------*-------*-------*-------*-------*-------*-------*/
#totop {
	width: 90%;
	margin: auto;
}

#footer {
	clear: both;
	margin-top: 80px;
	margin-bottom: 0;
	background: #160505;
	line-height: 1;
	display: inline-block;
	width: 100%;
}

#footer a {
	font-weight: 400;
	font-size: 1.2rem;
}

#footer dt {
	font-size: 1.4rem !important;
}

#footer .ft_dl {
	float: left;
}

#footer .ft_dl:first-of-type {
	width: 55%;
}

#footer .ft_dl:last-of-type {
	width: 45%;
}

#footer dl {
	padding: 20px 10px 5px 0px;
}

/* メニュー表示エリア */
#footer .content {
	border-bottom: solid #ababab 1px;
	width: 85%;
	margin: auto;
	max-width: 1080px;
	font-weight: bold;
	line-height: 2.1;
	/* リスト自体を中央に */
	text-align: center;
}

#footer .content dd {
	text-align: left;
	padding-right: 10px;
	float: left;
	width: 100%;
}

#footer .footer_bg {
	background-color: #160505;
	width: 100%;
}

.border_t01 {
	border-top: none;
}

#footer .content dt {
	border-bottom: none;
	text-align: left;
}

#footer .content dd {
	text-align: left;
	padding-right: 10px;
	float: left;
	border: none;
	box-sizing: border-box;
}

#footer .content dl:last-of-type {
	width: 36%;
	box-sizing: border-box;
}

#footer .content dl:last-of-type dd {
	width: 50%;
}

#footer .content dl:last-of-type dd:nth-of-type(1),
#footer .content dl:last-of-type dd:nth-of-type(3) {
	padding-right: 30px;
}

.ft_menu {
	width: 100%;
}

/* footer下ロゴ　content外 */
#footer .footer_logo {
	text-align: center;
	margin-top: 25px;
}

#footer .footer_logo #logo {
	margin: 30px 0 0;
}

#footer .pagetop {
	float: right;
	margin-right: 0px;
	margin-top: -12px;
	width: 75px;
}

#footer .pagetop i {
	font-size: 5rem;
	color: #1f1f1f;
	font-weight: bold;
}

.ft_sns {
	margin: 30px 0 20px;
	float: right;
}

.ft_sns li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 7px;
}

.ft_sns svg {
	width: 25px;
	height: 25px;
	fill: #1f1f1f;
}

.ft_sns .sns_youtube svg {
	width: 35px;
	height: 35px;
}

.ft_sns .sns_line svg,
.ft_sns .sns_tw svg {
	width: 30px;
	height: 30px;
}

.ft_copy {
	font-size: 1.2rem;
	margin-bottom: 50px;
	font-weight: bold;
}

/* ブランドサイトフッター */
.site-footer {
	margin-top: 30px;
}

.site-footer .container {
	width: auto;
	border-top: 1px solid #ababab;
	padding: 30px 15px 0;
	color: var(--pallet-gray);
}

.site-footer p, .site-footer span, .site-footer li, .site-footer dt, .site-footer dd, .site-footer label, .site-footer a {
	color: var(--pallet-gray);
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.site-footer .container .footer-nav .nav-item {
	margin-bottom: 30px;
	text-align: left;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;
}

@media (min-width: 576px) {
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (min-width: 768px) {
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

.site-footer .container .footer-nav .nav-item .title {
	margin-bottom: 10px;
	font-weight: bold;
	/* text-transform: uppercase;*/
	font-size: 2.4rem;
}

.site-footer {
	line-height: 1.8;
}

.site-footer .container .footer-nav .nav-item .link {
	font-size: 12px;
	color: #121212;
	letter-spacing: 0.5px;
}

.copyright {
	padding: 25px 0 30px;
	text-align: center;
	font-size: 1.0rem;
	letter-spacing: 0.1px;
	line-height: 1.5;
	color: var(--pallet-gray);
}

.footer_logo a {
	display: block;
	height: auto;
}

.footer_logo a:hover,
.footer_logo a:hover img {
	opacity: 1;
}

/* SNS  */
#footer .content .sns ul {
	margin: 0
}

#footer .content .sns a img {
	transition: none;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        index

-------*-------*-------*-------*-------*-------*-------*-------*/
.inner {
	max-width: 1280px;
	width: 100%;
	margin: auto;
}

/* 2つ目以降の商品リスト */
#contents .h2_list2 {
	padding-top: 50px;
}

.h2_cat {
	margin-top: 50px;
}

/* スライド画像 モンサンカスタム 幅いっぱい表示仕様 */
.bx_wrap {
	overflow: hidden;
}

.bx_wrap .bxslider {
	margin: 0 auto;
}

.bx_wrap ul li {
	width: 1050px !important;
}

.bx_wrap .bx-viewport {
	overflow: visible !important;
}

#slide .bx-pager {
	display: inline-block;
}

#slide .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	right: -487px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 6px !important;
	background: #C8C8C8 !important;
	width: 8px !important;
	height: 8px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #505050 !important;
}

#wrapper_index,
#aboutinfo {
	margin: auto;
	max-width: 1080px;
	min-width: 990px;
	width: 100%;
}

/* カート以降のページ */
/* contets… */
#main_contets {
	max-width: 1120px;
	width: 100%;
	padding-top: 0 !important;
	margin-top: 30px !important;
	min-width: 990px;
	margin: auto;
}

#main_index,
#main {
	width: 100%;
	float: none;
	margin: auto;
}

#main_index {
	width: 1080px;
	padding-top: 20px;
}

#index_right {
	width: 720px;
	display: inline-block;
}

#main {
	/* 背景に色つけるときは↓のpaddingつける */
	background: none;
	box-shadow: none;
}

.h2_rec {
	padding-top: 12px;
}

#productList.Llist {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-bottom: 30px;
}

div#productList dd {
	margin-bottom: 20px;
}

div#productList {
	margin-top: 17px;
	text-align: center;
}

div#productList dl {
	float: none;
	width: 31%;
	max-width: 250px;
	height: auto !important;
}

div#productList.index_list dl {
	max-width: 221px;
}

div#productList dl dt {
	height: auto;
}

div#productList dt img {
	width: auto;
	transition: 0s;
}

div#productList dt img:hover {
	opacity: .7;
}

/* index 商品一覧　商品名背景 */
div#productList .data {
	padding: 0 0 5% 0;
	box-shadow: none;
	text-align: left;
}

div#productList.index_list .data {
	padding-top: 5%;
}

div#productList dl:nth-child(3n-1) {
	margin: 0 28px;
}

#productList .productname,
#productList .price {
	font-weight: 500;
}

#productList .productname {
	margin: 3px 0 4px;
	font-size: 1.6rem;
	line-height: 1.5;
}

.list_cat img {
	border-radius: 0;
}

#productList.list_cat .productname {
	margin-bottom: 1px;
}

#productList .price {
	font-size: 1.4rem;
	margin-bottom: 10px;
	margin-top: 0;
}

#productList .excerpt {
	font-size: 1.2rem;
	color: #ccc;
	line-height: 1.5;
	font-weight: 500;
}

/* indexページ以外の右カラム タグ一覧ページ・検索フォームの検索結果ページ */
#tag_pankuzu+#contents,
#main>#contents {
	width: 800px;
	float: right;
	box-sizing: border-box;
}

/* ニュース
----------------------------------------------------------- */
.top_news {
	padding: 10px;
	/* background: #502f14; */
	box-shadow: none;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 1.4rem;
}

.top_news span.top_news_time {
	font-size: 14px;
}

.top_news div {
	margin-bottom: 10px;
}

.top_news dl {
	margin-bottom: 10px;
}

.top_news dl dt {
	width: 12%;
	min-width: 86px;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px;
}

.top_news dl dd {
	width: 87%;
	display: inline-block;
	font-feature-settings: "palt";
	line-height: 1.8;
	padding-top: 1px;
	padding-bottom: 10px;
}

.top_news dt,
.top_news dd {
	/* font-size: 1.5rem; */
	font-size: 1.6rem;
	line-height: 2.3;
}

.top_news dd a {
	text-decoration: underline;
}

.top_news p {
	padding: 1px;
	font-size: 15px;
}

.top_news p a {
	border-bottom: solid 1px #505050;
}

/* サイドメニュー
----------------------------------------------------------- */
#coupon_wrap {
	margin-bottom: 15px;
}

#coupon_set_btn {
	background-color: #f9dfaf;
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	padding: 2px 3px 2px 5px;
	border: solid 1px #d86767;
	width: 50px;
	cursor: pointer;
	color: #505050;
	font-weight: bold;
	font-size: 1.3rem;
}

#coupon_wrap_title {
	background-color: #d86767;
	border-radius: 5px 5px 0 0;
}

#coupon_contents {
	border: 1px solid #d86767;
	background-color: #fff;
}

/* クーポンとは */
#coupon_navi {
	font-weight: bold;
	font-size: 1.2rem;
	padding: 7px 0 0 20px;
}

#coupon_navi:before {
	content: "※"
}

#main_index #side_menu {
	margin-right: 90px;
}

/* サイドメニュー背景＆枠 */
#side_menu {
	width: 250px;
	margin: 0 50px 20px 20px;
	box-sizing: border-box;
	float: left;
}

#side_menu_contents {
	padding: 10px 0 1px;
}

.mid_cat a {
	font-size: 1.5rem !important;
}

.mid_cat:not(.cat_tentou) {
	margin-top: 30px !important;
	color: #999;
}

.h_notes:after {
	content: " ";
	display: block;
	border: solid 2.7px #E2C482;
	width: 47px;
	border-radius: 2px;
	margin-top: 10px;
	background: #505050;
}

li.first {
	border-bottom: none !important;
	list-style: outside none none !important;
}

/* ボタン風　お買い物ガイド */
li.first02 {
	border-bottom: none !important;
	margin: 0 10%;
	border-radius: 3px;
	background: #505050;
	padding: 0px !important;
	text-align: center;
	transition: 0.3s;
}

li.first02:hover {
	opacity: 0.7;
}

.cate_02 {
	margin-top: 40px;
	text-align: left;
	float: none;
}

li.first02 a {
	color: #fffefd;
	display: bold;
	padding: 6px !important;
}

.cate_01 ul:not( :first-of-type) {
	margin-top: 30px;
}

.cate_01 ul li,
.cate_02 ul li {
	font-weight: 500;
	border-bottom: none;
	padding: 4px 0 2px 0;
	margin: 0 !important;
	font-size: 1.5rem;
}

.cate_01 ul li a,
.cate_02 ul li a {
	font-weight: 500;
	font-size: 1.4rem;
	display: inline-block;
	line-height: 1.5em;
}

/* サイドバー SNSエリア */
.cate_03 {
	border: none;
	float: none;
	margin: 20px 0 15px;
}

.cate_03 li {
	border: none;
	padding-left: 0;
	margin: 0 10% 10px;
}

.cate_03 li a {
	padding-left: 0;
	font-weight: bold;
}

/*　.side_btn02のみ使用（店舗のご案内バナー）　*/
.side_btn02 {
	float: none;
	width: auto;
	text-align: center;
	margin-top: 40px;
}

h2.dai_cate_title {
	font-weight: bold;
	position: relative;
	border: none;
	overflow: hidden;
	padding: 0px;
}

.h2_guide {
	padding-top: 12px !important;
}

.h2_guide:after {
	display: none !important;
}

h2#catName,
h2#title {
	font-size: 2rem;
}

/* 配送アイコン & 検索結果並び替え
----------------------------------------------------------- */
.icon_ullist li {
	margin: 10px 15px 10px 0;
	float: left;
}

span.icon_orange,
span.icon_reizou,
span.icon_reitou,
span.icon_blue,
span.icon_uketori,
span.icon_delivery,
span.icon_noshi,
span.icon_ribbon,
span.icon_mess,
span.icon_sendfree,
span.icon_noorder {
	font-size: 1.2rem;
	padding: 0 0 1px 1px;
	border: none;
	border-radius: 0;
	background: none;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

/* 一覧系ページでは左border出さない　商品詳細では出す */

/* 通常便 */
span.icon_orange {
	color: #FF9090;
}

#detailTop_beta span.icon_orange,
.index_list span.icon_orange {
	border-left: 6px solid #FF9090;
	padding-left: 2px;
}

span.icon_reizou {
	color: #5793FF;
}

#detailTop_beta span.icon_reizou,
.index_list span.icon_reizou {
	border-left: 6px solid #5793FF;
	padding-left: 2px;
}

span.icon_reitou {
	color: #57C8FF;
}

#detailTop_beta span.icon_reitou,
.index_list span.icon_reitou {
	border-left: 6px solid #57C8FF;
	padding-left: 2px;
}

span.icon_normal {
	color: #57C8FF;
}

#detailTop_beta span.icon_normal,
.index_list span.icon_normal {
	border-left: 6px solid #57C8FF;
	padding-left: 2px;
}

span.icon_blue {
	color: #FFA444;
}

#detailTop_beta span.icon_blue,
.index_list span.icon_blue {
	border-left: 6px solid #FFA444;
	padding-left: 2px;
}

span.icon_uketori {
	color: #71a33e;
}

#detailTop_beta span.icon_uketori,
.index_list span.icon_uketori {
	border-left: 6px solid #71a33e;
}

span.icon_sendfree {
	color: #aacc00;
}

#detailTop_beta span.icon_sendfree {
	border-left: 6px solid #aacc00;
}

#detailTop_beta span.icon_sendfree::after {
	content: "　(※一部地域を除く)";
	font-size: 80%;
}

/* 店舗限定アイコンは　商品詳細ページにのみ出す（レイアウトの兼ね合い） */
#detailTop_beta span.icon_noorder {
	border-left: 6px solid #18100b;
}

#detailTop_beta span.icon_noorder:after {
	content: "店舗限定";
	color: #18100b;
}

form:not(#input_cart_form) span.icon_noorder {
	display: none;
}

/* タグ一覧ページでは商品名左にborder */
div#productList:not(.index_list) .productname {
	border-left: 6px solid #E2C482;
	padding: 0 0 1px 8px;
}

/* リボン(ピンク文字)・メッセージ(ピンク文字)・ご近所配達(ピンク文字)・のし(赤文字) 　※商品詳細ページにのみ出る */
span.icon_ribbon,
span.icon_mess,
span.icon_delivery {
	color: #FF93AD;
	border-left: 6px solid #FF93AD;
	padding-left: 2px;
}

span.icon_noshi {
	color: #FF0000;
	border-left: 6px solid #FF0000;
	padding-left: 2px;
}

#pagenate+div p[style="float:left;"] {
	font-size: 13px;
}

/* 商品検索結果　並び順リンク */
span.sortlink {
	/* color: #fff; */
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	font-size: 1.3rem;
}

span.sort_nolink {
	/* color: #E2C482; */
	color: var(--pallet-gold);
	font-size: 1.3rem;
}

span.result_num {
	font-weight: bold;
}

/* 商品詳細ページ
----------------------------------------------------------- */
#detailTop {
	float: none;
}

#pickup #pickupItem {
	padding: 0;
	background: none;
	border-radius: 5px;
	overflow: visible;
	position: relative;
}

/* 商品名　写真右に移動 */
h2#productName {
	width: 400px;
	margin: 0;
	font-size: 2.1rem;
	position: relative;
	top: 150px;
	left: 425px;
	display: inline-block;
	padding: 0 19px;
	box-sizing: border-box;
	min-height: 85px;
	line-height: 1.3;
	font-weight: 500;
	/* background-color: #502f14; */
}

/* IE8?11 ; */
@media screen\0 {
	h2#productName {
		top: 36px;
	}
}

#AssignBlock h2 {
	position: initial;
	max-width: 600px;
}

/* メイン画像エリア */
#mainImg {
	position: relative;
	width: 400px;
	float: left;
	margin: 0 0 10px 0;
}

#mainImg img {
	width: 400px;
	height: 400px;
}

#detailTop_alpha {
	display: block;
	float: left;
	width: 400px;
	margin-top: -60px;
	/* 右の商品タイトルと高さ合わせる */
}

#detailTop_beta .icon_ullist:not(.option_icon_list) {
	width: 400px;
	position: relative;
	top: -61px;
	padding: 20px 20px 3px;
	box-sizing: border-box;
	/* background-color: #502f14; */
	height: 60px;
}

#detailTop_beta .option_icon_list {
	position: relative;
	top: -96px;
	left: 221px;
	display: inline-block;
	height: 35px;
}

/* IE8?11 ; */
@media screen\0 {
	input[name="send_date_over_flag"]+div+div ul {
		padding-top: 5px;
	}
}

/* 添付画像サムネイル */
#cate3_tmp_ul li {
	width: 100px;
	height: 100px;
	margin: 0 !important;
	float: left;
	list-style: outside none none;
}

#detailTop_alpha #tmp_ex_box #tmp_ex {
	color: #fff !important;
	font-size: 1.2rem;
	bottom: 0;
	line-height: 1.5;
	padding: 10px;
	position: absolute;
	background-color: rgba(89, 89, 89, 0.4);
	width: 380px;
}

/* メイン画像右エリア */
#detailTop_beta {
	width: 400px;
	float: left;
	margin: -70px 0 0 0;
	clear: none;
	padding: 70px 0 5px 25px;
	box-sizing: border-box;
}

/* 商品概要　商品名・アイコンの下*/
#excerpt {
	padding: 0;
	margin-bottom: 20px;
	font-size: 1.2rem;
	line-height: 25px;
	margin-top: 5px;
}

#detailTop_beta #excerpt {
	font-weight: 500;
	/* color: #ccc; */
	color: var(--pallet-brown);
	margin-top: -22px;
	float: left;
	/* background-color: #502f14; */
}

/* 排他フラグ（この商品のみの注文になります） */
#detailTop_beta .exc_flag_notes {
	width: 400px;
	/* background: #fff; */
	box-sizing: border-box;
	color: #f00;
	text-align: center;
	padding: 0;
}


/* IE8?11 ; */
@media screen\0 {
	#detailTop_beta #excerpt {
		margin-top: -80px;
	}
}

#detailTop_beta #cart_div table tr:last-of-type td {
	padding-bottom: 30px;
}

#cart_div table {
	width: 400px;
	display: table;
	/* background-color: #502f14; */
}

#cart_div tr td:nth-of-type(4) {
	display: none;
}

#cart_div td[align="right"] {
	text-align: left !important;
}

#cart_div td:nth-of-type(2) {
	padding: 0 25px 0 21px !important;
	padding-left: 21px;
	width: 81px;
}

#cart_div td:nth-of-type(3) {
	padding: 0 15px 0 0;
	width: 25%;
}

/* 売り切れ文言の幅調整 */
#cart_div td[colspan="3"] {
	width: 150px !important;
}

#cart_div td:nth-of-type(3)::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	/* border-bottom: solid 1px #fff;
	border-right: solid 1px #fff; */
	border-bottom: solid 1px var(--pallet-brown);
	border-right: solid 1px var(--pallet-brown);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 16px;
	right: 50px;
	z-index: 2;
}

/* バリエーション名が未入力だとtdの高さが変わって矢印がずれるのの対策 */
#detailTop_beta #cart_div table tr td:first-of-type:after {
	display: block;
	float: left;
	height: 16px;
	content: "";
}

/* IE8?11 ; */
@media screen\0 {
	#cart_div td:nth-of-type(3)::after {
		top: 13px;
	}
}

#detailTop_beta .quantity_select {
	/* -webkit-appearance: none;
	-moz-appearance: none; */
	appearance: none;
	width: 60px;
	height: 31px;
	background: transparent;
	position: relative;
	z-index: 1;
	/*margin: 0 0px 0px -10px;*/
	padding: 0 0 0 9px;
	font-size: 1.5rem;
	/* color: #fff; */
}

#detailTop_beta .quantity_select::-ms-expand {
	display: none;
}

#detailTop_beta .quantity_select option {
	color: #000;
}

/* 表内 商品名 */
#cart_div td:first-of-type {
	/*width: 60% !important;*/
	word-break: keep-all;
}

/* 「商品名をクリックすると、在庫状況を確認できます」 */
#detailTop_beta #cart_div .note {
	width: 100%;
	font-size: 1.2rem;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0;
	color: #666;
}

#cart_div tr {
	border-bottom: none !important;
}

/* カートに入れる */
#cart_div #btn_box {
	margin: 50px auto 10px;
	color: #000;
}

/* IEハック */
@media screen\0 {
	#cart_div #btn_box {
		line-height: 3.2;
	}
}

/* お届け可能日 */
#deli_send_blk {
	float: none;
	width: 400px;
	box-sizing: border-box;
	border-top: none;
	font-size: 1.2rem !important;
	overflow: hidden;
	padding: 10px;
	border-left: solid 3px #E2C482;
}

/* 「お届け可能日」または「店頭受取日」の枠の中に追加で文言入れたい…というご要望 */
#deli_send_blk:after {
	content: "表示価格は税込です。";
	display: block;
}

#deli_send_blk span {
	font-weight: normal;
	color: #f22;
}

/* お届けについて */
#deli_send_blk a {
	margin-left: 2px;
	text-decoration: underline;
}

/* 受取店舗選択 */
#pos_shop_select span {
	font-weight: bold;
}

/* 受取可能店舗表示 */
#pos_shop_dispbox p {
	padding: 0 5px !important;
	display: inline-block;
}

/* 賞味期限 */
.kigen {
	overflow: hidden;
	border: none;
	padding-bottom: 10px;
}

.kigen p {
	padding: 5px 10px;
}

h3.detall_title {
	font-size: 1.7rem !important;
}

/* 商品仕様 */
#free_space {
	width: 72%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 0 auto 30px !important;
	font-weight: bold;
	clear: both;
	text-align: left;
}

.addcart_btn {
	line-height: 3.1;
	background-color: #E2C482;
	color: #18100b;
	width: 400px;
	margin: 0 0 5px 0;
	height: 50px;
	padding: 0;
	vertical-align: baseline;
	box-sizing: border-box;
	font-size: 1.6rem;
	cursor: pointer;
	display: block;
	font-weight: 1000;
	text-align: center;
	border-radius: 10px;
}

/* IEハック */
@media screen\0 {
	.addcart_btn {
		line-height: 3.2;
	}
}


/* 商品説明文（メイン画像下） */
#detailComment {
	width: 90%;
	float: left;
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
}

/* ページ下部 注意書き */
#notes_space {
	width: 72%;
	float: left;
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 0 auto 10px;
	padding: 10px 0;
	text-align: left;
}

.notes_space__content {
	color: #f33;
	font-size: 1.3rem;
	line-height: 1.8;
	font-weight: bold;
	margin: 0 auto;
}

/* 管理画面でつけるclass */
.item_info {
	border: solid 1px #B4B4B4;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	border-collapse: collapse
}

.item_info div {
	display: table-row;
	border-top: solid 1px #B4B4B4;
}

.item_info>br {
	display: none;
}

.item_info dt,
.item_info dd {
	display: table-cell;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2% 1.0%;
	font-size: 1.2rem;
}

.item_info dt {
	width: 16%;
}

.item_info dd {
	width: 100%;
}

.item_info dt+dd {
	border-left: solid 1px #B4B4B4;
	width: 75%;
}

.item_info div:first-of-type {
	border-top: none;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        カートの中身 / カート内商品振り分け
            
-------*-------*-------*-------*-------*-------*-------*-------*/
/* カートの中身 */

/* 「カートに何も入っていません」テキスト文字色 */
#cartWrap>div>span:first-child {
	color: #ff4d4d !important;
}

/* cart が #cartWrap / cart2 が #cart */
#cartWrap {
	position: relative;
}

#AssignBlock #productName {
	background: none;
	padding-left: 0;
}

#cartWrap #detail_cart,
#cart #tableWrap .tableWrapInner,
#AssignBlock form:first-of-type {
	width: 85%;
	margin-bottom: 30px;
	background-image: none;
	/*background-color: #fff;*/
	box-shadow: none;
	padding: 20px 30px;
}

#cartWrap .productname span:not(.iname) {
	display: block;
	text-align: left;
}

#cart #tableWrap .tableWrapInner {
	width: 950px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
}

#cart #tableWrap .tableWrapInner>img {
	display: none;
}

#cartWrap #cartTable,
#cart #cartTable {
	border-bottom: 1px solid #505050;
	margin-bottom: 10px;
}

#cart #cartTable {
	width: 100%;
}

#AssignBlock form:first-of-type {
	margin: 0 auto;
}

/* 項目名＆ 表内容 */
#cartWrap #cartTable th,
#cartWrap #cartTable td,
#cart #cartTable th,
#cart #cartTable td,
#AssignBlock form th,
#AssignBlock form td {
	padding: 0 30px 0 0;
	text-align: left;
}

#cartWrap #cartTable th,
#cart #cartTable th,
#AssignBlock #cartTable th {
	padding-bottom: 20px;
	font-size: 1.3rem;
	font-weight: bold !important;
	text-align: left;
	border: none;
	/*color: #160505;*/
}

#cartWrap #cartTable td,
#cart #cartTable td,
#AssignBlock form td {
	padding-bottom: 20px;
	border: none;
}

#cartWrap #cartTable td,
#cartWrap #grandtotal,
#cart #cartTable td,
#cart #grandtotal,
#AssignBlock #cartTable td,
#cartWrap #cartTable td span.iname {
	font-size: 1.6rem;
	/*color: #160505;*/
	/*font-weight: bold;*/
}

/*#cartTable .countity select{
	font-weight: bold;
	border: none;
}*/
.change_btn:hover,
.delete_btn:hover {
	color: #616161;
}

/* カート内 受取店舗表示 */
#cartWrap #pos_shop_name,
#cart #pos_shop_name {
	margin-top: 10px;
	text-align: right;
	font-size: 1.4rem;
	font-weight: bold;
	padding-right: 40px;
	float: right;
}

#cart #pos_shop_name {
	margin: 0;
	padding: 0;
}

#cartWrap .thumbs,
#cart #cartTable .thumbs,
#AssignBlock #cartTable .thumbs {
	width: 100px;
}

#cartWrap .thumbs img,
#cart #cartTable .thumbs img,
#AssignBlock #cartTable .thumbs img {
	width: 100px;
}

/* 項目名右端 */
#cartWrap #cartTable .dellink {
	width: 50px;
}

#cartWrap .subtotal,
#cart .subtotal {
	padding-right: 0;
}

#cartWrap #grandtotal,
#cart #grandtotal {
	text-align: right;
	padding-right: 40px;
}

#cartWrap #grandtotal+div[style="color: #FF0000; text-align:right;"] {
	padding-right: 40px;
}

#cart .note {
	display: none;
}

#cart #cartTable {
	margin-bottom: 10px;
	/* color: #ccc; */
}

#cart #cartTable .productname .i_icon {
	float: left;
	font-weight: bold;
	margin-left: 0;
}

/* ------------------------------------ 
            
            お客様情報 (cart2) 
            
-------------------------------------- */

#member_form #secArea {
	padding-top: 20px;
}

#member_form #secArea #sec01 p {
	margin-top: 30px !important;
}

#member_form .notice {
	font-size: 90%;
	line-height: 25px;
}

#member_form .note {
	display: none;
}

#member_form #secom input {
	border: none !important;
	margin: 20px 0px 0px !important;
}

/* ------------------------------------ 
            
            フォーム
            
-------------------------------------- */
/* 新規会員登録　お客様情報入力 */
#member_form #policy #formWrap {
	box-shadow: none;
	background: none;
	padding: 10px 0 0 0 !important;
	width: auto;
}

#formWrap,
#acountservice {
	width: 950px;
	margin: 0 auto;
	/* background-color: #fff;*/
	padding: 180px 50px 20px;
	box-shadow: none;
	box-sizing: border-box;
}

#formWrap input,
#acountservice input {
	margin-bottom: 7px;
	border: 1px solid #a9a9a9;
}

.hissu,
#acountservice .hissu_ico {
	color: #fff !important;
	margin: 0 3px;
	padding: 0px 7px;
	display: inline-block;
	background: #cd4249;
	border-radius: 2px;
}

#formWrap #formTop .right,
#selectDeli td[align="right"] {
	text-decoration: underline;
	font-size: 1.4rem;
}

#formWrap table.userInfo {
	width: 95%;
	margin: 20px auto 10px;
}

#formWrap table.userInfo th,
#acountservice th,
#acountWrap table.deliInfo th {
	text-align: left;
	font-weight: bold;
	font-size: 1.4rem;
	width: 280px;
}

#formWrap table.userInfo td,
#acountservice td,
#formWrap form label,
#acountservice form label {
	font-size: 1.4rem;
	text-align: left;
}

#formWrap table.userInfo td span.darkred {
	font-size: 1.3rem;
}

#formWrap form input,
#formWrap form select,
#acountservice form input,
#acountservice form select {
	padding: 5px 8px;
}

#formWrap #selectDeli {
	font-size: 87%;
	margin: 40px 0;
}

#formWrap #rgBox {
	border: 1px solid #505050;
}

#formWrap #rgBox .title {
	background: #505050;
}

#formWrap table.userInfo td span,
#acountservice td span {
	line-height: 1.5;
}

#formWrap table.userInfo td span.darkred {
	font-size: 1.3rem;
}

#formWrap form input,
#formWrap form select,
#acountservice form input,
#acountservice form select {
	padding: 5px 8px;
	margin-left: 5px;
}

#formWrap #selectDeli {
	font-size: 87%;
	margin: 40px 0;
}

/* お届け先に反映・クリア　ボタン */
#formWrap #selectDeli #get_deli_btn,
#formWrap #selectDeli #reset_deli_btn {
	background-color: #e5e5e5;
	border: solid 1px #ccc;
	padding: 5px 10px;
	vertical-align: top;
}

#formWrap #rgBox {
	border: 1px solid #505050;
}

#formWrap #rgBox .title {
	background: #505050;
}

#formWrap td label,
#formWrap form label,
#acountservice form label {
	margin-right: 20px;
}

#posMemberArea #AddCartLink {
	padding: 0 15px;
	font-size: 1.6rem;
}

#posMemberArea #AddCartLink img {
	vertical-align: middle;
}

/* ショップカードをお持ちではない方・お持ちの方 */
#posMemberArea .PosCardArea {
	width: 47%;
	/* height: 245px; */
	border: 1px solid #E2C482;
	font-size: 1.4rem;
	float: left;
	background-color: #fff;
}

#posMemberArea #AddCardChk span {
	font-size: 1.3rem;
}

#posMemberArea #PosCardNote {
	padding: 10px 15px 0px;
	color: #505050;
}

#posMemberArea #AddCartNote {
	font-size: 1.3rem;
	padding: 15px 15px 5px;
	font-weight: bold;
}

#posMemberArea #AddCartLink {
	padding: 10px 15px;
	font-size: 1.6rem;
}

#posMemberArea #PosCardNote span {
	font-size: 1.3rem;
}

/* 会員番号・バーコード入力欄 */
#posMemberArea #PosCardTable {
	margin: 20px auto;
	width: auto;
}

#posMemberArea #PosCardTable td {
	width: 120px;
}

/* カード情報を確認⇒会員情報確認出来ました。 */
#pos_chkrlt_txt {
	background-color: #ddd;
}

/* お届先情報の削除 後悔しませんね？＆完了しました　メッセージ */
#acountservice p.fs22,
#acountservice p.fs20 {
	font-size: 1.7rem !important;
}


/* ------------------------------------ 
            
     割り当てページ (cart2_2) 
            
-------------------------------------- */
table#DeliAssign {
	margin: 30px auto 0;
	width: 800px;
	border: 1px solid #505050;
	font-size: 1.4rem;
	/*background-color: #fff;*/
}

table#DeliAssign th,
table#DeliAssign td {
	border-bottom: 1px solid #505050;
	vertical-align: middle;
}

table#DeliAssign th {
	border-right: 1px solid #505050;
	border-bottom: 1px solid #fff;
	background-color: #505050;
	color: #fff;
	padding-top: 10px;
}

table#DeliAssign th form {
	border: none !important;
}

table#DeliAssign tr:last-of-type th {
	border-bottom: none;
}

table#DeliAssign td {
	padding-left: 20px;
}

table#DeliAssign form {
	border-right: 1px solid #505050;
	background: none !important;
	box-shadow: none !important;
	color: #fff;
	padding: 0px 0 10px 0 !important;
}

#AssignBlock {
	width: auto;
	padding-left: 0;
}

#AssignBlock #cartTable td.thumbs {
	padding-bottom: 10px;
}

#AssignBlock #cartTable .productname .i_icon {
	float: left;
	margin-left: 30px;
}

#AssignBlock #cartTable .productname .i_icon {
	float: left;
	margin-left: 30px;
}

#AssignBlock .buttonArea {
	width: 85%;
	margin-top: 30px !important;
}

#AssignBlock .buttonArea .back_txt_link {
	margin-left: -30px;
	padding: 5px 10px;
	color: #333;
	background-color: #ccc;
}

#AssignBlock .buttonArea .goto_next_btn {
	margin-left: -70px;
}

form#cart2_input_form {
	margin-top: -190px;
}

#quotaInfo dt {
	color: #F56812;
	font-size: 108%;
	margin-bottom: 10px;
}

/* ------------------------------------ 
            
            支払方法 (cart3) 
            
-------------------------------------- */
.inner p.note {
	display: none;
}

#cart3_input_form {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 950px;
	/* background-color: #fff;*/
	box-shadow: none;
	padding: 20px 30px 30px;
	box-sizing: border-box;
}

#cart3_input_form .right {
	margin: 0 5px 5px 0;
}

#cart3_input_form .right a {
	padding: 2px 5px;
	background: #757575;
	color: var(--pallet-gray);
}

/* 代引送料表 */

#cart3_input_form .daibiki {
	margin: 10px 0;
	/*background-color: #fff;*/
}

#cart3_input_form .daibiki tr:first-of-type {
	background-color: #505050 !important;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
}

#cart3_input_form #pointArea p {
	margin-bottom: 10px;
}

/* 配送情報入力表 */
#cart3_input_form #shopDeli>tbody>tr {
	border-bottom: 1px solid #505050;
}

#cart3_input_form #shopDeli>tbody>tr>td {
	padding-left: 15px;
}

/* spacer.gif */
#cart3_input_form #shopDeli tbody tr td>img {
	display: none;
}

/* カレンダー上下のborder */
#cart3_input_form #shopDeli .base_fontstyle tr td,
#cart3_input_form #shopDeli .base_fontstyle+table tr td {
	border-bottom: none;
}

/* 送料について */
#cart3_input_form #shopDeli tr td a {
	padding: 2px;
	line-height: 3;
}

#cart3_input_form #shopDeli th {
	background-color: #505050 !important;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
	width: 130px;
}

#cart3_input_form #shopDeli span.deco01 {
	font-size: 1.4rem;
}

#cart3_input_form #shopDeli .base_fontstyle+table table tr:first-of-type td {
	background-color: #efe9df !important;
}

#cart3_input_form #shopDeli .base_fontstyle+table tr td {
	font-size: 1.4rem !important;
}

#cart3_input_form #shopDeli .base_fontstyle+table tr td:nth-child(even) {
	width: 1px !important;
}

#cart3_input_form #shopDeli textarea {
	width: 550px;
}

/* 前回利用クレジット登録機能なし */
.zenkai_riyou {
	display: none;
}

.nyuryoku_annnai {
	color: #f33;
}

/*--お支払方法--*/
#payment {
	font-size: 1.4rem;
	line-height: 30px;
	width: auto;
	margin-bottom: 50px;
}

#payment li {
	border-top: 1px solid #dbdbdb;
	border-bottom: none;
	padding: 15px 0;
}

#payment li label {
	font-size: 1.6rem;
	font-weight: bold;
}

table#shopDeli {
	width: auto;
	font-size: 81%;
	border: 1px solid #959595;
}

table#shopDeli td {
	width: 647px;
	/*background-color: #fff;*/
	font-size: 1.4rem;
}

/* 複数宛先指定時の見出し「お届け先（1）」 */
table#shopDeli td[colspan="2"] {
	background: #505050;
	color: #fff;
	font-weight: bold;
}

/* 手提げ・のしサンプル画像 */
#shopDeli .op_shopper {
	font-size: 1.3rem;
	width: 300px;
	text-align: center;
}

#shopDeli .op_noshi {
	width: 280px;
	margin: 10px 10px 0;
	display: inline-block;
	text-align: center;
	font-size: 1.3rem;
}

#shopDeli .op_noshi img {
	border: solid 1px #e8e8e8;
}

#shopDeli .op_noshi+span {
	display: inline-block;
}

#shopDeli .op_noshi:last-of-type {
	margin-bottom: 20px;
}

/* ------------------------------------ 
            
            確認画面 (cart4)
            
-------------------------------------- */
#confirmWrap {
	width: 950px;
	background: none;
	padding: 20px 30px 30px;
	box-sizing: border-box;
	box-shadow: none;
	border-radius: 0px;
	margin: 0 auto;
}

#confirmWrap #payway_txt {
	margin: 30px 0;
	font-size: 1.7rem;
}

#confirmWrap .note2 {
	font-size: 1.4rem;
	line-height: 30px;
	width: 800px;
	margin-bottom: 30px;
}

#confirm {
	width: auto;
	margin: 0;
}

#confirmWrap #confirm_alpha table {
	font-size: 1.4rem;
}

#confirm table {
	font-size: 81%;
	width: auto;
	border: 1px solid #505050;
	/*background-color: #fff;*/
	margin-bottom: 20px;
}

#confirm table caption {
	width: auto;
	border-top: 1px solid #505050;
	border-right: 1px solid #505050;
	border-left: 1px solid #505050;
	font-weight: bold;
	padding: 10px;
	background-color: #505050;
	color: #fff;
}

#confirm table th {
	width: 180px;
	text-align: left;
	padding-left: 20px;
}

/* （注文者ではなく）お届け先表 */
#confirm table.schedule td,
#confirm table.schedule td span {
	color: #f22;
}

/* 注文最終確認画面の右　ご注文内容 とその下の 所持ポイント */
.confirm_beta {
	width: 34%;
	padding: 10px 20px 20px;
	float: right;
	border-radius: 0;
	background-color: #ddd !important;
	border: none;
}

.confirm_beta p,
.confirm_beta dl dt,
.confirm_beta dl dd {
	font-size: 1.4rem !important;
}

.confirm_beta div {
	font-size: 1.2rem !important;
	text-indent: -1em;
	margin: 10px 0 0 1em;
}

.receive_method_title {
	background-color: #261616 !important;
}

.confirm_beta table#tax_detail {
	margin-left: auto !important;
	margin-right: 10px;
	margin-bottom: 0;
	background-color: transparent;
	font-size: 1.2rem;
	border-collapse: collapse;
	border: none;
}

.confirm_beta table#tax_detail td.tax_detail_left {
	width: 130px;
	height: 21px;
	padding: 0px;
	text-align: left;
}

.confirm_beta table#tax_detail td.tax_detail_right {
	width: 80px;
	height: 21px;
	padding: 0px;
	text-align: right;
}



/* 複数宛先指定時「お届け先（2）はこちら」 */
#confirm table caption a {
	color: #fcf0e0;
}

#confirm table caption a:hover {
	color: #616161;
}

/* 返品交換について */
#aboutReturn {
	width: auto;
	margin: 40px 0 30px;
}

#aboutReturn p.title {
	font-size: 1.4rem;
	border-bottom: #505050 solid 1px;
	font-weight: bold;
	padding-bottom: 5px;
}

#aboutReturn dd {
	width: 85%;
	margin: 0 0 10px 100px;
}

/* ------------------------------------ 
            
            注文完了 (cart5)
            
-------------------------------------- */
#tableWrap #message .title {
	color: #f00;
	font-size: 2.3rem;
	margin-bottom: 20px;
}

#tableWrap #message {
	margin: 0 auto;
	width: 800px;
	line-height: 30px;
}

#tableWrap #message p {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

#thanks {
	font-size: 1.4rem;
	margin: 0;
	text-align: center;
}

#thanks p {
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 1.5rem;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        ログイン、新規会員登録、パスワード送信
            
-------*-------*-------*-------*-------*-------*-------*-------*/

/* ------------------------------------ 
            
		ログイン (login、cart_login)
            
-------------------------------------- */
#login {
	margin-bottom: 30px;
	overflow: hidden;
}

#login .note {
	display: block;
}

#login #dlWrap {
	width: 90%;
	margin: 0 auto;
}

#login #dlWrap dl:not(#guest) {
	color: #505050;
	font-size: 1.3rem;
	width: 48%;
	height: 360px;
	float: left;
	border-radius: 0;
	box-shadow: none;
	padding: 20px 30px;
	box-sizing: border-box;
	margin-right: 10px;
	border: solid 1px #ababab;
}

#login #dlWrap dt {
	padding: 10px;
	border: none;
	background-color: #c0c0c0;
	color: #000;
	font-weight: bold;
}

#login #dlWrap dd {
	padding: 20px 0;
	text-align: center;
}

#login #dlWrap dl#signin dd #idpass {
	margin: 20px 0 10px;
	border: none;
	border-radius: 0;
}

#login #dlWrap dl#signin dd #idpass th,
#login #dlWrap dl#signin dd #idpass td {
	padding: 5px 10px;
	border: none;
}

#login #dlWrap dl#signin dd #idpass th {
	font-size: 1.4rem;
	background: none;
	font-weight: bold;
	width: 90px;
}

#login #dlWrap dl#signin dd #idpass input {
	width: 95%;
	padding: 10px;
}

/* パスワードをお忘れの場合はこちら */
#login #dlWrap dd div.hint {
	font-size: 1.4rem;
	transition: background 0.3s;
	margin-bottom: 7px;
	width: auto;
	display: inline-block;
}

#passwordblk #inputmail p {
	font-size: 100%;
}

#signup470 dd .note a {
	font-weight: normal;
}

#login #dlWrap dd div.hint:hover,
#signup470 dd .note a:hover,
#login #dlWrap dl#signup .note a:hover {
	opacity: 0.7;
}

#login #dlWrap dl#signin {
	position: relative;
	text-align: center;
}

#login #dlWrap dl#signup {
	height: 360px;
	float: right;
}

#login #dlWrap dl#guest {
	height: 0;
	text-align: center;
	background: none;
	padding: 0;
}

#guest dt {
	display: none;
}

/* アカウントをお持ちでない方 ＞ 初めてご利用になる方へ */
#login #dlWrap dl#signup dd .sub {
	padding: 0;
}

/* ------------------------------------ 
            
            会員登録(user_add)
            
-------------------------------------- */
/*--------利用規約(user_add1)---------*/
#policy {
	width: 950px;
	padding-top: 30px;
	/*background-color: #fff;*/
	box-shadow: none;
	padding: 20px 30px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;
}

/*--------メール・パスワード入力(user_add2)---------*/
#user_add2_form #mail_pass_table tr {
	height: 110px;
	font-weight: bold;
}

#user_add2_form #mail_pass_form {
	padding: 10px 0;
	border-bottom: none;
	width: 560px;
	font-size: 1.3rem;
	margin: 30px auto;
	text-align: left;
}

#user_add2_form #mail_pass_table input {
	background-color: #fff !important;
	margin-bottom: 0;
	padding: 7px 10px;
}

#mail_pass_table tr:first-of-type td {
	padding-bottom: 40px;
}

/* ------------------------------------ 
            
    パスワード送信ページ (password)
            
-------------------------------------- */
#passwordblk #inputmail input {
	background-color: #fff !important;
	border: solid 1px #a9a9a9 !important;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        個人情報・特定商取引法・お問い合わせ
            
-------*-------*-------*-------*-------*-------*-------*-------*/
#shopinfo {
	width: 800px;
	margin: 35px auto;
	/* background-color: #111; */
	padding: 30px 30px 50px;
	overflow: hidden;
	box-sizing: border-box;
}

#shopinfo h2 {
	margin-bottom: 45px;
}

#shopinfo dt {
	font-size: 1.5rem;
}

#shopinfo h3 {
	border-bottom: 3px solid #69dad8 !important;
	color: #69dad8 !important;
	font-size: 23px !important;
	font-size: 2.3rem !important;
	height: 35px;
}

#shopinfo a.btn01 {
	background: #69dad8;
	color: #fff;
	text-decoration: none;
	padding: 8px 5px;
	text-align: center;
	font-size: 20px;
	width: 70%;
	box-sizing: border-box;
	height: 50px;
	display: block;
	margin: 15px auto;
	border: 2px solid #69dad8;
	line-height: 1.3em;
	transition: 0.3s;
}

#shopinfo a.btn01:hover {
	opacity: 0.7;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        クレジットカード支払い
            
-------*-------*-------*-------*-------*-------*-------*-------*/
#card_input_form #card_submit_button {
	background: #de5a00;
	border: none !important;
	color: #fff;
	font-weight: 700;
	padding: 12px 0;
	width: 162px;
	border-radius: 3px;
}

#card_input_form #card_submit_button:hover {
	opacity: .7 !important;
}

/* #card_input_form tr:not(:last-of-type) {
	background-color: #eee;
} */

/*------/*------/*------/*------/*------/*------/*------/*------
            
        ご利用ガイド
            
-------*-------*-------*-------*-------*-------*-------*-------*/
/* お買い物ガイド サイドバーなし */
#guideinfo {
	/* background: #fff;*/
	box-shadow: none;
	padding: 20px 30px;
	margin: 37px auto;
	overflow: hidden;
	width: 800px;
}

/* お買い物ガイド サイドバーあり */
#guideinfo.side_guide {
	margin: 37px 0 0 330px;
}

#guideinfo #newsbox #nh_title {
	color: #f55;
}

#henpin_kigen,
#henpin_send {
	font-size: 100%;
	line-height: 30px;
	padding: 10px;
	width: 600px;
	margin: 0 auto;
}

#guideinfo dl {
	margin-bottom: 20px;
}

#guideinfo dl img {
	display: none;
}

#guideinfo dl.guide_op {
	margin-top: 10px;
}

#guideinfo dl.guide_op dt {
	margin-bottom: 0;
}

#guideinfo dl.guide_noshi dd {
	margin-bottom: 10px !important;
}

#guideinfo dl.guide_op div {
	display: inline-block;
	width: 330px;
	margin-right: 20px;
}

#guideinfo dl.guide_op dd {
	margin-bottom: 0;
}

#guideinfo dl.guide_op img {
	display: inline-block;
	border: solid 1px #ccc;
}

/* ---- guide ショッピングの流れ ---- */
#guideinfo h3 {
	border-bottom: 1px solid #505050;
	font-weight: bold;
}

#guideinfo dl dt {
	margin-bottom: 10px;
}

#guideinfo dl dd {
	line-height: 1.8;
	padding-left: 15px;
	margin-bottom: 30px;
}

/* ---- guide_shop 会員について ---- */

#guideinfo .clearfix+div {
	border: none !important;
}

#guideinfo h4 {
	border-bottom: 1px solid #505050;
	padding: 0 .5em .5em 0;
	font-weight: bold;
	position: relative;
}

#guideinfo h5 {
	padding: 0 .5em .5em 0;
	font-weight: bold;
	font-size: 1.5rem;
}

#guideinfo h4::after {
	display: none;
}

#memberinfo {
	padding: 0;
	padding-top: 20px;
}

#memberinfo .pagetop a {
	display: none;
}

#memberinfo .subcontent {
	margin: 20px 20px 40px 20px;
	padding-left: 0;
}

#memberinfo .subcontent .arrow {
	background-color: #fff;
	border: none;
	border-radius: 0;
	padding: 0;
}

#memberinfo .subcontent .arrow span {
	color: #505050 !important;
}

#guideinfo .card_img {
	margin: 13px auto;
	text-align: center;
}

#guideinfo .card_img img {
	width: 170px;
	border: solid #ccc 1px;
	border-radius: 8px;
}

#guideinfo .card_img p {
	color: #505050;
	padding: 0;
	text-align: center;
	font-size: 1.2rem;
}


/* ---- guide_add_page_paysend お支払・送料 ---- */
#guideinfo #paybox,
#guideinfo #sendbox,
#guideinfo #returnbox {
	padding: 0 20px;
	font-size: 100%;
	line-height: 20px;
	margin-bottom: -8px;
}

/* 送料テーブル */
#send_mst_lsit td {
	padding: 0 10px;
	font-size: 1.2rem;
	/* background-color: #111 !important; */
	background-color: var(--pallet-gray) !important;
}

/* 偶数行の背景色変更 */
#send_mst_lsit tbody tr:nth-child(odd) {
	background-color: #111 !important
		background-color: var(--pallet-gray) !important;
}

/* 見出し行 */
#send_mst_lsit tbody tr:first-of-type {
	background-color: #aaa !important;
	color: #fff;
	font-size: 1.5rem;
}

/* ---- guide_houmon　特定商取引法---- */

#shopinfo ul {
	font-size: 100%;
	width: 740px;
	line-height: 30px;
	border-top: none;
}

#shopinfo ul li {
	border-bottom: 1px dotted #9a9a9a;
	padding: 15px 0;
	overflow: hidden;
}

#shopinfo ul li:last-of-type {
	border-bottom: none;
}

/* ---- guide_otoiawase　お店情報 お問い合わせ---- */
#shopinfo h3 {
	border-bottom: none !important;
	color: #505050 !important;
	font-size: 23px !important;
	font-size: 2.3rem !important;
	height: 35px;
}

#shopinfo h3:last-of-type {
	margin-top: 20px;
}

/* ---- guide_aboutinfo ---- */
#shopinfo a.btn01 {
	color: #fff;
	padding: 16px 8px;
	font-size: 15px;
	width: 250px;
	background: #6a9655;
	border: solid 1px #7a8b72;
	border-radius: 3px;
}

/*------/*------/*------/*------/*------/*------/*------/*------
            
        アカウントサービス
            
-------*-------*-------*-------*-------*-------*-------*-------*/

/*-----  各画面共通tableフォームスタイル,パンくず ----- */
#acountservice {
	width: 950px;
	box-shadow: none;
	padding: 20px 30px;
}

/* ---- member_menu ログイン後---- */

#acountservice h3 {
	border-bottom: 1px solid #505050;
}

#acountservice table.acountmenu th,
#acountservice table.acountmenu td {
	text-align: left;
	padding: 15px 0;
}

#acountservice .acountmenu tr {
	border-bottom: none !important;
}

#acountservice table.acountmenu a {
	color: #d2d2d2 !important;
	font-weight: bold;
	border-bottom: solid 1px #d2d2d2;
}

#acountservice table.acountmenu a:hover {
	color: #616161;
}

#acountpankuzu {
	margin: 10px 0 20px 20px;
	margin-left: 20px;
	font-size: 1.3rem;
}



/* ------------------------------------ 
            
	ご購入履歴 (buy_history)
            
-------------------------------------- */

#acountservice table.listtable a {
	color: #f55;
}

#acountservice table.listtable .title_tr {
	background-color: #ddd;
}

#acountservice .shopname,
#acountservice .nowpoint {
	color: #f55;
}

/* ------------------------------------ 
            
	ご購入履歴詳細 (buy_history_detail)
            
-------------------------------------- */
#acountservice table.detailtable a {
	color: #f55;
}

#acountservice table.detailtable th {
	background-color: #ddd;
}

/* ------------------------------------ 
            
	登録者情報変更 (change_info)
            
-------------------------------------- */
#acountWrap table.changeInfo {
	width: 800px;
	margin: 20px 0 10px;
}

#acountWrap table.changeInfo th,
#acountWrap table.changeInfo td {
	padding: 15px 0;
}

#acountservice h3+div {
	text-align: left !important;
	margin-left: 45px;
}

/* ------------------------------------ 
            
	お届け先リスト(deli_send_list)
            
-------------------------------------- */
#acountservice table.delitable a {
	color: #f55;
}

#acountservice .shopname,
#acountservice .nowpoint {
	color: #f55;
}

/* ------------------------------------ 
            
            登録解除(withdrawal)
            
-------------------------------------- */
#withdrawalblk {
	/*background-color: #fff;*/
	box-shadow: none;
	padding: 20px 30px;
}

/* パンくずリストのスタイル */
#pankuzu {
	font-size: 1.3rem;
	margin-top: 10px;
	margin-left: 20px;
}

#tag_pankuzu {
	font-size: 1.1rem;
	margin: -15px 0 26px;
}

/*  クーポン関係  */


.cart3_tls_error {
	color: #FF0000;
	font-size: 1.6rem;
	font-weight: normal;
}

/* 店舗情報 */
.shopinfo01 {
	padding-bottom: 30px;
	border-bottom: 1px dashed;
	border-bottom: 1px dotted #aaa49d;
}

.shopinfo02 {
	margin-top: 45px;
}

/* 管理者プレビュー画面の注意文言 */
.admin_mode_disp {
	position: relative;
	top: -9px;
	left: 500px;
	display: inline-block;
}

#errorArea {
	width: 100%;
	max-width: 850px;
	padding-bottom: 15px;
}

.error_title {
	padding: 5px 10px;
}

#errorTable {
	width: 97%;
	margin: 0 auto;
}

#errorTable th {
	padding: 3px;
}

/* ページネーションと並べ替え */
/* #pagenate+div>p[style="float:right;padding:0 15px"] {
	color: #fff;
} */

#pagenate+div>p[style="float:right;padding:0 15px"]:before {
	content: "並び替え：";
	/* color: #fff; */
	font-size: 1.3rem;
}

#tag_main_txt {
	/* color: #E2C482; */
	color: var(--pallet-gold);
}

/* 詰合せ商品金額 */
#pack_area {
	border: none;
}

#pack_area .item_list {
	border: none;
}

#pack_area select {
	margin-right: 7px;
}

/* オリジナルメッセージボックス(タグ) */
.tag_msg_box .pc_l,
.tag_msg_box .pc_r {
	display: inline-block;
	width: 398px;
	box-sizing: border-box;
	vertical-align: top;
}

.tag_msg_box .pc_r {
	padding-left: 28px;
}

.tag_msg_box p {
	font-size: 1.5rem;
}

.tag_msg_box h3 {
	font-size: 3.9rem;
	margin-bottom: 20px;
}

.tag_msg_box h3 span {
	font-size: 1.4rem;
	color: #E2C482;
}

.tag_msg_box .type {
	margin-top: 40px;
	text-align: center;
	padding-top: 20px;
	border-top: solid 1px #ccc;
}

.tag_msg_box .type img {
	display: inline-block;
	width: 227px;
	padding-right: 12px;
}

.tag_msg_box .type img:last-of-type {
	padding-right: 0;
}

.tag_msgbox_noitem+#noitempage {
	display: none;
}

.tag_msg_box .obi_select {
	text-align: center;
	margin-top: 30px;
	padding-bottom: 0;
}

.tag_msg_box .obi_select+span {
	display: block;
	text-align: center;
	font-size: 1.3rem;
	margin-bottom: 15px;
}

.tag_msg_box .div_obi {
	text-align: center;
}

.tag_msg_box .div_obi a {
	display: inline-block;
	width: 165px;
	padding-right: 15px;
}

.tag_msg_box .flex_div:last-of-type a:last-of-type {
	padding-right: 0;
}

.tag_msg_box .div_obi a p {
	text-align: center;
	color: #FFAA47;
}

.tag_msg_box .div_obi a img {
	border: solid 2px #e7cf81;
	box-sizing: border-box;
}

.tag_msg_box .flex_div {
	display: inline-block;
}

/* 2020クリスマス商品ページTOPイメージ */
#xmas2020tagbn_wrap {
	display: flex;
	width: 800px;
	height: 450px;
}

#xmas2020tagbn_img {
	width: 67%;
}

#xmas2020tagbn_desc {
	width: 33%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	margin: 25px auto;
	padding-bottom: 2px;
}

#xmas2020tagbn_desc img {
	width: 80%;
	margin-top: 12px;
}

#uketsuke_p {
	margin-top: -52px;
}

/* 2020クリスマス商品ページTOPイメージ ここまで*/


/* 2021バレンタイン商品ページTOPイメージ */
.vt2021_tagbn_wrap {
	position: relative;
	width: 800px;
}

.pdf_link_btn {
	position: absolute;
	bottom: 100px;
	color: #000;
	background: #fff;
	padding: 0px 18px;
	margin-left: 38%;
}

/* 2021バレンタイン商品ページTOPイメージ ここまで*/


/* 商品詳細説明に入れる画像調整 　和三盆ロールとか */
.roll_item_add {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 20px;
}

.roll_item_add div:first-of-type {
	margin-right: 30px;
}

.roll_item_add dt {
	margin-bottom: 5px;
}

.roll_item_add dd {
	color: #e2c482;
}


/*　font指定　*/
.cate_01 ul li.first span:not(.h_notes),
.cate_02 ul li.first span:not(.h_notes),
.dai_cate_title span:not(.h_notes),
.site-footer .container .footer-nav .nav-item .title,
.h2_rec,
.h2_cat,
.container .site-nav .pc-nav .nav-item a,
.copyright,
.cat_mt a span {
	/* font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-transform: capitalize;
}


/*　見出しアイコン　*/
/* .cate_01 ul li.first span:not(.h_notes):before,
.h2_rec:before,
.h2_cat:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 10px 4px 0;
	background-image: url(../images/h_icon.png);
	background-size: contain;
	vertical-align: middle;
}


	{
	border: 1px solid #fff;
	padding: 2px 5px;
} */


.auto_cat .h_entit {
	display: block;
}

.auto_cat .entit {
	display: block;
}

#com_menu_class {
    /* border: 1px solid #fff; */
    border: 1px solid #ccc;
    padding: 8px 20px;
    background: #eee;
	font-size: 1.5rem;
	margin-top: 12px;
	display: block;
	font-family: 'Noto Sans Japanese',
	"Helvetica Neue",
	Arial,
	"Hiragino Kaku Gothic ProN",
	"Hiragino Sans",
	Meiryo,
	sans-serif;
}

#auto_cat_2 li {
	margin-top: 3px !important
}


.newclass:before {
	background-image: url("../images/new.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	width: 30px;
	height: 25px;
	position: relative;
	top: 15px;
	margin-right: 1px;
}

.cat_mt .fsml {
	font-weight: normal !important;
	font-size: 1.4rem !important;
	font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*sidemenuに画像を貼る（PC）*/
#side_menu_contents div.side_list .side_menu_image {
	width: 50px;
	height: 50px;
	margin-right: 2px;
	vertical-align: middle;
}

/* Q&A(guid.phtml) */
#guideinfo .qa_group {
	font-size: 1.8rem !important;
	font-weight: bold;
	font-family: sans-serif, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	border-bottom: 1.5px solid #000;
	padding: 3px 30.5em 0.5em 0.5em;
	position: relative
}

#guideinfo dl.qa_item {
	padding-top: 10px;
}

#guideinfo dt.qa_item_title {
	font-size: 1.4rem !important font-family:sans-serif, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	font-weight: bold;
	padding: 10px 10px 10px 35px;
	color: #fff;
	/*Ｑ＆ＡのＱ部分の文字色*/
	background: #db3c3c;
	/*Ｑ＆ＡのＡ部分の背景色*/
	text-indent: -25px;
}

#guideinfo dt.qa_item_title:before {
	content: "Q.";
	color: #fff;
	font-weight: bold;
	margin-right: 2px;
}

#guideinfo dd.qa_item_body {
	margin: 20px 10px 40px 35px;
	text-indent: -25px;
}

#guideinfo dd.qa_item_body:before {
	content: "A.";
	color: #2672b1;
	font-weight: bold;
	margin-right: 2px;
}

#guideinfo dd.qa_item_body a {
	color: #AA00FF;
	cursor: pointer;
}

#guideinfo dd.qa_item_body a:hover {
	background: none;
	color: #c11a1d;
}

/* お届け先 */
#division_select {
	padding: 10px 0 10px 16px;
	border-top: solid 1px;
	/* background-color: #502f14; */
	width: 384px;
}

#division_select span {
	font-weight: bold;
}

/* 受取店舗 */
#pos_shop_select {
	padding: 10px 0 10px 16px;
	padding-top: 10px;
	border-top: solid 1px;
	background-color: #502f14;
	width: 384px;
}

#pos_shop_select select#select_pos_shop {
	max-width: 250px;
}

#pos_shop_select select#select_pos_shop option.soldout {
	background-color: darkgray;
}

#pos_shop_select span#not_pos_shop_caution {
	font-weight: bold;
	color: red;
}

/* お届け日（受取日） */
#carry_date_select {
	padding: 10px 0 10px 16px;
	border-top: solid 1px;
	border-bottom: solid 1px;
	/* background-color: #502f14; */
	width: 384px;
}

#carry_date_select span {
	font-weight: bold;
}

#carry_date_select select#carry_date.disabled {
	background-color: #a9a9a9;
}

#carry_date_select select#carry_date option.soldout {
	background-color: darkgray;
}

#carry_date_select span#not_carry_date_caution {
	font-weight: bold;
	color: red;
}

/* 商品個数 */
.quantity_select.disabled {
	background-color: #a9a9a9 !important;
}

/* 230824追記 */
.t46_ps_title {
	font-size: 20px;
	color: #ff0000;
}

#t46_ps_title2 {
	padding-left: 14px;
}

.mv_frame_wrap {
	text-align: center;
}

.mv_frame_wrap iframe {
	width: 640px;
	height: 360px;
}

/* 在庫切れアイコン */
.stockout_imgwrap {
	position: relative;
	display: inline-block;
	overflow: hidden;
	background: #000;
}

.stockout_imgwrap img {
	opacity: 0.5;
}

@-moz-document url-prefix() {
	.stockout_imgwrap .stockout_caption {
		margin-bottom: -8px;
	}
}

.stockout_imgwrap span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 150%;
	color: #fff;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	padding: 20px;
	border-radius: 10px;
}

/* 一部在庫切れアイコン */
.stockout_part_imgwrap {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.stockout_part_imgwrap .stockout_part_caption {
	display: inline;
}

.stockout_part_imgwrap .stockout_part_caption span {
	position: absolute;
	display: inline-block;
	top: 20px;
	left: -25px;
	width: 100px;
	padding: 2px 10px;
	background: #cc0c0c;
	color: #fff;
	text-align: center;
	transform: rotate(-45deg);
}

.bn_c_desc {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	padding-block: 16px;
	line-height: 1.5;
}

/* ----------cart23Ver20 cart.html（ログインフォーム）とlogin.html共通----------------- */
/* カート画面 */
.cart_login_wrapper {
	width: 85%;
	margin: 0 auto;
	padding-bottom: 30px;
}

/* ヘッダーからのログイン画面 */
.login_wrapper {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}

.pos_member_card_notice {
	margin-bottom: 15px;
}

/* カード・アプリ会員システムを使用しない場合のgrid */
.login_form_container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: minmax(10px, auto);
	gap: 20px;
}

.login_form_container__grid_item {
	padding: 20px;
	margin-bottom: 3px;
	/* box-shadowが隠れないようにするため */
}

/* カード・アプリ会員システムを使用する場合のgrid */
.login_form_container_with_card_app {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: minmax(10px, auto);
	gap: 20px;
}

.login_form_container_with_card_app__grid_item {
	padding: 20px;
}

.login_form_container_with_card_app__grid_item--sign_up {
	/* box-shadowが隠れないようにするため */
	margin-bottom: 3px;
}

/* カード・アプリ会員システムを使用する場合の会員タイプごとのgrid */
.sign_up_container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-template-rows: minmax(10px, auto);
	gap: 20px;
}

.sign_up_container__grid_item {
	padding: 20px;
}

/* 共通のスタイル */
.login_form_container__grid_item,
.login_form_container_with_card_app__grid_item,
.sign_up_container__grid_item {
	font-size: 1.3rem;
	box-sizing: border-box;
	border: solid 1px #ababab;
}

.login_title {
	font-size: 1.6rem;
	text-align: center;
	font-weight: 700;
	padding: 10px;
	background-color: #c0c0c0;
	color: #000;
}

/* リンク */
.login_link {
	font-weight: 700;
	color: #000;
	background: #E2C482;
}

.login_link:hover {
	/*color: inherit;*/
	opacity: .7;
}

/* ボタン */
.sign_in_button_area {
	padding-bottom: 10px;
	padding-top: 30px;
}

.member_type_contents__button_area {
	padding: 10px 0;
}

/* ボタン共通 */
.login_button {
	display: block;
	margin: 0 auto;
	width: 200px;
	height: 45px;
	border-radius: 3px;
	font-weight: 700;
	font-size: 1.4rem;
}

.login_button:hover {
	opacity: 0.8;
}

/* 「ログイン」ボタン */
.login_button--sign_in {
	font-size: 1.5rem;
	background: #de5a00;
	border: none;
	color: #fff;
}

/* 「新規会員登録」ボタン */
.login_button--sign_up {
	background: #de5a00;
	border: none;
	color: #fff;
}

/* 「会員登録せずに購入する」ボタン */
.login_button--guest {
	margin-top: 10px;
	background: #b8b8b8;
	border: solid 1px #8c8b8b;
	color: #fff;
}

/* カード・アプリ会員システムを使用しない場合のボタン（横並びにするため） */
.sign_up_button_area {
	display: flex;
	justify-content: space-between;
	width: 85%;
	margin: 0 auto;
}

.login_button--horizontal {
	width: 46%;
	min-width: 160px;
	margin: 0;
}

/* 「オンラインショップ会員の方はこちら」の内容 */
.sign_in_message_area {
	padding: 20px 0;
}

.sign_in_message {
	width: fit-content;
	margin: 0 auto;
}

/* ログインフォーム */
.sign_in_form,
.sign_in_form_with_card_app {
	padding-bottom: 20px;
}

.sign_in_form__item,
.sign_in_form_with_card_app__item {
	width: fit-content;
	margin: 0 auto;
}

.sign_in_form__item--password,
.sign_in_form_with_card_app__item--password {
	padding-top: 10px;
}

.sign_in_form__item label,
.sign_in_form_with_card_app__item label {
	font-weight: 700;
	font-size: 1.4rem;
}

.sign_in_form__item input,
.sign_in_form_with_card_app__item input {
	padding: 10px;
	width: 300px;
	box-sizing: border-box;
}

/* カード・アプリ会員システムを使用しない場合 */
.sign_in_form__item label {
	display: block;
}

/* カード・アプリ会員システムを使用する場合 */
.sign_in_form_with_card_app__item label {
	display: inline-block;
	width: 150px;
	text-align: center;
}

.sign_in_hint {
	width: fit-content;
	margin: 0 auto;
	font-size: 1.4rem;
}

/* 「初めて購入される方はこちら」の内容 */
.sign_up_message,
.sign_up_message_with_card_app {
	padding: 20px 0;
	width: fit-content;
	max-width: 95%;
	margin: 0 auto;
}

.sign_up_message__title {
	font-weight: 700;
}

.sign_up_message--2 {
	padding-top: 10px;
	font-weight: 700;
}

/* カード・アプリ会員システムを使用する場合の会員タイプごとのgridの内容*/
.member_type_title {
	font-size: 1.4rem;
	text-align: center;
	font-weight: 700;
	padding: 10px;
	background-color: #c0c0c0;
	color: #000;
}

.member_type_contents__text {
	width: fit-content;
	padding: 15px;
	margin: 0 auto;
}

.member_type_contents__img {
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}

/* spモード用 改行タグ(PCでは非表示) */
.login_form_br_for_sp {
	display: none;
}

/*--------カードorアプリの会員情報入力（user_add1_2.html）---------*/
.user_add1_2_title {
	font-weight: 700;
}

.user_add1_2_form {
	text-align: left;
	width: fit-content;
	margin: 0 auto;
	padding: 20px 0 35px 0;
}

.user_add1_2_form__input_item {
	padding: 5px 0;
}

.user_add1_2_form__input_item label {
	display: block;
	font-weight: 700;
}

.user_add1_2_form__input_item input {
	padding: 7px 10px;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.user_add1_2_form__input_item--phone {
	padding: 25px 0 0 0;
}

.user_add1_2_form_text {
	width: fit-content;
	text-align: left;
	margin: 0 auto;
}

/* ボタンエリア */
.user_add1_2_button_area {
	width: 360px;
	margin: 0 auto;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.user_add1_2_button:hover {
	opacity: .7;
}

/* ボタン共通 */
.user_add1_2_button {
	width: 150px;
	height: 45px;
	text-align: center;
	font-weight: 700;
	font-size: 1.4rem;
	border-radius: 3px;
}

/* 「次へ進む」ボタン */
.user_add1_2_button--agree {
	background: #de5a00;
	border: none;
	color: #fff;
}

/* 「戻る」ボタン */
.user_add1_2_button--no_agree {
	background: #b8b8b8;
	border: none;
	color: #fff;
}

/* ----------cart2.html（cart23Ver20）----------------- */
/* input欄を非活性にする際のスタイル */
input[readonly] {
	color: #555;
	background-color: #f2f2f2;
	cursor: default;
}


/* ----------TOPページ「メールが届かないお客様へ」----------------- */
.attention {
	padding-top: 20px;
	padding-bottom: 30px;
	text-align: center;
}

.attention_txt::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/icon_attention.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 5px;
}

.attention_txt {
	color: #f00;
	font-size: 18px;
	line-height: 2;
	padding: 0;
	font-weight: bold;
}


/* 2024 xmas */
#xmas2024tagbn_img {
  margin: 30px 0;
}

#xmas24tagbn_wrap #tagbn_pdflink span {
  background: #2b0a03;
  padding: 5px 28px;
  text-align: center;
  font-size: 22px;
  font-weight:bold;
  color:#fff;
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#xmas24tagbn_wrap #tagbn_pdflink span a{
	color:#fff;
    font-weight:bold;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.border{
    /*コレ*/border-bottom: 1px solid #2b0a03;
    padding: 10px;
    margin: 2% auto 1%;
    font-size: 20px;
      font-weight:bold;
    color:#2b0a03;
    width: 56%;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.c_kikan{
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #2b0a03;
    font-size:4.5rem;
    font-weight:bold;
}

.youbi{
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #2b0a03;
    font-size:18px;
    font-weight:bold;
}

.midashi{
    padding: 10px;
    margin: 2% auto 0;
    font-size: 20px;
      font-weight:bold;
    color:#2b0a03;
    width: 50%;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.ginza{
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#c44c2a;
    font-size:21px;
    font-weight:bold;
}

.yoshikawa{
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#5c6b44;
    font-size:21px;
    font-weight:bold;
}

#xmas24tagbn_wrap #tagbn_notes p{
	color:#2b0a03;
	padding:0;
	width:650px;
	margin:0 auto ;
	display:block;
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Sawarabi Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:14px;
    font-weight:bold;
	font-feature-settings: "palt";
}
/*#xmas24tagbn_wrap #tagbn_notes p::before{
	content:"※";
}*/

#cart3_discount_select_table input#coupon_code::placeholder {
	color: #666;
}