/*
.ss_title{
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
*/


/** page **/

#page{
	width: auto;
	margin: 0;
	padding: 20px;
}
#info_list{	margin-top: 2px;}
#info_list.list dt:nth-of-type(1), #info_list.list dd:nth-of-type(1){	width: 125px;}
#info_list.list dt:nth-of-type(2), #info_list.list dd:nth-of-type(2){	width: calc(100% - 125px);}

#info_list{
	border-bottom: none;
}

/*
#info{
	scroll-margin-top: 110px;
}
@media screen and (max-width: 750px) {
	#info{
		scroll-margin-top: 95px;
	}
}
*/

.p_cancell{
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	padding: 5px 0 5px 5px;
}
.p_cancell span{
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 2px 3px 2px 17px;
	border-radius: 2px;
	color: #1a335b;
	border: solid 1px #1a335b;
}
.p_cancell span:before,
.p_cancell span:after {
	content: '';
	position: absolute;
	width: 8px;
	height: 1px;
	top: 9px;
	left: 5px;
	background-color: currentColor;
}
.p_cancell span:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.p_cancell span:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

@media screen and (max-width: 750px) {
	#info_list.list dt:nth-of-type(1), #info_list.list dd:nth-of-type(1){
		width: 80px;
		text-align: center;
	}
	#info_list.list dt:nth-of-type(2), #info_list.list dd:nth-of-type(2){	width: calc(100% - 80px);}
}

.topbt_bg{
	font-size: 0;
	line-height: 0;
	text-align: center;
	margin: 0 0 20px 0;
}
@media screen and (max-width: 750px) {
	.topbt_bg{
		margin: 15px 0;
	}
}


/** score **/
#score{
	width: 100%;
	margin: 2px 0 15px 0;
}
#score dl{
	display: table;
	width: 100%;
	table-layout: fixed;
	font-size: 0;
	line-height: 0;
	margin: 0 0 1px 0;
}

#score dt,
#score dd{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.fz_s #score dt, .fz_s #score dd{
	font-size: 13px;
	line-height: 15px;
}
.fz_l #score dt, .fz_l #score dd{
	font-size: 16px;
	line-height: 18px;
}

#score dt{
	width: 157px;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	font-weight: normal;
	background: #e1e5eb;
	border-right: 2px solid #aab8ce;
	padding-left: 0;
	padding-right: 0;
}

#score dd{

}
#score dl:nth-child(even) dd{
	background: #f0f8ff;
}

#score dl:first-of-type dd{
	text-align: center;
	box-shadow: 0px -2px 0px 0px #ccc inset;
	-webkit-background-size: 4px 4px;
	-moz-background-size: 4px 4px;
	background-size: 4px 4px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
	            color-stop(.25, #f4f4f4), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #f4f4f4),
	            color-stop(.75, #f4f4f4), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #f4f4f4 25%, transparent 25%,
	          transparent 50%, #f4f4f4 50%, #f4f4f4 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f4f4f4 25%, transparent 25%,
	          transparent 50%, #f4f4f4 50%, #f4f4f4 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #f4f4f4 25%, transparent 25%,
	          transparent 50%, #f4f4f4 50%, #f4f4f4 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #f4f4f4 25%, transparent 25%,
	          transparent 50%, #f4f4f4 50%, #f4f4f4 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f4f4f4 25%, transparent 25%,
	          transparent 50%, #f4f4f4 50%, #f4f4f4 75%,
	          transparent 75%, transparent);
}
#score dd:nth-of-type(5){ width: 60px; text-align: right;}
#score dd:nth-last-of-type(2){ width: 15%;}



@media screen and (max-width: 500px) {
	#bg{	display: block;}
	#score{ overflow-x: scroll;}
	#score dl{ width: 600px;}
	#score dd{ padding: 10px 5px;}
	#score dd:nth-last-of-type(2){ width: 110px;}
	#score dd:last-of-type{	width: 90px;}
}


/** per **/

#per{
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	margin: 10px 0 25px 0;
}
#per p{
	width: calc(100% / 3 );
	text-align: center;
	border-right: 1px solid #ccc;
	padding: 2px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#per p:last-of-type{	border-right: none;}
.up{	color: #f01b1b;}
.down{	color: #225ad8;}

.fz_s #per p{
	font-size: 14px;
	line-height: 18px;
}
.fz_l #per p{
	font-size: 16px;
	line-height: 20px;
}


/** etc_link **/
#etc_link{
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 5px solid #1a335b;
}

#etc_link_box{
	
	margin: 0 auto;
	max-width: 430px;
	display: flex;
	justify-content: space-evenly;
}

#etc_link a{
	display: flex;
	width: 63px;
	height: 63px;
	border-radius: 50%;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #fff;
}

#etc_link a:nth-child(1){
	background-color:#0084D1;
}
#etc_link a:nth-child(2){
	background-color:#3851A7;
}
#etc_link a:nth-child(3){
	background-color:#E22A2A;
}
#etc_link a:nth-child(4){
	background-color:#393F4B;
}
#etc_link a:nth-child(5){
	background-color:#009480;
}

.fz_s #etc_link a{
	font-size: 12px;
	line-height: 16px;
}
.fz_l #etc_link a{
	font-size: 15px;
	line-height: 18px;
}




/***** COMMON CSS *****/

/**  block_title **/

.block_title{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 100%;
	min-height: 55px;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	color: #fff;
	background: #1a335b;
	padding: 7px 10px;
	border-top: 2px solid #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.block_title > span{
	width: 100%;
	font-size: 14px;
}
.block_title > em{
	font-style: normal;
}
.block_title .fz_select{	top: 15px;}



/** s_title **/

.s_title{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 60px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	margin: 0 0 15px 0;
	padding: 10px 10px 10px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.s_title span{
	font-size: 14px;
	line-height: 18px;
}
.s_title:after{
	content: "";
	width: 80px;
	height: 4px;
	background: #1a335b;
	border-radius: 2px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 40px);
}

.ss_title{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-weight: normal;
	text-align: center;
	padding: 7.5px 10px;
	background: #f5f5f5;
	box-shadow:0px 0px 0px 1px #ccc inset;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.fz_s .ss_title{
	font-size: 16px;
	line-height: 20px;
}
.fz_l .ss_title{
	font-size: 19px;
	line-height: 25px;
}


/** info_list **/

#info_list{
	width: 1040px;
	margin: 0 auto;
	padding: 0 0 1px 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#info_list .base_table{
	margin-bottom: 15px;
}

#info_list dl{
	display: flex;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	font-size: 14px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#info_list dt,
#info_list dd{
	padding: 10px 7px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#info_list dt{
	font-size: 16px;
	font-weight: normal;
	background: #f5f5f5;
	box-shadow:0px 0px 0px 1px #ccc inset;
	text-align: center;
	margin-right: 1px;
}
#info_list dt:last-of-type{	margin-right: 0;}
#info_list dd{
	position: relative;
	text-align: left;
	background: #f5f5f5;
	border-right: 1px solid #fff;
}
#info_list dd:nth-of-type(1){
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
#info_list dd:nth-of-type(2) a{
	display: -webkit-inline-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

#info_list dd:nth-of-type(2) .icon{
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 15px;
	padding: 1px 4px 0 4px;
	border-radius: 2px;
	color: #fff;
	position: absolute;
	top: 13px;
	left: 7px;
}
#info_list .large_table dd:nth-of-type(2){	padding-left: 42px;}


#info_list dl:nth-of-type(even) dd{	background: #fff;}

#info_list dt:nth-of-type(1), #info_list dd:nth-of-type(1){	padding: 10px 7px;}
#info_list dt:last-of-type, #info_list dd:last-of-type{	border-right: none;}

#info_list.list dt:nth-of-type(1), #info_list.list dd:nth-of-type(1){	width: 210px;}
#info_list.list dt:nth-of-type(2), #info_list.list dd:nth-of-type(2){	width: calc(100% - 210px);}

#info_list.brand dt:nth-of-type(1), #info_list.brand dd:nth-of-type(1){	width: 65px; text-align: center;}
#info_list.brand dt:nth-of-type(2), #info_list.brand dd:nth-of-type(2){	width: calc(100% - 130px);}
#info_list.brand dt:nth-of-type(3), #info_list.brand dd:nth-of-type(3){	width: 65px; text-align: center;}

#info_list .del_btn{	cursor: pointer;}


/** info_list **/

#info_list2{
	width: 1040px;
	margin: 0 auto;
	padding: 0 0 1px 0;
	border-bottom: 5px solid #1a335b;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#info_list2 dl{
	display: flex;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
	font-size: 14px;
	line-height: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#info_list2 dt,
#info_list2 dd{
	padding: 10px 7px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#info_list2 dt{
	color: #fff;
	background: #1a335b;
	text-align: center;
	border-right: 1px solid #fff;
}
#info_list2 dd{
	text-align: left;
	background: #f5f5f5;
	border-right: 1px solid #fff;
}
#info_list2 dd:nth-of-type(2){
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#info_list2 dd:nth-of-type(3) a{
	display: -webkit-inline-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: currentColor;
}

#info_list2 dl:nth-of-type(even) dd{	background: #fff;}

#info_list2 dt:nth-of-type(1), #info_list2 dd:nth-of-type(1){	padding: 10px 7px;}
#info_list2 dt:last-of-type, #info_list2 dd:last-of-type{	border-right: none;}

#info_list2.list dt:nth-of-type(1), #info_list2.list dd:nth-of-type(1){	width: 135px;text-align: center;}
#info_list2.list dt:nth-of-type(2), #info_list2.list dd:nth-of-type(2){	width: 210px;}
#info_list2.list dt:nth-of-type(3), #info_list2.list dd:nth-of-type(3){	width: calc(100% - 345px);}


	#info_list{
		width: auto;
		margin: 0;
		padding: 0 0 1px 0;
		margin: 0 2px;
	}
	#info_list dl{
		font-size: 13px;
		line-height: 15px;
	}
	#info_list dd{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	#info_list dt:nth-of-type(1){	font-size: 13px;}
	#info_list dl:nth-of-type(1) dt:nth-of-type(1){	font-size: 16px;}
	#info_list dd:nth-of-type(1){	font-size: 13px;}


	#info_list.list dt:nth-of-type(1), #info_list.list dd:nth-of-type(1){	width: 155px;}
	#info_list.list dt:nth-of-type(2), #info_list.list dd:nth-of-type(2){	width: calc(100% - 155px);}

	#info_list.brand dt:nth-of-type(1), #info_list.brand dd:nth-of-type(1){	width: calc(100% - 75px);}
	#info_list.brand dd:nth-of-type(1){	text-align: left;}
	#info_list.brand dt:nth-of-type(2), #info_list.brand dd:nth-of-type(2){	width: 75px; text-align: center;}

	#info_list.list dd:nth-of-type(2) a,
	#info_list.brand dd:nth-of-type(1) a{
		-webkit-line-clamp: 3;
		color: currentColor;
	}




	#info_list2{
		width: auto;
		margin: 0;
		padding: 0 0 1px 0;
		margin: 0 2px;
	}
	#info_list2 dl{
		font-size: 13px;
		line-height: 15px;
	}
	#info_list2 dd{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
	}
	#info_list2 dt:nth-of-type(1){	font-size: 13px;}
	#info_list2 dd:nth-of-type(1){	font-size: 13px;}

	#info_list2 dl:nth-of-type(1) dt{	font-size: 16px;}
	#info_list2.list dt:nth-of-type(1), #info_list2.list dd:nth-of-type(1){	width: 70px; padding: 10px 2px;}
	#info_list2.list dt:nth-of-type(2), #info_list2.list dd:nth-of-type(2){	width: 120px;}
	#info_list2.list dt:nth-of-type(3), #info_list2.list dd:nth-of-type(3){	width: calc(100% - 190px);}

	#info_list2.list dd:nth-of-type(3) a{
		-webkit-line-clamp: 2;
	}


#info_list.list dt:only-child{	width: 100%;}




.fz_s #info_list dl{
	font-size: 13px;
	line-height: 15px;
}
.fz_s #info_list dt:nth-of-type(1){	font-size: 13px;}
.fz_s #info_list dl:nth-of-type(1) dt:nth-of-type(1){	font-size: 16px;}
.fz_s #info_list dd:nth-of-type(1){	font-size: 13px;}
.fz_s #info_list2 dt:nth-of-type(1){	font-size: 13px;}
.fz_s #info_list2 dd:nth-of-type(1){	font-size: 13px;}
.fz_s #info_list2 dl:nth-of-type(1) dt{	font-size: 16px;}

.fz_l #info_list dl{
	font-size: 16px;
	line-height: 21px;
}
.fz_l #info_list dt:nth-of-type(1){	font-size: 16px;}
.fz_l #info_list dl:nth-of-type(1) dt:nth-of-type(1){	font-size: 19px;}
.fz_l #info_list dd:nth-of-type(1){	font-size: 16px;}
.fz_l #info_list2 dt:nth-of-type(1){	font-size: 16px;}
.fz_l #info_list2 dd:nth-of-type(1){	font-size: 16px;}
.fz_l #info_list2 dl:nth-of-type(1) dt{	font-size: 19px;}








/** mypage_info **/

#mypage_info{
	margin: 0 0;
	border-bottom: 5px solid #1a335b;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#mypage_info > div{
	padding: 15px 15px;
	text-align: left;
}
#mypage_info > div:nth-of-type(odd){	background: #f5f5f5;}
#mypage_info > div a{	color: currentColor;}
#mypage_info > div .date{
	font-size: 11px;
	line-height: 18px;
	color: #777;
	margin: 0 0 0px 0;
}
#mypage_info > div .title{
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 3px 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
#mypage_info > div .title .icon{
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 15px;
	padding: 1px 4px 0 4px;
	border-radius: 2px;
	color: #fff;
	position: absolute;
	top: 2px;
	left: 0;
}


#mypage_info > div .title .icon+a{
	display: inline-block;
	padding-left: 35px;
}
.i1{	background: #003aa8;}
.i2{	background: #00a400;}
.i3{	background: #a60000;}
.i4{	background: #a57101;}

#mypage_info > div .name{
	font-size: 13px;
	line-height: 18px;
	color: #264a83;
}


/** basic_list **/

.basic_list{
	font-size: 0;
	line-height: 0;
	padding: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.basic_list:last-of-type{	border-bottom: 5px solid #1a335b;}
.basic_list ul{}
.basic_list li{
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.basic_list li a,
.basic_list li p{
	display: block;
	color: currentColor;
	font-size: 15px;
	line-height: 20px;
	text-align: left;
	padding: 12px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.basic_list li:nth-of-type(even){	background: #f5f5f5;}
.basic_list li a:before{
	content: '';
	width: 8px;
	height: 8px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: absolute;
	top: calc(50% - 4px);
	right: 9px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.basic_list li a span,
.basic_list li p span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	line-height: 1.4;
	margin-left: 5px;
	top: 3px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/** bt **/

.bt_bg{
	text-align: center;
}
.bt{
	display: inline-flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: 280px;
	height: 60px;
	font-size: 16px !important;
	font-weight: bold;
	line-height: 20px !important;
	color: #ff4e00 !important;
	border: 1px solid #ff4e00;
	background: none;
	border-radius: 5px;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.bt:hover{
	text-decoration: none;
	color: #fff !important;
	background: #ff4e00;
}


/** zero **/

.zero{
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	padding: 100px 0;
}
.zero_bd{
	font-size: 16px;
	line-height: 22px;
	text-align: left;
	margin: 50px 15px;
	padding: 50px 10px;
	border: 3px double #ccc;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.zero_bd span{	color: #ff9900;}
.subcaution{
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	padding: 0 10px;
}
.subcaution span{	color: #ff0000;}

@media screen and (max-width: 650px) {
	.zero{
		font-size: 14px;
		padding: 50px 10px;
	}
	.zero_bd{
		font-size: 14px;
		text-align: center;
	}
}

.red{	color: #ff0000;}

.pc_none{ display: none;}

/*cate*/
.cate_box{
}

.cate {
    display: table;
    table-layout: fixed;
    font-size: 0;
    line-height: 0;
    text-align: center;
    border-collapse: separate;
    border-spacing: 2px 0;
    margin: 0 auto;
	width: calc(100% - 26px);
    padding: 5px 0 10px 0 !important;
}

.cate span,
.cate a{
	display: table-cell;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 0 1px;
	display: table-cell;
	height: 36px;
	vertical-align: middle;
}
.cate span{
	font-weight: bold;
}

.cate span:after,
.cate a:after{
	content			: "";
	display			: block;
	clear			: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #ccc transparent transparent transparent;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
}
.cate span:after{
	border-color:#e18611 transparent transparent transparent;
}
.cate a{
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}
.cate a:hover{
	text-decoration: none;
	color: #fff;
}
.cate a:hover{
	background: #e18611;
	border-color: #e18611;
}
.cate span{
	position: relative;
	color: #fff;
	background: #e18611;
}







/*=================================================
 * CSS for SP
 * ================================================= */

@media screen and (max-width: 750px) {
	.pc_none{ display: inline-block;}
	#page{	padding: 0;}
	#bg{
		width: 100%;
		margin: 0;
	}
	
	.p_cancell{
		padding: 5px 5px 5px 5px;
	}
	#fbt{
		width: 100%;
		left: 0;
	}

	#info_list.list dt:nth-of-type(1), #info_list.list dd:nth-of-type(1){
		width: 80px;
		text-align: center;
	}
	#info_list.list dt:nth-of-type(2), #info_list.list dd:nth-of-type(2){	width: calc(100% - 80px);}
	#score dt{
		width: 80px;
	}

}

#info_list.list dt:only-child{	width: 100% !important;}