@charset "UTF-8";


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*{
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

img{
	vertical-align: middle;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ページレイアウト　＝＝＝＝＝＝＝＝＝＝＝＝＝ */


body{
	background-color: #FFFFFF;	/*■■■*/
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	color:#000000;	/*■■■*/
}

Wrapper {
	margin: 0;
	padding: 0;
	word-wrap:break-word;
	overflow-wrap:break-word;
}

header{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}


#main{
	width:100%;
}

footer {
	width:100%;
	background-color:#150700;

}

/* link style ※common.cssを上書き */
a:link {
	color: #2C539E;	/*■■■-2c539e*/
	text-decoration: none;
}
a:hover {
	color: #FF3E1B;	/*■■■-ff9933*/
	text-decoration:none;
}
a:visited {
	color: #2C539E;	/*■■■-2c539e*/
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#brand_logo2 {
	position:relative;
	float:right;
	clear:both;
	text-decoration:none;
	padding:0;
/*	margin-top:-25px;*/
	margin-top:-20px;
}

#brand_logo {
	position:relative;
	float:right;
	clear:both;
	text-decoration:none;
	padding:0;
/*	margin-top:-10px;*/
}

#card_info {
	position:relative;
	float:left;
	clear:both;
	padding:0;
/*	margin-top:-10px;*/
	margin-top:2px;
}

#main_visual {
	margin:10px 0;
	text-align: center;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ナビゲーション　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.toggleMenu {
	display:  none;
	background: #555;	/*■■■*/
	padding: 8px 10px;
	margin:0 0 1px ;
	color: #fff;	/*■■■*/
}
.nav {
	max-width: 1000px;
	margin: 0 auto;
	list-style: none;
	*zoom: 1;
	background:#444;	/*■■■*/
}
.nav:before,
.nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
	width: 15em;/*階層の長さ*/
}
.nav a {
	padding: 10px 15px;
	color:#fff;	/*■■■*/
	text-decoration: none;
	outline: none;/*20170111 追記*/
	z-index: 2;
}
.nav a:hover {	/*メニューバーにマウスオーバーしたとき*/
	padding: 10px 15px;
	color:#fff;	/*■■■*/
	text-decoration: none;
	background:#568D59;	/*★★★濃-E82C0C*/
}

.nav li {
	position: relative;
}
.nav > li {
	float: left;
	border-top: 1px solid #666666;	/*■■■*/
}
.nav > li > .parent {
	background-image: url("../css/downArrow.png");
	background-repeat: no-repeat;
	background-position: right;
}
.nav > li > a {
	display: block;
	font-size: 80%;
}
.nav li  ul {
	position: absolute;
	left: -9999px;
}
.nav > li.hover > ul {
	left: 0;
}
.nav li li.hover ul {
	left: 100%;
	top: 0;

}
.nav li li a {
	display: block;
	background: #555;	/*■■■*/
	position: relative;
	z-index:100;
	border-top: 1px solid #666;	/*■■■*/
	font-size: 80%;
}

@media screen and (max-width: 768px) {
	.active {
		display: block;
	}
	.nav > li {
		float: none;
	}
	.nav > li > .parent {
		background-position: 95% 50%;
	}
	.nav li li .parent {
		background-image: url("../css/downArrow.png");
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}
	.nav ul {
		display: block;
		width: 100%;
		z-index: -1;
	}
	.nav > li.hover > ul , .nav li li.hover ul {
		position: static;
		z-index: 1;
	}
}

.subnav {
	max-width: 1000px;
	margin: 0 auto;
	background-color:#e1deda;
}
.subnav-item {
	background-color:#e1deda;
	border-top:solid 1px #a9a9a9;
	border-left:solid 1px #a9a9a9;
	border-right:solid 1px #a9a9a9;
	border-bottom:solid 1px #a9a9a9;
	font-size: 80%;
	padding: 2px 5px;
}
.subnav-item-active {
/*	background-color: #D6FFCE;	★★★さらに薄-F9DDB7*/
	background-color: #C3FFA8;	/*★★★薄-FFC165*/
	border-top:solid 1px #a9a9a9;
	border-left:solid 1px #a9a9a9;
	border-right:solid 1px #a9a9a9;
	border-bottom:solid 1px #a9a9a9;
	color:#000;
	font-size: 80%;
	padding: 2px 5px;
}

.subnav-item a{
	color:#333;
}
.subnav-item a:hover{
	color:#fff;
}
.subnav-item:hover{
	color:#fff;
	background: #568D59;	/*★★★濃-E82C0C*/
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　スライダー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#top_visual {
	width:100%;
}
#top_visual ul {
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ステップバー　＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* バー式ステップ表示 */
#step_bar_box {
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
}

.step_bar {
	list-style: none;
}

.step_bar li {
	line-height: 46px;
	color: #a6a6a6;	/*■■■*/
	text-decoration: none;
	padding: 0 15px 0 35px;
	background: #eee;	/*■■■*/
	display: inline-block;
	font-size:11px;
}

.step_bar li small {
	font-size: 85%;
}

.step_bar li::after {
	position: relative;
	display: block;
	margin-top: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 22px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-ms-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	background: #eee;	/*■■■*/
	border-right: 1px solid white;
}

.step_bar li::before {
	float: right;
	display: block;
	margin-bottom: -25px;
	margin-left: auto;
	margin-right: -25px;
	height: 21px;
	width: 20px;
	content: " ";
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-ms-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	background: #eee;	/*■■■*/
	border-right: 1px solid white;
}

.step_bar li:first-child {
	padding-left: 20px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

.step_bar li:last-child {
	padding-left: 35px;
	padding-right: 40px;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-ms-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.step_bar li:last-child::before {
	border: 0;
	background: transparent !important;
}

.step_bar li:last-child::after {
	border: 0;
	background: transparent !important;
}

.step_bar li.current {
	background: #F97C78;	/*■■■*/
	color: #000;	/*■■■*/
}

.step_bar li.current::before {
	background: #F97C78;	/*■■■*/
}

.step_bar li.current::after {
	background: #F97C78;	/*■■■*/
}

.step_bar li.current:last-child {
	margin-right: -35px;
}

.step_bar li.current:last-child::before {
	border: 0;
	background: transparent !important;
}

.step_bar li.current:last-child::after {
	border: 0;
	background: transparent !important;
}
@media only screen and (min-width:820px) {
	.bread { display:none;}
}
@media only screen and (max-width:819px) {

	/* パンくずリスト stepバー小さいとき用 */
	.bread	{
/*		margin-bottom: 20px;*/
		margin-bottom: 10px;
	}

	.bread ol {
		margin: 0 0 0 5px ;
/*		padding: 0;*/
		padding: 2px;
		list-style: none;
/*		font-size:9px;*/
		font-size:80%;
		background-color: #eeeeee;	/*■■■*/
	}

	.bread li a {
		display: inline-block;
		padding: 5px;
		color: #000000;	/*■■■*/
		font-size: 14px;
		text-decoration: none
	}

	.bread li a:hover {
		background-color: #eeeeee;	/*■■■*/
	}

	.bread ol:after	{
		content: "";
		display: block;
		clear: both
	}

	.bread li	{
		float: left;
		width: auto
	}

	.bread li:after	{
		content: '\003e';
		margin-left: 10px;
		margin-right: 10px;
		color: #888888;	/*■■■*/
	}
	.bread li.current {
		background: #F97C78;	/*■■■*/
		color:#000;	/*■■■*/
	}

	#step_bar_box , .step_bar {
		display:none;
	}
}

/* パンくずリスト */
.bread2 {
	margin-bottom: 10px;
}

.bread2 ol	{
	margin: 0;
	padding: 0;
	list-style: none;
/*	font-size:9px;*/
	font-size:90%;
	background-color: #eeeeee;	/*■■■ #eeeeee*/
}

.bread2 li a {
	display: inline-block;
	padding: 3px 2px 0px 0px;
	color: #000000;	/*■■■ #000000*/
	text-decoration: none
}

.bread2 li a:hover {
	background-color: #eeeeee;	/*■■■ #eeeeee*/
}

.bread2 ol:before {
	content: "";
	display: block;
	clear: both
}

.bread2 li	{
	float: left;
	width: auto
}

.bread2 li:before	{
	content: '▶';
	margin-left: 5px;
	margin-right: 5px;
	color: #888888;	/*■■■*/
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　main　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
article {
	width:100%;
	margin-left:auto;
	margin-right:auto;
/*	padding:10px 5px;*/
	padding:5px;
}
article h1 {	/*各項目のヘッダー左のキャッチライン*/
	padding: .5em 0 .5em .75em;
	border-left: 8px solid #63342C;	/*★★★普通-FF530D*/
	border-bottom: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-top: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-right: 1px solid #63342C;	/*★★★普通-FF530D*/
	margin:30px 0 10px 0;
	font-size:20px;
	font-weight: bold;
}
article p {
	margin-bottom:30px;
}
section h2 {	/*表のタイトル部BG*/
	padding: .5em .75em;
	background-color: #568D59;	/*★★★濃-E82C0C*/
	color:#FFF;	/*■■■*/
	font-size:16px;
	margin:10px 0 0 0;
	font-weight: bold;
}
article h3 {	/*商品名左のキャッチライン*/
	padding: .5em 0 .5em .75em;
	border-left: 6px solid #63342C;	/*★★★普通-FF530D*/
	margin:5px 0;
	font-size: 95%;
	font-weight: bold;
}
article h4 {	/*買い物カゴの項目サブタイトル下にライン入り*/
	padding: .5em 0 .25em .75em;
	border-top: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-left: 6px solid #63342C;	/*★★★普通-FF530D*/
	border-bottom: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-right: 1px solid #63342C;	/*★★★普通-FF530D*/
	background-color: #D6FFCE;	/*★★★さらに薄-F9DDB7*/
	margin:30px 0 5px 0;
	font-size:16px;
	font-weight: bold;
}

h3.kakunin2 {
	margin: 2em 0 1.5em;
	padding: 0.8em;
	border: 2px solid #009;	/*■■■*/
	font-size: 1.143em;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　ボタン 色変える　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.shopping_btn {
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
	border-radius: 5px;
	text-decoration: none;
	background-color: #63342C;	/*★★★普通-FF530D*/
	background: -moz-linear-gradient(top, #63342C 0%, #63342C 100%);	/*★★★普通-FF530D*/
	background: -webkit-linear-gradient(top, #63342C 0%,#63342C 100%);
	background: linear-gradient(to bottom, #63342C 0%,#63342C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63342C', endColorstr='#63342C',GradientType=0 );
	font-weight:bold;
	color:#FFF;	/*■■■*/
}

.shopping_btn:hover{
	background: #63342C;	/*★★★普通-FF530D*/
	background: -moz-linear-gradient(top, #63342C 0%, #568D59 100%);	/*★★★普通-FF530D★★★濃-E82C0C*/
	background: -webkit-linear-gradient(top, #63342C 0%,#568D59 100%);
	background: linear-gradient(to bottom, #63342C 0%,#568D59 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63342C', endColorstr='#568D59',GradientType=0 );
	color: #FFF;	/*■■■*/
}

.shopping_btn2 {
	width:100%;
	display: inline-block;
	padding: 10px 15px;
	border: 1px solid #1D6B3F;	/*★★★強めの濃*/
	text-decoration: none;
	background-color: #63342C;	/*★★★普通*/
	background: -moz-linear-gradient(top, #63342C 0%, #63342C 100%);	/*★★★普通-FF530D*/
	background: -webkit-linear-gradient(top, #63342C 0%,#63342C 100%);
	background: linear-gradient(to bottom, #63342C 0%,#63342C 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63342C', endColorstr='#63342C',GradientType=0 );
	font-weight:bold;
	color:#FFF;
}

.shopping_btn2:hover{
	background: #63342C;	/*★★★普通*/
	background: -moz-linear-gradient(top, #63342C 0%, #568D59 100%);	/*★★★普通-FF530D★★★濃-E82C0C*/
	background: -webkit-linear-gradient(top, #63342C 0%,#568D59 100%);
	background: linear-gradient(to bottom, #63342C 0%,#568D59 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63342C', endColorstr='#568D59',GradientType=0 );
	color: #FFF;
}

.button_area {
	text-align:center;
	margin :15px 0 ;
}
.button_area2 {
	text-align:center;
	margin :5px 0 ;
}
.button_area3 {
	text-align:center;
	margin :5px 0 ;
}

.button_yoko {
	display: table;
	width: 100%;
}
.b_item {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.button2 {
	overflow: hidden;
	margin:50px 0;
}

.button2 ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}

.button2 ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}

.button2 ul li span,
.button2 ul li a {
	display: block;
	font-size: 14px;
	padding: 0.5em 1em;
	border-radius: 3px;
}

.button2 ul li a {
	background: #EEE;	/*■■■*/
	color: #000;	/*■■■*/
	text-decoration: none;
}

.button2 ul li a:hover {
	background: #333;	/*■■■*/
	color: #FFF;	/*■■■*/
}

.button3 {
	overflow: hidden;
	margin:50px 0;
}

.button3 ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}

.button3 ul li {
	margin: 0 1px;
	position: relative;
	left: -50%;
	float: left;
}

.kakomi {	/*商品ページ商品名の囲み線*/
	border: 1px solid #63342C;	/*★★★普通-FF530D*/
	margin: 2em 0;
	padding: 2em;
}

.kakomi2 {	/*商品ページ商品名の囲み線*/
	border: 1px solid #63342C;	/*★★★普通-FF530D*/
	padding: .8em;
}

hr.line {/*複数買い物カゴの仕切線*/
	border-top: 1px solid #63342C;	/*★★★普通-FF530D*/
	margin: 3px 0px 10px 0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　続きを読むボタン　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ▼「続きを読む」ボタン▼ https://allabout.co.jp/gm/gc/459102/3/#a459102p3step5　　　*/
.readmore-button-box a {
	background-color: #686868; /* ボタンの色(濃い赤) */	/*■■■*/
	color: white;			  /* ボタンの文字色(白) */
	border-radius: 18px;		/* 角丸の半径 */
	padding: 0.5em 2.5em;;	 /* 内側の余白 */
	display: inline-block;	 /* ボタン全体をクリック可能に */
	font-weight: bold;		 /* ボタンの文字を太字に */
	font-size: 1.25em;		 /* ボタンの文字サイズ */
}
.readmore-button-box a:hover {
	background-color: #464646;	 /* ボタンにマウスが乗ったら明るい赤色に変化 */	/*■■■*/
}

.readmore-button-box {
	text-align: center;
	background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );	/* 上から下へ：[白色半透明]から[白色]へグラデーション */
	padding-top: 4.5em;	/* ボタンの上側でグラデーションを見せる距離(長さ) */
	margin-top: -6.5em;	/* ボックスを上側に重ねる距離(長さ) */
	position: relative;	/* ボックス全体を上に重ねるために必要 */
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　gaiyo　＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

table.gaiyotable {
	border-collapse: collapse;
	width: 100%;
}
table.gaiyotable th,
table.gaiyotable td {
	padding: 10px;
	border: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
}
table.gaiyotable th {
	background-color: #C3FFA8;	/*★★★薄-FFC165*/
	text-align: center;
	width: 30%;
}

@media screen and (max-width: 400px) {
	table.gaiyotable {
		border-top: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
	}
	table.gaiyotable td {
		display: block;
	}
	table.gaiyotable th {
		display: block;
		border-top: none;
		border-bottom: none;
		width: 100%;
	}
}


table.soryotable {
	border-top: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-right: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-collapse: collapse;
	width: 100%;
}

table.soryotable th,
table.soryotable td {
	border-left: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-bottom: 1px solid #63342C;	/*★★★普通-FF530D*/
	padding: 10px;
}

table.soryotable th {
	background-color: #C3FFA8;	/*★★★薄-FFC165*/
	text-align: left;
}
.migi {
	text-align: right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　07.html　＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.housin li {
	margin:5px 20px;
	list-style-type: disc;
}

.housin > ul > li > ul > li {
	list-style-type: none;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　form　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select[type="amount"] {
	width:70px;
}
select.amount {
	width:70px;
}
.migi { text-align:right;}


@media only screen and (min-width:801px) {
	.nameinput {
	width:150px;
	}
	.mailinput {
		width:500px;
	}
	.telinput {
		width:500px;
	}
	.zipinput {
		width:50px;
	}
	.phoneinput {
		width:90px;
	}
	p.error {
		color: #cc0000;	/*■■■*/
		/* background-color: #ffffff */
	}
	input[type="submit"]  {
		margin-right:20px;
	}

}
@media only screen and (max-width:800px) {
	/*input,select{
		width:100%; 
		font-size:120%; 
		padding:5px;
		}*/
	input:focus,input:hover{
		background:#f8f3c0;	/*■■■*/
		}
	textarea{
		width:100%; 
		font-size:120%; 
		padding:5px; 
		height:50px;}
	textarea:focus,textarea:hover{
		height: 150px;
		background:#faeccd;	/*■■■*/
		}
	.zipinput, .phoneinput {
		width:90px;
	}
	.cardno {
		width:60px;
	}
	.addresslistinput {
		width:100%;
		font-size:60%; 
	}
	.addresslistinput2 {
		width:100%;
		font-size:70%; 
	}
	.nameinput {
		width:120px;
	}
	.addressinput {
		width:100%;
	}
}

.t_caution {
	color: #cc0000;	/*■■■*/
}
.ts_caution {
	color: #cc0000;	/*■■■*/
	font-size:85%;
}
.tsb_caution {
	font-size:85%;
}
.kakomi_aka {
	padding:7px;
	margin:5px 10px 5px 0;
	background-color:#FCD0D0;	/*■■■*/
	line-height: 1.1em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　カゴのtable　＝＝＝＝＝＝＝＝＝＝＝＝＝ */

table.carttable, table.carttable2 {
	border: 1px solid #ccc;	/*■■■*/
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
table.carttable tr {
	background: #f8f8f8;	/*■■■ #f8f8f8*/
	border: 1px solid #ddd;	/*■■■*/
	padding: .35em;
}
table.carttable2 tr {
	background: #e7e7e7;	/*■■■ #e7e7e7*/
	border: 1px solid #ddd;	/*■■■*/
	padding: .35em;
}
table.carttable th {
	background: #e7e7e7;	/*■■■ #e7e7e7*/
	padding: .625em;
	text-align: center;
}
table.carttable td {
	padding: .625em;
	text-align: left;
}
table.carttable td.cartcenter {
	padding: .625em;
	text-align: center;
	white-space: nowrap;
}
table.carttable td.cartright {
	padding: .625em;
	text-align: right;
}
table.carttable2 th{
	width:20%;
	padding: .625em;
}
table.carttable2 td {
	width:80%;
	padding: .625em 2em .625em .625em;
	text-align: right;
}

table.carttable3, table.carttable4 {
	border: 1px solid #ccc;	/*■■■*/
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
table.carttable3 tr {
	background: #f8f8f8;	/*■■■ #f8f8f8*/
	border: 1px solid #ddd;	/*■■■*/
	padding: .35em;
}
table.carttable4 tr {
	background: #e7e7e7;	/*■■■ #e7e7e7*/
	border: 1px solid #ddd;	/*■■■*/
	padding: .35em;
}
table.carttable3 th {
	background: #e7e7e7;	/*■■■ #e7e7e7*/
	padding: .625em;
	text-align: left;
}
table.carttable3 td {
	padding: .625em;
	text-align: left;
}
table.carttable3 td.cartcenter {
	padding: .625em;
	text-align: center;
}
table.carttable3 td.cartright {
	padding: .625em;
	text-align: right;
}
table.carttable4 th{
	width:20%;
	padding: .625em;
}
table.carttable4 td {
	width:80%;
	padding: .625em 2em .625em .625em;
	text-align: left;
}

p.bikou {
	text-align:left;
}

@media screen and (max-width: 600px) {
	table.carttable thead {
		display: none;
	}
	table.carttable tr {
		border-bottom: 3px solid #ddd;	/*■■■*/
		display: block;
	}
	table.carttable td {
		border-bottom: 1px solid #ddd;	/*■■■*/
		display: block;
/*		text-align: right;*/
		text-align: left;
	}
	table.carttable td:before {
		content: attr(aria-label);
		float: left;
	}

	table.carttable3 thead {
		display: none;
	}
	table.carttable3 tr {
		border-bottom: 3px solid #ddd;	/*■■■*/
		display: block;
	}
	table.carttable3 td {
		border-bottom: 1px solid #ddd;	/*■■■*/
		display: block;
		text-align: left;
	}
	table.carttable3 td:before {
		content: attr(aria-label);
		float: left;
	}
}

/*クレジットカード決済確認 */
table.carttoroku, table.cartkakunin {
	border-collapse: collapse;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
table.carttoroku th,
table.carttoroku td,
table.cartkakunin th,
table.cartkakunin td {	/*買い物カゴ表の囲み線*/
	padding: 10px;
	border: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
}
table.carttoroku th,
table.cartkakunin th {	/*買い物カゴ表のBG*/
	background-color: #C3FFA8;	/*★★★薄-FFC165*/
	text-align: center;
	width: 30%;
}

@media screen and (max-width: 600px) {/*400pxから500pxへ：なんで400pxにしてたか忘れた…大丈夫なら600pxぐらいに */
	table.carttoroku {
		border-top: 1px solid #1D6B3F;	/*★★★強めの濃-C75614**/
		width:100%;
	}
	table.carttoroku td {
		display: block;
	}
	table.carttoroku th {
		display: block;
		border-top: none;
		border-bottom: none;
		width: 100%;
	}
	/*クレジットカード決済確認 */
	table.cartkakunin {
		border-top: 1px solid #1D6B3F;	/*★★★強めの濃-C75614**/
		width:100%;
	}
	table.cartkakunin td {
		display: block;
		text-align:left;
	}
	table.cartkakunin th {
		display: block;
		border-top: none;
		border-bottom: none;
		width: 100%;
	}
	table.cartkakunin tr td.komentotd2 {
		text-align:left;
	}
}


.chumonno {
	padding:5px;
	font-weight:bold;
	background-color :#FFFFCC;	/*■■■*/
	color:#0000CC;	/*■■■*/
}
.migi {
	text-align:right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　グリッドシステム　＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.grid {
	margin: 10px 10px;
}
.grid2 {
	margin: 20px 5px;
}


.grid :after{
	content: "";
	display: block;
	clear: both;
}

.grid2 :after{
	content: "";
	display: block;
	clear: both;
}

.sm-1-div, .sm-2-div, .sm-3-div, .sm-4-div, .bg-71-div, .bg-72-div, .bg-71x-div, .bg-72x-div, .bg-72left-div, .mm-1-div {
	display: block;
	float: left;
	padding: 0px 10px;
}

.bg-2-div, .bg-81-div, .bg-82-div, .bg-91-div, .bg-92-div, .bg-x-div {
	display: block;
	float: left;
	padding: 0 3px;
}


.sm-1-div{width: 100%;}
.sm-2-div{width:  50%;}
.sm-3-div{width:  33.33333333%;}
.sm-4-div{width:  25%;}
.mm-1-div{width: 100%;}

@media only screen and (min-width:677px) {
	.bg-1-div{width: 100%;}
	.bg-2-div{width:  50%;}
	.bg-3-div{width:  33.33333333%;}
	.bg-4-div{width:  25%;}
	.bg-61-div {width: 60%;}
	.bg-62-div {width: 40%;}
	.bg-71-div {width: 70%;}
	.bg-72-div {width: 30%;}
	.bg-71x-div {width: 65%;float:right;}
	.bg-72x-div {width: 35%;float:right;}
	.bg-81-div {width: 80%;}
	.bg-82-div {width: 20%;}
	.bg-91-div {width: 90%;}
	.bg-92-div {width: 10%;}
}

@media only screen and (max-width:676px) and (min-width:461px) {
	.mm-1-div{width:  50%;}
}

/* ボックスの左右 */
.grid {
	padding-right:15px;
	padding-left:15px;
}

/* 画像の幅指定 */
.width-full {
	width:100%;
}

.grid img {
	vertical-align:middle;
}


/*clearfix -micro clearfix*/

.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* 無駄な改行をなくす（grid/grid2より下に記述） */
span {
	display: inline-block;
}
strong {
	display: inline-block;
}
b {
	display: inline-block;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝　注文者情報入力　＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.lead {
	font-size:14px;
	padding:5px 20px;
}

table.kaiintoroku {
	border-collapse: collapse;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
table.kaiintoroku th,
table.kaiintoroku td {	/*買い物カゴ表の項目名部のBG*/
	padding: 10px;
	border: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
}
table.kaiintoroku th {
	background-color: #C3FFA8;	/*★★★薄-FFC165*/
	text-align: center;
	width: 30%;
	white-space: nowrap;
}
table.kaiintoroku tr td.form_bg {
	padding:3px 10px;
	background-color: #D6FFCE;	/*★★★さらに薄-F9DDB7*/
	font-size:90%;
}
table.kaiintoroku tr td.form_tx {
	padding:8px 0;
	text-align:center;
	color:#F00;
	border: none;
}
table.kaiintoroku tr td.col2head {
	background-color: #D6FFCE;	/*★★★薄-FFC165*/
	font-weight:bold;;
}
table.cartkakunin tr td.col2head {
	background-color: #D6FFCE;	/*★★★薄-FFC165*/
	font-weight:bold;;
}

@media screen and (max-width: 600px) {/*400pxから500pxへ：なんで400pxにしてたか忘れた…大丈夫なら600pxぐらいに */
	.lead {
		padding:5px;
	}
	table.kaiintoroku {
		width:100%;
	}
	table.kaiintoroku td {
		display: block;
	}
	table.kaiintoroku th {
		display: block;
		border-top: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
		border-bottom: none;
		width: 100%;
	}
	table.kaiintoroku tr td.form_tx {
		padding:10px 0;
		text-align:center;
		border-left: none;
		border-right:none;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　商品一覧　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.card {
	margin: 10px 2px;
	width: 100%;
	background: #fff;	/*■■■*/
	border-radius: 5px;
	box-shadow: 0 2px 5px #ccc;	/*■■■*/
}
.card-img {
	border-radius: 5px 5px 0 0;
	max-width: 100%;
	height: auto;
}
.card-content {
	padding: 5px 10px;
}
.card-title {
	font-size: 18px;
	margin-bottom: 5px;
	text-align: left;
	color: #333;	/*■■■*/
}
.card-text {
	color: #000;	/*■■■*/
	font-size: 14px;
	line-height: 1.5;
	margin:0;
}
.card-text2 {
	color: #777;	/*■■■*/
	font-size: 10px;
	line-height: 1.2;
	margin-bottom:10px;
}
.price {
	color: #F00;	/*■■■*/
	font-weight:bold;
	text-align :right;
	margin:5px 0;
}
.pricel {
	color: #F00;	/*■■■*/
	font-weight:bold;
	text-align :left;
	margin:5px 0px 3px 12px;
}
.card2-content {
	padding: 5px 10px;
}
.card2-content-text {
	font-size:85%;
	padding: 2px 1px 0px 1px;
}
.card2-content-text a {
	color:#000;	/*■■■*/
	text-decoration: none;
}
.card2-content-migi {
	font-size:85%;
	color:#c00;	/*■■■*/
	text-align: right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　GMO、カード情報（下）　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#payment_card {
	margin:5px;
}
#payment_card li {
	margin: 0;
	float: left;
	list-style: none;
}
@media screen and (max-width: 480px) {
	#payment_card li {
		margin: 0;
		float: left;
		list-style: none;
		width:50px;
	}
}

#card_area {
	background-color:#e7e7e7;	/*■■■*/
	margin:20px 10px 5px 10px;
}
#card_gio {
	content:"";
	display:block;
	clear:both;
	margin:10px;
	font-size:90%;
}

#card_gio p {
	font-size:90%;
}

#card_other {
	margin:5px;
}
#card_other li {
	margin: 0;
	float: left;
	list-style: none;
}

table.giocardtable {
	width: 100%;
}
table.giocardtable th,
table.giocardtable td {
	padding: 5px;
	font-size:85%;
	line-height: 1.5em;
}
table.giocardtable th {
	background-color: #e7e7e7;	/*■■■*/
	text-align: center;
	width: 20%;
}

@media screen and (max-width: 400px) {
	table.giocardtable {
	}
	table.giocardtable td {
		display: block;
	}
	table.giocardtable th {
		display: block;
		width: 100%;
	}
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フッター用　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.copyright {
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	color:#fff;	/*■■■*/
	background-color:#444;	/*■■■*/
	padding:15px 0;
}


/* ########### 1040px 以上 ########### */
@media (min-width: 1000px) {
	#main {
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
}

/* ###################### */
.topimg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-bottom:10px;
}
.topimg2 {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-left:auto:
	margin-right:auto:
}

.imgcenter {
	text-align:center;
	padding: 10px 0;
}

/* 縦方向の間隔調整 */
.height-space {
	height: 0px;
	margin-bottom: 40px;
}


/* 小画面－内余白ゼロ */
@media only screen and (max-width:650px) {
	.sm-nopad{
		padding: 0;
	}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　03p.html　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


table.soufusaki {
	border-collapse: collapse;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:20px;
}
table.soufusaki th,
table.soufusaki td {	/*買い物カゴ表の項目名部のBG*/
	padding: 10px;
	border: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
}
table.soufusaki th {
	background-color: #C3FFA8;	/*★★★薄-FFC165*/
	text-align: center;
	width: 30%;
}
table.soufusaki tr td.form_bg {
	padding:3px 10px;
	background-color: #D6FFCE;	/*★★★さらに薄-F9DDB7*/
	font-size:90%;
}
table.soufusaki tr td.form_tx {
	padding:8px 0;
	text-align:center;
	color:#F00;
	border: none;
}
@media screen and (max-width: 600px) {/*400pxから500pxへ：なんで400pxにしてたか忘れた…大丈夫なら600pxぐらいに */
	table.soufusaki {
		width:100%;
	}
	table.soufusaki td {
		display: block;
	}
	table.soufusaki th {
		display: block;
		border-top: 1px solid #1D6B3F;	/*★★★強めの濃-C75614*/
		border-bottom: none;
		width: 100%;
	}
	table.soufusaki tr td.form_tx {
		padding:10px 0;
		text-align:center;
		border-left: none;
		border-right:none;
	}
}

table.soufu {
	border-collapse: collapse;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
table.soufu td {
	padding: 10px;
	border: 1px solid #ddd;	/*■■■*/
	background: #f8f8f8;	/*■■■ #f8f8f8*/
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝　予算別p　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.yosanbetsu {
	padding: .5em 0 .5em .75em;
	border-left: 8px solid #63342C;	/*★★★普通-FF530D*/
	border-bottom: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-top: 1px solid #63342C;	/*★★★普通-FF530D*/
	border-right: 1px solid #63342C;	/*★★★普通-FF530D*/
	margin:30px 0 10px 0;
	font-size:18px;
	font-weight: bold;
}
.yosanbetsuX {
	font-size:16px;
	margin:0px 15px;
}