/*基本スタイルオーバーライド*/
/*h2{background: -webkit-linear-gradient(left, #e60027, #cccccc);
background: linear-gradient(to right, #e60027, #cccccc);
padding-bottom: 1px;
margin-bottom: 20px;}*/
.Grid4 h2 {
    font-size: 1.3rem;
    font-weight: bold;
    padding-top: 10px;
    line-height: 1.4;
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative;
    padding-left: 10px;
    background: #999;
    padding-bottom: 0px;
}

.Grid4 h2:before {
  position: absolute;
  content: '';
  width: 0;
    height: 0;
    border: none;
    border-right: solid 15px transparent;
    border-top: solid 15px #999;
}
.Grid4 h2:after {
  position: absolute;
  content: '';
  bottom: -8px;
  left: 10px;
  width: 100%;
}
.Grid4 h2 span{background-color: #f4f4f4;}

.Grid4 h3{
  border-bottom: 1px #a8a8a8 solid;
  padding-bottom: 5px;
}
.Grid4 .h3tit {border-bottom: none !important; padding-bottom: 0px !important;}
.Grid4 h5{
  font-weight: bold;
  color: #0020ce;
}
ul.AnnotationsStyle2,
ul.AnnotationsStyle2no,
ul.AnnotationsStyle2no1,
ul.AnnotationsStyle2at,
.AdditionalNotesStyle3 {
  font-size: 70% !important;
}
ul.AnnotationsStyle1 li, ul.AnnotationsStyle2 li {
  margin: 0 0 5px;
  padding: 0 0 0 3em;
  color: #000;
  font-weight: normal;
  text-indent: -3em;
}
ul.AnnotationsStyle2no li {
  margin: 0 0 5px;
  padding: 0 0 0 2em;
  color: #000;
  font-weight: normal;
  text-indent: -1.3em;
}
ul.AnnotationsStyle2no1 li {
  margin: 0 0 5px;
  padding: 0 0 0 1em;
  color: #000;
  font-weight: normal;
  text-indent: -1em;
}
ul.AnnotationsStyle2at li {
  margin: 0 0 5px;
  padding: 0 0 0 2em;
  color: #000;
  font-weight: normal;
  text-indent: -2.3em;
}
.AdditionalNotesStyle1 dt, .AdditionalNotesStyle2 dt, .AdditionalNotesStyle3 dt {
  float: left;
  clear: left;
  width: 3em;
  color: #C00000;
}
.AdditionalNotesStyle3 dd {
  margin: -1.55em 0 3px 2em;
}

sup{
  color: #C00000;
}

.TextStyle2{
  margin: 0;
}
.TableStyle1_ap1.TextStyle2{
font-size: 88% !important;
}
dl,dt,dd{    line-height: 140%;}

.HorizontalInnerLinks ul{
  display: flex;
}

.HorizontalInnerLinks li {
  float: none;
  margin: 0;
  flex: auto;
text-align: center;
}
.HorizontalInnerLinks li a {
  padding: 10px;
  display: block;
  border: 1px solid;
  background-image: none;
  margin-right: 10px;
}
div.HorizontalInnerLinks a::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f0ab';
    position: absolute;
    margin-left: 10px;
    font-size: 18px;
}
.HorizontalInnerLinks li a:hover, .HorizontalInnerLinks li a:active {
  color: #090808;
  text-decoration: none;
  background-color: #ccc;
}

/*上部メニューナビ固定*/
/*#global-nav {
  position: -webkit-sticky;
  position: sticky !important;
  top: 0 !important;
  width: 100%;
  margin: 0 auto;
  z-index: 9999 !important;
}
#global-nav li {
	float: left;
	box-sizing: border-box;
}
#global-nav li a {
	display: block;
	text-decoration: none;
	text-align: center;
}*/
/*製品ごと上部メニュー*/
#HeaderArea2 {
    z-index: 100;
}
.Subnav {
  padding: 10px 0 0;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  background-color: #fff;
}
#menu{
  list-style-type: none;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  display: flex;
  position: relative;
  z-index: 10;
}
#menu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
  flex: auto;
}
#menu li a{
  display: block;
  margin: 0;
  padding: 13px 0;
  color: #090909;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#menu li:last-child ul{
  left: -100%;
  width: 100%
}
#menu li ul li{
  overflow: hidden;
  width: 300%;
  height: 0;
  color: #111;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index: 10;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #000;
}
#menu li:hover > a{
  background: #fff;
  color: #060606;
  background-color: #ccc;
}
#menu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-bottom: 1px solid #fff;
}
#menu li:hover ul li:first-child{
  border-top: 0;
}
#menu li:hover ul li:last-child{
  border-bottom: 0;
}
.fixed {
	/*position: fixed;
	width: 1275px;*/
	top: 0;
	z-index: 1000;
}
/*基本カラム*/
.container2, .container3, .container4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
margin-bottom:20px;
}
.item{border:1px solid #ccc;margin-bottom: 10px;box-sizing: border-box;}
.container2 .item {
/*  flex: 0 1 630px;*/
  flex: 0 1 610px;
  position: relative;
}
.container3 .item{flex: 0 1 33%;}
.container4 .item {
  flex: 0 1 24%;
  margin-bottom: 18px;
}

.item img {
  display: block;
  float: left;
}
.item h4 {
  margin-top: 10px;
}
.item a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  transition: 1.0s;
}
.item a:hover{opacity: 0.5;
background-color: #ccc;} 

/*グレーの関連リンクボックス用*/
.connection .item {
position: relative;
}
.connection h4 {
  background-color: #ccc;
  margin: 0;
  padding: 15px;
  color: #fff;
  text-align: center;
}
.connection img{display: inline;
float: none;}

.connection .item a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  transition: 1.0s;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/*室内ユニットインデックスパネル用*/
.inunit .item {
  position: relative;
  height: 380px;
}
.inunit img{margin: 0 auto;
float: none;}

.inunit h4{
  margin: 0;
  padding: 10px;
  background-color: #558fc1;
  color: #fff;
}

.inunit ul{
  position: absolute;
  bottom: 2px;
  width: 100%;
}

.inunit li {
  margin: 0 8px 8px !important;
  background-color: #ccc;
  border-radius: 10px;
  position: relative;
  width: auto !important;
  padding: 0 !important;
}
.inunit li i {
  position: absolute;
  right: 10px;
  top: 35%;
}
.inunit h5{
padding: 10px; height:3em;}

.unitlist{
  font-size: 80%;
  margin: 0 0 0 20px;
}

.fileInfo{
  margin-top: -15px;
display: none;
  padding-bottom: 10px;
  padding-right: 25px;
}

/*オプションボックス用*/
.option a { position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}

/*関連資料・リンクボックス*/
.container4 li {
  flex: auto;
  border: 1px solid #ccc;
  width: 22%;
  margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.container6 li {
  flex: auto;
  border: 1px solid #ccc;
  width: 47%;
  margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.Related_info a,
.Related_info2 a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  transition: 1.0s;
}
.Related_info a:hover,
.Related_info2 a:hover{opacity: 0.5;
background-color: #ccc;} 

.Related_info li {
    flex: initial;
    border: 1px solid #ccc;
    width: 24%;
    margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.item_02 .Related_info2 li {
    flex: initial;
    border: 1px solid #ccc;
    width: 47%;
    margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
.container5,
.container6 {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    margin-bottom: 20px;
}

.document{
    float: left;
    background-image: url(../../../image/jp/r1/icon/icon_link_right_hover_hd.gif);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
    float: revert;
}
.catalog{
    float: left;
    background-image: url(../../../image/jp/r1/icon/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
}
.movie{
    float: left;
    background-image: url(../../../image/jp/r1/icon/icon_link_right_hover_hd.gif);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
    text-align: left;
}
.option01, .option02, .option03, .option04, .option05, .option06, .option07
{
  background-color: #7cb8ca;
}

.option01 span, .option03 span, .option04 span, .option06 span, .option07 span {
  margin-left: 57px;
  display: block;
}
.option02 span, .option05 span {
  margin-left: 57px;
  margin-top: 14px;
  display: block;
}
.option01{}
.option02{}
.option03{}
.option04{}
.option05{}
.option06{}
.option07{}
.option01 a, .option02 a, .option03 a, .option04 a, .option05 a, .option06 a, .option07 a {
  position: relative;
  bottom: 0;
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px 0;
}
.option01 a::after,
.option02 a::after,
.option03 a::after,
.option04 a::after,
.option05 a::after,
.option06 a::after,
.option07 a::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0a9';
  position: absolute;
  font-size: 18px;
  right: 8px;
  top: 25px;
}
.option01 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f002';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}

.option02 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f518';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option03 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f5a0';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option04 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f5a0';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option05 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0ad';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option06 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f879';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}
.option07 a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0e0';
  position: absolute;
  margin: 15px 10px;
  font-size: 36px;
  left: 0;
}


/*製品インデックスリスト*/
.productindex{}
.productindex .subtitle {
  margin: 10px 0;
  background-color: #ccc;
  text-align: center;
  padding: 5px;
}
.productindex .productstitle{}
.productindex .productstitle span{margin-left: 10px;}
.productindex .item{padding:10px;}
.productindex img{}
.prod_left {
  width: 70%;
  float: left;
}
.prod_left table{
  width: 100%;
  margin: 5px 0;
}
.prod_left table th,.prod_left table td{
padding:3px;
width: 50%;
text-align: center;
}
.prod_right{}
.prod_right img{display: inline;
float: none;}

.productindex a{}
.productindex li {
  margin: 0 8px 8px;
  background-color: #ccc;
  border-radius: 10px;
  position: relative;
}
.productindex li i {
  position: absolute;
  right: 10px;
  top: 35%;
}

.productindex .fileInfo {
  margin-top: -15px;
  display: block;
  padding-bottom: 10px;
  position: absolute;
  left: 6em;
  top: 1.6em;
}

/*製品個別ページタイトルエリア*/
.main{margin-bottom:0;}
.main .item {
  border: none;
}
dl.item1, dl.item2, dl.item3{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 5px;
text-align: center;}
dl.item1 dt,dl.item2 dt,dl.item3 dt{padding:3px;color:#fff;font-size:83%;flex: auto;}

dl.item1 dd,
dl.item2 dd,
dl.item3 dd{padding:3px;color:#fff;
background-color: #666;flex: auto;font-size:83%;}

dl.item1 dd:last-child,
dl.item2 dd:last-child,
dl.item3 dd:last-child{padding:3px;color:#fff;
background-color: #000;}
.item1 dt{background-color: #971a1a;}
.item2 dt{background-color: #4a8fe8;}
.item3 dt{background-color: #4ab765;}

.main .item img {
  float: none;
  margin: 0 auto 20px;
}

.main img.maintitlelogo {
  margin: 0 0 20px 0 !important;
}
.main p.maintitlesub{
  font-weight: bold;
  font-size: 120%;
}

/*製品個別ページコンテンツエリア*/
.page2 .item {
  border: none;
  padding: 20px;
}
.bggray{
  background-color: #f7f7f7;
}
.page2 .item img {
float:none;
margin: 0 auto 20px;
}

.columnbox{
border:1px solid;
padding:10px;}

.pointsection{
  background-color: #e0f2ff;
}
.pointsection h3{
  background-color: #030380;
  color: #fff;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}


/*室内ユニット_関連情報*/

.item_02{border:1px solid #ccc;margin-bottom: 10px;box-sizing: border-box;}
.container2 .item_02 {
  flex: 0 1 610px;
  position: relative;
}
.item_02 img {
  display: block;
  float: left;
}
.item_02 h4 {
  margin-top: 10px;
}
.item_02 a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  transition: 1.0s;
}
.item_02 a:hover{opacity: 0.5;
background-color: #ccc;} 

.page2 .item_02 {
  border: none;
  padding: 20px;
}
.page2 .item_02 img {
float:none;
margin: 0 auto 20px;
}
@media screen and (max-width: 1227px) {
.Related_info li {
    width: 23%;}
}
@media screen and (max-width: 767px) {
.Related_info li {
    width: 47%;}
.container4 li {
    width: 47%;}
.container4 .item {
    flex: 0 1 48%;
    margin-bottom: 18px;
}
.item img {
    display: block;
    float: left;
    width: 100%;
}
}


@media screen and (max-width: 434px) {
.Related_info li {
    width: 46%;}
.container4 li {
    width: 46%;}
.container4 .item {
    flex: 0 1 48%;
    margin-bottom: 18px;
    font-size: 84%;
}
.item img {
    display: block;
    float: left;
    width: 100%;
}
.HorizontalInnerLinks li a {
    padding: 5px;
}
.HorizontalInnerLinks li a, .VerticalInnerLinks li a {
    font-size: 80%;
    line-height: 1.5;
}
div.HorizontalInnerLinks a::after {
    position: inherit;
    margin-left: 10px;
    font-size: 16px;
}
.HorizontalInnerLinks li {
    width: 48%;
}
.Column3 {
    width: auto !important;
}
}

/* for 995px -
=========================================================================================== */

@media screen and (min-width: 995px) {


}



/* for - 994px
=========================================================================================== */

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

}

/* for - 767px
=========================================================================================== */

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

	
}



/* for - 579px
=========================================================================================== */

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

}


/* for - 399px
=========================================================================================== */

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


}