@charset "utf-8";
/* CSS Document */

/* //////////////////////////////////////////////////////////
INDEX

Default CSS Initialization
common
base
shop.common
btops_style
btops_style - mainContents
common
common-module.css

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

/* //////////////////////////////////////////////////////////
	Default CSS Initialization
////////////////////////////////////////////////////////// */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	/*font-weight: normal;*/
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul, li {
	list-style:none;
}
html{
    overflow-y: scroll;
}
body {
}

/* //////////////////////////////////////////////////////////
common
////////////////////////////////////////////////////////// */

img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
	max-width: 100% !important;
	height: auto !important;
}

* {
	-webkit-appearance:normal;
	-moz-appearance:normal;
	appearance:normal;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a,
input[type="checkbox"],
input[type="radio"],
label {
	cursor: pointer;
}

*:focus {
	outline: none !important;
}

/* for Android
--------------------------------------------------------- */
/*p, div {
    background-image: url(/img/common/dummy.gif);
}*/

/* clearfix - micro clearfix
--------------------------------------------------------- */
/* ----- For modern browsers ----- */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* ----- For IE 6/7 (trigger hasLayout)----- */
.clearfix {
    zoom:1;
}

.clear-both {
	clear: both;
}

/* float
--------------------------------------------------------- */
.float-r {
	float: right;
}
.float-l {
	float: left;
}
.inline-block {
	letter-spacing:-0.4em;/* inline-block Hack */
}
.inline-block > * {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display: inline;/* inline-block Hack forIE */
	*zoom: 1;/* inline-block Hack forIE */
	vertical-align: top;
}
.inline-block > * a {
	display: block;
}

/* display
--------------------------------------------------------- */
.display-none {
	display: none !important;
}
.display-block {
	display: block !important;
}
.display-inline-block {
	display: inline-block !important;
}
.display-tr {
	display: table-row !important;
}
.display-td {
	display: table-cell !important;
}

/* 非表示
--------------------------------------------------------- */
.hidden {
	display: none !important;
}

/* 初期表示で非表示にする場合はこのクラスを使用する */
.hide {
	display: none !important;
}

/* border
--------------------------------------------------------- */
.border-0 {
	border: 0;
}
.border-l-0 {
	border-left: 0;
}
.border-r-0 {
	border-right: 0;
}
.border-t-0 {
	border-top: 0;
}
.border-b-0 {
	border-bottom: 0;
}
.border-top {
	border-top: 1px solid #ccc;
}
.border-bottom {
	border-bottom: 1px solid #ccc;
}

/* text-align
--------------------------------------------------------- */
.text-r { text-align: right !important; }
.text-l { text-align: left !important; }
.text-c { text-align: center !important; }

.text_left { text-align: left !important; }
.text_right { text-align: right !important; }
.text_center { text-align: center !important; }
.text_nowrap { white-space: nowrap !important; }

/* フォントサイズ - px
--------------------------------------------------------- */
.font-size-10px { font-size: 10px; }
.font-size-11px { font-size: 11px; }
.font-size-13px { font-size: 12px; }
.font-size-14px { font-size: 14px; }
.font-size-16px { font-size: 16px; }
.font-size-18px { font-size: 18px; }

.font-size-85p { font-size: 85%; }
.font-size-90p { font-size: 90%; }
.font-size-95p { font-size: 95%; }
.font-size-100p { font-size: 100%; }
.font-size-110p { font-size: 110%; }
.font-size-120p { font-size: 120%; }
.font-size-130p { font-size: 130%; }
.font-size-140p { font-size: 140%; }

.small {
	font-size: 80%;
}
.big {
	font-size: 120%;
	font-weight: inherit;
}

/* 文字装飾
--------------------------------------------------------- */
.text-strike {
	text-decoration: line-through;
}
.text-bold {
	font-weight: bold;
}
strong,
.strong {
	font-weight: bold;
}

/* table
--------------------------------------------------------- */
th,
td {
	border-collapse: collapse;
	border: 1px solid #ccc;
	padding: 4px 10px;
	background: #fff;
	text-align: left;
}
th {
	font-weight: bold;
	background-color: #f6f6f6;
}
.sprite tr:nth-child(even) td {
	background-color: #f6f6f6;
}

/* vertical-align
--------------------------------------------------------- */
.v-top {
	vertical-align: top;
}
.v-bottom {
	vertical-align: bottom;
}
.v-middle {
	vertical-align: middle;
}

/* margin / padding
--------------------------------------------------------- */
.m0auto { margin: 0 auto;}

.mt-10 { margin-top: -10px; }
.mt0 { margin-top: 0px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mb0 { margin-bottom: 0px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml0auto { margin-left: auto;}
.ml0 { margin-left: 0px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.mr0auto { margin-right: auto;}
.mr0 { margin-right: 0px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.pt0 { padding-top: 0px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl0 { padding-left:0px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }
.pl80 { padding-left:80px; }
.pl90 { padding-left:90px; }
.pl100 { padding-left:100px; }

.pr0 { padding-right:0px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }
.pr60 { padding-right:60px; }
.pr70 { padding-right:70px; }
.pr80 { padding-right:80px; }
.pr90 { padding-right:90px; }
.pr100 { padding-right:100px; }

/* width
--------------------------------------------------------- */
.w0 { width:0px; }
.w0 { width:0px; }
.w5 { width:5px; }
.w10 { width:10px; }
.w15 { width:15px; }
.w20 { width:20px; }
.w25 { width:25px; }
.w30 { width:30px; }
.w35 { width:35px; }
.w40 { width:40px; }
.w45 { width:45px; }
.w50 { width:50px; }
.w55 { width:55px; }
.w60 { width:60px; }
.w65 { width:65px; }
.w70 { width:70px; }
.w75 { width:75px; }
.w80 { width:80px; }
.w85 { width:85px; }
.w90 { width:90px; }
.w95 { width:95px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w600 { width:600px; }

/* =========================================================
forSP
========================================================= */
.forSP {
	display: none;
}

@media screen and (max-width: 768px) {
	.forSP {
		display: block;
	}
	.forSP img {
		width: 100%;
		height: 100%;
		display: block;
	}
	.forPC {
		display: none !important;
	}
}

/* =========================================================
共通グループ 余白
========================================================= */
/* レイアウト */
.contents .layoutGroup {
	margin-bottom: 10px;
}

/* //////////////////////////////////////////////////////////
base
////////////////////////////////////////////////////////// */

/* =========================================================
明細
========================================================= */
.orderHeader {
	background: #f3f3f3;
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
	font-size: 0.9em;
	display: table;
	width: 100%;
}
.orderHeader .itemWrap {
	display: table-cell;
	width: 20%;
	padding-right: 20px;
	vertical-align: middle;
}
.orderHeader *:last-child.itemWrap {
	padding-right: 0;
	white-space: nowrap;
}
.orderHeader label:after {
	content: "\A"; /* 改行コード */
	white-space: pre;
}
@media screen and (max-width: 768px) {
	.orderHeader .itemWrap {
		display: inline-block;
		width: 50%;
		padding-right: 10px;
		vertical-align: middle;
	}
    .orderHeader .itemWrap:nth-child(even) {
        padding-right:0;
    }
	.orderHeader *:last-child.itemWrap {
		padding-right: 0;
		white-space: nowrap;
		content: "\A"; /* 改行コード */
		white-space: pre;
	}
	.orderHeader label:after {
		content: "";
	}
}
.orderHeader label+span {
	font-weight: bold;
}
.orderHeader .orderDetailLink {
	font-size: 110%;
	margin-top: 10px;
	display: block;
	text-align: right;
}

.orderNumRow,
.orderGoodsNameRow,
.goodsButtonAreaRow {
	display: inline-block;
	vertical-align: middle;
}
.goodsButtonAreaRow {
	float: right;
	margin-top: -10px;
}
@media screen and (max-width: 768px) {
	.goodsButtonAreaRow {
		float: none;
		margin-top: 10px;
		display: block;
	}
}
.orderRow {
	border: 1px solid #ccc;
	background: #fff;
	margin: 20px 0;
	padding: 0;
	border-radius: 6px;
	font-size: 0.9em;
}
.orderDetailRow {
	margin: 20px;
}
/* orderDetailRow - clearfix */
.orderDetailRow:before,
.orderDetailRow:after {
    content:"";
    display:table;
}
.orderDetailRow:after {
    clear:both;
}
.orderDetailRow {
    zoom:1;
}
.orderDetailRow .goodsImg,
.orderDetailRow .orderGoodsName,
.orderDetailRow .writeReviewLink,
.orderDetailRow .addFavoriteLink {
	float: left;
	display: block;
	margin-right: 10px;
}
.orderDetailRow .goodsImg {
	width: 60px;
}
.orderDetailRow .orderGoodsName {
	width: 276px;
}
.orderDetailRow .writeReviewLink {
	width: 160px;
	text-align: center;
}
.orderDetailRow .addFavoriteLink {
	width: 170px;
	text-align: center;
	margin-right: 0;
}
@media screen and (max-width: 768px) {
  .orderDetailRow .addFavoriteLink,
  .orderDetailRow .orderGoodsName {
  	  width: 100%;
  }
  .orderDetailRow .goodsNameRow,
  .orderDetailRow .orderNumRow,
  .orderDetailRow .goodsButtonAreaRow {
      width:75%;
      margin-left:25%;
  }
  .orderDetailRow .orderNumRow {
    display:block;
  }
}
.orderRow .openOrderContentsLink {
	margin: 20px;
	display: block;
}
.orderStatus {
	background: #317dcb;
	border-radius: 3px;
	color: #fff;
	padding:0.2em 0.5em 0;
    display: inline-block
}

/* =========================================================
Color
========================================================= */
.headerWrap {
	background-color: #ec8125;
}
.footerContents {
	background-color: #ec8125;
}
.headerMein .headerSubMenu ul li.headerCart .num {
	background-color: #ec8125;
}

/*矢印リンク*/
.arrowLink a {
	background-image: url("../../../../../images/iconArrowOrange.png");
	color: #ec8125;
}

/*見出し*/
.level_h1 {
	border-color:#f4a35d;
}
.level_h1 span {
	border-color:#ec8125;
}

/*=== side ===*/

/*sideCategory*/
.sideCategory h3 {
	border-color:#f4a35d;
}
.sideCategory h3 span {
	border-color:#ec8125;
}

.sideContents aside {
	display: block;
	margin: 0 0 40px 0;
}
.sideContents .bnr_wrap {
	display: block;
	margin: 0 0 20px 0;
}

/* 価格帯 */
.priceRange ul li img{
	vertical-align:middle;
}
.priceRange ul li span a{
	text-decoration: none;
	color:#333;
}
.priceRange ul li span a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* =========================================================
footer
========================================================= */
.footerGuide {
	margin: 0 auto 10px;
	padding: 20px 0 0;
}

.footerGuide .footerGuideBox {
	float: left;
}
.footerGuide .footerGuideBox.guide_1 {
	width: 260px;
	padding: 20px;
}
.footerGuide .footerGuideBox.guide_2 {
	width: 458px;
	padding: 20px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
.footerGuide .footerGuideBox.guide_3 {
	width: 260px;
	padding: 20px;
}
.footerGuide .footerGuideBox h4 {
	margin: 0 0 20px 0;
}
.footerGuide .footerGuideBox ul li {
	font-size: 0.8em;
	list-style-type: disc;
	margin: 0 0 1.5em 1em;
}

.footerGuide .footerGuideBox .table.shipping_timetable {
	font-size: 0.7em;
}
.footerGuide .footerGuideBox .table.shipping_timetable th {
	width: 100%;
	text-align: center;
	background: #b1e4c4;
	padding: 0.6em;
}
.footerGuide .footerGuideBox .table.shipping_timetable td {
	width: auto;
	padding: 0.6em;
}

.footerGuide .footerGuideBox ul.list_payment {
	margin: 0 0 1.5em 0;
}
.footerGuide .footerGuideBox ul.list_payment li {
	margin: 0 0 0.5em 1em;
	font-weight: bold;
}
.footerGuide .footerGuideBox ul.list_kome li:before {
	content:"※";
	display:block;
	left:0;
	position:absolute;
	top:0;
}
.footerGuide .footerGuideBox ul.list_kome li {
	padding-left: 1em;
	position: relative;
	list-style-type: none;
	margin: 0 0 1.5em 0;
}
.footerContents .footerInfo .infoBox {
	width: 690px;
	margin: 0;
	float: left;
	height: 140px;
	padding: 20px;
}
.footerContents .footerInfo .policyBox {
	width: 260px;
	font-size: 0.68em;
	margin: 0;
	float: right;
	height: 140px;
	padding: 40px 15px;
}
.footerContents .footerInfo .infoBox .info_tel_wrap {
	float: left;
	margin: 0;
}
.footerContents .footerInfo .infoBox .info_btn_wrap {
	width: 200px;
	float: right;
	margin: 0;
}
.footerContents .footerInfo .infoBox .info_btn_wrap .btn_inquiry a,
.footerContents .footerInfo .infoBox .info_btn_wrap .btn_faq a {
	width: 200px;
	height: 45px;
	display: block;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding: 0 10px;
	margin: 0 0 10px;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
	background: #ec8125;
}
.footerContents .footerInfo .policyBox .policy_img_wrap {
	float: left;
}
.footerContents .footerInfo .policyBox .policy_text_wrap {

}
.policyBanner img {
	float: left;
	margin-right: 1em;
}

.footerContents {
	padding: 10px 0 0 0;
}
.footerNavi .footerBox ul,
.footerNavi .footerBox dl {
	font-size: 0.9em;
	line-height: 1.8em;
}
.footerNavi {
	padding: 30px;
}
.footerNavi .footerBox {
	padding: 0 20px 0 0;
	float: left;
	display: block;
	width: 25%;
}
.footerNavi *:last-child.footerBox {
	padding: 0;
}
/* footerNavi - clearfix */
.footerNavi:before,
.footerNavi:after {
    content:"";
    display:table;
}
.footerNavi:after {
    clear:both;
}
.footerNavi {
    zoom:1;
}
.footerNavi a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.footerNavi a:hover {
	color: #fff;
	text-decoration: underline;
}
.footerSubNavi {
	font-size: 1.2em;
}
.footerNaviSp {
	display: none;
}

@media screen and (max-width: 768px) {
	.footerGuide,
	.footerContents .footerNavi,
	.footerContents .footerInfo,
	.copy .policyBanner {
		display: none;
	}
	.footerContents {
		background: #fff;
	}

	.footerNaviSp {
		display: block;
		width: 100%;
		background: #f3f3f3;
		margin: 0;
	}
	.footerNaviSp .to_pc {
		background: #fff;
		margin: 0;
		padding: 10px;
	}
	.footerNaviSp .to_pc a {
		display: block;
		border-radius: 1000px;
		background: #f3f3f3;
		collor: #333;
		border: 1px solid #ccc;
		height: 48px;
		line-height: 48px;
		text-align: center;
		margin: 0;
		text-shadow: 0 2px 0 #fff;
	}
	.footerNaviSp .pagetop_link {
		border-bottom: 1px solid #ccc;
		background: -moz-linear-gradient(
			top,
			rgba(255,255,255,0) 0%,
			rgba(0,0,0,0.05)), #fff;
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(rgba(255,255,255,0)),
			to(rgba(0,0,0,0.05))), #fff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr = '#ffffff', endColorstr = '#000000')";
		background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 0.05%);
		background: -o-linear-gradient(top,  #ffffff 0%,#000000 0.05%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#000000 0.05%);
		background: linear-gradient(to bottom,  #ffffff 0%,#000000 0.05%);
		box-shadow: 0 3px 2px 0 rgba(0,0,0,0.1), inset 0 -1px 1px 0 rgba(255,255,255,1);
		height: 70px;
		text-align: center;
		margin: 0;
	}
	.footerNaviSp .pagetop_link a {
		display: block;
		padding: 10px;
	}
	.footerNaviSp .pagetop_link .pagetop_icon {
		display: inline-block;
		height: 50px;
		padding-top: 10px;
		text-align: center;
		border-style: solid;
		border-width: 10px;
		border-color: transparent;
		border-top-width: 0;
		border-bottom: 10px solid #ccc;
		width: 0;
		height: 0;
		font-size: 0;
		line-height: 0;
	}
	.footerNaviSp .pagetop_link .pagetop_text {
		display: block;
		line-height: 20px;
		text-align: center;
		color: #666;
		text-shadow: 0 2px 0 #fff;
		font-size: 12px;
	}
	.footerNaviSp .footerGlobalNavi ul {
		margin: 30px 10px;
		border: 1px solid #ccc;
	}
	.footerNaviSp .footerGlobalNavi ul li a {
		margin: 0;
		padding: 18px;
		border-bottom: 1px dotted #ccc;
		display: block;
		background: #fff;
	}
	.footerNaviSp .footerGlobalNavi ul li a:after {
		content: "";
		margin: 0;
		padding: 0;
		line-height: 0;
		background:  url(../../../../../images/iconArrowGreen2_sp_18@2x.png) no-repeat center center;
		background-size: 100%;
		display: inline-block;
		width: 18px;
		height: 21px;
		float: right;
	}
	.footerNaviSp .contact_tel {
		margin: 10px 10px 30px;
	}
	.footerNaviSp .policyBanner {
		display: block;
		margin: 10px;
		background: #fff;
		padding: 20px;
		text-align: center;
	}
	.footerNaviSp .policyBanner ul {
		text-align: center;
	}
	.footerNaviSp .policyBanner li {

		display: inline-block;
	}
	.footerSubNavi {
		background: #f3f3f3;
		padding-bottom: 0;
	}
	.footerSubNavi ul {
		margin: 0 auto;
		text-align: center;
	}
	.footerSubNavi ul li {
		margin-bottom: 1em;
		float: none;
	}
	.footerSubNavi ul li a {
		color: #333;
		font-size: 0.9em;
	}
	.footerSubNavi ul li + li {
		border-left: 1px solid #ccc;
	}
	.copy {
		background: #ec8125;
		color: #fff;
		font-size: 0.9em;
		text-align: center;
	}
}
/* =========================================================
必須マーク、エラーメッセージ、アラートメッセージ
========================================================= */

/* 必須 */
.required:after {
	content: "必須";
	background: #cf646b;
	color: #fff;
	padding: 0 10px;
	margin: 0 0 0 5px;
	font-weight: normal;
	font-size: 85%;
	border-radius: 3px;
	float: right;
	min-width: 2em;
	text-align: center;
}

/* 条件付き必須 */
.required_condition:after {
	content: "※";
	background: #317dcb;
	color: #fff;
	padding: 0 10px;
	margin: 0 0 0 5px;
	font-weight: normal;
	font-size: 85%;
	border-radius: 3px;
	float: right;
	min-width: 2em;
	text-align: center;
}

/* エラーメッセージ、アラートメッセージ */
.alertMessage.alertMessage-important {
	position: relative;
	display: block;
	color: #e30011;
	margin-top: 5px;
	padding-left: 2.0em !important;
	font-size: 90%;
	text-indent: -18px !important;
}
.alertMessage.alertMessage-important:before {
	font-family: "icomoon";
	content: "\e903";
	font-size: 110%;
	color: #e30011;
	padding: 0;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	font-kerning: auto;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	transform: translate(0px, 0px);
	left: 5px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}
.alertMsg,
.errorMessage {
	display: block;
	color: #e30011;
}
.alertMsg + * {
	margin-top: 5px;
}
.errorGroup {
	color: #555;
	margin: 0 auto;
}
.alertMsg.alertMsg-error {
	width: 100%;
	height: 100%;
	margin: 10px auto 0;
	padding: 10px;
	color: #e30011;
	background: #fff;
	font-size: 90%;
	border: 2px solid #e30011;
	border-radius: 8px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
}
span.alertMessageContentTitle,
div.alertMessageContentTitle {
	position: relative;
	display: block;
	color: #e30011;
	margin-top: 5px;
	padding-left: 2.0em !important;
	text-indent: -18px !important;
}
span.alertMessageContentTitle:before,
div.alertMessageContentTitle:before {
	font-family: "icomoon";
	content: "\e903";
	font-size: 110%;
	color: #e30011;
	padding: 0;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	font-kerning: auto;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	transform: translate(0px, 0px);
	left: 5px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}
li.alertMessageContent {
	padding-left: 8px;
	position: relative;
	display: flex;
}
li.alertMessageContent:before {
	content: "";
	font-size: 110%;
	color: #e30011;
	padding: 0;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	text-rendering: auto;
	transform: translate(0px, 0px);
	left: 5px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.alertMsg.alertMsg-error {
		width: 95%;
	}
}
/*---------------------------------------------------------------------------
	.commonForm 共通フォームcss
	.commonFormを#topGroupName以下のコンテンツ枠に付けて使用する。
  ---------------------------------------------------------------------------*/
/* フロー画像 */
p.flow {
	text-align:center;
}

/* =========================================================
フォーム
========================================================= */

/* 入力系
--------------------------------------------------------- */

/* ----- 基本スタイル ----- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="number"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="button"],
button[type="submit"],
button[type="reset"],
textarea,
select {
	font-size: 0.95em;
	padding: 4px;
    border: 1px solid;
    border-color: #ccc;
	border-radius: 6px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="button"],
button[type="submit"],
button[type="reset"] {
	border: 0;
}
/*プレースホルダー*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bbb;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bbb;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #bbb;
}
@media screen and (max-width: 768px) {
	input[type="text"],
	input[type="search"],
	input[type="tel"],
	input[type="url"],
	input[type="email"],
	input[type="password"],
	input[type="datetime"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime-local"],
	input[type="number"],
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button[type="button"],
	button[type="submit"],
	button[type="reset"],
	textarea,
	select {
		-webkit-appearance: none;
		height:40px;
	}
}

/* ----- 幅----- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="number"],

textarea,
select {
	width: 300px;
}
textarea {
	width: 100%;
}

/* 問合せ内容,コメント */
textarea.inqCont,
textarea.customerComment {
	height:120px;
}

/* TEL */
input.TEL_1,
input.TEL_2,
input.TEL_3 {
	width: 91px;
}

/* ----- フォーカス----- */
input:focus,
textarea:focus,
select:focus {
	border-color: #c4ab5f;
}


/* ボタン系
--------------------------------------------------------- */

/* ----- 基本スタイル ----- */
a[class*="btn_"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="button"],
button[type="submit"],
button[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #fbf4f0;
	background-image: linear-gradient(to top, #fff, #fbf4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0')";
	background-image: -moz-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -ms-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -o-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf4f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #fbf4f0);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	text-align: center;
	color: #463e39 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	min-height:45px;
	line-height:1.45;
}
/*IE9*/
a[class*="btn_"]:not(:target),
input[type="button"]:not(:target),
input[type="submit"]:not(:target),
input[type="reset"]:not(:target),
button[type="button"]:not(:target),
button[type="submit"]:not(:target),
button[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a[class*="btn_"]:not(:target),
  input[type="button"]:not(:target),
  input[type="submit"]:not(:target),
  input[type="reset"]:not(:target),
  button[type="button"]:not(:target),
  button[type="submit"]:not(:target),
  button[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
/* 矢印 */
a[class*="btn_"]:after,
input[type="button"]:after,
input[type="submit"]:after,
input[type="reset"]:after,
button[type="button"]:after,
button[type="submit"]:after,
button[type="reset"]:after {
	font-family: "FontAwesome";
	font-size: 130%;
	content: "\f101"; /* 「右矢印」アイコン */
	padding: 0 0 0 10px;
	font-weight: normal;
	color: #9c9078;
	position: relative;
	bottom: 2px;
	vertical-align: middle;
	line-height:14px;
}
a[class*="btn_"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button[type="button"]:hover,
button[type="submit"]:hover,
button[type="reset"]:hover {
	background-color: #fbf4f0;
	background-image: linear-gradient(to bottom, #fbf4f0, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -ms-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -o-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fbf4f0), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #fbf4f0, #ffffff);
	color: #463e39;
	text-decoration: none;
	box-shadow: 0 0 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
}

/* ----- ボタンの色 ----- */
/* ボタンの色　デフォルト */
/*a[class*="btn_"],*/
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="button"],
button[type="submit"],
button[type="reset"] {
/*	background: linear-gradient(#fff, #fbf4f0);
	color: #333 !important;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding-left: 1em;
	padding-right: 1em;
	height: 3em;
	height: auto;
	line-height: 3em;
	font-weight: normal;
	cursor: pointer;*/
	line-height:1.2;
}

/* ボタン　レベル0 */
a.btn_0,
input.btn_0[type="button"],
input.btn_0[type="submit"],
input.btn_0[type="reset"],
button.btn_0[type="button"],
button.btn_0[type="submit"],
button.btn_0[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #fbf4f0;
	background-image: linear-gradient(to top, #fff, #fbf4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0')";
	background-image: -moz-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -ms-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -o-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf4f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #fbf4f0);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	text-align: center;
	color: #463e39 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_0:not(:target),
input.btn_0[type="button"]:not(:target),
input.btn_0[type="submit"]:not(:target),
input.btn_0[type="reset"]:not(:target),
button.btn_0[type="button"]:not(:target),
button.btn_0[type="submit"]:not(:target),
button.btn_0[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_0:not(:target),
  input.btn_0[type="button"]:not(:target),
  input.btn_0[type="submit"]:not(:target),
  input.btn_0[type="reset"]:not(:target),
  button.btn_0[type="button"]:not(:target),
  button.btn_0[type="submit"]:not(:target),
  button.btn_0[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
/* 矢印なし */
a.btn_0:after,
input.btn_0[type="button"]:after,
input.btn_0[type="submit"]:after,
input.btn_0[type="reset"]:after,
button.btn_0[type="button"]:after,
button.btn_0[type="submit"]:after,
button.btn_0[type="reset"]:after {
	content: "";
	padding: 0;
}

/* ボタン　レベル1 */
a.btn_1,
input.btn_1[type="button"],
input.btn_1[type="submit"],
input.btn_1[type="reset"],
button.btn_1[type="button"],
button.btn_1[type="submit"],
button.btn_1[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #fbf4f0;
	background-image: linear-gradient(to top, #fff, #fbf4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0')";
	background-image: -moz-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -ms-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -o-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf4f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #fbf4f0);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	text-align: center;
	color: #463e39 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_1:not(:target),
input.btn_1[type="button"]:not(:target),
input.btn_1[type="submit"]:not(:target),
input.btn_1[type="reset"]:not(:target),
button.btn_1[type="button"]:not(:target),
button.btn_1[type="submit"]:not(:target),
button.btn_1[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_1:not(:target),
  input.btn_1[type="button"]:not(:target),
  input.btn_1[type="submit"]:not(:target),
  input.btn_1[type="reset"]:not(:target),
  button.btn_1[type="button"]:not(:target),
  button.btn_1[type="submit"]:not(:target),
  button.btn_1[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
/* ボタン　レベル2 */
a.btn_2,
input.btn_2[type="button"],
input.btn_2[type="submit"],
input.btn_2[type="reset"],
button.btn_2[type="button"],
button.btn_2[type="submit"],
button.btn_2[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #fbf4f0;
	background-image: linear-gradient(to top, #fff, #fbf4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0')";
	background-image: -moz-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -ms-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -o-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf4f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #fbf4f0);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	text-align: center;
	color: #463e39 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_2:not(:target),
input.btn_2[type="button"]:not(:target),
input.btn_2[type="submit"]:not(:target),
input.btn_2[type="reset"]:not(:target),
button.btn_2[type="button"]:not(:target),
button.btn_2[type="submit"]:not(:target),
button.btn_2[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_2:not(:target),
  input.btn_2[type="button"]:not(:target),
  input.btn_2[type="submit"]:not(:target),
  input.btn_2[type="reset"]:not(:target),
  button.btn_2[type="button"]:not(:target),
  button.btn_2[type="submit"]:not(:target),
  button.btn_2[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
/* ボタン　レベル3 */
a.btn_3,
input.btn_3[type="button"],
input.btn_3[type="submit"],
input.btn_3[type="reset"],
button.btn_3[type="button"],
button.btn_3[type="submit"],
button.btn_3[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #a18e84;
	background-image: linear-gradient(to top, #d0c2bb, #a18e84);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d0c2bb', endColorstr = '#a18e84');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d0c2bb', endColorstr = '#a18e84')";
	background-image: -moz-linear-gradient(top, #d0c2bb, #a18e84);
	background-image: -ms-linear-gradient(top, #d0c2bb, #a18e84);
	background-image: -o-linear-gradient(top, #d0c2bb, #a18e84);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#d0c2bb), to(#a18e84));
	background-image: -webkit-linear-gradient(top, #d0c2bb, #a18e84);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #a18e84;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_3:not(:target),
input.btn_3[type="button"]:not(:target),
input.btn_3[type="submit"]:not(:target),
input.btn_3[type="reset"]:not(:target),
button.btn_3[type="button"]:not(:target),
button.btn_3[type="submit"]:not(:target),
button.btn_3[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_3:not(:target),
  input.btn_3[type="button"]:not(:target),
  input.btn_3[type="submit"]:not(:target),
  input.btn_3[type="reset"]:not(:target),
  button.btn_3[type="button"]:not(:target),
  button.btn_3[type="submit"]:not(:target),
  button.btn_3[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
/* 矢印 */
a.btn_3:after,
input.btn_3[type="button"]:after,
input.btn_3[type="submit"]:after,
input.btn_3[type="reset"]:after,
button.btn_3[type="button"]:after,
button.btn_3[type="submit"]:after,
button.btn_3[type="reset"]:after {
	font-family: "FontAwesome";
	font-size: 130%;
	content: "\f101"; /* 「右矢印」アイコン */
	padding: 0 0 0 10px;
	font-weight: normal;
	color: #fff !important;
	position: relative;
	bottom: 2px;
	vertical-align: middle;
	line-height:14px;
}
a.btn_3:hover,
input.btn_3[type="button"]:hover,
input.btn_3[type="submit"]:hover,
input.btn_3[type="reset"]:hover,
button.btn_3[type="button"]:hover,
button.btn_3[type="submit"]:hover,
button.btn_3[type="reset"]:hover {
	background-color: #a18e84;
	background-image: linear-gradient(to bottom, #a18e84, #d0c2bb);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a18e84', endColorstr = '#d0c2bb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a18e84', endColorstr = '#d0c2bb')";
	background-image: -moz-linear-gradient(top, #a18e84, #d0c2bb);
	background-image: -ms-linear-gradient(top, #a18e84, #d0c2bb);
	background-image: -o-linear-gradient(top, #a18e84, #d0c2bb);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a18e84), to(#d0c2bb));
	background-image: -webkit-linear-gradient(top, #a18e84, #d0c2bb);
	box-shadow: 0 0 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	color: #fff;
	text-decoration: none;
}

/* ボタン　レベル4 */
a.btn_4,
input.btn_4[type="button"],
input.btn_4[type="submit"],
input.btn_4[type="reset"],
button.btn_4[type="button"],
button.btn_4[type="submit"],
button.btn_4[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #d93d70;
	background-image: linear-gradient(to top, #e4789b, #e44378);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4789b', endColorstr = '#e44378');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4789b', endColorstr = '#e44378')";
	background-image: -moz-linear-gradient(top, #e4789b, #e44378);
	background-image: -ms-linear-gradient(top, #e4789b, #e44378);
	background-image: -o-linear-gradient(top, #e4789b, #e44378);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e4789b), to(#e44378));
	background-image: -webkit-linear-gradient(top, #e4789b, #e44378);
	/*box-shadow: 0 1px 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;*/
	box-shadow: 0 0 0 rgba(0,0,0,0.3),  0 0 0 1px rgba(255,255,255,0.1) inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d93d70;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_4:not(:target),
input.btn_4[type="button"]:not(:target),
input.btn_4[type="submit"]:not(:target),
input.btn_4[type="reset"]:not(:target),
button.btn_4[type="button"]:not(:target),
button.btn_4[type="submit"]:not(:target),
button.btn_4[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_4:not(:target),
  input.btn_4[type="button"]:not(:target),
  input.btn_4[type="submit"]:not(:target),
  input.btn_4[type="reset"]:not(:target),
  button.btn_4[type="button"]:not(:target),
  button.btn_4[type="submit"]:not(:target),
  button.btn_4[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_4:hover,
input.btn_4:hover[type="button"],
input.btn_4:hover[type="submit"],
input.btn_4:hover[type="reset"],
button.btn_4:hover[type="button"],
button.btn_4:hover[type="submit"],
button.btn_4:hover[type="reset"] {
	background-color: #d93d70;
	background-image: linear-gradient(to bottom, #e44378, #e4789b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e44378', endColorstr = '#e4789b');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e44378', endColorstr = '#e4789b')";
	background-image: -moz-linear-gradient(top, #e44378, #e4789b);
	background-image: -ms-linear-gradient(top, #e44378, #e4789b);
	background-image: -o-linear-gradient(top, #e44378, #e4789b);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e44378), to(#e4789b));
	background-image: -webkit-linear-gradient(top, #e44378, #e4789b);
	box-shadow: 0 0 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	color: #fff !important;
	text-decoration: none;
}
/* 矢印 */
.btn_4:after {
	color: #fff !important;
}

/* ボタン　レベル5　Orange */
a.btn_5,
input.btn_5[type="button"],
input.btn_5[type="submit"],
input.btn_5[type="reset"],
button.btn_5[type="button"],
button.btn_5[type="submit"],
button.btn_5[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #e97300;
	background-image: linear-gradient(to top, #f2aa4c, #e38000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2aa4c', endColorstr = '#e38000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2aa4c', endColorstr = '#e38000')";
	background-image: -moz-linear-gradient(top, #f2aa4c, #e38000);
	background-image: -ms-linear-gradient(top, #f2aa4c, #e38000);
	background-image: -o-linear-gradient(top, #f2aa4c, #e38000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f2aa4c), to(#e38000));
	background-image: -webkit-linear-gradient(top, #f2aa4c, #e38000);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #e97300;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_5:not(:target),
input.btn_5[type="button"]:not(:target),
input.btn_5[type="submit"]:not(:target),
input.btn_5[type="reset"]:not(:target),
button.btn_5[type="button"]:not(:target),
button.btn_5[type="submit"]:not(:target),
button.btn_5[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_5:not(:target),
  input.btn_5[type="button"]:not(:target),
  input.btn_5[type="submit"]:not(:target),
  input.btn_5[type="reset"]:not(:target),
  button.btn_5[type="button"]:not(:target),
  button.btn_5[type="submit"]:not(:target),
  button.btn_5[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_5:hover,
input.btn_5:hover[type="button"],
input.btn_5:hover[type="submit"],
input.btn_5:hover[type="reset"],
button.btn_5:hover[type="button"],
button.btn_5:hover[type="submit"],
button.btn_5:hover[type="reset"] {
	background-color: #e97300;
	background-image: linear-gradient(to bottom, #e38000, #f2aa4c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e38000', endColorstr = '#f2aa4c');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e38000', endColorstr = '#f2aa4c')";
	background-image: -moz-linear-gradient(top, #e38000, #f2aa4c);
	background-image: -ms-linear-gradient(top, #e38000, #f2aa4c);
	background-image: -o-linear-gradient(top, #e38000, #f2aa4c);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e38000), to(#f2aa4c));
	background-image: -webkit-linear-gradient(top, #e38000, #f2aa4c);
	box-shadow: 0 0 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	color: #fff !important;
	text-decoration: none;
}
/* 矢印 */
.btn_5:after {
	color: #fff !important;
}

/* ボタン　レベル6　Green-light */
a.btn_6,
input.btn_6[type="button"],
input.btn_6[type="submit"],
input.btn_6[type="reset"],
button.btn_6[type="button"],
button.btn_6[type="submit"],
button.btn_6[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #b1ca37;
	background-image: linear-gradient(to top, #e4fb9d, #bfd652);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4fb9d', endColorstr = '#bfd652');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e4fb9d', endColorstr = '#bfd652')";
	background-image: -moz-linear-gradient(top, #e4fb9d, #bfd652);
	background-image: -ms-linear-gradient(top, #e4fb9d, #bfd652);
	background-image: -o-linear-gradient(top, #e4fb9d, #bfd652);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e4fb9d), to(#bfd652));
	background-image: -webkit-linear-gradient(top, #e4fb9d, #bfd652);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #b1ca37;
	vertical-align: middle;
	text-align: center;
	color: #555 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_6:not(:target),
input.btn_6[type="button"]:not(:target),
input.btn_6[type="submit"]:not(:target),
input.btn_6[type="reset"]:not(:target),
button.btn_6[type="button"]:not(:target),
button.btn_6[type="submit"]:not(:target),
button.btn_6[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_6:not(:target),
  input.btn_6[type="button"]:not(:target),
  input.btn_6[type="submit"]:not(:target),
  input.btn_6[type="reset"]:not(:target),
  button.btn_6[type="button"]:not(:target),
  button.btn_6[type="submit"]:not(:target),
  button.btn_6[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_6:hover,
input.btn_6:hover[type="button"],
input.btn_6:hover[type="submit"],
input.btn_6:hover[type="reset"],
button.btn_6:hover[type="button"],
button.btn_6:hover[type="submit"],
button.btn_6:hover[type="reset"] {
	background-color: #b1ca37;
	background-image: linear-gradient(to bottom, #bfd652, #e4fb9d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfd652', endColorstr = '#e4fb9d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#bfd652', endColorstr = '#e4fb9d')";
	background-image: -moz-linear-gradient(top, #bfd652, #e4fb9d);
	background-image: -ms-linear-gradient(top, #bfd652, #e4fb9d);
	background-image: -o-linear-gradient(top, #bfd652, #e4fb9d);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#bfd652), to(#e4fb9d));
	background-image: -webkit-linear-gradient(top, #bfd652, #e4fb9d);
	box-shadow: 0 0 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	color: #555 !important;
	text-decoration: none;
}
/* 矢印 */
.btn_6:after  {
	color: #555 !important;
    position: absolute !important;
    top: 2em;
    right: 5%;
}

/* ボタン　レベル7　Green */
a.btn_7,
input.btn_7[type="button"],
input.btn_7[type="submit"],
input.btn_7[type="reset"],
button.btn_7[type="button"],
button.btn_7[type="submit"],
button.btn_7[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #78a000;
	background-image: linear-gradient(to top, #b8e924, #7da601);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b8e924', endColorstr = '#7da601');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b8e924', endColorstr = '#7da601')";
	background-image: -moz-linear-gradient(top, #b8e924, #7da601);
	background-image: -ms-linear-gradient(top, #b8e924, #7da601);
	background-image: -o-linear-gradient(top, #b8e924, #7da601);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#b8e924), to(#7da601));
	background-image: -webkit-linear-gradient(top, #b8e924, #7da601);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #78a000;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_7:not(:target),
input.btn_7[type="button"]:not(:target),
input.btn_7[type="submit"]:not(:target),
input.btn_7[type="reset"]:not(:target),
button.btn_7[type="button"]:not(:target),
button.btn_7[type="submit"]:not(:target),
button.btn_7[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_7:not(:target),
  input.btn_7[type="button"]:not(:target),
  input.btn_7[type="submit"]:not(:target),
  input.btn_7[type="reset"]:not(:target),
  button.btn_7[type="button"]:not(:target),
  button.btn_7[type="submit"]:not(:target),
  button.btn_7[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_7:hover,
input.btn_7:hover[type="button"],
input.btn_7:hover[type="submit"],
input.btn_7:hover[type="reset"],
button.btn_7:hover[type="button"],
button.btn_7:hover[type="submit"],
button.btn_7:hover[type="reset"] {
	background-color: #78a000;
	background-image: linear-gradient(to bottom, #7da601, #b8e924);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7da601', endColorstr = '#b8e924');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7da601', endColorstr = '#b8e924')";
	background-image: -moz-linear-gradient(top, #7da601, #b8e924);
	background-image: -ms-linear-gradient(top, #7da601, #b8e924);
	background-image: -o-linear-gradient(top, #7da601, #b8e924);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#7da601), to(#b8e924));
	background-image: -webkit-linear-gradient(top, #7da601, #b8e924);
	box-shadow: 0 0 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	color: #fff !important;
	text-decoration: none;
}
/* 矢印 */
.btn_7:after  {
	color: #fff !important;
}

/* ボタン　レベル8　Blue */
a.btn_8,
input.btn_8[type="button"],
input.btn_8[type="submit"],
input.btn_8[type="reset"],
button.btn_8[type="button"],
button.btn_8[type="submit"],
button.btn_8[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #4097d4;
	background-image: linear-gradient(to top, #a9dafc, #52a0d6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a9dafc', endColorstr = '#52a0d6');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a9dafc', endColorstr = '#52a0d6')";
	background-image: -moz-linear-gradient(top, #a9dafc, #52a0d6);
	background-image: -ms-linear-gradient(top, #a9dafc, #52a0d6);
	background-image: -o-linear-gradient(top, #a9dafc, #52a0d6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#a9dafc), to(#52a0d6));
	background-image: -webkit-linear-gradient(top, #a9dafc, #52a0d6);
	box-shadow: 0 1px 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #4097d4;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_8:not(:target),
input.btn_8[type="button"]:not(:target),
input.btn_8[type="submit"]:not(:target),
input.btn_8[type="reset"]:not(:target),
button.btn_8[type="button"]:not(:target),
button.btn_8[type="submit"]:not(:target),
button.btn_8[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_8:not(:target),
  input.btn_8[type="button"]:not(:target),
  input.btn_8[type="submit"]:not(:target),
  input.btn_8[type="reset"]:not(:target),
  button.btn_8[type="button"]:not(:target),
  button.btn_8[type="submit"]:not(:target),
  button.btn_8[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_8:hover,
input.btn_8:hover[type="button"],
input.btn_8:hover[type="submit"],
input.btn_8:hover[type="reset"],
button.btn_8:hover[type="button"],
button.btn_8:hover[type="submit"],
button.btn_8:hover[type="reset"] {
	background-color: #4097d4;
	background-image: linear-gradient(to bottom, #52a0d6, #a9dafc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#52a0d6', endColorstr = '#a9dafc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#52a0d6', endColorstr = '#a9dafc')";
	background-image: -moz-linear-gradient(top, #52a0d6, #a9dafc);
	background-image: -ms-linear-gradient(top, #52a0d6, #a9dafc);
	background-image: -o-linear-gradient(top, #52a0d6, #a9dafc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#52a0d6), to(#a9dafc));
	background-image: -webkit-linear-gradient(top, #52a0d6, #a9dafc);
	box-shadow: 0 0 0 rgba(0,0,0,0.2),  0 0 0 2px rgba(255,255,255,0.1) inset;
	color: #fff !important;
	text-decoration: none;
}
/* 矢印 */
.btn_8:after  {
	color: #fff !important;
}

/* ボタン　レベル9 grey */
a.btn_9,
input.btn_9[type="button"],
input.btn_9[type="submit"],
input.btn_9[type="reset"],
button.btn_9[type="button"],
button.btn_9[type="submit"],
button.btn_9[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #eae6e4;
	background-image: linear-gradient(to top, #fff, #eae6e4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eae6e4');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eae6e4')";
	background-image: -moz-linear-gradient(top, #ffffff, #eae6e4);
	background-image: -ms-linear-gradient(top, #ffffff, #eae6e4);
	background-image: -o-linear-gradient(top, #ffffff, #eae6e4);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eae6e4));
	background-image: -webkit-linear-gradient(top, #ffffff, #eae6e4);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), #f6f6f6 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d5cfcc;
	vertical-align: middle;
	text-align: center;
	color: #463e39 !important;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
/*IE9*/
a.btn_9:not(:target),
input.btn_9[type="button"]:not(:target),
input.btn_9[type="submit"]:not(:target),
input.btn_9[type="reset"]:not(:target),
button.btn_9[type="button"]:not(:target),
button.btn_9[type="submit"]:not(:target),
button.btn_9[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_9:not(:target),
  input.btn_9[type="button"]:not(:target),
  input.btn_9[type="submit"]:not(:target),
  input.btn_9[type="reset"]:not(:target),
  button.btn_9[type="button"]:not(:target),
  button.btn_9[type="submit"]:not(:target),
  button.btn_9[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_9:hover,
input.btn_9:hover[type="button"],
input.btn_9:hover[type="submit"],
input.btn_9:hover[type="reset"],
button.btn_9:hover[type="button"],
button.btn_9:hover[type="submit"],
button.btn_9:hover[type="reset"] {
	background-color: #eae6e4;
	background-image: linear-gradient(to bottom, #eae6e4, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eae6e4', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eae6e4', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(top, #eae6e4, #ffffff);
	background-image: -ms-linear-gradient(top, #eae6e4, #ffffff);
	background-image: -o-linear-gradient(top, #eae6e4, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#eae6e4), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #eae6e4, #ffffff);
	color: #463e39;
	text-decoration: none;
	box-shadow: 0 0 0 rgba(0,0,0,0.1),  #f6f6f6 0px 0px 0px 2px inset;
}


/* ボタン　レベル10 white */
a.btn_10,
input.btn_10[type="button"],
input.btn_10[type="submit"],
input.btn_10[type="reset"],
button.btn_10[type="button"],
button.btn_10[type="submit"],
button.btn_10[type="reset"] {
	cursor: pointer;
	border-radius: 6px;
	background-color: #fff;
	background-image: linear-gradient(to top, #fff, #fcfcfc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fcfcfc');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fcfcfc')";
	background-image: -moz-linear-gradient(top, #ffffff, #fcfcfc);
	background-image: -ms-linear-gradient(top, #ffffff, #fcfcfc);
	background-image: -o-linear-gradient(top, #ffffff, #fcfcfc);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fcfcfc));
	background-image: -webkit-linear-gradient(top, #ffffff, #fcfcfc);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.8em 1.2em;
	display: inline-block;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	text-align: center;
	color: #69615c !important;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
}
/*IE9*/
a.btn_10:not(:target),
input.btn_10[type="button"]:not(:target),
input.btn_10[type="submit"]:not(:target),
input.btn_10[type="reset"]:not(:target),
button.btn_10[type="button"]:not(:target),
button.btn_10[type="submit"]:not(:target),
button.btn_10[type="reset"]:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a.btn_10:not(:target),
  input.btn_10[type="button"]:not(:target),
  input.btn_10[type="submit"]:not(:target),
  input.btn_10[type="reset"]:not(:target),
  button.btn_10[type="button"]:not(:target),
  button.btn_10[type="submit"]:not(:target),
  button.btn_10[type="reset"]:not(:target) {
    border-radius: 6px; /* IE10以上 */
  }
}
a.btn_10:hover,
input.btn_10:hover[type="button"],
input.btn_10:hover[type="submit"],
input.btn_10:hover[type="reset"],
button.btn_10:hover[type="button"],
button.btn_10:hover[type="submit"],
button.btn_10:hover[type="reset"] {
  	background-color: #fff;
	background-image: linear-gradient(to top, #fcfcfc, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fcfcfc', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fcfcfc', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(top, #fcfcfc, #ffffff);
	background-image: -ms-linear-gradient(top, #fcfcfc, #ffffff);
	background-image: -o-linear-gradient(top, #fcfcfc, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #ffffff);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
    color: #69615c;
	text-decoration: none;
}
/*矢印*/
a.btn_10:after {
    position: absolute;
    top: 2em;
    right: 5%;
}

/* ボタン　使用不可状態 */
input[disabled="disabled"],
button[disabled="disabled"],
input[disabled="disabled"]:hover,
button[disabled="disabled"]:hover {
	background: #eee;
	color: #aaa;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	cursor: default;
	box-shadow: none;
}
input[type="radio"][disabled="disabled"] {
	border: none;
}

/* ボタン　カートに入れる */
input.btn_addCart,
a.btn_addCart {
	background: #c4ab5f;
	height: 40px;
	line-height: 40px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	width: 180px;
	display: block;
	box-shadow: none;
	border: 0;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
}
input.btn_addCart:hover,
a.btn_addCart:hover {
	background: #c4ab5f;
}

@media screen and (max-width: 768px) {
	input.btn_addCart {
		background: #c4ab5f;
		height: 40px;
		line-height: 40px;
		font-size: 120%;
		font-weight: bold;
		text-align: center;
		border-radius: 6px;
		color: #fff;
		width: 100%;
		display: block;
		box-shadow: none;
		border: 0;
		box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
	}
	input.btn_addCart:hover {
		background: #c4ab5f;
	}
}

/* ----- ボタンの大きさ ----- */
.btn_wide {
	display: block;
	width: 100%;
}
/* ----- ボタンの幅  ----- */
#addInqButton,
#cartButton_link,
#completeButton,
#confirmButton,
#continueLink2_link,
#inquiryResponseAddConfirmButton,
#myPageButton_link,
#newButton,
#orderLink2,
#reminderButton,
#registerButton,
#resignButton,
#returnButton,
#returnButton_link,
#saveButton,
#shopTopButton_link,
#shoppingButton_link,
.btn_second,
.btn_first{
	min-width: 225px;
}
.btn_10.webMemberRegistButton {
    width:40%;
}
@media screen and (max-width: 768px) {
  .btn_10.webMemberRegistButton {
    width:100%;
  }
}

/* ----- ボタンの配置 ----- */
.btn_container {
	margin: 20px auto;
	text-align: center;
	clear: both;
}
.btn_container input {
	margin: 5px;
}
.btn_container.bottom {

}

/* チェックボックス、ラジオボタン
--------------------------------------------------------- */
input[type="checkbox"],
input[type="radio"] {
/*	position: relative;*/
	top: -1px;
	vertical-align: middle;
	margin: 0 3px;
	cursor: pointer;
}
.radiobuttonLabel,
.checkboxLabel {
	cursor: pointer;
}

/* フォーム内のエラーメッセージ
--------------------------------------------------------- */
.alertMessage {
	display: block;
	color: #cf646b;
	margin-top: 5px;
}
.alertMessage + * {
	margin-top: 5px;
}


/* フォームのレイアウト
--------------------------------------------------------- */
label + label {
	margin-left: 1em;
}

select.year {
	width: 5em;
}
select.month {
	width: 4em;
}

/* =========================================================
表組み
========================================================= */
.table {
	display: table;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 100%;
}
.tr {
	display: table-row;
}
.td,
.th,
.table th,
.table td {
	padding: 10px;
	text-align: left;
	display: table-cell;
	border: 1px solid #ccc;
	margin: 0;
	vertical-align: middle;
}
.th,
.table th {
	background: #f3f3f3;
}
.td,
.table td {
	background: #fff;
}
/* 幅
--------------------------------------------------------- */
.table.th_30 .th,
.table.th_30 th {
	width: 30%;
	background: #f3f3f3;
}
.table.th_30 .td,
.table.th_30 td {
	width: 70%;
	background: #fff;
}
@media screen and (max-width: 768px) {
	.table.th_30 .th,
	.table.th_30 th {
		width: 100%;
	}
	.table.th_30 .td,
	.table.th_30 td {
		width: 100%;
	}
}
.table.th_bold .th,
.table.th_bold th {
	font-weight: bold;
}

.nowrap {
	white-space: nowrap;
}
/* 数値 */
.num {
	word-break: normal;
	white-space: nowrap;
	text-align: right;
}
/* 数値（日付） */
.date {
	word-break: normal;
	white-space: nowrap;
	text-align: center;
}
/* 行を交互に色分け */
.table_striped tr:nth-child(2n+1),
.table_striped .tr:nth-child(2n+1) {
	background: #f9f9f9;
}



/* =========================================================
タブ
========================================================= */

.lp_tab ul {
	display:table;
	width:100%;
}

.lp_tab ul li{
	display:table-cell;
	width:50%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:none;
	margin:0;
	vertical-align:bottom;
}

.lp_tab ul li a{
	display:block;

	width:auto;
	height:40px;
	white-space:normal;
	overflow:visible;
	text-indent:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	background:#FFF;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	padding-top:12px;
	color:#333;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	line-height:1.2;
}

.lp_tab ul li.ui-state-active a{
	background:#FE6400;
	color:#FFF;
}

.lp_tab_contents{
	border: solid 1px #ccc;
	padding: 20px;
}

/* =========================================================
モーダルポップアップ
========================================================= */

/* 住所録ポップアップ */
.addressBookModalPopup{
	display:none;
	background-color:#fff;
	padding:10px;
	border:solid 4px #ccc;
}

.modal_addressBookList{
	border:solid 1px #ccc;
	padding:5px;
	margin-bottom:10px;
}
.modal_addressBookButtonArea{
	border-top:solid 1px #ccc;
	padding-top: 4px;
}

/* 閉じるボタン */
.closeButton {
	mamargin-top: 10px;
}

/* =========================================================
ショップ専用カラム
========================================================= */

/*カラムレイアウト*/
.topGroupName {

}
.sideContents {
	width:240px;
	float:right;
	/*background-color:#ddd;*/
}
.sideContents section{
	margin-bottom:15px;
}
@media screen and (max-width: 768px) {
	#topGroupName{
		padding: 0;
	}
}

/* =========================================================
ショップ専用header
========================================================= */
.headerMein .logo {
	margin:0;
}
.headerMein .logo a {
	height: 58px;
}
.header_lower_wrap td {
	background: initial;
	letter-spacing: initial;
	border: initial;
}
/*---------------------------------------------
	ページング
  ---------------------------------------------*/
/* トップページ */
ul.pagination li:nth-child(1):not(.PAGING_TOP_DISABLE) a .PAGING_TOP:before {
	font-family: "FontAwesome";
	content: "\f100";
	color: #b3a896;
	position: relative;
	top: -1px;
}

/* 1ページ前へ */
ul.pagination li:nth-child(2):not(.PAGING_BEFORE_DISABLE) a .PAGING_BEFORE:before {
	font-family: "FontAwesome";
	content: "\f104";
	color: #b3a896;
	position: relative;
	top: -1px;
	font-size: 180%;
	padding-left: 13px;
	padding-right: 4px;
}

/* 1ページ後へ */
ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:after {
	font-family: "FontAwesome";
	content: "\f105";
	color: #b3a896;
	position: relative;
	top: -1px;
	font-size: 180%;
	padding-left: 4px;
	padding-right: 13px;
}
/* 最終ページ */
ul.pagination li:last-child:not(.PAGING_LAST_DISABLE) a .PAGING_LAST:before {
	font-family: "FontAwesome";
	content: "\f101";
	color: #b3a896;
	position: relative;
	top: -1px;
}


@media screen and (max-width: 768px) {

	.td, .th {
		display: block;
		border: 0;
		margin: 0 !important;;
	}
	.tr {
		border: 1px solid #ccc;
	}

	input[type="text"],
	input[type="password"],
	select {
		width: 100%;
	}

	input.TEL_1,
	input.TEL_2,
	input.TEL_3 {
		width: 88px;
	}

	select.year {
		width: 5em;
	}
	select.month {
		width: 4em;
	}


	.commonForm label,
	.commonForm #postCode1_labelId,
	.commonForm #guestPostCode1_labelId,
	.commonForm #useCardType91_label {
		width:100%;
		text-align:left;
	}
	input#postCodeSearchbutton,
	input#guestPostCodeSearchbutton {
		margin-left:0;
	}
	#postCode1Surround {
		display:block;
	}
	#postCodeSearchbuttonSurround,
	#guestPostCodeSearchbuttonSurround,
	input#postCodeSearchbutton,
	input#guestPostCodeSearchbutton {
		display:none;
	}
	/*input#isMemberAgreementFlg,*/
	input#isUseAgreementFlg {
		float:left;
		margin-left:0;
	}
	.commonForm label#isMemberAgreementFlg_label,
	.commonForm label#isUseAgreementFlg_label {
		width:90%;
	}

	.listTitle {
		background-color: #756263;
		color: #fff;
		padding: 10px 20px;
	}

	/*---------------------------------------------
		戻る・確認ボタン
	  ---------------------------------------------*/

	#buttonGroup,
	#inputbuttonLeftGroup,
	#inputbuttonRightGroup {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	/*---------------------------------------------
		ページング
	  ---------------------------------------------*/
	div.pager{
		overflow:hidden;
	}

	div.pager div#pagingResultsShow{
		float: left;
	}

	div.pager ul.pagination{
		float: right;
		margin-bottom:10px;
	}


	div.pager{
		width: 100%;
		text-align:center;
	}

	div.pager div#pagingResultsShow{
		width:100%;
	}

	div.pager ul.pagination{
		width:100%;
		text-align:center;
	}

		/* 1ページ前へ */
	ul.pagination li:nth-child(1) {
		display:none;
	}

	/* 1ページ後へ */
	ul.pagination li:nth-last-child(1) {
		display:none;
	}

/* =========================================================
ショップ専用headerSP
========================================================= */
	.headerMein p.logo a {
		width:auto;
		height:auto;
		background:url(../../../../../images/logo.png) no-repeat 0 0;
		background-size:contain;
		padding:0;
		margin:5%;
	}

/* =========================================================
ショップ専用footerSP
========================================================= */
  	.footerSubNavi ul li + li {
		border-left:none;
	}

}

/*---------------------------------------------
	検索/ソート
---------------------------------------------*/
#goodsListArea .sortSetArea,
#goodsListArea .priceSearch {
	background-color:#eee;
	padding:5px;
}

/* ソートエリア */
.sortGroup a,
.fixedConditionGroup a,
.fixedConditionGroup2 a,
.displayTypeGroup a,
.MAX_SHOW_LINE {
	padding: 2px 4px;
}
.sortGroup a.check,
.fixedConditionGroup a.check,
.fixedConditionGroup2 a.check,
.displayTypeGroup a.check,
.MAX_SELECT_NOW_PAGE {
	background: #bea99c;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.MAX_SELECT_NOW_PAGE {
	padding: 2px;
}

/*---------------------------------------------
pagingSetting
---------------------------------------------*/
.pagingSetting {
	display: table;
	width: 100%;
	margin: 10px auto;
}
.pagingSetting .view_ctrl_sort,
.pagingSetting .resultsShowPaging {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

/*---------------------------------------------
pagination
---------------------------------------------*/
ul.pagination {
	display: block;
	border-collapse: collapse;
	letter-spacing: -0.3em;/* inline-block Hack */
	margin: 0 0 0 auto;
}
ul.pagination > li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display: inline;/* inline-block Hack for IE */
	*zoom: 1;/* inline-block Hack for IE */
	vertical-align: middle;
	margin: 0 2px;
}
ul.pagination > li a {
	display: block;
}
ul.pagination a.PAGING_LINK,
ul.pagination a.PAGING_LINK_PAGE {
	border-radius: 4px;
	background-color: #fbf4f0;
	background-image: linear-gradient(to top, #fff, #fbf4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0')";
	background-image: -moz-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -ms-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -o-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf4f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #fbf4f0);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	padding: 6px 4px 2px 4px;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	min-width: 32px;
	min-height: 32px;
	text-align: center;
	color: #463e39;
	text-decoration: none;
	font-size: 80%;
}
ul.pagination a.PAGING_LINK:hover,
ul.pagination a.PAGING_LINK_PAGE:hover {
	box-shadow: 0 0 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
}
.PAGING_BEFORE_TEXT,
.PAGING_NEXT_TEXT {
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}
ul.pagination .PAGING_LINK_NOW_PAGE {
	padding: 6px 4px 2px 4px;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	min-width: 32px;
	min-height: 32px;
	text-align: center;
	color: #463e39;
	text-decoration: none;
	font-size: 80%;
}
ul.pagination a.PAGING_LINK:hover,
ul.pagination a.PAGING_LINK_PAGE:hover {
	background-image: linear-gradient(to bottom, #fbf4f0, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -ms-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -o-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fbf4f0), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #fbf4f0, #ffffff);
}
ul.pagination .PAGING_LINK_NOW_PAGE,
ul.pagination .PAGING_LINK_NOW_PAGE:hover {
	background-color: #bea99c;
	background-image: none;
	box-shadow: none;
	border: 1px solid #d9cbc4;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
}
/*IE9*/
ul.pagination a.PAGING_LINK:not(:target),
ul.pagination a.PAGING_LINK_PAGE:not(:target),
ul.pagination .PAGING_LINK_NOW_PAGE:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  ul.pagination a.PAGING_LINK:not(:target),
  ul.pagination a.PAGING_LINK_PAGE:not(:target),
  ul.pagination .PAGING_LINK_NOW_PAGE:not(:target) {
    border-radius:4px; /* IE10以上 */
  }
}
/*---------------------------------------------
pagingResultsShow
---------------------------------------------*/
.pagingResultsShow {
	font-size: 80%;
	float: left;
	line-height: 32px;
}
.resultsShowMaxLine.forPC > span {
	float: left;
}
/*---------------------------------------------
goodsPager
---------------------------------------------*/
.goodsPager {
	margin: 0 15px;
	background: #fff;
	position: relative;
}
.matrix-header.goodsPager {
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #efddd2;
	padding-bottom: 10px;
	height: 43px;
}
.matrix-footer.goodsPager {
	margin-top: 15px;
	margin-bottom: 5px;
	border-top: 1px solid #efddd2;
	padding-top: 15px;
	height: 48px;
}
.resultsShowPaging {
	margin: 0;
	padding: 0;
	/*position: absolute;*/
	right: 0;
    width: 100%;
}
.pagingResultsLeft {
	float: left;
}
.pagination {
	float: right;
    /*width: 45%;*/
}
.pagination > ul.pagination {
    width:100%;
}
.PAGING_LAST, .PAGING_TOP {
	font-size:18px;
}
@media screen and (max-width: 768px) {
	.goodsPager {
		margin: 0;
		background: #fbf4f0;
		height: auto;
		display: block;
		padding: 0;
	}
	.matrix-header.goodsPager {
		margin: 0;
		padding: 0;
		height: auto;
	}
	.matrix-footer.goodsPager {
		margin: 0;
		padding: 0;
		border: 0;
		height: auto;
	}
	.resultsShowPaging {
		position: static;
		padding: 0;
	}
	.pagination {
		width:100%;
	  }
	ul.pagination {
		float: none;
		width: 100%;
		border-top: 1px solid #efddd2;
		padding: 10px;
	}
	.showMaxLine {
		display: none;
	}
	.pagingResultsShow {
		display: block;
		float: none;
		text-align: left;
		font-size: 88%;
		margin: 0;
		padding: 0 10px;
		height: 24px;
		line-height: 24px;
		background: #fff;
	}
	.matrix-footer .pagingResultsShow {
		display: none;
	}
	.matrix-footer.goodsPager {
		margin: 0;
		text-align: center;
	}

}


/*---------------------------------------------
order confirm
---------------------------------------------*/
.orderListGroup .goodsImg,
.reglOrderListGroup .reglGoodsImg{
	width:120px;
}



/* =========================================================
カート
========================================================= */

select.orderNum,
select.buyAfterCartOrderNum {
	width: 100%;
}

.cartArea .cart_table th{
	white-space: nowrap;
}

.cartArea .goodsPriceArea,
.cartArea .salePriceArea,
.cartArea .reglGoodsPriceArea,
.cartArea .reglSalePriceArea{
	text-align:right;
}
.cartArea .totalLayoutGroup .tr .td {
	text-align:right;
}

.cartArea .totalLayoutGroup,
.cartArea .promotionArea,
.cartArea .carefulGroup{
	margin-top:10px;
}

@media screen and (max-width: 768px) {
	select.orderNum,
	select.buyAfterCartOrderNum {
		width: auto;
	}
	.cartArea .totalLayoutGroup .tr .th,
	.cartArea .totalLayoutGroup .tr .td{
		width:50%;
		display: table-cell;
	}
}


/* Cart
--------------------------------------------------------- */
.cartArea {
}
.cart_opeBtn {
	letter-spacing:-0.4em;/* inline-block Hack */
    float:right;
    width:30.2%;
    margin-top:10px;
}
.cart_opeBtn li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display:inline;
	*zoom:1;
}
.shippingTime {
	float:left;
}
.totalLayoutGroup_wrap {
	width:45%;
	float:right;
}
.totalLayoutGroup_wrap .th,
.totalLayoutGroup_wrap .td {
	border-left: 0;
	border-right: 0;
}
.cartIncludeGroup1_wrap {
	width:55%;
	float:left;
}
.cartIncludeGroup1 {
	padding: 10px;
}
.cart_table td .item_price_line {
	text-decoration:line-through;
}
.totalLayoutGroup th,
.totalLayoutGroup td {
	text-align:right;
	padding:10px;
}
.carefulGroup,
.promotionArea {
	clear:both;
}
.cartInfoGroup {
    padding-left:10px;
}
.shippingTime {
	background-color: #FEE6E6;
	padding:10px;
    border: 1px dotted #999;
}
.doc_container p.shippingTime {
    margin:10px;
}
.cart_table img {
	width:50px;
}
.cart_table tbody td:nth-child(2) {
	width:30%;
}
.cart_table input {
	float:left;
}
input.addCount {
	width:52px;
	float:none;
	text-align:right;
}
input.plusButton,
input.minusButton {
	width:30%;
}
@media screen and (max-width: 768px) {
	.shippingTime {
		float:none;
		text-align:center;
	}
	.totalLayoutGroup_wrap {
		width:100%;
		float:none;
		font-size: 12px;
	}
	.totalLayoutGroup_wrap .th,
	.totalLayoutGroup_wrap .td {
		display: table-cell;
	}
	.cartIncludeGroup1_wrap {
		width:100%;
		float:none;
	}
	.cart_opeBtn {
		width:80%;
		margin:0 auto 10px;
		text-align:center;
		float:none;
	}
	.totalLayoutGroup {
		width:100%;
		margin:0 auto;
		float:none;
		clear:both;
	}
	.carefulGroup {
		margin:10px auto;
	}
	.cart_table tbody td:nth-child(1) {
		width:20%;
		text-align:center;
	}
	.cart_table tbody td:nth-child(1) p input {
		float:none;
	}
	.cart_table tbody td:nth-child(2) {
		width:65%;
	}

}

/* =========================================================
注文履歴
========================================================= */
.orderListArea {
}

.orderList {
	width:100%;
}
.orderList th ul,
.orderList td ul {
	letter-spacing:-0.4em;/* inline-block Hack */
}
.orderList th li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display:inline;
	*zoom:1;
	width:20%;
	text-align:left;
	padding:5px 0;
	vertical-align: middle;
}
.orderList td li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display:inline;
	*zoom:1;
	width:33%;
	text-align:left;
	padding:5px 0;
	vertical-align:middle;
}
.orderList td li:nth-child(1) {
	width:145px;
}
.orderList td li:nth-child(2) {
	width:350px;
}
.orderList td li:nth-child(2) ul li {
	width:100%;
}
.orderList td li:nth-child(3) {
	width:auto;
}
.orderList td li ul li {
	display:block;
	width:100%;
}
@media screen and (max-width: 768px) {
	.orderList th li {
		/*display:block;*/
		width:50%;
		text-align:left;
	}
	.orderList td li:nth-child(1) {
		width:40%;
	}
	.orderList td li:nth-child(2) {
		width:60%;
	}
	.orderList td li:nth-child(2) ul li {
		width:100%;
	}
	.orderList td li:nth-child(3) {
		width:100%;
		text-align:center;
	}
	.orderList td li:nth-child(2) ul li:nth-child(3) {
		text-align:left;
	}
}



/*---------------------------------------------
	ページトップ scrollUp.js
  ---------------------------------------------*/
#scrollUp {
	bottom: 50px;
	right: 50px;
	height: 56px;  /* Height of image */
	width: 56px; /* Width of image */
	/*background: url(../images/top.png) no-repeat;*/
}

@media screen and (max-width:768px) {
	#scrollUp {
		right: 20px;
	}
}

/* //////////////////////////////////////////////////////////
btops_style
////////////////////////////////////////////////////////// */

/* =========================================================
Common
========================================================= */

body {
	margin: 0 auto;
	width: 100%;
	color: #333;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	line-height: 120%;
	background: #fff;
	text-shadow: none;
}

/* anchor
--------------------------------------------------------- */
a,
.contents a {
	outline: none;
	cursor: pointer;
}
a {
	text-decoration: underline;
	color: #4c5fb1;
}
a:visited {
	text-decoration: underline;
	color: #30449e;
}
a:hover {
	text-decoration: underline;
	color: #e77288;
}
a:hover img {
	opacity: 0.8;
}


/* =========================================================
Layout
========================================================= */
.contents {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	padding: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
	.contents {
		padding: 0;
	}
}
.contents_inner {
	width: 1040px;
	margin: 0 auto;
	background: #fbf4f0;
	color: #333;
	padding: 0;
	border: 0;
	display: block;
	text-align: left;
}

/* ----- カラム分け ----- */
.column_wrapper {

}
.main_column {
	width: 770px;
	float: right;
}
.side_column {
	width: 240px;
	float: left;
}
.main_column_left {
	float: left;
}
.side_column_right {
	float: right;
}

/* ----- 共通コンテンツボックス ----- */
.contents .section_body {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #efddd2;
	border-radius: 8px;
	background: #fff;
	padding: 30px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
}
.contents .section_wrap {
	margin: 0 auto 30px;
}
.main_column .section_wrap {
	margin: 0 auto 30px;
}
.main_column .section_body {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #efddd2;
	border-top: 3px solid #99877d;
	border-radius: 8px;
	background: #fff;
	padding: 15px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
}
.main_column .section_body_inner {
	padding: 15px;
}
.section_wrap.limited_discount_section .section_body {
	border-top: 3px solid #d93d70;
}
.program_list_parts .section_body {
    border: none;
    background:none;
    box-shadow:none;
    padding:0;
    margin-bottom:10px;
}

.contents .section_wrap.login_parts2 {
   margin: 0 auto 20px;
}

div#titleGroup.section_wrap{
	/*margin: 0 auto 20px;*/
}
.side_column .section_wrap {
	margin: 0 0 20px 0;
}
.side_column .section_body {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #efddd2;
	border-radius: 6px;
	background: #fff;
	padding: 18px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
	font-size: 90%;
}
.section_body_simple {
	border: 0;
	padding: 10px;
}


@media screen and (max-width: 768px) {
	/* ----- 共通コンテンツボックス ----- */
	.contents .section_body {
		width: 100%;
		border: 0;
		border-radius: 0;
		background: #fff;
		padding: 10px;
		box-shadow: none;
	}
	.contents .section_wrap {
		margin: 0 auto;
	}
    .contents .section_wrap.news_important_sp {
        margin:10px auto 0;
    }
	.main_column .section_wrap {
		margin: 0 auto;
	}
    .main_column .section_wrap.slider_bnr_section {
        margin:0 auto 0px;
    }
	.main_column .section_body {
		width: 100%;
		border: 0;
		border-top: 0;
		border-radius: 0;
		background: #fff;
		padding: 0;
		box-shadow: none;
	}
	.main_column .section_body_inner {
		padding: 10px;
	}
	.section_wrap.limited_discount_section .section_body {
		border-top: 3px solid #d93d70;
	}
	.side_column .section_wrap {
		margin: 0;
	}
	.side_column .section_body {
		width: 100%;
		border: 0;
		border-radius: 6px;
		background: #fff;
		padding: 10px;
		box-shadow: none;
		font-size: 100%;
	}
	.side_menu_section .section_body {
		padding: 15px;
		border-radius: 4px;
		background: #fbf4f0;
	}
	.section_body_simple {
		border: 0;
		padding: 10px;
		background: #fff;
		padding: 10px;
	}
}

/* カラム分け（汎用）
--------------------------------------------------------- */
.wrap_parent {
	display: table !important;
	width: 100%;
}
/* ----- 二分割 ----- */
.left_wrap {
	display: table-cell;
	padding-right: 15px;
	width: 50%;
	vertical-align: top;
}
.right_wrap {
	display: table-cell;
	padding-left: 15px;
	width: 50%;
	vertical-align: top;
}
/* ----- 三分割 ----- */
.wrap_parent_3 {
	display: table !important;
	width: 102%;
	margin-left: -1%;
}
.part_wrap_3 {
	display: table-cell;
	padding-left: 1%;
	padding-right: 1%;
	width: 33.333%;
	vertical-align: top;
}
/* ----- 四分割 ----- */
.wrap_parent_4 {
	display: table !important;
	width: 102%;
	margin-left: -1%;
}
.part_wrap_4 {
	display: table-cell;
	padding-left: 1%;
	padding-right: 1%;
	width: 25%;
	vertical-align: top;
}

/* 見出し
--------------------------------------------------------- */
.h {
	font-weight: bold;
	margin: 6px;
	color: #665145;/* デフォルトカラー */
}
.contents .h,
.main_column .h {
	font-size: 120%;
	margin: 8px 10px;
}
.side_column .h {
	font-size: 100%;
	margin-top: 30px;
}
.side_column .section_wrap:first-child .h,
.side_column .section_wrap .h:first-child {
	margin-top: 8px;
}
.contents h2.h,
.main_column h2.h {
	font-size: 120%;
	margin: 8px 10px;
}
.contents h3.h,
.main_column h3.h {
	font-size: 110%;
	margin: 8px 10px;
}
.color-browm {
	color: #665145;
}
.color-pink {
	color: #d93d70;
}
/* 期間限定！特価アイテムの見出し */
.h-limited_discount {
	color: #d93d70;
}
@media screen and (max-width: 768px) {
	/* 見出し
	--------------------------------------------------------- */
	.contents h2.h,
	.main_column h2.h,
	.contents h3.h,
	.main_column h3.h,
	.set-group .h,
	.section_wrap .h {
		margin: 0;
		background-color: #fbf4f0;
		background-image: linear-gradient(to bottom, #fbf4f0, #fff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff')";
		background-image: -moz-linear-gradient(top, #fbf4f0, #ffffff);
		background-image: -ms-linear-gradient(top, #fbf4f0, #ffffff);
		background-image: -o-linear-gradient(top, #fbf4f0, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fbf4f0), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #fbf4f0, #ffffff);
		padding: 0.8em 6px 0.5em;
		display: block;
		border-top: 10px solid #fff;
		border-bottom: 2px solid #99877d;
		vertical-align: middle;
		text-align: left;
		color: #665145;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
	}
	.side_column .h {
		font-size: 14px;
	}
	.side_column .section_wrap:first-child .h,
	.side_column .section_wrap .h:first-child {
		margin-top: 0;
	}
	/* 期間限定！特価アイテムの見出し */
	.h-limited_discount {
		color: #d93d70 !important;
		border-bottom: 2px solid #d93d70!important;
	}
}

/* ----- ライン装飾 ----- */
.wrap_border_brown {
	border-top: 3px solid #99877d;
}
.wrap_border_pink {
	border-top: 3px solid #d93d70;
}
/* ----- アイコンフォント ----- */
i.fa,
i.im {
	/*font-size: 180%;*/
	font-size: 130%;
	margin: 0 8px;
	font-weight: normal;
	/*color: #baa99f;*/
	color: #333;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
a:hover i {
	text-decoration: none !important;
}
/* ----- パンくず ----- */
.pankuzu {
	padding: 15px 0;
	margin: 0;
	text-align: left;
	font-size: 85%;
}
.pankuzu li {
	display: inline-block;
}
.pankuzu a {
}
.pankuzu a i {
	margin: 0 4px;
}
ul.pagination li:nth-child(2):not(.PAGING_BEFORE_DISABLE) a .PAGING_BEFORE:after {
    content: "前へ";
	font-size: 100%;
	padding: 0 10px;
	vertical-align: top;
}
ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:before {
    content: "次へ";
	font-size: 100%;
	padding: 0 10px;
	vertical-align: top;
}
@media screen and (max-width: 768px) {
	/* ----- パンくず ----- */
    ul.pagination li:nth-child(2):not(.PAGING_BEFORE_DISABLE) a .PAGING_BEFORE:after {
    	content:"";
    	padding: 0 6px;
    }
    ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:before {
  		content:"";
    	padding: 0 6px;
    }
	.pankuzu {
		padding: 6px 3px 6px 5px;
		margin: 0;
		text-align: left;
		font-size: 80%;
		background: #fbf4f0;
	}
	.pankuzu a {
	}
	.pankuzu a i {
		margin: 0 2px;
		font-size: 140%;
	}
	.matrix-header .pagination {
		display: none;
	}
}

.contents p,
.contents .table {
	margin: 0 auto 0.5em;
}
.contents p:last-child,
.contents .table:last-child {
	margin-bottom: 0;
}

.no_data_wrap {
	cursor: auto;
	border-radius: 8px;
	background-color: #bfbfbf;
	display: inline-block;
	border: 1px solid #bfbfbf;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 120%;
	font-weight: normal;
	width: 100%;
	padding: 0;
	margin: 10px auto;
	position: relative;
	padding: 21px 12px;
	line-height: 140%;
}
.no_data_wrap p {
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	/* =========================================================
	Layout
	========================================================= */
	.contents {
		width: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.contents_inner {
		width: 100%;
	}
	/* ----- カラム分け ----- */
	.column_wrapper {

	}
	.main_column {
		width: 100%;
		display: block;
		background: #fff;
	}
	.side_column {
		width: 100%;
		display: block;
		background: #fff;
	}
	.side_column .keyword {
		display: none;
	}

	/* =========================================================
	 電話番号/生年月日 幅
	========================================================= */
	input[type="text"].TEL_1,
	input[type="text"].TEL_2,
	input[type="text"].TEL_3,
	select#birthdayYear,
	select#birthdayMonth,
	select#birthdayDay,
	select#guestBirthdayYear,
	select#guestBirthdayMonth,
	select#guestBirthdayDay {
		width: 73px;
	}

	/* =========================================================
	 郵便番号検索
	========================================================= */
	#postCodeSearchButton,
	#guestPostCodeSearchButton {
		margin-top: 10px;
	}

	/* =========================================================
	 ボタン幅 順序
	========================================================= */
	#buttonGroup,
	#bottomBtnGroup,
	#inputButtonGroup {
		position: relative;
		width: 90%;
		height: 110px;
		margin: 10px auto 0;
	}
	#saveButton,
	#reminderButton,
	#registerButton,
	#confirmButton,
	#shopTopButton_link,
	#shoppingButtonSp_link,
	#newButton,
	#orderLink2,
	#resignButton,
	#completeButton,
	#selfOrderLink,
	#giftOrderLink,
	.btn_first {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
	}
	#continueLink2_link,
	#myPageButton_link,
	#returnButton_link,
	#returnButtonSp_link,
	#returnButton,
	#cartButton_link,
	.btn_second {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
	}

}





/* =========================================================
 トップへ戻るボタン
========================================================= */
.common_totop_section {
	width: 400px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.common_totop_section {
		width: 100%;
		margin: 0 auto;
	}
}


/* =========================================================
 共通アイコン
 （アイコン付きテキスト）
========================================================= */
.ph {
	text-indent: -18px !important;
	padding-left: 2.0em !important;
	position: relative;
}
.ph:before {
	font-family: "FontAwesome";
	font-size: 1.2em;
	padding: 0;
	font-weight: normal;
	color: #baa99f;
	position: relative;
	vertical-align: middle;

    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	left: 5px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}

/* ----- common ----- */
.ph.info-circle:before {
	content: "\f05a"; /* 「インフォメーション」アイコン */
}
.ph.lock:before {
	content: "\f023"; /* 「錠前（鍵穴なし）」アイコン */
}
.ph.user:before {
	content: "\f007"; /* 「ユーザー」アイコン */
}
.ph.chevron-circle-right:before {
	content: "\f138"; /* 「右矢印（円形）」アイコン */
}
.ph.question-circle:before {
	content: "\f059"; /* 「？（円形）」アイコン */
}
.ph.shopping-cart:before {
	content: "\f07a"; /* 「カート」アイコン */
}
.ph.smile-o:before {
	content: "\f118"; /* 「スマイル」アイコン */
}
.ph.icon-locked:before {
	font-family: "icomoon";
	content: "\e801"; /* 「錠前」アイコン */
}
.ph.exclamation-triangle:before {
	content: "\f071"; /* 「ご注意（三角形）」アイコン */
}
.ph.exclamation-circle:before {
	content: "\f06a"; /* 「ご注意（円形）」アイコン */
}
.ph.icon-warning:before {
	font-family: "icomoon";
	content: "\e903"; /* 「ご注意（三角形）」アイコン2 */
	font-size: 110%;
}
.ph.gift:before {
	content: "\f06b"; /* 「プレゼントの箱」アイコン */
}
.ph.check-circle:before {
	content: "\f058"; /* 「チェック（円形）」アイコン */
}
.ph.check-square-o:before {
	content: "\f046"; /* 「チェック（四角形）」アイコン */
}
.ph.envelope:before {
	content: "\f0e0"; /* 「メール」アイコン */
	font-size: 110%;
}
.ph.circle:before {
	content: "\f111"; /* 「黒丸」アイコン */
	font-size: 100%;
}


.ph.chevron-circle-right:before {
	content: "\f138"; /* 「矢印・右（円形）」アイコン */
}

/* ----- errorMessage ----- */
.color-red.ph:before,
.errorMessage.ph:before {
	color: #e30011;
}
.errorMessage.ph:before {
	font-family: "icomoon";
	content: "\e903"; /* 「ご注意（三角形）」アイコン2 */
	font-size: 110%;
}
/* ----- alert_msg ----- */
.ph.alert_msg-error:before {
	font-family: "icomoon";
	content: "\e903"; /* 「ご注意（三角形）」アイコン2 */
	font-size: 110%;
	color: #e30011;
}
.ph.alert_msg-attention:before {
	content: "\f06a"; /* 「ご注意（円形）」アイコン */
}
.ph.alert_msg-hint:before {
	content: "\f058"; /* 「チェック（円形）」アイコン */
	color: #78a000;
}
.ph.alert_msg-info:before {
	content: "\f05a"; /* 「インフォメーション」アイコン */
	color: #4097d4;
}
.ph.alert_msg-help:before {
	content: "\f059"; /* 「？（円形）」アイコン */
	color: #e97300;
}
.ph.alert_msg-promotion:before {
	content: "\f06b"; /* 「プレゼントの箱」アイコン */
	color: #eda0b1;
	font-size: 155%;
}

.ph_after_group {
	margin-left: 2em;
	margin-top: 0.5em;
}
/* =========================================================
 アラートメッセージ
========================================================= */

.contents .alert_msg_section {
	color: #555;
	padding: 10px 0;
	margin: 0 auto;
}
.contents .alert_msg_section .section_body {
	width: 100%;
	margin: 0 auto;
	border: 2px solid #efddd2;
	border-radius: 8px;
	background: #fff;
	padding: 10px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.02);
	height: 100%;
}
.contents .alert_msg_section .h {
	text-indent: -18px !important;
	padding-left: 1.5em !important;
	position: relative;
	font-size: 110%;
}
.contents .alert_msg_section .h:before {
	font-family: "FontAwesome";
	font-size: 1.2em;
	padding: 0;
	font-weight: normal;
	color: #baa99f;
	position: relative;
	vertical-align: middle;

    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	left: 2px;
	top: -0.1em;
	width: 18px;
	text-align: center;
}
.contents .alert_msg_section.alert_msg-default .h {
	margin-left: 6px;
}
@media screen and (max-width: 768px) {
	.contents .alert_msg_section {
		padding: 0 0 10px;
	}
	.contents .alert_msg_section .h {
		margin: 0 10px;
		background: #fff;
		border: 0;
		font-size: 14px;
	}
	.contents .alert_msg_section.alert_msg-default .h {
		margin-left: 10px;
	}
}

/* カラー：赤（強いご注意・エラーステータスなどに使用）
--------------------------------------------------------- */
.contents .alert_msg_section.alert_msg-error .section_body {
	color: #e30011;
	border: 2px solid #e30011;
}
.contents .alert_msg_section.alert_msg-error .h-alert_msg-error:before {
	font-family: "icomoon";
	content: "\e903"; /* 「ご注意（三角形）」アイコン2 */
	font-size: 110%;
	color: #e30011;
}
.contents .alert_msg_section.alert_msg-error .h-alert_msg-error {
	color: #e30011;
}
/* カラー：ベージュ（やや弱いご注意・エラーステータスなどに使用）
--------------------------------------------------------- */
.contents .alert_msg_section.alert_msg-attention .section_body {
	border: 2px solid #baa99f;
	/*background: #fbf4f0;*/
}
.contents .alert_msg_section.alert_msg-attention .h-alert_msg-attention:before {
	content: "\f06a"; /* 「ご注意（円形）」アイコン */
}
.contents .alert_msg_section.alert_msg-attention .h-alert_msg-attention {
}
/* カラー：グリーン（ヒント・良好なステータスなどに使用）
--------------------------------------------------------- */
.contents .alert_msg_section.alert_msg-hint .section_body {
	color: #78a000;
	border: 2px solid #78a000;
}
.contents .alert_msg_section.alert_msg-hint .h-alert_msg-hint:before {
	content: "\f058"; /* 「チェック（円形）」アイコン */
	color: #78a000;
}
.contents .alert_msg_section.alert_msg-hint .h-alert_msg-hint {
	color: #78a000;
}
/* カラー：ブルー（インフォメーション・良好なステータスなどに使用）
--------------------------------------------------------- */
.contents .alert_msg_section.alert_msg-info .section_body {
	color: #4097d4;
	border: 2px solid #4097d4;
}
.contents .alert_msg_section.alert_msg-info .h-alert_msg-info:before {
	content: "\f05a"; /* 「インフォメーション」アイコン */
	color: #4097d4;
}
.contents .alert_msg_section.alert_msg-info .h-alert_msg-info {
	color: #4097d4;
}
/* カラー：オレンジ（ヘルプ・やや危険なステータスなどに使用）
--------------------------------------------------------- */
.contents .alert_msg_section.alert_msg-help .section_body {
	color: #e97300;
	border: 2px solid #e97300;
}
.contents .alert_msg_section.alert_msg-help .h-alert_msg-help:before {
	content: "\f059"; /* 「？（円形）」アイコン */
	color: #e97300;
}
.contents .alert_msg_section.alert_msg-help .h-alert_msg-help {
	color: #e97300;
}
/* カラー：ピンク×グレー（プレゼント・ご購入特典などに使用）
--------------------------------------------------------- */
.contents .alert_msg_section.alert_msg-promotion .section_body {
	color: #555;
	border: 2px solid #bababa;
}
.contents .alert_msg_section.alert_msg-promotion .h-alert_msg-promotion:before {
	content: "\f06b"; /* 「プレゼントの箱」アイコン */
	color: #eda0b1;
	font-size: 155%;
}
.contents .alert_msg_section.alert_msg-promotion .h-alert_msg-promotion {
	color: #555;
}


/* =========================================================
 追従メニュー
========================================================= */

.scrollNavi {
	z-index:99999;
}
.scrollNavi .pagetop,
.scrollNavi .cart {
	margin-bottom:5px;
	background-color:#d93d70;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size:10px;
	text-align:center;
	padding:3px 0;
	line-height:10px;
	display:block;
}
.scrollNavi .pagetop a,
.scrollNavi .cart a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:50px;
}
.scrollNavi .cart {
	display:none;
}
.scrollNavi .pagetop {
	padding:7px 0;
}
.scrollNavi .fa-step-backward {
	font-size:36px;
	color:#fff;
    filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=4);
}
.scrollNavi .fa-shopping-cart {
	font-size:30px;
	color:#fff;
}

#side{
	position:fixed;
	top:80%;/*固定させたい位置*/
	left:90%;
	display:none;
}

@media screen and (max-width: 768px) {
	.scrollNavi {
		position:absolute;
	}
	.scrollNavi .pagetop,
	.scrollNavi .cart {
		display: block;
		width:50px;
		height:50px;
	}
	#side{
		position:fixed;
		top:70%;/*固定させたい位置*/
		left:auto;
		right:0;
	}
}

/* //////////////////////////////////////////////////////////
common-module
////////////////////////////////////////////////////////// */

/* =========================================================
共通部品
========================================================= */

/* 箇条書きリスト
--------------------------------------------------------- */
ol.decimal li {
	list-style-position: outside;
	margin-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
ol.decimal > li {
	list-style-type: decimal !important;
}

/*
ul.disc li {
	list-style-position: outside;
	margin-left: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
ul.disc > li {
	list-style-type: disc !important;
}
*/
ul.disc li {
	text-indent: -1em !important;
	padding-left: 1em !important;
	position: relative;

	margin-bottom: 0.5em;
}
ul.disc li:before {
	/*font-family: "FontAwesome";*/
	font-size: 1em;
	padding: 0;
	font-weight: bold;
	/*color: #baa99f;*/
	position: relative;
	vertical-align: middle;

    display: inline-block;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);

	left: 5px;
	top: -0.1em;
	width: 1em;
	text-align: center;

	content: "・";
}

/* paren　丸括弧付き数字のリスト */
ol.paren {
	counter-reset: item;
	list-style: none;
}
ol.paren li:before{
	content: "(" counters(item, "-") ")";
	counter-increment: item;
	margin-right: 0;
	position: relative;
	left: -0.5em;
}
ol.paren li{
	margin-left: 2em;
	text-indent: -1.5em;
	list-style-type: none;
}

/* ※印付きの文章 */
.kome,
.indent_1 {
	margin-left: 1em !important;
	text-indent: -1em !important;
}


/* 共通　見出し
--------------------------------------------------------- */

/* ----- フキダシ見出し ----- */
.h-type3 {
	background: #fbf4f0;
	border-radius: 4px;
	padding: 10px;
	font-weight: bold;
	font-size: 100%;
	position: relative;
	color: #725d51;
	margin: 0 0 20px 0;
	line-height: 120%;

}
.h-type3:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 20px;
	border: 10px solid transparent;
	border-top: 10px solid #fbf4f0;
}

/* ----- ワンポイント見出し（下線付き） ----- */
.h-type4 {
	font-size: 100%;
	color: #d93d70;
	font-weight: bold;
	padding: 6px 12px;
	border-left: 8px solid #eedfd6;
	margin: 20px auto;
	line-height: 120%;
}
.h-type4:after {
	content: "";
	display: block;
	position: relative;
	top: 6px;
	border-bottom: 1px dotted #b2b2b2;
}
/* ----- ワンポイント見出し（下線なし） ----- */
.h-type5 {
	font-size: 100%;
	color: #d93d70;
	font-weight: bold;
	padding: 6px 12px;
	border-left: 8px solid #eedfd6;
	margin: 0 auto 10px;
	line-height: 120%;
}
/* ----- ワンポイント見出し（下線なし・色なし） ----- */
.h-type6 {
	font-size: 100%;
	color: #333;
	font-weight: bold;
	padding: 6px 12px;
	border-left: 8px solid #eedfd6;
	margin: 0 auto 10px;
	line-height: 120%;
}
/* ----- 太字見出し（下線なし・色なし） ----- */
.h-type7 {
	font-size: 100%;
	color: #333;
	font-weight: bold;
	margin: 0 auto 10px;
	line-height: 120%;
}


/* 境界線
--------------------------------------------------------- */
.hr,
.hr-4 {
	display: block;
	width: 100%;
	margin: 10px 0;
	border-top: 4px solid #f0f0f0;
}
.hr-1 {
	border-top: 1px solid #f0f0f0;
}
.hr-2 {
	border-top: 2px solid #f0f0f0;
}
.bg-pgray .hr,
.bg-pgray .hr-4,
.bg-pgray .hr-1,
.bg-pgray .hr-2 {
	border-color: #e0e0e0 !important;
}

/* 背景色
--------------------------------------------------------- */
.bg-white {
	background-color: #fff;
}
.bg-pgray {
	background-color: #f0f0f0;
}
.bg-pgray2 {
	background-color: #e1e1e1;
}
.bg-gold {
	background-color: #c4ab5f;
}
.bg-red {
	background-color: #d35336;
}
.bg-black {
	background-color: #000;
}
.bg-black2 {
	background-color: #333;
}
.bg-black3 {
	background-color: #666;
}
.bg-black4 {
	background-color: #999;
}

/* フォント色
--------------------------------------------------------- */
.color-white {
	color: #fff;
}
.color-pgray {
	color: #f0f0f0;
}
.color-pgray2 {
	color: #e1e1e1;
}
.color-pink {
	color: #d93d70;/* ヴィヴィットピンク */
}
.color-pink2 {
	color: #e77288;/* a:hoverと同じ色 */
}
.color-pink3 {
	color: #ed979e;/* ペールピンク */
}
.color-red {
	color: #e30011;
}
.color-blue {
	color: #4c5fb1;/* a:linkと同じ色 */
}
.color-blue2 {
	color: #30449e;/* a:visitedと同じ色 */
}
.color-skyblue {
	color: #57aad9;/* 送料の色 */
}
.color-brown {
	color: #99877d;/* 濃い茶色 */
}
.color-black {
	color: #000;
}
.color-black2 {
	color: #333;
}
.color-black3 {
	color: #666;
}
.color-black4 {
	color: #999;
}

/* ----- 強調文字 ----- */
em {
	color: #d93d70;/* ヴィヴィットピンク */
}


/* 文字装飾
--------------------------------------------------------- */
.link-blank {

}
.link-blank:after {
	font-family: "FontAwesome";
	content: "\00A0\f08e"; /* 半角スペース「 」＋「別窓」アイコン fa-external-link */
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	display: inline-block;
	text-decoration: none;
}


/* ボーダー色
--------------------------------------------------------- */
.border-white {
	border-color: #fff;
}
.border-pgray {
	border-color: #f0f0f0;
}
.border-pgray2 {
	border-color: #e1e1e1;
}
.border-gold {
	border-color: #c4ab5f;
}
.border-red {
	border-color: #d35336;
}
.border-black {
	border-color: #000;
}
.border-black2 {
	border-color: #333;
}
.border-black3 {
	border-color: #666;
}
.border-black4 {
	border-color: #999;
}



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

.container {
	padding: 20px;
}
.section {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 3px #ccc;
	margin-top: 20px;
}


/* もっと見るリンク
--------------------------------------------------------- */
/* ----- リンク - テキスト ----- */
.more-link-text {
	text-align: right;
	margin: 10px 0;
}
.more-link-text a {

}
.more-link-text i {
	padding: 0 10px;
	font-size: 120%;
	font-weight: bold;
}
/* ----- リンク - ブロック ----- */
.more-link-block {
	text-align: center;
	margin: 10px 0;
}
.more-link-block a {
	display: block;
	background: #888;
	padding: 0.8em;
	color: #fff;
}
.more-link-block a:hover {
	background: #606060;
	text-decoration: none;
}
.more-link-block i {
	padding: 0 10px;
	font-size: 120%;
	font-weight: bold;
}

/* ----- アコーディオン - テキスト ----- */
.more-accordion-text {
	text-align: right;
	margin: 10px 0;
}
.more-accordion-text {
	cursor: pointer;
	text-decoration: none;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
.more-accordion-text:hover {
	background: #dbdbdb;
}
.more-accordion-text:after {
	font-family: "FontAwesome";
	content: "\f107"; /* 「下矢印」アイコン */
	padding: 0 10px;
	font-weight: normal;
}
.more-accordion-text.open:after {
	font-family: "FontAwesome";
	content: "\f106"; /* 「上矢印」アイコン */
}

/* ----- アコーディオン - ブロック ----- */
.more-accordion-block {

}
.more-accordion-block a {
	text-align: right;
	display: block;
	padding: 0.8em 40px;
	margin: 0 auto;
	font-size: 120%;
}
.more-accordion-block a i {
	padding: 0 10px;
	margin: 0 auto;
	font-size: 130%;
	color: #888;
	vertical-align: middle;
}
.more-accordion-block a:hover {
	background: rgba(0, 0, 0, 0.1);
	color: #333;
	text-shadow: none;
	text-decoration: none;
}
.more-accordion-block a:hover i {
	color: #333;
}


.inline-link-text {
	letter-spacing:-0.4em;/* inline-block Hack */
}
.inline-link-text li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display: inline;/* inline-block Hack forIE */
	*zoom: 1;/* inline-block Hack forIE */
	vertical-align: top;
	padding: 0 10px;
	border-left: 1px solid #999;
}
.inline-link-text li .no-link,
.inline-link-text li a[href=""] {
	text-decoration: none;
	color: #ccc;
}
.inline-link-text li a {
	display: block;
	text-decoration: underline;
}
.inline-link-text li a:hover {
	text-decoration: none;
}
.inline-link-text li:first-child {
	border-left: 0;
	padding-left: 0;
}

@media screen and (max-width: 480px) {

	/* もっと見るリンク
	--------------------------------------------------------- */
	/* ----- テキストタイプ----- */
	.more-link-text {
		text-align: right;
		margin: 16px 10px 4px;
	}
	.more-link-text a {

	}
	.more-link-text i {

	}
	/* ----- アコーディオンタイプ ----- */
	.more-accordion-block {

	}
	.more-accordion-block a {
		text-align: center;
		padding: 8px 10px;
		font-size: 90%;
	}
	.more-accordion-block a i {
	}
	.more-accordion-block a:hover {
	}
	.more-accordion-block a:hover i {
	}

	/* ボタン
	--------------------------------------------------------- */
	.contents .btn-block {
		background: #c4ab5f;
		display: block;
		min-height: 40px;
		line-height: auto;
		border-radius: 3px;
		font-size: 120%;
		border: 0;
		width: 100%;
		box-shadow: none;
	}
}

/* ----- アコーディオン - ブロック (showmore) ----- */
/* 一定の高さ以上の内容を隠しアコーディオンで表示 */
/* Shore more styles */
.showmore {
}
.showmore_content {
	position: relative;
	overflow: hidden;
}
.goods_exp_long {
    line-height:1.6;
}
.showmore_trigger {
	width: 100%;
	cursor: pointer;
	margin-top: 0.5em;
}
.showmore_trigger span {
	display: block;
}

.showmore_trigger>.more,
.showmore_trigger>.less {
	cursor: pointer;
	border-radius: 6px;
	background-color: #fbf4f0;
	background-image: linear-gradient(to top, #fff, #fbf4f0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf4f0')";
	background-image: -moz-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -ms-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -o-linear-gradient(top, #ffffff, #fbf4f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf4f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #fbf4f0);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1),  #fff 0px 0px 0px 2px inset;
	border-collapse: separate;/* box-shadow for IE9 */
	padding: 0.5em 1.2em;
	display: block;
	border: 1px solid #d9cbc4;
	vertical-align: middle;
	text-align: center;
	color: #463e39;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}
/* 閉じる（隠す）を使用しない場合
.showmore_trigger>.less {
	display: none !important;
}*/
/*IE9*/
.showmore_trigger>.more:not(:target),
.showmore_trigger>.less:not(:target) {
  border-radius: 0\9; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
    .showmore_trigger>.more:not(:target),
    .showmore_trigger>.less:not(:target) {
        border-radius: 6px; /* IE10以上 */
    }
}

.showmore_trigger>.more:hover,
.showmore_trigger>.less:hover {
	background-image: linear-gradient(to bottom, #fbf4f0, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbf4f0', endColorstr = '#ffffff')";
	background-image: -moz-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -ms-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -o-linear-gradient(top, #fbf4f0, #ffffff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fbf4f0), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #fbf4f0, #ffffff);
}
.showmore_trigger>.more:after {
	font-family: "FontAwesome";
	font-size: 160%;
	content: "\f103"; /* 「下矢印」アイコン */
	padding: 0 10px 2px;
	font-weight: normal;
	color: #9c9078;
	position: relative;
	vertical-align: middle;
}
.showmore_trigger>.less:after {
	font-family: "FontAwesome";
	font-size: 160%;
	content: "\f102"; /* 「上矢印」アイコン */
	padding: 0 10px 2px;
	font-weight: normal;
	color: #9c9078;
	position: relative;
	vertical-align: middle;
}


/* ドロップダウン（アコーディオン）
--------------------------------------------------------- */
/* ----- ドロップダウン - インライン ----- */
.form-dropdown-wrap {
	margin: 0 8px 0 0;
	/*display: inline-block;*/
	display: table-cell;
}
.form-dropdown-inner {
	position: relative;
	margin: 0;
}
.form-dropdown-select {
	text-align: left !important;
	margin: 0;
	position: relative;
	height: 34px !important;
	cursor: pointer;
	text-decoration: none;
	padding-left: 6px !important;
	padding-right: 0 !important;
	line-height: 32px !important;
	background: #fff !important;
	box-shadow: none !important;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
  .form-dropdown-select {
	  height: 40px !important;
	  line-height: 36px !important;
  }
}
.form-dropdown-select:hover {
	opacity: 1;
}
.form-dropdown-select:after {
	font-family: "FontAwesome";
	content: "\f107"; /* 「下矢印」アイコン */
	padding: 0 12px;
	font-size: 140%;
	font-weight: normal;
	border-left: 1px solid #ccc;
	margin: 4px 0 4px 16px;
	line-height: 24px;
	float: right;
}
/*
.form-dropdown-select.open:after {
	font-family: "FontAwesome";
	content: "\f106"; /* 「上矢印」アイコン *
}*/
.form-dropdown-option {
	background: #fff;
	border: 1px solid #ccc;
	padding: 0;
	position: absolute;
	top: 33px;
	width: 100%;
	display: block;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	z-index: 999;
}
.form-dropdown-option ul {
}
.form-dropdown-option li {
	padding: 6px;
	cursor: pointer;
	width: auto;
	min-width: 6em;
}
.form-dropdown-option li:hover {
	background: #f0f0f0;
	text-decoration: none;
}
.form-dropdown-option li a:hover {
	text-decoration: none;
}

/* =========================================================
no_border 枠線消し
========================================================= */
.no_border > .section_body {
	border: 0;
	background: none;
	padding: 0;
	font-size: inherit;
}