@charset "utf-8";

/* TOP CSS */

/* ================= layout =====================

wrapper

header

contents

main

menu

footer

============================================ */

body#sp
{
	background-color:#fff;
	width:100%;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", メイリオ, Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

#sp p
{
	text-align:left;
	line-height:1.8;
}


#sp img
{
	width:100%;
	height:auto;
}


#sp table
{
	width:100%;
}

#sp .big {
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
}


#sp .gray_back
{
	background:#efefef;
	padding:6px 2%;
	margin-bottom:10px;
	clear:both;
	color:#555;
	font-size:12px;
}

#sp .gray_back-center
{
	background:#efefef;
	clear:both;
	color:#555;
	text-align:center;
	width:100%;
	font-size:14px;
}


#sp .beige_back
{
	background:#fffde1;
	padding:14px 4% 10px;
	margin-bottom:10px;
}

#sp .beige_back_area
{
	background:#fffde1!important;
	padding:14px 4%!important;
	margin-top:-8px;
	
}

#sp .green_back_area
{
	background:#f3ffdc!important;
	padding:14px 4%!important;
	margin-top:-8px;
	
}

#sp .blue_back_area
{
	background:#e9f4fe!important;
	padding:14px 4%!important;
	margin-top:-8px;
	
}

#sp .yellow_back .beige_back
{
	margin-bottom:20px;
}


#sp .beige_back p
{
	text-align:center;
}

#sp .beige_back .bigred
{
	font-size:26px;
}

#sp .gray
{
	font-size:16px;
}

#sp .bg-gray
{
	background-color:#999;
	color:#fff;
	line-height:1;
}

#sp .triangle
{
	text-align:center;
	font-size:12px;
	margin-top:-10px;
	
}

#sp span.mini-caution
{
	font-size:12px;
	color:red;
	border:1px solid red;
	background-color:#ffe9e9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/* 20150414-ksk */
#sp .time-sale span.mini-caution
{
	font-size:12px;
	font-weight:bold;
	color:#ff3b3b;
	border:none;
	background:none;
	display:block;
	line-height:12px;
	padding:6px 0 3px;
}

#sp .tbl2 .time-sale span.mini-caution
{
	margin-top:0;
}


#sp .btn-simple a
{
	display:block;
	color:#313131;
	text-decoration:none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:#efefef;
	text-align:center;
	line-height:2.6;
	width:80%;
	margin:0px auto;
}

/* =============================================================
 header
============================================================= */


#sp #logo
{
	float:none;
	padding:12px 0px;
	text-align:center;
	width:100%;
}

#sp #logo img
{
	width:80%;
}

#sp #member-header
{
	border-top:solid #6d3800 4px;
	border-bottom:solid #6d3800 4px;
	background:#f6efdd;
	padding:0 4%;
	font-weight:bold;
}

#sp #member-header ul
{
	clear:both;
}

#sp #member-header ul li a
{
	display:block;
	width:28%;
	line-height:28px;
	font-size:12px;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	float:left;
	margin-left:2%;
	color:#fff;
	text-decoration:none;
	text-align:center;
}


#sp #member-header ul.logged li a
{
	width:48%;
	margin-bottom:6px;
}

#sp #member-header ul.default li a
{
	width:48%;
}


#sp .logged{ display:block}
#sp .default{ display:block;}


#sp .logged
{
	padding-top:10px;
	padding-bottom:10px;
}

#sp .logged #btn_mypage a
{
	background: -moz-linear-gradient(top,  #bba97b 0%, #967112 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bba97b), color-stop(100%,#967112)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bba97b 0%,#967112 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bba97b 0%,#967112 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #bba97b 0%,#967112 100%); /* W3C */
}


#sp .logged #btn_logout a
{
	background: #719fdd; /* Old browsers */
	background: -moz-linear-gradient(top,  #719fdd 0%, #1d7bab 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#719fdd), color-stop(100%,#1d7bab)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #719fdd 0%,#1d7bab 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #719fdd 0%,#1d7bab 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #719fdd 0%,#1d7bab 100%); /* W3C */
}

#sp .logged #user_name
{
	font-size:14px;
	display:block;
	line-height:1.8;
	clear:both;
	text-align:center;
}


#sp .default
{
	padding-top:10px;
	padding-bottom:10px;
}
#sp .btn_registration a
{
	background: #ff9901; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9901 0%, #fa7a12 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9901), color-stop(100%,#fa7a12)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9901 0%,#fa7a12 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9901 0%,#fa7a12 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff9901 0%,#fa7a12 100%); /* W3C */
}
#sp .default #btn_registration
{
	background: #ff9901; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9901 0%, #fa7a12 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9901), color-stop(100%,#fa7a12)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9901 0%,#fa7a12 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9901 0%,#fa7a12 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #ff9901 0%,#fa7a12 100%); /* W3C */
}
#sp .btn_login a
{
	background: #bfbfbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #a8a8a8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfbfbf 0%,#a8a8a8 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #bfbfbf 0%,#a8a8a8 100%); /* W3C */
}
#sp .default #btn_login a
{
	background: #bfbfbf; /* Old browsers */
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #a8a8a8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(100%,#a8a8a8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#a8a8a8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bfbfbf 0%,#a8a8a8 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #bfbfbf 0%,#a8a8a8 100%); /* W3C */
}




/* =============================================================
 contents
============================================================= */

#sp .box
{
	width: 92%;
	padding: 0 4% 10px;
	border: none;
	background:none;
	padding-bottom:20px;
	text-align:left;
}

#sp .box .box
{
	width: 100%;
	padding: 0px;
	border: none;
	padding-bottom:20px;
}


#sp .box img
{
	width: 100%;
}


#sp ul.btn-order li a
{
	display:block;
	width:100%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:56px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

#sp .btn-sell a,
#sp .btn-sell-mini
{
	text-shadow:2px 2px 2px #ff6900;
	background: #fa9c09; /* Old browsers */
	background: -moz-linear-gradient(top,  #fa9c09 0%, #ff6e08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9c09), color-stop(100%,#ff6e08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #fa9c09 0%,#ff6e08 100%); /* W3C */
}

#sp .btn-buy a,
#sp .btn-buy-mini
{
	text-shadow:2px 2px 2px #009900;
	background: #24af24; /* Old browsers */
	background: -moz-linear-gradient(top,  #24af24 0%, #009900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24af24), color-stop(100%,#009900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24af24 0%,#009900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #24af24 0%,#009900 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #24af24 0%,#009900 100%); /* W3C */
}

#sp .btn-combo a,
#sp .btn-combo-mini
{
	text-shadow:2px 2px 2px #3482CC;
	background: #43a1ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #43a1ff 0%, #3482cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43a1ff), color-stop(100%,#3482cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #43a1ff 0%,#3482cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #43a1ff 0%,#3482cc 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #43a1ff 0%,#3482cc 100%); /* W3C */
}

#sp .btn-sell-mini a,
#sp .btn-buy-mini a,
#sp .btn-combo-mini a
{
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	margin:6px 0;
	padding:1%;
	color:#fff;
	text-decoration:none;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

#sp .btn-gray a,
#sp .btn-gray-big a,
#sp input.btn-gray,
#sp input.btn-gray-big,
.toggle-btn
{
	display:block;
	width:50%;
	text-align:center!important;
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#dddddd 100%); /* W3C */
	border:1px solid #ccc;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	line-height:2;
	text-decoration:none;
	color:#313131;
	font-size:16px;
}

#sp .btn-gray-big a,
#sp input.btn-gray-big
{
	width:100%;
}

.toggle-btn
{
	width:100%;
}

#sp .btn_kounyuu a
{
	width:49%;
	display:block;
	float:left;
	padding:6px 0px 4px;
	border:1px solid #CC3300;
	background-color:#fc540e;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	line-height:1;
	margin-bottom:10px;
	background: -moz-linear-gradient(top,  #fa9c09 0%, #ff6e08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9c09), color-stop(100%,#ff6e08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #fa9c09 0%,#ff6e08 100%); /* W3C */
	
}

#sp .btn_baikyaku a
{
	width:49%;
	display:block;
	float:right;
	padding:6px 0px 4px;
	border:1px solid #24560f;
	background-color:#6ea610;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	line-height:1;
	margin-bottom:10px;	
	background: #24af24; /* Old browsers */
	background: -moz-linear-gradient(top,  #24af24 0%, #009900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24af24), color-stop(100%,#009900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24af24 0%,#009900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #24af24 0%,#009900 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #24af24 0%,#009900 100%); /* W3C */	
}

#sp .btn_kounyuu,
#sp .btn_baikyaku
{
	margin-top:10px;
}

#sp .btn_kounyuu span,
#sp .btn_baikyaku span
{
	font-size:10px;
}

#sp .btn_raisha a
{
	width:100%;
	display:block;
	border:1px solid #909090;
	background-color:#efefef;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	background: #f5f5f5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#dddddd 100%); /* W3C */	
}

#sp .rate-area
{
	background:#eff0e8;
	padding-bottom:20px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom:8px;
}

#sp #ratetop
{
	width:96%;
	border-top: 2% solid #dcdbc8;
	border-right: 2% solid #dcdbc8;
	border-left: 2% solid #dcdbc8;
	padding-right:2%;
}

#sp #today {
	font-size: 30px;
	font-weight: bold;
	float: left;
	padding: 0 2%;
	line-height: 40px;
	width:30%;
}

#sp .kome {
	width:60%;
	float:right;
	text-align:right;
}

#sp .rate-area table,
#sp .rate-area2 table
{
	width:100%;
	clear: both;
	border-bottom: 4px solid #dcdbc8;
	border-right: 4px solid #dcdbc8;
	border-left: 4px solid #dcdbc8;
}

#sp .rate-area th,
#sp .rate-area2 th
{
	background:#e6e5ce;
}

#sp .rate-area td,
#sp .rate-area2 td
{
	background:#fff;
}

#sp .rate-area td.time-sale,
#sp .rate-area2 td.time-sale
{
	background:rgb(255, 230, 230);
}


#sp .rate-area td p
{
	text-align:center;
}

#sp .rate-area .flg-td
{
	width:28%;
}

#sp .rate-area .flg-td p
{
	font-size:12px;
}

#sp .rate-area .flg-td p a
{
	text-decoration:none;
}

#sp .rate-area .caution
{
	padding:0 2%;
}

#sp #news-link a
{
	display:block;
	text-decoration:none;
	color:#313131;
	background:#efefef;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	text-align:center;
	line-height:54px;
	border:1px solid #ccc;
}



#sp .ttl-box
{
	background:#eff0e8;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:8px 2%;
	margin-bottom:8px;
}

#sp .ttl-box h2
{
	border-left:6px solid #009900;
	padding:0 2%;
	line-height:1.2;
}

#sp .box nav ul
{
	width:100%;
}

#sp .menu01,
#sp .menu02
{
	padding-top:10px;
}

#sp .menu01 nav ul li
{
	width:98%;
	background-color:#fff;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	padding-left:2%;
	margin-bottom:8px;
}

#sp .menu01 nav ul li a
{
	display:block;
	background:url(../img/ico/ico-arrow-r.gif) no-repeat left;
	text-align:left;
	font-size:18px;
	line-height:60px;
	padding-left:8%;
	font-weight:bold;
	text-decoration:none;
	color:#000;

}

#sp .menu01
{
	background:#009900;
	margin-top:-8px;
}


/* sub */

#sp.sub #logo
{
	padding:8px 0 0;
	text-align:center;
}

#sp.sub #logo img
{
	width:60%;
}

.sub #flag,
.sub #pagettl
{
	padding:10px 2%;
	width:96%;
	background:#eee;
	border-bottom:2px solid #dcdbc7;
	margin-bottom:10px;
}

/* 後で消す.sub #page-banar */
.sub #page-banar
{
	margin-top:-10px;
}
.sub .page-banar
{
	margin-top:-10px;
}

.sub #flag img
{
	width:20%;
	float:left;
	vertical-align:middle;
}

.sub #pagettl h1
{
	float:none;
	font-weight:bold;
	font-size:24px;
	text-align:left;
	line-height:40px;
	margin:0 2%;
	padding:0 2%;
	text-shadow:2px 2px #fff;
	border-left:6px solid #999;
}
	
.sub #flag h1
{
	width:74%;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	line-height:20px;
	text-shadow:2px 2px #fff;
}

.sub .sell-ttl
{
	color:#f97314;
}

.sub .buy-ttl
{
	color:#009900;
}

.sub .combo-ttl
{
	color:#0f7de5;
}

.sub table.ex-rate_table
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	text-align:center;
}

.sub table.ex-rate_table th
{
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.sub table.ex-rate_table td
{
	border-left:1px solid #ccc;
}

.sub table.ex-rate_table th
{
	font-weight:bold;
}

.sub table.ex-rate_table td
{
	font-weight:bold;
	font-size:30px;
}

.sub table.ex-rate_table th#our-rate
{
	color:#fff;
	background:red;
}

.sub table.ex-rate_table th#other-rate
{
	background:#eee;
}

.sub .btn-order a,
.sub input.btn-order
{
	display:block;
	width:100%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:46px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	border:none;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	background: -moz-linear-gradient(top,  #fa9c09 0%, #ff6e08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9c09), color-stop(100%,#ff6e08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #fa9c09 0%,#ff6e08 100%); /* W3C */
	text-shadow:2px 2px 2px #ff6900;
}

.sub .btn-order2 a,
.sub input.btn-order2
{
	display:block;
	width:100%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:46px;
	margin-bottom:10px;
	color:#fff;
	text-decoration:none;
	border:none;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	background: -moz-linear-gradient(top,  #ff6230 0%, #ff2200 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6230), color-stop(100%,#ff2200)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6230 0%,#ff2200 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #ff6230 0%,#ff2200 100%); /* W3C */
	text-shadow:2px 2px 2px #bc1900;
}

.sub .ttl-box2
{
	background:#009900;
	text-align:left;
	padding:8px 2% 4px;
	margin-bottom:8px;
	clear:both;
}

.sub .ttl-box2 h2
{
	border-left:6px solid #fff;
	padding:0 2%;
	line-height:1.2;
	color:#fff;
}

.sub h3
{
	border-left:6px solid #009900;
	padding:0 2%;
	line-height:1.6;
	font-size:18px;
	margin-bottom:8px;
}

.sub ul.merit
{
	padding-top:10px;
}

.sub ul.merit li
{
	font-weight:bold;
	font-size:18px;
	padding-bottom:6px;
}

.sub ul.merit li p
{
	font-weight:normal;
	font-size:14px;
	padding:4px 0 0 8%;
}

.sub ul.to-qa
{
	margin-bottom:8px;
}

.sub ul.to-qa li a
{
	display:block;
	float:left;
	font-size:12px;
	line-height:2;
	margin:2px;
	background:#c5f9c1;
	text-decoration:none;
	width:48%;
	text-align:center;
}

.sub #news-link
{
	padding:10px 0;
	margin-bottom:0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.sub #news-link a
{
	margin:0 auto;
	width:92%;
	display:block;
	text-decoration:none;
	color:#313131;
	background:#efefef;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	text-align:center;
	line-height:54px;
	border:1px solid #ccc;
}

.sub .btn-order
{
	margin-bottom:-20px;
}

.sub #amount-area
{
	border:4px solid #dcdbc7;
	padding:10px 2%;
}

.sub #amount-area #amount
{
	background:#efefef;
	padding:4px 1%;
}

.sub #agreement
{
	text-align:center;
}


.sub .btn-sell a
{
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:2;
	text-decoration:none;
	color:#fff;
	text-shadow:2px 2px 2px #ff6900;
	width:80%;
	margin:14px auto 14px auto;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	background: -moz-linear-gradient(top,  #fa9c09 0%, #ff6e08 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9c09), color-stop(100%,#ff6e08)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fa9c09 0%,#ff6e08 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #fa9c09 0%,#ff6e08 100%); /* W3C */
}

.sub .btn-buy a
{
	display:block;
	text-align:center;
	font-weight:bold;
	line-height:2;
	text-decoration:none;
	color:#fff;
	width:80%;
	margin:14px auto 14px auto;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
	text-shadow:2px 2px 2px #009900;
	background: #24af24; /* Old browsers */
	background: -moz-linear-gradient(top,  #24af24 0%, #009900 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#24af24), color-stop(100%,#009900)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #24af24 0%,#009900 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #24af24 0%,#009900 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #24af24 0%,#009900 100%); /* W3C */
}


.sub .rate-area2
{
	background:#eff0e8;
	padding-bottom:0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom:20px;
}

.sub .rate-area2 table
{
	border-top: 4px solid #dcdbc8;
	margin:0;
}

.sub .rate-area2 td
{
	padding:8px;
}


.sub .rate-area2 .flg-td
{
	width:60%;
}

.sub .rate-area2 .flg-td p
{
	font-size:12px;
	line-height:30px;
}

.sub .rate-area2 .flg-td p a
{
	text-decoration:none;
}

.sub .rate-area2 .flg-td input[type=text]
{
	width:90%;
}

.sub .rate-area2 .flg-td img
{
	width:30% !important;
	float:left;
	padding:0 2% 4px 0;
}

.sub .rate-area2 p.big
{
	font-size:20px !important;
}

.sub .brown_back
{
	background-color: #967112;
	padding: 5px;
	color: #fff;
	margin-bottom: 8px;
}

.sub table.list-table
{
	margin-bottom:0;
}

.sub table.list-table tr
{
	display:block;
}

.sub table.list-table th,
.sub table.list-table td
{
	display:list-item;
	list-style-type: none;
	width:100%;
}

.sub table.list-table th
{
	border-left:6px solid #009900;
	padding:0 2%;
	line-height:1.6;
	font-size:18px;
	margin-bottom:4px;
}

.sub table.list-table td p
{
	font-size:16px;
}

.sub table.list-table td
{
	padding-bottom:20px;
}




.sub table.list-table2
{
	margin-bottom:0;
}

.sub table.list-table2 tr
{
	display:block;
}

.sub table.list-table2 th,
.sub table.list-table2 td
{
	display:list-item;
	list-style-type: none;
	width:100%;
}

.sub table.list-table2 th
{
	border-left:6px solid #999;
	padding:0 2%;
	line-height:1.6;
	font-size:18px;
}

.sub table.list-table2 td p
{
	font-size:16px;
}

.sub table.list-table2 td
{
	padding-bottom:0px;
}

.sub input#freeamount
{
	font-size:24px;}





/* sub-corporate */
.sub ul.cir li
{
	background:url(../img/ico/ico-cir-green.gif) no-repeat left;
	padding-left:14px;
	line-height:1.6;
}

#staff_area
		  {
		  	font-size:12px;
		  }
		  
		  #staff_area .name
		  {
		  	font-size:28px;
			font-weight:bold;
			margin-top:-5px;
		  }
		  
		  #staff_area .staff_left
		  {
		  	width:22%;
			float:left;
		  }
		  
		  #staff_area .staff_right
		  {
		  	width:78%;
			float:right;
		  }
		  
		  .border-t
		  {
		  	width:100%;
			padding:10px 0;
			clear:both;
			border-top:dotted 1px #ccc;
		  }
		  
		  .border-b
		  {
		  	width:100%;
			padding:10px 0;
			clear:both;
			border-bottom:dotted 1px #ccc;
		  }
		  
		  .nickname
		  {
		  	color:#a25b00;
		  }
		  
		  #staff_area .flower
		  {
		  	width:74%;
			background-image:url(https://doru.jp/img/about/ico_flower.gif);
			background-repeat:no-repeat;
			padding-left:26%;
		  }
		  #staff_area .flower .name
		  {
			  line-height:1.4;
			 }
		  
		  #staff_area .img-left
		  {
			  margin-right:0;}

.white-box
{
	background:#fff;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	padding:4%;
}

.shadow-box
{
	background:#fff;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	-webkit-filter:drop-shadow(0 0 3px #737373);
	padding:4%;
}

.arrow-box {
	position: relative;
	background: #ffffff;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	-webkit-filter:drop-shadow(0 0 3px #737373);
	padding:4%;
	margin-bottom:26px;
}
.arrow-box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
	-webkit-filter:drop-shadow(0 3 2px #737373);
}

#sp .shadow-box .more a,
#sp .arrow-box .more a
{
	display:block;
	font-size:12px;
	text-decoration:none;
	text-align:center;
}

#sp .shadow-box .ttl-box,
#sp .arrow-box .ttl-box
{
	padding:0;
	border:none;
	border-bottom:1px dotted #ccc;
	background:none;
}


#sp .box .tumbnail
{
	width:26%;
	height:auto;
	float:left;
}

#sp .box .blog .right
{
	float:right;
	width:70%;
	font-size:12px;
}

#sp .box .blog .right a
{
	font-size:14px;
	font-weight:bold;
}

#sp .box .blog .border-b
{
	padding-top:0;
	margin-bottom:10px;
}

#sp .box .contact-area
{
}

#sp .box .contact-area .big
{
	font-size:30px;
}

#sp .box .shadow-img
{
	border:6px solid #fff;
	-webkit-filter:drop-shadow(0 0 3px #737373);
	width:97%;
	margin:5px 0;
}

#sp .box .border-img
{
	border:2px solid #ddd;
	width:97%;
	margin:0 auto;
	display:block;
}


#sp .box .if-map
{
	position: relative;
	padding-bottom:180px;
	height: 0;
	overflow: hidden;
 }
 
 #sp .voice-detail .if-map iframe
 {
	 width:100%!important;
	}
 



.sub .toggle
{
	display:none;
}


#sp h2.sell
{
	border:none;
	background:url(../img/million/ico-sell.png) no-repeat left;
	padding-left:60px;
	margin-left:2%;
}

#sp h2.buy
{
	border:none;
	background:url(../img/million/ico-buy.png) no-repeat left;
	padding-left:60px;
	margin-left:2%;
}

.sub .media
{
	background:url(../img/ico/ico-news.gif);
	background-repeat:no-repeat;
	padding-left:46px;
	margin:14px 0 10px;
}

.sub .border-b .media
{
	margin-top:0;
}

.sub .media h3
{
	border:none;
	padding:0;
	margin:0 0 -4px;
}

.sub .media p
{
	color:#999;
	font-size:14px;
}


.sub ul.tab
{
	padding:0 2% 0 2.6%;
	border-bottom:3px solid;
}

.sub ul.tab li{	background:#eee;}

.sub ul.tab li a
{
	display:block;
	float:left;
	width:32%;
	margin:0 0.5%;
	text-align:center;
	line-height:2.6;
	font-size:12px;
	-webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}




.sub .iphone
{
	width:80%;
	margin:0 auto;
	padding-bottom:10px;
}



/* sell系ページの場合 */
.sub .sell h2
{
	border-left: 6px solid #ff7942;
	padding: 0 2%;
	line-height: 1.6;
	font-size: 18px;
	margin-bottom: 10px;
 }
.sub ul.tab.sell{	border-color:#ff7942;}
.sub ul.tab.sell li.sell a{	background:#ff7942;}
.sub ul.tab.sell li.buy a{	background:#b0d4b0;}
.sub ul.tab.sell li.combo a{	background:#b0c4d4;}
/* buy系ページの場合 */
.sub .buy h2
{
	border-left: 6px solid #009900;
	padding: 0 2%;
	line-height: 1.6;
	font-size: 18px;
	margin-bottom: 10px;
 }
.sub ul.tab.buy{	border-color:#009900;}
.sub ul.tab.buy li.sell a{	background:#edb097;}
.sub ul.tab.buy li.buy a{	background:#009900;}
.sub ul.tab.buy li.combo a{	background:#b0c4d4;}
/* combo系ページの場合 */
.sub .combo h2
{
	border-left: 6px solid #0f7de5;
	padding: 0 2%;
	line-height: 1.6;
	font-size: 18px;
	margin-bottom: 10px;
 }
.sub ul.tab.combo{	border-color:#0f7de5;}
.sub ul.tab.combo li.sell a{	background:#edb097;}
.sub ul.tab.combo li.buy a{	background:#b0d4b0;}
.sub ul.tab.combo li.combo a{	background:#0f7de5;}





.sub ul.tab-4
{
	padding:0 2% 0 2.6%;
	border-bottom:3px solid #009900;
}

.sub ul.tab-4 li{	background:#eee;}

.sub ul.tab-4 li a
{
	display:block;
	float:left;
	width:24%;
	margin:0 0.5%;
	text-align:center;
	line-height:2.6;
	font-size:12px;
	-webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;
	color:#009900;
	font-weight:bold;
	text-decoration:none;
	border-top:3px solid #009900;
	border-right:3px solid #009900;
	border-left:3px solid #009900;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom:solid 1px #009900;
}

.sub ul.tab-4 li.now a
{
	background:#009900;
	color:#fff;
	border-bottom:dotted 1px #fff;
}



/* sub-member */

.sub .member-txt
{
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#6d3800;
	line-height:20px;
	padding-bottom:8px;
	text-shadow:none;
}

.sub #pagettl h1.member
{
	border-color:#ffce00;
}

#sp .ttl-box-member h2
{
	color:#7f5e09;
	border-left: 6px solid #7f5e09;
	padding: 0 2%;
	line-height: 1.2;
}

#sp .ttl-box-member {
	background: #efefef;
	text-align: left;
	padding: 8px 2%;
	margin-bottom: 12px;
}

.sub table.member
{
	text-align:center;
	border-top:1px solid #ccc;
}



.sub table.member th
{
	background-color:#f6efdd;
	border-right:2px solid #fff;
	font-size:14px;
	height:30px;
}

.sub table.member td
{
	border-right:1px solid #ccc;
	border-bottom:1px dashed #ccc;
	padding:8px 3px!important;
}

.sub table.member td.none
{
	border-right:none;
}


.sub table.member.tbl2
{
	text-align:center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.sub table.member.tbl2 th
{
	background-color:#f6efdd;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:14px;
	height:auto;
}

.sub table.member.tbl2 td
{
	border-right:none;
	border-bottom:1px solid #ccc;
	padding:8px 3px!important;
}

.sub table.member.tbl2 th.none,
.sub table.member.tbl2 td.none
{
	border-bottom:none;
}

.sub .btn-yellow a
{
	display:block;
	text-align:center;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	font-size:14px;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
	color:#3d2b21;
	background:#ffce00;
	text-decoration:none;
	width:80%;
	margin:0 auto;
	line-height:2.4;
}

.sub .btn-yellow a .red
{
	display:block;
	line-height:2.4;
	font-size:12px;
	margin-top:-16px;
}


.sub .btn-gray2 a
{
	display:block;
	text-align:center;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	font-size:14px;
	font-weight:bold;
	text-shadow:1px 1px 1px #555;
	color:#fff;
	background:#999999;
	text-decoration:none;
	width:80%;
	margin:0 auto;
	line-height:2.4;
}

.sub ul#member_menu
{
	display:block;
	background: #fcfbf4;
	background: -moz-linear-gradient(top, #fcfbf4 0%, #f3ead2 100%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfbf4), color-stop(100%,#f3ead2), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top, #fcfbf4 0%,#f3ead2 100%,#7db9e8 100%);
	background: -o-linear-gradient(top, #fcfbf4 0%,#f3ead2 100%,#7db9e8 100%);
	background: -ms-linear-gradient(top, #fcfbf4 0%,#f3ead2 100%,#7db9e8 100%);
	background: linear-gradient(to bottom, #fcfbf4 0%,#f3ead2 100%,#7db9e8 100%);
	border-bottom: 1px solid #d9ae3b;
	text-align:center;
	margin:-10px auto 20px;
	width:100%;
}



.sub ul#member_menu li.now a {
	background: #967112;
	color: #fff;
}


.sub ul#member_menu li a {
	display: block;
	float:left;
	font-weight: bold;
	color: #6d3800;
	text-align: center;
	font-size: 11px;
	padding: 14px 0.5em 12px;
	text-decoration: none;
	border-right:1px solid #d9ae3b;

}

.sub ul#member_menu li.none a
{
	border:none;
}

.sub ul.member-ul li
{
	line-height:1.6;
	list-style:disc;
	list-style-position:inside;
}


/* sub-mt-qa */

.sub ul.qa
{
	margin-bottom:10px;
}
.sub ul.qa li
{
	border-bottom:1px dashed #ccc;
	text-align:left;
	padding:0 4%;
}

.sub ul.qa li a
{
	display:block;
	padding:15px 4% 15px 30px;
	background:url(https://doru.jp/img/sub/faq_mini.gif) no-repeat left;
}

.sub .column3 li
{
	padding-left:12px;
}

.sub .column3 li a
{
	font-size:12px;
}

.sub .qa .border-b
{
	padding-top:0px;
}

.sub .qa input[type="text"]
{
	padding:3px 2%;
	width:96%;
}

.sub .qa strong
{
	display:block;
	margin-bottom:5px;
}

.sub .qa .column3
{
	width:33%;
	float:left;
}

.sub .qa-detail,
.sub .blog-detail,
.sub .voice-detail
{
	word-break: break-all;
}

.sub .qa-detail img,
.sub .blog-detail img,
.sub .voice-detail img
{
	width:auto!important;
	height:auto!important;
	max-width:100%!important;
}

.sub .qa-cate
{
	font-size:12px;
	color:#999;
	margin-bottom:10px;
	background:#efefef;
	text-align:center!important;
}

.sub .qa-cate img
{
	width:auto!important;
	height:12px!important;
	vertical-align:middle;
}

.sub h3.qa
{
	background:url(https://doru.jp/img/sub/faq_mini.gif) no-repeat left top;
	border:0;
	padding-left:34px;
	font-size:18px!important;
}

/* sub-mt-news */

.sub ul.news
{
	margin-bottom:10px;
}
.sub ul.news li
{
	border-bottom:1px dashed #ccc;
	text-align:left;
	padding:0 4%;
}

.sub ul.news li a
{
	display:block;
	padding:15px 4% 15px 30px;
	background:url(https://doru.jp/img/news/index_news.gif) no-repeat left;
	background-size:24px auto;
}


.sub h3.news
{
	background:url(https://doru.jp/img/news/index_news.gif) no-repeat left top;
	background-size:24px auto;
	border:0;
	padding-left:34px;
	font-size:18px!important;
}

.sub .news-detail table
{
	width:100%;
	overflow:auto;
}

.sub .news-detail
{
	max-width:100%;
	overflow:auto;
}

/* sub-mt-blog */

.sub .blog h3
{
	vertical-align:middle;
	border:none;
	font-weight:normal;
	font-size:12px;
}

.sub .blog h3 strong
{
	font-weight:bold;
	font-size:16px;
	display:block;
	padding-top:12px;
}

#sp .blog h3 img
{
	width:46px;
	float:left;
	padding:0 10px 0px 0;
}


#sp .blog .blog-thumb
{
	width:100%;
	max-height:180px;
	margin-bottom:10px;
	overflow:hidden;
	line-height:1;
}

#sp .small-link a
{
	display:block;
	text-align:center;
	font-size:12px;
}


/* sub-mt-voice */
#sp h3.interview
{
	border:none;
	color:#1fca72;
	font-size:14px;
	margin-bottom:0;
	padding-left:0;
}

#sp h3.interview strong
{
	font-size:23px;
	color:#313131;
	display:block;
}

#sp h3.interview strong span
{
	font-size:14px;
}

#sp .interview-thumb
{
	max-height:100px;
	overflow:hidden;
	margin-bottom:10px;
}

#sp .interview-thumb img
{
	margin-top:-10px;
}

@media screen and (min-width: 640px) {
#sp .interview-thumb
{
	max-height:180px;
	overflow:hidden;
	margin-bottom:10px;
}
}



#sp h3.voice
{
	font-size:13px;
	padding-left:0;
	border:none;
}

#sp .star
{
	color:#ffb100;
	font-weight:bold;
}

#sp .star img
{
	width:auto;
	height:16px;
	vertical-align:middle;
}

#sp .cus
{
	color:#1fca72;
}

#sp .voice .gray
{
	color:#999;
	font-weight:normal;
	font-size:13px;
}

#sp h3.voice strong
{
	padding-top:5px;
	display:block;
	font-size:20px;
	line-height:1.2;
}

#sp .rank h3
{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-bottom:0;
	border:none;
}

#sp h3.opportunity
{
	position: relative;
	background: #2fcc7c; /* Old browsers */
background: -moz-linear-gradient(top,  #2fcc7c 0%, #63d89c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2fcc7c), color-stop(100%,#63d89c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2fcc7c 0%,#63d89c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2fcc7c 0%,#63d89c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2fcc7c 0%,#63d89c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2fcc7c 0%,#63d89c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fcc7c', endColorstr='#63d89c',GradientType=0 ); /* IE6-9 */
-webkit-filter:drop-shadow(0 0 2px #737373);
color:#fff;
padding:6px 0;
	margin-bottom:10px;
}

#sp h3.opportunity:before
{
	content:"";
	display:block;
	width:6px;
	height:26px;
	top:8px;
	left:2%;
	position:absolute;
	background: #00aa52; /* Old browsers */
background: -moz-linear-gradient(top,  #00aa52 0%, #76ebaf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00aa52), color-stop(100%,#76ebaf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00aa52 0%,#76ebaf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00aa52 0%,#76ebaf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00aa52 0%,#76ebaf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00aa52 0%,#76ebaf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aa52', endColorstr='#76ebaf',GradientType=0 ); /* IE6-9 */
}
/*
#sp h3.opportunity:after
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #63d89c;
	border-width: 16px;
	margin-left: -16px;
	-webkit-filter:drop-shadow(0 3 2px #737373);
}
*/

#sp h3.good
{
	position: relative;
	background: #2fcc7c; /* Old browsers */
background: #ff716b; /* Old browsers */
background: -moz-linear-gradient(top,  #ff716b 0%, #ff9692 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff716b), color-stop(100%,#ff9692)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff716b 0%,#ff9692 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff716b 0%,#ff9692 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff716b 0%,#ff9692 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff716b 0%,#ff9692 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff716b', endColorstr='#ff9692',GradientType=0 ); /* IE6-9 */
-webkit-filter:drop-shadow(0 0 2px #737373);
color:#fff;
padding:6px 0;
	margin-bottom:10px;
}

#sp h3.good:before
{
	content:"";
	display:block;
	width:6px;
	height:26px;
	top:8px;
	left:2%;
	position:absolute;
	background: #ff5a53; /* Old browsers */
background: -moz-linear-gradient(top,  #ff5a53 0%, #ffa9a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5a53), color-stop(100%,#ffa9a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff5a53 0%,#ffa9a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff5a53 0%,#ffa9a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff5a53 0%,#ffa9a6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff5a53 0%,#ffa9a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a53', endColorstr='#ffa9a6',GradientType=0 ); /* IE6-9 */
}
/*

#sp h3.good:after
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ff9999;
	border-width: 16px;
	margin-left: -16px;
	-webkit-filter:drop-shadow(0 3 2px #737373);
}
*/

#sp h3.bad
{
	position: relative;
	background: #2fcc7c; /* Old browsers */
background: #4688d3; /* Old browsers */
background: -moz-linear-gradient(top,  #4688d3 0%, #70acf1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4688d3), color-stop(100%,#70acf1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4688d3 0%,#70acf1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4688d3 0%,#70acf1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4688d3 0%,#70acf1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4688d3 0%,#70acf1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4688d3', endColorstr='#70acf1',GradientType=0 ); /* IE6-9 */
-webkit-filter:drop-shadow(0 0 2px #737373);
color:#fff;
padding:6px 0;
	margin-bottom:10px;
}

#sp h3.bad:before
{
	content:"";
	display:block;
	width:6px;
	height:26px;
	top:8px;
	left:2%;
	position:absolute;
	background: #3371ba; /* Old browsers */
background: -moz-linear-gradient(top,  #3371ba 0%, #7fb6f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3371ba), color-stop(100%,#7fb6f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3371ba 0%,#7fb6f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3371ba 0%,#7fb6f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3371ba 0%,#7fb6f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3371ba 0%,#7fb6f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3371ba', endColorstr='#7fb6f5',GradientType=0 ); /* IE6-9 */

}

/*
#sp h3.bad:after
{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #70acf1;
	border-width: 16px;
	margin-left: -16px;
	-webkit-filter:drop-shadow(0 3 2px #737373);
}
*/



#sp .rank .rank01
{
	background:url(https://doru.jp/img/voice/re/re_voice2_44.gif) no-repeat left;
}

#sp .rank .rank02
{
	background:url(https://doru.jp/img/voice/re/re_voice2_47.gif) no-repeat left;
}

#sp .rank .rank03
{
	background:url(https://doru.jp/img/voice/re/re_voice2_49.gif) no-repeat left;
}


#sp .photo-thumb
{
	width:31%;
	margin:0 1%;
	float:left;
	overflow:hidden;
	margin-bottom:6px;
}

#sp .photo-thumb img
{
	width:200%;
	min-height:100%;
}

#sp .img-ttl
{
	line-height:1;
	border-top:3px solid #009900;
}


#sp .shop-thumb img
{
	border:3px solid #ddd;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sp .photo-detail
{
	font-size:12px;
	border:2px solid #eee;
	margin-bottom:10px;
}

#sp .photo-detail strong
{
	display:block;
	font-weight:bold;
	background:#eee;
}

#sp .photo-detail strong,
#sp .photo-detail p
{
	padding:4px 2%;
}


#sp .order-detail dl
{
	font-size:12px;
}

#sp .order-detail dl dt
{
	clear:both;
	font-weight:bold;
	float:left;
	max-width:30%;
}

#sp .order-detail dd
{
	float:left;
	max-width:70%;
}

#sp .order-detail dl dd img
{
	width:20px;
	vertical-align:middle;
}

#sp h3.staff-comment
{
	padding-left:0;
	border:none;
	color:#b26d01;
	font-size:12px;
	font-weight:normal;
}

#sp h3.staff-comment span
{
	display:block;
	padding-top:12px;
}

#sp h3.staff-comment strong
{
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#313131;
}

#sp h3.staff-comment img
{
	width:46px;
	float:left;
	padding:0 10px 0px 0;
}


#sp .mt-voice-link .link-blog-cap,
#sp .mt-voice-link .link-blog-cap img
{
	width:100%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float:none;
}

#sp .block
{
	width:100%;
}


#sp #interview #cus_detail 
{
	position:static;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%!important;
}

#sp .interview_comment
{
	clear:both!important;
	width:100%!important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sp .voice-detail p
{
	clear:both!important;
	float:none!important;
	width:100%!important;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* =============================================================
 footer
============================================================= */

#sp .menu02 nav ul li
{
	width:98%;
	background-color:#fff;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

#sp .menu02 nav ul li a
{
	display:block;
	text-align:left;
	font-size:16px;
	line-height:50px;
	padding-left:4%;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#eaeaea 100%); /* W3C */
	/*background :url(../img/ico/ico-arrow-r.gif) no-repeat left;*/
	
	width:98%
}

footer small
{
	padding:10px 0;
	margin-top:10px;
	border-top:1px solid #ccc;
	display:block;
}

footer #btn-switch
{
	background:#282828;
	padding:18px 0;
}

footer #btn-switch a
{
	display:block;
	font-size:16px;
	line-height:2;
	font-weight:bold;
	color:#282828;
	width:60%;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom,  #f5f5f5 0%,#eaeaea 100%); /* W3C */
	
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
}

footer ul.btn-order
{

}