@charset "utf-8";
@import "../css/jquery-ui.css";

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

/*フォントサイズが調整を防ぐ*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; }

body {
	line-height:1.4;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*
html,body {
    height:100%;
}
 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
  quotes:none;
}

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

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

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

hr {
  display:none;
}

input, select {
  vertical-align:middle;
	border-radius: 4px;
	box-sizing: border-box;
}

li {list-style: none;}
/* リセット end */


h2,
h3,
h4{text-align:center;}

hr{
	display:block;
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #CCC;
  height: 1px;
	margin:10px 5px;
	}

ul:after,
dl:after,
.after_clear:after,
.btn_search:after,
.pageBox:after,
.swipeBox:after {
	display: block;
	clear: both;
	content: ".";
	visibility:hidden;
	height: 0px;
}

.dsnone_style{
	display:none !important;
}

.red {
	color: #FF0000;
}

.bold{
	font-weight: bold;
}

.clearfix_style{
	clear:both;
}


/****************************************************************/
/*  Parts
*****************************************************************/

/* 1.オーバーレイの閉じるボタン start */
.btBox_OL{
	padding:0 10px;
	margin-bottom:15px;
	}
.btBox_OL p{
	padding: 5px 10px;
	margin:0 auto;
  display: block;
	width: 190px !important;
	overflow: auto;
	}

.btBox_OL p a{
	display: block;
	width: auto !important;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}
/* 1.オーバーレイの閉じるボタン end */


/* 2.リストの矢印リンク画像 start */
.icon_arrow_right a::after{
	position: relative;
	margin-top:-25px;
	margin-bottom:auto;
	margin-right: -35px;
	margin-left: auto;
	display: block;
	height: 21px;
	width: 21px !important;
	content: ' ';
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-position:center center;
	background-repeat:no-repeat;
}

.icon_arrow_right a::after{
	background-image: url(/ec/images_smt/icon_arrow.png),-moz-linear-gradient(top, #90B6EB 0%,#4F8BE0 49%,#2C74DA 50%);
	background-image: url(/ec/images_smt/icon_arrow.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#90B6EB), color-stop(49%,#4F8BE0),color-stop(50%,#2C74DA));
}
/* 2.リストの矢印リンク画像 end */

/* 2-1.パンくず start */
div#topicpath_style li {
	font-size:12px;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
div#topicpath_style li:not(:last-child):after {
	display: inline-block;
	width: 5px;
	height: 8px;
	margin-left: 15px;
	background: url(/ec/images/common/ico_pkz.png) no-repeat left top;
	content: " ";
}
#pkz a {
    color: #000;
    text-decoration: underline;
}
#pkz a:hover { text-decoration: none; }
/* 2-1.パンくず end */



/* 3.リンクの色 start */
a{
  color: #000;
  outline: none;
	}
a:link{}
a:hiover{}
a:visited{}
a:active{}
/* 3.リンクの色 end */


/* 4.大見出し start */
h2{
	text-align:center;
	font-size:20px;
	margin-bottom:1px;
	}

/* 4.大見出し end */


/* 5.中見出し start */
h3{
	height:auto;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding: 5px;
	}
h3.heading01{
	color: #000;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}
h3.bundle{
	color:#FFF;
	border-top:solid 1px #5E9AC4;
	border-bottom:solid 1px #5E9AC4;
	background-color:#5E9AC4;
	background-image:-moz-linear-gradient(top, #5E9AC4 0%, #396B9E 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#5E9AC4),color-stop(100%,#396B9E));
	}
/* 5.中見出し end */


/* 6.小見出し */
h4{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	}
.mcblue h4{
	color:#333;
	border-top:solid 1px #E2E2E2;
	border-bottom:solid 1px #E2E2E2;
	background-color:#FFFFFF;
	background-image:-moz-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CCCCCC));
	}
/* 6.小見出し end */


/* 7.select start */

select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	height:30px;
}
 select::-ms-expand {
   display: none;
 }

/* 7.select end */


/* 8.input start */
input{
	border:solid 1px #898989;
	height:auto;
	padding:0 7px;
}


/* iPhoneのテキストボックスfocus時の自動zoom抑止のため、font-sizeは必ず1emまたは16pxにしてください */
input,textarea,select{
	font-size:16px!important;
	border-radius: 4px;
	border: solid 1px #898989;
}
textarea {
	min-height: 100px;
}
input[type='button'],
input[type='submit'] {
	font-size:14px!important;
	border-radius: 4px!important;
}

/* 8.input end */


/* 9.1行2ボタン start */
.btBox2{
	margin:20px auto;
	overflow:hidden;
	padding:0 10px;
	}

.btBox2 .bb2left{float:left;width: 49%;}
.btBox2 .bb2right{float:right;width: 49%;}



/* 9.1行2ボタン end */


/* 10.新着レビューボタン start */
.bt_review{
	padding: 5px 0;
	margin:0 auto;
  display: block;
	width: 300px !important;
	overflow: auto;
}

.bt_review a{
	display: block;
	width: auto !important;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	color: #000;
	text-shadow: #FFF 0px -1px 1px;
	background-color:#F5F5F5;
	background-image:url(/ec/images_smt/icon_review.png),-moz-linear-gradient(top, #F5F5F5 0%,#BFBFBF 100%);
	background-image:url(/ec/images_smt/icon_review.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#F5F5F5),color-stop(100%,#BFBFBF));
	background-position:left center;
	background-repeat:no-repeat;
}
/* 10.新着レビューボタン end */


/* 11.「1行1ボタン(長い)」のアイコン start */

.icon_plus,
.icon_minus{
	height:34px;
	line-height:34px;
}

.icon_plus span,
.icon_minus span{
	display: block;
}

.icon_plus a::after,
.icon_plus span::after,
.icon_minus a::after,
.icon_minus span::after,
.icon_check a::after,
.icon_check span::after {
	position: relative;
  margin-top: -29px;
	margin-right: 10px;
	margin-left: auto;
	display: block;
	height: 21px;
	width: 21px !important;
	content: ' ';
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-position:center center;
	background-repeat:no-repeat;
}

.icon_plus a::after,
.icon_plus span::after{
	background-image: url(/ec/images_smt/icon_plus.png),-moz-linear-gradient(top, #90B6EB 0%,#4F8BE0 49%,#2C74DA 50%);
	background-image: url(/ec/images_smt/icon_plus.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#90B6EB), color-stop(49%,#4F8BE0),color-stop(50%,#2C74DA));
}
.icon_minus a::after,
.icon_minus span::after{
	background-image: url(/ec/images_smt/icon_minus.png),-moz-linear-gradient(top, #D66B73 0%,#CA414C 49%,#BD1522 50%);
	background-image: url(/ec/images_smt/icon_minus.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#D66B73), color-stop(49%,#CA414C),color-stop(50%,#BD1522));
}
.icon_check a::after,
.icon_check span::after{
	background-image: url(/ec/images_smt/icon_check.png),-moz-linear-gradient(top,  #D9959F 0%,#BD4455 49%,#A40017 50%);
	background-image: url(/ec/images_smt/icon_check.png),-webkit-gradient(linear, right top, right bottom,color-stop(0%,#D9959F), color-stop(49%,#BD4455),color-stop(50%,#A40017));
}

.icon_plus2,
.icon_minus2{
	height:34px;
	line-height:34px;
}

.icon_plus2 > span,
.icon_minus2 > span{
	display: block;
}

.icon_plus2 > a:after,
.icon_plus2 > span:after,
.icon_minus2 > a:after,
.icon_minus2 > span:after,
.icon_check2 > a:after,
.icon_check2 > span:after {
	position: relative;
  margin-top: -26px;
	margin-right: 10px;
	margin-left: auto;
	display: block;
	height: 21px;
	width: 21px !important;
	content: ' ';
	background-position:center center;
	background-repeat:no-repeat;
}

.icon_plus2 > a:after,
.icon_plus2 > span:after{
	background-image: url(/ec/images_smt/icons-18-black.png);
	background-position: -216px 0;
}
.icon_minus2 > a:after,
.icon_minus2 > span:after{
	background-image: url(/ec/images_smt/icons-18-black.png);
	background-position: -180px 0;
}

/* 11.「1行1ボタン(長い)」のアイコン end */


/* 12.1行1ボタン(長い) start */
.bt_long{
	padding: 0 0 10px 0;
	margin:0 auto;
  display: block;
	width: 300px !important;
	overflow: auto;
}

.bt_long a{
	display: block;
	width: auto !important;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	color: #000;
	text-shadow: #FFF 0px -1px 1px;
	background-color:#F5F5F5;/**/
	background-image:-moz-linear-gradient(top, #F5F5F5 0%,#BFBFBF 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#F5F5F5),color-stop(100%,#BFBFBF));
}
/* 12.1行1ボタン(長い) end */


/* 13.営業日カレンダーボタン start */
.bt_category .bt_calendar a{
	color: #FFF;
	background-image:-moz-linear-gradient(top, #D4B98C 0%, #C2965A 49%,#AD8040 50%,#896634 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#D4B98C), color-stop(49%,#C2965A),color-stop(50%,#AD8040),color-stop(100%,#896634));
	background-position:right center;
	background-repeat:no-repeat;
	}
/* 13.営業日カレンダーボタン end */


/* 14.カテゴリーツリーボタン start */
.bt_category p{
	padding: 5px 0 5px 0;
	margin:0 auto;
  display: block;
	overflow: auto;
	}
.bt_category p a{
	display: block;
	width: auto !important;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
/* 14.カテゴリーツリーボタン end */


/* 15.エラーメッセージ start */
.errorBox{}

div#title_style .message{
	margin:10px 5px;
	padding:10px;
	color:#F00;
	line-height:1.5;
	font-size:16px;
}
div#title_style .box_error,
#errorMessage{
	margin:10px 5px;
	border:solid 2px #F00;
	padding:10px;
	color:#F00;
	line-height:1.5;
	font-size:11px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#FFEEEE;
	}
/* 15.エラーメッセージ end */


/* 16.1行1ボタン(短い) start */
.btBox1{
	padding:0 10px;
	margin-bottom:15px;
	}
.btBox1 p{
	padding: 5px 10px;
	margin:0 auto;
  display: block;
	width: 190px !important;
	overflow: auto;
	}

.btBox1 p a,
.btBox1 p input
,.btBox1 p button{
	display: block;
	width: 190px !important;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	}
/* 16.1行1ボタン(短い) end */


/* 17.表組み用見出し start */
div.tbl1{
	margin:0 5px;
	}
div.tbl1 .title{
	padding-left:5px;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	border:solid 1px #145072;
	height:30px;
	line-height:30px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	background-color:#5E9AC4;
	background-image:-moz-linear-gradient(top, #5E9AC4 0%, #396B9E 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#5E9AC4),color-stop(100%,#396B9E));
	}
/* 17.表組み用見出し end */


/* 18.表組み用 start */
div.tbl1 table{}
div.tbl1 table td{
	padding:5px;
	}
div.tbl1 table .tdL{
	border-left:solid 1px #145072;
	border-bottom:solid 1px #145072;
	background-color:#ECF3FF;
	width:30% !important;
	}
div.tbl1 table .tdR{
	border-right:solid 1px #145072;
	border-bottom:solid 1px #145072;
	width:70% !important;
	}
/* 18.表組み用 end */


/* 19.注釈用テキスト（赤）:ポイント１つ下げる start */
.tex_s_Red{
	font-size:12px;
	color:#F00;
	}
.tex_xs_Red{
	font-size:11px;
	color:#F00;
	}
/* 19.注釈用テキスト（赤）:ポイント１つ下げる end */


/* 20.注釈用テキスト（黒）:ポイント１つ下げる start */
.tex_s{ font-size:12px;}
.tex_xs{ font-size:11px;}
.tex_xxs{ display: block; font-size:12px;padding: 0 0 0 47px;}
.password_att_style {
	font-size:13px;
	font-weight: normal;
	margin: 0 0 0 5px;
}
/* 20.注釈用テキスト（黒）:ポイント１つ下げる end */


/* 21.入力項目タイトル start */
label, dt {
	font-size:15px;
	font-weight:bold;
	color:#000;
}
.kome {
	font-size:11px;
	background: #ede6d8 !important;
	padding: 5px 7px;
	vertical-align: middle;
	margin: 0 5px 0 0;
	border-radius: 4px;
}
.formBox input::placeholder {
	font-size: 12px;
}
/* 21.入力項目タイトル end */


/* 22.右矢印ボタン（コンテンツエリア） start*/

.bt_right{
	padding: 5px 10px 5px 0;
	display: block;
	margin: 0 auto;
	width: auto !important;
	overflow: hidden;
}


.bt_right input{
	display: block;
	width: auto !important;
	height: 28px;
	padding-right:9px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: right;
	border-right: 1px solid rgba(0,0,0,0.5);
	text-shadow: #000 0px 1px 1px;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

.bt_right input{
	background-color: #849CBB ;
	background-image: -moz-linear-gradient(top, #303842 0%, #849CBB 2%,#5B79A4 49%, #496B9B 50%,#496B9B 100%);
	background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#303842),color-stop(2%,#849CBB),color-stop(49%,#5B79A4),color-stop(50%,#496B9B),color-stop(100%,#496B9B));
}

.bt_right span{
	display:block;
	position:relative;
	}

.bt_right span::after{
	position: relative;
	margin-top: -17px;
	margin-right: -3px;
	margin-left: auto;/**/
	display: block;
	height: 14px;
	width: 10px !important;
	content: ' ';
	-moz-transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	background-image: -moz-linear-gradient(top, #496B9B 0%, #496B9B 100%);
	background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0%,#496B9B), color-stop(100%,#496B9B));
	border-right: 1px solid rgba(0,0,0,0.5);
}

.bt_right span::before{
	position:absolute;
	right:0px;
	top:0px;
/*float: right;*/
	margin-right: -3px;
	display:block;
	height: 15px;
	width: 10px !important;
	content: ' ';
	-moz-transform: skew(35deg);
	-webkit-transform: skew(35deg);
	background-image: -moz-linear-gradient(top, #303842 0%, #849CBB 12%, #5B79A4 100%);
	background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0%,#303842),color-stop(12%,#849CBB), color-stop(100%,#5B79A4));
	border-right: 1px solid rgba(0,0,0,0.5);
}
/* 22.右矢印ボタン（コンテンツエリア） end*/


/* 23.左矢印ボタン（ヘッダー/フッター用）start */
.bt_left {
		padding: 0 0 0 10px;
		display: block;
		margin: 0;
		width: 60px !important;
		/*overflow: auto;*/
}

.bt_left a{
	display: block;
	width: auto !important;
	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-right: 1px solid #31628B;
	text-shadow: #000 0px 1px 1px;
	background-color:#4C8AB3;
	background-image:-moz-linear-gradient(top, #275A86 0%, #4C8AB3 5%,#79A7C6 49%, #3A729C 50%, #2C5278 95% ,#8DA2B6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#275A86),color-stop(5%,#4C8AB3),color-stop(49%,#79A7C6),color-stop(50%,#3A729C),color-stop(95%,#2C5278),color-stop(100%,#8DA2B6));
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	text-indent: -10px;
}

.bt_left a::after {
	position: relative;
	margin-top: -15px;
	margin-left: -5px;
	margin-right: auto;
	display: block;
	height: 15px;
	width: 10px !important;
	content: ' ';
	-moz-transform: skew(35deg);
	-webkit-transform: skew(35deg);
	background-color:#3A729C;
	background-image:-moz-linear-gradient(top, #3A729C 0%, #2C5278 90% ,#8DA2B6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#3A729C),color-stop(90%,#2C5278),color-stop(100%,#8DA2B6));
    border-left: 1px solid #8DA2B6;
}

.bt_left a::before {
	float: left;
	margin-left: -5px;
	display: block;
	height: 15px;
	width: 10px !important;
	content: ' ';
	-moz-transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	background-color:#4C8AB3;
	background-image:-moz-linear-gradient(top, #275A86 0%, #4C8AB3 10%, #79A7C6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#275A86),color-stop(10%,#4C8AB3),color-stop(100%,#79A7C6));

  border-left: 1px solid rgba(0,0,0,0.5);
}
/* 23.左矢印ボタン（ヘッダー/フッター用）end */

/* 24.角丸シキメン（グレー）start */
.sq_rad_gray{
	background-color:#EBEBEB;

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
/* 24.角丸シキメン（グレー）end */










/****************************************************************/
/*  フッタ
*****************************************************************/
#pagetop{
	position: fixed;
    bottom: 10px;
    right: 10px;
	width:60px;
	height:60px;
}

#pagetop img{
	width:100%;
}


/* フッタ start */
footer{
	padding:10px 0 0 0;
	margin-top:20px;
	text-align:center;
	}
footer .bt_back {
	position:absolute;
	top:0;
	left:5px;
}

footer .subMenu_con_style a{
	text-decoration:none;
}

footer .subMenu_keywords_style p{
	margin-bottom:10px;
}

footer .subMenu_keywords_style li{
	margin-bottom:10px;
}

footer #footerInner_style{
	background:url(/ec/images_smt/footer_bg.jpg) no-repeat;
	background-size: 100% auto;
	padding:20px;
	height:81px;
	text-align:left;
}

footer #footerInner_style ul{
	display:inline-block;
}

footer #footerInner_style li{
	float:left;
	padding-right:15px;
	width:30px;
}

footer #footerInner_style li img{
	width:100%;
}

footer #footerC_style{
	background:#000;
	text-align:center;
	color:#fff;
	font-size:10px;
	padding:1em;
}

footer .pagetop{
	font-size:12px;
	margin:10px 0;
	float: right;
	}
footer .backlink{
	height: 50px;
	position: relative;

}

footer #f_navi_style{
	border:solid 1px #CCC;
	border-bottom:none;
	margin-bottom:10px;
	clear: both;
	}

footer #f_navi_style li{
	border-bottom:solid 1px #CCC;
	height:33px;
	background-image:url(/ec/images_smt/f_ar.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#FFF;
	}

footer #f_navi_style li a{
	display:block;
	height:33px;
	line-height:33px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding-left:5px;
	}

footer #f_navi_style li a:active{
	background-image:url(/ec/images_smt/f_ar.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#3A6D9F;
	color:#FFF;
	}

footer #mode_style{
	text-align:center;
	font-size:13px;
	padding:8px 0 10px 0;
	}

footer #mode_style span{
	font-weight:bold;
	}

footer #mode_style a{
	text-decoration: underline;
	cursor: pointer;
	}


footer .subFooterMenu_style{
	text-align:left;
	padding:1.5em;
}

footer .subFooterMenu_style li.time_style{
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:1.4em;
	background:#eee;
	padding:12px;
	font-size:14px;
	font-weight:bold;
}


footer .subFooterMenu_style2{
    height: 160px;
    text-align: left;
    padding-left: 30px;
    padding-bottom: 20px;
}
footer .subFooterMenu_style2 li a{
	line-height:2.5em;
	text-decoration: underline;
	font-size:14px;
}

footer .subFooterMenu_style2 li.time_style p{
	padding-top:2px;
	font-size:11px;
	line-height:1.4em;
	color:#333;
	font-weight:normal;
}

/* footermenu追加CSS */ 
.ecfooter_menu_left{
 width:180px; 
 heiget:240px; 
 float:left;
}

.ecfooter_menu_right{
 width:180px; 
 heiget:240px; 
 float:left;
}
/* footermenu追加CSS */ 



/* フッタ end */


/****************************************************************/
/*  テキストメニュー
*****************************************************************/
/* textmenu start */
.textmenu{
	border:solid 1px #CCC;
	border-bottom:none;
	margin:10px 5px 10px 5px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
	}
.textmenu li{
	border-bottom:solid 1px #CCC;
	height:33px;
	}

.textmenu li a{
	display:block;
	height:33px;
	line-height:33px;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	padding-left:5px;
	background-position:right center;
	background-repeat:no-repeat;
	}


.textmenu li.blue a{
	color:#FFF;
	background-color:#4F8BE0;
	background-image:url(/ec/images_smt/w_ar.png),-moz-linear-gradient(top, #90B6EB 0%,#4F8BE0 49%,#2C74DA 50%);
	background-image:url(/ec/images_smt/w_ar.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#90B6EB), color-stop(49%,#4F8BE0),color-stop(50%,#2C74DA));
	border:solid 1px #FFF;
	}

.textmenu li.red a{
	color:#FFF;
	background-color:#BD4455;
	background-image: url(/ec/images_smt/w_ar.png),-moz-linear-gradient(top,  #D9959F 0%,#BD4455 49%,#A40017 50%);
	background-image: url(/ec/images_smt/w_ar.png),-webkit-gradient(linear, right top, right bottom,color-stop(0%,#D9959F), color-stop(49%,#BD4455),color-stop(50%,#A40017));
	border:solid 1px #FFF;
	}

.textmenu li.white a{
	color:#333;
	background-color:#DDDDDD;
	background-image: url(/ec/images_smt/w_ar.png),-moz-linear-gradient(top,  #F5F5F5 0%,#DDDDDD 49%,#CCCCCC 50%);
	background-image: url(/ec/images_smt/w_ar.png),-webkit-gradient(linear, right top, right bottom,color-stop(0%,#F5F5F5), color-stop(49%,#DDDDDD),color-stop(50%,#CCCCCC));
	border:solid 1px #FFF;
	}

.textmenu li.black a{
	color:#FFF;
	background-color:#333333;
	background-image: url(/ec/images_smt/w_ar.png),-moz-linear-gradient(top,  #999999 0%,#333333 49%,#000000 50%);
	background-image: url(/ec/images_smt/w_ar.png),-webkit-gradient(linear, right top, right bottom,color-stop(0%,#999999), color-stop(49%,#333333),color-stop(50%,#000000));
	border:solid 1px #FFF;
	}

.textmenu li.plane,
.textmenu li.plane a{
	color:#000;
	line-height:33px;
	font-size:12px;
	background-color:#FFF;
	border-bottom:solid 1px #CCC;
	padding-left:10px;
	}
/* textmenu end */


/* textmenu1 start */
.textmenu1{
	border:solid 1px #CCC;
	border-bottom:none;
	margin:0 5px 10px 5px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
	}

.textmenu1 li{
	border-bottom:solid 1px #CCC;
	height:33px;
	background-image:url(/ec/images_smt/f_ar.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#FFF;
	}

.textmenu1 li a{
	display:block;
	height:33px;
	line-height:33px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding-left:5px;
	}

.textmenu1 li.main a{
	color:#FFF;
	background-color:#D66B73;
	background-image: url(/ec/images_smt/w_ar.png) ,-moz-linear-gradient(top, #D66B73 0%,#CA414C 49%,#BD1522 50%);
	background-image: url(/ec/images_smt/w_ar.png) ,-webkit-gradient(linear, right top, right bottom, color-stop(0%,#D66B73), color-stop(49%,#CA414C),color-stop(50%,#BD1522));
	background-position:right center;
	background-repeat:no-repeat;
	}

.textmenu1 li.mypage a{
	background-image:url(/ec/images_smt/bt_mypage.png);
	background-image:url(/ec/images_smt/bt_mypage.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:25px;
	color:#333;
	}
/* textmenu1 end */


/* textmenu2 start */
.textmenu2{
	border:solid 1px #CCC;
	border-bottom:none;
	margin:10px 5px 10px 5px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
  box-shadow: 0 0 6px rgba(0,0,0,0.3);
	}

.textmenu2 li{
	border-bottom:solid 1px #CCC;
	height:44px;
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#90B6EB;
	background-image:url(/ec/images_smt/w_ar.png),-moz-linear-gradient(top, #90B6EB 0%,#4F8BE0 49%,#2C74DA 50%);
	background-image:url(/ec/images_smt/w_ar.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#90B6EB), color-stop(49%,#4F8BE0),color-stop(50%,#2C74DA));
	}

.textmenu2 li input,
.textmenu2 li a,
.textmenu2 li label {
	display:block;
	width:100% !important;
	height:44px;
	line-height:44px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding-left:5px;
	border:none;
	background:none;
	text-align:left;
	cursor:pointer;
	box-sizing: border-box;
}
/* textmenu2 end */


/****************************************************************/
/*  各種ボタン
*****************************************************************/

/* トップページへ start */
.bt_top a,
.bt_top input {
	color: #FFF;
	text-shadow: #000 0px -1px 1px;
	background-color:#477BAE;
	background-image:-moz-linear-gradient(top, #477BAE 0%, #41709D 49%,#2E4F79 50%,#2B4A71 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#477BAE), color-stop(49%,#41709D),color-stop(50%,#2E4F79),color-stop(100%,#2B4A71));

	border:solid 1px rgba(0,0,0,0.05);
	cursor:pointer;
}
/* トップページへ end */


/* 閉じる start */
.bt_close a,
.bt_close input {
	color: #000;
	text-shadow: #FFF 0px -1px 1px;
	background-color:#EDEDEE;
	background-image:-moz-linear-gradient(top, #EDEDEE 49%, #BABABB 50%,#BFBFBF 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(49%,#EDEDEE), color-stop(50%,#BABABB),color-stop(100%,#BFBFBF));
	border:solid 1px rgba(0,0,0,0.05);
	cursor:pointer;
	display: block;
	margin:5px auto 0 auto;
	width: 50px !important;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
/* 閉じる end */


/* 戻る（フォーム用）start */
/* 戻る（フォーム用） end */


/* 確認する（フォーム用）start */
/* 確認する（フォーム用） end */


/* 送信する（フォーム用） start*/
.bt_submit a,
.bt_submit input,
.bt_submit button {
}
/* 送信する（フォーム用） end */


/* ログインする（フォーム用） start*/
.bt_login a,
.bt_login input {
	color: #fff;
	cursor:pointer;
}
/* ログイン（フォーム用） end */


/* マイページトップへ（フォーム用） start*/
.bt_fmypage a,
.bt_fmypage input {
	color: #fff;
	text-shadow: #732F4E 0px -1px 1px;
	background-color:#ED74AA;
	background-image:-moz-linear-gradient(top, #ED74AA 49%, #DB1560 50%,#CC135B 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(49%,#ED74AA), color-stop(50%,#DB1560),color-stop(100%,#CC135B));
	border:solid 1px rgba(0,0,0,0.05);
	cursor:pointer;
}
/* マイページトップ（フォーム用） end */


/* 次へ start*/
.bt_next{
	padding: 0 10px 0 0 ;
	display: block;
	margin-right: 5px;
	width: 60px !important;
	/*overflow: auto;*/
	float:right;
}


.bt_next a {
	display: block;
	width: auto !important;

	line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow: #000 0px 1px 1px;
	border-right: 1px solid #31628B;

	background-color:#4C8AB3;
	background-image:-moz-linear-gradient(top, #275A86 0%, #4C8AB3 5%,#79A7C6 49%, #3A729C 50%, #2C5278 95% ,#8DA2B6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#275A86),color-stop(5%,#4C8AB3),color-stop(49%,#79A7C6),color-stop(50%,#3A729C),color-stop(95%,#2C5278),color-stop(100%,#8DA2B6));
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.5);

	text-indent: 10px;
}


.bt_next a::after {
	position: relative;
	margin-top: -15px;
	margin-right: -5px;
	margin-left: auto;
	display: block;
	height: 15px;
	width: 10px !important;
	content: ' ';
	-moz-transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	background-color:#3A729C;
	background-image:-moz-linear-gradient(top, #3A729C 0%, #2C5278 90% ,#8DA2B6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#3A729C),color-stop(90%,#2C5278),color-stop(100%,#8DA2B6));
  border-right: 1px solid #8DA2B6;
}

.bt_next a::before {
	float: right;
	margin-right: -5px;
	display:block;
	height: 15px;
	width: 10px !important;
	content: ' ';
	-moz-transform: skew(35deg);
	-webkit-transform: skew(35deg);

	background-color:#4C8AB3;
	background-image:-moz-linear-gradient(top, #275A86 0%, #4C8AB3 10%, #79A7C6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#275A86),color-stop(10%,#4C8AB3),color-stop(100%,#79A7C6));
  border-right: 1px solid rgba(0,0,0,0.5);
}
/* 次へ end */




/* lightbox start*/
.lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:100;}

.light {position:absolute; left:0; top:0;}
.box {position:absolute; left:0; top:0;}

a:active .lightbox,
a:focus .lightbox {
	left:0;
	width:100% !important;
	height:100%;
	}

a:active .lightbox .light,
a:focus .lightbox .light {
	background:#000;
	width:100% !important;
	height:100%;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:0.90;
}

a:active .lightbox .box,
a:focus .lightbox .box {
	width:100% !important;
	text-align:center;
	margin-top:20px;
	}

a:active .lightbox .box img,
a:focus .lightbox .box img {
	border:1px solid #aaa;
	margin:0 auto;
	}

a:active .lightbox .box span,
a:focus .lightbox .box span {
	display:block;
	width:240px !important;
	background-color:#FFF;
	padding:10px;
	margin:10px auto;
	border:solid 1px #CCC;

	font-size:13px;
	line-height:1.3;
	font-weight:normal;
	color:#333;
	text-align:left;
	}
a:active .lightbox .box span span,
a:focus .lightbox .box span span{
	font-weight:bold;
	width: auto !important;
	border:none;
	padding:0;
	margin:0;
	}

#close {
	width:50px !important;
	height:30px;

	position:relative;
	display:inline;
	cursor:pointer;
	}
/* lightbox start*/




/* カラーボックス start */
#cboxLoadedContent {
	background-color: #FFF;
	border: 1px solid #000;
	padding: 10px;

}
/* // キャメル珈琲カスタマイズ
#cboxLoadedContent { border: none; }
#cboxClose {
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: url(/ec/images/common/btn_close.svg) no-repeat left top;
}
#cboxClose:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}
.modal .box_button {
    margin: 30px 0 0;
    text-align: center;
}
.modal .box_button .button {
    width: 180px;
    margin: 0 9px;
	font-size:14px;
	padding:0.8em;

}
 */
/* /// キャメル珈琲カスタマイズ */

#cboxLoadedContent .btBox_OL{
	display: block!important;

}

/* カラーボックス end */

/* ページング start */


.pageBox {
	clear: both;
	font-size: 13px;
	margin: 10px 0;
}
.pageBox .total_num {
	text-align: center;
	margin-bottom: 5px;
}


.pageBox .page_no {
	text-align: center;
	position: relative;
 	height: 40px;
}

.pageBox .page_no .num {
	margin: 0 1px;
	width: 18% !important;
	height: 8%;
	text-align: center;
	float: left;
	border-left: 1px solid #333333;
	height: 13px;
}

.pageBox .page_no li:first-of-type {
	border-left: none;
}

.pageBox .page_no .nxt {
	position:relative;
    margin: 10px;
	width: 50px!important;
}

.pageBox .page_no .prev {
	clear: both;
    float: left;
}

.pageBox .page_no a {
	padding: 0 20px;
}

.pageBox .page_no .nxt a {
	padding: 0;
	text-decoration:none;
}

.pageBox .page_no a.productList {
	padding: 0 30px;
}

/* ページング end */







/****************************************************************/
/*  insert
*****************************************************************/

/* insert カレンダー start */
.bt_category1 p{
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	border-top:solid 1px #001C55;
	border-bottom:solid 1px #001C55;
	background-color:#7A99D8;
	background-image:-moz-linear-gradient(top, #7A99D8 2%, #345CAE 3%,#003399 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#7A99D8), color-stop(3%,#345CAE),color-stop(100%,#003399));
	}

p[class=setOption]{
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	border-top:solid 1px #001C55;
	border-bottom:solid 1px #001C55;
	background-color:#7A99D8;
	background-image:-moz-linear-gradient(top, #7A99D8 2%, #345CAE 3%,#003399 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#7A99D8), color-stop(3%,#345CAE),color-stop(100%,#003399));
}

.bt_category1 p span{display: block;}

.bt_category1 .icon_plus span::after,
.bt_category1 .icon_minus span::after{
	position: relative;
  margin-top: -29px;
	margin-right: 10px;
	margin-left: auto;
	display: block;
	height: 21px;
	width: 21px !important;
	content: ' ';
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-position:center center;
	background-repeat:no-repeat;
}

.bt_category1 .icon_plus span::after{
	background-image: url(/ec/images_smt/icon_plus.png),-moz-linear-gradient(top, #90B6EB 0%,#4F8BE0 49%,#2C74DA 50%);
	background-image: url(/ec/images_smt/icon_plus.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#90B6EB), color-stop(49%,#4F8BE0),color-stop(50%,#2C74DA));
}

.bt_category1 .icon_minus span::after{
	background-image: url(/ec/images_smt/icon_minus.png),-moz-linear-gradient(top, #D66B73 0%,#CA414C 49%,#BD1522 50%);
	background-image: url(/ec/images_smt/icon_minus.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#D66B73), color-stop(49%,#CA414C),color-stop(50%,#BD1522));
}

.bt_category1 .categoryBox{
	width:100%;
	text-align:center;
	padding-bottom:10px;
	}


.categoryBox #calendar_1 table,
.categoryBox #calendar_2 table{
	text-align:center;
	margin:0 auto;
	}
.categoryBox #calendar_1 table.month,
.categoryBox #calendar_2 table.month{
	margin-top:10px;
	}

.categoryBox #calendar_1 th,
.categoryBox #calendar_2 th,
.categoryBox #calendar_1 td,
.categoryBox #calendar_2 td{
	text-align:center;
	padding:5px;
	font-size:12px;
	}

.categoryBox #calendar_1 .day th,
.categoryBox #calendar_2 .day th{
	border-top:solid #CCC 1px;
	}
.categoryBox #calendar_1 td,
.categoryBox #calendar_2 td{
	background-color:#F5F5F5;
	border-right:solid #FFF 1px;
	border-bottom:solid #FFF 1px;
	padding:10px 5px;
	}

.categoryBox #calendar_1 .sat,
.categoryBox #calendar_2 .sat{
	color:#06F;
	}
.categoryBox #calendar_1 .sun,
.categoryBox #calendar_2 .sun{
	color:#C00;
	}
.categoryBox #calendar_1 .act,
.categoryBox #calendar_2 .act{ background-color:#F00;}

.categoryBox #calendar_1 .off,
.categoryBox #calendar_2 .off{ background-color:#C0C0C0;}

/* insert カレンダー end */



/* insert 絞込み検索 start */
div#insert_style {
	margin:0 auto;
	}

div#insert_style .title_style2 p,
div#dsearchBox_style .title_style2 p{
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	border-top:solid 1px #001C55;
	border-bottom:solid 1px #001C55;
	background-color:#7A99D8;
	background-image:-moz-linear-gradient(top, #7A99D8 2%, #345CAE 3%,#003399 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#7A99D8), color-stop(3%,#345CAE),color-stop(100%,#003399));
	}
div#insert_style .textBox2{
	margin:10px 5px 10px 5px;
	font-size:12px;
	line-height:1.3;
	font-weight:normal;
	}

div#insert_style .formBox{

	}
div#insert_style .formBox div div select{margin:2px 0;}


div#insert_style .btBox2{
	width:180px !important;
	margin:0 auto 10px auto;
	overflow:hidden;
	padding:0;
	}
div#insert_style .btBox2 .bb2left{float:left;}
div#insert_style .btBox2 .bb2right{float:right;}
div#insert_style .btBox2 p{
	padding: 5px;
  display: block;
	width: 80px !important;
	overflow: hidden;
}

div#insert_style .btBox2 p a,
div#insert_style .btBox2 p input{
	width: 80px !important;
}


div#insert_style .btBox1{
	margin:0 auto;
  display: block;
	width: 50px !important;
	/* overflow: auto; */
	padding-bottom:10px;
	border:none;
	}
div#insert_style .btBox1 a,
div#insert_style .btBox1 input{
	display: block;
	width: 50px !important;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);

	color: #000;
	text-shadow: #FFF 0px -1px 1px;
	background-color:#EDEDEE;
	background-image:-moz-linear-gradient(top, #EDEDEE 49%, #BABABB 50%,#BFBFBF 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(49%,#EDEDEE), color-stop(50%,#BABABB),color-stop(100%,#BFBFBF));
	border:solid 1px rgba(0,0,0,0.05);
	cursor:pointer;
	}
/* insert 絞込み検索 end */


/* insert 最近チェックした商品 start */
.indentbox{
	padding:15px 5px;
	background-color:#EDEDED;
	margin-bottom:10px;
	}

.roundBox{
	height:180px;
	padding:3px 0 1px 0;
	margin:0;

	background-color:#FFF;
	text-align:left;

	-webkit-box-shadow: 0 0 5px #929292;
  -moz-box-shadow: 0 0 5px #929292;
  box-shadow: 0 0 5px #929292;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	}

.roundBox .title{
	color:#396C9F;
	font-size:12px;
	font-weight:bold;
	background:url(/ec/images_smt/check_line.png) left bottom repeat-x;
	margin:0 5px;
	padding-bottom: 5px;
	height:34px;
	line-height:34px;
	position: relative;
	text-align: center;
	}


#itemflick_style{
	position:relative;
}

.slBtnArea{
	overflow:hidden;
	margin:0 0 5px 0;
	padding:2px 10px 0 10px;
	}

.btn-back,
.btn-next{
	width:15px;
	height:92px;
	text-align:center;
	/*-webkit-box-shadow:0px 0px 4px #AAA;*/
	z-index:1;
	position:absolute;
	top:7px;
	margin:0;
	text-indent: -9999px;
	background-repeat:no-repeat;
	background-color: transparent
	}


.btn-back{
	left:3px;
	background-image: url(/ec/images_smt/ch_ar_back.png);
	background-position:left center;
	}
.btn-next{
	right:3px;
	background-image: url(/ec/images_smt/ch_ar_next.png);
	background-position:right center;
	}

/**************************************************************************************************/

/* 指スライド用 */

.swipeBox .arrow-title {
	position: relative;
	text-align: center;
    height: 34px;
    line-height: 34px;
}

.swipeBox .h_ranking .arrow-title {
	margin-top:-45px;
}

.swipeBox {
	overflow: hidden;
	position: relative;
}

.swipeBox .swipeArea {
	width: 4000%;
}

.swipeBox .swipeArea .swpObj {
	float:left;
	text-align: center;

}

.arrow-title .btn-next,
.arrow-title .btn-back {
	display: block;
	height: 21px;
	line-height: 21px;
	width: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #CCCCCC;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-position:center center;
	background-repeat:no-repeat;
	background-image: none;
	position: absolute;
	top: 4px!important;
	background-color:#fff;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-indent: 0;

}

.arrow-title .btn-next {
	right: 20px;
}

.arrow-title .btn-back {
	left: 20px;
}

/*
.swipeImgs {
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}
*/
.swpObj {
	width: 105px;
}

.swpObj a img:not(.rank) {
	/*width: 88px!important;*/
	/*height: 44px!important;*/
	width: 50px!important;
	height: 50px!important;
}


/*.flick1,*/
.flick2,
.flick3,
#flick1,
#flick2,
#flick3,
#flick4{
	position:relative;
	z-index:0;
	height:95px;
	margin:0 auto 0 auto;
	overflow:hidden;
	/*background:#333;*/
	}




/*.flick1 ul.slbox1,*/
.flick2 ul.slbox2,
.flick3 ul.slbox3,
#flick1 ul#slbox1,
#flick2 ul#slbox2,
#flick3 ul#slbox3,
#flick4 ul#slbox4{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	}
.flick1 ul.slbox1 li,
.flick2 ul.slbox2 li,
.flick3 ul.slbox3 li,
#flick1 ul#slbox1 li,
#flick2 ul#slbox2 li,
#flick3 ul#slbox3 li,
#flick4 ul#slbox4 li{
	display:block;
	float:left;
	}
.flick1 ul.slbox1 li a,
.flick1 ul.slbox1 li span,
.flick2 ul.slbox2 li a,
.flick2 ul.slbox2 li span,
.flick3 ul.slbox3 li a,
.flick3 ul.slbox3 li span,
#flick1 ul#slbox1 li a,
#flick1 ul#slbox1 li span,
#flick2 ul#slbox2 li a,
#flick2 ul#slbox2 li span,
#flick3 ul#slbox3 li a,
#flick3 ul#slbox3 li span,
#flick4 ul#slbox4 li a,
#flick4 ul#slbox4 li span{
	display:block;
	width:92px;
	margin:0 auto;
/* 	color:#fff; */
	}
.flick1 ul.slbox1 li img,
.flick2 ul.slbox2 li img,
.flick3 ul.slbox3 li img,
#flick1 ul#slbox1 li img,
#flick2 ul#slbox2 li img,
#flick3 ul#slbox3 li img,
#flick4 ul#slbox4 li img{
	border:solid 1px #9CB6C4;
	}
.slbox1,
.slbox2,
.slbox3,
#slbox1,
#slbox2,
#slbox3,
#slbox4{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	width: 2000%;
}

/* insert 最近チェックした商品 end */

/* 新着、おすすめ、ランキング部品 start*/
.flickparts{
	position:relative;
	z-index:0;
	margin:0 auto 0 auto;
	overflow:hidden;
}

.flickparts p{
	color: black;
    word-break: break-all;
    font-size: 80%;
    margin-top: 5px;
}
/* 新着、おすすめ、ランキング部品 end*/

div.title_style{
	font-size:18px;
	color:#004098;
	font-weight:bold;
	padding:1em 0 0.6em;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin-bottom:0.6em;
	line-height: 1;
}


/* insert ランキング start */
div.title_style_ranking h3,
div.title_style_ranking p{
	font-size:18px;
	color:#004098;
	font-weight:bold;
	padding:1em 0 0.6em;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin-bottom:0.6em;
	}


.h_ranking .btn-back,
.h_ranking .btn-next{
	top:37px !important;
	}

.h_ranking .flick1{
	height:142px !important;
	overflow:hidden;
	}

.h_ranking .flick1 ul.slbox1 li{
	height:142px !important;
	}
.flick1 ul.slbox1 li .rank{
	font-weight:bold;
	text-align:center;
	font-size:13px;
	height:30px;
	padding-bottom:2px;
	}
.flick1 ul.slbox1 li .rank img{
	border:none;
	margin-right:3px;
	}
.tex_bottom{
	text-align:center;
	font-size:11px;
	}

.h_ranking .flick2{
	height:142px !important;
	overflow:hidden;
	}

.h_ranking .flick2 ul.slbox2 li{
	height:142px !important;
	}
.flick2 ul.slbox2 li .rank{
	font-weight:bold;
	text-align:center;
	font-size:13px;
	height:30px;
	padding-bottom:2px;
	}
.flick2 ul.slbox2 li .rank img{
	border:none;
	margin-right:3px;
	}
.tex_bottom{
	text-align:center;
	font-size:11px;
	}
/* insert ランキング end */



/* insert 商品単位のレビュー一覧 start */
div.insert .title_style2 h3,
div.insert .title_style2 p{
	height:25px;
	line-height:25px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;

	color:#FFF;
	border-top:solid 1px #001C55;
	border-bottom:solid 1px #001C55;
	background-color:#7A99D8;
	background-image:-moz-linear-gradient(top, #7A99D8 2%, #345CAE 3%,#003399 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(2%,#7A99D8), color-stop(3%,#345CAE),color-stop(100%,#003399));
	}
div.insert .itemBox{
	overflow:hidden;
	width:310px !important;
	margin:10px auto;
}
div.insert .itemBox .photo{
	float:left;
	width:110px !important;
	}
div.insert .itemBox .text{
	float:left;
	width:200px !important;
	line-height:1.3;
	}
div.insert .itemBox .text a{
	font-size:14px;
	font-weight:bold;
	}
div.insert .itemBox .text .cord{font-size:10px;}
div.insert .itemBox .text .cord #productCd{font-size:12px;}

div.insert .itemBox .text .price{font-size:13px;}
div.insert .itemBox .text .price dt{
	color:#C00;
	font-weight:bold;
	}
div.insert .itemBox .text .price #noTaxDispFlg,
div.insert .itemBox .text .price #incTaxDispFlg{
	font-size:10px;
	color:#000;
	font-weight:normal;
	}
div.insert #check2_style .inner .imgBox{
	width:290px !important;
	height:90px;
	background-color:#EDEDED;
	border:solid 1px #E5E5E5;
	}
div.insert .reviewBox .text{
	font-size:12px;
	line-height:1.5;
	margin:5px;
	}
div.insert .reviewBox .name{
	display:block;
	border-top:dotted 1px #CCC;
	font-size:11px;
	padding:5px;
	text-align:right;
	}

/* pagelinkBox */
div.insert .pagelinkBox{
	overflow:hidden;
	margin-bottom:10px;
	}
/* list_title */
div.insert .result_sch{
	height:26px;
	line-height:26px;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	text-align:center;
	margin-bottom:5px;

	background-color:#999999;
	background-image:-moz-linear-gradient(top, #999999 0%, #333333 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#999999), color-stop(100%,#333333));
	}
div.insert .result_sch #listCount{
	color: #FC0;
	font-size:15px;
	}
/* insert 商品単位のレビュー一覧 end */




/* insert 新着レビュー一覧 start */
div.insert .reviewBox {
	padding-bottom:5px;
	}
div.insert .reviewBox .titleBox{
	overflow:hidden;
	border-top:solid 1px #FFF;
	padding:7px 5px;
	background-color:#F3F3F3;
	background-image:-moz-linear-gradient(top, #F3F3F3 0%, #CCCCCC 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#F3F3F3), color-stop(100%,#CCCCCC));
	}
div.insert .reviewBox .title{
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	}
div.insert .reviewBox .rate{
	color:#FF9900;
	width:100px !important;
	font-size:12px;
	float:right;
	margin-top:5px;
	text-align:center;
	background-color:#FFF;
	padding:3px 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px #666 inset;
  -moz-box-shadow: 0 1px 3px #666 inset;
  box-shadow: 0 1px 3px #666 inset;
	}
div.insert .reviewBox .inner{
	overflow:hidden;
	width:310px !important;
	padding:5px 5px 0 5px;
	margin:0 auto;
	}
div.insert .reviewBox .inner .photo{
	float:left;
	width:66px !important;
	}
div.insert .reviewBox .inner .text{
	float:left;
	width:170px !important;
	font-size:12px;
	line-height:1.5;
	margin-bottom:5px;
	}
div.insert .reviewBox .inner .name{
	display:block;
	border-top:dotted 1px #CCC;
	font-size:11px;
	padding:5px;
	margin-top:5px;
	text-align:right;
	}
/* insert 新着レビュー一覧 end */



/****************************************************************/
/*  各ページ共通
*****************************************************************/

.clear{ clear:both;}




/* タイトル start */
#title_style {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	margin-bottom: 20px;
}
#title_style h2 {
	box-sizing: border-box;
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	background: #f4f4f4;
	border: none;
	color: #000;
	padding: 8px 0;
}

#title_style .texA{
	font-size:14px;
	line-height:1.3;
	padding:5px;
}
.texNormal_style {
	margin: 10px 5px;
	font-size:14px;
	line-height:1.3;
	padding:5px;
}
.texBox_style {
	margin: 10px 5px;
	border: 1px #888 dashed;
	font-size:14px;
	line-height:1.3;
	padding:5px;
}
.texBox_error_style {
	margin: 10px 5px;
	color: #b41400;
	border: 1px #b41400 solid;
	font-size:14px;
	line-height:1.3;
	padding:5px;
}
#title_style .kome-text{
	padding-left:5px;
	margin-bottom:5px;
	}

#title_style .kome{
	color:red;
	font-size:16px;
	font-weight:bold;
	vertical-align:sub;
	}

#title_style .bt_oversea {
	padding: 5px 10px 5px 0;
  display: block;
	width: 110px !important;
	overflow: auto;
	float:right;
}

#title_style .bt_oversea a {
	display: block;
	width: auto !important;
	line-height: 39px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.6);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	background-color:#E08084;
	background-image:-moz-linear-gradient(top, #E08084 49%, #CC2925 50%,#C02321 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(49%,#E08084), color-stop(50%,#CC2925),color-stop(100%,#C02321));

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
  box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
/* タイトル end */


/* コンテンツ start */

dl.lead{
	margin:5px;
}

dl.lead dt{
	font-size:14px;
	margin-bottom:10px;
	line-height:1.3;
	}

dl.lead dd{
	font-size:13px;
	margin-bottom:5px;
	line-height:1.3;
	}

p.lead {
	font-size:13px;
	margin-bottom:5px;
	line-height:1.3;
	}


p.textBox1{
	padding:10px;
	margin:0 5px 10px 5px;
	font-size:14px;
	line-height:1.3;
	}
p.textBox2{
	margin:10px 5px 10px 5px;
	font-size:14px;
	line-height:1.3;
	}
p.textBoxLink{
	margin:0 5px;
	font-size:12px;
	line-height:1.3;

  display: block;
	overflow: auto;
}

p.textBoxLink a{
	color:#000;
	padding:10px;
	padding-right:50px;
	text-decoration:none;
	display:block;
	width: auto !important;
	}


#freeArea_style {
	padding:0 5px 20px;
	font-size: 14px;
}

/* コンテンツ end */



/* フロー */
#flow {
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    list-style: none;
	display: flex;
}
#flow li {
	position: relative;
	width: 32%;
	margin: 0 2px;
	border-bottom: 10px solid #888;
	padding-bottom: 10px;
	font-size: 14px;
	font-style: normal;
}
#flow li i{
	display: block;
	font-style: normal;
	font-weight: bold;
}
#flow .current {
    color: #000;
    border-bottom: 10px solid #004098;
}
#flow .current::after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
	transform: translateX(-50%);
    margin: auto;
    border-style: solid;
    border-color: #004098 transparent transparent transparent;
    border-width: 10px 10px 0 10px;
}
/* フロー end */



/* マイページ ヘッダーボタン start */
#title_style{position:relative;}

.bt_maypage{
	position:absolute;
	top:8px;
	left:5px;
	padding: 0px;
	}

.bt_maypage a{
	display: block;
	padding: 0px;
	width: 81px;
	height: 30px;
	line-height: 30px;
	font-size: 8px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-left: 1px solid #8DA2B6;
	border-right: 1px solid #31628B;
	text-shadow: #000 0px 1px 1px;

	background-color:#4C8AB3;
	background-image:-moz-linear-gradient(top, #275A86 0%, #4C8AB3 5%,#79A7C6 49%, #3A729C 50%, #2C5278 95% ,#8DA2B6 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#275A86),color-stop(5%,#4C8AB3),color-stop(49%,#79A7C6),color-stop(50%,#3A729C),color-stop(95%,#2C5278),color-stop(100%,#8DA2B6));

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
/* マイページ ヘッダーボタン end */


/* アドレス帳から選択　start */
.bt_category2 span{
	display: block;
	height:34px;
	line-height:34px;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	}


.bt_category2 .icon_plus span::after,
.bt_category2 .icon_minus span::after{
	position: relative;
	margin-top:-29px;

	margin-right: 5px;
	margin-left: auto;
	display: block;
	height: 21px;
	width: 21px !important;
	content: ' ';
	-webkit-border-radius: 21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-position:center center;
	background-repeat:no-repeat;
}

.bt_category2 .icon_plus span::after{
	background-image: url(/ec/images_smt/icon_plus.png),-moz-linear-gradient(top, #90B6EB 0%,#4F8BE0 49%,#2C74DA 50%);
	background-image: url(/ec/images_smt/icon_plus.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#90B6EB), color-stop(49%,#4F8BE0),color-stop(50%,#2C74DA));

}

.bt_category2 .icon_minus span::after{
	background-image: url(/ec/images_smt/icon_minus.png),-moz-linear-gradient(top, #D66B73 0%,#CA414C 49%,#BD1522 50%);
	background-image: url(/ec/images_smt/icon_minus.png),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#D66B73), 		color-stop(49%,#CA414C),color-stop(50%,#BD1522));

}

.categoryBox2{
	clear:both;
	width:auto;
	margin:0 1px;
	text-align:left;
	padding:10px;
	background:#333;
	overflow:hidden;
	}

.categoryBox2 div{
	padding:5px;
	font-size:12px;
	color:#CCC;
	line-height:1.3;
	}
.categoryBox2 div span{
	font-weight:bold;
	width:120px;
	}

.categoryBox2 td{
	padding:5px;
	font-size:12px;
	color:#CCC;
	line-height:1.3;
	}
.categoryBox2 td.tdL{
	font-weight:bold;
	width:30%;
	}

.categoryBox2 .bt_submit input{
	float:right;
	margin-top:10px;
	}

.categoryBox2 .bt_close input,
.categoryBox2 .bt_submit input{
	display: block;
	width: auto !important;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
  box-shadow: 0 2px 2px rgba(0,0,0,0.5);
}

.categoryBox2 .btBox_add{
	overflow:hidden;
	width:210px;
	margin:0 auto;
	}
.categoryBox2 .btBox_add .bt_close input{
	float:left;
	width: 100px !important;
	margin-top:10px;
	}
.categoryBox2 .btBox_add .bt_submit input{
	width: 100px !important;
	}

/* アドレス帳から選択　end */



/* 入力フォーム　start */
.formBox {
	overflow:hidden;
	margin:0 5px 10px;
	border-top:solid 1px #ccc;
}
.formBox div{
	overflow:hidden;
	border-bottom:solid 1px #ccc;
	padding:7px 0;
}

.formBox div .left{
	width:auto;
	height:29px;
	line-height:29px;
	}

.formBox #fb1-6_style .left{line-height:1;}

.formBox div .right{float:left;}

.formBox input{
	padding: 5px;

}
.formBox span,
.formBox input {
	vertical-align: middle;
}
.formBox input[type='radio']{
	width:auto !important;
	display: inline !important;
}
.boxDown_style {
	margin: 0 5px 0 10px;
	vertical-align: middle;
	background: transparent url(/ec/images/common/ico_arrow_d.png) no-repeat center right 10px;
	outline: none;
	padding: 0 40px 0 10px;
	border: 1px solid #b4b3b3;
	border-radius: 4px
}

.fb_confm_style {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 !important;
}
.fb_confm_style .fb_left_style {
	width: 34%;
	padding: 14px;
	background: #f4f4f4;
	font-size: 14px;
}
.fb_confm_style .fb_left_style.fb_left_mg_style {
	width: 39%;
}
.fb_confm_style .fb_right_style {
	width: 62%;
	padding: 14px;
	font-size: 14px;
}


/*fb1*/
.formBox #fb1-4_style label,
.formBox #fb1-5_style label,
.formBox #fb1-6_style label{font-size:15px;}
/*.formBox #fb1-6 label span{font-size:10px;}*/

.formBox #fb1-1_style .company,
.formBox #fb1-1_style .position{
	margin-top:5px;
	margin-bottom:5px;
	}

.formBox #fb1-4_style p span span,

.formBox #fb1-1_style p span span{color:#000;}
.formBox #fb1-2_style p span span{color:#000;}
.formBox #fb1-3_style p span span{color:#000;}
.formBox #fb1-4_style p span span{color:#000;}
.formBox #fb1-5_style p span span{color:#000;}
.formBox #fb1-6_style p span span{color:#000;}
.formBox #fb2-1_style p span span{color:#000;}
.formBox #fb2-2_style p span span{color:#000;}
.formBox #fb3-1_style p span span{color:#000;}
.formBox #fb3-2_style p span span{color:#000;}
.formBox #fb3-3_style p span span{color:#000;}
.formBox #fb3-4_style p span span{color:#000;}
.formBox #fb3-5_style p span span{color:#000;}


/*fb2*/
.formBox #fb2-1_style .pc_mail,
.formBox #fb2-2_style .mobile_mail{
/*    margin-top:5px;*/
}



/*fb3*/
.formBox #fb3-1_style .zipcord,
.formBox #fb3-1_style #zipcord,
.formBox #fb3-1_style #zipMain{
/*	margin-top:5px;*/
	margin-right:6px;
	}

.formBox #fb3-1_style #zipcord{
	float:left;
	width:150px !important;
	margin-top:5px;
	margin-right:13px;
	}

.formBox #fb3-3_style .ad2{
	margin:5px 0;
	}

.formBox #fb3-1_style .bt_right{float:left;}
.formBox #fb3-3_style .bt_right{float:left;}

.formBox #fb3-1_style span span{
	color:#FF6600;
	font-size:11px;
	}

.formBox #fb3-1_style .foreign{
    display: block;
    float: left;
    font-size: 10px;
    width: 100%;
    color: #000000;
	}

.formBox #fb3-1_style .foreign input{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 50px !important;
	}

.formBox #fb3-3_style .inner{
	overflow:hidden;
	display:block;
	}

.formBox #fb3-3_style .inner .text{
	float:left;
	width:100% !important;
	line-height:1.3;
	padding-top:5px;
	}

.formBox #fb3-1_style .bt_right input,
.formBox #fb3-3_style .bt_right input{
	width:auto !important;
	}

/*fb4*/

.formBox #fb4-2_style select.birth_y{width:90px !important;}

.formBox #fb4-2_style select.birth_m,
.formBox #fb4-2_style select.birth_d{width:64px !important;}

.textAlignCenter_style a,
.border_bottom_line_style a {
	text-decoration: none;
	display: block;
}
.formBox #fb4-2_style input,
input.btn_changeS_style {
	margin: 5px 0 10px;
	padding:10px;
	border-radius: 4px !important;
	text-decoration: none;
}
.method_of_payment_style input.btn_changeS_style {
	width: 200px !important;
}
input.btn_changeS_style {
	margin: 0;
	border: none;
	padding:5px;
}
.formBox .radioLavel {
	font-weight: normal;
	color: #000;
	margin-right: 10px;
}

/* melmaga */
#melmaga_style{
	margin:20px 10px 15px 10px;
	padding: 16px 10px;
	background: #f4f4f4;
}
#melmaga_style.fb_confm_style {
	background: #fff;
	margin: 0;
}
#melmaga_style.fb_confm_style div {
	border: none;
}
#melmaga_style.fb_confm_style .title {
	padding: 14px 5px;
}
#melmaga_style.fb_confm_style ul {
	padding: 0 5px;
}
#melmaga_style .title{
	padding-left:5px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	margin-bottom:2px;
}
.english #melmaga_style .title dl{padding-top:3px;}

#melmaga_style ul{
		padding:5px 10px;
	}
#melmaga_style li{
	font-size:14px;
	margin-bottom:3px;
	}
#melmaga_style li.last{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
	}

#melmaga_style li input{
		vertical-align:middle;
		margin-right:5px;
	}
#melmaga_style li span{
		vertical-align:middle;
	}
#melmaga_style .caution{
	margin:0 10px;
	padding:5px 0 7px 0;
	font-size:10px;
	text-align:center;
	border-top:solid 1px #CCC;
	font-weight:bold;
	}


.reset1{
	height:auto;
	padding:0;
	margin:0;
	margin-right:5px;
	}
/* 入力フォーム　end */

/* 数量ボックスの＋－ start */

.amount {
	padding-right: 100px;
	position: relative;
}

.amount .icon {
	margin:0 4px;
	position: absolute;
	top:6px;
	height: 25px;
	width: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
	white-space: nowrap;
	cursor: pointer;
	-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 2px rgba(0,0,0,0.5);
	background-position: center center;
}

.amount .plus-icon {
	background-image: url("/ec/images_smt/icon_plus.png"),-moz-linear-gradient(top, #BBBBBB 0%,#333333 100%);
	background-image: url("/ec/images_smt/icon_plus.png"),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#BBBBBB),color-stop(100%,#333333));
	left: 100px;
	top: 2px;
}

.amount .minus-icon {
	background-image: url("/ec/images_smt/icon_minus.png"),-moz-linear-gradient(top, #BBBBBB 0%,#333333 100%);
	background-image: url("/ec/images_smt/icon_minus.png"),-webkit-gradient(linear, right top, right bottom, color-stop(0%,#BBBBBB),color-stop(100%,#333333));
	left: 150px;
	top: 2px;
}


/* 数量ボックスの＋－ end */

.product-name {
	font-size:10px;
	text-align:left;
	font-weight:bold;
	color:#006699 !important;
	line-height:1.2em;
}

.product-date {
	font-size:8px;
	text-align:left;
	/*font-weight:bold;*/
	color:#000000 !important;
	line-height:1.2em;
	padding-top:2px
}

.product-price {
	font-size:10px;
	text-align:right;
	font-weight:bold;
	color:#FF0000 !important;
	line-height:1.2em;
}

.detailObj {
	width: 310px!important;
	height: 310px!important;
}

.tabmenu{
	width: 100%;
	margin-top:0px;
	padding-top:0px;
/*	border-top:1px solid #ccc;*/}

.tab-brand,.tab-brand2, .tab ,.tab-bottom{
		overflow:hidden;
		list-style: none;}
	.tabmenu p{
		font-size:0.9em;
	}
.tab-brand,.tab-brand2, .tab  ,.tab-bottom{
		display:table;
		table-layout:fixed;
		width:100%;
		border-collapse: separate;
		border-spacing:2px 0;
		padding: 0;
		list-style: none;
		margin:0 auto;
/* 		border-bottom:3px solid #ccc; */
	}

.tab-brand li,.tab-brand2 li, .tab li ,.tab-bottom li{
		border:1px solid #ccc;
		border-bottom:1px solid #eee;
		background: #fff;
		text-align:center;
		font-weight:bold;
		cursor: pointer;
		display: table-cell;
		padding: 15px 0 15px 0;
		vertical-align:middle;
		font-size:0.9em;
		z-index:100;
}

	.tab-brand2 li.select,
	.tab-brand li.select,
	.tab li.select,
	.tab-bottom li.select{
		display: table-cell;
		border:1px solid #ccc;
		border-bottom:1px solid #eee;
		background: #eee;
		text-align:center;
		font-weight:bold;
		cursor: pointer;
		vertical-align:middle;
		text-decoration:underline;
		font-size:0.9em;
		padding: 15px 0 15px 0;
		z-index:100;}


	.content div{
		margin-top:-1px;
		height: auto;
		padding: .6em;}
.content div.hide ,.content div.hide2, .content div.hide3,	.content div.hide4{
/*		border:1px solid #ccc;*/

	}

.hide, .hide2,.hide3 , .hide4 {
		display:none;
}

.content div.sub{
			border-bottom:none;

}

.tab-brand2 li:after,
.tab-brand li:after,
.tab-bottom li:after,
.tab li:after{
 margin:1px 0px 0 2px;
 content:" ";
 display:inline-block;
 width:8px;
 height:8px;
/*  background:url(/ec/images_smt/f_bottom_s.png) ; */
 background-size:contain;
 vertical-align:middle;
}

.tab-brand li.select:after,
.tab-brand2 li.select:after,
.tab li.select:after,
.tab-bottom li.select:after{
 margin:1px 0px 0 2px;
 content:" ";
 display:inline-block;
 width:8px;
 height:8px;
 background:url(/ec/images_smt/f_top_s.png) ;

 background-size:contain;
 vertical-align:middle;

	}
.tab a.current{
	text-decoration: none;
	pointer-events: none;
	font-weight: bold;
	color: #000;
	}

.tab a:not(:last-child) {
    display: inline-block;
    border-right: 1px solid #000;
}

.list_category li{
	padding: .5em .75em;
    border: 1px solid #ccc;
    background-color: #F3F3F3;
}
.list_color li {
	display:inline
}
.list_color li img{
	margin: 10px;
}
.list_color li input{
	 display: none;
}
.box_button input{
	 width: 100%;
}
.box_button input:checked{
	outline: inset 6px #ffff00;
}
.range  input{
	margin: 5px;
	width: 80%;
}
div.amazon_button{
	margin: 5px;
}

#loginForm div.amazon_button{
	text-align: center;
}

div.headerBundle{
	float: left;
}
div.titleBundle{
	line-height:27px;
	text-align: left;
	float: left;
}
div.buttonBundle{
	text-align: right;
}
div.bundleClear{
	clear:both;
}
input.recordCopyButton{
	color: #fff;
	text-shadow: rgba(115, 47, 78, 0) 0px -1px 1px;
	background-color:#7BAAEF;
	background-image:-moz-linear-gradient(top, #7BAAEF 49%, #528EE7 50%,#2975DE 100%);
	background-image:-webkit-gradient(linear, right top, right bottom, color-stop(49%,#7BAAEF), color-stop(50%,#528EE7),color-stop(100%,#2975DE));
	border:solid 1px rgba(0,0,0,0.05);
	cursor:pointer;
	border-radius:8px;
}

.last-prod {
	font-size: 12px;
}


/*
郵便番号検索
-----------------------------------*/
.box_zip { position: relative; }
/* // キャメル珈琲カスタマイズ */
.formBox.box_zip { overflow:visible !important; }
/* /// キャメル珈琲カスタマイズ */
.list_address {
    position: absolute;
    top: 0;
    left: 160px;
    padding: 15px;
    border-radius: 5px;
    background: #000!important;
    background: rgba(0, 0, 0, .7)!important;
    color: #fff!important;
    font-size: 14px;
    z-index: 100;
    line-height: 30px;
    overflow: scroll!important;
}
.list_address .title {
    margin; 0 0 15px;
    text-align: center;
}
}
.list_address .title strong { font-size: 16px; }
.list_address dl { margin: 0; }
.list_address dt {
    float: left;
    clear: left;
    margin: 0 0 5px;
    font-size: 15px;
    font-weight: bold;
    color: #fff!important;
}
.list_address dd {
    margin: 0 0 5px 95px;
    padding-top: 1px;
    color: #fff!important;
}
.list_address a { color: #fff; }
.list_address a:hover {  text-decoration: underline; }


/*
RSS
-----------------------------------*/

#rss #rss_contents .rss_element {
	padding: 5px;
}

#rss #rss_contents .rss_element .date {
	font-size: 80%;
}

#rss #rss_contents .rss_element .main_data {
	font-size: 90%;
    padding-top: 3px;
}

/*
ヘッダお知らせ
-----------------------------------*/
#header_notice {
	font-size: 60%;
	padding: 10px;
	margin: 0;
	text-align:center;
	line-height:1.4;
	background:#fff;
}

/* // キャメル珈琲カスタマイズ ITFOReCパッケージ取込*/
/*
サジェスト
-----------------------------------*/
.ui-widget {z-index:9999;}
/* /// キャメル珈琲カスタマイズ ITFOReCパッケージ取込*/

/****************************************************************/
/*  Layout
*****************************************************************/
#wrap_style {
	margin: 10px 0 0;
}
#cmShopTopPage #wrapTop_style {
    margin: 0 0 0 !important;
}
#wrap_style.keyWord_wrap_style {
	padding:0 0 0;
	overflow:hidden;
	margin: 0;
}

#contentsArea_style{
	padding:0 1em;
}
.open {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}



/*form統一*/
.formBox input.inlineLong_form,
input.inlineLong_form,
.formBox select.inlineLong_form,
select.inlineLong_form,
.formBox textarea.inlineLong_form,
textarea.inlineLong_form {
	width: 295px;
}
.formBox input.inlineMedium_form,
input.inlineMedium_form,
.formBox select.inlineMedium_form,
select.inlineMedium_form {
	width: 270px;
}
.formBox input.inlineShort_form,
input.inlineShort_form,
.formBox select.inlineShort_form,
select.inlineShort_form {
	width: 210px;
}
.formBox input.inlinecompact_form,
input.inlinecompact_form,
.formBox select.inlinecompact_form,
select.inlinecompact_form {
	width: 120px;
}
.formBox input.blockLong_form,
input.blockLong_form,
.formBox select.blockLong_form,
select.blockLong_form,
.formBox textarea.blockLong_form,
textarea.blockLong_form {
	width: 100%;
}
.formBox input.wAuto_form,
input.wAuto_form,
.formBox select.wAuto_form,
select.wAuto_form {
	width: auto;
}
.formBox input.barthYear_form,
input.barthYear_form {
	width: 60px;
}
.formBox select.barthMonth_form,
.formBox select.barthDay_form,
select.barthMonth_form,
select.barthDay_form{
	width: 60px;
}
.formBox input.postal_form,
input.postal_form {
	width: 180px;
}
.formBox select.prefecture_form,
select.prefecture_form {
	width: 180px;
}
.formBox select.time_form,
select.time_form {
	width: 140px;
	min-height: 40px;
}
.formBox input.point_form,
input.point_form,
.formBox select.point_form,
select.point_form {
	width: 140px;
}

/* 休売中アイコン */ 
.suspension_sale_button {
	text-align: center;
    width: 70%;
    display: block;
    padding: 15px;
    margin: 0px auto 20px !important;
	border-radius: 4px !important;
    line-height: 1em !important;
    color: #eb701e;
    background-color: #fff; 
    border: 1px solid #eb701e; 
}
/* 休売中アイコン */ 


/* イベント */
#appBodyEventListNew_style {
    padding:20px;
	background:#eee6d9;
	margin-bottom:70px;
	border-radius: 4px;
         margin-top: 20px;
}

#appBodyEventListNew_style h2{
	margin-left:0;
}


/* コロナfaq */ 

#appBodyEventListNew_style_faq {
    padding: 20px; 
    margin-top: 20px; 
    margin-bottom: 20px; 
    border: solid 1px #dcdcdc; 
    border-radius: 4px;
}

.faq_covid_p {
color: #004098; 
font-weight: bold; 
font-size: 24px;
}

.faq_covid_q{
   color: #004098; 
   font-weight: bold; 
   border-bottom: 1px dotted #004098; 
   padding-bottom: 5px; 
   font-size: 16px;"
}

.faq_covid_a{
   padding-top: 5px;
}

/* コロナfaq */ 

/* CMS強化対応 */

.newsLinksmh{
	margin-bottom: 6%;
}

.icondesign {
	display: inline;
	margin-right: 10px;
	margin: 1px 5px;
	padding: 2px 8px;
	background: #eee6d9;
	border-radius: 5px;
	float: left;
	font-size: 11px;
	color: #5a5a5a;
}

.icongrp {
	margin-bottom: 10px;
	float: right;
	width: 230px;
}

.newslist {
	width: 380px;
	position: relative;
	display: flex;
}

.newsheadline {
	width: 230px;
	float: right;
	font-size: 12px;
}

.newsupdtymdsmh {
    float: right;
	font-size: 10px;
    position: absolute;
    bottom: 10px;
	margin-bottom: 2%;
	color: gray;
	right: 0px;
}

.news_list_parts_style_smh {
	margin: 10px
}

.newsimgsmh {
	width: 140px;
	height: 140px;
	float: left;
	margin-right: 5px;
}

/* CMS強化対応 */

.boldRed {
	color:#ff0000;
	font-weight:bold;
}

#loading {
	background: rgba(10,10,10,0.7);
	width: 100%;
	height: 100%;
	position: fixed;
	text-align: center;
	padding-top: 10%;
	z-index :100000;
}

.loadingarea {
	width: 80%;
/*	height: 40%;*/
	height: 50%;
	margin: 5% 10% 20% 10%;
	background: #FFFFFF;
	border-radius: 24px;
}

.loadingtitle {
	font-size: 22px;
    padding-top: 30px !important;
    padding: 0 20px;
}

.loadingdetail {
	padding: 0 20px;
}

.cartProcessing {
	margin: 10px 10% 30px 10%;
	border: 2px solid #ff0000;
	padding: 30px;
	font-size: 16px;
	font-weight: bold;
    color: #ff0000;
}

.loadingcss {
	height:150px;
}

.circle{
  width:100px;
  height:100px;
  border-radius:150px;
  border:12px solid #fff;
  border-top-color:rgba(0,0,0,1);
  box-sizing:border-box;
  position:absolute;
  left:35%;
  animation:circle 1.5s linear infinite;
  -webkit-animation:circle 1.5s linear infinite;
}
@keyframes circle{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
@-webkit-keyframes circle{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}

/* ガイド */ 
@media screen and (max-width: 600px) {
  .pcview {
    display: none !important;
  }
  .spview {
    display: block !important;
  }

 }
 /* ガイド リストタイトル*/ 
 .sub_head01{
    font-size: 18px;
    color: #004098;
    font-weight: bold;
    padding: 1em 0 0.6em;
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.6em;
    line-height: 1;
}

/* Cookie同意ポップアップ 2025/09/16 */
.cookie-consent { position: fixed; bottom: 0; width: 100%; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,0.7); padding: 15px; box-sizing: border-box; visibility: hidden;}
.cookie-consent.is-show { visibility: visible;}
.cookie-consent p { font-size:0.9rem;}
.cookie-consent a { color: #fff !important; text-decoration:underline !important; }
.cookie-agree {color: #fff; background: #004098; padding:10px; margin: 10px auto 0; width: 150px; text-align: center;}
.cc-hide1 { display: none;}