@charset "UTF-8";

.priceRateLabel {
	padding: 4px 6px;
	color: #007BFF;
	font-size: 11px;
	border-radius: 4px;
	border: 1px solid #3b9dff;
    background-color: #FFF;
}

body {
	margin: 0;
	padding: 0;
	color: #2b2b2b;
	width: 100%;
	line-height: 1.8em;
	font-size: 86%;
}

ul, ol, dl {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, a, th, td, dt, dd, ol, ul, li {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}

th, td, dt, dd {
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}

a:link {
	color: #1d45da;
	text-decoration: underline;
}

a:visited {
	color: #1d45da;
	text-decoration: underline;
}

a:hover {
	color: #1d45da;
}

a:hover, a:active, a:focus {
	text-decoration: underline;
}

.clearfix {
	zoom: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.f12 {
	font-size: 12px;
}

.f14 {
	font-size: 14px;
}

.f60 {
	font-size: 60%;
}

.f70 {
	font-size: 70%;
}

.f80 {
	font-size: 80%;
}

.f90 {
	font-size: 90%;
}

.f106 {
	font-size: 106%;
}

.f110 {
	font-size: 110%;
}

.f120 {
	font-size: 120%;
}

.f130 {
	font-size: 130%;
}

.f140 {
	font-size: 140%;
}

.f150 {
	font-size: 150%;
}

.f160 {
	font-size: 160%;
}

.f190 {
	font-size: 190%;
}

.b {
	font-weight: 800;
}

.blue {
	color: #06456d;
}

.green {
	color: #5eb543;
}

.red {
	color: #ce0000!important;
}

.nopc {
	display: block;
}

.nosp {
	display: none;
}

.m20 {
	margin: 20px 0;
}

.text_c {
	text-align: center;
}

.text_r {
	text-align: right;
}

.img_c {
	display: block;
	margin: 0 auto;
}

.mt_5 {
	margin-top: 5px;
}

.mt_10 {
	margin-top: 10px;
}

.mt_15 {
	margin-top: 15px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_30 {
	margin-top: 30px;
}

.mt_40 {
	margin-top: 40px;
}

.mt_50 {
	margin-top: 50px;
}

.mt_60 {
	margin-top: 60px;
}

.mb_5 {
	margin-bottom: 5px;
}

.mb_10 {
	margin-bottom: 10px;
}

.mb_15 {
	margin-bottom: 15px;
}

.mb_20 {
	margin-bottom: 20px;
}

.mb_30 {
	margin-bottom: 30px;
}

.mb_40 {
	margin-bottom: 40px;
}

.mb_50 {
	margin-bottom: 50px;
}

.mb_60 {
	margin-bottom: 60px;
}

.mb_70 {
	margin-bottom: 70px;
}

.pd-10 {
	padding: 10px;
}

.pd-15 {
	padding: 15px;
}

.pd-20 {
	padding: 20px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.w_100 {
	width: 100%;
}

.price{
	color: #ed1b1b;
	font-weight: bold;
}

span.c_red{
	color: #ed1b1b;
	font-weight: bold;
}

/*==========================BODY
*/

body {
	background-color: #e9e6da;
}

hr {
	margin: 20px 10px 20px;
}

/*=========================ヘッダー
*/

header {
	width: 100%;
}

.header_top div{
}

.logo {
	width: 39vw;
	float: left;
	padding: 0.5vw 0 0.5vw 3vw;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.logo img {
	width:100%;
}

.headerNav {
	float: right;
	width: 50vw;
	text-align: right;
	padding: 2vw 4vw 2vw 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.headerNav a {
	display: inline-block;
	vertical-align: top;
	width: 21vw;
	padding: 0 0 0 1vw;
}

.headerNav a img {
	width: 100%;
}

.headerNav a.loginBtn {
}

.headerNav a.loginBtn img {
	left: 0;
}

.headerNav a.loginBtn img.on {
	display: none;
}

.headerNav a.loginBtn span {
	text-indent: -9999px;
}

.headerNav a.loginBtn.active img.on {
	display: block;
}

.headerNav a.loginBtn.active img.off {
	display: none;
}

.headerNav a.loginBtn.active span {
	text-indent: 0px;
	position: absolute;
	top: 13px;
	left: 10px;
	text-align: center;
	z-index: 100;
}

/* カート */
.cart_price{
	position:absolute;
	top:8.5vw;
	right:5.5vw;
	transform: translateY(-50%);
	color:#666;
	font-weight:bold;
	font-size: 3vw;
}

.cartTopTableSell span{
	color: #ed1b1b;
}


/* global menu */
.global_nav{
	margin-top:13.5vw;
}

.global_nav ul{
	width:100%;
	list-style:none;
	display:table;
}

.global_nav li a{
	text-decoration:none;
	/* font-size:0.6em; */
	font-size:2.6vw;
    vertical-align: baseline;
    font-weight:bold;
}

.header_link > li{
	display:table-cell;
	height:3.0em;
	vertical-align: middle;
    width:14.28%;
    text-align: center;
    border:1px solid #fd9a1c;
    border-right:0;
}

.header_link > li{
	background-color:#fff;
}

.header_link > li a{
	color:#666;
}

.header_link .sell_active{
	/*
	background: -moz-linear-gradient(top, #fdb255 0%, #fd9a1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdb255), to(#fd9a1c));
	*/
	background-color:#fd9a1c;
}

.header_link .sell_active a{
	color:#fff;
}


/* 買取 */
.buy_header_link > li{
	display:table-cell;
	height:40px;
	vertical-align: middle;
    width:14.28%;
    text-align: center;
    border:1px solid #66cc00;
    border-right:0;
}

.buy_header_link > li:last-child{
	border-right:1px solid #66cc00;
}

.buy_header_link > li{
	background-color:#fff;
}

.buy_header_link > li a{
	color:#666;
}

.buy_header_link .buy_active{
	/*
	background: -moz-linear-gradient(top, #94c96e 0%, #5cb13a);
	background: -webkit-gradient(linear, left top, left bottom, from(#94c96e), to(#5cb13a));
	*/
	background-color:#66cc00;
}

.buy_header_link .buy_active a{
	color:#fff;
}




/*=========================ボタン
*/

a.btn {
	border-radius: 6px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
}

a.orange {
	background: -moz-linear-gradient(top, #ffe9ae 0%, #fe823c 3%, #fb6738 3%, #fb6738);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe9ae), color-stop(0.03, #fe823c), color-stop(0.03, #fb6738), to(#fb6738));
	color: #FFF;
	border: 1px solid #d03908;
}

a.redNav {
	background: -moz-linear-gradient(top, #EBC697 0%, #F80E1C 3%, #EBC697 3%, #FC363F);
	background: -webkit-gradient(linear, left top, left bottom, from(#EBC697), color-stop(0.03, #EBC697), color-stop(0.03, #FC363F), to(#F80E1C));
	color: #FFF;
	border: 1px solid #c80001;
}

.nav img {
	width: 33px;
}

.headerBn, a.more {
	background: -moz-linear-gradient(top, #fdf8f5 0%, #ededed 3%, #d3d3d3 3%, #d3d3d3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdf8f5), color-stop(0.03, #ededed), color-stop(0.03, #d3d3d3), to(#d3d3d3));
	color: #2b2b2b;
	border: 1px solid #999;
}

a.green2 {
	background: -moz-linear-gradient(top, #62b7f9 0%, #2788d3);
	background: -webkit-gradient(linear, left top, left bottom, from(#62b7f9), to(#2788d3));
	border-top: 1px solid #c4c5a6;
	border-bottom: 1px solid #c4c5a6;
	border-left: #7cc6ff 1px solid;
	border-right: #0770c2 1px solid;
}

a.white {
	background: -moz-linear-gradient(top, #fbfef2 0%, #e8e9ce);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfef2), to(#e8e9ce));
	border: 1px solid #c4c5a6;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
}

a.redbtn {
	background: -moz-linear-gradient(top, #ffdfce 0%, #fda089 3%, #ff7a58 3%, #ff7a58);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffdfce), color-stop(0.03, #fda089), color-stop(0.03, #ff7a58), to(#ff7a58));
	color: #2b2b2b;
	border: 1px solid #e34f29;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
}

a.bluebtn {
	background: -moz-linear-gradient(top, #e2fcff 0%, #6dbfe8 3%, #a1e0ff 3%, #6dbfe8);
	background: -webkit-gradient(linear, left top, left bottom, from(#e2fcff), color-stop(0.03, #a1e0ff), color-stop(0.03, #6dbfe8), to(#6dbfe8));
	color: #2b2b2b;
	border: 1px solid #318fbe;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
}

a.yellowbtn {
	background: -moz-linear-gradient(top, #fffddf 0%, #ffd343 3%, #feeaa8 3%, #ffd444);
	background: -webkit-gradient(linear, left top, left bottom, from(#fffddf), color-stop(0.03, #feeaa8), color-stop(0.03, #ffd444), to(#ffd343));
	color: #2b2b2b;
	border: 1px solid #c19a15;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
}

a.add {
	background: -moz-linear-gradient(top, #EBC697 0%, #F80E1C 3%, #EBC697 3%, #FC363F);
	background: -webkit-gradient(linear, left top, left bottom, from(#EBC697), color-stop(0.03, #EBC697), color-stop(0.03, #FC363F), to(#F80E1C));
	color: #FFF;
	border: 1px solid #c80001;
	border-radius: 6px;
	padding: 7px 0;
	width: 100%;
	margin: 10px 0;
	text-align: center;
}

a.gleenbtn {
}

.cartbluebtn {
	background: -moz-linear-gradient(top, #c5d3f5 0%, #48549f 3%, #7c90c8 3%, #48549f);
	background: -webkit-gradient(linear, left top, left bottom, from(#c5d3f5), color-stop(0.03, #7c90c8), color-stop(0.03, #48549f), to(#48549f));
	color: #FFF;
	border: 1px solid #25306b;
	border-radius: 6px;
	padding: 7px 0;
	width: 100%;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
}

.cartredbtn {
	background: -moz-linear-gradient(top, #ffbdbd 0%, #e21111 3%, #fc696c 3%, #e41212);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbdbd), color-stop(0.03, #fc696c), color-stop(0.03, #e41212), to(#e21111));
	color: #FFF;
	border: 1px solid #a60e0e;
	border-radius: 6px;
	padding: 7px 0;
	width: 100%;
	margin: 10px 0;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
}

/*画像ボタン*/

.imgBtn {
	margin: 12px 5px;
	display: block;
}

.imgBtn img {
	width: 100%;
}

/*=========================ヘッダー1段目
*/

.greenBack .header_fixed{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:13.5vw;
	z-index:9999;
	background-image: url(../images/bg_green.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
	background-color: #5FC2D2;
	border-bottom:1px solid #5cb13a;
}

.blueBack .header_fixed{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:calc(13.5vw + 27px);
	z-index:9999;
	background-image: url(../images/bg_blue.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: left top;
	background-color: #5FC2D2;
	border-bottom:1px solid #f29544;
}

.blueBack .header_fixed .information_delivery_date{
	position:fixed;
	top:13.5vw;
	left:0px;
	height: 11px;
	width: 100%;
	padding: 8px 0px 8px 0px;
	background-color: #FFF8E0;
	text-align: center;
	font: 600 normal normal 11px/11px Hiragino Sans;
}

.blueBack .global_nav{
	margin-top:calc(13.5vw + 27px);
}

.line01 {
}

.line01 a {
	color: #fff;
}

/*=========================オープンメニュー
*/

.main_area{
}

#menu {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}

#menu li {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	position: relative;
}

#menu li a {
	display: block;
	text-decoration: none;
	padding: 7px 0 5px;
}

#menu li a img {
	width: 80%;
	max-width: 140px;
	z-index: 10;
}

#menu li a span {
	width: 16px;
	height: 16px;
	position: absolute;
	display: block;
	top: 50%;
	right: 5px;
	margin-top: -7px;
	background: url(../images/arrow_yellow.png) no-repeat top left;
	background-size: 16px 16px;
	z-index: 100;
}

#menu li.first a span {
	background: url(../images/arrow_green.png) no-repeat top left;
	background-size: 16px 16px;
}

#kaitori #menu li a span {
	background: url(../images/arrow_green.png) no-repeat top left;
	background-size: 16px 16px;
}

#kaitori #menu li.first a span {
	background: url(../images/arrow_yellow.png) no-repeat top left;
	background-size: 16px 16px;
}

/*=========================オープンメニュー
*/

#search_menu {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
}

.series_li {
	background-color: #fff;
}

.status_li {
	background-color: #fff;
}

.colored_hanbai {
	display: block;
	padding: 10%;
	background-color: #fd9a1c;
	margin: -1% 0 -1% 0;
}

#search_menu li {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	position: relative;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}

#search_menu li a {
	display: block;
	text-decoration: none;
	padding: 7px 5px 5px;
}

#search_menu li a img.menu {
	width: 80%;
	max-width: 140px;
	z-index: 10;
}

#search_menu li a div.allow {
	float: right;
	text-align: right;
	position: relative;
}

#search_menu_series {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
}

#search_menu_status {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
}

#search_menu_buyseries {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
}

#search_menu_buystatus {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
}


/* ステータス検索カード名調整 */
.searchWord1{
	width:66%;
}

/*=========================ヘッダー2段目
*/

.line02 {
	margin: 0px 0;
	padding: 3px 5px;
	background-color:#fd9a1c;
	border-top: #fd9a1c 1px solid;
	border-bottom: #fd9a1c 1px solid;
	line-height: 1em;
}

.kensakuArea {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1em;
}

.kensakuArea table {
	width: 100%;
}

.kensakuArea table td {
	line-height: 1em;
}

.kensakuArea table td.td0 {
	width: 15%;
	padding-right: 1%;
}

.kensakuArea table td.td0 span {
	width: 60px;
	height: 53px;
	display: block;
	float: left;
	background-image: url(../images/icon_top05.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 60px 53px;
}

.kensakuArea table td.td1 {
	width: 70%;
	padding-top: 1px;
}

.kensakuArea table td.td2, .kensakuArea table td.td3 {
	width: 15%;
	max-width: 60px;
	padding-left: 2%;
}

.kensakuArea input[type="text"], .kensakuArea input[type="image"], .kensakuArea a {
	display: block;
	line-height: 1em;
}

.kensakuArea input[type="text"] {
	width: 90%;
	height: 30px;
	border-radius: 0;
	border: #0380c0 1px solid;
	line-height: 1em;
}

input[type="text"].dummy_text,input[type="tel"].dummy_text, textarea.dummy_text {
	color: #999;
}

.kensakuArea input[type="image"], .kensakuArea a {
	width: 98%;
	max-width: 60px;
	margin: 0;
	padding: 0;
}

.kensakuArea a {
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.kensakuArea a img {
	width: 100%;
	max-width: 60px;
	vertical-align: top;
}

.kensakuArea input[type="image"] {
	height: auto;
}
 @media(min-width:321px) {

.kensakuArea input[type="text"] {
	height: 36px;
}
}

/*=========================ヘッダートレンドキーワード
*/
#trendKeywordArea {
	width: 96%;
	margin: 5px auto;
	padding: 5px 0;
	box-shadow: 2px 2px 4px;

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

	background-color: #ffcd98;
}

#trendKeywordArea span {
	padding-left: 5px;
}

#trendKeywordArea span a {
	font-weight: bold;
}


/*=========================ヘッダー下バナー
*/

.bnAreaHeader {
	width: 100%;
	position: relative;
	min-height: 25px;
	background: -moz-linear-gradient(top, #fdb255 0%, #fd9a1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdb255), to(#fd9a1c));
	border-top: 1px solid #d27c11;
	border-bottom: #d27c11 1px solid;
	margin-top: 0px;
}

#kaitori .bnAreaHeader {
	width: 100%;
	position: relative;
	min-height: 25px;
	background: -moz-linear-gradient(top, #b0ec1a 0%, #88b912);
	background: -webkit-gradient(linear, left top, left bottom, from(#b0ec1a), to(#88b912));
	border-top: 1px solid #436d2d;
	border-bottom: #71a014 1px solid;
}

.bnAreaHeader.userPage {
	background: -moz-linear-gradient(top, #3f97c5 0%, #216c96);
	background: -webkit-gradient(linear, left top, left bottom, from(#3f97c5), to(#216c96));
	color: #fff;
	border-top: 1px solid #041e3f;
	border-bottom: #206b95 1px solid;
}

.bnAreaHeader img.bnIcon01, .bnAreaHeader img.bnIcon02, .bnAreaHeader img.bnIcon03 {
	position: absolute;
}

.bnAreaHeader img.bnIcon01 {
	width: 20px;
	top: -10px;
	left: 50%;
	margin-left: -10px;
}

.bnAreaHeader img.bnIcon02 {
	width: 27px;
	top: 50%;
	left: 0;
	margin-top: -8px;
}

.bnAreaHeader img.bnIcon03 {
	width: 27px;
	top: 50%;
	right: 0;
	margin-top: -8px;
}

.headerBn {
	width: 25%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: absolute;
	top: 20%;
	left: 64%;
	line-height: 1em;
	text-align: center;
	color: #2b2b2b;
}

.headerBn span {
	padding: 3px 5px 1px 0px;
	display: block;
	font-size: 10px;
	background: url(../images/btn_arrow.png) no-repeat 98% 50%;
	background-size: 3px;
	color: #2b2b2b;
}

.bnTextArea {
	margin: 0 35px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.bnTextArea img {
}

.content_title_icon{
	width:22vw;
	position:absolute;
	top:-16px;
	left:-5px;
	z-index:100;
}

.content_title{
	max-width:75vw;
	max-height:25px;
	margin-left:6vw;
}

.bnTextArea p {
	font-size: 12px;
	font-weight: bold;
}

.bnTextArea.nomargin {
	margin: 0 30px;
	padding-top: 0;
}

/* 外部アクセス時のイベントバナー */
.event_area img{
	width:100%;
}

/*=========================メインコンテンツ
*/

.bnContent {
	width: 88.5%;
	margin: 10px auto;
}

.bnContent a {
	display: block;
}

.bnContent a img {
	width: 100%;
}

.content h2 {
	text-align: center;
	margin: 15px;
	font-size: 120%
}

.content h2 a {
	font-weight: bold;
}

.contentInner {
	margin: 10px;
}

.contentWindow {
	height: 250px;
	overflow: hidden;
}

.contentWindow.open {
	height: auto;
}

.dot {
	text-align: center;
	line-height: 0.5em;
}

.dot.open {
	display: none;
}

.moreArea {
	margin: 10px 0 0;
	text-align: center;
}

.moreArea img {
	width: 100%;
}

.content a.more {
	display: block;
	color: #2b2b2b;
	padding: 5px 15px 3px;
	font-size: 12px;
}

.topicBox {
	background-color: #fff;
	padding: 10px;
	margin: 15px 0;
}

.topicBox h3 {
	font-weight: bold;
	text-align: center;
}

.topic th {
	white-space: nowrap;
	padding-right: 5px;
	padding-top: 5px;
	vertical-align: top;
	font-size: 13px;
}

.topic td {
	padding-top: 5px;
	font-size: 13px;
}

/* =======ページナビ*/

.pageNaviArea {
	text-align: center;
	margin: 5px 0 0;
}

.content .pageNaviArea li {
	display: inline-block;
}

.content .pageNaviArea a, .content .pageNaviArea span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: #3f5066 1px solid;
	text-decoration: none;
	line-height: 40px;
	margin: 0 3px;
	color: #fff;
	border-radius: 6px;
	background: -moz-linear-gradient(top, #1d2858 0%, #1d2858 40%, #3e4a7c 60%, #3e4a7c);
	background: -webkit-gradient(linear, left top, left bottom, from(#1d2858), color-stop(0.40, #3e4a7c), color-stop(0.60, #3e4a7c), to(#1d2858));
}

.content .pageNaviArea li.current a, .content .pageNaviArea li.ais-Pagination-item--disabled span {
	background: -moz-linear-gradient(top, #9196b7 0%, #9196b7 40%, #3e4a7c 60%, #3e4a7c);
	background: -webkit-gradient(linear, left top, left bottom, from(#9196b7), color-stop(0.40, #9ea4bc), color-stop(0.60, #9ea4bc), to(#9196b7));
	border: #3f5066 1px solid;
	font-weight: bold;
}

.content .pageNaviArea li.ais-Pagination-item--disabled span {
	border: 1px solid transparent;
}

.pageNaviArea a.hidden {
	background: -moz-linear-gradient(top, #dbdfef 0%, #dbdfef 40%, #eaedf8 60%, #eaedf8);
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdfef), color-stop(0.40, #eaedf8), color-stop(0.60, #eaedf8), to(#dbdfef));
	border: #9398b6 1px solid;
}

.content .orderForm .pageNaviArea a {
	margin:0;}
.orderForm .pageNaviArea {}
/*=========================ロアーナビゲーション
*/
/*======1段目*/

.footNav1 {
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.footNav1 a.btn {
	display: inline-block;
	width: 30%;
	margin: 2px;
}

.footNav1 a.btn img {
	width: 41px;
}

.footNav1 a.btn span {
	font-size: 9px;
	line-height: 1.3em;
	margin-right: -4px;
}

.footNav1 a.btn img, .footNav1 a.btn span {
	display: inline-block;
	vertical-align: middle;
}
@media(min-width:321px) {

.footNav1 a.btn img {
	width: 41px;
	margin-left: 5px
}

.footNav1 a.btn span {
	margin-right: 0;
}
}

/*======2段目*/

.footNav2 {
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	background-color: #cbc7ba;
}

#footerNavArea {
	background: -moz-linear-gradient(top, #fdb255 0%, #fd9a1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdb255), to(#fd9a1c));
	border-top: #f29544 1px solid;
	border-bottom: #f29544 1px solid;
}

.footNav2 a {
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 55px;
	vertical-align: middle;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 55px;
	font-size: 11px;
	background: url(../images/nav_footer_line.png) no-repeat right center;
	padding-right: 2px;
}

.footNav2 a.last {
	background: none;
	padding-right: 0;
}

.footNav2 a img {
	width: 96%;
	max-width: 90px;
	margin: 0 auto;
	vertical-align: middle;
}

.footNav2 a.duble {
	line-height: 1.3em;
	padding-top: 13px;
}

/*======3段目*/

.footNav3 {
	text-align: center;
	padding: 15px 0;
	background-color: #cbc7ba;
}

.footNav3 a {
	display: inline-block;
	width: 45%;
	margin: 0 4px;
}

.footNav3 a img {
	width: 13px;
	margin-right: 4px;
}

.footNav3 a span {
	font-size: 11px;
	color: #2b2b2b;
	line-height: 44px;
}

.footNav3 a img, .footNav3 a span {
	display: inline-block;
	vertical-align: middle;
}

#copy {
	width: 100%;
	background-color: #6B2017;
	color: #fff;
	text-align: center;
	font-size: 11px;
}

/*=========================検索結果ページ list.html
*/
/*フリックスライド部分*/

#flickSlideBox,.flickSlideBox {
	width: 100%;
	height: 300px;
	position: relative;
	min-width: 300px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: normal;
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
}

#flickSlideBox::-webkit-scrollbar {
  display: none;
}

.flipsnap {
	float: left;
	width: 5400px;
	height: 300px;
	padding: 10px 10px;
}

.index_slide{
	background-color:#fdffe3;
}

/*
.flipsnap {
	position:absolute;
	width: 5400px;
	height: 300px;
	left:0;
	padding: 0 10px;
}
*/
.slideCont {
	width: 125px;
	text-align: center;
	position: relative;
	margin-right: 10px;
	float: left;
}

.slideCont a {
	position: absolute;
	width: 100%;
	height: 50%;
	display: block;
}

.slideCont img {
	width: 125px;
	height: auto;
}

.slideCont2 {
	width: 125px;
	text-align: center;
	position: relative;
	margin-right: 10px;
	float: left;
}

.slideCont2 a {
	position: absolute;
	width: 100%;
	height: 64%;
	display: block;
}

.slideCont2 img {
	width: 125px;
	height: auto;
}

.slideCont3 {
	width: 125px;
	text-align: center;
	position: relative;
	margin-right: 10px;
	float: left;
}

.slideCont3 a {
	position: absolute;
	width: 100%;
	height: 58%;
	display: block;
}

.slideCont3 img {
	width: 125px;
	height: auto;
}

.slideCont4 {
	width: 125px;
	text-align: center;
	position: relative;
	margin-right: 10px;
	float: left;
}

.slideCont4 a {
	position: absolute;
	width: 100%;
	height: 59%;
	display: block;
}

.slideCont4 img {
	width: 125px;
	height: auto;
}

.buy_slideCont {
	text-align: center;
	position: relative;
	float: left;
}

.buy_slideCont a {
	display: block;
}

.buy_slideCont img {
	width: 55px;
	height: auto;
}
.buy_slideCont3 {
	position: relative;
	float: left;
}

.buy_slideCont3 > img {
	float:left;
	width: 55px !important;
	height: auto;
}

.buySearchArea li{
	width: calc(33.3vw - 9px);
	display: inline-block;
	vertical-align:top;
	border      : solid 2px #336600;
	margin:2px;
}

.flipsnap > div {
	width: 125px;
	text-align: center;
	position: relative;
	margin-right: 10px;
	float: left;
}

.flipsnap > div a {
	position: absolute;
	width: 100%;
	height: 58%;
	display: block;
}

.flipsnap > div img {
	width: 125px;
	height: auto;
}

.newProdTitle {
	background-color: #f7fff1;
	padding: 4px;
	margin: 10px auto 0;
	max-height: 50px;
	overflow-y: auto;
}

.newProdTitle p {
	font-weight: bold;
	line-height: 1.3em;
}

.prodTitle {
	background-color: #f7fff1;
	padding: 2px;
	margin: 10px auto 5px;
}

.prodTitle p {
	font-weight: bold;
	line-height: 1.3em;
}

.prodPrice {
	font-weight: bold;
	color: #ed1b1b;
	line-height: 1.3em;
	background-color: #f7fff1;
	padding: 2px;
}

.prodPrice span {
	color: #111;
}

.buy_prodlink{
	float: left;
	width: 50%;
}

.buy_prodPrice {
	float: left;
	font-weight: bold;
	color: #ed1b1b;
	line-height: 1.2em;
	margin-top:2px;
	font-size:10px;
	text-align:center;
	width: calc(50% - 1px);
	height: 28vw;
}

.buy_prodPrice select{
	margin-top:3px;
	width:40px;
}

.buy_prodPrice div .pieceNumText{
	text-align:right;
	margin-top:3px;
	width:40px;
}

.price-rate-label{
    width: fit-content;
    background-color: white;
    border: 1px solid #3b9dff;
    column-rule: #3b9dff;
    font-weight: bold;
    padding: 1px;
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 5px;
    > i{
        color: #ff8a00;
    }
    .price-rate-name {
        color: #3b9dff;
        font-size: 8px;
        margin-bottom: 1px;
        text-align: left;
    }
}

.price-rate-label-in-detail-page{
    width: fit-content;
    background-color: white;
    border: 1px solid #3b9dff;
    column-rule: #3b9dff;
    font-weight: bold;
    padding: 1px;
    display: flex;
    align-items: center;
    gap: 2px;
    margin: 5px;
    > i{
        color: #ff8a00;
    }
    .price-rate-name {
        color: #3b9dff;
        font-size: 12px;
        margin-bottom: 1px;
        text-align: left;
    }
}

.buy_prodTitle {
	padding: 2px;
	font-size:10px;
	line-height:1.3em;
	background    : #99cc00;
	text-align		: center;
	height: 28px;
	width:33vw;
	display: table-cell;
	vertical-align: middle;
}

.buy_prodTitle a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

.buy_prodlink a, .buy_prodlink img {
	width:100%;
}

.buy_chushi_text {
	color: #000;
	font-size: 130%;
	font-weight: normal;
	margin: 0;
	padding: 0 3px 0 5px;
	text-align: left;
	line-height: 110%;
}

.buy_matome_text {
	color: #000;
	font-size: 1.8vw;
	font-weight: normal;
	margin: 0;
	padding: 0 3px 0 5px;
	text-align: left;
	line-height: 2.5vw;
}

.buy_matome_price_title {
	position: absolute;
	bottom: calc(4vw + 24px);
	width: 48%;
	padding: 0 3px 0 5px;
	text-align: left;
	font-size: 1.8vw;
	letter-spacing: 0px;
	color: #000;
}

.buy_matome_price {
	position: absolute;
	bottom: calc(4vw + 12px);
	width: 48%;
	text-align: right;
	font-size: 2.4vw;
	letter-spacing: 0px;
	color: #FC4947;
}

.buy_matome_button {
	position: absolute;
	bottom: 3px;
	right: 0px;
	width: 50%;
}

.buy_matome_button a {
	display: inline-block;
	width: calc(100% - 12px);
	/*min-width: 50px;*/
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #336600;
	opacity: 1;
	letter-spacing: 0px;
	color: #336600;
	padding: 6px 2px 6px 3px;
	text-decoration: none;
	white-space: nowrap;
	font-size: 1.8vw;
	line-height: 1.8vw;
}

.buy_matome_detail_div {
	float: right;
	width: calc(47% - 5px);
}

.buy_matome_detail_text {
	margin-right: 1vw;
	font-size: 3.5vw;
	line-height: 4.5vw;
}

.buy_matome_detail_price {
	margin: 2vw 1vw 6vw 1vw;
	text-align: right;
	font-size: 3vw;
	line-height: 4vw;
}

.buy_matome_detail_price span {
	color: #FC4947;
}

.buy_matome_detail_button {
	width: auto;
	margin: 2vw;
	text-align: center;
}

.buy_matome_detail_button a {
	display: inline-block;
	width: 30vw;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #336600;
	opacity: 1;
	letter-spacing: 0px;
	color: #336600;
	padding: 6px 6px 4px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	font-size: 3vw;
	line-height: 3vw;
}

.buy_matome_detail_button a::before {
	content: '';
	display: inline-block;
	width: 5vw;
	height: 4vw;
	background-image: url(/images/common/icon-cardboard-sp.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.buy_chumoku_detail_button {
	width: auto;
	margin: 2vw;
	text-align: center;
}

.buy_chumoku_detail_button a {
	display: inline-block;
	width: 30vw;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #336600;
	opacity: 1;
	letter-spacing: 0px;
	color: #336600;
	padding: 6px 6px 4px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	font-size: 3vw;
	line-height: 3vw;
}

.buy_matome_detail_info {
	margin-top: 1vw;
	margin-right: 1vw;
	font-size: 2.5vw;
	line-height: 3.5vw;
}

/* index */
.index_selling_price{
	font-size:9px;
	color:#666;
	font-weight:bold;
	line-height:1.4em;
}

.index_selling_number{
	color:#ea5532;
}

.index_card_name{
	margin: 0;
	font-size:9px;
    height:32px;
    font-weight:bold;
    margin-top:2px;
	color:#333;
	line-height:1.2em;
}

.rankingTable .index_card_name {
	line-height: 1.23em;
    display: -webkit-box;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 3.6em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.namesize_s{
    height:32px;
}

.namesize_m{
    height:32px;
}

.namesize_l{
    height:32px;
}

.card_name_container{
	overflow: hidden;
	width: 100%;
}

.card_name_container p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.tsuikaArea {
	background-color: #f7fff1;
	padding: 4px;
	margin: 0 auto 5px;
}
.tsuikaArea table{}
.tsuikaArea table td{
	width:50%;}
.tsuikaArea table td.price{
	color:#F00;}
.tsuikaArea table td select{
	width:100%;
	font-size:80%;}

.tsuikaArea table td .pieceNumText{
	text-align:right;
	display: inline;
	width: 50px;
}

.recomend {
	font-weight: bold;
	line-height: 1.3em;
	margin: 5px auto;
	background-color: #f7fff1;
	padding: 2px;
}

.archiveList {
	width: 94%;
	margin: 20px auto;
	background-color: #fff;
	text-align: center;
}

.archiveList li {
	width: 24%;
	display: inline-block;
	margin: 7px 0;
}

.content .archiveList a.active {
	color: #F00;
}

/*=========================商品詳細ページ detail.html
*/

.detailNav {
	width: 100%;
	text-align: center;
	margin: 10px auto;
}

.content .detailNav a {
	display: inline-block;
	width: 30%;
	font-size: 11px;
	color: #fff;
	line-height: 1.3em;
	padding: 0;
	margin: 0 2px;
	position: relative;
}

.content .detailNav a span {
	width: 100%;
	display: block;
	position: absolute;
	top: 60%;
	left: 0;
	text-align: center;
}

.content .detailNav a img {
	width: 100%;
}

/*商品写真*/

.prodSlideArea {
	width: 53%;
	height: 225px;
	margin: 0 0 0 5px;
	float: left;
}

.flexBox {
	width: 155px;
	margin: 0 auto;
}

.prodSlideArea li {
	width: 155px;
	float: left;
}

.prodSlideArea li img {
	width:100%;
	height:100%;
}

#foo1_pag {
	width: 155px;
	text-align: center;
	margin: 4px 0 8px;
}

#foo1_pag a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../images/slidenav.png) no-repeat;
	background-size: 10px;
	text-indent: -9999px;
	margin: 2px 3px;
}

#foo1_pag a.selected {
	background: url(../images/slidenav_active.png) no-repeat;
	background-size: 10px;
	text-indent: -9999px;
	margin: 2px 3px;
}

.content .addCart a {
	display: block;
	margin: 10px 0 0;
}

.content .addCart img {
	width: 100%;
}

/*料金セレクトボックス*/

.priceRank {
	width: 43%;
	float: right;
	margin-right: 5px;
}

.priceRank table {
	background-color: #fff;
	width: 100%;
	border-left: #bbb 1px solid;
	border-right: #bbb 1px solid;
	border-top: #bbb 1px solid;
}

.priceRank table th, .priceRank table td {
	border-bottom: #bbb 1px solid;
}

.priceRank table th {
	line-height: 1.3em;
	font-weight: bold;
	padding: 3px;
}

.priceRank table th span {
	color: #ed1b1b;
	display: block;
}

.priceRank table td select {
	display: block;
	width: 80%;
}

.priceRank table td .pieceNumText {
	text-align:right;
	display: inline;
	width: 60%;
}

.priceRank table th span.lankLabel {
	font-size: 10px;
	width: 45px;
	margin: 0 auto 2px;
}

.priceRank table th span.lankLabel img {
	width: 100%;
}

/*コメントエリア*/

.whiteBoxTitle {
	width: 96%;
	margin: 10px auto 0;
	background-color: #f7fff1;
	border-top: #828282 1px solid;
	border-left: #828282 1px solid;
	border-right: #828282 1px solid;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-weight: bold;
	text-align: center;
}

.orangeBack {
	background: -moz-linear-gradient(top, #fdb255 0%, #fd9a1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdb255), to(#fd9a1c));
	padding:7px;
}

.greenBackTitle {
	background: -moz-linear-gradient(top, #9fc339 0%, #78a52f);
	background: -webkit-gradient(linear, left top, left bottom, from(#9fc339), to(#78a52f));
}

.titleImg img {
	height:22px;
	max-width: 250px;
	display: block;
	margin: 0 auto;
}

.titleImg300 img {
	width: 67%;
	max-width: 300px;
	display: block;
	margin: 0 auto;
}

.whiteBox {
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
	border: #828282 1px solid;
	padding: 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.4em;
}

.pad_0 {
	padding: 0;
}

.pad_0 {
	padding: 0;
}

/*取り扱い一覧*/

.detailListTable th, .detailListTable td {
	vertical-align: top;
	padding: 4px 0;
}

.detailListTable .price {
	color: #ed1b1b;
	font-weight: bold;
	white-space: nowrap;
}

.detailListTable .cat {
	white-space: nowrap;
}

.detailList {
	width: 100%;
}

.detailList li {
	border-bottom: #ccc 1px solid;
	padding: 7px;
	background: url(../images/arrow_yellow.png) no-repeat 98% 50%;
	background-size: 16px;
}

.detailList li:last-child {
}

.content .detailList li a {
	color: #2b2b2b;
	display: block;
	text-decoration: none;
}

.content .detailList li a span {
	color: #ed1b1b;
	font-weight: bold;
	white-space: nowrap;
}

.listWindow {
	display: none;
}

.listWindow .detailList li:first-child {
}

.moreArea.detail {
	width: 95%;
	margin: 10px auto;
	cursor: pointer;
}

/*ランキングボックス*/



#ranking {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	overflow-x: scroll;
    white-space: normal;
	background-color: #fdffe3;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

#ranking #rankingSlideArea {
	width: 2464px;
	height: 225px;
	float: left;
}

#ranking #rankingSlideArea_detail {
	width: 1642px;
	height: 200px;
	float: left;
}

#ranking_index {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	overflow-x: scroll;
    white-space: normal;
	background-color: #fdffe3;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
}

#rankingSlideArea_okaidoku {
	width: 3284px;
	height: 182px;
	float: left;
}

#rankingSlideArea_money {
	width: 1642px;
	height: 160px;
	float: left;
}

#rankingSlideArea_osusume {
	width: 1642px;
	height: 182px;
	float: left;
}

#rankingSlideArea_kensaku {
	width: 1642px;
	height: 175px;
	float: left;
}


.rankingTable {
	width: 74px;
	float: left;
	margin: 0 4px 0 4px;
	position: relative;
}

.rankingTable a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.rankingTable img {
	width: 100%;
}

.rankingTable .priceArea {
	font-size: 10px;
	font-weight: bold;
}

.rankingTable .priceArea span {
	color: #F00;
}

p.boxTitle {
	text-align: center;
	font-weight: bold;
}

.rankNum {
	font-weight: bold;
}

.rankNum {
	background: url(../images/icon_clown.png) no-repeat left center;
	background-size: 13px;
	padding: 5px 0 5px 20px;
	line-height: 1em;
}

.rankTableTitle {
	font-size: 9px;
	font-weight: bold;
	line-height: 1.3em;
	height: 40px;
}

/*評価・わいわい・うんちくのボックス*/

.detailContentBox {
	width: 96%;
	margin: 10px auto 0;
	padding: 5px 0;
	border: #828282 1px solid;
}

.hyouka {
	background-color: #ff7b59;
}

.unchiku {
	background-color: #ceb1ee;
}

a.wideBtn {
	display: block;
	margin: 5px 0;
}

.wideBtn img {
	width: 100%;
}

.detailContentBoxInner {
	background-color: #fff;
	margin: 0 5px;
	padding: 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.hyouka .detailContentBoxInner {
	background-color: #FFF0EF;
}

.waiwai .detailContentBoxInner {
	background-color: #ebf7f8;
}

.unchiku .detailContentBoxInner {
	background-color: #faf6ff;
}

/*評価*/

.hyoukaSection {
	margin: 10px 0;
}

.hyoukaBox {
	background-color: #fef0ed;
	border: #dd0000 1px solid;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 5px;
	margin: 0;
	position: relative;
}

table.hyoukaDate, table.hyoukaContent, table.hyoukaBtn {
	width: 100%;
}

table.hyoukaDate td {
	font-size: 12px;
	padding: 0 0 0 15px;
	text-align: right;
}

table.hyoukaDate td.date {
	width: 45%;
	padding-left: 0;
	text-align: left;
}

table.hyoukaDate td.hn {
	padding-left: 0;
	text-align: left;
}

table.hyoukaContent {
	margin: 5px 0;
}

table.hyoukaContent td.userImgArea_parent {
	border: #ccc 1px solid;
	background-color: #fff;
	text-align: center;
	width: 5%;
}

table.hyoukaContent td.userImgArea {
	border: #ccc 1px solid;
	background-color: #fff;
	text-align: center;
	width: 30%;
}

table.hyoukaContent td.userImgArea img,table.hyoukaContent td.userImgArea_parent img {
	width: 95%;
	display: block;
	margin: 5px auto;
}

table.hyoukaContent td.point {
	padding-left: 5px;
	color: #F00;
	font-size: 120%;
}

table.hyoukaContent td.text {
	padding-left: 5px;
}

table.hyoukaBtn td {
	width: 50%;
}

table.hyoukaBtn td img {
	width: 96%;
	display: block;
	margin: 0 auto;
}

table.hyoukaBtn td.like div {
	position: relative;
}

table.hyoukaBtn td.like span {
	color: #fff;
	font-size: 11px;
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	z-index: 200;
}

.comment li {
	background: url(../images/line01.png) no-repeat left center;
	background-size: 10px;
	padding-left: 10px;
	margin-left: 5px;
}

.comment li:last-child {
	background: url(../images/line02.png) no-repeat left center;
	background-size: 10px;
}

.comment li .hyoukaBox {
	background-color: #fff;
	border: #283263 1px solid;
}

/*コメントボックス*/

.commentBox {
	display: none;
	padding: 5px;
	margin: 0;
	background-color: #f3f3f3;
	border: #7e7e7e 1px solid;
}

.commentBoxTable {
	width: 100%;
	margin-bottom: 5px;
}

.commentBoxTable td {
	width: 50%;
	padding: 3px 0;
}

.commentBoxTable td input {
	width: 98%;
	height: 30px;
	display: block;
	margin: 0 auto;
	border-radius: 0;
}

.commentBoxTable td a {
	display: block;
	width: 100%;
}

.commentBoxTable td a img {
	width: 100%;
}

.commentBoxTable td.pointSelect {
	text-align: center;
}

.commentBoxTable td.textArea textarea {
	width: 98%;
	display: block;
	margin: 0 auto;
	border-radius: 0;
}

.commentBoxTable td.movieUrl input{
	width: 98%;
	display: none;
	margin: 0 10px;
	border-radius: 0;
}

#closedArea {
	display: none;
}

/*うんちく*/


.unchiku .hyoukaBox {
	background-color: #fff;
	border: #283263 1px solid;
}

.unchiku table.hyoukaContent td.text {
	padding-left: 0;
}

.unchikuContent, .rirekiHensyu, .rirekiContent {
	margin: 10px 0 0;
}

.rirekiHensyu, .rirekiContent {
	display: none;
}

.rirekiHensyu table {
	width: 100%;
}

.rirekiHensyu table td {
	padding: 3px 0;
}

.rirekiHensyu table td input, .rirekiHensyu table td textarea {
	width: 98%;
	display: block;
	border-radius: 0;
	margin: 0 auto;
}

.rirekiContent .hyoukaBox {
	margin-top: 10px;
}

.rirekiContent .description {
	font-size: 12px;
	margin-bottom: -10px;
}

/*==========================カート cart.html
*/

.cartTopTable,.cartTopTableSell {
	width: 96%;
	margin: 10px auto 0;
	border-top: #828282 1px solid;
	border-left: #828282 1px solid;
}

.cartTopTable th, .cartTopTable td,.cartTopTableSell th, .cartTopTableSell td {
	font-weight: bold;
	padding: 7px 0;
	text-align: center;
}

.cartTopTable th, .cartTopTableSell th  {
	background-color: #efefef;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
	width:33%;
}

.cartTopTable td, .cartTopTableSell td {
	background-color: #fff;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
}

.cartTopTable .price{
	text-align:right;
	padding-right:10px;
}

.cartTopTable span{
	color:#ed1b1b;
	font-weight:bold;
}

.cartTopTableSell .price{
	text-align:center;
}

.cartBtns {
	text-align: center;
	margin: 5px auto;
}

.cartBtns span{
	font-size:12px;
	font-weight:bold;
}

.content .cartBtns a {
	display: inline-block;
	width: 45%;
	margin: 0 3px;
	color: #fff;
}

.content .cartBtns a img {
	width: 100%;
	margin: 0 auto;
	max-width: 180px;
}

.info {
	text-align: center;
	margin: 10px 0;
}

.cartBoxOuter {
	width: 96%;
	margin: 0 auto;
}

.cartBoxTitle {
	border: #828282 1px solid;
	text-align: center;
	font-weight: bold;
	padding: 8px 0 5px;
	background-color: #f7fff1;
	width: 96%;
	margin: 10px auto 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.cartBoxTitle.totalPrice {
	color: #ed1b1b;
	font-size: 16px;
	padding: 14px 0 10px;
	margin-top: 0;
}
.notice {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}
.notice p {
  margin: 10px 0;
}

/*カートボックス*/

table.cartBox {
	width: 100%;
	border-left: #828282 1px solid;
	border-top: #828282 1px solid;
	border-right: #828282 1px solid;
	text-align: center;
	background-color: #fdffe4;
	margin-top: 0px;
}

table.cartBox:nth-child(2n) {
	background-color: #fff;
}

table.cartBox td {
	border-bottom: #828282 1px solid;
	border-right: #828282 1px solid;
	padding: 3px 0;
	font-size: 90%;
	font-weight: bold;
}

table.cartBox td.titleTd a {
	font-weight: bold;
	text-decoration: none;
}

table.cartBox td .updatedBadge {
    color: #fff;
    background: #FF0000;
    padding: 4px 6px;
    border-radius: 15px;
    white-space: nowrap;
}

table.cartBox td.imgTd {
	border-right: #828282 1px solid;
	padding: 3px;
	width: 20%;
}

table.cartBox td select {
	margin-left: 3px;
}

table.cartBox td .pieceNumText{
	text-align:right;
	display: inline;
	width: 50px;
}

table.cartBox td p.lankLabel {
	width: 100%;
}

table.cartBox td p.lankLabel img {
	width: 20%;
	margin-right:5px;
}

/*
table.cartBox td span.lankLabel{ background-color:#21aef7; border-radius:4px; color:#fff; padding:1px 2px; font-size:12px; width:45px; margin:0 auto 2px;}
*/

table.cartBox td.price {
	font-size: 100%;
}

/*==========================オーダーページ order.html
*/

.cartPriceTable {
	width: 100%;
	margin: 0px auto;
	border-top: #828282 1px solid;
	border-left: #828282 1px solid;
}

.cartPriceTable.nobo {
	border-top: none;
}

.cartPriceTable .closeTr {
	display: none;
}

.cartBoxOuter .cartPriceTable {
}

.cartPriceTable th, .cartPriceTable td {
	padding: 7px;
	text-align: center;
}

.cartPriceTable th {
	background-color: #ffeeee;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
	font-weight: bold;
	width: 31%;
	font-size: 90%;
}

.cartPriceTable th.nopadding {
	padding: 7px 2px;
	line-height: 1.2em;
}

.cartPriceTable td {
	background-color: #fff;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.cartPriceTable td.nobo-r {
	border-right: none;
}

.cartPriceTable td.addPoint {
	background-color: #f7fff1;
}


/*========================== datafiexd */

.cartPriceTablefixed {
	width: 100%;
	margin: 0px auto;
	border-top: #828282 1px solid;
	border-left: #828282 1px solid;
}

.cartPriceTablefixed th, .cartPriceTablefixed td {
	padding: 7px;
	text-align: center;
}

.cartPriceTablefixed th {
	background-color: #ffeeee;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
	font-weight: bold;
	width: 32%;
	font-size: 90%;
}

.cartPriceTablefixed td {
	background-color: #fff;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
	text-align: right;
	font-size: 90%;
	font-weight: bold;
	width: 68%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.position-re {
	position: relative;
}

td.formBtnBlue {
	width: 10%;
}

span.iconBtn {
	width: 20px;
	height: 20px;
	background: url(../images/arrow_yellow_down.png) no-repeat;
	background-size: 20px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
}

.open span.iconBtn {
	background: url(../images/arrow_yellow_up.png) no-repeat;
	background-size: 20px;
}

.cartPriceTable td span.iconBtn {
	right: 0px;
}

.cartBoxTitle.nomarginTop {
	margin-top: 0;
}

.whiteNowrap {
	white-space: nowrap;
}

/*会員ログインボタン*/


.content a.loginbtn {
	display: block;
	width: 94%;
	margin: 15px 10px;
}

.loginbtn img {
	width: 100%;
	max-width: 400px;
	display:block;
	margin:0 auto;
}

/*修正ボタン*/

.content a.syuseiBtn {
	display: block;
	width: 94%;
	margin: 15px 10px;
}

.syuseiBtn img {
	width: 100%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

/*注文確定ボタン*/


.content a.orderbtn {
	display: block;
	width: 94%;
	margin: 15px 10px;
}

.orderbtn img {
	width: 100%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

.content a.toCart {
	display: block;
	width: 96%;
	margin: 10px auto;
}

a.toCart img {
	width: 100%;
	max-width: 400px;
	display: block;
	margin: 0 auto;
}

.content .haisouOp a.toCart {
	margin: 0px auto;
}

.content a.toCart.w80 {
	width: 80%;
}

/*注文ページ dl.orderForm*/

.orderForm {
	margin: 15px 0;
}

.orderForm dt {
	background-color: #fee;
	border: 1px solid #828282;
	line-height: 1em;
	color: #2f47b0;
	font-weight: bold;
	padding: 15px 5px 15px 0;
	margin-top: 10px;
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.orderForm dt span {
	color: #2b2b2b;
	margin-left: 7px;
}

.orderForm dt .icon {
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: -20%;
	margin-left: 5px;
	margin-right: 5px;
}

.orderForm dt.dt1 .icon {
	background: url(../images/btn_img_order04.png) no-repeat;
	background-size: 17px;
}

.orderForm dt.dt2 .icon {
	background: url(../images/btn_img_order05.png) no-repeat;
	background-size: 17px;
}

.orderForm dt.dt3 .icon {
	background: url(../images/btn_img_order06.png) no-repeat;
	background-size: 17px;
}

.orderForm dt.dt4 .icon {
	background: url(../images/btn_img_order07.png) no-repeat;
	background-size: 17px;
}

.orderForm dt span.textarea {
	background-color: #fff;
	width: 55%;
	height: 46px;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 45px;
	overflow: hidden;
	padding-right: 30px;
}

.orderForm dd {

	border: 1px solid #828282;
	background-color: #fff;
}

.orderForm dd label {
	display: block;
	width:100%;
	border-bottom: 1px solid #828282;
	padding: 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
}

#mailmaga-area td {
	padding: 10px 2px;
}

#mailmaga-area label {
	display: inline;
	border-bottom: none;
	padding: 0;
}

.orderForm dd label input {
	margin-right: 10px;
	vertical-align: -10%;
}

.orderForm dd label:last-child {
	border-bottom: none;
}

.orderForm dd .time {
	display: none;
}

.orderForm dd .time.open {
	display: block;
}

.orderForm dd .time label {
	background-color: #efefef;
}

.orderForm dd .time label input {
	margin-left: 25px;
}

.orderForm dd .time label:last-child {
	border-bottom: 1px solid #828282;
}

table.otodokesaki {
	width: 100%;
}

table.otodokesaki th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 5px;
	font-size: 12px;
	color: #2f47b0;
}

table.otodokesaki td {
	padding: 10px 0px 10px 0;
}

table.otodokesaki th, table.otodokesaki td {
	border-bottom: 1px solid #828282;
}

table.otodokesaki th.last, table.otodokesaki td.last {
	border-bottom: none;
}

/*お届け先住所入力フォーム .addForm*/

dd table.addForm td {
	padding: 3px 2px;
	text-align:left;
}

.orderForm dd table.addForm td.radioTd {
	text-align: center;
}

.orderForm dd table.addForm td.radioTd label {
	display: inline-block;
	width: 47%;
	border: #ccc 1px solid;
	line-height: 1.2em;
	margin: 0;
	background-color: #E2EEEF;
	border-radius: 6px;
	padding: 10px 3px;
	font-size: 11px;
	font-weight: bold;
}

.orderForm dd table.addForm td.radioTd label.left {
	margin-right: 1.5%;
}

.orderForm dd table.addForm tr.tourokuPass {
	display: none;
}

table.addForm {
	width: 96%;
	margin-top:10px;
	margin-bottom:5px;
}

table.addForm td {
	padding: 8px 0;
}

dd table.addForm td {
}

table.addForm td input[type="text"], table.addForm td input[type="tel"] {
	width: 90%;
	height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: #444 1px solid;
	border-radius: 0;
}

table.addForm td.zip input {
	width: 50%;
	margin: 0 0px 5px;
}

.content a.formbtn {
	background: -moz-linear-gradient(top, #fff8b4 0%, #ffdb4a 3%, #fba238 3%, #fba238);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff8b4), color-stop(0.03, #ffdb4a), color-stop(0.03, #ffdb4a), to(#fba238));
	border: 1px solid #d07008;
	width: 94%;
	height: 52px;
	margin: 0px auto;
	line-height: 52px;
	padding: 0;
	position: relative;
	box-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff;
	display: block;
	text-align: center;
	color: #2b2b2b;
}

table.addForm.cardForm {
	margin: 0px auto 0;
}

#creditDd, #nichiji, #kyokudome, #sokutatu, #centerdome {
	display: none;
}

.shiharaiList, .pointDiv {
	display: none;
	background-color: #fff;
	border-left: #828282 1px solid;
	border-right: #828282 1px solid;
	border-bottom: #828282 1px solid;
	padding: 10px 0 0;
}

.payment{
}

.shiharaiList {
	padding: 0;
}

.shiharaiList dt, .shiharaiList dd {
	display: block;
	width: auto;
	border-bottom: 1px solid #828282;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.shiharaiList dd {
	padding-bottom: 0;
}

.shiharaiList label:not(.card_selection){
	vertical-align: middle;
	padding: 10px 10px;
	display: block;
}

.shiharaiList dt input {
	margin-right: 5px;
	vertical-align: -20%;
}

.sokutatuDiv table.addForm td.radioTd {
	font-size: 90%;
	line-height: 1.4em;
}

.sokutatuDiv table.addForm td.radioTd label {
	display: block;
	width: 90%;
	border: #ccc 1px solid;
	line-height: 1.2em;
	margin: 0;
	background-color: #E2EEEF;
	border-radius: 6px;
	padding: 10px;
	font-size: 11px;
	font-weight: bold;
	margin: 5px auto 0;
}

.sokutatuDiv table.addForm td.radioTd label input {
	margin-right: 10px;
}

.yuubinDiv table.addForm td input[type="text"], .pointDiv table.addForm td input[type="tel"] {
	margin: 0 auto;
	display: block;
}

.yuubinBtn {
	width: 100% !important;
}

.pointDiv p {
	margin-bottom: 0;
	font-weight: bold;
	margin-left: 15px;
}

#formBaloon {
	position: relative;
	display:inline;
	display:none;
	padding: 2px 2px;
	min-width: 100px;
	max-width: 100%;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	background: #FDA728;
}

#formBaloon:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 10px solid #FDA728;
}

.formBaloon span{
	margin: 0;
	padding: 0;
}

#buy_formBaloon {
	position: relative;
	display:inline;
	display:none;
	margin: 10px 5px;
	padding: 5px 5px;
	min-width: 100px;
	max-width: 100%;
	color: #555;
	font-size: 12px;
	font-weight:bold;
	background: #64C254;
}

#buy_formBaloon:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 10px solid #64C254;
}

.buy_formBaloon span{
	margin: 0;
	padding: 0;
}


/*==========================サーチエリア
*/

.searchArea {
	padding: 15px 0;
	background-color: #e9e6da;
	margin-bottom: -10px;
	display: none;
}

.content .searchArea {
	display: block;
}

.searchArea table, .commentSearchArea table {
	width: 96%;
	margin: 0 auto;
}

.searchArea table input, .searchArea table select, .commentSearchArea table select {
	width: 98%;
}

.searchArea table input {
	height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: #444 1px solid;
	border-radius: 0;
}

.searchArea table td {
	padding: 8px 0;
}

.searchArea table td.w70 {
	width: 70%;
}

table.search3 input {
	width: 100%;
	height: 30px;
	border-radius: 0;
	margin-bottom: 10px;
}

table.search3 td.w50 {
	width: 50%;
}

a.look {
	background: -moz-linear-gradient(top, #fbfbfb 0%, #d3d3d3 3%, #ededed 3%, #ededed);
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(0.03, #ededed), color-stop(0.03, #ededed), to(#d3d3d3));
	color: #2b2b2b;
	border: #b5b4b5 1px solid;
	text-align: center;
	border-radius: 6px;
	padding: 15px 10px;
	line-height: 1.3em;
}

a.searchBtn {
	margin: 0 10px;
	display: block;
}

a.searchBtn img {
	width: 100%;
	display: block;
}

.closeArea {
	background: -moz-linear-gradient(top, #fdb255 0%, #fd9a1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdb255), to(#fd9a1c));
	border-top: 1px solid #d27c11;
	border-bottom: #d27c11 1px solid;
	text-align: center;
	line-height: 35px;
	margin-top: 30px;
}

.closeArea span {
	display: block;
	background: url(../images/icon_close.png) no-repeat 96% 50%;
	background-size: 10px;
}

/*==========================ログインページ
*/

table.login {
	width: 96%;
	margin: 0 auto;
}

table.login td {
	padding: 8px 0;
}

table.login td input {
	width: 98%;
	height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: #444 1px solid;
	border-radius: 0;
}

/*==============================マイページ　ホーム
*/

.infoBox {
	border: #444 1px solid;
	width: 96%;
	margin: 15px auto;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #fff;
}

.error_comment{
	color:#f30;
	font-weight:bold;
}

.mypageMenu {
	width: 96%;
	margin: 0 auto;
}

.mypageMenu li {
	background-color: #fff;
}

.mypageMenu li a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 12px 0;
	border-left: #444 1px solid;
	border-right: #444 1px solid;
	border-bottom: #444 1px solid;
}

.mypageMenu li:first-child a {
	border-top: #444 1px solid;
}

.mypageMenu li a img {
	width: 80%;
	max-width: 400px;
}

.mypageMenu li a span {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
	display: block;
	background: url(../images/arrow_blue.png) no-repeat;
	background-size: 20px;
}

/*==============================マイページ　お客様情報
*/

table.mypageTable1, table.mypageTable2, table.mypageTable3 {
	width: 96%;
	margin: 15px auto;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
}

table.mypageTable1 th, table.mypageTable2 th {
	background: -moz-linear-gradient(top, #308aba 0%, #105d88);
	background: -webkit-gradient(linear, left top, left bottom, from(#308aba), to(#105d88));
	border-bottom: #ccc 1px solid;
	padding: 6px 7px;
	font-size: 16px;
}

table.mypageTable1 th img, table.mypageTable2 th img {
	width: 50%;
	max-width: 150px;
}

table.mypageTable1 td, table.mypageTable2 td, table.mypageTable3 th, table.mypageTable3 td {
	background-color: #fff;
	border-bottom: #ccc 1px solid;
	padding: 6px 7px;
}

table.mypageTable2 th {
	background-color: #fee;
}

table.mypageTable1 td table {
	border: none;
}

table.mypageTable1 td table td {
	border: none;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}

table.mypageTable1 td table td img {
	width: 71px;
	display: block;
	margin: 0 auto;
}

.myp3_tr2 td{
	background-color:#f0e68c !important;
}

/*ご注文履歴*/

table.mypageTable1 td.title {
	padding: 0;
}

table.mypageTable1 td.title img {
	width: 100%;
	vertical-align: bottom;
}

.cancellation {
	float: right;
	width: 80px;
}

.boRight {
	border-right: #ccc 1px solid;
}

.content a.kakunin {
	background: -moz-linear-gradient(top, #fdf8f5 0%, #ededed 3%, #d3d3d3 3%, #d3d3d3);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdf8f5), color-stop(0.03, #ededed), color-stop(0.03, #d3d3d3), to(#d3d3d3));
	color: #2b2b2b;
	border: 1px solid #b5b4b5;
	text-align: center;
	padding: 7px 0;
	width: 200px;
	display: block;
	margin: 5px auto;
}

/*ベルポイント履歴*/

table.mypageTable1.userDate td.userImgArea {
	text-align: center;
}

table.mypageTable1.userDate td.userImgArea div {
	border: #bbb 1px solid;
	width: 80px;
}

table.mypageTable1.userDate td.userImgArea div img {
	max-width: 100%;
}

table.mypageTable1.userDate td.userDateArea {
}

table.mypageTable3 th {
	border-right: #ccc 1px solid;
	white-space: nowrap;
	line-height: 1.4em;
	background-color: #feeeee;
}

table.mypageTable3 td {
	line-height: 1.4em;
}

table.mypageTable3 td.arrow-td {
	background: url(../images/arrow_yellow.png) no-repeat 98% center;
	background-size: 20px 20px;
	background-color: #fff;
	padding-right: 30px;
}

/*=============クレジット情報編集*/

dt.dt4 {
	position: relative;
}

dt.dt4 #buykit{
	margin-left:5px;
}

dt.dt4 span.arrow {
	width: 20px;
	height: 20px;
	background: url(../images/arrow_blue_down.png) no-repeat;
	background-size: 20px;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
}

table.mypageTable1 td.sakujoBtn {
	padding: 15px 0;
}

.content td.sakujoBtn a {
	display: block;
	width: 70%;
	margin: 0 auto;
	text-align: center;
}

.content td.sakujoBtn a img {
	width: 100%;
	max-width: 300px;
}

#creditDd {
	border-top: none;
}

/*==================================コメント検索
*/

#flickSlideBox.comment, .comment .flipsnap ,.flickSlideBox.comment{
	height: 355px;
}

#flickSlideBox.pricedown, .pricedown .flipsnap {
	height: 330px;
}

.ranking .flipsnap {
	height: 100%;
}

#flickSlideBox.ranking{
	height: 100%;
}
.commentSearchArea {
	background-color: #e9e6da;
	padding: 10px 0;
	margin-bottom: -10px;
}

.comArea, .rankArea {
	padding: 7px 5px 5px;
	background-color: #f7fff1;
	line-height: 1.4em;
	font-size: 12px;
	margin: 0 0 10px;
}

.pricedown .comArea {
	font-size: 13px;
	background-color: #fff;
}

.pricedown .comArea span.line-t {
	color: #111;
	text-decoration: line-through;
}

.pricedown .comArea span.arrow-down {
	background: url(../images/arrow_down.png) no-repeat left center;
	background-size: 20px;
	padding-left: 25px;
	font-size: 18px;
}

#sale_down span.arrow-down {
	background: url(../images/arrow_down.png) no-repeat left center;
	background-size: 20px;
	padding-left: 25px;
	font-size: 12px;
	color: #ff0000;
}

.ranking .comArea {
	padding: 3px;
}

.rankArea {
	font-size: 14px;
	margin: 0 0 5px;
}

.rankArea span {
	display: block;
	background: url(../images/icon_clown2.jpg) no-repeat 15px center;
	background-size: 19px;
	line-height: 1em;
}

.comArea span, .rankArea span {
	color: #ea2027;
	font-weight: bold;
}
.bluebottomup span {
	color: #ea2027;
	font-weight: bold;
}
.comNameArea {
	text-align: center;
	background-color: #fdffe4;
	margin: 0 0 10px;
}

.confirmedBox {

}

.confirmedBox p {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #ed1b1b;
}

.confirmedBox span {
	color: #ff4200;
}

.confirmedBox .spSellAlert p {
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

.underBox div{
	text-align:center;
	margin:10px;
}

.underBox div img{
	width:150px;
}

/*==================================トピックリスト*/

.topicList {
	margin: 0 0 10px;
}

.topicList li {
	width: 100%;
	border-bottom: #ccc 1px solid;
}

.topicList li a {
	display: block;
	background: url(../images/arrow_yellow.png) no-repeat 98% center;
	background-size: 20px;
}

.topicList li img {
	width: 90%;
	max-width: 400px;
	max-height:100px;
}

/* 買取商品詳細用　2017/06/22追加 */
.detail_top{
	margin:10px 7px;
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
}

.topicList_detail {
	margin:7px 8px;
}

.topicList_detail li img {
	width: 100%;
	max-width: 400px;
	max-height:100px;
}

.detail_before_price{
	color:#ea5532;
	font-weight:bold;
}

.detail_after_price{
	font-size:14px;
	color:#ea2027;
	font-weight:bold;
}

.redBox span.arrow-up {
	background: url(../images/arrow_up.png) no-repeat left center;
	background-size: 20px;
	padding: 0 0 0 25px;
	font-size: 14px;
}

/*===================================カード種一覧*/

.cardtypeList {
	padding: 10px 5px;
}

.cardtypeList li {
	background-color: #fff;
}

.cardtypeList li a {
	display: block;
	text-decoration: none;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	position: relative;
}

.cardtypeList li a span {
	display: block;
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(../images/arrow_yellow.png) no-repeat 98% center;
	background-size: 20px;
}

.cardtypeList li:first-child a {
	border-top: #ccc 1px solid;
}

.cardtypeList li a img {
	width: 100%;
	max-width: 400px;
}

/*======================================買取ページ用追記
==========================================================
*/
/*美品優先買取ポップアップ(2018.5.14 担当：青池)
------------------------------------------------------------------------------------------*/
.popupModal1 > input { /* ラジオボックス非表示 */
    display: none;
}
.popupModal1 > input:nth-child(1) + label {
    cursor: pointer;
}
.modalPopup2 { /* 初期設定 ポップアップ非表示 */
    display: none;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {/* ラジオ１ チェックでポップアップ表示 */
    display: block;
    z-index: 998;
    position: fixed;
    width: 70%;
    height: 50%;
    border-radius: 20px;
    left: 50%;
    top: 45%;
    margin-top: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 10px 20px;
    overflow: hidden;
}
@media (min-width: 768px) {/* PCのときはページの真ん中の600x600領域 */
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2{
         width: 150px;
         height: 100px;
         padding: 20px;

    }
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
     left: 50% !important;
     top: 50% !important;
     margin-left: 270px !important;
     margin-top: -310px !important;
}
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div {/* */
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > iframe {
    width: 100%;
      height:100%;
      border:none;
      display:block;
}

.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 > div > img {/* ポップアップの中の要素 */
max-width: 100%;
}
.popupModal1 > input:nth-child(1) + label ~ label {
    display: none;/* ラジオ１ 以外のラベルを初期は非表示 */

}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 997;
    text-indent: -999999px;
    overflow: hidden;
}
.popupModal1 > input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label {
    background: rgba(255, 255, 255, 0.5);
    display: inline-block;
    position: fixed;
    right: 30px;
    top: 110px;
    z-index: 999;
    width: 40pt;
    height: 40pt;
	  color: #ed1b1b;
    font-size: 40px;
    border-radius: 50%;
    line-height: 44pt;
    text-align: center;
    box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.popupModal1 > input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.popupModal1 > input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 { /* ラジオ２と３ どっちかチェックでポップアップ非表示 */
    display: none;
}


.modalPopup2 {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.popupModal1 .modalTitle {
     padding-bottom: .5em;
     margin: .5em 0;
     border-bottom:
     1px solid #ccc;
     font-weight: bold;
		 font-size: 20px;
		 color: #ed1b1b;
}
.popupModal1 .modalMain {
     color:#222;
     text-align: left;
     font-size: 17px;
     line-height: 1.8em;
}

.btnbihindetail{
     width: 95%;
		 margin: 0 4px;
}
.buy_slideCont img.btnbihinsearch {
	width: 100%;
	height: auto;
}
.btnbihinsp{
	width: 44%;
}
.buy_btnbihinsp{
	width: 90%;
	padding-bottom: 2px;
}
/*  buy_top */
#select_box_index li{
	display: inline-block;
	width:24vw;
	vertical-align:top;
}

#select_box_index li img{
	width:100%;
}

.sp_kyouka_buy_cardlist{
	overflow:hidden;
}

.index_buying_item{
	font-size:10px;
	color:#333;
	line-height:1.3em;
	margin:2px 0;
	position:relative;
}

.index_buying_item .buy_prodCat{
	position:absolute;
	top:0px;
	min-width:92px;
	left:4px;
}

.index_buying_item p{
	margin-left:3px;
}

.index_buying_item a{
	text-decoration:none;
}

.index_buying_number{
	color:#ea5532;
	font-weight:bold;
	line-height:1.8em;
	font-size:12px;
}

.index_buying_item div div .pieceNumText{
	text-align:right;
	display: inline;
	width: 50%;
}

.index_buying_update{
	font-weight:bold;
}

.buytop_more{
	text-align: center;
	background-color:#66cc00;
	color:#fff;
	font-weight:bold;
	padding:5px 0;
}

.buyindex_cardlink{
	position:absolute;
	top:15%;
	width:100%;
	height:40%;
}

/* end buy_top */

#kaitori .line02 {
	margin: 0px 0px;
	padding: 3px 5px;
	background: #66cc00;
	border-top: #66cc00 1px solid;
	border-bottom: #66cc00 1px solid;
}

#kaitori .bnAreaHeader {
	width: 100%;
	position: relative;
	min-height: 25px;
	background: -moz-linear-gradient(top, #b0ec1a 0%, #88b912);
	background: -webkit-gradient(linear, left top, left bottom, from(#b0ec1a), to(#88b912));
	border-top: 1px solid #436d2d;
	border-bottom: #71a014 1px solid;
}

#kaitori .bnDetailHeader {
	width: 96%;
	position: relative;
	min-height: 25px;
	background: -moz-linear-gradient(top, #b0ec1a 0%, #88b912);
	background: -webkit-gradient(linear, left top, left bottom, from(#b0ec1a), to(#88b912));
	border-top: 1px solid #436d2d;
	border-bottom: #71a014 1px solid;
}

.wantedList {
	width: 49%;
	float: left;
}

.wantedArea {
	background: url(../images/bg_wanted.jpg) no-repeat;
	background-size: 100%;
	width: 150px;
	padding: 35px 0 10px;
	margin: 0 auto;
}

.wantedArea img {
	width: 75%;
	display: block;
	margin: 0 auto;
}

.wantedList td.price {
	text-align: center;
	font-size: 18px;
}

.textLeft {
	float: right;
	width: 45%;
}

.kaitoriLink {
	margin: 15px 0;
}

.kaitoriLink p {
	margin-bottom: 15px;
	font-weight: bold;
}

.kaitoriLink img {
	width: 120px;
}

.whiteBase {
	background-color: #fff;
	width: 100%;
	border-left: #bbb 1px solid;
	border-right: #bbb 1px solid;
	border-top: #bbb 1px solid;
	border-bottom: #bbb 1px solid;
}

.redBox {
	border: #F00 2px solid;
	margin: 5px;
	padding: 5px;
	font-size:12px;
	line-height: 1.6em;
}

.blueBox {
	border: #00F 2px solid;
	margin: 5px;
	padding: 5px;
	font-size:12px;
	line-height: 1.4em;
}

.bluebottom{
	position: absolute;
	right:2px;
	bottom: 5px;
}

.serialNo {
	margin: 5px;
	font-size: 80%;
}

#kaitori .priceRank table {
	border: none;
}

#kaitori .priceRank table th, #kaitori .priceRank table td {
	border: none;
}

#kaitori #footerNavArea {
	background: -moz-linear-gradient(top, #94c96e 0%, #5cb13a);
	background: -webkit-gradient(linear, left top, left bottom, from(#94c96e), to(#5cb13a));
	border-top: #9ab386 1px solid;
	border-bottom: #94c96a 1px solid;
}

#kaitori .footNav2 a {
	background: url(../images/nav_footer_line_k.png) no-repeat right center;
}

#kaitori .cardtypeList li a span, #kaitori .topicList li a {
	background: url(../images/arrow_green.png) no-repeat 98% center;
	background-size: 20px;
}

#kaitori .detailList li {
	background: url(../images/arrow_green.png) no-repeat 98% 50%;
	background-size: 16px;
}

#kaitori #flickSlideBox {
	height: 100%;
}

#kaitori .flipsnap {
	float: left;
	width: 5400px;
	height: 100%;
	padding: 0 10px;
}

#kaitori #flickSlideBox.comment, #kaitori .comment .flipsnap {
	height: 100%;
}

#kaitori #flickSlideBox.pricedown, #kaitori .pricedown .flipsnap {
	height: 100%;
}

#kaitori #flickSlideBox.ranking, #kaitori .ranking .flipsnap {
	height: 100%;
}

#kaitori .ranking .comArea {
	font-size: 14px;
}

#kaitori .ranking .comArea span {
	display: block;
	background: url(../images/icon_clown2.jpg) no-repeat 15px center;
	background-size: 19px;
	line-height: 1em;
}

.commentSearchArea {
	background-color: #e9e6da;
	padding: 8px;
	margin-bottom: -10px;
	text-align: center;
}

.commentSearchArea li {
	width: 48%;
	display: inline-block;
	text-align: center;
	margin: 0 0 6px;
}

.commentSearchArea li a {
	display: block;
	background-color: #fff;
	border: #ccc 1px solid;
	padding: 5px 0;
	border-radius: 6px;
}

#kaitori .prodTitle {
	margin-top: 5px;
}

#kaitori .prodPrice {
	margin: 10px auto 5px;
	padding: 3px 0;
}

#kaitori .prodPrice th {
	font-weight: bold;
	font-size: 12px;
}

#kaitori .prodPrice td {
	font-weight: bold;
	color: #ed1b1b;
	line-height: 1.3em;
}

#kaitori .prodPrice td.leftArea {
	padding: 0 7px;
}

.prodCat {
	background-color: #f7fff1;
	padding: 2px;
}

.buy_prodCat {
	text-align:left;
	background-color:#fff;
	font-size:10px;
	line-height:1.3em;
}

.buy_prodCat span{
	  display: inline-block;
      border: 1px solid #C00;
      padding: 0 2px;
      color: #C00;
      margin-right:3px;
}

.pushcart_div {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 69px;
	background-color: rgba(0, 0, 0, 0.85);
}

.pushcart_matome_btn_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 69px;
}

.pushcart_matome_btn{
	width: 90%;
	max-width: 240px;
	height: 40px;
}

.pushcart_matome_btn a {
	display: block;
	top: 50%;
	background: #CB4A2E 0% 0% no-repeat padding-box;
	border-radius: 3px;
	font: normal normal normal 15px/11px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}

.pushcart_matome_btn a::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 4px;
	background-image: url(/images/common/icon-cart.png);
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.pushcart_btn{
	display:block;
	/*position:fixed;*/
	width:50px;
	height:50px;
	background-color:#C00;
	bottom:20px;
	right:20px;
	line-height:1.5em;
	border-radius: 50px;
	opacity:0.7;
	padding:15px 10px 5px;
}

.sidebar_info_float {
	display: flex;
	position: fixed;
	gap: 2px;
	bottom:0;
	right: 5px;
	z-index: 101;
	justify-content: space-between;
}

.sidebar_info_float--item {
	display: block;
	margin-bottom: 5px;
	margin-right: 0;
	margin-left: auto;
}

.sidebar_info_float--item img {
	width: 90px;
}

.information_btn {
	display:block;
	position:fixed;
	width:90px;
	height:90px;
	bottom:5px;
	right:5px;
	padding:15px 0px 0px;
}

.information_btn img {
	width: 90px;
	height: 90px;
}

.pushcart_btn a{
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

#kaitori .content a.toCart {
	margin: 10px auto;
	width: 94%;
	display: block;
}

#kaitori .orderForm dd dt {
	background: none;
	border-radius: 0px;
	font-weight: bold;
	padding: 5px 0px;
	margin-top: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
}

#kaitori .orderForm dd dt.last {
}

#kaitori .orderForm dd dd {
	font-weight: bold;
	padding: 10px 0px;
	margin-top: 0px;
	border-radius: 0;
	border-left: none;
	border-right: none;
	border-top: none;
}

#kaitori .orderForm dd dt.last {
	border: none;
	border-radius: 0 0 6px 6px;
}

/*注文確定ボタン*/

textarea.message {
	width: 96%;
	display: block;
	margin: 0 auto;
}

.kakutei {
	margin: 10px auto;
	width: 94%;
	display: block;
}

.kakutei img {
	width: 100%;
	max-width: 400px;
}

#kaitori .commentSearchArea {
	padding: 10px 0;
}

#kaitori .commentSearchArea table {
	width: 96%;
	margin: 0 auto;
}

#kaitori .commentSearchArea table select {
	width: 98%;
}

#kaitori .commentSearchArea table td {
	text-align: left;
	padding: 8px 0;
	width: 50%;
}

#kaitori .commentSearchArea table td img {
	width: 150px;
}

.kaitoriSearchArea {
	width: 100%;
	background-color: #fff;
	border-top: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
}

#kaitori .comArea {
	padding: 7px 5px 5px;
	background-color: #fff;
	line-height: 1.4em;
	font-size: 12px;
	margin: 10px 0 5px;
}

#kaitori .comArea p {
	margin-bottom: 2px;
	font-size:10px;
}
#kaitori .comArea .modalMain p {
	margin-bottom: 2px;
	font-size:17px;
}

#kaitori .comArea span.arrow-up {
	background: url(../images/arrow_up.png) no-repeat left center;
	background-size: 20px;
	padding: 0 0 0 25px;
	font-size: 14px;
}
#kaitori .bluebottomup span.arrow-up {
	background: url(../images/arrow_up.png) no-repeat left center;
	background-size: 20px;
	padding: 0 0 0 25px;
	font-size: 14px;
}

#kaitori .comArea .selectBox {
	text-align: right;
	margin-top: 5px;
}
#kaitori .comArea .selectBox .pieceNumText{
	text-align:right;
	display: inline;
	width: 50%;
}
#kaitori .bluebottomup .selectBox {
	text-align: right;
	margin-top: 5px;
}
#kaitori .bluebottomup .selectBox .pieceNumText{
	text-align:right;
	display: inline;
	width: 50%;
}

#kaitori span.iconBtn {
	width: 20px;
	height: 20px;
	background: url(../images/arrow_green_down.png) no-repeat;
	background-size: 20px;
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -10px;
}

#kaitori .open span.iconBtn {
	background: url(../images/arrow_green_up.png) no-repeat;
	background-size: 20px;
}

.cartPriceTable td.addComment {
	text-align: left;
	background-color: #f7fff1;
	font-weight: normal;
	line-height: 1.4em;
}

.content .toKiyaku {
	background-color: #fff;
	border: #777 1px solid;
	border-radius: 4px;
	display: block;
	margin: 0 auto;
	width: 92%;
	text-decoration: none;
	color: #222;
	background-image: url(../images/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 20px;
	padding: 8px 5px;
}

.orderForm dt.dt5 {
	padding: 20px 0 20px 10px;
}

/* まとめ買い取りフォーム buy_gather*/
.buygather_titlebar{
	margin:5px 5px;
}

.buygather_process{
	margin:auto;
}

.buygather_process td img{
	width:90px;
	height:136px;
}

.matome{
	margin:5px;
}

#Shop{
	background-color:#fff;
}

#Shop form div.Inner2 div.matome table.matometable th,
#Shop form div.Inner2 div.matome table.matometable td{
	padding:5px 0;
	border		: 1px solid #555;
	line-height	: 1.3;
	color		: #313131;
}

#Shop form div.Inner2 span.Must {
		margin		: 0 3px;
		color		: #FF6600;
	}

#Shop form div.Inner2 div.matome table.matometable{
			width:100%;
}

#Shop form div.Inner2 div.matome table.matometable th{
			background	: #cdcdcd;
			padding		: 1px 5px 2px;
			text-align	: center;
			font-weight	: bold;
			font-size	:12px;
			width:35%;
}

#Shop form div.Inner2 div.matome table.matometable td{
		padding		: 6px 12px 5px;
		text-align:left;
		width:100%;
}

#Shop form div.Inner2 div.matome table.matometable img{
		width:250px;
}

#Shop form div.Inner2 div.matome table.matometable td textarea.text01{
	color:#666;
	font-size:12px;
	height:200px;
}

#Shop input{
	font-size:11px;
}

#Shop input[type="radio"]{
	margin:5px 0px;
}

#Shop .together{
	color:#666;
	font-size:11px;
	height:190px;
}

/* まとめ　2017/06/23 */
.td_together{
	display:none;
	width:200px;
	height:200px;
}

.td_img{
	width:200px;
}

.td_img input{
	margin:15px 0px;
	width:200px;
}

.matomead{
	text-align:center;
}

/* ここまで */

.hukidashi_m{
	display:block;
}

.hukidashi_m .card_list{
	border:1px solid #ccc;
	background-color:#f3f3f3;
}

.hukidashi_m .gather_desc{
	border:1px solid #ccc;
	background-color:#f3f3f3;
	padding:5px;
}

.hukidashi_m span.photo{
	color:#FF0000;
	font-weight:bold;
}

.hukidashi_m span.memo{
	color:#0000FF;
	font-weight:bold;
}

.gather_photo{
	margin:0px 7px;
}

.gather_photo img{
	width:100%;
	border:2px solid #ccc;
}

.gather_begin{
	margin:0px 7px;
}

.gather_begin img{
	width:100%;
}

#together{
	width:100%;
}

#Shop .Inner2 p{
	margin:5px 8px;
}

.Submit{
	margin-top:5px;
	text-align:center;
}

#Shop .ErrorMsg{
	font-weight:bold;
	margin				: 12px 0 18px;
	border				: 1px solid #FF0000;
	border-radius		: 5px;
	background			: #FCD0CD;
	padding				: 15px 18px 12px;
	color				: #FF0000;
}

.form_careful{
	margin-top:3px;
	color :#FF6600;
	font-weight:bold;
	font-size:11px;
}

#Shop .Submit input{
	width:42vw;
}

/* アンテナ sp_sell_antenna */
#Ranking ol.RankList li.Top3{
	border			: 3px solid #E8C500;
	padding			: 5px 5px 5px 5px;
	background		: #FFFFB0 url("../images/common/star.gif") no-repeat 117px 16px;
	box-shadow		: inset 0 1px 1px rgba(255, 255, 255, 0.8);
	margin			: 0 0 5px;
    word-wrap: break-word;
}

	#Ranking ol.RankList li a span.Read {
		display			: block;
		margin			: 0 0 0 112px;
		padding			: 12px 0 0;
		text-decoration	: none;
	}

#Ranking .article_img{
	width:70px;
	height:70px;
	margin-right:5px;
	float:left;
}

#Ranking .article_img img{
	width:100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.antenna_searchArea{
	padding:8px;
	background-color:#fff;
	border: 3px solid #E8C500;
	margin:5px 0;
}

.antenna_searchArea select{
	float:right;
	margin-top:-1px;
}

.Paging{
	float:left;
	margin-left:5px;
}

#Ranking ol{
	list-style:none;
}

#Ranking .Read{
	float:left;
	width:73%;
	height:70px;
	position:relative;
}

#Ranking a{
	color:#333;
	text-decoration:none;
}

#Ranking .Read .Txt{
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	font-size:13px;
	font-weight:bold;
}

#Ranking .Post{
	width:100%;
	float:left;
	font-size:11px;
	font-weight:bold;
}

#Ranking .Post p{
	margin-top:2px;
}

#Ranking .Post span{
	font-size:10px;
}

.CardNav .pageNaviArea > .pageNavi {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-decoration: none;
	line-height: 40px;
	margin: 0 3px;
	color: #fff;
	border-radius: 6px;
	background: -moz-linear-gradient(top, #9196b7 0%, #9196b7 40%, #3e4a7c 60%, #3e4a7c);
	background: -webkit-gradient(linear, left top, left bottom, from(#9196b7), color-stop(0.40, #9ea4bc), color-stop(0.60, #9ea4bc), to(#9196b7));
	border: #3f5066 1px solid;
	font-weight: bold;
}

#loading-gif {
	z-index:9999;
	width: 96px; /* gif画像の幅 */
	height: 96px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px; /* gif画像を大きく */
	background: #ffffff; /* gif画像の背景色 */
	opacity: 0.5; /* 透過させる */
	border-radius: 15px; /* 丸角 */
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
	display:none;
}


/* マイページガチャ履歴画面 user_mypage_mygacha */
.mygacha{
	padding:5px;
	background-color:white;
}

.mygacha table{
	width:100%;
}

.mygacha .mygacha_first > td{
	border-bottom:1px solid #999;
	font-size:12px;
	text-align:center;
}

.mygacha .mygacha_second > td{
	padding:10px 0;
	border-bottom:1px solid #ccc;
	border-bottom-style:dashed;
	font-size:13px;
	text-align:center;
	word-break: break-all;
}

.mygacha .g_point{
	color:#ed1b1b;
	font-weight:bold;
	font-size:18px;
}

td.day{
	width:20%;
}

td.prefecture{
	width:30%;
}

td.rank{
	width:10%;
}

td.r_name{
	width:25%;
}

td.h_name{
	width:30%;
	word-break: break-all;
}

td.point{
	width:20%;
}

/* mypage6 */
.mypage6_desc{
	position:relative;
	z-index:0;
}

.mypage6_desc img{
	position:absolute;
	width:100px;
	bottom:30px;
	right:0px;
}

/* gachahistory */
.history_header{
	text-align:center;
	background-color:#fff;
	padding:7px;
}

div.mygacha{
	border:1px solid#ccc;
}

/* done */
.confirmedBox span{
	color:blue;
}

.midashi_gacha{
	color:#db0000 !important;
	margin-top:10px;
}

.gacha_open{
	width:95%;
	margin:10px 2%;
}

.gacha_cm{
	width:100%;
}

.gacha_underdesc{
	margin-top:10px;
	color:#ff4500;
	font-size:12px;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1050px) {
	/* iPad用のスタイル */
	.blueBack .header_fixed{
		height:11vh;
	}

	.greenBack .header_fixed{
		height:11vh;
	}

	/* global menu */
	.global_nav{
		margin-top:11vh;
	}

	.header_link > li{
		display:table-cell;
		vertical-align: middle;
		width:14.28%;
		text-align: center;
		border:1px solid #fd9a1c;
		border-right:0;
	}

	.header_link > li:before{
		content:"";
		display:block;
		padding-top:25%;
	}

	.header_link > li:after{
		content:"";
		display:block;
		padding-bottom:25%;
	}

	.logo {
		width: 35%;
		float: left;
	}

	.content_title_icon{
		width:15vw;
		top:-16px;
		left:-5px;
	}
}


@media screen and (orientation: landscape) and (max-device-width : 1500px){
	 /* iPadの横向きの場合のスタイル */
	.logo {
		width: 18%;
		padding: 5px 0 0 0px;
	}

	.headerNav {
		float: right;
		width: 58%;
		text-align: right;
		padding: 5px 10px 0 0;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.headerNav a {
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}

	.header_link > li:before{
		content:"";
		display:block;
		padding-top:15%;
	}

	.header_link > li:after{
		content:"";
		display:block;
		padding-bottom:10%;
	}

	.content_title_icon{
		width:15vw;
		top:-16px;
		left:-5px;
	}
}

.credit_addArea{
	border-color : #828282;
	border-width : 1px;
	border-style : solid;
	width:96%;
	margin-left:7px;
	margin-bottom:10px;
}

.credit_addArea td{
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
}

.card_selection{
	margin-left:8px;
	margin-right:7px;
}

/*2021/07 ID-76　SP版ランキングデザイン用CSS*/
/* moreArea */
.to24Cards,
.to30Cards {
	margin: 10px 0 0;
	text-align: center;
}

/* moreArea img*/
.to24Cards img,
.to30Cards img {
	width: 100%;
}

.to24Cards.detail,
.to30Cards.detail {
	width: 95%;
	margin: 10px auto;
	cursor: pointer;
}

/* #ranking */
#show12Cards,
#show24Cards,
#show30Cards {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	white-space: normal;
	background-color: #fdffe3;
	padding: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	display: flex;
	flex-wrap:wrap;
}

/* rankingTable */
.rankingCard {
	position: relative;
	width: calc(calc(100% / 6) - 8px);
	padding: 0 4px;
}

.rankingCard a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.rankingCard img {
	width: 100%;
}

.rankingCard .priceArea {
	font-size: 10px;
	font-weight: bold;
	overflow-wrap: break-word;
}

.rankingCard .priceArea span {
	color: #F00;
}

/* rankNum */
.rankNumber {
	font-weight: bold;
	background: url(../images/icon_clown.png) no-repeat left center;
	background-size: 13px;
	padding: 5px 0 5px 15px;
	line-height: 1em;
	font-size: 10px;
}

/* ID-76の施策２ */
/* line02 */
.secondSearchBox {
	margin: 0px 0;
	padding: 10px 8px;
	background-color: #fdffe3;
	border-top: #fdffe3 1px solid;
	border-bottom: #fdffe3 1px solid;
	line-height: 1em;
}

/* clearfix */
.second_clearfix {
	zoom: 100%;
	border: #ccc 1px solid;
}

.second_clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* search_menu */
#second_search_menu {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
}

.second_series_li {
	background-color: #fff;
}

.second_status_li {
	background-color: #fff;
}

#second_search_menu li {
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	position: relative;
}

#second_search_menu li a {
	display: block;
	text-decoration: none;
	padding: 7px 5px 5px;
}

#second_search_menu li a img.menu {
	width: 80%;
	max-width: 140px;
	z-index: 10;
}

#second_search_menu li a div.allow {
	float: right;
	text-align: right;
	position: relative;
}

#second_series_menuOpen {
	border-right: #ccc 1px solid;
}

/* search_menu_series */
#second_search_menu_series {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
}

/* search_menu_status */
#second_search_menu_status {
	display: none;
	width: 96%;
	margin: 0 auto;
	background-color: #fff;
}

/* kensakuArea */
.secondKensakuArea {
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	line-height: 1em;
}

.secondKensakuArea table {
	width: 100%;
}

.secondKensakuArea table td {
	line-height: 1em;
}

.secondKensakuArea table td.td0 {
	width: 15%;
	padding-right: 1%;
}

.secondKensakuArea table td.td0 span {
	width: 60px;
	height: 53px;
	display: block;
	float: left;
	background-image: url(../images/icon_top05.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 60px 53px;
}

.secondKensakuArea table td.td1 {
	width: 70%;
	padding-top: 1px;
}

.secondKensakuArea table td.td2, .secondKensakuArea table td.td3 {
	width: 15%;
	max-width: 60px;
	padding-left: 2%;
}

.secondKensakuArea input[type="text"], .secondKensakuArea input[type="image"], .secondKensakuArea div {
	display: block;
	line-height: 1em;
}

.secondKensakuArea input[type="text"] {
	width: 90%;
	height: 30px;
	border-radius: 0;
	border: #0380c0 1px solid;
	line-height: 1em;
}

.secondKensakuArea input[type="image"], .secondKensakuArea div {
	width: 98%;
	max-width: 60px;
	margin: 0;
	padding: 0;
}

.secondKensakuArea div {
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}

.secondKensakuArea div img {
	width: 100%;
	max-width: 60px;
	vertical-align: top;
}

.secondKensakuArea input[type="image"] {
	height: auto;
}
 @media(min-width:321px) {

.secondKensakuArea input[type="text"] {
	height: 36px;
}
}

/* ID-81施策 SP販売サイト縦スクロール化 */
.card_result_vertical {
	height: auto;
	width: 30%;
	margin: 2.5px;
	text-align: start;
	background-color: #fffffe;
	line-height: 1.3em;
	float: none;
}

.card_result_vertical a.modalOpen {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0
}

.card_result_vertical .card_result_info {
	padding: 3px 3px 3px 4px;
}

.card_result_vertical .card_result_info h5.card_name {
	font-weight: bold;
}

.card_result_vertical .card_result_info p.card_price {
	font-weight: bold;
    color: #ed1b1b;
}

.card_result_vertical .card_result_info p {
	font-size: 11px;
}

.selltop_more {
	width: 91%;
	padding:5px 0;
	margin: 0 auto;
	text-align: center;
	color:#fff;
	font-weight:bold;
	border-radius: 5px;
	background: -moz-linear-gradient(top, #252B45, #475384 50%, #252B45);
	background: -webkit-linear-gradient(top, #252B45, #475384 50%, #252B45);
	background: linear-gradient(to bottom, #252B45, #475384 50%, #252B45);
}

#now-loading {
	width: 100%;
	margin: 0;
	text-align: center;
}

button.ais-InfiniteHits-loadMore--disabled { /* Algolia 検索結果0件時に表示されるボタン */
	display: none;
}

#to_page_top { /* 縦スクロール画面 「検索トップへ」ボタン */
	width: 95%;
	padding:8px 0;
	margin: 3px auto;
	position:fixed;
	left: 50%;
	transform: translate(-50%);
	z-index:999;
	text-align: center;
	font-size: 15px;
	font-weight:bold;
	color: #000;
	border-radius: 18px;
	background: -moz-linear-gradient(top, #fc9a1c, #FDC37C 50%, #fc9a1c);
	background: -webkit-linear-gradient(top, #fc9a1c, #FDC37C 50%, #fc9a1c);
	background: linear-gradient(to bottom, #fc9a1c, #FDC37C 50%, #fc9a1c);
	opacity: 0.95;
	box-shadow: 0 0 8px gray;
}


/* デッキ購入UX */
.deck-list {
	background-color: #E2F0EF;
}

h1.deck-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

.tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: transparent;
	margin: 0 auto;
}

.deck-header {
	position: relative;
	height: 32px;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 15px;
	background-color: #000;
	color: #fff;
}

.deck-header > span {
	position: absolute;
	bottom: 3px;
	padding: 0 5px;
	font-size: 10px;
}

.deck-header a.deck-return-top {
	display: inline-block;
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 10px;
	padding: 0 2px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	border-radius: 5px;
	color: #000;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

a.deck-return-top span {
	line-height: 18px;
}

.tab-item {
	margin-top: 10px;
	margin-left: 2px;
	margin-right: 2px;
	padding-left: 15px;
	padding-right: 15px;
	height: 34px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #DBDFE0;
	line-height: 34px;
	font-size: 14px;
	text-align: center;
	color: #565656;
	display: block;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}

.tab-item:hover {
	opacity: 0.75;
}

input[name="tab-item"] {
	display: none;
}

.tab-content {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	flex: 1 1 100%;
	display: none;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	overflow: hidden;
	border-radius: 5px;
	background-color: #fff;
}


#main_deck:checked ~ #main_deck_content,
#extra_deck:checked ~ #extra_deck_content,
#side_deck:checked ~ #side_deck_content,
#gr_deck:checked ~ #gr_deck_content,
#hyper_spatial_deck:checked ~ #hyper_spatial_deck_content,
#special_deck:checked ~ #special_deck_content {
	display: flex;
}

.tabs input:checked + .tab-item {
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
}

.card-box {
	position: relative;
	width: calc(100% / 3 - 2px);
}

.card-box p.card-name {
	font-weight: bold;
	font: normal normal normal 14px/18px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2em;
	line-height: 1em;
	padding-top: 2px;
}

.card-box .card-modal {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.card-box p.card-min-price {
	font: normal normal bold 10px/17px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #EE1B1B;
}

.card-box p.card-detail {
	font: normal normal normal 10px/17px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #333333;
}

.deck-cart {
	vertical-align: middle;
}

.card-box div.deck-modal {
	display: none;
}

.deck-empty {
	width: 100%;
	padding: 58px 0;
	text-align: center;
}

.deck-empty p {
	width: 100%;
	text-align: center;
	font: normal normal bold 14px/20px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #000000;
}

.deck-empty p + .deck-return {
	margin-top: 20px;
}

a.deck-return {
	display: inline-block;
	width: 150px;
	height: 41px;
	background: #000000 0% 0% no-repeat padding-box;
	border-radius: 5px;
	border: none;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	font: normal normal normal 12px/16px Hiragino Kaku Gothic ProN;
}

a.deck-return span {
	line-height: 41px;
}

.deck-maker-icon {
	vertical-align: middle;
	padding: 0 1px;
}

.modal-wrapper {
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 8px;
	text-align: center;
}

.modal-button {
	cursor: pointer;
	display: block;
}

.modal-wrapper:not(:target) {
	opacity: 0;
	visibility: hidden;
}

.modal-wrapper:target {
	opacity: 1;
	visibility: visible;
}

.modal-wrapper::after {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: ""
}

.modal-wrapper .modal-window {
	box-sizing: border-box;
	display: inline-block;
	z-index: 20;
	background: transparent;
	position: absolute;
	top: 200px;
	left: 10px;
	right: 10px;
	padding: 0;
	height: 300px;
	overflow: hidden;
	vertical-align: middle;
}

.modal-wrapper .modal-window .modal-content {
	position: relative;
	height: 280px;
	overflow-y: auto;
	text-align: left;
}

.modal-overlay {
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #BCBCBC 0% 0% no-repeat padding-box;
	opacity: 0.7;
}

.modal-footer {
	position: relative;
	background: #EDEDED 0% 0% no-repeat padding-box;
	height: 31px;
	text-align: center;
	font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #707070;
}

.modal-footer a.modal-close {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #707070;
	text-decoration: none;
	line-height: 31px;
}


.modal-footer a.modal-close img {
	vertical-align: middle;
}

a.deck-list-link {
	display: flex !important;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border: solid 1px #000001;
	border-radius: 5px;
	height: 9vw;
	font: normal normal normal 3.2vw Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.deck-list-link img.deck-maker-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 5%;
	width: 8%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

a.deck-nyuka-link {
	position: relative;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #2E86FD;
	border-radius: 5px;
	height: 11vw;
	font: normal normal normal 3vw Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #2E86FD;
	text-decoration: none;
}

.deck-nyuka-link span {
	display: block;
	position: absolute;
	top: 50%;
	left: 20%;
	height: 11vw;
	line-height: 11vw;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.deck-nyuka-link img.deck-nyuka-icon {
	display: block;
	position: absolute;
	top: 50%;
	left: 5%;
	width: 11%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.deck-more-area.deck-detail, .to24Cards.detail.deck-detail, .to30Cards.detail.deck-detail {
	background: #EDEDED 0% 0% no-repeat padding-box;
	margin: 0;
	padding: 6px 0;
	width: 100%;
	font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #707070;
	text-align: center;
	cursor: pointer;
}

.deck-detail img {
	width: auto;
	vertical-align: middle;
}

#show12Cards.deck-cards, #show24Cards.deck-cards, #show30Cards.deck-cards {
	padding: 0;
}

.clearfix.detail_top.deck-top {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0;
	justify-content: space-between;
}

.serialNotice {
  display: none;
  padding: 0px 12px 12px 12px;
  font-size: 12px;
}

.renewalNewsSp {
  text-align: center;
  color: #FF0000;
  font-family: 'Comic Sans MS', cursive, sans-serif;
  margin-top: 2%;
}
.renewalNewsSp p {
  font-size: 16px;
  color: #FF0000;
}

.detail_top_items {
	display: flex;
	background-color: #FFFFFF;
	margin: 16px -5px 0 -5px;
}

a.detail_top_item{
	font: normal normal normal 3vw Hiragino Kaku Gothic ProN;
	display: block;
	width: 100%;
	margin: 0 5px;
	height: 8vw;
	line-height: 8vw;
	text-decoration: none;
	letter-spacing: 0px;
	line-height: 8vw;
}

a.detail_top_item img {
	vertical-align: middle;
}

a.detail_top_item.ranking,
a.detail_top_item.comment{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 1px #00000029;
	border: 1px solid #FD9A1D;
	border-radius: 5px;
	text-align: center;
	color: #FD9A1D;
}

a.detail_top_item.deck-search,
a.detail_dk_deck-search__button{
	display: flex;
	background: #000000;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 0px 1px 1px #00000029;
	color: #fff;
	font-size: 12px;
	align-items: center;
	justify-content: center;
	height: 8vw;
}
a.detail_dk_deck-search__button{
	width: 150px;
	text-decoration: none;
}

a.detail_top_item img.deck-maker-icon {
	width: 11px;
	vertical-align: middle;
	margin-right: 5px;
}

.detail_dk_deck-search{
	display: flex;
	width: 96%;
	margin: 16px auto;
	background-color: #fff;
	border: 1px solid #fff;
	padding: 16px 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	flex-direction: column;
	align-items: center;
}
.detail_dk_deck-search__text{
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 16px;
	text-align: justify;
}

.whiteBox.deck-card-effect {
	width: 96%;
	padding: 0;
}

.deck-card-effect-main {
	padding: 6px;
	height: 4em;
	overflow: hidden;
	line-height: normal;
}

.deck-card-effect-more {
	background: #EDEDED 0% 0% no-repeat padding-box;
	margin: 0;
	padding: 6px 0;
	width: 100%;
	font: normal normal normal 12px/20px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #707070;
	text-align: center;
	cursor: pointer;
}

.deck-card-effect-more img {
	vertical-align: middle;
}

.whiteBox.deck-card-statement {
	margin-top: 10px;
}

.total-card-price {
	display: flex;
	height: 34px;
	margin-bottom: 20px;
}

.total-card-price .total-card-price-heading {
	background-color: #FD9A1C;
	border: 1px solid #DBDFE0;
	border-right: none;
	width: 98px;
	text-align: center;
	font: normal normal bold 10px/17px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	line-height: 34px;
	color: #F7F7F7;
	border-radius: 5px 0px 0px 5px;
}

.total-card-price .total-card-price-body {
	padding-right: 11px;
	background-color: #F7F7F7;
	border: 1px solid #DBDFE0;
	border-left: none;
	width: calc(100% - 100px);
	text-align: right;
	font: normal normal bold 14px/24px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #EE1B1B;
	letter-spacing: 0px;
	line-height: 34px;
	border-radius: 0px 5px 5px 0px;
}

/* メールが届かない人用メッセージ */
.faq-link-for-user-whose-mail-wont-received {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}

.faq-link-for-user-whose-mail-wont-received .message {
  line-height: 1.5;
}

.faq-link-for-user-whose-mail-wont-received .message a {
  color: #0000cc;
  text-decoration: underline;
}

.exception-wrapper {
	text-align: center;
	padding: 20px 20px;
}

.exception-wrapper > .exception-texts > .exception-heading{
	font-weight:bold;
	font-size:16px;
	text-align:left;
	width: fit-content;
	margin: 0 auto;
}

.exception-wrapper > .exception-texts > .exception-message{
	font-size:12px;
	text-align:left;
	width: fit-content;
	margin: 20px auto;
}

.pcg-only-kaitori-wrapper{
	padding: 10px 5px;
	width: calc(100% - 10px);
}

.pcg-only-kaitori-title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.pcg-only-kaitori{
	margin-top: 5px;
	display: flex;
	align-items: center;
	background-color: #FFF;
	border: #ccc 1px solid;
	width: calc(100% - 2px);
}

.pcg-only-kaitori > img{
	max-width: 400px;
	width: 100%;
}