@charset "UTF-8";

/* -----------------------------------------------
 *  	         link style setting
 * ----------------------------------------------- */
/* =========== table =========== */

table{
	width:100%;
	margin:0 0 2% 0;
	border-spacing:10px 15px;
	}
table tr{
	width:100%;
	}
table tr th{
	width:50%;
	text-align:left;
	font-size:1.6rem;
	}
table tr td{
	width:50%;
	text-align:left;
	padding:0 0 0 5px;
	color:#000;
	border-left:solid #000000 2px;
	}
/* production_only */
tr.production_only td{
	width:49%;
	display: inline-block;
	margin:0 0 15px 0;
	}
	
	
table tr td a{
	position:relative;
	display:block;
	width:100%;
	padding:10px 0 10px 10px;
	background-color:#ffffff;
	transition:all 0.3s;
	box-sizing:border-box;
    text-decoration: none;
	}
table tr td a::after{
	position:absolute;
	left:0;
	bottom:0;
	display:block;
	content:"";
	width:0%;
	height:1px;
	background-color:#000;
	transition:all 0.3s;
	}

/* hover */
table tr td a:hover{
	}
table tr td a:hover::after{
	width:100%;
	}

/* 480px */
@media only screen and (max-width: 30em) {
table tr th{
	font-size:1.2rem;
	}
}
/* table favicon setting */

img.favi{
	width:18px;
	height:18px;
	line-height:0;
	margin:0 10px 0 0;
	padding:0;
	vertical-align: text-bottom;
	}


/* フェアシステムリンク */
a.fairsystem{
	display:none;
	background-color:transparent;
	font-size:11px;
	transition:all 0.3s;
	}

span#fairSystemTrigger{
	font-size:12px;
	background:#666666;
	color:#FFF;
	padding:3px 5px;
	font-weight:normal;
	cursor:pointer;
	transition:all 0.3s;
	}
span#fairSystemTrigger.open{
	background:#000000;
	}