/* CSS Document */

.top_button_link a:link { color: #ffffff;text-decoration: none;}
.top_button_link a:visited { color: #ffffff;text-decoration: none;}
.top_button_link a:hover { color:#EF6C00;text-decoration: none;}
.top_button_link a:active { color: #ffffff;text-decoration: none;}

.navi_button a:link { color: #ffffff;text-decoration: none;}
.navi_button a:visited { color: #ffffff;text-decoration: none;}
.navi_button a:hover { color:#EF6C00;text-decoration: none;}
.navi_button a:active { color: #ffffff;text-decoration: none;}

.circle_1 {color:#d72b00;}

#main_section ul {
	list-style-image:url(../img/li_ico/disc_yellow.png);
}

.top_button_bg {background-color:#fa6a3d;}
.top_color_line,.under_color_line ,.read_s,.read_l,.triangle,.navi_bar,#navi,#navi_m,h2 {
	background-color:#fa6a3d;
}
.side_list {border:solid 2px #FFF3E0;}
.read_TXT {
	border-left:solid 4px #d72b00;
	color:#FFFFFF;
}
.read_s:before,.read_l:before {border-color: #fa6a3d transparent transparent transparent;}
.message_box {border:solid 3px #FFF3E0;}
.rank_title_0,.rank_title_1,.Panel_read {border-bottom: 2px solid #FFF3E0;}
.rank_TXT_color_1 {color:#fa6a3d;}
.pager .current{background:#FFF3E0;}
.comment-body p{border:1px dashed #FFF3E0;}
.Panel_read {border:solid 1px #FFF3E0;}
.Panel_read_txt {border-left:solid 5px #fa6a3d;}

h1 {
	padding:1% 2%;
	margin-top:0;
	font-size:130%;
	font-weight:bold;
}

.read_s,.read_l h1:after {
	background: -moz-linear-gradient(to right, #FFF3E0, #fa6a3d);
	background: -webkit-linear-gradient(to right,#FFF3E0, #fa6a3d);
	background: linear-gradient(to right, #FFF3E0, #fa6a3d);
}

h2 {
	padding:1% 2%;
	margin-top:0;
	color: #FFFFFF;
	font-size:110%;
	font-weight:bold;
	border-left:solid 4px #d72b00;
}
.fluid h3 {
	margin-top: 3rem;
	padding: 0;
	border-left: 0 !important;
	border-bottom: solid 2px #FFF3E0;
	position: relative;
	line-height:1.5;
}

.fluid h3:after {
	position: absolute;
	content: " ";
	display: block;
	background: linear-gradient(to right, #FFF3E0, #fa6a3d);
	height: 2px;
	width: 100%;
}

.rank_catch {
	border-left: 4px solid #fa6a3d;
}

@media screen and (min-width: 481px) {
	.n_button_1,.n_button_2,.n_button_3 {border-bottom:#fa6a3d solid 1px;}
}

@media screen and (min-width: 769px) {
	
	h1 {
		padding:5px 8px;
		font-size:18px;
		margin:10px 0 20px 0;
	}
	h2 {
		padding:6px 10px 3px 10px;
		font-size:14px;
		margin:10px 0 20px 0;
	}
	h3 {
		border-left:solid 10px #d72b00;
		line-height:24px;
		font-size:24px;
		padding:2px 10px 5px 10px;
		margin:10px 0 20px 0;
	}

	.n_button_1,.n_button_2,.n_button_3 {border-bottom:none;}

}

.ranking-outer h2.ranking-ttl {
	color: #fa6a3d;
	border-top: 2px solid #fa6a3d;
	border-bottom: 2px solid #fa6a3d;
}

.base_B a.outer-btn {
	color: #fa6a3d;
	border: 2px solid #fa6a3d;
}

.tablepress td:first-child {
	background: #fa6a3d;
}

.tablepress td {
	background: #FFF3E0;
}

.base_B tr:last-child td a {
	background: #fa6a3d;
	box-shadow: 0 .2rem 0 #EF6C00;
}

.campaign-box{
	border: 1px solid rgba(255,248,225,1);
	box-shadow: 2px 4px 0 rgba(255,248,225,1);
	background: -webkit-repeating-linear-gradient(-45deg, rgba(255,248,225,0.3), rgba(255,248,225,0.3) 3px,rgba(255,248,225,0.5) 3px, rgba(255,248,225,0.5) 7px);
	background: repeating-linear-gradient(-45deg, rgba(255,248,225,0.3), rgba(255,248,225,0.3) 3px,rgba(255,248,225,0.5) 3px, rgba(255,248,225,0.5) 7px);
}

a.campaign-link {background-color:#fa6a3d;border:solid 3px #fa6a3d;}
a.campaign-link_q {background-color:#fa6a3d;border:3px solid #fa6a3d;}

a.campaign-link:hover{color:#fa6a3d;border-color:#fa6a3d}
a.campaign-link_q:hover{color:#fa6a3d;border-color:#fa6a3d}

.product-name{border-bottom: 1px dashed #fa6a3d;}