@charset "UTF-8";

/* =======================================================================
CSSの名前：style.css 
最終更新日時：2023/3/13
--------------------------------------------------------------------------
1.リセット
2.基本設定
3.ヘッダー
4.トップページ
5.商品一覧
6.商品詳細
7.カート系
8.その他のページ
9.メッセージ
10.フッター
11.静的ページ
12.クレジットカード情報ページ
13.購入履歴ページ
14.アドレス帳
15.カートに入った報告ポップアップ
16.お気に入りリスト
======================================================================= */


/* =================================================================
1.リセット
使用ファイル：すべてのファイル

html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
=================================================================*/

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; background:transparent; outline:0; font-size:100%; vertical-align:baseline;}

input{padding:0;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; background:transparent; font-size:100%; vertical-align:baseline;}

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

/*  change colours to suit your needs
-------------------------------------------------------------*/
mark{background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted inherit; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}

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


/* =================================================================
2.基本設定
使用ファイル：すべてのファイル
=================================================================*/

html {
	height: 100%;
	font-size: 62.5%;
}

body {
	height: 100%;
	background: #FFF;
	overflow-x: hidden;
	line-height: 1;
	color: #333;
	font-size: 1.2rem;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}

h2 {
	margin-bottom: 20px;
	padding: 8px 10px;
	background-color: #000;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

/*  リンク色
-------------------------------------------------------------*/
a:link,
a:visited {
	color: #b39424;
	text-decoration: none;
}
a:link.tel,
a:visited.tel {
	color: #333;
	text-decoration: none;
}

/*  フォーム類部品
-------------------------------------------------------------*/
textarea, select, button {
	font-size: 14px;
	-webkit-appearance: none;
}
input[type="submit"],
input[type="search"],
input[type="button"] {
	-webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea {
	box-sizing: border-box;
	padding: 0 5px;
	width: 100%;
	height: 30px;
	border: solid 1px #707070;
	font-size: 14px;
	-webkit-appearance: none;
}
textarea {
	height:50px;
}
input[type="radio"],
input[type="checkbox"] {
	margin:10px;
	-webkit-transform:scale(1.6);
	transform:scale(1.6);
}
/* お問い合わせForm部品 */
.HTMLFORM_ELEMENT {
	display: block;
}
.HTMLFORM_ELEMENT input[type="radio"],
.HTMLFORM_ELEMENT input[type="checkbox"] {
	margin: 0 10px;
}
.selectArea select {
	display: block;
	padding: 0 20px 0 5px;
	width: 100%;
	height: 30px;
	border: solid 1px #707070;
	background: #fff;
}
.selectArea {
	display: block;
	position: relative;
}
.selectArea:after {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -4px;
	width: 11px;
	height: 8px;
	background: url("../images/icon_select.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.selectAreaInline {
	display: inline-block;
	position: relative;
}
.selectAreaInline select {
	display: inline-block;
	padding: 0 20px 0 5px;
	width: auto;
	height: 30px;
	border: solid 1px #707070;
	background: #fff;
}
.selectAreaInline:after{
	content: " ";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -4px;
	width: 11px;
	height: 8px;
	background: url("../images/icon_select.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/*  パンくずリスト
-------------------------------------------------------------*/
.breadcrumbs {
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 1.5;
	font-size: 1.1rem;
}

/*  ボタン
-------------------------------------------------------------*/
.btn {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 1.3rem;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: center;
	text-decoration: none;
        cursor: pointer;
}
.btn img {
	position: relative;
	top: -0.1em;
	vertical-align: middle;
}
.btnSmall {
	height: 30px;
	line-height: 30px;
}
.btnSmallest {
	height: 25px;
	line-height: 25px;
}
.btnBlack {
	border: solid 1px #d2d2d2;
	background: #000;
	color: #fff;
}
a.btnBlack, div.btnBlack {
	color: #fff;
}
.btnDarkGray {
	border: solid 1px #434343;
	background: #2f3129;
	color: #d2d2d2;
}
a.btnDarkGray, div.btnDarkGray {
	color: #d2d2d2;
}
.btnGray {
	border: solid 1px #707070;
	background: #eee;
	color: #333;
}
a.btnGray, div.btnGray {
	color: #333;
}
.btnBkBorder {
	border: solid 1px #707070;
	border-radius: 3px;
	background: #fff;
	color: #333;
}
a.btnBkBorder, div.btnBkBorder {
	color: #333;
}
.btnGold {
	border: solid 1px #b29424;
	border-radius: 3px;
	background: #b29424;
	color: #fff;
}
a.btnGold, div.btnGold {
	color: #fff;
}
.btnInactive {
	border: solid 1px #afafb0;
	border-radius: 3px;
	background: #eee;
	color: #afafb0 !important;
	cursor: default;
}
a.btnInactive, div.btnInactive {
	color: #dcdcdc;
}
div.buttonarea {
	margin: 30px 0 0;
	padding: 0 10px;
}
div.buttonarea a,
div.buttonarea input,
div.buttonarea div.btn {
	margin-bottom: 8px;
}

/* 共通クラス
-------------------------------------------------------------*/
/* 注釈 */
.attention {
	color: #333;
	font-size: 1.3rem;
	font-weight: bold;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.attention.red {
	color: #C00;
}
.attention .normal {
	font-weight: normal;
}

/* リスト */
ul.decimal li {
	list-style: decimal;
}
ul.disc li {
	list-style: disc;
}

/* 文章 */
div.sentence {
	margin: 0 15px 15px;
	line-height: 1.5;
}
div.sentence.last {
	margin-bottom: 20px;
}
div.sentence p {
	margin-bottom: 3px;
}
div.sentence p.form_attention {
	color: #707070;
	font-size: 1.1rem;
}
div.sentence.inner {
	margin: 0 25px 15px;
}

/* 下付き文字 */
.sub {
	vertical-align: sub;
}

/* ページャー
-------------------------------------------------------------*/
.pageNavi {
	margin-bottom: 40px;
	padding: 0 15px;
}
.pageNavi.first {
	margin-bottom: 8px;
}
p.pageguide {
	margin-bottom:10px;
	font-size:1.1rem;
}
.pagelink {
	width: 100%;
}
.pagelink td.button{
	width: 40px;
}
.pagelink .btn{
	width: 40px;
}
.pagelink td.link {
	text-align: center;
	vertical-align: bottom;
}
.pagelink td.link .outerBox {
	display: inline-block;
}
.pagelink td.link .outerBox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
.pagelink td.link .linkBox {
	float: left;
}
.pagelink td.link a,
.pagelink td.link .current {
	display: block;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color: #333;
}
.pagelink td.link .current {
	background: #333;
	color: #fff;
}

/* itemCarousel - 商品カルーセル
-------------------------------------------------------------*/
.carouselBox {
	padding: 0 10px;
}
.itemCarousel .box {
	padding: 0 5%;
}
.itemCarousel .img_box {
	margin-bottom: 8px;
	overflow: hidden;
}
.itemCarousel .img_box a {
	height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.itemCarousel img {
	width: auto;
    max-width: 100%;
    max-height: 160px;
    margin: 0 auto;
}
.itemCarousel h3 {
	line-height: 1.3;
	font-weight: bold;
}
.itemCarousel a {
	color: #333;
}
.itemCarousel .slick-dots {
	position: relative;
	bottom: 0;
	margin-top: 25px;
}
.itemCarousel .slick-dots li {
	margin: 0 4px;
}
.itemCarousel .slick-dots li button:before {
	font-size: 11px;
}
.itemCarousel .slick-prev,
.itemCarousel .slick-next {
	display: none !important;
}

/* slideToggle - 詳細表示
-------------------------------------------------------------*/
.detailToggle .inner {
	display: table-cell;
}
.detailToggle:after,
.detailToggle.open:after {
	content: "▼詳細表示";
	display: table-cell;
	padding-left:15px;
	width: 55px;
	color: #b29424;
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
}
.detailToggle.open:after {
	content: "▲閉じる";
}


/* =================================================================
3.ヘッダー
使用ファイル：common/header.xhtml
=================================================================*/

header p.preview{display:block; padding:5px; background:#1c8600; color:#FFF; text-align:center;}

header .fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	overflow: auto;
}

/*  headerTop - ヘッダー上段
-------------------------------------------------------------*/
header .headerTop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	background: #000;
}
header .headerTop.fixClear {
	position: relative;
}
header .headerTop:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
header .headerTop h1 {
	float: left;
	margin: 5px 0;
	padding-left: 10px;
}
header .headerTop h1 a {
	display: block;
	height: 40px;
	width: 78px;
	background: url("../images/header_logo.png") center no-repeat;
	background-size: 78px 40px;
	text-indent: -9999px;
}
header .headerTop ul {
	float: right;
	margin: 5px 0;
	padding-right: 10px;
}
header .headerTop ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
header .headerTop li,
header .headerTop li a {
	display: table-cell;
	height: 40px;
	width: 40px;
	text-align: center;
	vertical-align: middle;
}
header .headerTop li.active {
	opacity: 0.6;
}
header .itemCount {
	display: block;
	position: absolute;
	top: 8px;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background: #cc3d3d;
	color: #eee;
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
	word-wrap: normal;
}
header.headerCart .headerTop {
	position: relative;
	margin-bottom: 20px;
}

/*  headerMiddle - ヘッダー中段
-------------------------------------------------------------*/
header .headerMiddle {
	position: fixed;
	top: 49px;
	left: 0;
	z-index: 5;
	width: 100%;
	background: #000;
}
header .headerMiddle.fixClear {
	position: relative;
	top: -1px;
}
header .headerMiddle ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
header .headerMiddle li {
	float: left;
	width: 25%;
	padding: 5px 0px;
}
header .headerMiddle li a,
header .headerMiddle li p {
	display: block;
	height: 34px;
	line-height: 52px;
	border-left: solid 1px #707070;
	text-align: center;
	color: #eee;
	font-size: 1.1rem;
	font-weight: bold;
}
header .headerMiddle li:first-child p {
	border: none;
}
header .headerMiddle li.category {
	background:url("../images/icon_category.png") no-repeat center 6px;
	background-size: 15px;
}
header .headerMiddle li.categoryActive {
	border-radius: 3px 3px 0 0;
	background:url("../images/icon_category_active.png") no-repeat center 6px #eee;
	background-size: 15px;
}
header .headerMiddle li.categoryActive p {
	color: #333;
}
header .headerMiddle li.login {
	background:url("../images/icon_login.png") no-repeat center 6px;
	background-size: 15px;
}
header .headerMiddle li.logout {
	background:url("../images/icon_logout.png") no-repeat center 6px;
	background-size: 15px;
}
header .headerMiddle li.member_regist {
	background:url("../images/icon_member_regist.png") no-repeat center 6px;
	background-size: 15px;
}
header .headerMiddle li.mypage {
	background:url("../images/icon_mypage.png") no-repeat center 6px;
	background-size: 15px;
}
header .headerMiddle li.menu {
	background:url("../images/icon_menu.png") no-repeat center 6px;
	background-size: 15px;
}
header .headerMiddle li.menuActive {
	border-radius: 3px 3px 0 0;
	background:url("../images/icon_menu_active.png") no-repeat center 6px #eee;
	background-size: 15px;
}
header .headerMiddle li.menuActive p {
	border: none;
	color: #333;
}

/*  headerBottom - ヘッダー下段
-------------------------------------------------------------*/
header .headerBottom {
	position: relative;
	z-index: 1;
	background: rgba(238, 238, 238, 0.8);
	border-bottom: solid 1px #707070;
       margin: 93px 0 20px;
}
header .headerBottom ul:after {content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
header .headerBottom li {
	float: left;
	width: 50%;
}
header .headerBottom li a {
	display: block;
	height: 19px;
	line-height: 19px;
	text-align: center;
	color: #333;
	font-size: 1.1rem;
	font-weight: bold;
}
header .headerBottom li:last-child a {
	border-left: solid 1px #707070;
}

/* search - 商品検索
-------------------------------------------------------------*/
#search {
	display: none;
	position: fixed;
	top: 49px;
	left: 0;
	z-index: 10;
	padding: 6px 0;
	width: 100%;
	border-top: solid 1px #898989;
	background: #000;
}
#search table {
	width: 100%;
}
#search td {
	padding-left: 10px;
	vertical-align: middle;
}
#search td.button {
	padding: 0 10px 0 0;
	width: 50px;
}
#search .form {
	display: block;
	width: 100%;
	height: 30px;
	border: solid 1px #434343;
	background-color: #eee;
	font-size: 1.3rem;
}
#search input.btn {
	margin: 0;
	width: 50px;
}
#search:after, #search:before {
	content: " ";
	position: absolute;
	height: 0;
	width: 0;
	right: 70px;
	bottom: 100%;
	border: solid transparent;
	pointer-events: none;
}
#search:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	margin-right: -10px;
}
#search:before {
	border-color: rgba(137, 137, 137, 0);
	border-bottom-color: #898989;
	border-width: 12px;
	margin-right: -12px;
}

/* menu & category - メニュー＆カテゴリー
-------------------------------------------------------------*/
#menu,
#category {
	display:none;
	position: fixed;
	top: 93px;
	left: 0;
	z-index: 5;
	width: 100%;
}
#menu.fixClear,
#category.fixClear {
	position: absolute;
	top: 93px;
}
.dropDownMenu a,
.dropDownMenu p {
	display: block;
	padding: 0 10px 0 32px;
	height: 34px;
	line-height: 34px;
	border-bottom: solid 1px #d2d2d2;
	background:#eee;
	color: #333;
	text-align: left;
	font-weight: bold;
}
.dropDownMenu a {
	background: url("../images/icon_link.png") no-repeat 10px center #eee;
	background-size: 6px;
	color: #333;
}
.dropDownMenu .categoryList {
	background: url("../images/icon_plus_wt.png") no-repeat 10px center #313131;
	background-size: 11px;
	color: #fff;
}
.dropDownMenu .active {
	background: url("../images/icon_minus_wt.png") no-repeat 10px center #313131;
	background-size: 11px;
}
.categoryMenu .parent {
	background: url("../images/icon_plus.png") no-repeat 10px center #eee;
	background-size: 11px;
	color: #333;
}
.categoryMenu .active {
	background: url("../images/icon_minus.png") no-repeat 10px center #eee;
	background-size: 11px;
}
.categoryMenu .first a {
	padding: 0 10px 0 54px;
	background: url("../images/icon_link.png") no-repeat 32px center #fffdf7;
	background-size: 6px;
}
.categoryMenu .second a {
	padding: 0 10px 0 76px;
	background: url("../images/icon_link.png") no-repeat 54px center #fff;
	background-size: 6px;
}
.accordion ul{
	display: none;
}
.dropDownMenu .closeBtnArea {
	padding: 20px 10px 15px;
	border-bottom: solid 1px #707070;
	background: #000;
}


/* =================================================================
4.トップページ
使用ファイル：top.xhtml
=================================================================*/

/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
#mainvisual {
	padding: 0 3.125%;
	background: #000;
	text-align: center;
        margin: -40px 0 20px;
}
#mainvisual img {
	position: relative;
	top: 2px;
	max-height: 200px;
}
#mainvisual li span {
	position: relative;
	display: inline-block;
	overflow: hidden;
}
#mainvisual li span:before {
	content: " ";
	position: absolute;
	z-index: 5;
	top: -4px;
	bottom: -4px;
	left: -25px;
	width: 20px;
	-webkit-box-shadow: 15px 0 8px rgba(0, 0, 0, 1);
	box-shadow: 15px 0 8px rgba(0, 0, 0, 1);
}
#mainvisual li span:after {
	content: " ";
	position: absolute;
	z-index: 5;
	top: -4px;
	bottom: -4px;
	right: -25px;
	width: 20px;
	-webkit-box-shadow: -15px 0 8px rgba(0, 0, 0, 1);
	box-shadow: -15px 0 8px rgba(0, 0, 0, 1);
}

/* mainvisual - メインビジュアル　bx-wrapperのスタイル上書き
-------------------------------------------------------------*/
#mainvisual .bx-wrapper {
	margin: 0 auto;
}
#mainvisual .bx-viewport {
	left: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
}
#mainvisual li {
	display: none;
}
#mainvisual .bx-wrapper .bx-pager {
	right: 10px;
	bottom: 10px;
	width: auto;
	text-align: left;
}
#mainvisual .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainvisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #eee;
}
#mainvisual .bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 8px;
	width: 9px;
	height: 9px;
	background: #707070;
}
#mainvisual .bx-wrapper .bx-pager .bx-pager-item:last-child a {
	margin-right: 0;
}
#mainvisual .bx-controls-direction {
	display: none;
}

.top_rankbanner {
    height: 46px;
    width: 100%;
    text-align: center;
    background-color: #b39424;
    color: #fff;
    padding-top: 14px;
	margin: -20px 0 0;
}

.banner_sidename {
    padding-bottom: 10px;
}

.sidename_bold {
     font-size: 15px;
     font-weight: bold;
}

.sidename {
     display: inline-block; 
     padding: 20px 0;
     color: #333 !important;
}

.top_ranktopics {
      margin-bottom: 20px; 
      position: relative;
      text-align: center;
      padding-bottom: 20px;
}

/* topics - 新着情報
-------------------------------------------------------------*/
#topics {
	margin-bottom: 40px;
	padding:0 10px;
}
#topics h2 {
	padding: 5px 0;
	border-top: 3px double #b5b5b5;
	border-bottom: 3px double #b5b5b5;
	background: none;
	color: #333;
}
#topics .topics_box {
	margin-bottom: 15px;
	padding: 0 10px;
	line-height: 1.3;
}
#topics a {
	color: #333;
	font-size: 1.2rem;
}
#topics .sentence a {
	display: inline;
	color: #b39424;
}
#topics .img_box {
	margin-bottom: 5px;
	text-align: center;
}
#topics .img_box img {
	width: auto;
	max-width: 50%;
}
#topics.detail {
	padding: 0;
}

/* ranking - 売れている商品
-------------------------------------------------------------*/
#ranking {
	margin-bottom: 40px;
}

/* itemaccess - 閲覧履歴
-------------------------------------------------------------*/
#itemaccess {
	margin-bottom: 40px;
}


/* =================================================================
5.商品一覧
使用ファイル：item_list.xhtml
=================================================================*/

/* itemList - 商品一覧
-------------------------------------------------------------*/
#itemList .selectArea select {
	height: 25px;
}
#itemList .rearrange {
	width: 100%;
	margin-bottom: 10px;
}
#itemList .itemArea {
	position: relative;
	margin: 0 10px 20px;
	border-top: solid 1px #d2d2d2;
}
#itemList .itemArea:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #d2d2d2;
}
#itemList .itemArea .button {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	margin-bottom: 12px;
}
#itemList .itemArea .button span {
	display: block;
	width: 100%;
}
#itemList ul {
	display: flex;
	flex-wrap: wrap;
}
#itemList ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemList li {
	width: 50%;
	border-bottom: solid 1px #d2d2d2;
}
@media screen and (min-width: 480px) {
	#itemList li{
		width: 33.333%;
	}
}
@media screen and (min-width: 768px) {
	#itemList li{
		width: 25%;
	}
}
#itemList .box {
	padding: 20px 5%;
}
#itemList .img_box {
	position: relative;
	margin-bottom: 4px;
	text-align: center;
}
#itemList .img_box a {
	height: 160px;
	display: inline-flex;
	align-items: center;
}
#itemList .img_box img{
    width: auto;
    max-width: 100%;
    max-height: 160px;
}
#itemList img.new {
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
}
#itemList h3 {
	margin-bottom: 10px;
}
#itemList h3 a {
	display: block;
	padding: 0 1px;
	line-height: 1.3;
	color: #333;
	font-size: 1.2rem;
	font-weight: bold;
}
.list_message {
       color: #cc3d3d;
       font-size: 14px;
       margin-bottom: 10px;
       line-height: 20px;
}

/* =================================================================
6.商品詳細
使用ファイル：item_detail.xhtml
=================================================================*/

/* itemDetail - 商品詳細
-------------------------------------------------------------*/
#itemDetail {
	margin-bottom: 40px;
}
#itemInfo {
	margin-bottom: 10px;
	padding: 0 10px;
}
#products {
	position: relative;
}
#products,
#itemDetail h3,
#itemDetail .mustlogin p,
#itemDetail .dicsountOuter,
#itemDetail .infoOuter,
#itemDetail .amountOuter,
#itemDetail .priceOuter {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 400px;
}
#products .slider {
	height: 100%;
}
#products .slider li {
	display: none;
	text-align: center;
	height: 100% !important;
}
#products .slider li a {
	display: block;
	height: 100%;
	position: relative;
}
#products .slider img {
	display: inline-block;
	max-height: 315px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#products ul.thumbs {
	width: 100%;
	margin-top: 10px;
	padding: 0 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#products .thumbs li {
	display: inline-block;
	width: 25%;
}
#products .thumbs li .inner {
	padding: 0 5px;
}
#products ul.thumbs a {
	display: block;
}
#products .thumbs img {
	width: auto;
	max-height: 65px;
	max-width: 100%;
}
#products .new {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0 30px;
	max-width: 400px;
}
#itemDetail .content {
	margin-top: 20px;
	text-align: right;
}
#itemDetail h3 {
	margin-bottom: 20px;
	text-align: left;
	line-height: 1.3;
	font-size: 1.6rem;
}
#itemDetail .discount {
	display:inline-block;
	margin-bottom: 20px;
}
#itemDetail .discount th,
#itemDetail .discount td {
	padding: 8px 10px;
	border-top: solid 1px #707070;
	border-bottom: solid 1px #707070;
	font-size: 1.3rem;
	font-weight: normal;
}
#itemDetail .taxType {
	font-size: 0.8em;
}
#itemDetail .teika {
	margin-bottom: 10px;
}
#itemDetail .price {
	margin-bottom: 10px;
	color: #cc3d3d;
	font-size: 1.9rem;
	font-weight: bold;
}
#itemDetail .amount {
	display: inline-block;
	margin-bottom: 10px;
}
#itemDetail .amount p {
	display: table-cell;
}
#itemDetail .amount .selectArea {
	display: table-cell;
}
#itemDetail p.information {
	margin-bottom: 10px;
	font-size: 1.1rem;
}
#itemDetail .wishlistinserttag {
	margin-top: 12px;
}
#itemDetail .showDetail {
	height: 28px;
	line-height: 28px;
	border: solid 1px #707070;
	background: #eee;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
}
#itemDetail .showDetail:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.1em;
	width: 9px;
	height: 9px;
	background: url("../images/icon_arrow_down.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#itemDetail .explanationArea .active:before {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.1em;
	width: 9px;
	height: 9px;
	background: url("../images/icon_arrow_up.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
#itemDetail .explanation2 {
	display: none;
	padding: 20px 10px;
	border-right: solid 1px #707070;
	border-bottom: solid 1px #707070;
	border-left: solid 1px #707070;
	line-height: 1.5;
	font-size: 1.1rem;
	text-align: left;
}
#itemDetail .mustlogin p {
	margin-bottom: 10px;
	text-align: left;
	color: #cc3d3d;
	font-size: 1.1rem;
}

.soldout_sp {
        text-decoration: none;
        border-radius: 3px;
        background: #b83c3b;
        color: #FFF;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 1.3rem;
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 3px;
        letter-spacing: 8px;
        text-indent: 8px;
}

span.item_reserve　{
    color: #fff;
    letter-spacing: 10px;
    text-indent: 10px;
    border: solid 1px #00bfff;
    border-radius: 3px;
    background: #00bfff;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

span.item_reserve {
    color: #fff;
    letter-spacing: 10px;
    text-indent: 10px;
    border: solid 1px #00bfff;
    border-radius: 3px;
    background: #00bfff;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

/* itemDetail - 商品詳細　bx-wrapperのスタイル上書き
-------------------------------------------------------------*/
#itemDetail .bx-wrapper {
	margin: 0 auto;
}
#itemDetail .bx-viewport {
	left: 0;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	height: 315px !important;
}

.detail_message {
       color: #cc3d3d;
       font-size: 18px;
       text-align: left;
       margin-top: 10px;
       margin-bottom: 10px;
       line-height: 26px;
}

/* =================================================================
7.カート系
使用ファイル：cart_***.xhtml
=================================================================*/

#cartFlow {
	margin-bottom:40px;
}
#cartFlow .step {
	text-align: center;
	margin-bottom: 20px;
}
#cartFlow h3 {
	margin: 25px 0 15px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	background: #eee;
	font-size: 1.3rem;
}
#cartFlow h4 {
	margin: 10px;
	padding: 3px 0 2px 5px;
	border-left: solid 2px #b39424;
	line-height: 1.3;
}
#cartFlow h4.option {
	margin: 10px 5px 13px;
	padding-left: 5px;
	height: 20px;
	line-height: 20px;
	border: none;
	font-size: 1.2rem;
}
#cartFlow input {
	margin-bottom: 5px;
}
#cartFlow label {
	vertical-align: sub;
}
#cartFlow table th {
	text-align: left;
	white-space: nowrap;
}
#cartFlow table td {
	padding-left: 5px;
}
#cartFlow table td:first-child {
	padding-left: 0;
}
#cartFlow table td.button {
	vertical-align: bottom;
}

#cartFlow .btnSmall {
	margin-left: 3px;
	width: 50px;
}

#cartFlow .list .sentence {
	margin-bottom: 0;
	padding: 10px 5px;
	border-bottom: dotted 1px #d2d2d2;
}
#cartFlow .list .sentence:first-child {
	border-top: dotted 1px #d2d2d2;
}

#cartFlow div.sentenceBorder {
	margin: 0 10px 15px;
	padding-bottom: 10px;
	border-bottom: #999 1px dotted;
}

#cartFlow .price {
	color: #cc3d3d;
}
#cartFlow .point {
	color: #F60;
	font-weight: bold;
}
#cartFlow .sentence p.number {
	margin: 30px 0;
	text-align: center;
	font-size: 1.6rem;
}
#cartFlow .error {
	color: #C00;
	font-size: 1.1rem;
	font-weight:bold;
	line-height: 1.5;
	vertical-align: middle;
}
#cartFlow #error table td:first-child,
#cartFlow .error_disp table td:first-child {
	padding-left: 5px;
}

#cartFlow #reCAPTCHA{margin:20px 10px;}
#cartFlow #reCAPTCHA .g-recaptcha{display:block; -webkit-transform:scale(1.10); -ms-transform:scale(1.10); transform:scale(1.10); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;}

/* クーポンラジオボタン制御に仕様 */
.couponHide{display:none;}

/* itemBox - 商品情報
-------------------------------------------------------------*/
#cartFlow div.sentence.itemBox,
#cartFlow div.sentence.total {
	line-height: 1;
}
/* 個別商品情報 */
#cartFlow .itemBox {
	padding: 0 5px;
	border-top: 1px solid #707070;
}
#cartFlow .itemInfo {
	padding-top: 15px;
	border-bottom:1px dotted #d2d2d2;
	display: flex;
}
#cartFlow .img_box {
	text-align: center;
	padding: 0 5px 5px 0;
	box-sizing: border-box;
	width: 25%;
}
#cartFlow .img_box img {
	width: auto;
	max-width: 100%;
	max-height: 80px;
}
#cartFlow .itemtext {
	width: 75%;
	word-break: break-all;
}
#cartFlow .item_code {
	margin-bottom: 5px;
}
#cartFlow .item_name {
	margin-bottom: 5px;
	line-height: 1.3;
	font-size: 1.3rem;
	font-weight: bold;
}
#cartFlow .item_name a {
	color: #333;
}
#cartFlow .comment {
	margin-bottom: 5px;
	line-height: 1.3;
	color: #707070;
	font-size: 1.1rem;
}
#cartFlow .information {
	padding: 8px 0 5px;
	border-top: 1px dotted #d2d2d2;
	color: #333;
	text-align: right;
}
#cartFlow .information.first {
	border-top: none;
}
#cartFlow table.amount {
	margin: 8px 0 3px auto;
}
#cartFlow table.amount td {
	padding-left: 5px;
}
#cartFlow .total {
	padding: 5px 5px 0;
	border-top: 1px solid #707070;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: right;
}
#cartFlow .total p {
	padding: 8px 0;
	border-bottom: 1px dotted #d2d2d2;
}
#cartFlow .total p:last-child {
	border-top: none;
	border-bottom: none;
}
　
#rdonly input {
        padding:0 5px; 
        height:28px; 
        line-height:28px; 
        border:solid 1px #f6f6f6; 
        outline: none; 
        background-color: #f6f6f6;
}

#rdonly input{
        padding:0 5px; 
        height:28px; 
        line-height:28px; 
        border:solid 1px #f6f6f6; 
        outline: none; 
        background-color: #f6f6f6;
}


/* =================================================================
8.その他のページ
使用ファイル：すべてのファイル
=================================================================*/
#content {
	margin-bottom:40px;
}
#content input {
	margin-bottom: 5px;
}
#content div.buttonarea input {
	margin-bottom: 8px;
}
#content h3 {
	margin: 20px 10px 10px;
	padding: 3px 0 2px 5px;
	border-left: solid 2px #b39424;
	line-height: 1.3;
}
#content h3 img {
	vertical-align: sub;
}
#content h4 {
	padding: 0 15px 3px;
}
#content table th {
	text-align: left;
	white-space: nowrap;
}
#content table td {
	padding-left: 5px;
}
#content table td:first-child {
	padding-left: 0;
}
#content table td.button {
	vertical-align: bottom;
}

#content div.listArea {
	margin: 0 10px 20px;
	border-top: solid 1px #707070;
	padding: 0;
}
#content div.listBox>div {
	padding: 5px 0 5px;
	border-bottom: solid 1px #707070;
}
#content div.listBox h3 {
	margin-top: 10px;
}

#content .btnSmall {
	margin-left: 3px;
	width: 50px;
}
#content .list {
	margin-bottom: 0;
	padding: 10px 5px;
}
#content .list .box:first-child {
	border-top: dotted 1px #d2d2d2;
}
#content #error table td:first-child {
	padding-left: 5px;
}
#content .list .box {
	border-bottom: dotted 1px #d2d2d2;
}
#content ul.saveCard li {
	margin-bottom: 5px;
}

#content .pageNavi {
	margin-bottom: 8px;
}
#content .pagelink td.button {
	vertical-align: top;
}

#content .buttonarea.inline {
	margin-top: 10px;
	padding: 0 10px;
}

#content table.credit td {
	padding-right:5px;
}

#content ul.entry_step {
	margin-top: 5px;
	padding: 8px 0 5px;
	max-width: 350px;
	border: solid 1px #333;
}
#content ul.entry_step li {
	margin: 0 10px 3px 30px;
}

#content .mypage ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#content .mypage ul li {
	float: left;
	width: 50%;
	text-align: center;
}
@media screen and (min-width: 480px) {
	#content .mypage ul li {
		float: left;
		width: 33.333%;
	}
}
@media screen and (min-width: 768px) {
	#content .mypage ul li {
		float: left;
		width: 25%;
	}
}
#content .mypage ul a {
	display: block;
	margin: 1px;
	height: 45px;
	line-height: 68px;
	border: solid 1px #b39424;
	font-size: 1.1rem;
	font-weight: bold;
}
.credit_s {
	font-size: 10px !important;
}
#content .mypage li.logout a {
	background: url("../images/icon_mypage_logout.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.memberRegist a {
	background: url("../images/icon_mypage_memberregist.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.addressInput a {
	background: url("../images/icon_mypage_addressinput.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.addressInput a {
	background: url("../images/icon_mypage_addressinput.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.addressList a {
	background: url("../images/icon_mypage_addresslist.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.history a,
#content .mypage li.pointHistory {
	background: url("../images/icon_mypage_history.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.credit a {
	background: url("../images/icon_mypage_credit.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.mailMag a {
	background: url("../images/icon_mypage_mailmag.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.taikai a {
	background: url("../images/icon_mypage_taikai.png") no-repeat center 8px;
	background-size: 15px;
}
#content .mypage li.star_mypage a {
	background: url("../images/icon_star_mypage_sp.png") no-repeat center 8px;
	background-size: 15px;
}

/* =================================================================
9.メッセージ
使用ファイル：common/messages.xhtml
=================================================================*/
#error,
.error_disp{
	padding: 0 10px 20px;
}
#error table,
.error_disp table {
	width: 100%;
	margin: 5px 0 0;
	border:1px solid #f2eace !important;
	background:#fffbed;
}
#error td,
.error_disp td {
	padding: 5px;
}
#error li {
	width: auto;
}
#error .ico,
.error_disp .ico {
	width:30px;
	text-align:center;
	vertical-align:top;
}
#error .ico img,
.error_disp .ico img {
	width:27px;
	height:25px;
}
#error .content,
.error_disp .content {
	color: #C00;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
	vertical-align:middle;
}


/* =================================================================
10.フッター
使用ファイル：common/footer.xhtml
=================================================================*/

.footerArea {
	background: #000;
}
.backtotop {
	margin: 0 10px;
	padding: 15px 0;
	border-bottom: solid 1px #434343;
}

/* footerInfo - フッター情報
-------------------------------------------------------------*/
#footerInfo {
	padding: 20px 10px;
}
#footerInfo .apply {
	margin: 0 auto;
	max-width: 400px;
}
#footerInfo .apply:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footerInfo .apply .box {
	float: left;
	width: 50%;
}
#footerInfo dl {
	margin: 0 auto 10px;
	width: 150px;
	text-align: center;
}
#footerInfo dt {
	margin-bottom: 8px;
	color: #eee;
	font-size: 1.2rem;
	font-weight: bold;
}
#footerInfo dd {
	color: #d2d2d2;
	font-size: 1.1rem;
}
#footerInfo .btn_mailform {
	margin:0 auto 8px;
	width: 136px;
	font-size: 1.1rem;
}
#footerInfo .tel a {
	margin-bottom: 8px;
	color: #fff;
	font-size: 1.7rem;
}
#footerInfo .tel img {
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
#footerInfo .openTime {
	line-height: 1.3;
}

/* footerNavi - フッターナビゲーション
-------------------------------------------------------------*/
nav.footerNavi {
	margin-bottom:20px;
}
nav.footerNavi ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
nav.footerNavi li {
	position: relative;
	float: left;
	width: 50%;
}
nav.footerNavi li a {
	display:block;
	padding:0 8px;
	height: 30px;
	line-height: 30px;
	border: solid 1px #000;
	background: #eee;
	color:#333;
	text-decoration:none;
	font-size: 1.1rem;
	font-weight: bold;
}
nav.footerNavi li a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background: url("../images/icon_link.png") no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/* footer - フッター
-------------------------------------------------------------*/
footer p.view {
	display:block;
	margin-bottom:15px;
	text-align:center;
	color: #eee;
}
footer p.view img {
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
footer p.view .sp {
	color: #707070;
}
footer p.view a.pc {
	color: #eee;
}
footer p.copy {
	display: block;
	padding: 8px 10px 18px;
	border-top: solid 1px #d2d2d2;
	font-size: 1rem;
	line-height: 1.3;
	color: #d2d2d2;
	text-align: center;
}

/* cartPreFooter  - ご注文処理中ページでのフッター固定（画面サイズがページ内要素の高さ以上の場合のみ適用）
-------------------------------------------------------------*/
@media screen and (min-height: 328px) {
	#cartPreFooter #footer {
		position:fixed !important;
		top: auto !important;
		bottom: 0 !important;
		width: 100% !important;
	}
}


/* =================================================================
11.静的ページ
使用ファイル：ext/company.xhtml等
=================================================================*/
#ext h4 {
	padding: 0 18px 3px;
}
#ext ul li {
	margin: 0 15px 3px;
}
#ext table {
	width: 100%;
	border: solid 1px #a0a0a0;
}
#ext table tr,
#ext table th,
#ext table td {
	padding: 5px;
	border: solid 1px #a0a0a0;
	vertical-align: middle;
}
#ext table th {
	background: #FAFAFA;
}
#ext table td:first-child {
	padding: 5px;
}
#ext table td.price {
	text-align: right;
}
#ext table.side th {
	text-align: center;
}
#ext table.soryo {
	max-width: 320px;
}
#ext table.soryo th {
	min-width: 100px;
}
#ext table.send dl {
	margin-bottom: 5px;
}
#ext table.send dt {
	display: inline-block;
	margin: 0 3px 5px;
	padding: 0 3px;
	border-bottom: solid 1px #a0a0a0;
	font-weight: bold;
}
#ext table.send li {
	display: inline-block;
	margin: 0 6px 3px;
}
#ext #soryo {
	margin-top: -100px;
	padding: 100px 18px 3px;
}
#ext #send_date {
	margin-top: -131px;
	padding-top: 131px;
}

/* calendar - カレンダー
-------------------------------------------------------------*/
#calendar {
	margin: -131px 15px 0;
	padding-top: 131px;
}
#calendar table,
#calendar table tr,
#calendar table th,
#calendar table td {
	text-align: center;
	border: none;
	background: none;
}
#calendar table th {
	font-weight: normal;
}
#calendar table td {
	padding: 1px !important;
}
#calendar table td a {
	display: inline-block;
	padding: 4px 0;
	width: 85%;
	border: solid 1px #fff;
	vertical-align: middle;
}
#calendar .ui-state-default {
	color: #333;
}
#calendar p {
	margin-bottom: 10px;
}
#calendar span.day_color1 {
	color: #b29424;
	font-weight: bold;
}
#calendar .ui-datepicker-title {
	text-align: center;
	font-size: 1.3rem;
}
#calendar .ui-datepicker-header {
	position: relative;
	height: 26px;
	line-height: 26px;
	border-bottom: solid 1px #707070;
}
#calendar .ui-datepicker-inline {
	width: 215px !important;
}
@media screen and (min-width: 480px) {
	#calendar .ui-datepicker-inline {
		width: 450px !important;
	}
}
#calendar .ui-datepicker-inline:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#calendar .ui-datepicker-group {
	float: left;
	margin-bottom: 10px;
	width: 215px;
}
#calendar .ui-datepicker-group-first {
	padding-right: 20px;
}
/* コントロールPREV  */
#calendar .ui-datepicker a.ui-datepicker-prev {
	position: absolute;
	background: url(../images/icon_calendar_prev.png) no-repeat 50% 50%; top:0; left:10px;
	background-size: 10px;
	text-indent: -9999px;
}
/* コントロールNEXT  */
#calendar .ui-datepicker a.ui-datepicker-next {
	position: absolute;
	background: url(../images/icon_calendar_next.png) no-repeat 50% 50%; top:0; right:10px;
	background-size: 10px;
	text-indent: -9999px;
}

#calendar .ui-datepicker-today a { /* 当日  */
	font-weight: bold;
	background-color: #e5dcb8 !important;
}
#calendar td.day_color1 a{ /* 定休日  */
	color: #b29424;
	border: solid 1px #b29424;
}


/* =================================================================
12.クレジットカード情報ページ
使用ファイル：member_credit_entry_input.xhtml等
=================================================================*/
#credit h3.savedInfo {
	margin-top: 0;
	padding: 5px 0 5px 5px;
	height: auto;
}
#credit .error {
	margin: 0 10px 20px;
	padding: 5px;
	border: 1px solid #f2eace;
	background: #fffbed;
	color:#C00;
	font-weight: bold;
	line-height: 1.5;
}
#credit .error.token{
	border: none;
	background-color: transparent;

}
#credit .creditList .buttonarea {
	padding: 0 15px;
}
#credit div.creditList {
	margin: 0 10px 20px;
}
#credit div.creditBox {
	padding: 10px 0 15px;
}

/* =================================================================
13.購入履歴ページ
使用ファイル：member_history.xhtml
=================================================================*/
#history .page_info {
	padding: 0 15px 5px;
}
#history .order {
	padding-bottom: 40px;
	border-top: double 3px #a0a0a0;
}
#history .order .form_attention {
	padding-left: 10px;
}
#history .itemBox {
	padding: 10px 0;
	border-top: solid 1px #d2d2d2;
}
#history .itemBox .buttonarea a {
	margin-bottom: 0;
}
#history .img_box {
	padding: 0 10px 0 10px;
	display: flex;
    justify-content: center;
    align-items: center;
	width: 25%;	
}
#history .img_box img {
    width: auto;
	max-width: 100%;
    max-height: 80px;
}
#history .text {
	padding-right: 10px;
	width: 100%;
}
#history .itemtext {
	width: 75%;
	word-break: break-all;
}
#history .item_name {
	margin-bottom: 5px;
	line-height: 1.3;
	font-size: 1.3rem;
	font-weight: bold;
}
#history .price {
	color: #cc3d3d
}
#history .buttonarea ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#history .buttonarea li {
	float: left;
	width: 50%;
}
#history .buttonarea li:first-child .inner {
	padding-right: 4px;
}
#history .buttonarea li:last-child .inner {
	padding-left: 4px;
}
#history dl {
	padding: 0 10px;
}
#history dt {
	float: left;
	margin-bottom: 3px;
	width: 50px;
	font-weight: bold;
}
#history dd {
	margin: 0 0 3px 60px;
}
#history dd:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#history .information {
	padding: 4px 0;
	text-align: right;
	border-bottom: 1px dotted #d2d2d2;
}
#history .information.first {
	border-top: 1px dotted #d2d2d2;
}

#history .item_history {
	margin-top: 27px;
	 font-size: 12px;
        color: #b29424;
        margin-left: 180px;
        text-decoration: underline;
}

#history .nav {
      display: none;
}

#history .inside_box {
    display: flex;
}
/* =================================================================
14.アドレス帳
使用ファイル：address_list.xhtml
=================================================================*/
#addressList div.sentence {
	margin-bottom: 10px;
}
#addressList dt {
	float: left;
	margin-bottom: 3px;
	width: 50px;
	font-weight: bold;
}
#addressList dd {
	margin: 0 0 3px 60px;
}
#addressList dd:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#addressList .buttonarea.inline {
	margin-top: 0;
	padding: 0 15px;
}
#addressList .buttonarea ul {
	clear: left;
}
#addressList .buttonarea ul:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#addressList .buttonarea li {
	float: left;
	width: 50%;
}
#addressList .buttonarea li:first-child .inner {
	padding-right: 4px;
}
#addressList .buttonarea li:last-child .inner {
	padding-left: 4px;
}

/* =================================================================
15.カートに入った報告ポップアップ
=================================================================*/
.cartSubmitButton {
  position: relative;
  margin-bottom: 12px;
}

.cartSubmitButton .cartMessage {
    position: absolute;
    left: 50%;
    padding: 10px;
    background-color: #fff;
    border: #ccc 2px solid;
    width: 160px;
    z-index: 10;
    display: none; 
    transform: translate(-50%, -50%);
    height: 140px;
}

.cartSubmitButton .cartMessage::after {
  content: ""; 
  display: block; 
  position: absolute; 
  top: 100%; 
  left: 50%; 
  margin-left: -3px; 
  width: 6px; 
  height: 5px;
}

.cartSubmitButton .cartMessage .title {
  text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding-bottom: 5px;
    padding-top: 5px;
}

.btn-primary {
    color: #fff !important;
    background-color: #b29424;
    border-color: #b29424;
    border: 1px solid transparent;
    border-radius: 5px !important;
    width: 113px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    margin-left: 20px;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    line-height: 2.2;
}

.cartSubmitButton .cartMessage .mainclose {
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0;
    border: 1.5px solid !important;
    padding: 0.25rem 0.5rem;
    line-height: 2.2;
    color: #333 !important;
    border-radius: 5px !important;
    width: 100px;
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    margin-left: -6px;
    margin-top: 13px;
}

.cartSubmitButton .cartMessage .link {
  background-color: #fff; 
  text-align: center;
}

.cartSubmitButton .cartMessage .link a {
  display: inline-block;
}

.cartSubmitButton .cartMessage .close {
  position: absolute; 
  top: 3px; 
  right: 3px; 
  cursor: pointer;
}

.sp_mainclose {
   left: -0.9rem;
}

/* =================================================================
16.お気に入りリスト
=================================================================*/
.wishlist_sp {
     border: solid 1px #333333;
    text-decoration: none;
    border-radius: 3px;
    background: #fff;
    color: #333333 !important;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
}

.wishcomment {
      margin-bottom: 30px;
}

.wishbutton {
    position: relative;
    top: -0.15em;
    vertical-align: middle;
    left: -0.1em;
}

.top_wishlist {
    margin-top: 10px;
    display: block;
}

.wishlist_imgsp {
    width: auto;
    max-width: 100%;
    max-height: 140px;
}

.wish_list .price {
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 15px;
}

p.explanation1 {
    font-size: 14px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.wish_list input {
    margin-bottom: 5px;
    width: 120px;
    margin-top: 5px;
    margin-left: 10px;
}

.wish_list textarea {
    height: 50px;
    width: 94%;
    margin-left: 10px;
}

.wishtext {
    color: #fff !important;
    font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 2px;
}

a.wishkeep {
    width: 100%;
    margin-top: 5px;
    height: 28px;
    line-height: 28px;
    border: solid 1px #707070;
    background: #eee;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    color: #707070;
    font-size: 14px;
}

#rank_id {
    text-align: center;
}

.wishlist_add {
    margin-top: 10px;
	text-align: center;
	height: 35px;
	line-height: 35px;
}

.wishlist_tag {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
	text-align: center;
}

#content.wish_list h3 {
	margin: 20px 0 10px;
	padding-bottom: 3px;
}
.wish_list .img_box {
	height: 140px;
    margin: 0 auto;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wish_list .img_box {
    margin: 0 auto;
	overflow: hidden;
}
.wish_list form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 4%;
    padding: 0 10px;
}
.wish_list form>div:not(.box) {
    display: none;
}
.wish_list .box {
    width: 48%;
}

.trading_amount_area{
	background: #EEEEEE;
	padding: 20px;
	margin:  20px 0;
}

.trading_amount_area .comment-small{
    font-size: 12px;
}

.trading_amount_area .comment-big{
    font-size: 16px;
	padding-bottom: 14px;
}

.trading_amount_area .comment{
    font-size: 14px;
	padding-bottom: 14px;
}

.trading_amount_area .price{
    font-size: 24px;
    font-weight: 600;
}

#cartFlow .biko_txt_large{font-size: 14px;}
#cartFlow .biko_txt_blue{color: #000099; text-decoration: underline;}
#cartFlow .biko_txt_red{color: #C00;}
#cartFlow .biko_placeholder textarea{height: 70px;}
textarea::placeholder{color: #bababa;}
input::placeholder{color: #bababa;}