@charset "utf-8";
/*全体の設定
---------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	overflow-x: hidden;
}
body {
	color: #696969;
/*	width: 950px;*/
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;/*65%*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/daikin_eakon/haikei.png);
}
ul{
	list-style-type: none;
}

/*box1(grid)ブロック(PC)
---------------------------------------------------------------------------*/
.bc7 {
	max-width: 950px;	/*サイトの最大幅*/
	margin: 0 auto 10px;
}
.bc7 img { border: none;  max-width: 100%;  height: auto;  vertical-align: middle; } /*横幅100％　中央揃え*/ 

/*１個あたりのボックス(PC)*/
.box1 {
	display: grid;   /*grid設定*/
	grid-gap: 10px 10px;	/*縦方向に20px(文字画の上下の余白)、横方向に5pxの余白を指定する*/
	grid-template-columns: auto;  /*横にautoで並べる*/
	grid-template-rows: auto;  /*縦にautoで並べる*/
	grid-template-areas:
		"itemA itemB "
		"itemC itemD "
		"itemE itemF "
        "itemG itemG ";	
}
.box1 a :hover {opacity: 0.6;	/*透明度。色が65%出た状態。*/}

/*--各種エアコンの画像(PC)--*/
.box1-A,.box1-B,.box1-C,.box1-D,.box1-E,.box1-F,.box1-G{
	width: 100%;		/*画像の幅*/
	justify-self: center; /*横列の中央に配置*/
	align-self: center; /*縦列の中央に配置*/
}

/*--エリア指定(PC)--*/
.box1-A {grid-area: itemA;}  /*ゼロエミ*/
.box1-B {grid-area: itemB;}  /*キャンペーン*/
.box1-C {grid-area: itemC;}  /*機器5年・工事10年保証*/
.box1-D {grid-area: itemD;}  /*対象地域*/
.box1-E {grid-area: itemE;}  /*うるさらコンテスト*/
.box1-F {grid-area: itemF;}  /*マンション施工実績*/
.box1-G {grid-area: itemG;}  /*3つのこだわり*/





.flex-container {
	display: -webkit-flex;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
}
.pc{
	display:flex;
}
.sumaho {
	display: none;
}
.one-comp {
	float: left;
}
.two-pichon {
	float: left;
}
.three-spagent {
	float: left;
}
.four-ginoh{
	vertical-align: middle;
}
.five-tele{
	vertical-align: middle;
}
.six-koji{
	vertical-align: middle;
}
.seven-optime{
	vertical-align: middle;
}
.eight-donich{
	float: left;
}
.nine-otoiawase {
	float: left;
}
.ten-otoiawase2 {
	display: none;
}
.alpha a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;
}
a:hover {
	color: #5cd3ff;
}
/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	width: 950px;
	position: relative;
	min-height: 100%;
	margin: 0px auto;
	text-align: center;
	padding-bottom: 50px;
}
#package {
	max-width: 950px;
	width: 100%;
	height: auto;
/*	position: absolute;*/
/*	top: 212px;*/
	text-align: center;
}
/*ヘッダーブロック
---------------------------------------------------------------------------*/
header {
	max-width: 950px;
	width: 100%;
/*	position:fixed;*/
	background-image: url(../images/daikin_eakon/haikei.png);
	text-align: center;
/*	height: 197px;*/
	z-index: 100;
}
/*ロゴの設定*/
/*ヘッダー装飾画像*/
#inner {
	width: 100%;
	max-width: 950px;
	background-image: url(../images/daikin_eakon/haikei.png);
	text-align: left;
}
.title_tag {
	width:100%;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
}
/*メニューブロック全体の設定*/
#global-nav {
	max-width: 950px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/daikin_eakon/haikei.png");
}
#global-nav li {
	float: left;
	width: 16.6%;
	background: #1FA1FF;/*#6abbe5*/
	border: 3px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
}
#global-nav li a {
	display: block;
	padding: 20px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 1.2em;
	font-weight: bolder;
}
#global-nav li a:hover {
	background:#286FFF; /*#0096CA*/
}

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1000;
}
#toggle {
	display: none;
}
#menu-box {
	max-width: 950px;
	width: 100%;
	align-items: center;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 100%;
	margin-top: 0.5%;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
#kodawari {
	width: 100%;
	margin-bottom: 2%;
}
/*コンテンツ（コンテンツを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: 100%;
	overflow: hidden;
	clear: left;		
}
/*コンテンツ2(右ブロック)
---------------------------------------------------------------------------*/
#contents2 {
	width: 74%;
	float: right;
}
#osirase {
	width: 100%;
	float: left;
	margin-bottom: 2%;
}
#news {
	float: left;
	top: auto;
	background-image: url(../images/daikin_aircon/news.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: left;
	height: 85%;
	}
#news_scroll {
	height: 335px; /*125px：ゼロエミが無い場合*/
	overflow: auto;
}
.news_title {
	font-size: 1.1em;
	color: #1eade4;
	padding-left: 12px;
	background-image: url(../images/daikin_eakon/mark.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-align: left;
}
.news_text {
	color: #696969;
	text-align: left;
}
#left {
	width: 65%;
	margin-right: 2%;
	float: left;
}
#sumaho {
	width: 100%;
	float: left;
}
#right {
	float: left;
	width: 33%;
}
#nayami {
	width: 100%;
	float: left;
	margin-bottom: 2%;
}
#kaityou {
	width: auto;
	float: left;
	margin-bottom: 2%;
}
#kouzi {
	position: relative;
	margin-bottom: 2%;
	background-color: #FFFFFF;
	float: left;
	padding: 1%;
	width: auto;
}
#kakaku {
	position: relative;
	margin-bottom: 2%;
	background-color: #FFFFFF;
	float: left;
	padding: 1%;
	width: auto;
}
/*コンテンツ2(右ブロック)情報
---------------------------------------------------------------------------*/
#zyouhou {
	width: 100%;
	float: left;
	margin-bottom: 2%;
}
/*ブロック全体の設定*/
#new{
	margin-bottom: 15px;
}
#new2{
	margin-bottom: 15px;
	text-align: left;
}
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 150px;
	padding-left: 10px;
}
#new2 dl{
	overflow: auto;
	height: 150px;
	padding-left: 10px;
}
/*日付設定*/
#new dt {
	font-weight: bold;
	text-align: left;
	width: 10em;
	float: left;
	float: none;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #d2d2d2;
	text-align: left;
}
#new2 dd {
	border-bottom: 1px solid #d2d2d2;
	text-align: left;
}
/*コンテンツ3(左ブロック)
---------------------------------------------------------------------------*/
#contents3 {
	float: left;
	width: 24%;
	overflow: hidden;
	margin-right: 1%;
}
#contents3_left {
	float:left;
}
#contents3_right {
	float: right;	
}
.contents3_waku {
	width: 100%;
	margin-bottom: 4%;
}
#setumei {
	width: 100%;
	float: left;
	margin-bottom: 2%;
}
.ttl {
	height: 50px;
	color: #FFFFFF;
	background-color: #6DBEE9;
	text-align: center;
	line-height: 50px;
	vertical-align: middle;
	font-weight: 700;
	font-size: 1.8em;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFF;
	background: #444;
	bottom: 0;
	position:fixed;
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
#pagetop {
	clear: both;
}
#pagetop a {
	color: #FFF;
	font-size: 10px;
	background: #444;
	text-decoration: none;
	text-align: center;
	width: 12em;
	display: block;
	float: right;
	letter-spacing: 0.1em;
}
/*マウスオン時*/
#pagetop a:hover {
	background: #666;
	color: #FFF;
}
div#zyouhou h2#newinfo_hdr.open {
background: url(../images/up_arrow.png) no-repeat right top, -webkit-gradient(linear, left top, left bottom, from(#CEECF5), to(#81F7F3));
/*background: url(../images/up_arrow.png) no-repeat right center, -webkit-linear-gradient(#CEECF5, #81F7F3);*/
background: url(../images/up_arrow.png) no-repeat right top, linear-gradient(#CEECF5, #81F7F3);
}
div#zyouhou h2#newinfo_hdr.close {
background: url(../images/down_arrow.png) no-repeat right top, -webkit-gradient(linear, left top, left bottom, from(#CEECF5), to(#81F7F3));
/*background: url(../images/down_arrow.png) no-repeat right center, -webkit-linear-gradient(#CEECF5, #81F7F3);*/
background: url(../images/down_arrow.png) no-repeat right top, linear-gradient(#CEECF5, #81F7F3);
}
div#setumei h3#newinfo_hdr2.open {
background: url(../images/up_arrow.png) no-repeat right top, -webkit-gradient(linear, left top, left bottom, from(#CEECF5), to(#81F7F3));
/*background: url(../images/up_arrow.png) no-repeat right center, -webkit-linear-gradient(#CEECF5, #81F7F3);*/
background: url(../images/up_arrow.png) no-repeat right top, linear-gradient(#CEECF5, #81F7F3);
}
div#setumei h3#newinfo_hdr2.close {
background: url(../images/down_arrow.png) no-repeat right top, -webkit-gradient(linear, left top, left bottom, from(#CEECF5), to(#81F7F3));
/*background: url(../images/down_arrow.png) no-repeat right center, -webkit-linear-gradient(#CEECF5, #81F7F3);*/
background: url(../images/down_arrow.png) no-repeat right top, linear-gradient(#CEECF5, #81F7F3);
}
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*　　　ここからタブレット用（481px～800px）環境の設定*/
@media screen and (min-width:481px) and (max-width:800px){
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
#container {
	width: 100%;
	margin: 0;
}
/*ヘッダーブロック
---------------------------------------------------------------------------*/
header {
	max-width: 800px;
	width: 100%;
	height: auto;
	/*position: fixed;*/
	/*top: 0px;*/
	background-image: url(../images/daikin_eakon/haikei.png);
	z-index: 3;
}
.one-comp {
	float: left;
	width: 260px;
}
.two-pichon {
	float: left;
	width: 105px;
}
.three-spagent {
	display: none;
}
.four-ginoh{
	display: flex;
}
.five-tele{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle; 
}
.six-koji{
	display: fle;
}
.seven-optime{
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
.eight-donich{
	display: none;
}
.nine-otoiawase {
	display: flex;
	
}
.ten-otoiawase2 {
	display: none;
}
#package {
	width: 100%;
	height: auto;
/*	position: absolute;*/
/*	top: 160px;*/
	text-align: center;
}
/*メニューブロック全体の設定*/
#global-nav {
	max-width: 800px;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#global-nav li {
	float: left;
	width: 16.6%;
	background: #1FA1FF;/*#6abbe5*/
	border: 3px solid #fff;
	border-radius: 10px;
	box-sizing: border-box;
}
#global-nav li a {
	display: block;
	padding: 20px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}
#global-nav li a:hover {
	background: #286FFF;/*#0096CA*/
}

#toggle {
	display: none;
}
#menu-box {
	max-width: 800px;
	width: 100%;
	align-items: center;
}
.halfwidth {
	width: 49%;
	float:left;
}
/*mainコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 100%;
}
h1 {
		margin-left: 20%;
	}
.ttl {
	font-size: 1.5em;
	font-weight: 400;
	}
#news {
	float: left;
	height: 45%;
	top: auto;
	background-image: url(../images/daikin_aircon/news.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: left;
	}
#news_scroll {
	height: 265px;/*95px：ゼロエミが無い場合*/
	overflow: auto;
}
.news_title {
	font-size: 1.0em;
	color: #1eade4;
	padding-left: 12px;
	background-image: url(../images/daikin_eakon/mark.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-align: left;
}
.news_text {
	color: #696969;
	text-align: left;
}
    
    
 /*box1(grid)ブロック(タブレット)
---------------------------------------------------------------------------*/
.bc7 {
	max-width: 800px;	/*サイトの最大幅*/
	margin: 0 auto;
    padding: 10px;
}  
    
/*１個あたりのボックス(タブレット)*/
.box1 {
    grid-template-columns: 1fr 1fr;  /*横並びの時は1:1の比率*/
	grid-gap: 5px 5px;	/*縦方向に20px(文字画の上下の余白)、横方向に5pxの余白を指定する*/
	grid-template-areas:
		"itemA itemA "
		"itemC itemC "
        "itemE itemE "
		"itemB itemD "
		"itemF itemF "
        "itemG itemG ";	
}

/*--各種エアコンの画像(タブレット)--*/
.box1-F{ width:50% ;}
   
/*コンテンツ3(左ブロック)(タブレット)
---------------------------------------------------------------------------*/
/*コンテンツ3(左)*/

#contents3 {float: left;} 
#contents3_left {
	display: flex;
	flex-flow: row wrap;
}
.halfwidth2 {
	width: 100%;
	float:left;
}

    
    
    
    
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFF;	/*文字色*/
	background: #444;	/*背景色*/
	position: fixed;
}
}

/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
/*　　　ここからスマートフォン用（480px以下）環境の設定*/
@media screen and (max-width : 480px){
/*　　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■　　　*/
#container {
	width: 100%;
	margin: 0;
}
/*ヘッダーブロック*/
header {
	max-width: 480px;
	width: 100%;
/*	position: fixed;*/
/*	top: 0px;*/
	background-image: url(../images/daikin_eakon/haikei.png);
/*	height: 115px;*//*  140px  */
	z-index: 3;
}
.pc{
	display: none;
}
.sumaho {
	display: flex;
}
.one-comp {
	float: left;
	width: 54.5%;
}
.two-pichon {
	float: left;
	width: 24.2%;
}
.three-spagent {
	display: none;
}
.four-ginoh{
	display: none;
}
.five-tele{
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle; 
}
.six-koji{
	display: none;
}
.seven-optime{
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
.eight-donich{
	display: none;
}
.nine-otoiawase {
	display: none;
}
.ten-otoiawase2 {
	width: 21.3%;
	display: flex;
	float: left;
}
.halfwidth {
	width: 49%;
	float:left;
}
.title_tag {
	width: 100%;
	font-size: 10px;
	font-weight:bold;
	text-align: left;
}
#contents3_left {
	display: flex;
	flex-flow: row wrap;
}
#package {
	width: 100%;
	height: auto;
/*	position: absolute;*/
/*	top: 120px;*/
	text-align: center;
}
/*メニューブロック全体の設定*/
#global-nav {
	display: none;
}
#global-nav li {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#toggle {
	max-width: 480px;
	display: block;
/*	position: relative;*/
	width: 98.5%;
	margin-left: auto;
	margin-right: auto;
	background: #1FA1FF;/*#6abbe5*/
	text-align: center;
}
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;/*12px 0 10px*/
	border-bottom: 1px solid #286FFF;/*#6abbe5*/
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#toggle::before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;/*20*/
	margin-top: -10px;/*-10px*/
	background: #fff;
}
#toggle a::before, #toggle a::after {
	display: block;
	content: "";
/*	position: absolute;
	top: 50%;*/
	left: 10px;
	width: 20px;
	height: 4px;
	background: #286FFF;/*#6abbe5*/
}
#toggle a::before {
	margin-top: -6px;
}
#toggle a::after {
	margin-top: 2px;
}
#menu-box {
	max-width: 480px;
	width: 100%;
	align-items: center;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	width: 100%;
}
/*コンテンツ2(右)*/
#contents2 {
	width: 100%;
}
/*コンテンツ3(左)*/
#contents3 {
	width: 100%;
}
#new2 dl {
	height: auto;
	padding-left: 5px;
}
/*記事設定*/
#new2 dd {
	padding-left: 0;
}
.ttl {
	font-size: 1.2em;
	font-weight: 200;
}
#news {
	float: left;
	height: 35%;
	top: auto;
	background-image: url(../images/daikin_aircon/news.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	}
#news_scroll {
	height: 205px;/*67px：ゼロエミが無い場合*/
	overflow: auto;
}
.news_title {
	font-size: 0.9em;
	color: #1eade4;
	padding-left: 12px;
	background-image: url(../images/daikin_eakon/mark.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-align: left;
}
.news_text {
	color: #696969;
	font-size: 0.8em;
	text-align: left;
}
    
 /*box1(grid)ブロック(スマホ)
---------------------------------------------------------------------------*/
.bc7 {
	max-width: 480px;	/*サイトの最大幅*/
	margin: 0 auto;
    padding: 10px;
}  
    
/*１個あたりのボックス(スマホ)*/
.box1 {
    grid-template-columns: 1fr 1fr;  /*横並びの時は1:1の比率*/
	grid-gap: 5px 5px;	/*縦方向に20px(文字画の上下の余白)、横方向に5pxの余白を指定する*/
	grid-template-areas:
		"itemA itemA "
		"itemC itemC "
        "itemE itemE "
		"itemB itemD "
		"itemF itemF "
        "itemG itemG ";	
}
/*--各種エアコンの画像(スマホ)--*/
.box1-F{ width:50% ;}    
    
/*コンテンツ3(左ブロック)(スマホ) 
---------------------------------------------------------------------------*/    
.halfwidth2 {
	width:50%;
	float:left;
}    
    
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 0px;
	padding-right: 0px;
	color: #FFF;
	background: #444;
	position:fixed;
	font-size: 0.75em;
	bottom: 0;
}
}