@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css"); 
@font-face {
    font-family: 'gartonmedium';
    src: url('fonts/garto16-webfont.eot');
    src: url('fonts/garto16-webfont.eot?#iefix') format('embedded-opentype'),
        /* url('fonts/garto16-webfont.woff2') format('woff2'),*/
         url('fonts/garto16-webfont.woff') format('woff'),
         url('fonts/garto16-webfont.ttf') format('truetype'),
         url('fonts/garto16-webfont.svg#gartonmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =======================================================================
CSSの名前：style.css 
最終更新日時：2012/2/15
--------------------------------------------------------------------------
1.reset
2.base
3.コンテナ・サイドバー・メインコンテンツ
4.ヘッダ
5.サイドバー
6.extファイル用
7.トップページ
8.カートの中身～注文完了まで、プレゼント応募～完了まで
9.定期購入商品履歴照会・変更
10.フッタ
11.商品詳細・一覧、プレゼント詳細・一覧
12.レビュー
13.購入履歴
14.サブウインドウで表示するページ用
15.エラーページ
16.クレジットカード登録画面
17.お気に入り
18.アドレス帳
======================================================================= */

/* =================================================================
0.break point
=================================================================*/

@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.view-Tab{display: none;}/* タブのみは非表示 */
	.view-PC{display: none !important;}/* PCのみは非表示 */
	.view-PC.view-Tab{display: none !important;}/* PC・タブレットのみは非表示 */
	.view-SP.view-Tab{display: block;}/* スマホ・タブレットのみは表示 */
}
@media screen and (min-width:600px) and ( max-width:1079px) {
/* タブレット */
	.view-PC{display: none !important;}/* PCのみは非表示 */
	.view-PC.view-Tab{display: block !important;}/* PC・タブレットのみは表示 */
	.view-SP.view-Tab{display: block;}/* スマホ・タブレットのみは表示 */
	
	.hide-Tab{display: none;}/* タブのみ非表示 */
}
@media screen and (min-width:1080px) {
/* デスクトップ*/
	.view-Tab{display: none;}/* タブのみは非表示 */
	.view-PC{display: block;}/* PCのみは表示 */
	.view-PC.view-Tab{display: block;}/* PC・タブレットのみは表示 */
	.view-SP{display: none !important;}/* スマホのみは非表示 */
}
@media screen and (max-width:1366px) {
/* 横幅のせまいデスクトップ */
}

/* =================================================================
1.reset
=================================================================*/
*{box-sizing: border-box;}
html{overflow-x : hidden; overflow-y : auto;}/* 横スクロール防止 */
body{background: #FFF; color: #3e3024; line-height: 1.4; letter-spacing: 0.02em; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; word-wrap: break-word; position: relative;}

input, textarea, select, button{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','游ゴシック体', 'Yu Gothic', YuGothic, Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; font-size: 16px;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin: 0; padding: 0;}
li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}
img{border: 0; max-width: 100%;}


/* =================================================================
2.base
=================================================================*/
/* font size
-------------------------------------------------------------*/
html{font-size: 62.5%; /* -> 10px; */}/* 1rem */
body{font-size: 15px; font-size: 1.5rem; -webkit-text-size-adjust:none;}
@media screen and (min-width:1080px) {
/* デスクトップ*/
	body{font-size: 14px; font-size: 1.4rem; -webkit-text-size-adjust:none;}
}

.garton{font-family: 'gartonmedium', -apple-system, BlinkMacSystemFont, "Helvetica Neue",/*'游ゴシック体', 'Yu Gothic', YuGothic,*/ 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; font-size: 20px; line-height: 1; font-weight: 500; letter-spacing: 0.02em;}



.font-medium{font-size: 16px;}

/*  bg
-------------------------------------------------------------*/
.bg-beige{background: #f6f1e3;}
.bg-grad-rainbow{
	/* グラデーション */
	background-image: -moz-linear-gradient( 0deg, rgb(202,229,242) 0%, rgb(199,192,221) 20%, rgb(244,210,223) 40%, rgb(247,208,187) 60%, rgb(249,248,208) 80%, rgb(202,227,204) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(202,229,242) 0%, rgb(199,192,221) 20%, rgb(244,210,223) 40%, rgb(247,208,187) 60%, rgb(249,248,208) 80%, rgb(202,227,204) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(202,229,242) 0%, rgb(199,192,221) 20%, rgb(244,210,223) 40%, rgb(247,208,187) 60%, rgb(249,248,208) 80%, rgb(202,227,204) 100%);
	background-image: linear-gradient( 90deg, rgb(202,229,242) 0%, rgb(199,192,221) 20%, rgb(244,210,223) 40%, rgb(247,208,187) 60%, rgb(249,248,208) 80%, rgb(202,227,204) 100%);
}

/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

.cleartext {
text-indent:300%;
white-space:nowrap;
overflow:hidden;
}
/*  padding/margin
-------------------------------------------------------------*/
.m0{margin:0 !important;}
.mT0{margin-top:0 !important;}
.mB0{margin-bottom:0 !important;}
.mR0{margin-right:0 !important;}
.mL0{margin-left:0 !important;}
.mT10{margin-top:10px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB25{margin-bottom:25px !important;}
.mR10{margin-right:10px !important;}
.mL10{margin-left:10px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mB20{margin-bottom:20px !important;}
.mR20{margin-right:20px !important;}
.mL20{margin-left:20px !important;}
.mT30{margin-top:30px !important;}
.mB30{margin-bottom:30px !important;}
.mR30{margin-right:30px !important;}
.mL30{margin-left:30px !important;}
.mT45{margin-top:45px !important;}
.mB45{margin-bottom:45px !important;}
.mR45{margin-right:45px !important;}
.mL45{margin-left:45px !important;}
.mT40{margin-top:40px !important;}
.mB40{margin-bottom:40px !important;}
.mR40{margin-right:40px !important;}
.mL40{margin-left:40px !important;}
.mT50{margin-top:50px !important;}
.mB50{margin-bottom:50px !important;}
.mR50{margin-right:50px !important;}
.mL50{margin-left:50px !important;}
.mT60{margin-top:60px !important;}
.mB60{margin-bottom:60px !important;}
.mR60{margin-right:60px !important;}
.mL60{margin-left:60px !important;}
.mB100{margin-bottom:100px !important;}
.mB150{margin-bottom:150px !important;}


/*------------------------------*/
.p0{padding:0;}
.pT0{padding-top:0 !important;}
.pB0{padding-bottom:0 !important;}
.pR0{padding-right:0;}
.pL0{padding-left:0;}
.pT10{padding-top:10px;}
.pB10{padding-bottom:10px;}
.pR10{padding-right:10px;}
.pL10{padding-left:10px;}
.pT20{padding-top:20px;}
.pB20{padding-bottom:20px;}
.pR20{padding-right:20px;}
.pL20{padding-left:20px;}
.pT30{padding-top:30px;}
.pB30{padding-bottom:30px;}
.pR30{padding-right:30px;}
.pL30{padding-left:30px;}
.pT40{padding-top:40px;}
.pB40{padding-bottom:40px;}
.pR40{padding-right:40px;}
.pL40{padding-left:40px;}
.pT50{padding-top:50px;}
.pB50{padding-bottom:50px;}
.pR50{padding-right:50px;}
.pL50{padding-left:50px;}
.pT60{padding-top:60px;}
.pB60{padding-bottom:60px;}
.pR60{padding-right:60px;}
.pL60{padding-left:60px;}
.v-bottom{ vertical-align:bottom;}


/*  BtoB
-------------------------------------------------------------*/
/*.toB-hide{display: none;}*/
.toB-show{display: none;}

@media screen and (min-width:1080px) {
	/* デスクトップ*/
	.table-form tr.toB-show + tr th,
	.table-form tr.toB-show + tr td{border-top: 1px solid #dddddd;}
}

/*  layout style
-------------------------------------------------------------*/
#main{display: block;}
.content-box{margin-bottom: 20px;}
.content-box.mb-large{margin-bottom: 50px;}
.content-box p{margin-bottom: 1em;}
.content-box .table-form p{margin-bottom: 0;}
@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.l-inner{padding: 0 10px;}
}
@media screen and (min-width:1080px) {
/* デスクトップ*/
	.l-inner{width: 1080px; margin: auto;}
	#breadcrumbs{width: 1080px; margin: auto;}
	
	.content-box{margin-bottom: 40px;}
	.content-box.small{width: 60%; margin:0 auto 50px; font-size: inherit;}
	.content-box.mb-large{margin-bottom:80px}
	
	#main .l-inner{width: auto;}
}

.columns,
.columns.button,
.columns.buttonarea{
	-ms-display:flex;
	-webkit-display:flex;
	display:flex;
}
.columns-wrap,
.columns-wrap.buttonarea{
	-ms-display:flex;
	-webkit-display:flex;
	display:flex;
	-ms-flex-wrap:wrap; /* flexコンテナに入るよう改行して表示 */
	-webkit-flex-wrap:wrap; /* flexコンテナに入るよう改行して表示 */
	flex-wrap:wrap;
}
.sp-no-columns{
	-webkit-display:flex;
	display:flex;
}
.sp-no-columns_wrap{
	-webkit-display:flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap; 
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.sp-no-columns,.sp-no-columns_wrap{
		-webkit-display:block;
		display: block;
	}
	
}
.columns-center-h{
	justify-content:center;
}
.columns-center-v{
	align-items:center;
}
.column-left{
	margin-right:auto;
	justify-content: flex-start;
}
.column-right{
	margin-left:auto;
	justify-content: flex-end;
}

.column-between{
	-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 汎用カラム */

@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.sp-2clm li{width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
	.sp-2clm li:nth-child(2n){margin-right: 0;}
}
@media screen and (min-width:600px) and ( max-width:1079px) {
/* タブレット */
	.tab-4clm li{width: calc(25% - 15px); margin-right: 20px;}
	.tab-4clm li:nth-child(4n){margin-right: 0;}
}
@media screen and (min-width:1080px) {
/* デスクトップ*/
	.pc-4clm li{width: calc(25% - 30px); margin-right: 40px;}
	.pc-4clm li:nth-child(4n){margin-right: 0;}
}

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color: #3e3024; text-decoration: none; transition: 0.3s ease;}
a:visited{color: #584434;}
a:hover,a:active{color: #3e3024; text-decoration: underline;}

a:hover img{opacity: 0.7; transition: 0.3s ease;}
a img,
a:hover img{-webkit-backface-visibility: hidden; backface-visibility: hidden; overflow:hidden;}

/* 下線付きのテキストリンク */
a.text-link{text-decoration: underline;}
a.text-link:hover{text-decoration: none;}

/* 外部リンク */
.external-link::after{content: ""; display: inline-block; margin-left: 8px; vertical-align: middle;}
@media screen and ( max-width:1079px) {
	.external-link::after{background: url(../images/common/parts/ext_link.svg) no-repeat; background-size:10px; width: 10px; height: 10px;}
}
@media screen and ( min-width:1080px) {
	/* デスクトップ */
	.external-link::after{background: url(../images/common/parts/ext_link.png) no-repeat; width: 13px; height: 13px;}
}

/*  行揃え
-------------------------------------------------------------*/
.txt-right{text-align: right;}
.txt-center{text-align: center;}
.txt-left{text-align: left;}

.txt-center.large{font-size: 14px; font-weight: bold; line-height: 2; text-align: left;}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.txt-left-SP{text-align: left;}
}
@media screen and ( min-width:1080px) {
	/* デスクトップ */
	.txt-center-PC{text-align: center;}
}


/*  基本の矢印
-------------------------------------------------------------*/
.arrow,.arrow-right{position: relative; display: inline-block; vertical-align: middle;}
.arrow::before,.arrow::after,.arrow-right::before,.arrow-right::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content:"";}
.arrow::before,.arrow-right::before{
	left: 0px;right: 0; top:0; bottom:0; margin: auto;
	width: 4px;
	height: 4px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow-right::before{left: auto;right: 10px; top:0; bottom:0; margin: auto;}
.button.arrow-right::before{right: 8px; left:auto;}
.positive.arrow-right::before{border-color: #FFF;}
.negative.arrow-right::before{border-color: #5E5E5E;}


/*  Title
-------------------------------------------------------------*/

/* Page Title */
.page-title{text-align: center; font-size: 32px; margin-bottom: 20px; font-family: 'gartonmedium', -apple-system, BlinkMacSystemFont, "Helvetica Neue",'游ゴシック体', 'Yu Gothic', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; position: relative;}
.page-title{-ms-display:flex;	-webkit-display:flex;	display:flex;	align-items:center;	justify-content:center;}/* flex */
#main.no-sidebar .page-title{margin-bottom: 25px; line-height: 1.05;}
.page-title.long{font-size: 28px;}
.page-title > span{display: block; width: auto; max-width: calc(100% - 274px);}
.page-title::before,
.page-title::after{content: ""; display: inline-block; vertical-align: middle;}
.page-title::before{width: 117px; height: 25px; background: url(../images/common/parts/ornament_left.png) no-repeat; margin-right: 20px;}
.page-title::after{width: 117px; height: 25px; background: url(../images/common/parts/ornament_right.png) no-repeat; margin-left: 20px;}
.page-title-label{padding-top:36px;}
.page-title .label{display:block; color: #FFF; font-size: 16px; letter-spacing: 0.12em; background: #CCC; line-height: 1; padding: 6px 0 2px; width: 8em; border-radius: 12.5px; vertical-align: middle; margin: auto; position: absolute; top:0px; left:0; right: 0;}
.page-title .label.pink{background:#e5747c;}

.top-content-title {padding-top: 50px; line-height: 1; letter-spacing: 0.08em;}
.top-content-title .sub{display: block; font-size: 20px; line-height:0.9; letter-spacing: 0;}


/* title-bold 太字 */
.title-bold{font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1;}

/* title-center 中央寄せ */
.title-img,.title-center{	text-align: center;	margin-bottom: 50px;}

/* title-round 丸の見出し */
.title-round{border-bottom: 2px solid #cccccc; padding-bottom: 12px; margin-bottom: 20px; line-height: 1.2; font-size: 24px;}
.title-round::before{content: "";display: inline-block; width: 14px; height: 14px; background: #e5747c; border-radius: 7px; vertical-align: middle; margin-right: 12px;}
.title-round.pink::before{ background: #e5747c;}/* ピンク */
.title-round.green::before{ background: #79ac34;}/* グリーン */
.title-round.blue::before{ background: #4da6b6;}/* ブルー */

/* title-square 四角の見出し */
.title-square{border-bottom: 1px dotted #cccccc; padding-bottom: 8px; margin-bottom: 15px; line-height: 1.2; font-size: 18px;}
.title-square::before{content: "";display: inline-block; width: 10px; height: 10px; background: #e5747c; vertical-align: middle; margin-right: 10px;}
.title-square.pink::before{ background: #e5747c;}/* ピンク */
.title-square.green::before{ background: #79ac34;}/* グリーン */
.title-square.blue::before{ background: #4da6b6;}/* ブルー */
.title-square.gray{border-bottom: 0; padding-bottom: 0;}
.title-square.gray::before{ background: #cccccc;}/* グレー */

/* title-gray グレーの見出し */
.title-gray{background: #f5f5f5; padding: 12px; font-size: 18px; margin-bottom: 20px;}

@media screen and ( max-width:1079px) {
	/* タブレット以下*/
	.page-title{text-align: center; font-size: 22px; margin-bottom: 20px; line-height: 1.2;}
	#main.no-sidebar .page-title{margin-bottom: 10px;}
	.page-title.long{font-size: 19px;}
	.page-title > span{display: block; width: auto; max-width: calc(100% - 141px);}
	.page-title::before,
	.page-title::after{content: ""; display: inline-block; vertical-align: middle;}
	.page-title::before{width: 58.5px; height:12.5px; background: url(../images/common/parts/ornament_left.png) no-repeat; margin-right: 12px; background-size: 58.5px auto;}
	.page-title::after{width: 58.5px; height: 12.5px; background: url(../images/common/parts/ornament_right.png) no-repeat; margin-left: 12px; background-size: 58.5px auto;}
	
	.page-title-label{padding-top:30px;}
	.page-title .label{display:block; color: #FFF; font-size: 12px; letter-spacing: 0.12em; padding: 6px 0 2px; width: 8em; border-radius: 12.5px; vertical-align: middle; margin: auto; position: absolute; top:0px; left:0; right: 0;}
	
	.top-content-title .sub{ width: 100%; max-width: none;}
	
	.title-img,.title_center{ text-align: center;	margin-bottom: 30px;}
	
	.title-round{border-bottom: 2px solid #cccccc; padding-bottom: 12px; margin-bottom: 15px; line-height: 1.2; font-size: 18px;}
	.title-round::before{width: 12px; height: 12px; border-radius: 6px; margin-right: 10px;}
	
	.title-square{border-bottom: 1px dotted #cccccc; padding-bottom: 8px; margin-bottom: 15px; line-height: 1.2; font-size: 16px;}
	.title-square::before{ width: 7px; height: 7px; margin-right: 8px;}
}

/* カートページのタイトル */
.cart-title{position:relative;font-size:2rem;text-align:center;font-weight:normal;line-height:1.2;letter-spacing:.2rem;padding: 130px 0 0;background: url(../images/common/parts/cart@2x.png) no-repeat top center;background-size: 113px 131px; margin-top: -40px; margin-bottom:50px;}
.pagetitle_flow{font-size:14px;position:relative;display:inline-block;padding:0 18px;line-height:33px;height:33px;letter-spacing:0.1rem;color:#bababa; vertical-align: middle;}
.pagetitle_flow:last-child:after{content:none;	}
.pagetitle_flow:after{	position:absolute;right:-5px;top:13px;content:"";width:6px;height:6px;border-bottom:1px solid #bababa;border-right:1px solid #bababa;transform:rotate(-45deg);}
.pagetitle_flow.current{font-size:32px;color: inherit;}

@media screen and ( max-width:1079px) {
	/* タブレット以下*/
	.cart-title{font-size: 2.2rem;margin-bottom:20px;padding:60px 0 0;background: url(../images/common/parts/cart@2x.png) no-repeat top center;background-size: 57px 65px; margin-top: -20px;}
	.pagetitle_flow{display:none;}
	.pagetitle_flow.current{display:block;font-size:2.2rem;}
	.pagetitle_flow:after{content:none;}
}


/*  基本のTable
-------------------------------------------------------------*/
.table-normal{display: table; width: 100%;}
.table-normal,
.table-normal th,
.table-normal td{	border:1px solid #dddddd;}
.table-normal th,
.table-normal td{	padding: 15px; font-weight: normal;}

/* テーブル　レインボー */
.table-rainbow{border: none; display: table; width: 100%;}
.table-rainbow th,
.table-rainbow td{padding: 5px 5px; font-size: 13px; font-weight: normal; text-align: left; border-bottom: 4px solid #FFF;}
.table-rainbow th{font-weight: bold; border-right: 4px solid #FFF; width: 160px;}
.table-rainbow tr:nth-child(10n+1) th{background: #cae4f1;}
.table-rainbow tr:nth-child(10n+1) td{background: #eff7fb;}
.table-rainbow tr:nth-child(10n+2) th{background: #c7d1e7;}
.table-rainbow tr:nth-child(10n+2) td{background: #eef1f8;}
.table-rainbow tr:nth-child(10n+3) th{background: #c7c0dd;}
.table-rainbow tr:nth-child(10n+3) td{background: #eef1f8;}
.table-rainbow tr:nth-child(10n+4) th{background: #e0c8de;}
.table-rainbow tr:nth-child(10n+4) td{background: #eef1f8;}
.table-rainbow tr:nth-child(10n+5) th{background: #f7d3da;}
.table-rainbow tr:nth-child(10n+5) td{background: #fdf2f4;}
.table-rainbow tr:nth-child(10n+6) th{background: #f7d0c0;}
.table-rainbow tr:nth-child(10n+6) td{background: #fdf1ec;}
.table-rainbow tr:nth-child(10n+7) th{background: #f9e3c3;}
.table-rainbow tr:nth-child(10n+7) td{background: #fdf7ed;}
.table-rainbow tr:nth-child(10n+8) th{background: #f5f7d0;}
.table-rainbow tr:nth-child(10n+8) td{background: #fcfdf1;}
.table-rainbow tr:nth-child(10n+9) th{background: #daecce;}
.table-rainbow tr:nth-child(10n+9) td{background: #f4f9f0;}
.table-rainbow tr:nth-child(10n+10) th{background: #cbe3cc;}
.table-rainbow tr:nth-child(10n+10) td{background: #eff7f0;}

/* テーブル　グレー */
.table-light-gray{border: none; display: table; width: 100%;}
.table-light-gray th,
.table-light-gray td{padding: 8px 8px; font-size: 14px; font-weight: normal; text-align: left; border-bottom: 4px solid #FFF;}
.table-light-gray th{border-right: 4px solid #FFF; background: #eeeeee; width: 160px; color: #666; font-weight: normal;}
.table-light-gray td{background: #f9f9f9;}

/* カート、会員登録などのフォーム */
.table-form input[type="text"],
.table-form input[type="email"],
.table-form input[type="password"],
.table-form input[type="tel"],
.table-form input[type="number"],
.table-form textarea{
	margin:8px 0;
}
.table-form th img{vertical-align: middle;}


@media screen and (max-width:1079px) {
	/* スマートフォン,タブレット */
	.table-normal,.table-form{width: 100%; margin-top: 15px;}
	.table-normal th,
	.table-normal td{	padding: 10px; display: block; border: none;}
	.table-normal td{padding-bottom: 20px;}
	.table-normal .headline{background: #F5F5F5;}
	.table-form,.table-form tbody,.table-form thead,.table-form tr{display: block;}
	.table-form th,.table-form td{	padding: 10px; display: block;}
	.table-form th{background: #F5F5F5; font-weight: bold; text-align: left;}
	.table-form td{margin-bottom: 15px;}
	.table-form td .HTMLFORM_ELEMENT{margin:8px 10px 8px 0; display: inline-block;}
	.form-attention{font-size: 11px; display: block; clear:both;}
	
	.table-form th img{vertical-align: text-bottom;}
	.table-light-gray th,
	.table-light-gray td{ font-size: 1.4rem; }
	.table-light-gray th{width: 140px; }
}
@media screen and (min-width:600px) and ( max-width:1079px) {
/* タブレット */
	.table-form th,.table-form td{	padding: 15px; display: block;}
}
@media screen and (min-width:1080px) {
	/* デスクトップ */
	.table-normal .headline{background: #F5F5F5; border-right: 1px solid #dddddd; width: 26%;}
	/* .table-normal th.headline:last-of-type{ border-right: 1px solid #dddddd;} */
	.table-normal .title{width: 120px; font-weight: bold;}
	
	.table-form{width: 100%; margin-top: 15px;}
	.table-form tr:nth-child(1) th,.table-form tr:nth-child(1) td{ border-top: 1px solid #dddddd;}
	.table-form + .table-form tr:nth-child(1) th,
	.table-form + .table-form tr:nth-child(1) td{border-top: 0;}
	.table-form th,.table-form td{ padding: 16px 25px; border-bottom: 1px solid #dddddd;}
	.table-form th{background: #F5F5F5; text-align: left; width: 27%; font-weight: normal;}
	.table-form td select{font-size: 16px;}
	.table-form td label{font-size: 14px; margin-right: 10px;}
	.form-attention{font-size: 13px; display: block; clear:both; margin: 0;}
	th .form-attention{margin-top: 10px; font-weight: normal;}
	.table-form th .hissu{display: block; float: right; font-size: 12px;}
	.table-form .title{font-weight: bold;}
	.table-form + .buttonarea{margin-top: 40px;}
}


/*  ボタンデザイン
-------------------------------------------------------------*/
/*基本デザイン-下記クラスに加えpositive　negative等のクラスを合わせて付与する*/
a.button{border: none; display: block; line-height: 1; text-align: center; padding: 18px 12px; text-decoration: none; font-size: 13px; -webkit-border-radius: 5px;/* for Safari and Chrome */ -moz-border-radius: 5px; /* for Firefox */ -o-border-radius: 5px; /* for opera */ border-radius: 5px; width: 100%; letter-spacing: 0.08em;}
input.button{border: none; display: block; line-height: 1; text-align: center; padding: 18px 12px; text-decoration: none; font-size: 13px; -webkit-border-radius: 5px;/* for Safari and Chrome */ -moz-border-radius: 5px; /* for Firefox */ -o-border-radius: 5px; /* for opera */ border-radius: 5px!important; width: 100%; letter-spacing: 0.08em;}

/*マウスホバー時*/
a.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}
input.button:hover{opacity: 0.7; cursor: pointer; transition: all .3s;}

/*次へ・入力内容を確認する・注文する・ログイン・登録する・送信・検索・ご注文手続きへ進む等*/
a.positive{background: #79ac34; color: #FFFFFF; padding: 19px 12px; box-shadow: inset 0px -2px 0px 0px #68942d;}
input.positive{background: #79ac34; color: #FFFFFF; padding: 19px 12px; box-shadow: inset 0px -2px 0px 0px #68942d;}

a.positive:hover,
input.positive:hover{	opacity: 1;background: #a1c571; box-shadow: inset 0px -2px 0px 0px #95b46c;}

a.positive.pink,
a.positive.pink:hover{background: #f1babe; color: inherit; padding: 19px 12px; box-shadow: inset 0px -2px 0px 0px #eaa1a6;}
a.positive.pink:hover{opacity: 0.7;}

/*戻る・クリア・削除・ログアウト等*/
a.negative{background: #FFFFFF; color: #555555; border: 1px solid #cccccc;}/*戻る・クリア・削除・ログアウト等*/
input.negative{background: #FFFFFF; color: #555555; border: 1px solid #cccccc;}

/*上記以外のボタン*/
a.normal{background: #FFFFFF; color: #555555; border: 1px solid #cccccc;}
input.normal{background: #FFFFFF; color: #555555; border: 1px solid #cccccc;}
.small.normal{ padding:9px 9px;}

/* グレーのボタン */
a.gray,span.gray{background: #a1a1a1; color: #FFFFFF; border: 1px solid #a1a1a1;}
input.gray{background: #a1a1a1; color: #FFFFFF; border: 1px solid #a1a1a1;}

/* ライトグレーのボタン */
a.light-gray,span.light-gray{background: #ddd; color: #555; border: 1px solid #ddd;}
input.light-gray{background: #ddd; color: #555; border: 1px solid #ddd;}

/*押せないボタン*/
.not-click{border: none; display: block; line-height: 1; text-align: center; padding: 18px 12px; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px;/* for Safari and Chrome */ -moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* for opera */ border-radius: 3px; background: #eeeeee; color: #a5a5a5;}
.not-click.medium{max-width: 280px; min-width: 180px; font-size: 16px;}

/*普通サイズの時にはクラスに下記を追加*/
.medium,
a.medium,
input.medium{font-size: 16px; font-weight: bold;}

@media screen and (min-width:600px) {
	/* タブレット、デスクトップ */
	/*普通サイズの時にはクラスに下記を追加*/
	.medium,.not-click.medium{ max-width: 280px; min-width: 180px; font-size: 16px;}
	a.medium{max-width: 280px; min-width: 180px; font-size: 16px;}
	input.medium{max-width: 280px; min-width: 180px; font-size: 16px;}

}

/*小さいサイズの時にはクラスに下記を追加*/
.small{padding: 10px 10px; font-size: 13px;}
a.small{padding: 10px 10px; font-size: 13px;}
input.small{padding: 10px 10px; font-size: 13px;}

/* タブボタンなど */
.switching-button{margin-bottom: 15px; text-align: center; padding: 0;}
.switching-button li{display: inline-block; margin-bottom: 5px; margin-right: 1px;}
.switching-button .button{text-decoration: none; display:block; border: 1px solid #ccc; width: auto; color: #555; padding: 12px 20px;}
.switching-button .button:hover{border: 1px solid #4da6b6; color:#4da6b6; opacity: 1!important; }
.switching-button .button.active{background: #4da6b6; border: 1px solid #4da6b6; color: #FFF; opacity: 1;}

/*  画像の縦横比調整
-------------------------------------------------------------*/
/* .img-box{text-align: center; position: relative;}
.img-box img{width: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
*/


/*  Amazonペイメントのスタイル
-------------------------------------------------------------*/
#AmazonPayButton{min-height: 80px;}

/*  ローディング表示のスタイル
-------------------------------------------------------------*/
#loading{position: fixed; top: 50%; left: 50%; padding-top: 100px; width: 100px; background-image: url("../images/loader_icon_pc.gif"); background-position: center center; background-repeat: no-repeat;}

/*  商品一覧、商品詳細ページアイコン類
-------------------------------------------------------------*/
.item-icon {color: #FFFFFF; display: inline-block; font-size: 11px; font-weight: normal; line-height: 1; padding: 4px 5px; vertical-align: text-bottom;}/*アイコン共通設定*/
.item-short{background: #D21E21;}/*品切*/
.item-soldout{background: #aaaaaa;}/*品薄*/
.icon-soldout{background: #aaaaaa;}
.item-new {background: #e5747c;}/*NEW*/
.icon-new{background: #e5747c;}
.item-before {background: #ff9900;}/*COMING SOON*/
.item-download {background: #00cccc;}/*ダウンロード商品*/
.item-yoyaku {background: #000000;}/*予約商品*/
.item-discount {background: #cc0000; display: none;}/*会員割引あり*/
.item-timesale {background: #cc0000;}/*タイムセール中*/
.item-teiki-together {background: #a52ead;}/*定期にまとめて注文可能*/
.item-volume-discount {background: #ff6699;}/*ボリュームディスカウントあり*/
.item-bundle-sale {background: #0000ff} /* まとめ買い対象*/


/* =================================================================
3.コンテナ・サイドバー・メインコンテンツ
使用ファイル：すべてのファイル
=================================================================*/
/* container - サイドバー・メインコンテンツを格納するコンテナ
-------------------------------------------------------------*/
#container{width: 100%; margin: auto; padding-top: 165px; padding-bottom: 60px;}
#container:after {content: ""; clear: both; display: block;}/* clearfix */
.wrap:after {content: ""; clear: both; display: block;}/* clearfix */
@media screen and (max-width:1079px) {
	/*　タブレット以下 */
	#container{width: 100%; margin: auto; padding-top: 100px; overflow: hidden;}
}

/* ページ内リンク */
.page-link-target{ padding-top: 165px!important; margin-top: -165px!important;}
@media screen and (max-width:1079px) {
	/*　タブレット以下 */
	.page-link-target{ padding-top: 100px!important; margin-top: -100px!important;}
}

/* sidebar - コンテナ内サイドバー
-------------------------------------------------------------*/
@media screen and (min-width:1080px) {
	/* デスクトップ */
	.sidebar{float: left; width: 220px;}
	.sidebar .title{ background: #F5F5F5;	line-height: 35px; padding-left: 12px; margin-bottom: 10px;}
}
/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
@media screen and (min-width:1080px) {
	/* デスクトップ */
	#main{float: right; width: 820px;}

	/* #main.no-sidebar - サイドバーの無いメインコンテンツ
	-------------------------------------------------------------*/
	#main.no-sidebar{float: none; width: auto; margin: auto; min-height: 500px;}
	#main.no-sidebar .l-inner,
	#main.no-sidebar.l-inner{width: 1080px;}
	#main.no-sidebar.smaller{width: 846px;}

}

.buttonarea{/* margin: 10px; padding-top: 40px;*/ text-align: center;}
.buttonarea .button{display: inline-block; max-width: 280px; margin: 0 5px; width: 100%;}
.buttonarea .attention{color: #C00;}
.hissu{color: #C00; font-weight: bold;}
h3 .hissu{font-size: 14px; vertical-align: middle; padding-left: 15px;}
.amazon_comment{color: #C00; font-weight: bold;}
.expiration_date{padding-left: 10px;}

@media screen and (max-width:1079px) {
	.buttonarea .button{display: block; margin: 0 auto 10px; width: 100%!important; max-width: none;}
}

/* breadcrumbs - パンくず
-------------------------------------------------------------*/
#breadcrumbs{	padding: 15px 0 15px; font-size: 13px;}
#breadcrumbs.page-link-target{padding: 185px 0px 40px!important;}
#breadcrumbs a{text-decoration: none; color: #999999;}
#breadcrumbs a:hover{text-decoration: underline;}

#main.no-bread{padding-top: 30px;}/* パンくずのないページ */

@media screen and (max-width:1079px) {
	#breadcrumbs{	padding: 0px 10px 15px; font-size: 11px;}
	#breadcrumbs.page-link-target{padding: 100px 10px 20px!important;}
	#main.no-bread{padding-top: 50px;}/* パンくずのないページ */
}

 /* リキャプチャー機能用
-------------------------------------------------------------*/
#main #reCAPTCHA{width: 304px; margin: 20px auto 0;}

/* お問い合わせページ画像項目用
-------------------------------------------------------------*/
#main .apply_area img{max-width: 100%;}

/* フォーム類部品
-------------------------------------------------------------*/
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"]{border: solid 1px #ccc; padding: 5px 8px; height: 40px; font-size: 16px; width: 70%; max-width:600px;}
textarea{border: solid 1px #ccc; padding: 5px 8px;  font-size: 16px; width: 70%; max-width:600px;}
input[type="radio"],input[type="checkbox"] {width: 16px; height: 16px; vertical-align: text-bottom;}

select{
	height: 40px;
	padding: 5px 8px;
	vertical-align: middle;
	/* -webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	background: #FFF url(../images/common/parts/arrow_dd.svg) no-repeat right 4px center; */
}

/* select custom */
.select-custom select{ font-size: 16px; padding: 0 30px 0 10px; height: 40px; border: 2px solid #dddddd; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: transparent; position: relative; z-index: 1;}
.select-custom select::-ms-expand { display: none;}
.select-custom select:hover,.select-custom select:focus{}
.select-custom {position: relative; display: inline-block;}
.select-custom::before{content: ""; display: block; position: absolute;right: 10px; top:0; bottom:0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #4da6b6 transparent transparent transparent;}/* ▼ */

@media screen and ( max-width:1079px) {
	
}
/* IE */
/*select::-ms-expand {
    display: none;
}*/

/* iPhoneの角丸をリセット */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="submit"],
input[type="button"],
textarea
{
	-webkit-appearance: none;
	border-radius: 0;
}

@media screen and ( max-width:1079px) {
	/* iPhoneでselectタグをフォーカスした際に拡大防止処理 */
	/* (商品一覧) */
	#list select{font-size:16px !important;}
	/* (お気に入り) */
	#wishList select{font-size:16px !important;}
	/* (商品詳細) */
	#itemDetail select,#review select{font-size:16px !important;}
	/* (購入履歴) */
	.history-box select{font-size:16px !important;}
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	input[type="number"]{
		width: 100%;
		height: 40px;
		margin-bottom:8px;
	}
	textarea{
		width: 100%;
		margin-bottom:8px;

	}

	select {
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		border-radius: 0;
		background: #FFF url(../images/common/parts/arrow_dd.svg) no-repeat right 4px center;
		padding: 0 30px 0 10px;
		background-size: 8px 6px;
		height: 40px;
		border: 2px solid #dddddd;
	}
	input[type="radio"] {
			position: relative;
			-webkit-appearance: button;
			appearance: button;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			width: 18px;
			height: 18px;
			content: "";
			background-color: #FFFFFF;
			border: 1px solid #CCCCCC;
			-webkit-border-radius: 9px;
			border-radius: 9px;
			-webkit-box-shadow: inset 4px 4px 8px rgba(0,0,0,0.15);
			box-shadow: inset 4px 4px 8px rgba(0,0,0,0.15);
			vertical-align: top;
			cursor: pointer;
	}
	input[type="radio"]:checked:after {
			display: block;
			position: absolute;
			top: 4px;
			left: 4px;
			content: "";
			width: 8px;
			height: 8px;
			background: #777;
			-webkit-border-radius: 4px;
			border-radius: 4px;
	}
}

/* 氏名 */
.input_name01 input[type="text"]{width: calc(100% - 1.5em);}
.input_name02 input[type="text"]{width: calc(100% - 2.5em);}

/* 入力欄のサイズ */
input[type="text"].short{width: 40%;}
input[type="text"].year,
input[type="text"]#BIRTH_YEAR{width: 6.5em;}
input[type="text"].month,
input[type="text"]#BIRTH_MONTH,
input[type="text"].day,
input[type="text"]#BIRTH_DAY{width:4.5em;}

/* 住所 */
.zip input[type="text"],.zip .button{display:inline-block;}
.zip input[type="text"]{width: 40%; float:left; margin-right:10px;}
/* .zip .button{width: auto; height: 40px; vertical-align: bottom; float:left; margin: 8px 0; padding: 12px 16px;}*/
.zip .button{width: auto!important; padding: 0 15px; line-height: 40px; display: inline-block; background-color: #DDDDDD;}

/*カード*/
input[type="text"].cardnumber{width:4.2em; letter-spacing: 0;}

/* メール確認 */
#PC_MAIL_CONFIRM1,#PC_MAIL_CONFIRM2{width: calc(50% - 0.9em);}

@media screen and (max-width:1079px) {
	/* SP */
	.cart_seisan__other{margin-bottom: 0px;}
	.zip .button{margin: 8px 0; }
}

@media screen and (min-width:1080px) {
	/* デスクトップ */
	.zip input[type="text"]{min-width: 8em; width: 30%;}
	.zip .button{width: auto; height: 40px; margin: 8px 0;}
	.input_name01,.input_name02{width: 35%; display: inline-block;}
	#PC_MAIL_CONFIRM1,#PC_MAIL_CONFIRM2{width: calc(36% - 0.9em);}
	.multi_send{margin-top: 40px;}
	/*カード*/
	input[type="text"].cardnumber{width:5em;}
}

/* #main.cart - カートフロー中のメインコンテンツ
-------------------------------------------------------------*/
/* #main.cart{float: none;} */
@media screen and (min-width:1080px) {
	/* デスクトップ */
	#main.cart .content .buttonarea a.button,
	#main.cart .content .buttonarea input.button{min-width: 280px;}
}

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

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{padding: 5px; background: #79ac34; color: #FFF; text-align: center;position: absolute; z-index: 1000; width: 100%;}
#preview table{margin: auto;}
#preview .ico{width: 20%; padding-right: 10px; text-align: right;}
#preview .content{text-align: left;}

/* header - ヘッダ
-------------------------------------------------------------*/
#header{height: 165px; border-bottom:1px solid #dddddd; position: relative;}
#header{position: fixed; top:0; left: 0; z-index: 999; width: 100%; background: #FFF;}
#header .inner{margin: 0 3%; position: relative;}
#header a:visited{color: #3e3024;}
.header-upper-bar{width: 100%; height: 40px;}
.header-upper-bar a:hover{text-decoration: none; opacity: 0.7;}
.header-upper-intro{position:absolute; top:0; left:0; font-size: 11px; line-height: 40px;}
.header-upper-menu{position: absolute; top:0; right:0; line-height: 40px; }
.header-upper-menu .text-menu{font-size:12px;}
.header-upper-menu .user-name{font-size:13px; padding-left: 20px; margin: 5px 0px 5px 20px; line-height: 30px; border-left: 1px solid #FFF;}
.header-upper-menu .user-menu{font-size:13px; font-weight: bold; letter-spacing: 0.08em;}
.header-upper-menu .text-menu li {margin-left: 20px;}
.header-upper-menu .user-menu li {margin-left: 20px;}

/* 新規会員登録 */
.header-upper-menu .user-menu a{background-repeat: no-repeat; padding-left: 25px; display: block;}
.header-upper-menu .icon-newmember a{ background-image: url(../images/common/parts/icon_new.svg); background-size: auto 22px; background-position: left center; padding-left: 28px;}
/* ログイン */
.header-upper-menu .icon-login a{ background-image: url(../images/common/parts/icon_login.svg); background-size: auto 20px; background-position: left center; padding-left: 24px;}
/* マイページ */
.header-upper-menu .icon-mypage a{ background-image: url(../images/common/parts/icon_mypage.svg); background-size: auto 23px; background-position: left center; padding-left: 28px;}
/* お気に入り */
.header-upper-menu .icon-favorite a{ background-image: url(../images/common/parts/icon_favorite.svg); background-size: auto 20px; background-position: left center; padding-left: 25px;}
/* 購入履歴 */
.header-upper-menu .icon-history a{ background-image: url(../images/common/parts/icon_history.svg); background-size: auto 20px; background-position: left center; padding-left: 30px;}


.sp-header-top .header-logo a{display: block; line-height: 1;}

@media screen and (max-width:1366px) {
	/* 横幅の狭いデスクトップ */
	.header-upper-intro{font-size: 9px; letter-spacing: 0;}
}

@media screen and (max-width:1279px) {
	/* さらに横幅の狭いデスクトップ */
	.header-upper-intro .site-name{display: none;}
}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	#header{height: auto; border-bottom: 0;}
	#header .inner{margin: 0 10px;}
	.header-upper-bar{display: none;}
	.sp-header-top{height: 50px;}
	.sp-header-top .header-logo{padding: 5px 0; overflow: hidden;}
	.sp-header-top .header-logo img{max-height: 40px;}
}

/* search - 商品検索窓
-------------------------------------------------------------*/
.header-search{display: block; padding-left: 40px; position: relative;}
.header-search::before{display: block;content: ""; width: 18px; height: 14px; position: absolute; top:-13px; left: 48px; background: url(../images/common/header/search_bird.png) no-repeat; background-size: 18px 14px;}
/* 入力エリア */
.header-search input[type="search"].search-form{background-color: transparent; overflow: hidden; width:280px; border: 1px solid #cccccc; height: 32px; border-radius: 5px;}
/* プレースホルダ― */
.search-form::-webkit-input-placeholder,
.search-form:placeholder-shown{color: #BBB; letter-spacing: 0.08em; font-size: 12px;}
/* IE 10+ */
.search-form:-ms-input-placeholder {
    color: #BBB; letter-spacing: 0.08em; font-size: 12px; }
/* 検索ボタン */
.header-search .search-button{ border: none; width: 32px; height:32px; text-indent: 999px; background:#bababa url(../images/common/parts/icon_search.svg) no-repeat center center; background-size:18px 18px; border-radius: 5px; margin-left: 5px; cursor: pointer; transition: 0.3s;
-webkit-box-shadow: inset 0px -2px 0px 0px rgba(161,161,161,1);
-moz-box-shadow: inset 0px -2px 0px 0px rgba(161,161,161,1);
box-shadow: inset 0px -2px 0px 0px rgba(161,161,161,1);}
.header-search .search-button:hover{opacity: 0.7;}

@media screen and (min-width:1080px) {
	/* デスクトップ*/
}
@media screen and (max-width:1366px) {
	/* 横幅の狭いデスクトップ */
	.header-search{display: block; padding-left: 10px; padding-right: 20px;}
	.header-search::before{left: 18px; }
	.header-search input[type="search"].search-form{ width:185px;}
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	#header .header-search{display: none;}
}

/* banner / cart
-------------------------------------------------------------*/
.header-toB-banner a.button{background: #f1babe; color: #3e3024; width: 274px; height: 60px; font-size: 13px; padding: 5px 15px; border-radius: 5px;text-align: left; line-height: 1.5; letter-spacing: 0;
-webkit-box-shadow: inset 0px -2px 0px 0px #eaa1a6;
-moz-box-shadow: inset 0px -2px 0px 0px #eaa1a6;
box-shadow: inset 0px -2px 0px 0px #eaa1a6;}
.header-toB-banner .label{display: inline-block; padding: 5px 5px; background: #FFF; color: #e5747c; border-radius: 20px; font-weight: bold; margin-right: 15px;
}
.header-cart-info{background: #f5f5f5; position: relative; height: 60px; margin-left: 10px; padding: 10px;min-width: 200px;}
.header-cart-info::after{content: ""; display: block; position: absolute; right: -12px;
	bottom: 0; top: 0; margin: auto;width: 0;height: 0;border-style: solid;border-width: 6.5px 0 6.5px 12px;border-color: transparent transparent transparent #f5f5f5;}
.header-cart-info p{ text-align: center;line-height: 1.4; }
.header-cart-info p:nth-child(1){color: #5a8d02;font-size: 12px;}
.header-cart-info p + p{font-size: 13px; font-weight: bold; border-top:1px solid #dddddd; padding-top: 4px; margin-top: 4px;}
.header-cart-info p + p .shokei{font-weight: normal; font-size: 11px; vertical-align: middle; letter-spacing: 0.1em; }

/* カート数字表示 */
.header-cart-button a{display: block;  position: relative; width: 45px; height: 45px; background: #584434; border-radius: 50%; line-height: 45px; text-align: center; margin-left: 18px; transition: 0.3s ease;}
.header-cart-button a:hover{opacity: 0.7;}
.header-cart-button img{vertical-align: middle; margin-left: -4px;}
.header-cart-button .number{width: 23px; height: 23px; border-radius: 50%; /*background: #79ac34;*/ background: #ef820d; color: #FFFFFF; font-size: 12px; line-height: 23px;font-weight: 600;display: block; text-align: center; position: absolute; top:-8px; right: -8px; letter-spacing:-0.05em;}

@media screen and (max-width:1366px) {
	/* 横幅の狭いデスクトップ */
	.header-toB-banner a.button{width:auto; min-width: 110px;}
	.header-toB-banner p{display: none; }
	.header-toB-banner .label{margin-right: 0; display: inline-block; padding: 5px 5px; background: #FFF; color: #e5747c; border-radius: 20px; font-weight: bold;}
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.header-toB-banner p{font-size: 9px; text-align: right; color: #555; display: block; margin-right: 10px;}
	.header-toB-banner a.button{width:auto; line-height: 40px; height: 40px; min-width: auto; box-shadow:none; background: #e5747c;padding: 0 15px; text-align: center;}
	.header-toB-banner .label{color: #FFF; padding: 0; margin-right: 0; background: none; vertical-align: middle;}
	.header-cart-info,
	.header-cart-button{display: none;}
}
@media screen and ( max-width:320px) {
	/* 最小スマホサイズ */
	.header-toB-banner p{display: none;}
}

/* PC グローバルナビ
-------------------------------------------------------------*/
/* グローバルナビ */
.gnavi-wrap {border-top:1px solid #dddddd; width: 100%; position: absolute;bottom:0; left:0; line-height: 40px;}
.gnavi li.dd-switch > a{position: relative; display: block; font-weight: bold;}

/* ドロップダウン */
.gnavi li.dd-switch.active > a::after { display: block; content: ""; position: absolute; top:34px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 6.5px 6px 6.5px; border-color: transparent transparent #dddddd transparent; z-index: 110;}/* ▲ */
.gnavi .dd-menu { display: none; z-index: 100; position: absolute; top: 41px; left:0; padding: 40px 40px 45px; width: 100%; background: #FFF; overflow: hidden; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.12);}
.gnavi .dd-menu li{margin-bottom: 10px; text-align: center; width: calc(20% - 40px); margin-right: 50px;}
.gnavi .dd-menu li:nth-child(5n){margin-right: 0;}
.gnavi .dd-menu li .img-box{margin-bottom: 20px; width: 100%; height: 0; padding-bottom: 100%; position: relative;}
.gnavi .dd-menu li .img-box img{max-width: 100%; max-height: 100%; position: absolute; top:0; left:0; right: 0;bottom: 0; margin: auto;}
.gnavi .dd-menu li a{ text-decoration: none; font-size: 14px; line-height: 1; font-weight: bold; letter-spacing: 0.05em; display:block; position: relative;}
.gnavi .dd-menu li a:hover{text-decoration: none;}
.gnavi .dd-menu .category-num{padding-left: 10px; display: none;}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.gnavi-wrap {display: none;}
}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	
/* SP グローバルナビ
-------------------------------------------------------------*/
.sp-header-nav {width: 100%; height: 50px; position: relative;}
.sp-header-nav > ul{}
.sp-header-nav > ul > li{width: 25%;}
.sp-header-nav .gnav-btn{
	display: block;
	height: 20px;
	padding-top: 30px;
	font-size:1rem;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #3e3024;
	position: relative;
	z-index: 99;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top 10px center;
}
.sp-header-nav .gnav-btn,
.sp-header-nav .gnav-btn:hover{transition:none; opacity: 1; height: 50px;}

/* メニュー */
.sp-header-nav .switch-menu{ background-image: url(../images/common/parts/icon_menu.svg); background-size: 17px 23px; background-position: top 8px center;}
/* 新規会員登録 */
.sp-header-nav .switch-newmember { background-image: url(../images/common/parts/icon_new.svg); background-size: auto 23px; background-position: top 8px center;}
/* ログイン */
.sp-header-nav .switch-login { background-image: url(../images/common/parts/icon_login.svg); background-size: auto 23px; background-position: top 8px center;}
/* マイページ */
.sp-header-nav .switch-mypage { background-image: url(../images/common/parts/icon_mypage.svg); background-size: auto 23px; background-position: top 8px center;}
/* お気に入り */
.sp-header-nav .switch-favorite { background-image: url(../images/common/parts/icon_favorite.svg); background-size: 25px 28px; background-position: top 4px center;}
/* 購入履歴 */
.sp-header-nav .switch-history { background-image: url(../images/common/parts/icon_history.svg); background-size: 25px 20px; background-position: top 8px center;}
/* カート */
.sp-header-nav .switch-cart { background-image: url(../images/common/parts/icon_cart_brown.svg); background-size: 20px 18.5px; background-position: top 10px center;}
.sp-header-nav .switch-cart .number{width: 20px; height: 20px; border-radius: 50%; background: #ef820d; color: #FFF; font-size: 11.5px; line-height: 20px;display: block; text-align: center; position: absolute; top:5px; right: calc(50% - 30px);letter-spacing:-0.05em; text-indent: -0.07em;}

}
.number.hoge{
	animation: animScale 3s infinite ease-out;
	transform-origin: 50% 50%;
	animation-play-state:running;
}
@keyframes animScale {
	0% { transform: scale(0.8, 0.8); }
	5% { transform: scale(1.5, 1.5); }
	10% { transform: scale(1, 1); }
	15% { transform: scale(1.2, 1.2); }
	20% { transform: scale(1, 1); }
	100% { transform: scale(1, 1); }
}

@media screen and ( max-width:1079px) {
	/* SP header
	-------------------------------------------------------------*/
	.header-search::before{display: none;}
	.sp-header-user{	background: #f5f5f5;	line-height: 26px; text-align: right; padding: 0 10px;}
	
	/* search */
	.sp-header-search{display: block; padding:15px 10px; margin: auto;}
	.sp-header-search .form-inner{position: relative;}
	.sp-header-search .form-inner::before{display: block;content: ""; width: 18px; height: 14px; position: absolute; top:-13px; left: 8px; background: url(../images/common/header/search_bird.png) no-repeat; background-size: 18px 14px;}
	/* 入力エリア */
	.sp-header-search .search-form-wrap{width: calc(100% - 75px);}
	.sp-header-search input[type="search"].search-form{background-color: transparent; overflow: hidden; border: 1px solid #cccccc; height: 40px; border-radius: 5px; width: 100%; max-width: none; font-size: 16px;}
	
	/* プレースホルダ― */
	.search-form::-webkit-input-placeholder,
	.search-form:placeholder-shown{color: #BBB; letter-spacing: 0.08em; font-size: 12px; line-height: 38px;}

	/* 検索ボタン */
	.sp-header-search .search-button{ border: none; width: 70px; height:40px; text-indent: 20px; background:#bababa url(../images/common/parts/icon_search.svg) no-repeat left 8px center; background-size:18px 18px; border-radius: 5px; margin-left: 5px; font-weight: bold; color: #FFF;
	-webkit-box-shadow: inset 0px -2px 0px 0px rgba(161,161,161,1);
	-moz-box-shadow: inset 0px -2px 0px 0px rgba(161,161,161,1);
	box-shadow: inset 0px -2px 0px 0px rgba(161,161,161,1);}
}
@media screen and (min-width:600px) and ( max-width:1079px) {
/* タブレット */
	.sp-header-search{padding: 20px 20%;}
}

/* sidebar
------------------------------------------------------------------*/
.sidebar > .title{margin-bottom: 5px; color: #555555;}
.sidebar-category{margin-bottom: 15px;}
.sidebar-category a{display: block;}
.sidebar-category a:active{background: #f5f5f5;}
.sidebar-category a:hover{text-decoration: none; background: #eee;	}

.sidebar-category-box{border:1px solid #eeeeee; margin-bottom: 5px;}
.sidebar-category-box .dd_switch{display: block;  font-weight: bold; font-size: 14px; line-height: 50px; padding-left: 10px;}
.sidebar-category-box .dd_switch::after{left:auto; right: 0px; width: 40px; height: 40px; background: url(../images/common/parts/menu_open.png) no-repeat center; background-size: 20px;}/* + */
.sidebar-category-box .dd_switch.active::after{left:auto; right: 0px; width: 40px; height: 40px; background: url(../images/common/parts/menu_close.png) no-repeat center; background-size: 20px;}/* - */
.sidebar-category-box .arrow:before{display: none;}
.sidebar-sub-category.dd_menu{display: none;}
.sidebar-sub-category-box{line-height: 50px; border-top: 1px solid #eeeeee;}
.sidebar-sub-category-box a{ padding-left: 20px;}
.sidebar-sub-category-box.selected a{background: #4da6b6; color: #FFF;}

.sidebar-banner li{margin-bottom: 10px; line-height: 1;}
.sidebar-banner li a{line-height: 1; border: none;}

@media screen and ( max-width:1079px) {
	.sidebar-category{margin-bottom: 10px;}
	.sidebar-banner {margin-bottom: -10px;}
	.sidebar-category-box .dd_switch::after{left:auto; right: 0px; width: 40px; height: 40px; background: url(../images/common/parts/menu_open.svg) no-repeat center; background-size: 20px;}/* + */
	.sidebar-category-box .dd_switch.active::after{left:auto; right: 0px; width: 40px; height: 40px; background: url(../images/common/parts/menu_close.svg) no-repeat center; background-size: 20px;}/* - */
}
.sidebar .category_num{display: none;}

/* popup default style
------------------------------------------------------------------*/
.js-popup-btn{
	cursor:pointer;
}
.popup-con{
		z-index:-1;
		/*transition:.2s;*/
		opacity:0;
		visibility:hidden;
		/*position:relative;  iOSスクロールできないハック*/
}
.popup-con.p_nobg_open,
.popup-con.p_open{
	opacity:1;
	/* z-index:10001 !important; */
	z-index: 10;
	visibility: visible;
}
.popup-con iframe{
	display:none;
}
.popup-con.p_open iframe{
	display:block;
}
.popup-box{
	opacity: 0;
	/* z-index:101; */
	z-index: 1000;
	position: fixed;
	bottom:calc(2.5% + 50px);
	left:8%;
	width:84%;
	height:calc(95% - 50px);
	background-color: #FFF;
	transition: .2s;
	scroll-behavior:smooth;
	-webkit-overflow-scrolling:touch;
	overflow-y:auto;
	transform: translateZ(0);
}
.popup-box.small{
	height:calc(50% - 50px);
	padding: 0;
	top: 25%;
}
.p_open .popup-box{
	opacity: 1;
}
.popup-overlay{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.4);
	z-index:100;
}
.popup-box-inner{	padding:40px;}

/* グローバルナビ用 ポップアップstyle
------------------------------------------------------------------*/
.sp-header-nav .popup-box{
	bottom:-90%;
	left:8%;
	width:84%;
	height:calc(95% - 50px);
	background-color: #FFF;
}
.sp-header-nav .inner{
	padding: 0;
}
.sp-header-nav .p_open .popup-box{
	bottom:calc(2.5% + 50px);
	opacity: 1;
}
.sp-header-nav .popup-box-inner{
	padding:30px 25px;
}
.sp-header-nav .popup-box-header{
	position: relative;
	height: 42px;
}
.sp-header-nav .popup-box-header .popup-close-btn{
	position:absolute;
	top:0px;
	right: 0px;
	width: 42px;
	height: 42px;
	z-index:1;
}
.popup-close-btn.bottom{
	text-align: center;
	letter-spacing: 0.08em;
	font-size:17px;
	font-weight: bold;
}
.popup-close-btn.bottom img{width: 14px; margin-right: 10px;}
.sp-header-nav .title-popup{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	letter-spacing:0; 
}



/* =================================================================
5.サイドバー
使用ファイル：common/sidebar.xhtml
=================================================================*/

/* =================================================================
6.extファイル用
使用ファイル：ext/company.html
　　　　　　　ext/tokushou.html
　　　　　　　ext/guide.html
			　ext/social_provider.xhtml
=================================================================*/
.privacy-frame{margin-bottom: 15px; padding: 20px; font-size: 13px; height: 20em; overflow-y: auto; border: 1px solid #CCC;}
.privacy-frame h3.title-bold{font-size: 13px;}
.privacy-frame .content-box{margin-bottom: 30px;}
.agreement-box{padding: 10px;display: inline-block; background: #fdf2f4;}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.privacy-frame{ font-size: 12px;}
	.privacy-frame h2.title-bold{font-size: 14px;}
	.privacy-frame h3.title-bold{font-size: 12px;}
}

#ext th{text-align: left;}
#ext ul,#ext ol{padding-bottom: 10px;}

ul.list li{list-style: disc; margin: 5px 0; list-style-position: inside; text-indent:-1.2em; margin-left: 1.2em;}

ol.list{margin-left: -0.2em;}
ol.list li{text-indent:-0.8em; margin-left: 2em; list-style-position: inside;}
ol.list li::before{content: ""; display: inline-block; font-family: 'gartonmedium', -apple-system, BlinkMacSystemFont, "Helvetica Neue",/*'游ゴシック体', 'Yu Gothic', YuGothic,*/ 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; font-size: 18px; margin-right: 5px; width: 0.2em;}
ol.list li:nth-child(1)::before{content: "1.";}
ol.list li:nth-child(2)::before{content: "2.";}
ol.list li:nth-child(3)::before{content: "3.";}
ol.list li:nth-child(4)::before{content: "4.";}
ol.list li:nth-child(5)::before{content: "5.";}
ol.list li:nth-child(6)::before{content: "6.";}
ol.list li:nth-child(7)::before{content: "7.";}
ol.list li:nth-child(8)::before{content: "8.";}
ol.list li:nth-child(9)::before{content: "9.";}
ol.list li:nth-child(10)::before{content: "10.";}

#ext #sitemap ul:after {content: ""; clear: both; display: block;}/* clearfix */
#ext #sitemap li{width: 216px; float: left; list-style-type: none; margin: 5px 20px;}

/* social_provider.xhtml
-------------------------------------------------------------*/
#ext.social_provider tr th{background: #FFF;}
#ext.social_provider tr th a{text-decoration: none;}
#ext.social_provider tr.title th{background: #F6F6F6;}
#ext.social_provider th.service{width: 220px;}
#ext.social_provider th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#ext.social_provider th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#ext.social_provider th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#ext.social_provider th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#ext.social_provider th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#ext.social_provider th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#ext.social_provider th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#ext.social_provider th.rakuten div{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#ext.social_provider th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#ext.social_provider th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

#ext.social_provider th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.rakuten div.off{background: url("../images/social_rakuten_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#ext.social_provider th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}

#ext.social_provider td{vertical-align: middle;}

/* =================================================================
7.トップページ
使用ファイル：top.xhtml
=================================================================*/
/* mainvisual - メインビジュアル
-------------------------------------------------------------*/
.main-slides.slick-dotted.slick-slider{margin-bottom: 0px;}
.main-slides img{width: 100%;}
.main-slides .slick-slide{font-size: 0;}
/* .main-slides .slick-prev,
.main-slides .slick-next{display: none !important;} */
.main-slides .slick-prev{
	left:5%;
	top:calc(50% - 20px);
	margin-top: -40px;
	background: url( ../images/common/parts/arrow_prev_white.svg) no-repeat center;
	background-size: 80px;
	width: 80px;
	height: 80px;
}
.main-slides .slick-next{
	right:5%;
	top:calc(50% - 20px);
	margin-top: -40px;
	background: url( ../images/common/parts/arrow_next_white.svg) no-repeat center;
	background-size: 80px;
	width: 80px;
	height: 80px;
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.main-slides .slick-prev{
		left:3%;
		background-size: 50px;
		width: 50px;
		height: 50px;
		margin-top: 0px;
	}
	.main-slides .slick-next{
		right:3%;
		background-size: 50px;
		width: 50px;
		height: 50px;
		margin-top: 0px;
	}
}

.main-slides .slick-dots{ position: absolute; bottom:24px; left: 0;}
.main-slides .slick-dots li button{background: #FFF; opacity: 1; border: 1px solid #bababa;}
.main-slides .slick-dots li.slick-active button{background: #bababa; opacity: 1;}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.main-slides .slick-dots{ bottom:15px; }
}

/* topics - トピックス
-------------------------------------------------------------*/
.top-topics{background: url(../images/common/parts/topics_bg.jpg); padding: 20px 0;}
.top-topics .l-inner{background: #FFF; padding: 15px 30px 30px; box-shadow: 0px 3px 15px 0px rgba(88, 68, 52, 0.2); position: relative;}
.top-topics .l-inner::before,
.top-topics .l-inner::after{content: ""; display: block; position: absolute;}
.top-topics .l-inner::before{width: 142px; height: 136px; background: url(../images/common/parts/parts_leaf_01.png) no-repeat; top:-25px; left:-40px;}
.top-topics .l-inner::after{width: 119px; height: 96px; background: url(../images/common/parts/parts_leaf_02.png) no-repeat; top:-25px; right:-30px;}
.top-topics .title-img{margin-bottom: 15px; line-height: 0;}
.top-topics .box a{text-decoration: underline;}
.top-topics .box a:hover{text-decoration: none;}
.top-topics .box:last-child{margin-bottom: 30px;}

@media screen and ( min-width:1080px) {
	/* デスクトップ */
	.top-topics .box{display: table; padding: 0 90px; margin-bottom: 10px;}
	.top-topics .box + .box{margin-bottom:0;}
	.top-topics .box h3,
	.top-topics .box .date{display: table-cell; font-size: 15px; letter-spacing: 0.12em;}
	.top-topics .box h3{font-weight: normal; padding-left: 20px;}
	.top-topics .link{position: absolute; bottom:15px; right: 30px; margin-bottom: 0; background: #FFF; line-height: 0.8;}
}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.top-topics{background: url(../images/common/parts/topics_bg.jpg); padding: 20px 0;}
	.top-topics .l-inner{padding: 16px 20px; margin: 0 10px;}
	.top-topics .title-img{margin-bottom: 10px;}
	.top-topics .title-img img{height: 28px; width: auto;}
	.top-topics .box{text-align: left; margin-bottom: 10px;}
	.top-topics .box h3{font-weight: normal; padding-left: 0px;}
	.top-topics .box .date{margin-bottom: 0;}
	.top-topics .l-inner::before{width: 71px; height: 68px; background: url(../images/common/parts/parts_leaf_01.png) no-repeat; background-size: 100%; top:-20px; left:-20px;}
	.top-topics .l-inner::after{width: 59.5px; height: 48px; background: url(../images/common/parts/parts_leaf_02.png) no-repeat; background-size: 100%; top:-12px; right:-15px;}
	.top-topics .link{margin-bottom: 0;background: #FFF;}
	.top-topics .link a{border:1px solid #9b8f85; display: inline-block; padding: 8px 16px 6px; line-height: 0.9;}
}

/* item-list
-------------------------------------------------------------*/
.item-list a{display: block;}
.item-list a:hover{text-decoration: none;}
.item-list .item-price{margin-bottom: 0; font-size: 15px;}
.item-list .price-label{ margin-right: 0.5em; font-size: 0.90em; display: inline-block; width:4.5em;  opacity: 0.95; }
.item-list .item-price .tax{margin-left: 0.5em; font-size: 0.90em; opacity: 0.95;}
.item-list .box .item-icon{margin-bottom: 5px;}
@media screen and ( min-width:1080px) {
	/* デスクトップ */
.item-list.slick-slider{width:1040px; margin: auto;}
.item-list .slick-slide{width: 240px; margin: 0 10px;}
.item-list .box .text{width: 240px; text-align: center; line-height: 1.25; letter-spacing: 0;}
.item-list .item-name{font-weight: normal; margin-bottom: 8px; font-size: 16px; padding: 0 10px;}
.item-list .img-box{position: relative; width: 240px; height: 240px;/*display: table; */ border:1px solid #f5f5f5; margin-bottom: 8px; background: #FFF; overflow: hidden;}
.item-list .img-inner{/*display: table-cell; margin: 0;	text-align: center;	vertical-align: middle;*/}
.item-list .img-box img{max-height:100%; max-width:100%; position: absolute; top:0; bottom:0;left:0; right: 0; margin: auto;}
}
.item-list a:hover .img-box img{
	transform: scale(1.1);
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.item-list.slick-slider{width:100%; margin: auto;}
	.item-list .slick-slide{width: calc(50% - 20px); margin: 0 10px;}
	.item-list .box .text{text-align: center; font-size: 13px; line-height: 1.1;}
	.item-list .item-name{font-weight: normal; margin-bottom: 5px;}
	.item-list .price-label{margin-right: 0;}
	/* 画像エリアを正方形にして中央寄せにする */
	.item-list .img-box{display: block; width: 100%; height: 0; padding-bottom: 100%; border:1px solid #f5f5f5; margin-bottom: 8px; background: #FFF; position: relative;}
	.item-list .img-inner{display: block;}
	.item-list .img-box img{max-height:100%; max-width:100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
}
/* recommend - おすすめ商品
-------------------------------------------------------------*/
.top-recommend .top-content-title{
	padding-top: 50px;
	background: url(../images/common/parts/icon_rabitt@2x.png) no-repeat center top; background-size:33px 40px;
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.top-recommend .title-img img{width: 248.5px;}
}
/* ranking - 人気商品ランキング
-------------------------------------------------------------*/
.top-ranking .top-content-title{
	padding-top: 40px;
	background: url(../images/common/parts/icon_dog@2x.png) no-repeat center top; background-size:40px 33px;
}
.top-free-ranking .top-content-title{
	padding-top: 45px;
	background: url(../images/common/parts/icon_bird@2x.png) no-repeat center top; background-size:28px 40px;
}
.ranking-item{position: relative;}
.ranking-item::before,
.ranking-item::after{position: absolute; top:0; left:0; display: block; text-align: center; z-index: 1}
.ranking-item::before{content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #999999 transparent transparent transparent;}/* ▼ */
.ranking-item::after{ left:5px; top: 0px; font-size: 20px; line-height: 1; color: #FFF; font-family: 'gartonmedium', -apple-system, BlinkMacSystemFont, "Helvetica Neue",/*'游ゴシック体', 'Yu Gothic', YuGothic,*/ 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; font-weight: bold;}

.ranking-item#ranking_no1::after{content: "1";}
.ranking-item#ranking_no1::before{border-color: #e1d358 transparent transparent transparent;}
.ranking-item#ranking_no2::after{content: "2";}
.ranking-item#ranking_no2::before{border-color: #c0c0c0 transparent transparent transparent;}
.ranking-item#ranking_no3::after{content: "3";}
.ranking-item#ranking_no3::before{border-color: #bb9585 transparent transparent transparent;}
.ranking-item#ranking_no4::after{content: "4";}
.ranking-item#ranking_no5::after{content: "5";}
.ranking-item#ranking_no6::after{content: "6";}
.ranking-item#ranking_no7::after{content: "7";}
.ranking-item#ranking_no8::after{content: "8";}
.ranking-item#ranking_no9::after{content: "9";}
.ranking-item#ranking_no10::after{content: "10";}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.top-ranking .title-img img{width: 265.5px;}
}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.top-free-ranking .title-img img{width: 288.5px;}
}

/* Feature
-------------------------------------------------------------*/
.top-feature .top-content-title{
	padding-top: 52px;
	margin-top: -5px;
	background: url(../images/common/parts/icon_cat@2x.png) no-repeat center top; background-size:23px 47px;
}
.top-feature ul{margin-bottom: -25px;}
.top-feature .box{width: 310px; margin-right: 25px; margin-bottom: 25px;}
.top-feature .box:nth-child(3n){margin-right: 0;}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.top-feature .title-img img{width: 249.5px;}
	.top-feature .box img{width: 100%;}
	.top-feature .box,
	.top-feature .box:nth-child(3n){width: calc(50% - 5px); margin-right: 10px; margin-bottom: 10px;}
	.top-feature .box:nth-child(2n){margin-right: 0;}
}

@media screen and (min-width:600px) and ( max-width:1079px) {
	/* タブレット */
	.top-feature .box,
	.top-feature .box:nth-child(2n),
	.top-feature .box:nth-child(3n){width: calc(33.3% - 10px); margin-right: 15px;}
	.top-feature .box:nth-child(3n){margin-right: 0;}
}

/* Category
-------------------------------------------------------------*/
.top-find-category .category-name{font-weight: bold;}
.top-find-category .top-content-title{
	padding-top: 40px;
	background: url(../images/common/parts/icon_squirrel@2x.png) no-repeat center top; background-size:40px 32px;
}
@media screen and ( min-width:1080px) {
	/* デスクトップ */
	.top-find-category{margin-bottom: 35px;}
	.top-find-category ul{margin-bottom: -15px;}
	.top-find-category .box{text-align: center; width: 204px; margin-right: 15px; margin-bottom: 15px; }
	.top-find-category .category-name{font-size: 14px; font-weight: bold; margin-top: 15px;}
	.top-find-category .category-text{font-size: 13px;}
	.top-find-category .box:nth-child(5n){margin-right: 0;}
	.top-find-category .box a{ color: #555555; display: block; border: 1px solid #eeeeee; padding: 15px; height: 100%;}
	.top-find-category .box a:hover{text-decoration: none; border: 1px solid #ddd;}
	.top-find-category .box.arrow::before{display: none;}
	.top-find-category .box .img-box{width: 172px; height: 172px; position: relative;}
	.top-find-category .box .img-box img{ max-height: 100%; max-width: 100%; position: absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.top-find-category .title-img img{width: 283.5px;}
	.top-find-category .box{width: 100%; display: table;margin-bottom: 5px;}
	.top-find-category .box a{ padding: 10px;  border: 1px solid #eeeeee;}
	.top-find-category .box .img-box{width: 60px; height: 60px;}
	.top-find-category .category-name{font-weight: bold; padding:0 20px; font-size: 1.5rem;}
	.top-find-category .category-text{padding:0 20px;}
	.top-find-category .box.arrow::before{left: auto; right:10px; border-color: #ccc;}
}

@media screen and (min-width:600px) and ( max-width:1079px) {
	/* タブレット */
	.top-find-category .box{width: calc(50% - 5px); margin-right: 10px;}
	.top-find-category .box:nth-child(2n){margin-right: 0;}
}

/* Checked Item  閲覧履歴
-------------------------------------------------------------*/
.checked-item{ padding: 35px 0 25px;}
.checked-item-title{text-align: center; font-size: 32px; margin-bottom: 20px; font-family: 'gartonmedium', -apple-system, BlinkMacSystemFont, "Helvetica Neue",'游ゴシック体', 'Yu Gothic', YuGothic,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; position: relative;}

.checked-item-title{-ms-display:flex;	-webkit-display:flex;	display:flex;	align-items:center;	justify-content:center;}/* flex */
.checked-item-title > span{display: block; width: auto; max-width: calc(100% - 66px);}
.checked-item-title::before,
.checked-item-title::after{content: ""; display: block; vertical-align: middle;}
.checked-item-title::before{width: 33px; height: 50px; background: url(../images/common/parts/footprint_01@2x.png)no-repeat top; background-size: 33px 37px; margin-right: 20px;}
.checked-item-title::after{width: 33px; height: 50px; background: url(../images/common/parts/footprint_02@2x.png) no-repeat top; background-size: 33px 37px; margin-left: 20px;}

.checked-item-title .sub{display: block; font-size: 20px; line-height:0.9; letter-spacing: 0;}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.checked-item{ padding: 30px 0 60px;}
	/* .checked-item .title-img img{width: 217px;} */
	.checked-item .item-list .img-box{border:0;}
	.checked-item-title{text-align: center; font-size: 22px; margin-bottom: 30px;}
}

/* Related Item  関連商品
-------------------------------------------------------------*/
.related-item{ padding: 30px 0 30px;}
.related-item .top-content-title{
	padding-top: 45px;
	background: url(../images/common/parts/icon_squirrel@2x.png) no-repeat center top; background-size:40px 32px;
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.related-item{ padding: 20px 0 100px;}
	.related-item .title-img img{width: 223.5px;}
	.related-item .item-list .img-box{border:0;}
}

/* =================================================================
8.カートの中身～注文完了まで、プレゼント応募～完了まで
使用ファイル：cart_index.xhtml, cart_login.xhtml
　　　　　　　cart_seisan.xhtml, cart_confirm.xhtml
　　　　　　　cart_pre.xhtml, cart_result.xhtml
　　　　　　　present_login.xhtml, present_input.xhtml
　　　　　　　present_confirm.xhtml, present_result.xhtml
=================================================================*/

/* cartIndex - 買い物かごの中身
-------------------------------------------------------------*/
@media screen and (max-width:1079px) {
	/* SPではtdを縦に表示 */
	.cart-item-table{ width: 100%; border: none;}
	.cart-item-table tr{border-bottom: #E5E5E5 1px solid; display: block; padding: 15px 0; position: relative; min-height: 160px;}
	.cart-item-table tr:nth-of-type(2){border-top: #E5E5E5 1px solid;}
	.cart-item-table th,.cart-item-table tr.cart-item-table-head{display: none;}
	.cart-item-table td{display: block; border: none; padding: 0px; padding-left: 115px; margin-bottom: 4px; position: relative;}
	.cart-item-table td.price::before{ content: attr(data-th);  font-weight: bold;}
  .cart-item-table td.amount::before{ content: attr(data-th);  font-weight: bold;}
	.cart-item-table .price{margin-bottom: 10px;}
	.cart-item-table .price p{display: inline;}
	.cart-item-table .img-box{width: 100px; position: absolute; top:0px; left:0px; z-index: 1;}
	.cart-item-table .img-box img{position: static; max-width: 100%; max-height: 135px;}
	.cart-item-table .delete{text-align: right; position: absolute; bottom:15px; right: 0; padding: 0; margin-bottom: 0; font-weight: bold;}
	.cart-item-table .delete a.button{background:#a1a1a1; color: #FFF; border-color:#a1a1a1; padding: 8px 16px;}
}
@media screen and (min-width:1080px) {
	/* デスクトップ */
	.cart-item-table{ width: 100%; border: none;}
	.cart-item-table p{margin-bottom: 0;}
	.cart-item-table th,.cart-item-table .headline,.cart-item-table td{padding: 10px 15px; border: 0; border-bottom: 1px solid #ddd;}
	.cart-item-table .headline{border-top:1px solid #ddd; width: auto; font-size:13px; color: #333;}
	.cart-item-table .img-box{width: 100px; height: 100px; text-align: center; position: relative; margin-right: 15px;}
	.cart-item-table .img-box img{width: auto; max-width: 100px; max-height: 100px; display: block; position: absolute; top:0 ; right: 0; bottom: 0; left: 0; margin: auto;}
	.cart-item-table .text-box p{margin: 0 0 10px; font-size: 100%;}
	.cart-item-table .text-box p.code{font-size: 12px; margin-bottom: 4px;}
	.cart-item-table .text-box p.last{margin-bottom: 0px;}
	.cart-item-table .price{text-align: right;}
	.cart-item-table .delete{text-align: center; width: 100px;}
	.cart-item-table .delete a.button{line-height: 34px; padding: 0;}
	.cart-item-table .amount{text-align: center; width: 160px;}
	.cart-item-table select{height: 36px; border:1px solid #ccc;}
	.cart-item-table .itemname{min-width: 600px;}
	#cartIndex .box .buttonarea.amazon_btn .button.medium{max-width: 280px; width: 280px; line-height: 1.4;}
}
.cart-item-table .img-box a{display: block; width: 100%; height: 100%;}
.cart-item-table .delete a.button{margin-bottom: 0;}
.cart-item-table .empty{margin: 20px 0;}
/* .cart-item-table .tax{font-size: 9px; color: #666;} */
.cart-item-table .code{margin-bottom: 0;}
.cart-item-table a.item_name{font-size: 15px; font-weight: bold;}
.cart-item-table a.item_name,.cart-item-table a.item_name:visited{color: #3e3024; text-decoration: none;}
.cart-item-table a.item_name:hover{text-decoration: underline;}

.cart_total_price{ /* margin: 0px 0 30px; */ padding: 15px 0;font-weight: normal; text-align: right;}
.cart_total_price p{margin: 0px; font-size: 16px; }

#cartIndex .box .buttonarea.amazon_btn{margin: 10px; padding: 10px 0 0; text-align: center;}

/* カートページボタン
-------------------------------------------------------------*/
.cart-buttonarea{margin-top: 40px;}

@media screen and ( min-width:1080px) {
	.cart-buttonarea,.button-reverse{
		/* ← */
		-ms-display:flex;
		-webkit-display:flex;
		display:flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-pack: center;
    -ms-flex-pack: center;
   	justify-content: center;
	}
	
}
@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.cart-buttonarea{margin-top: 20px;}
}

/* cartLogin - 買い物かご・プレゼントログイン
-------------------------------------------------------------*/

.form-box table{width: 100%;}
.form-box th{text-align: left;}
.form-box th,
.form-box td{padding-bottom: 10px;}
.form-box input{width: 100%;}

.login-form{width: 100%;}
.login-form th,
.login-form td{display: block;width: 100%; padding-bottom:0; }
.login-form th{padding-bottom: 5px; font-weight: normal;}
.login-form td{margin-bottom: 20px;}
.login-form .form-attention{margin-top: 5px;}
.login-form .title-square{margin-bottom: 0; padding-bottom: 10px;}
.login-noregist{margin-bottom: 40px;}
.login-text{margin-bottom: 20px;}
.link-text + .buttonarea{margin-top: 20px;}

@media screen and ( max-width:1079px) {
	/* タブレット以下 */
	.form-box{background: #f5f5f5; padding: 40px; margin: auto; margin-bottom: 15px; max-width:648px;}
	.form-box.single{margin-bottom: 10px;}
	.form-box .title-box{padding: 0; text-align: center; font-size: 16px; padding-bottom: 20px;}
	.login-form + .link-text{margin-top: -10px;}
	.login-form .form-attention.between{margin: 0px 0 8px;}
}
@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.form-box{padding: 20px;}
}
@media screen and (min-width:1080px) {
	/* デスクトップ*/
	.form-box .title-box{padding: 0; text-align: center; font-size: 18px; padding-bottom: 30px; line-height: 1;}	
	.form-box{background: #f5f5f5; width: calc(50% - 20px); padding: 40px; margin: 0 auto; position: relative;}
	.form-box.single{width: 60%; padding: 45px 60px 50px;}
	.form-box th.title{min-width: 100px;}
	.amapay_box.box{width: auto;}
	#cartIndex .amapay_box{margin-top: 20px;}
	.login-form .form-attention{margin-top: 4px;}
	.login-form .form-attention.between{margin: 4px 0;}
	.login-form + .buttonarea{margin-top: 30px;}
}

#cartLogin .social_provider ul{margin: 10px 19px 20px;}
#cartLogin .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartLogin .social_provider ul li{width: 220px; height: 44px; font-size: 14px; display: block; float: left; margin: 10px 5px;}
#cartLogin .social_provider ul li a{display: block; text-decoration: none;}
#cartLogin .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}
#cartLogin .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#cartLogin .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#cartLogin .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#cartLogin .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#cartLogin .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#cartLogin .social_provider li.rakuten a{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#cartLogin .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#cartLogin .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}


/* cartFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#cartFlow .point_info{margin-bottom: 20px;}

#cartFlow .teiki ul{margin: 5px 10px;}
#cartFlow .teiki ul:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .teiki ul li{float: left; font-size: 13px; margin-right: 1em;}

/* #cartFlow table{width: 100%; margin: 0px 0 20px;} */
#cartFlow table.change_data{margin-top: 0px;}
#cartFlow.cart-confirm table.change_data{margin-top: -1px;}
#cartFlow table.member_regist{margin-top: 0px;}

.attention{color: #C00; font-weight: bold;}
.attention_message{color: #C00; font-weight: bold;}
.red{color: #C00;}

#cartFlow .sendCopyButton{margin-bottom: 10px;}
#cartFlow .sendCopyButton:after {content: ""; clear: both; display: block;}/* clearfix */
#cartFlow .sendCopyButton .button{width: auto; display: inline-block;}

#cartFlow .multi_send .buttonarea{background: #EEE; margin-top: 20px; padding: 30px 0;}
#cartFlow .multi_send table.delivery{margin-top: -21px;}
#cartFlow .multi_send .sendAddressButton a{width: auto; display: inline-block; margin-bottom: 10px;}

#cartFlow #reCAPTCHA{margin: 20px auto 40px auto;}
#cartFlow #reCAPTCHA iframe{width: 158px; height: 138px;}
#cartFlow #reCAPTCHA .g-recaptcha{display: block; -webkit-transform: scale(1.19); -ms-transform: scale(1.19); transform: scale(1.19); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0;}

/*#cartFlow .cartresult table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartresult .total{width: 920px; margin: 0 10px 30px;}

#cartFlow .cartconfirm table{width: 920px; margin: 0 auto 20px;}
#cartFlow .cartconfirm .total{width: 920px; margin: 0 10px 30px;}*/

#cartFlow .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}
#cartFlow .card-supplement{font-size:12px; color:#368bc6; font-weight:bold;}

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

@media screen and ( max-width:1079px) {
  /* タブレット以下 */
}
@media screen and (min-width:1080px) {
	/* デスクトップ*/
  #cartFlow:after {content: ""; clear: both; display: block;}/* clearfix */
  #cartFlow .content{width: 820px; float: left; margin-right: 20px;}
  /* #cartFlow table.newCreditCard{width: 547px; font-size: 100%; margin: 10px auto;} */
  
    /* cartSidebar - カートフロー内サイドバー
  -------------------------------------------------------------*/
  .cart-sidebar{width: 220px; float: right;}
  .cart-sidebar .inner{width: 220px;}
	.cart-sidebar input.positive{padding: 15px 12px;}
	.cart-sidebar a.button{padding: 14px 12px;}
  .cart-sidebar .total-box{border: #DDD 1px solid; padding: 15px 15px 5px; background: #F5F5F5;}
  .cart-sidebar .total-box .box{border: none; margin-bottom: 10px;}
  .cart-sidebar .total-box .box:after {content: ""; clear: both; display: block;}/* clearfix */
  .cart-sidebar .total-box h3{margin: 0; background: none; padding: 0px; border: 0px; font-size: 14px; float: left; font-weight: normal;}
  .cart-sidebar .total-box p.price{font-size: 16px; float: right; margin: 0px; font-weight: bold;}
  .cart-sidebar .total-box img{margin: 0px auto 10px; display: block;}
  .cart-sidebar .total-box .totalpricebox{border: none; margin-bottom: 10px; padding-top: 10px; border-top: 1px #CCCCCC solid;}
  .cart-sidebar .total-box .totalpricebox:after {content: ""; clear: both; display: block;}/* clearfix */
  .cart-sidebar .total-box .teiki_text{margin: 0; font-size: 12px;}
  .cart-sidebar .button{margin-bottom: 10px;}
  .cart-sidebar .tax{font-size: 9px; color: #666;}
  
  .cart-sidebar .cartitem{margin-top: 20px; width: 220px; padding: 10px; border: #DDD 1px solid;}
  .cart-sidebar .cartitem h3{margin: 0 0 10px; font-size: 14px;  padding: 0px; border: none; background: none;}
  .cart-sidebar .cartitem li{margin-bottom: 10px; padding-bottom: 0px; border-bottom: 1px solid #CCC;}
  .cart-sidebar .cartitem .img-box{ width: 80px; height: 80px; float: left; margin-right: 5px; text-align: center; position: relative;}
  .cart-sidebar .cartitem .img-box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
  .cart-sidebar .cartitem .text-box{padding-left: 0px; margin-bottom: 5px;}
  .cart-sidebar .cartitem .text-box:after {content: ""; clear: both; display: block;}/* clearfix */
  .cart-sidebar .cartitem .text-box p{margin: 0px; font-size: 12px;}
  .cart-sidebar .cartitem p.price{ margin: 0px; float: left;}
  .cart-sidebar .cartitem p.amount{ margin: 0px; float: right;}
}

/* サイドバー固定 */
.pc-side-nav-fixed {
	top: 180px;
	left: calc(860px + 50vw - 549px);/*  540px(コンテンツ幅/2) + (17px /2)(スクロールバー横幅) */
	position: fixed;
}

@media screen and ( max-width:1079px) {
  /* タブレット以下 */
	.cart-sidebar{display: none;}
}


/* cart_confirm - カート確認画面
-------------------------------------------------------------*/
.cart-confirm h3.title-square .button{display: block; float: right; width: auto; padding: 10px 20px;}
.cart-confirm h3.title-square {line-height: 34px;}
.edit-buttonarea .button{font-size: 14px; max-width: 300px; padding: 16px 12px;}
@media screen and ( max-width:599px) {
	/* スマホ */
	.edit-buttonarea .button{ max-width: 300px;}
}

.cart-confirm .cart-total-price{ margin: 16px 0 40px; border-bottom: 0; background: #f5f5f5; padding:30px 0;}
.cart-confirm .cart-total-price .tax,.cart-confirm .cart-total-price .teiki_text{font-size:10px;}
.cart-confirm .cart-total-price dl{display: table; width: 240px; margin:0 auto 8px;}
.cart-confirm .cart-total-price dt,.cart-confirm .cart-total-price dd{display: table-cell; width: 50%; position: relative;}
.cart-confirm .cart-total-price dt{text-align: left;}
.cart-confirm .cart-total-price dt:after{content: "："; display: block; float: right;}
.cart-confirm .cart-total-price dl.total_price{border-top:1px solid #010101;padding-top: 8px; margin-bottom: 0; font-size: 16px;}
.cart-confirm .cart-total-price dl.total_price dd{font-weight: bold;}
.cart_confirm .title_bold .button{margin-bottom: 0; margin-left: 30px; font-weight: normal;}
.cart_confirm .title_bold{zoom: 1;}
.cart_confirm .title_bold:after{content: ""; display: block; clear: both;}
.cart_confirm .edit_button_area{text-align: center;}
.cart_confirm .edit_button_area .button{padding: 12px 30px; margin-bottom: 0;}
@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.cart-confirm .cart-total-price dd{text-align: right;}
	.cart_confirm .title_bold {position: relative; overflow: hidden;}
	.cart_confirm .title_bold a{display: block; float: right;}
	.cart-confirm .cart-total-price dt{width: 60%;}
	.cart-confirm .cart-total-price dd{width: 40%;}
}
@media screen and (min-width:600px){
	/* タブレット */
	/* デスクトップ */
	.cart-confirm .table-form td{font-size: 16px;}
	.cart-confirm .cart-total-price{ float: right; margin: 16px 0; border-bottom: 0; background: #f5f5f5; padding:30px 45px;}
	.cart-confirm .cart-total-price dl{display: table; min-width: 200px; width: 100%; margin:0 auto 8px;}
	.cart-confirm .cart-total-price dl.daibiki_box{width: 300px;}
	.cart-confirm .cart-total-price dt,.cart-confirm .cart-total-price dd{display: table-cell; font-size: 16px;  position: relative; text-align: right;}
	
	.cart-confirm .cart-total-price .tax,.cart-confirm .cart-total-price .teiki_text{font-size:11px;}
	
	/* Firefoxのみ */
	@-moz-document url-prefix(){
		.cart-confirm .cart-total-price dl{ min-width: 240px; }
		.cart-confirm .cart-total-price dt,.cart-confirm .cart-total-price dd{font-size: 15px!important;}
	}
}

@media screen and (min-width:1080px){
	/* デスクトップ */
	.cart_confirm .table_form th,.cart_confirm .table_form td{padding: 30px;}
}


/* cartResult - カート完了画面
-------------------------------------------------------------*/
.cart-order-number{padding: 60px 0; margin: 30px 0px; text-align: center;}
.cart-order-number strong{ font-size: 24px;}

/* presentFlow - 買い物かご・プレゼント注文情報入力～注文完了まで
-------------------------------------------------------------*/
#presentFlow #cartLogin table{width: 446px !important;}


/* =================================================================
9.定期購入商品履歴照会・変更
使用ファイル：teiki_index.xhtml, teiki_detail.xhtml
　　　　　　　teiki_renew.xhtml, teiki_renew_confirm.xhtml
=================================================================*/
/* teikiIndex - 定期購入商品一覧
-------------------------------------------------------------*/
#teikiIndex h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiIndex h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiIndex .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiIndex .head{padding: 5px; background: #F1F1F1;}
#teikiIndex .headDetail{padding-left: 15px; background: url("../images/marker_on.gif") 0 5px no-repeat;}
#teikiIndex .head_renew .button{display: inline-block; width: auto; margin-bottom: 10px;}
#teikiIndex .price{color: #C00; text-align: right;}
#teikiIndex table{width: 728px; margin: 10px 0px 30px;}
#teikiIndex table:last-child{margin-bottom: 0px;}
#teikiIndex th{padding: 5px 10px;}
#teikiIndex td{text-align: center;}
#teikiIndex td.month{background: #F9F9F9; font-weight: bold; color: #960;}
#teikiIndex .status {float: right; margin-right: 20px;}
#teikiIndex .cancel_oder{text-align: right;}
#teikiIndex .cancel_oder .button{display: inline-block; width: auto;}
#teikiIndex .cancel_oder form{height: 20px;}

/* teikiDetail - 定期購入商品照会・変更・確認画面
-------------------------------------------------------------*/
#teikiDetail h3{margin: 5px; padding-left: 8px; border-left: 6px solid #373737; font-size: 110%;}
#teikiDetail h4{display: block; margin: 30px 0px 20px; padding-left: 15px; border-bottom: 1px solid #CCC; background: url("../images/marker.gif") 2px 8px no-repeat; font-size: 100%;}
#teikiDetail h5{margin: 20px 0px 0; font-size: 16px;}
#teikiDetail .box{margin: 10px; padding: 10px; border: 1px solid #CCC; background: #FFF;}
#teikiDetail .head{padding: 5px; background: #F1F1F1;}
#teikiDetail .headDetail{margin-right: 20px; padding-left: 5px; border-left: 12px groove #333;}
#teikiDetail .price{color: #C00;}
#teikiDetail table{width: 728px; margin: 10px 0px 30px;}
#teikiDetail table:last-child{margin-bottom: 0px;}
#teikiDetail td.month{background: #F9F9F9; font-weight: bold; color: #960;}


/* =================================================================
10.フッタ
使用ファイル：common/footer.xhtml
=================================================================*/
.end-content{margin-bottom: -61px; position: relative; z-index: 1;}/* footerに接地させるコンテンツ */

#footer{clear: both; width: 100%; margin-top: 0px; border-top: 1px solid #ddd;}
#footer .copyright{padding: 12px 0 12px; line-height: 1; font-size: 12px; color: #ffffff; letter-spacing: 0.1em; text-align: center;}

.footer-menu{padding: 30px 0;}
.footer-menu a{color:#555555; font-size: 14px;}
/* backtotop */
#topBtn{position:fixed; bottom:20px; right:20px; display:block; z-index: 12;}
#topBtn a{width:54px; height:54px; display:block;}
.footer-menu li .arrow-right::before{right:-10px; display: inline-block;}

@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.end-content{margin-bottom: -61px; position: relative; z-index: 1;}/* footerに接地させるコンテンツ */
	#footer{margin-top: 0px;}
	.footer-menu{padding: 20px 0 20px; max-width: 600px; margin: auto; margin-bottom: -5px;}
	.footer-menu li{width: 100%; /* margin-bottom:15px; */ margin-bottom: 5px; }
	.footer-menu li a{display: block; text-align: center; border:1px solid #eeeeee; border-radius: 19px; line-height:38px; }
	.footer-menu li a:hover{background: #f5f5f5; text-decoration: none;}
	#footer .copyright{padding: 15px 0 15px; font-size: 11px;}
	.footer-menu li .arrow-right::before{right: 15px;}
}

/* =================================================================
11.商品詳細・一覧、プレゼント詳細・一覧、トピックス詳細・一覧
使用ファイル：item_list$detail.xhtml, item_list$image.xhtml
　　　　　　　item_list$simple.xhtml, item_detail.xhtml
　　　　　　　present_list.xhtml, present_detail.xhtml
		　　topics_list.xhtml,topics_detail.xhtml
=================================================================*/

/* お気に入り　各ボタン
-------------------------------------------------------------*/
.add-wishlist-button,
.remove-wishlist-button,
.view-wishlist-button{position: relative;}
.add-wishlist-button::before,
.remove-wishlist-button::before,
.view-wishlist-button::before{display: inline-block; content: ""; width:18px; height: 17px; vertical-align: bottom;}
/* お気に入りに追加 */
.add-wishlist-button::before{background: url(../images/common/parts/icon_favorite_gray.svg) no-repeat center; background-size: 18px 17px; margin-right: 8px;}
/* お気に入りから削除 */
.remove-wishlist-button::before{background: url(../images/common/parts/icon_favorite_yellow.svg) no-repeat center; background-size: 18px 17px; margin-right: 8px;}
/* お気に入りを見る */
.view-wishlist-button::before{background: url(../images/common/parts/icon_favorite_yellow.svg) no-repeat center; background-size: 15px 14px; margin-right: 8px;}

@media screen and (max-width:1079px) {
	/* タブレット以下 */
	/* お気に入りに追加 */
	.add-wishlist-button::before{background-size: 15px auto; margin-right: 6px;}
	/* お気に入りから削除 */
	.remove-wishlist-button::before{background-size: 15px auto; margin-right: 6px;}
	/* お気に入りを見る */
	.view-wishlist-button::before{background-size: 15px 14px; margin-right: 8px;}
}
/* category_html - カテゴリ画像、カテゴリ説明文
-------------------------------------------------------------*/
.itemlist-category-info{	margin-bottom: 10px;}
.itemlist-category-img{	text-align: center; margin-bottom: 10px;}
.itemlist-category-text{	text-align: left;}


/* 注意喚起 */
.attention-box{/* border: 1px solid #f1babe; */border: 1px solid #ccc; padding: 15px; border-radius: 5px; position: relative; margin-top: 10px;}
.attention-box .title{font-weight: bold; color:#ef820d;/* #e5747c */ }
.attention-close{background: url("../images/common/parts/icon_close_gray.svg") no-repeat center; background-size: 18px 18px; width: 24px; height: 24px;  position: absolute; border: 0; right: 5px; top:5px; cursor: pointer;}
.attention-box .one-cart-button{width: 200px; line-height: 54px; font-size: 14px; margin-right: 20px; padding: 0 12px;}

@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.attention-box .one-cart-button{width: 200px; line-height: 40px; font-size: 14px; margin-right: 20px; margin-bottom: 10px;}
}

/* itemListCategory - カテゴリ
-------------------------------------------------------------*/
#itemListCategory{margin-bottom: 15px;}
#itemListCategory ul{margin-bottom: -10px;}
#itemListCategory ul:after {content: ""; clear: both; display: block;}/* clearfix */
#itemListCategory li{margin-bottom: 5px; margin-right: 5px;}
#itemListCategory .select{ color: #FFF; background:#4da6b6; border: 1px solid #4da6b6; text-decoration: none;}
#itemListCategory li a{display: block; padding: 12px 20px; font-size: 14px; color: #555555; text-decoration: none; white-space: nowrap; border: 1px solid #cccccc; border-radius: 5px;}
#itemListCategory li a:link{display: block;}
#itemListCategory li a:not(.select):hover{ color: #4da6b6; border: 1px solid #4da6b6; text-decoration:none; opacity: 1!important;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
/* 商品件数 */
.pagenavi-total-number{font-size: 14px; color: #999; font-weight: bold; letter-spacing: 0;}
.pagenavi-total-number strong{color:#4da6b6; font-size: 24px; margin-right: 5px;}
/* 表示件数・並び替え　プルダウン */
.maxnum-select{}

.pagenavi-select dt,.pagenavi-select dd{display: table-cell; vertical-align: middle;}
.pagenavi-select dt{font-size: 11px; color: #5e5e5e; letter-spacing: 0.12em;}
.pagenavi-select select::-ms-expand {
    display: none;/*IE11*/
}
.pagenavi-select select{ font-size: 14px; padding: 0 30px 0 15px; height: 30px; border: 1px solid #dddddd; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #FFF;}
.pagenavi-select select:hover,.pagenavi-select select:focus{}
.pagenavi-select dd{position: relative;}
.pagenavi-select dd::before{content: ""; display: block; position: absolute;right: 10px; top:0; bottom:0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #4da6b6 transparent transparent transparent;}/* ▼ */
/* ●件から●件を表示しています　テキスト */
.pagenavi-pageguide{font-size: 14px; letter-spacing: 0.12em;}
/* ページャー */
.pagenavi-pager .current{	box-sizing: content-box; color: #FFF; background: #584434; border:1px solid #584434; width:40px; line-height: 40px; display:inline-block;	text-align: center; font-weight: bold; font-size: 14px;	margin-left: 6px; border-radius: 5px;}
.pagenavi-pager span span span a,
.pagenavi-pager .prev a,
.pagenavi-pager .next a{	color:#3e3024; text-decoration: none;	box-sizing: content-box; border:1px solid #dddddd;	width:40px;	line-height: 40px;	display:inline-block;	text-align: center; font-weight: bold; font-size: 14px;	margin-left: 6px; border-radius: 5px;}
.pagenavi-pager span span span a:hover,
.pagenavi-pager .prev a:hover,
.pagenavi-pager .next a:hover{	background: #f6f1e3;}
.pagenavi-pager .prev,
.pagenavi-pager .next{display: inline-block;}

@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.pagenavi-select{margin-bottom: 2px;}
	.pagenavi-select dt{font-size: 11px; letter-spacing: 0.12em; width: 6em;}
	.pagenavi-select select{ width: 9.5em; padding: 0 15px 0 10px;}
	.pagenavi-select select:focus{color: #333;}
	.pagenavi-tota-number{font-weight: 200; font-size: 12px;}
	.pagenavi-pageguide{text-align: center; margin-bottom: 15px; }
	.pagenavi-wrap.upper{ margin-bottom: 10px; padding: 10px; background:#f5f5f5; font-size:12px;}/* 上部のページナビ */
	.pagenavi-wrap.under{padding:10px 0 0;}/* 下部のページナビ */
	.pagenavi-pager { text-align: center; margin-bottom: 10px;}
}
@media screen and (min-width:1080px) {
	/* デスクトップ */
	.pagenavi-select{margin-left: 20px;}
	.pagenavi-wrap.upper{padding:10px; background:#f5f5f5;}/* 上部のページナビ */
	.pagenavi-wrap.under{padding-top: 15px; line-height: 42px;}/* 下部のページナビ */
	.pagenavi-pager { text-align: right;}
}

/* itemListImage - 商品画像一覧
-------------------------------------------------------------*/
.itemlist-box{ /* padding: 30px 0 20px;*/ padding: 10px 0 10px; border-bottom: #dddddd 1px solid;}
.itemlist-box .property{margin: 0; color: #999; margin-bottom: 10px;}
.itemlist-img-area{width: 200px;}
.itemlist-box .img-box{width: 200px; height: 200px; text-align: center; position: relative; border: 1px solid #f5f5f5; overflow: hidden;}
.itemlist-box .item-icon{margin-top: 5px;}
.itemlist-box .img-box img{width: auto; max-width: 100%; max-height: 100%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.itemlist-box .img-box a:hover img{transform: scale(1.1); transition: 0.3s ease;}
.itemlist-text-area{width: 350px;}
.itemlist-price-area{width: 200px;}
.itemlist-price-box{background: #f5f5f5; padding: 10px 10px 5px; color: #555555; margin-bottom: 5px;}
.itemlist-price-box .price{margin-bottom: 5px;}
.itemlist-price-box .price-label{display: block; text-align: left; font-size: 13px;}
.itemlist-price-box .item-price{display: block; text-align: right; font-weight: bold;}
.itemlist-price-box .tax{font-size: 11px;}
.itemlist-price-area a.button,
.itemlist-price-area input.button,
.itemlist-price-area span.button{font-size:14px; font-weight: bold; margin-bottom: 5px;}

.cartSubmitButton{position: relative; display: block;}

/* 1つカートに入れる */
.cartSubmitButton a.one-cart-button,
.cartSubmitButton input.one-cart-button{background:transparent; text-indent: 20px; box-shadow: none; color: #ef820d; border: 1px solid #ef820d; position: relative; z-index: 1;}
.cartSubmitButton::before{content: "";display: block; background:#FFF url("../images/common/parts/icon_cart_orange.svg") no-repeat center; background-size: 18px 16px; width: 18px; height: 16px; position: absolute; top:0; bottom:0; margin: auto; left:calc(50% - 6em); transition: 0.3s ease;}
.cartSubmitButton:hover::before{opacity: 0.7;}
input.one-cart-button:hover,
a.one-cart-button:hover{opacity: 0.7;}

/* 商品詳細ボタン */
.item-detail-button .detail-button{background:transparent; box-shadow: none; color: #ef820d; border: 1px solid #ef820d; position: relative; z-index: 1;}
.item-detail-button .detail-button:hover{background:transparent; box-shadow: none; opacity: 0.7;}

@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.cartSubmitButton{position: relative;}
}

.itemlist-item-name{border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px; margin-bottom: 10px; line-height: 1.5; font-size: 16px;}
.itemlist-table td,
.itemlist-table th{padding: 6px 10px; font-size: 13px; text-align: left; min-width: 90px;}
.itemlist-table th{font-weight: normal; color: #666; padding-left: 0;}

@media screen and (min-width:1px) and (max-width:767px) {
	/* スマホのみ */
	.cartSubmitButton a.one-cart-button,
	.cartSubmitButton input.one-cart-button{text-indent: 15px; width: 100%;}
}

@media screen and (min-width:1080px) {
	/* デスクトップ */
	.itemlist-box .SP-only{display: none;}
	.attention-box .SP-only{display: none;}
	.itemlist-box input.medium{
		padding: 12px 12px;
	}
	.itemlist-box a.medium{
		padding: 11px 12px;
	}
	.attention-box .cartSubmitButton::before{left:calc(50% - 6.5em);}
	
}
/* .itemlist-boxのみブレイクポイントが異なります */
@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.itemlist-box .img-box{width: 100%; height: auto; display: table;}
	.itemlist-box .img-inner{display: table-cell; margin: 0;	text-align: center;	vertical-align: middle;}
	.itemlist-box .img-box img{max-height:100%; max-width:100%; margin: auto; position: static;}
	.itemlist-button-box {text-align: right;}
	.itemlist-button-box > span{display: block;}
	
	.cartSubmitButton::before{content: "";display: block; background:#FFF url(../images/common/parts/icon_cart_orange.svg) no-repeat center; background-size: 15px auto; width: 18px; height: 16px; position: absolute; top:0; bottom:0; margin: auto; /*left:calc(50% - 6.7em);*/ }
	
	.attention-box .cartSubmitButton::before{left:calc(50% - 5.5em); top:12px; bottom:auto;}
	#wishList .attention-box .cartSubmitButton::before{ top:11px; bottom:auto; margin: auto; left:calc(50% - 5.5em); }
}
@media screen and (min-width:768px) and ( max-width:1079px) {
/* タブレットのみ  */
	.itemlist-img-area{width: 30%;}
	.itemlist-text-area{width: calc(70% - 260px);}
	.itemlist-box .SP-only{display: none;}
	.attention-box .SP-only{display: none;}
	/*.itemlist-button-box .button{display: block;}*/
}

/* @media screen and (min-width:1px) and (max-width:599px) */
@media screen and (min-width:1px) and (max-width:767px) {
	/* スマホのみ */
	.itemlist-box {position: relative; padding-left: 30px; padding-top: 10px; padding-bottom: 10px;}
	.itemlist-box .PC-only{display: none;}
	.attention-box .PC-only{display: none;}
	.attention-box .cartSubmitButton::before{left:calc(50% - 4.5em);}
	.itemlist-item-name{line-height: 1.25; padding-bottom: 8px; margin-bottom: 8px;}
	.sp-itemlist-item-name{width: calc(100% - 10px); margin-left: 10px;}
	.itemlist-img-area{order: 1; width: calc(40% - 20px); margin-right: 10px; margin-left: 10px;}
	.itemlist-price-area{order: 2; width: 60%; margin-bottom: 0px;}
	.itemlist-text-area{order:3;width: 100%; margin-left: 10px; text-align: right;}
	.itemlist-price-box{margin-bottom: 5px;}
	.itemlist-price-box .price{margin-bottom: 4px; text-align: right;}
	.itemlist-price-box .price-label{display: inline; text-align: right; font-size: 1.3rem;}
	.itemlist-price-box .item-price-value{font-size: 1.5rem;}
	.itemlist-price-box .item-price{display: inline; text-align: right; font-weight: bold;}
	.itemlist-price-area a.button{padding: 11px; margin-bottom: 5px; min-width: 150px;}
	.itemlist-price-area input.button{padding: 12px; margin-bottom: 5px; min-width: 150px;}
	.view-detail-switch{border: none; background: none; padding:0; font-size: 1.3rem; text-decoration: underline; color:#555;  }
	.view-detail-content{display: none;}
	.itemlist-table{width: 100%; text-align: left;}
	.itemlist-table td, .itemlist-table th{padding: 3px 5px; font-size: 1.3rem; text-align: left; border-bottom: 1px dotted #ccc;}
	.itemlist-table th{border-right: 5px solid #FFF;}
	.itemlist-button-box{display: flex;-webkit-box-pack: end; -ms-flex-pack: end;justify-content: flex-end;}
	.itemlist-button-box .cartSubmitButton::before{left:5px;}
	.itemlist-button-box .add-wishlist-button,
	.itemlist-button-box .remove-wishlist-button{margin-left: 5px;}
	
	#wishList .itemlist-button-box{max-width: none; display: flex; justify-content: flex-end;}
	#wishList .itemlist-button-box > * {margin-left: 5px;}
	#wishList .cartSubmitButton{display:block;}
	.wishlist-box .itemlist-button-box .button, .wishlist-box .itemlist-button-box a.button, .wishlist-box .itemlist-button-box input.button{
		padding: 10px; margin:0; width: auto; min-width: auto; display:block; font-weight: normal;
	}
	#wishList .cartSubmitButton::before{ top:11px; bottom:auto; margin: auto; left:5px; }
	
}
@media screen and (min-width:1px) and (max-width:599px){
/* スマホ中のみ  */
	.itemlist-button-box{/* max-width: 280px;  display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;*/}
	.itemlist-button-box .add-wishlist-button,
	.itemlist-button-box .remove-wishlist-button{width: 40px!important; height: 40px!important; min-width: auto!important; padding: 10px!important; overflow: hidden; border-radius: 50%; text-indent: 0px; font-size: 0px!important; color: #FFF;}
}

@media screen and (min-width:1px) and (max-width:320px) {
	/* スマホ小のみ */
	.attention-box .cartSubmitButton::before{top:13px; bottom:auto; margin: auto; left:5px; }
	.itemlist-box .cartSubmitButton::before{ top:11px; bottom:auto; margin: auto; left:5px; }
}


/* 一括投下 */
.itemlist-check{background: #f5f5f5; width: 36px; position: relative;}
.itemlist-check label {position: absolute; top: 0; bottom: 0; left:0; right: 0; margin: auto; transition: 0.3s ease;}
.itemlist-check label:hover,
.itemlist-check label.checked{background: #daecce;}
.itemlist-check input{width: 18px; height: 18px; position: absolute; top: 0; bottom: 0; left:0; right: 0; margin: auto;}

.itemli_allcart_btn_wrap{height: 74px;}
.itemli_allcart_btnarea{position: fixed; right: 10px; width: 470px; height: 54px; line-height: 54px; font-size: 1.1rem; z-index: 11;}
.itemli_allcart_btnarea a.button{width: auto; max-width: none;}
a.itemli_allcart_in{background: #ef820d/*#79ac34*/ url(../images/common/parts/check-cart@2x.png) no-repeat top 12px left 30px; background-size: 22px 27px; text-indent: 20px; box-shadow: inset 0px -2px 0px 0px #ce700b;}
a.itemli_allcart_in:hover{background:#f4a755 url(../images/common/parts/check-cart@2x.png) no-repeat top 12px left 30px; background-size: 22px 27px; box-shadow: inset 0px -2px 0px 0px #dd9b54;}
.itemli_allcart_btnarea.nofixed { position: relative; margin: 0 auto; bottom: auto !important; right: auto !important; padding:10px 0 0;}


@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.itemlist-check{background: #f5f5f5; width: 30px; position: relative;}
	.itemlist-check label:hover{background: none;}
	.itemlist-check label.checked:hover{background: #daecce;}
}
@media screen and (min-width:768px) and ( max-width:1079px) {
/* タブレットのみ  */

}
/* @media screen and (min-width:1px) and (max-width:599px) */
@media screen and (min-width:1px) and (max-width:767px) {
	/* スマホのみ */
	.itemlist-check{background: #f5f5f5; width: 30px; position: absolute; top:10px; left:0; height: calc(100% - 20px);}
	a.itemli_allcart_in .sp_hide{display: none;}
}


.wishlistMessage,
.wishlistDelMessage,
.cartMessage{box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.12);}

/* itemListImage - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .cartSubmitButton{position: relative;}
#itemListImage .cartSubmitButton .cartMessage{position: absolute; top: -85px; right:0; margin-left: 0px; /* left: 50%; margin-left: -140px; */ padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemListImage .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#itemListImage .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemListImage .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemListImage .cartSubmitButton .cartMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}
/* itemListImage - 商品一覧お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemListImage .wishlistSubmitButton{position: relative;}
#itemListImage .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; right:0; margin-left: 0px; /* left: 50%; margin-left: -140px; */ padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemListImage .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#itemListImage .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemListImage .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; right:0; margin-left: 0px; /* left: 50%; margin-left: -140px; */ padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333;margin-bottom: 15px;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemListImage .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}

/* topics-list - トピックス一覧
-------------------------------------------------------------*/
.topics-list { padding: 45px 60px 60px;}
.topics-list .box{border-bottom: 1px solid #FFF;}
.topics-list .box a{display: block; padding: 15px 0;}
.topics-list .box a:hover{text-decoration: none;}
.topics-list .box a:hover .topics-list-title-text{ text-decoration: underline; }
.topics-list-title-text{font-size: 16px; font-weight: normal; margin-left: 20px;}

@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.topics-list-title-text{display: block; font-size: 14px; margin-left: 0px; margin-top: 5px;}
}
@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.topics-list { padding: 5px 20px 20px;}
	
}
@media screen and (min-width:600px) and ( max-width:1079px) {
/* タブレットのみ  */
	.topics-list { padding: 25px 40px 35px;}
}

/* topics-detail - トピックス詳細
-------------------------------------------------------------*/
.topics-detail { padding: 40px 60px 35px;}
.topics-detail .page-title{text-align: left; display: block; font-size: 28px; border-bottom: 1px solid #FFFFFF; padding-bottom: 10px; margin-bottom: 30px!important;}
.topics-detail .page-title > span{width: auto; max-width: none;}
.topics-detail .page-title::before,.topics-detail .page-title::after{display: none;}
.topics-detail .page-title .sub{display: block; font-size: 20px; padding-bottom: 15px;}
.topics-detail-text p{font-size: 16px; line-height: 1.8;}
.topics-detail-img-box{margin: 30px 0;}
.topics-detail-text{margin: 30px 0 0;}
@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.topics-detail .page-title{font-size: 20px;}
	.topics-detail .page-title .sub{font-size: 15px;}
	.topics-detail-text p{ font-size: 14px;}
}
@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.topics-detail { padding: 20px 20px 10px;}
	.topics-detail .page-title{font-size: 20px;}
	.topics-detail .page-title .sub{font-size: 15px;}
	.topics-detail-text p{ font-size: 14px;}
	.topics-detail-img-box{margin: 15px 0;}
	.topics-detail-text{margin: 15px 0 0;}
}
@media screen and (min-width:600px) and ( max-width:1079px) {
/* タブレットのみ  */
	.topics-detail { padding: 40px 40px 30px;}
}

/* itemDetail - 商品詳細・プレゼント詳細
-------------------------------------------------------------*/
#itemDetail{margin-bottom: 30px;}
#itemDetail .box{margin-bottom:30px;}
#itemDetail .box:after {content: ""; clear: both; display: block;}/* clearfix */

/* 商品画像の切り替え */
@media screen and (min-width:1080px) {
	/* デスクトップ */
  #itemDetail{margin-bottom: 30px;}
	.item-detail-image{float: left; width: 370px;}
	.item-detail-text{float: right; width: 410px;}
}
@media screen and (max-width:1079px) {
	/* タブレット以下 */
	/*.item-detail-image{padding:0 20px;}
	.item-detail-text{padding:0 20px;}*/
	.item-detail-image .icon{margin-bottom: 20px;}
}

/* fancybox */
body.compensate-for-scrollbar{margin-right: 0;}

/* アイコン */
#itemDetail .icon li{margin-bottom: 5px; font-size: 13px;}

/* メイン画像 */
.slider-main {margin-bottom: 10px; }
.slider-main .main-item a{display: block; position: relative; width: 100%; height: 0; padding-bottom: 100%;}
.slider-main .main-item a::after{content: "拡大表示"; background: url(../images/common/parts/icon_plus.svg) no-repeat left 10px center rgba(0,0,0,0.5); background-size: 20px; height: 24px; line-height: 24px; padding: 10px 10px 10px 40px; color: #FFF; font-weight: bold; cursor: pointer; opacity: 0; position: absolute; bottom: 0px; right: 0px; left:0px; margin: auto; width: 60px; transition: .3s ease;}
.slider-main .main-item a:hover::after{opacity: 1;}
.slider-main .slick-slide img{max-width:100%; max-height: 100%; position: absolute; top:0; bottom:0; left:0; right: 0; margin: auto; display: block; }
.slider-main .main-item{text-align: center; border: 1px solid #f5f5f5;}

/* サムネイル */
.slider-thumb {/* margin-bottom: 50px; */}
.slider-thumb .thumbnail-item{width: calc( 20% - 8px);  margin-right: 10px; margin-bottom: 10px; /* padding-bottom: 1px; */ border: 1px solid #f5f5f5;  cursor: pointer;}
.slider-thumb .thumbnail-inner{width: 100%;  padding-bottom: 100%; height: 0; position: relative;}
.slider-thumb .thumbnail-item img{vertical-align: middle; transition: 0.3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;  max-width:100%; max-height: 100%; position: absolute; top:0; bottom:0; left:0; right: 0; margin: auto; display: block;}
.slider-thumb .thumbnail-item img:hover{opacity: 0.65;}
.slider-thumb .thumbnail-item:nth-child(5n){margin-right: 0;}
.slider-thumb .thumbnail-current{border: 1px solid #cccccc; /* border: 1px solid #cae4f1; */ }
.slider-thumb .thumbnail-current img{opacity: 0.65;}
.slider-thumb.col6 { margin-bottom: 30px;}
.slider-thumb.col6 .thumbnail-item { width: calc( 16% - 8px); }
.slider-thumb.col6 .thumbnail-item:nth-child(5n) { margin-right: 10px;}
.slider-thumb.col6 .thumbnail-item:nth-child(6n) { margin-right: 0px;}

@media screen and (max-width:1079px) {
	.slider-thumb {margin-bottom: 10px;}
}

.itemdetail-price-box{ background: #f5f5f5; text-align: right; padding: 20px 20px 10px;; color: #555555; margin-bottom: 20px;}
.itemdetail-price-box .price{margin-bottom: 10px;}
.itemdetail-price-box .price-label{ font-size: 13px;}
.itemdetail-price-box .item-price{ font-weight: bold; font-size: 20px; display: inline-block; min-width: 7em;}
.itemdetail-price-box .tax{font-size: 11px;}

.itemdetail-buttonarea{margin-bottom: -10px;}
.itemdetail-buttonarea .button{max-width: 100%; margin-bottom: 10px;}
.itemdetail-buttonarea .add-wishlist-button,
.itemdetail-buttonarea .remove-wishlist-button,
.itemdetail-buttonarea .view-wishlist-button{background: #FEEEED !important}
.itemdetail-cart-button{position: relative; display: block; background: #ef820d/* #79ac34 */; border-radius:5px; box-shadow: inset 0px -2px 0px 0px #ce700b;}
.itemdetail-cart-button:hover{transition: 0.3s ease; box-shadow: inset 0px -2px 0px 0px #dd9b54; background: #f4a755;}
.itemdetail-cart-button input.button{text-indent: 23px; background: transparent; position: relative; z-index: 1; box-shadow: none}
.itemdetail-cart-button::before{display: block; content: ""; position: absolute; top:0; bottom: 0; margin: auto; left:calc(50% - 6em); background: url(../images/common/parts/icon_cart.svg) no-repeat center; background-size: 18px auto; width: 23px; height: 21px;}

.itemdetail-zaiko-wrap{margin-bottom: 20px; text-align: right; color: #555;}
.itemdetail-zaiko{margin-bottom: 15px; font-size: 14px;}
.itemdetail-amount{ text-align: right; }
.itemdetail-amount select::-ms-expand { display: none;/*IE11*/}
.itemdetail-amount select{ font-size: 14px; min-width: 100px; padding: 0 30px 0 15px; height: 40px; border: 2px solid #dddddd; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #FFF;}
.itemdetail-amount select:hover,.itemdetail-amount select:focus{}
.itemdetail-amount span{position: relative; display: inline-block;}
.itemdetail-amount span::before{content: ""; display: block; position: absolute;right: 10px; top:0; bottom:0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #4da6b6 transparent transparent transparent;}/* ▼ */

.itemdetail .itemdetail-info-table{margin-bottom: 20px;}

.item-property-name{ margin-bottom: 5px; color: #555; font-weight: bold;}
.item-property-note{ margin-bottom: 5px; color: #555; font-size: 13px;}
.item-property-select{margin-bottom: 20px; color: #555;}
.item-property-select select{ font-size: 14px; width: 100%; padding: 0 30px 0 15px; height: 40px; border: 2px solid #dddddd; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #FFF;}
.item-property-select span{position: relative; display: block;}
.item-property-select span::before{content: ""; display: block; position: absolute;right: 10px; top:0; bottom:0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 6px 4px 0 4px; border-color: #4da6b6 transparent transparent transparent;}/* ▼ */


@media screen and (max-width:1079px) {
	.itemdetail-buttonarea{margin-bottom: 0px;}
	.itemdetail .itemdetail-info-table{margin-bottom: 15px;}
	.itemdetail-cart-button{text-indent: 18px;}
	.itemdetail-cart-button::before{left:calc(50% - 6.5em); background: url(../images/common/parts/icon_cart.svg) no-repeat center; background-size: 18px auto; width: 23px; height: 21px;}
}

#itemDetail .explanation1{/*color: #555555; */ font-size: 15px; margin-bottom: 15px; padding: 15px; background: #f6f1e3; position: relative; border-radius: 10px;}
#itemDetail .explanation1::before{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #f6f1e3 transparent transparent transparent; position: absolute; bottom: -10px; left:5%;}

#itemDetail .title-round{border-bottom-width: 1px; margin-bottom: 15px; font-size: 20px;}
#itemDetail .title-round::before{display: none;}
#itemDetail .appeal{display: block; margin: 0px 0px 15px 0; line-height: 1.7; font-size: 16px;}
#itemDetail .explanation2{line-height: 1.7; margin-bottom: 15px; font-size: 16px;}
#itemDetail .explanation3{line-height: 1.7; font-size: 16px;}

@media screen and (max-width:1079px) {
	#itemDetail .explanation1{font-size: 1.4rem; }
	#itemDetail .appeal{line-height: 1.7; font-size: 1.5rem; }
	#itemDetail .explanation2{line-height: 1.7; font-size: 1.5rem;}
	#itemDetail .explanation3{line-height: 1.7; font-size: 1.5rem;}
}


/* itemDetail - 商品詳細カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .cartSubmitButton{position: relative;}
#itemDetail .cartSubmitButton .cartMessage{position: absolute; top: -85px; left: 50%; margin-left: -140px; padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemDetail .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#itemDetail .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemDetail .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemDetail .cartSubmitButton .cartMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}

/* itemDetail - 商品詳細お気に入りリストに入った報告ポップアップ
-------------------------------------------------------------*/
#itemDetail .wishlistSubmitButton{position: relative;}
#itemDetail .wishlistSubmitButton .wishlistMessage{position: absolute; top: -85px; left: 50%; margin-left: -140px; padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemDetail .wishlistSubmitButton .wishlistMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#itemDetail .wishlistSubmitButton .wishlistMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .wishlistSubmitButton .wishlistMessage .link{background-color: #fff; text-align: center;}
#itemDetail .wishlistSubmitButton .wishlistMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage{position: absolute; top: -85px; left: 50%; margin-left: -140px; padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .link{background-color: #fff; text-align: center;}
#itemDetail .wishlistSubmitButton .wishlistDelMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}


/* present_detail.xhtml - プレゼント詳細
-------------------------------------------------------------*/
#itemDetail.present .item_image_area #targetarea{visibility: visible;}
#itemDetail.present .item_image_area .img-box{display:block; width: 268px; height: 268px;}


/* =================================================================
13.購入履歴
使用ファイル：member_history.xhtml
=================================================================*/
.history-box p{margin-bottom: 0;}
.history-box .infoarea{margin: 30px 0 15px;}
.history-box .infoarea:after {content: ""; clear: both; display: block;}/* clearfix */
.history-box .infoarea .status_icon{color: #CCC; display: block; margin-right: 10px; padding: 3px 10px; background: transparent; border:1px solid #CCC; border-radius: 16px; min-width: 5em; text-align: center; font-weight: bold;}
.history-box .cancel{float: right; margin-left: 10px;}
.history-box .payment_change{float: right; margin-left: 10px;}
.history-box .infoarea .date{clear: both; padding-top: 3px;}

.history-box .preparing .status_icon{color: #79ac34; border-color:#79ac34;}/* 手配中 */
.history-box .delivered .status_icon{color: #e5747c; border-color:#e5747c}/* 配送中 */
.history-box .delivering .status_icon{color: #4da6b6; border-color:#4da6b6;}/* 配送済 */
.history-box .canceled .status_icon{color: #bababa; border-color:#bababa;}/* 取消済 */
.history-box .yoyaku .status_icon{color: #a591d0; border-color:#a591d0;}/* 予約済 */
.history-box .teiki_together .status_icon{color: #3e3024; border-color:#3e3024;}/* 定期にまとめて */

/* .history-box .preparing .status_icon{background: #79ac34;}
.history-box .delivered .status_icon{background: #e5747c;}
.history-box .delivering .status_icon{background: #4da6b6;}
.history-box .canceled .status_icon{background: #bababa;}
.history-box .yoyaku .status_icon{background: #a591d0;}
.history-box .teiki_together .status_icon{background: #584434;}*/

.history-box .table-normal th.headline{width: auto;}
.history-box .cart .button{margin-bottom: 10px; padding: 10px; width: auto; display: inline-block; min-width: 156px;}
.history-box th.cart .button{margin-bottom: 0;}
.history-box .cart .delivery_slip{margin-bottom: 0px;}
.history-box .property{display: block; color: #AAA; font-size: 90%;}

.history-box .img-box{width: 80px; height: 80px; margin-right: 10px; margin-bottom: 10px; text-align: center; position: relative;}
.history-box .img-box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.history .cart-total-price dl{margin-bottom: 4px;}
.history-box .text-box{width: calc(100% - 90px);}
@media screen and (max-width:1079px) {
	/* スマホ&タブレット */
	.history-box .infoarea{margin: 60px 0 0px; padding:16px 8px; background: #eee; font-weight: bold;}
	.history-box:nth-of-type(1){margin-top: -30px;}
	.history-box .infoarea .small.normal{ min-width: 124px;}
	.history-box .infoarea .status_icon{margin-right: 24px;}
	.history-box .table-normal{border:none; margin-top: 0;}
	.history-box .table-normal th,
	.history-box .table-normal td{display: inline; width:auto; padding:0; border: none; }/* tableタグを無効にする */
	.history-box .PC-only{display: none !important;}
	.history-box .item-code{font-size: 10px;}
	.history-box .item-name{font-weight: bold; margin-bottom: 10px; font-size: 1.8rem; line-height: 1.2;}
	.history-box td.item-box{display: block; padding: 15px 0 5px;}
	.history-box td.cart{display: block; text-align: right; }
	.history-other-box{padding-bottom: 7px;}
	.history-other-box dt{display: block; padding: 5px 8px; background: #F5F5F5;}
	.history-other-box dd{padding: 8px;}
	.history .cart-total-price{margin: 0;}
	.history-box .cart .button{margin-bottom: 5px;}
}
@media screen and (min-width:1px) and (max-width:599px) {
	/* スマホ */
	.history-box{border: 1px solid #eee; margin-top: 30px;}
	.history-box:nth-of-type(1){margin-top: 30px;}
	.history-box .infoarea{
		margin: 0px;
	-ms-flex-wrap:wrap; /* flexコンテナに入るよう改行して表示 */
	-webkit-flex-wrap:wrap; /* flexコンテナに入るよう改行して表示 */
	flex-wrap:wrap;}
	.history-box .infoarea .small.normal{margin-top: 8px; display: inline-block; width: auto;}
	.history-box td.cart{display: block; text-align: left; padding-left: 90px; }
	.history .cart-total-price{padding: 16px 0;}
	.history .cart-total-price dl{width: calc(100% - 16px);}
	.history .cart-total-price dl.total_price{border-top-color: #bababa;}
}
@media screen and (min-width:600px) and ( max-width:1079px) {
	/* タブレット */
	.history-box .infoarea .text{ width: calc(100% - 5em - 10px);display: flex; align-items:center; justify-content: space-between;}
	.history .cart-total-price dt,
	.history .cart-total-price dd{font-size: 13px;}
	.history .cart-total-price{margin-bottom: 0; padding: 20px 45px;}
}
@media screen and (min-width:1080px) {
	/* PCのみ */
	.history-box .item-name{font-size: 15px; font-weight: bold;}
	.history-box .infoarea{margin: 50px 0 15px;}
	.history-box .price{text-align: right;}
	.history-box .cart{width: 230px; text-align: center;}
	.history-box .code{width: 80px;}
	.history-box .amount{/* width: 30px; */ text-align: center;}
	.history-other-box dt,
	.history-other-box dd{display: inline;}
	.history-other-box dt::after{content: "：";}
	.history-box .infoarea .date br{display: none;}
	.history .cart-total-price{margin-bottom: 0; padding: 20px 45px;}
	.history .cart-total-price dt,
	.history .cart-total-price dd{font-size: 14px;}
}


/* member_history - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
@media screen and (min-width:1080px) {
	/* PCのみ */
	.history-box .cartSubmitButton{position: relative; display: inline-block;}
	.history-box .cartSubmitButton::before{left:calc(50% - 5em);}
	.history-box .cartSubmitButton .button{margin-bottom: 0;}
}
@media screen and (max-width:1079px) {
	/* スマホ&タブレット */
	.history-box .cartSubmitButton{position: relative; display: inline-block; margin-bottom: 10px;}
	.history-box .cartSubmitButton::before{left:calc(50% - 5em);}
	.history-box .cartSubmitButton .button{margin-bottom: 0;}
}
@media screen and (max-width:599px) {
	/* スマホ */
	.history-box .cartSubmitButton::before{left:5px;}
}
.history-box .cartSubmitButton .cartMessage{position: absolute; top: -85px; right:0; margin-left: 0px; /* left: 50%; margin-left: -140px; */ padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
.history-box .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
.history-box .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; width: auto; margin-bottom: 15px;}
.history-box .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
.history-box .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
.history-box .cartSubmitButton .cartMessage .link a{display: inline-block;}
.history-box .cartSubmitButton .cartMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}


/* member_point_record - ポイント履歴
-------------------------------------------------------------*/
.point-record .table-light-gray{margin-top: 15px;}
.point-record .table-light-gray td,
.point-record .table-light-gray th{padding: 16px; width: 33.33%; border-right: 4px solid #FFF;}


/* ===================================================================
14：サブウインドウで表示するページ用
使用ファイル：item_detail_other_image.xhtml
　　　　　　　item_friend_mail.xhtml,item_friend_mail_result.xhtml
　　　　　　　item_itemproperty_zaiko.xhtml
　　　　　　　present_friend_mail.xhtml,present_friend_mail_result.xhtml
=================================================================== */
#subwindow{width: 500px; margin: auto;}
#subwindow #header{background: none;}
#subwindow #header h1 a{float: none;}
#subwindow #content h2{margin-bottom: 20px; font-weight: normal;border-bottom: solid 3px #cccccc; position: relative;}
#subwindow #content h2:after{position: absolute; content: " "; display: block; border-bottom: solid 3px #373737; bottom: -3px; width: 20%;}
#subwindow #content table{font-size: 80%;line-height: 160%;margin: 10px 0px;width: 100%;border: 1px solid #CCCCCC;}
#subwindow #content th{padding: 10px; border: 1px solid #CCC; background: #F6F6F6; vertical-align: top; font-weight: normal; text-align: left;}
#subwindow #content th.zaiko{width: auto;text-align: center;}
#subwindow #content td{padding: 10px; border: 1px solid #CCC; vertical-align: top;}
#subwindow #content td.number{text-align: right;}
#subwindow #content .hissu{color: #CC0000;font-weight: bold;}
#subwindow #content .close{margin: 10px 0; font-size: 80%; line-height: 150%; text-align: right;}
#subwindow .buttonarea{text-align: center; margin: 10px; padding-top: 40px;}
#subwindow .buttonarea .button{display: inline-block; margin: 0 10px;}

#subwindow #content #products{width: 500px; position: relative;}
#subwindow #content #products .slides_container{overflow: hidden; position: relative; border: 1px solid #ccc; margin: 10px 0 0 0;}
#subwindow #content #products .slides_container .ima_box{width: 498px; height: 498px; position: relative; text-align: center;}
#subwindow #content #products .slides_container img{width: auto; margin: auto; max-width: 498px; max-height: 498px; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
#subwindow #content #products .slides_container a{width: 400px; height: 400px; display: block;}
#subwindow #content #products .thumbox{clear: both; margin: 15px 0 0; padding: 0;}
#subwindow #content #products .thumbox:after {content: ""; clear: both; display: block;}/* clearfix */
#subwindow #content #products .thumbox .pagination li{margin: 0 10px 10px 0; float: left;}
#subwindow #content #products .thumbox .pagination li.last{margin-right: 0;}
#subwindow #content #products .thumbox .img-box{border: 1px solid #ccc; width: 92px; height: 92px; display: block;}
#subwindow #content #products .thumbox .img-box img{max-width: 90px; max-height: 90px;}
#subwindow #content #products .thumbox .img-box img:hover{filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;}
#subwindow #content #products .thumbox .current .img-box{border: 1px solid #cc3333; display: block; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .thumbox .current .img-box img:hover{cursor: default; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important;}
#subwindow #content #products .prev{display: block; background: url(../images/detail_prev_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; left: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .next{display: block; background: url(../images/detail_next_button.png) no-repeat; text-indent: -9999px; width: 60px; height: 60px; top: 35%; right: -26px; position: absolute; z-index: 1000;}
#subwindow #content #products .arrowOn:hover .prev, #subwindow #content #products .arrowOn:hover .next{display: block;}
#subwindow #content #products .arrowOn:hover .prev:hover, #subwindow #content #products .arrowOn:hover .next:hover{filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}


/* =================================================================
15.エラーページ
使用ファイル：common/messages.xhtml
　　　　　　　ext/social_provider.xhtml
=================================================================*/
#error{width: 100%; padding: 10px 0px;}
#error table{margin: 0px 0 10px; border: none !important;}
#error td{padding: 10px; border: none !important;}
#error .ico{width: 40px; padding: 0; vertical-align: top; text-align: center;}
#error .content{padding: 5px; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#error .buttonarea{margin: 10px; padding-top: 40px; text-align: center;}
#error ul{background: none;}
#error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}

/*  social_provider.xhtmlのエラー部分
-------------------------------------------------------------*/
#social_plus_error{width: 100%; padding: 10px 0px;}
#social_plus_error table{margin: 0px 0 10px; border: none !important; font-size: 85%;}
#social_plus_error td{padding: 10px; border: none !important;}
#social_plus_error .ico{width: 40px; vertical-align: top; text-align: center;}
#social_plus_error .content{padding: 5px; color: #C00; font-weight: bold; vertical-align: middle; line-height: 150%; float: none;}
#social_plus_error .buttonarea{margin: 10px; padding-top: 10px; border-top: #CCC 1px dashed; text-align: center;}
#social_plus_error ul{background: none;}
#social_plus_error li{float: none; font-size: 100%; border: 0px; padding: 0px; margin-right: 0px; margin-bottom: 0px; width: auto; line-height: 150%;}


/* =================================================================
16.クレジットカード登録画面
使用ファイル：member_credit_entry_input.xhtml
=================================================================*/
#credit td.button_area{text-align: center;}
#credit td.button_area .button{display: inline-block; width: auto;}
#credit .can_regist{padding-top: 30px;}
#credit .error{clear: both; margin: 5px 10px; color: #C00; font-weight: bold; text-align: center; font-size: 80%;}


/* =================================================================
17.お気に入り
使用ファイル：wishlist.xhtml
　　　　　　　wishlist_edit.xhtml
=================================================================*/
.wishlist-box{padding-left: 0;}
.wishlist-box .itemlist-price-box .price{overflow: hidden;}
.wishlist-box .itemlist-price-box .price-label{float: left;}
.wishlist-box .itemlist-price-box .item-price{float: right;}
.wishlist-box .itemlist-price-area a.button,
.wishlist-box .itemlist-price-area input.button,
.wishlist-box .itemlist-price-area span.button{padding: 10px;}
@media screen and (min-width:1080px) {
	/* デスクトップ */
	.wishlist-box .itemlist-text-area{width: calc(100% - 500px); margin: 0 30px;}
	.wishlist-box .itemlist-price-area{width: 240px;}
	.wishlist-box .itemlist-price-box{margin: 15px 0 15px;}
	.wishlist-date{font-size: 12px; margin-bottom: 5px; color: #555; letter-spacing: 0.1em;}
	.wishlist-comment{margin: 15px 0 0;}
	.wishlist-comment textarea{font-size: 14px; margin-bottom: 2px; background: #f5f5f5; padding: 10px; border: none; color: #555;}
	.wishlist-comment textarea:hover{background: #f5f5f5;}
}
/* .wishlist-boxのみブレイクポイントが異なります */
@media screen and (max-width:1079px) {
	/* タブレット以下 */
	.wishlist-date{font-size: 10px; margin-bottom: 5px;}
	.wishlist-box .itemlist-price-box{margin: 15px 0;}
}
@media screen and (min-width:768px) and ( max-width:1079px) {
/* タブレットのみ  */
	.wishlist-box .itemlist-img-area{width: 30%; }
	.wishlist-box .itemlist-text-area{width: calc(70% - 260px);}
}
/* @media screen and (min-width:1px) and (max-width:599px) */
@media screen and (min-width:1px) and (max-width:767px) {
	/* スマホのみ */
	.wishlist-box .itemlist-img-area{margin: 0 20px 0 0;}
	.wishlist-box .itemlist-text-area{order: 2; width: 60%; margin-left: 0;}
	.wishlist-box .itemlist-price-area{order: 3; width: 100%;}
	.wishlist-box .itemlist-price-box{margin: 10px 0;}
	.wishlist-box .itemlist-button-box{margin-top: 15px;}
	.wishlist-comment-buttonarea{text-align: right;}
	.wishlist-comment textarea{margin-bottom: 2px; background: #FFF; border: 1px solid #ddd; border-radius: 5px; padding: 10px; color: #555;}
}

.wishlist-comment input.button{width: auto; display: inline-block;}
.wishlist-comment textarea::-webkit-input-placeholder{color: #AAA; font-style: italic;}
.wishlist-comment textarea::-moz-placeholder{color: #AAA; font-style: italic;}
.wishlist-comment textarea::placeholder-shown{color: #AAA; font-style: italic;}
.wishlist-comment-buttonarea p{display: inline-block; vertical-align: middle;}

/* wishList - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#wishList .cartSubmitButton{position: relative;}
#wishList .cartSubmitButton .cartMessage{position: absolute; top: -85px; right:0; margin-left: 0px; /* left: 50%; margin-left: -140px; */ padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#wishList .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#wishList .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#wishList .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#wishList .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#wishList .cartSubmitButton .cartMessage .link a{display: inline-block;}
#wishList .cartSubmitButton .cartMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}

/* =================================================================
18.アドレス帳
使用ファイル：address_add.xhtml
　　　　　　　address_input.xhtml
=================================================================*/
.address-box {background: #f5f5f5; padding: 20px 30px 80px ; position: relative;}
.address-box dl{margin-bottom: 15px;}
.address-box dt{font-family: 'gartonmedium', -apple-system, BlinkMacSystemFont, "Helvetica Neue",/*'游ゴシック体', 'Yu Gothic', YuGothic,*/ 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; font-size: 16px; color: #999;}
.address-box .name strong{font-size: 18px;}
.address-box .button_area{margin: 0px 0px 0; position: absolute; bottom: 20px;}
.address-box .button_area .button{width: auto; display: inline-block; font-weight: bold;}
@media screen and (max-width:599px) {
	.address-box {width: 100%; margin-bottom: 20px;}
	.address-list ul{margin-bottom: -20px}
}
@media screen and (min-width:600px) and ( max-width:1079px) {
	.address-box {width: calc(50% - 5px); margin-right: 10px; margin-bottom: 30px;}
	.address-box:nth-child(2n){margin-right: 0;}
	.address-list ul{margin-bottom: -30px}
}
@media screen and (min-width:1080px) {
	.address-box {width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 30px;}
	.address-box:nth-child(3n){margin-right: 0;}
	.address-list ul{margin-bottom: -30px}
}

/* =================================================================
19.会員関係
使用ファイル：member_mypage.xhtml
=================================================================*/
#member.mypage .mypage-front{ width: 100%; background: #f5f5f5; text-align: center; padding:105px 0 30px; margin-bottom: 15px; box-sizing: border-box; line-height: 1.5;}
#member.mypage .mypage-front .mypage-title{position: relative; font-size: 13px; letter-spacing: 0.18em;}
#member.mypage .mypage-front .mypage-title:before{content: ""; position: absolute; width: 50px; height: 50px; background: url(../images/common/parts/icon_mypage.svg); background-size: cover; left: calc(50% - 25px); bottom: 30px;}
#member.mypage .mypage-front h3{ margin: 0px auto 20px; font-size: 18px; position: relative;}


#member.mypage .mypage-menu{ margin:0 auto 0px; padding: 0 20px; text-align:center;}
#member.mypage .mypage-menu li{ width:calc(50% - 5px); margin-right: 10px; margin-bottom: 10px; text-align: center;}
#member.mypage .mypage-menu li:nth-child(2n){margin-right: 0;}

#member.mypage .mypage-menu .box .icon-box{width: 60px; height: 60px; display: inline-block; text-align: center;line-height: 40px; padding: 10px; background: #FFF; border-radius: 50%; transition: .3s ease;}
#member.mypage .mypage-menu .box img,
#member.mypage .mypage-menu .box svg{ max-height:100%; max-width: 100%; vertical-align: middle; }
#member.mypage .mypage-menu li a{ text-decoration:none; font-size:14px; display:block; padding: 30px 0; border-radius: 10px;  height: 100%; width:100%; background: #f6f1e3; transition: 0.3s ease;}
#member.mypage .mypage-menu li a:hover img,
#member.mypage .mypage-menu li a:hover svg{opacity: 1;}
#member.mypage .mypage-menu li a:hover .icon-box{box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);}

#member.mypage .mypage-menu li:nth-child(1) a{background: #fdf1ec;}
#member.mypage .mypage-menu li:nth-child(1) a:hover{background: #f7d0c0;}
#member.mypage .mypage-menu li:nth-child(1) path{fill: #f7d0c0;}
#member.mypage .mypage-menu li:nth-child(2) a{background: #fdf2f4;}
#member.mypage .mypage-menu li:nth-child(2) a:hover{background: #f7d3da;}
#member.mypage .mypage-menu li:nth-child(2) path{fill: #f7d3da;}
#member.mypage .mypage-menu li:nth-child(3) a{background: #f6eef5;}
#member.mypage .mypage-menu li:nth-child(3) a:hover{background: #e0c8de;}
#member.mypage .mypage-menu li:nth-child(3) path{fill: #e0c8de;}
#member.mypage .mypage-menu li:nth-child(4) a{background: #eeecf5;}
#member.mypage .mypage-menu li:nth-child(4) a:hover{background:#c7c0dd;}
#member.mypage .mypage-menu li:nth-child(4) path{fill:#c7c0dd;}
#member.mypage .mypage-menu li:nth-child(5) a{background: #eef1f8;}
#member.mypage .mypage-menu li:nth-child(5) a:hover{background: #c7d1e7;}
#member.mypage .mypage-menu li:nth-child(5) path{fill: #c7d1e7;}
#member.mypage .mypage-menu li:nth-child(6) a{background: #eff7fb;}
#member.mypage .mypage-menu li:nth-child(6) a:hover{background: #cae4f1;}
#member.mypage .mypage-menu li:nth-child(6) path{fill:#cae4f1;}

#member.mypage .mypage-menu li p{  font-size: 14px; font-weight: bold; margin: 10px 0 0;}

@media screen and (max-width:320px) {
	#member.mypage .mypage-menu{ width:calc(100% - 20px); margin:0 auto 0px; text-align:center;}
	#member.mypage .mypage-menu li p{ font-size:13px;}
}
@media screen and (max-width:599px) {
	#member.mypage .mypage-menu{ padding: 0px; margin-bottom: 0px;}
}
@media screen and (min-width:600px) {
	#member.mypage .mypage-menu li,
	#member.mypage .mypage-menu li:nth-child(2n){ width:calc(33.3% - 20px); margin-right: 30px; text-align: center;}
	#member.mypage .mypage-menu li:nth-child(3n){margin-right: 0;}
	#member.mypage .mypage-menu li:nth-of-type(-n + 3){ margin-bottom:30px;}
}
@media screen and (min-width:1080px) {
	#member.mypage .mypage-front{ padding: 110px 0 40px; margin-bottom: 40px; box-sizing: border-box;}
	#member.mypage .mypage-front .mypage-title:before{width: 50px; height: 50px;}
	#member.mypage .mypage-front h3{font-size: 24px;}
	#member.mypage .mypage-menu{ width:740px; padding: 0;}
	#member.mypage .mypage-menu .box img{ height:auto; width:40px;}
}

#member.mypage #social_plus tr th{background: #FFF;}
#member.mypage #social_plus tr th a{text-decoration: none;}
#member.mypage #social_plus tr.title th{background: #F6F6F6;}
#member.mypage #social_plus th.service{width: 220px;}
#member.mypage #social_plus th div{width: 220px; height: 44px; font-size: 14px; display: block;}
#member.mypage #social_plus th div p{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

/*#member.mypage #social_plus th{width: 100px;}*/

#member.mypage #social_plus th.yahoo div{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#member.mypage #social_plus th.facebook div{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#member.mypage #social_plus th.twitter div{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#member.mypage #social_plus th.google div{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#member.mypage #social_plus th.mixi div{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#member.mypage #social_plus th.rakuten div{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#member.mypage #social_plus th.line div{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#member.mypage #social_plus th.paypal div{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

#member.mypage #social_plus th.yahoo div.off{background: url("../images/social_yahoo_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.facebook div.off{background: url("../images/social_facebook_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.twitter div.off{background: url("../images/social_twitter_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.google div.off{background: url("../images/social_google_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.mixi div.off{background: url("../images/social_mixi_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.rakuten div.off{background: url("../images/social_rakuten_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.line div.off{background: url("../images/social_line_off.png") no-repeat; color: #cdcdcd;}
#member.mypage #social_plus th.paypal div.off{background: url("../images/social_paypal_off.png") no-repeat; color: #cdcdcd;}

#member.mypage #social_plus td{vertical-align: middle;}

/* =================================================================
20.ログイン関係
使用ファイル：login.xhtml
=================================================================*/
#loginNew .social_provider ul{margin: 0px 20px 0px;}
#loginNew .social_provider ul:after {content: ""; clear: both; display: block;}/* clearfix */
#loginNew .social_provider ul li{width: 194px; height: 44px; font-size: 14px; display: block; float: left; margin: 0px 28px 20px 0;}
#loginNew .social_provider ul li:nth-child(2n){margin-right: 0px;}
#loginNew .social_provider ul li a{display: block; text-decoration: none;}
#loginNew .social_provider ul li a span{padding: 14px 0 14px 25px; border: 1px solid #cdcdcd; border-left: 0px; margin: 0 0 0 53px; display: block; background: #FFF; line-height: 1; font-size: 14px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;  
-moz-border-radius-topright: 3px;  
-moz-border-radius-bottomright: 3px;
}

#loginNew .social_provider li.yahoo a{background: url("../images/social_yahoo.png") no-repeat; color: #e71017;}
#loginNew .social_provider li.facebook a{background: url("../images/social_facebook.png") no-repeat; color: #3b5998;}
#loginNew .social_provider li.twitter a{background: url("../images/social_twitter.png") no-repeat; color: #55acee;}
#loginNew .social_provider li.google a{background: url("../images/social_google.png") no-repeat; color: #dc4e41;}
#loginNew .social_provider li.mixi a{background: url("../images/social_mixi.png") no-repeat; color: #d1ad59;}
#loginNew .social_provider li.rakuten a{background: url("../images/social_rakuten.png") no-repeat; color: #bf0000;}
#loginNew .social_provider li.line a{background: url("../images/social_line.png") no-repeat; color: #00b300;}
#loginNew .social_provider li.paypal a{background: url("../images/social_paypal.png") no-repeat; color: #293e7f;}

/* =================================================================
21.商品比較
使用ファイル：item_compare.xhtml
=================================================================*/
#itemCompare .img-box{width: 80px; height: 80px; margin: 0; text-align: center; position: relative;}
#itemCompare .img-box img{width: auto; max-width: 80px; max-height: 80px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare .propertyimg-box{width: 60px; height: 60px; margin: 0; text-align: center; position: relative;}
#itemCompare .propertyimg-box img{width: auto; max-width: 60px; max-height: 60px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
#itemCompare th{width: 150px;}
#itemCompare .button_area .button{width: auto; display: inline-block; width: 130px;}

/* itemCompare - 商品カートに入った報告ポップアップ
-------------------------------------------------------------*/
#itemCompare .cartSubmitButton{position: relative;}
#itemCompare .cartSubmitButton .cartMessage{position: absolute; top: -85px; right:0; margin-left: 0px; /* left: 50%; margin-left: -140px; */ padding: 15px; background-color: #fff; /* border: #ccc 2px solid; */ border:none; width: 280px; z-index: 10; display: none;}
#itemCompare .cartSubmitButton .cartMessage:after{content: ""; display: block; position: absolute; top: 100%; left: 50%; margin-left: -3px; width: 6px; height: 5px;}
#itemCompare .cartSubmitButton .cartMessage .title{text-align: center; font-size: 100.0%; font-weight: bold; color: #333; margin-bottom: 15px;}
#itemCompare .cartSubmitButton .cartMessage .mainclose{background-color: #fff; cursor: pointer; text-align: center; margin-bottom: 0;}
#itemCompare .cartSubmitButton .cartMessage .link{background-color: #fff; text-align: center;}
#itemCompare .cartSubmitButton .cartMessage .link a{display: inline-block;}
#itemCompare .cartSubmitButton .cartMessage .close{position: absolute; top: 5px; right: 5px; cursor: pointer;}

/* WEB_0001-24836 お問い合わせフォームに個人情報の同意追加 */
.apply_privacy_box {
	margin: 0px 0 20px;
	border: 1px solid #dddddd;
	padding: 10px;
	height: 200px;
	overflow-y: scroll;
}