@charset "euc-jp";

body {
    padding: 0;
    margin: 0;
}


dl {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
dd {
    display: block;
    margin-inline-start: 0px;
}

/*���֤Υ�������*/
.tab_item:hover {
	opacity: 0.75;
	/*background: #f63a92;*/
}
.tab_item1:hover {
	opacity: 0.75;
	background: #f63a92;
}

.tab_item {
	width:calc(99%/7);
	float: left;
	transition: all 0.1s ease;
	align-items: center;
	justify-content: center;
}
.tab_item1 {
	width:calc(99%/7);
	float: left;
	transition: all 0.1s ease;
	align-items: center;
	justify-content: center;
	bottom: -8px;
}

/*�饸���ܥ�������ƾä�*/
input[name="tab_item"] {
  display: none;
}
input[name="tab_item1"] {
  display: none;
}

/*���򤵤�Ƥ��륿�֤Υ���ƥ�ĤΤߤ�ɽ��*/
#item01:checked ~ #item01_content,
#item02:checked ~ #item02_content,
#item03:checked ~ #item03_content,
#item04:checked ~ #item04_content,
#item05:checked ~ #item05_content,
#item06:checked ~ #item06_content,
#item07:checked ~ #item07_content{
  display:block;
}


/*�����ڤ��ؤ�����ȤΥ�������*/
.tab_content {
	/*display: none;*/
	padding: 0;
	clear: both;
	overflow: hidden;
	border-top: 10px solid #f63a92;
	flex-wrap: wrap;
}

#contents input:checked + .tab_item1 {
    background: #f63a92;
	border: solid 1px #f63a92;
}

.tab_form {
    position: relative;
	display:inline-block;
	border-radius: 5px 5px 0 0;
}

.now {
	background: #f63a92;
	border: solid 1px #f63a92;
}

/*��--------PC��--------��*/
@media screen and (min-width:750px){
#wrap {
	width: 100%;
	position: relative;
	background:url("https://image.wowma.click/39893661/image/2020aircon/kanban_background.png?3")center -100px no-repeat;
	background-size: 100%;
/*	background-color: #a6d037;*//*------�����ط�--------*/
    background-color: #63baf6;/*------�����ط�--------*/
    /*background-color: #ffa800;*//*------�����ط�--------*/
	overflow: hidden;
    margin: 0 auto 1vw;
	}


#wrap2 {
	width: 100%;
	text-align: center;
	position: relative;
	background:url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.click/39893661/image/2020aircon/img01_background.png")center -19px no-repeat;
	background-size: 100%;
	}
	
.PC_only{
	width:916px;
	
	}
.SMP_only{display: none !important;}
	
ul li{overflow: hidden;}
	
#contents{
	max-width: 1000px;
	width: 100% !important;
    margin: 0 auto !important;
    float: none !important;
	}


/*���ɲ�CSS*/

.series{margin-top:50px;margin-bottom:80px;display: inline-block;}
.series .c2{width:50%; float: left;}
.series .c3{width:33.3333%; float: left;}
.aircon_item .c2{float:left; width: 50%;}

.lineup_li{ 
	width: 100%;
    margin: 10px auto;
    overflow: hidden;
    float: left;
	}
.tanpin{
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
    float: left;
	margin-top: 20px;
	}
.lineup_li li{float:left; width: 49%; margin: 5px 0.5%;}
.lineup_li li[class^="mi_"]{ width: 99%; text-align: center; color: #fff; font-size: 1.2rem; letter-spacing: 0.1rem;}
.lineup_li li.mi_tanpin,.midashi{color: #FFFFFF;font-family:fot-rodin-pron, sans-serif;border-bottom: solid 4px #FFFFFF;font-size: 2vw; font-weight: bolder;text-align: center;}

.aircon_item{
	margin-bottom:80px;
	display:inline-block;
	width: 100%;}
.zyonashi{margin-top: 80px;}
.search_li{ 
	width: 100%;
    margin: 10px auto;
    overflow: hidden;
    float: left;
	}
.search_li li{float:left; width: 49%;margin: 0 0.5% 20px 0.5%;}
.search_li dd{margin:5px 0;}


/*���䥢���ƥ���*/
 .aircon_kanbai .aircon_item{
	background-color: #666666;
	 z-index: 999;
	 position: relative;
	}
	
	.aircon_kanbai .aircon_item img{
		opacity: 0.5;
	}	
	.aircon_kanbai .aircon_item p{
		position: absolute;
		top: 300px;
		left: 200px;
		font-size: 4rem;
		font-weight: bold;
		color: red;
		z-index: 99;
		 text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
	}

	.sp_br{display: none;}
	
.aircon_item_flex .aircon_kanbai .flex_item{
	background-color: #666666;
	 z-index: 999;
	 position: relative;
	}
.aircon_item_flex .aircon_kanbai img{
		opacity: 0.5;
	}
	
.aircon_item_flex .aircon_kanbai .flex_item p{
		position: absolute;
		top: 250px;
		left: 50px;
		font-size: 4rem;
		font-weight: bold;
		color: red;
		z-index: 99;
		 text-shadow:2px 2px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
	}


#stor_link{width: 100%; display:flex;justify-content: center;background-color: #FFFFFF;}
#stor_link li{margin: 20px 0; font-size: 14px;}
#stor_link li a{color: #000;}

}
/*��--------PC��--------��*/










/*��-------SMP��--------��*/

@media screen and (max-width:750px){


*{ list-style:none; margin:0; padding:0; font-family:fot-rodin-pron, sans-serif;}

#wrap {
	width: 100%;
	/*position: relative;*/
	background:url("https://image.wowma.click/39893661/image/2020aircon/kanban_background.png?1")center 9vw no-repeat;
	background-size: 120%;
	background-color: #a6d037;/*------�����ط�--------*/
    /*background-color: #63baf6;*//*------�����ط�--------*/
    /*background-color: #ffa800;*//*------�����ط�--------*/
	overflow: hidden;
    margin: 0 auto /*1vw*/;
	}
	
.PC_only{display: none!important;}
.SMP_only{display: block !important;}

.series{margin-top:5vw;margin-bottom:7vw;display: inline-block;}
.series .c2{width:50%; float: left;}
.series .c3{width:33.3333%; float: left;}
.aircon_item .c2{float:left; width: 50%;}	

.tab_content .aircon_item{
	padding: 0;
    clear: both;
    overflow: hidden;
	}
	
	
.lineup_li{ 
	width: 100%;
    margin: 2vw 0 0 0!important;;
    overflow: hidden;
    float: left;
	
	}
.tanpin{
	width: 100%;
    margin: 0 auto!important;
    overflow: hidden;
    float: left;
	/*margin-bottom: 15vw!important;*/
	}

.lineup_li li{float:left; width: 49%; margin: 2.5px 0.5%;}
.lineup_li li.mi_tanpin,.midashi{width: 100%;color: #FFFFFF;font-family:fot-rodin-pron, sans-serif;border-bottom: solid 1px #FFFFFF;font-size: 4vw;font-weight: bolder;text-align: center;}
.aircon_item{ margin-bottom:10vw; display: inline-block;}
#all.midashi{display: block;padding-top:5vw;margin-top:-5vw;}
.zyonashi{margin-top: 7vw;}
	
.search_li{ 
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	
	}
.search_li li{float:left; width: 49%;margin: 0 0.5% 1% 0.5%;}
.search_li dd{margin:5px 0;}

#stor_link{width: 100%; display:flex;justify-content: center;background-color: #FFFFFF;}
#stor_link li{margin: 20px 0; font-size: 12px;}
#stor_link li a{color: #000;}

/* �ڡ����ȥå� */
.pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 3.2vw;
	font-weight: bold;
	z-index: 9999;
}
.pagetop a {
    background: #f63a92;
    text-decoration: none;
    color: #fff!important;
    width: 21.3vw;/*80px*/
    padding: 3vw 0;/*30px*/
    text-align: center;
	opacity: 0.8;
    display: block;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
    border-radius: 8px;
	transition: all 0.3s ease 0s;
}
.pagetop a:hover {
    text-decoration: none;
    background: #f63a92;
	transition: all 0.3s ease 0s;
}
}

/*��--------SMP��--------��*/
