@charset "utf-8";

/* ----------------------------------------------------------------------- 
ziaino common
-------------------------------------------------------------------------*/

.page-ziaino #container {
	font-family: YakuHanJP,"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}
.page-ziaino #container a:hover span{
	font-family: YakuHanJP,"Open Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}
.page-ziaino .flex__block {
	display: flex;
}
.page-ziaino .flex__block.just-spabe {
	justify-content: space-between;
}
.page-ziaino .flex__block.just-flexen {
	justify-content: flex-end;
}
.page-ziaino .flex__block.flexdir-row-r {
	flex-direction:row-reverse;
}
.page-ziaino .flex__block.flex-wr {
	flex-wrap: wrap;
}
.page-ziaino .flex__block.align-flexen {
	align-items: flex-end;
}
.page-ziaino .flex__block.align-ce {
	align-items: center;
}
.page-ziaino .flex-sp__block {
	display: block;
}

.page-ziaino .t-center {
	text-align: center;
}
.page-ziaino .t-right {
	text-align: right;
}

.page-ziaino span.custom-note--num {
	display: inline-block;
	font-size:12px;
	vertical-align: top;
}
.page-ziaino .note--text {
	margin-top:10px;
	font-size:12px;
}
.page-ziaino h3.text--blue {
	color:#06417e;
}
.page-ziaino .custom-h3_area h3 span {
	font-size:16px;
	font-weight:normal;
}
.page-ziaino .custom-h3_area.gray {
	padding:5px 10px;
	color:#858585;
	background-color: #e2e2e1;
}


/* custom */
.page-ziaino .bottom_nav {
    margin: 20px 0;
}
.page-ziaino .bottom_nav .middle_section {
    background: #fff;
}
.page-ziaino .bottom_nav .middle_section.custom-banner-center ul {
    text-align: center;
}
.page-ziaino .bottom_nav .middle_section.custom-banner-center ul li {
	float: none;
	display: inline-block;
}

/* SP Responsive (ziaino common)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {

	.page-ziaino .flex__block {
		display: block;
	}
	.page-ziaino .flex-sp__block {
		display: flex;
	}
	.page-ziaino .flex-sp__block.align-ce {
		align-items: center;
	}
	.page-ziaino .t-right {
		text-align: left;
	}
}


/* ----------------------------------------------------------------------- 
ziaino hero common
-------------------------------------------------------------------------*/
.page-ziaino .hero {
	padding-bottom:50px;
}
.page-ziaino .hero .flex__block {
	border-top:1px #e2e2e2 solid;
	border-bottom:1px #e2e2e2 solid;
	background-color: #ebebeb;
}

.page-ziaino .hero .flex__block--left {
	width:488px;
}
.page-ziaino .hero .flex__block--right {
	width:600px;
}
.page-ziaino .hero .flex__block--left img , .hero .flex__block--right img {
	width:100%;
}

@media only screen and (max-width: 1100px) {
	.page-ziaino .hero .flex__block--left {
		width:45%;
		max-width:inherit;
	}
	.page-ziaino .hero .flex__block--right {
		width:55%;
		max-width:inherit;
	}
}

/* SP Responsive (filterunit index hero)
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-ziaino .hero {
		padding-bottom:60px;
	}
	.page-ziaino .hero .flex__block--left {
		width:100%;
		text-align: center;
		margin-bottom:0;
	}
	.page-ziaino .hero .flex__block--right {
		width:100%;
		margin-bottom:0;
	}
	.page-ziaino .hero .flex__block--left img {
		width:90%;
	}
}



/* ----------------------------------------------------------------------- 
ziaino lineup-
-------------------------------------------------------------------------*/

.page-ziaino .lineup-ziaino .custom-h2_area {
	margin-bottom:15px;
}
.page-ziaino .lineup-ziaino .custom-h2_area h2 {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.page-ziaino .lineup-ziaino .custom-h2_area img {
	width:181px;
	margin-right:10px;
}
.page-ziaino .lineup-ziaino .column-three_caption.custom-column-three_caption {
    padding:11px 11px 11px 15px ;
}
.page-ziaino .lineup-ziaino .column-three_caption .custom-price {
	display: block;
	padding-top:5px;
	font-size:14px;
	font-weight:normal;
}
.page-ziaino .lineup-ziaino .column-three_caption .custom-price .custom-price-small {
	font-size:0.9em;
}

.page-ziaino.page-index .lineup-ziaino .page-top_wrap {
	padding:40px 0 0;
}

/* SP Responsive (ziaino lineup- )
---------------------------------------------------------------*/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-ziaino .lineup-ziaino .custom-h2_area {
		margin-bottom:0;
		padding-bottom:10px;
	}
	.page-ziaino .lineup-ziaino .custom-h2_area img {
		max-width:210px;
		width:45%;
		margin-right:5px;
	}
	.page-ziaino .lineup-ziaino .custom-h2_area span {
		display: inline-block;
		width:55%;
		text-align: left;
	}
	.page-ziaino .column-three_child {
		border-top: 10px #fff solid !important;
		border-left: none !important;
	}
	.page-ziaino .lineup-ziaino .column-three_caption.custom-column-three_caption {
		padding:10px ;
	}
	.page-ziaino .lineup-ziaino .column-three_caption .custom-price .custom-price-small {
		font-size:1em;
	}
	.page-ziaino.page-index .lineup-ziaino .page-top_wrap {
		padding:20px 0 0;
	}
}
@media only screen and (max-width: 400px) {
	.page-ziaino .lineup-ziaino .custom-h2_area span {
		font-size:3.5vw;
	}
}


/* ----------------------------------------------------------------------- 
ziaino ap-news-bdr
-------------------------------------------------------------------------*/
.page-ziaino.page-data .ap-news {
    padding: 0 0 25px 0;
}
.page-ziaino .ap-news {
    padding: 0 0 25px;
}
.page-ziaino .ap-news-bdr {
	width:100%;
	padding:40px;
	border:2px #ccc solid;
}
.page-ziaino .ap-news-bdr > .news-text {
	margin-bottom:15px;
	font-size: 20px;
	font-weight:400;
}
.page-ziaino .ap-news-bdr > .news-text--link a {
	color:#0273ab;
	font-size: 15px;
}
.page-ziaino .ap-news-bdr > .news-text--link:before {
	content: "＞";
	display: inline-block;
	margin-right:5px;
	font-size: 15px;
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
	.page-ziaino.page-data .ap-news {
		padding: 0 0 40px 0;
	}
	.page-ziaino .ap-news-bdr > .news-text {
		font-size: 19px;
	}
	.page-ziaino .ap-news-bdr {
		padding:1.5em;
	}
}


/* ----------------------------------------------------------------------- 
ziaino img => width100%
-------------------------------------------------------------------------*/
.page-ziaino .img-w100 img {
	width: 100%;
}


/* ----------------------------------------------------------------------- 
ziaino scroll__block
-------------------------------------------------------------------------*/

/*** --- table-scroll --- ***/
@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
    .page-ziaino .scroll__block {
      max-width:640px;
      width:100%;
      overflow-y: hidden;
      overflow-x: scroll;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
	}
}

.page-ziaino .scroll-arrow-area {
	position: relative;
	width:100%;
}
	@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
		.page-ziaino .scroll-arrow-area > .arrow-prev ,
		.page-ziaino .scroll-arrow-area > .arrow-next {
			position: absolute;
			top:50%;
			z-index: 3;
			width:53px;
			height:95px;
			background-image: url(/hvac-cc/biz/products/ziaino/img/date_library/swipe_arrow.png);
			background-repeat: no-repeat;
			background-size: contain;
			background-position: 0 0;
		}
		.page-ziaino .scroll-arrow-area > .arrow-prev {
			left:1%;
			transform: translateY(-50%);
		}
		.page-ziaino .scroll-arrow-area > .arrow-next {
			right:2%;
			transform: translateY(-50%) rotate(180deg);
		}
	}