@charset "utf-8";
/* CSS Document */


/*横並び*/
.OAPC_header ul li {
	float: left;
	margin: 5px 0 0 5px;
}

.OAPC_header ul li:nth-child(1){
  	margin-left: 0;
}

#OAPC_c3 ul li{
	float: left;
	margin: 5px 0 0 5px;
}

#OAPC_c3 ul li:nth-child(1){
  	margin-left: 0;
}

/*フォントサイズ*/
.font_26B{
	font-size: 26px;
	font-weight: bold;
}

.font_16{
	font-size: 16px;
}

.font_14B{
	font-size: 14px;
	font-weight: bold;
}
.font_14{
	font-size: 14px;
	line-height: 25px;
}

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

.font_12{
	font-size: 12px;
}
.Note{
	font-size: 10px;
	text-align: center;
	padding: 2px 0 0 0;
}

/*表*/
#OAPC_c1 table td,table th {
	border: 1px solid #000;
}

#OAPC_c1 table {
	border-collapse: collapse;
  	width: 761px;
  	height: 355px;
  	text-align: center;
  	border: 1px solid #000;
}

#OAPC_c1 th{
	vertical-align: middle;
	background: #fedc5e;
	border: 1px solid #000;
}

#OAPC_c1 tr{
	height: 38px;
}

#OAPC_c1 td{
	width: 93px;
	font-size: 12px;
	vertical-align: middle;
	border: 1px solid #000;
}

.cell_01{
	width: 100px !important;
}

.cell_02{
	height: 25px !important;
}

.bg_b1{
	background: #65aadd;
}

.bg_b2{
	background: #3962ad;
}

.t_btn{
	position: relative;
    text-decoration:  none;             /* デフォルトCSS打ち消し */
    color: #3962ad;                        /* 文字色指定 */
    background-color: #fff;          /* 背景色指定 */
    width: 90px;                       /* 幅指定 */
    border-radius:  8px;                /* 角丸指定 */
    font-size: 12px;                    /* 文字サイズ指定 */
	height: 48px;
	margin: 0 auto;
}

.t_btn::after{
	position: absolute;
	content: '';
	left: 68px;
 	top: 18px;
	width: 8px;	
	height: 8px;
	border-top: 3px solid #3962ad;
	border-right: 3px solid #3962ad;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.t_btn p{
	padding: 10px 15px 0 0;
}


.white{
	color: #fff;
}

.red{
	color: red;
}

.left{
	text-align: left;
}

.center{
	text-align: center;
}

/*ポジション_00*/
.OAPC_header{
	position: relative;
}

.OAPC_header p{
	position: absolute;
	color: #fff;
	top: 128px;
	left: 19px;
	font-size: 14px;
	font-weight: bold;
}


/*ポジション_01*/
.c02{
	position: relative;
}

.c02 a{
	position: absolute;
	top: 327px;
	left: 513px;
}

.c02 #gallery{
	position: absolute;
	top: -313px;
	left: 21px;
}

/*ポジション_02*/
.c03{
	position: relative;
}

.c03 .link_btn_sharp_01 {
	position: absolute;
	top: 192px;
	right: 16px;
}
.c03 .link_btn_sharp_02 {
	position: absolute;
	bottom: 9px;
	left: 220px;
}

.c03 .link_btn_panasonic_01 {
	position: absolute;
	top: 210px;
	right: 16px;
}
.c03 .link_btn_panasonic_02 {
	position: absolute;
	bottom: 9px;
	left: 220px;
}

.c03 .link_btn_daikin_01 {
	position: absolute;
	top: 220px;
	right: 16px;
}
.c03 .link_btn_daikin_02 {
	position: absolute;
	bottom: 9px;
	left: 220px;
}

.c03 ul li{
	float: left;
	padding-left: 25px;
}

/*ポジション_03*/
.c04 li {
	position: relative;
}
.c04 li a {
	position: absolute;
	top: 278px;
	left: 33px;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.un_line{
	padding: 0px 0 6px 0;
	border-bottom: 1px solid #000;
	margin: 0 0 0 10px;
	font-size: 26px;
}

.le_line{
	border-left: 12px solid #0aa8f6;
	padding: 6px 0px 0 0px;
}

.font_tl{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.0;
	padding: 0 0 3px 9px;
	margin-bottom: 15px;
}
#special_page .ranking_list {
	display: flex;
	justify-content: space-between;
}
#special_page .ranking_list li {
	border: 1px solid #ccc;
	box-sizing: border-box;
	width: 250px;
	padding: 15px 15px 30px;
}
#special_page .ranking_list li::before {
	display: block;
	margin-bottom: 10px;
}
#special_page .ranking_list .rank_01::before {
	content: url('/resource/club_com/special/air_cleaner/images/icon_rank_01.png');
}
#special_page .ranking_list .rank_02::before {
	content: url('/resource/club_com/special/air_cleaner/images/icon_rank_02.png');
}
#special_page .ranking_list .rank_03::before {
	content: url('/resource/club_com/special/air_cleaner/images/icon_rank_03.png');
}
#special_page .ranking_list .img_container {
	text-align: center;
	margin-bottom: 10px;
}
#special_page .ranking_list .ttl_container {
	color: #2e7deb;
	font-size: 12px;
	margin-bottom: 10px;
	height: 48px;
}
#special_page .ranking_list .tax_container {
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
}
#special_page .ranking_list .price_container {
	color: #d80000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#special_page .ranking_list .basket_container {
	font-size: 12px;
	text-align: center;
}
#special_page .link_btn_01 {
	width: 262px;
}