@charset "utf-8";
/*
//
// products style css / Updating 2020.02.19
// /products/az70w/
//
*/

body {
	overflow: hidden;
	height: auto;
}

#az70w {
	color: #000;
}

.u_bar {
	position: relative;
	padding-left: 1em;
	margin-bottom: 26px;
	/* margin: 0 0 30px;
    padding: 1px 0 1px 20px;
    border-bottom: none;
    border-left: 4px solid #666;
    line-height: 1.4; */
	/* border-bottom: 1px solid #444140;
	padding-bottom: .8em; */
}
.u_bar:after{
	content: "";
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: 0;
	width: 4px;
	background-color: #666;
}

.l_bar {
	border-left: 10px solid #cccccc;
	padding-left: .8em;
	line-height: 1.8;
}

figure {
	margin: 0;
}

figure img {
	display: block;
	width: 100%;
	height: auto;
}


/* 20221124 パンくずの上下余白を他ページと揃えるために下記削除 */
#wrapContent #wrap_mainContent {
	/* overflow: visible !important; */
}

#wrapContent #wrap_mainContent .mainContens {
	float: none !important;
}

@media only screen and (min-width:640px) {
	#wrapContent #wrap_mainContent .contens {
		padding-bottom: 46px !important;
	}

	.pageTop {
		padding-right: 25px;
	}

}

/* @media all and (min-width: 1016px) {
	#wrapContent #wrap_mainContent .contens {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

} */





.txt_ind {
	text-indent: -.5em;
}


/* release */
.release {
	width: 100%;
	margin: 0 auto;
	background: #f5f5f5;
	position: relative;
}

.release-inner strong {
	display: block;
	position: relative;
}

.release-inner img {
	display: block;
	/* vertical-align: bottom; */
}

.release-inner:before {
	background: #f5f5f5;
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	box-sizing: border-box;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}




@media only screen and (max-width:639px) {
	/* sp */

	.release {
		margin-top: 4%;
	}

	.release-inner strong {
		padding: 20px;
	}

	.release-inner:before {
		width: calc(100% + 220px);
		border-top: 2px solid #d8d8d8;
		display: block !important;
	}



}

@media only screen and (min-width:640px) and (max-width:976px) {

	/* tab */
	.release-inner {
		border-top: 2px solid #d8d8d8;
	}

}

@media only screen and (min-width:640px) {
	
	.release-inner strong {
		padding: 26px 0;
	}

	.release-inner:before {
		width: calc(100% + 220px);
		border-top: 2px solid #d8d8d8;
	}

	.target-head {
		padding-top: 48px;
    margin-top: -48px;
	}


}

@media only screen and (min-width:976px) {
	/* pc */
}


/* kvArea */
.kvArea img {
	vertical-align: bottom;
}
.kvArea+div .img-resp a img {
	width: 100%;
}
.kvArea .notes {
	margin-top: 1em;    
	padding-left: 1em;
}


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

	/* sp */
	.kvArea {
		margin-left: -10px !important;
		width: calc(100% + 20px) !important;
	}
	.kvArea figcaption {
		padding: 10px 10px 0;
	}

}

@media only screen and (min-width:481px) and (max-width:639px) {

	/* 補完 */
	.kvArea {
		margin-left: -26px !important;
		width: calc(100% + 51px) !important;
	}

}

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

	/* pc */
	.kvArea {
		position: relative;
		margin-bottom: 58px;
	}

	/* .kvArea img {
		opacity: 0;
	} */
	.kvArea figcaption {
		margin-top: 15px;
	}

	/* .kvArea:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 50%;
		width: calc(100% + 220px);
		height: 100%;
		background: url(../images/bg_mv_pc.jpg) 50% 0 / contain no-repeat;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	} */

}

@media only screen and (min-width:640px) and (max-width:849px) {

	.kvArea figcaption {
		position: absolute !important;
	}

	
}


/* 20211028 */
div.anc_box {
	text-align: center;
}
.anc_box ul {
	background: #F5F5F5;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.anc_box ul li {
	text-align: center;
	position: relative;
}
.anc_box ul li a {
	display: block;
	line-height: 1.2;
	display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}


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

	.anc_box ul {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.anc_box ul li {
		width: 50%;
	}
	.anc_box ul li:nth-child(2n):before {
		content: "";
		display: block;
		width: 1px;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		background: #A6A6A6;
		transform: translateY(-50%);
	}
	.anc_box ul li:nth-child(n+3):after {
		content: "";
		display: block;
		width: 80%;
		height: 1px;
		position: absolute;
		top: 0;
		left: 50%;
		background: #A6A6A6;
		transform: translateX(-50%);
	}

	.anc_box ul li a {
		width: 100%;
		height: 4.6em;
		font-size: 120%;
	}

}

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

	.anc_box ul {
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.anc_box ul li {
		width: calc(100% / 6);
	}
	.anc_box ul li:nth-child(n+2):before {
		content: "";
		display: block;
		width: 1px;
		height: 50%;
		position: absolute;
		top: 50%;
		left: 0;
		background: #A6A6A6;
		transform: translateY(-50%);
	}
	.anc_box ul li a {
		width: 100%;
		height: 60px;
		font-size: 15px;
	}

}

/* headding */
.products_headding {
	line-height: 1.6;
}

.products_headding h1,
.products_headding h4 {
	font-weight: bold;
}

.products_headding p sup {
	top: -0.5em;
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.products_headding img {
	display: inline-block;
	vertical-align: top;
}
.products_headding img:first-child {
	max-width: 326px;
}
.products_headding img:last-child {
	max-width: 496px;
	width: 52%;
}

@media only screen and (min-width:640px) {
	.products_headding h1 {
		font-size: 22px;
	}

	.products_headding h4 {
		font-size: 18px;
		margin: 12px 0 4px;
	}

	.products_headding p {
		font-size: 13px;
	}


}

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

	.headding:not(.products_headding) {
		padding: 25px 0;
	}

	.products_headding h1 {
		font-size: 22px;
	}

	.products_headding h4 {
		font-size: 18px;
		margin: 20px 0 10px;
	}

	.products_headding p {
		font-size: 13px;
	}

	.products_headding p sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}

	.products_headding img {
		width: 100% !important;
		margin-top: 20px;
	}


}

@media only screen and (min-width:640px) {
	.headding:not(.products_headding) {
		padding: 25px 0;
	}

	.products_headding h1 {
		font-size: 22px;
	}

	.products_headding h4 {
		font-size: 18px;
		margin: 12px 0 4px;
	}

	.products_headding p {
		font-size: 13px;
	}

	.products_headding img {
		margin-top: 28px;
	}

}

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

	.headding:not(.products_headding) {
		padding: 30px 0;
	}

	.products_headding h1 {
		font-size: 32px;
	}

	.products_headding h4 {
		font-size: 20px;
	}

	.products_headding p {
		font-size: 15px;
	}


}



.bg-headding {
	background: #eff3f8;
	position: relative;
}

.bg-headding:before {
	content: "";
	background: #eff3f8;
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(100% + 220px);
	height: 100%;
	box-sizing: border-box;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.bg-headding>* {
	position: relative;
}

.bg-headding span {
	display: block;
}

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

	.bg-headding span.subtitle {
		font-size: 13px;
		line-height: 1.8;
	}

	.bg-headding span.maintitle {
		font-size: 22px;
		line-height: 1.5;
	}

}

@media only screen and (min-width:640px) {
	.bg-headding span.subtitle {
		font-size: 13px;
		line-height: 1.8;
	}

	.bg-headding span.maintitle {
		font-size: 22px;
		line-height: 1.5;
	}

}

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

	.bg-headding span.subtitle {
		font-size: 15px;
	}

	.bg-headding span.maintitle {
		font-size: 32px;
	}

}

.bg-headding.gr,
.bg-headding.gr:before {
	background: #f3f3f3;
}

@media only screen and (max-width:639px) {
	.col1-resp.bg-headding.gr {
		padding: 30px 0 1px;
	}
}

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

	.col1-resp.bg-headding.gr {
		padding: 40px 0 1px;
	}

	.col1-resp.gr .col2-resp .co2-1 {
		width: 49.9%;
		margin-right: 2.2%;
	}

	.col1-resp.gr .col2-resp .co2-2 {
		width: 47.9%;
	}

}



/* .col1-resp.bg-headding.gr {} */











/* layout */
/* .col1-resp,
.col2-resp,
.col3-resp {} */

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

	section {
		margin-bottom: 60px;
	}

	.col1-resp,
	.col2-resp,
	.col3-resp,
	.col4-resp {
		margin-bottom: 30px;
	}

	.col2-resp .col2-resp .co2-1,
	.img-resp+.col2-resp .co2-1 {
		width: 48.9%;
		margin-right: 2.2%;
	}

	.col2-resp .col2-resp .co2-2,
	.img-resp+.col2-resp .co2-2 {
		width: 48.9%;
	}


	.sp-col2.col2-resp .co2-1 {
		/* width: 49.9%; */
		width: 48.9%;
		margin-right: 2.2%;
	}

	.sp-col2.col2-resp .co2-2 {
		/* width: 47.9%; */
		width: 48.9%;
	}


	.sp-col3.col3-resp .co3-1,
	.sp-col3.col3-resp .co3-2,
	.sp-col3.col3-resp .co3-3 {
		float: left;
		width: 32.2%;
		margin-right: 1.7%;
	}
	.sp-col3.col3-resp .co3-3 {
		margin-right: 0;
	}


}

/* .col2-resp .co2-1,
.col2-resp .co2-2{
	outline: 2px solid aqua;
}
.sp-col2.col2-resp .co2-1,
.sp-col2.col2-resp .co2-2{
	outline: 2px solid red;
} */



/* @media only screen and (min-width:640px) {

	.col1-resp,
	.col2-resp,
	.col3-resp,
	.col4-resp {
		margin-bottom: 50px;
	}


} */

/* .bodycopy {} */

.bodycopy>* {
	line-height: 1.6;
}

.bodycopy a {
	/* color: #0273ab; */
	text-decoration: underline;
}

.bodycopy a:hover {
	text-decoration: underline;
}

.bodycopy .header5 {
	font-weight: bold;
}



/* .bodycopy .bodycopy4 {} */

/* .bodycopy .bodycopy6 {} */

.bodycopy .bodycopy4,
.bodycopy .bodycopy6 {
	line-height: 1.6;
}

.bodycopy>*:not(:first-child) {
	margin-top: 1.4em;
}

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

	.bodycopy .header5 {
		font-size: 18px;
		font-weight: bold;
	}
	.bodycopy .header6 {
		font-size: 14px;
		font-weight: bold;
	}

	.bodycopy .bodycopy4 {
		font-size: 16px;
	}

	.bodycopy .bodycopy5 {
		font-size: 13px;
	}

	.bodycopy .bodycopy6 {
		font-size: 12px;
		margin-top: 1.6em;
	}

}

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

	.bodycopy .header5 {
		font-size: 20px;
	}
	.bodycopy .header6 {
		font-size: 16px;
		font-weight: bold;
	}

	.bodycopy .bodycopy4 {
		font-size: 16px;
	}

	.bodycopy .bodycopy5 {
		font-size: 13px;
	}

	.bodycopy .bodycopy6 {
		font-size: 12px;
		margin-top: 1.6em;
	}

}

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

	/* .bodycopy {} */

	.bodycopy .header5 {
		font-size: 22px;
	}

	.bodycopy .bodycopy4 {
		font-size: 20px;
	}

	.bodycopy .bodycopy5 {
		font-size: 14px;
		line-height: 1.8;
	}

	.bodycopy .bodycopy6 {
		font-size: 12px;
		margin-top: 1.6em;
	}


}


/* #az70w .col3-resp>div {} */

@media only screen and (min-width:976px) {
	/* pc */

	.img-resp {
		padding: 10px 0 26px;
	}


	#az70w .col3-resp>div {
		width: 31.2%;
	}

	#az70w .col3-resp>div:not(:last-child) {
		margin-right: 3.2%;
	}



}


.border-wrap {
	box-sizing: border-box;
	border: 2px solid #cccccc;
}

@media only screen and (max-width:639px) {
	/* pc */

	.border-wrap {
		padding: 26px 20px;
	}

	.border-wrap p {
		font-size: 16px;
	}
	

}

@media only screen and (min-width:640px) {
	/* pc */

	.border-wrap {
		padding: 42px 45px;
	}

	.border-wrap p {
		font-size: 15px;
	}


}


#az70w .bnrList figcaption {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


@media only screen and (max-width:639px) {
	/* sp */

	#az70w .bnrList figcaption {
		font-size: 16px;
		margin: 10px auto 14px;
	}


}

@media only screen and (min-width:640px) {
	/* pc */

	#az70w .bnrList figcaption {
		font-size: 20px;
		margin: 20px auto 35px;
	}


}


/* .col1-resp.att {} */

@media only screen and (min-width:640px) {
	.col1-resp.att {
		margin: 80px auto;
	}

}


/* .button-area {
	text-align: center;
}

.button-area a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}
.button-content.colorA .button-area a {
	background-color: #6e7175;
	color: #fefefe;
}
.button-content.colorB .button-area a {
  background-color: #fff;
  color: #333;
  border: 2px solid #6e7175;
}


.button-content.colorA .button-area a:before {
  background-image: url(../images/icn_arrow_r_w.svg);
}
.button-content.colorB .button-area a:before {
  background-image: url(../images/icn_arrow_r_b.svg);
}
.button-area a:before {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}
	.button-area a span {
		text-align: left;
		display: block;
	}


@media only screen and (max-width:639px) {
	.button-area a {
		font-size: 18px;
		width: 100%;
		max-width: 312px;
		padding: 0 55px 0 20px;
	}

	.button-area a:before {
		width: 17px;
		height: 17px;
		right: 26px;
	}

	.button-area a span {
		height: 50px;
		line-height: 50px;
	}


}
@media only screen and (min-width:640px) {
	.button-area a {
		font-size: 18px;
		width: 312px;
		padding: 0 55px 0 20px;
	}

	.button-area a:before {
		width: 17px;
		height: 17px;
		right: 26px;
	}

	.button-area a span {
		height: 50px;
		line-height: 50px;
	}

} */

/* .sns {} */

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

	/* pc */
	.sns {
		padding-left: 36px;
	}

}

/* 
.app_dl {}

.app_dl+.col2-resp {}

.app_dl+.col2-resp>.co2-1 img {
  max-width: 90%;
}

@media only screen and (max-width:639px) {
  .app_dl+.col2-resp {
    margin-bottom: 0;
  }
  .app_dl+.col2-resp>.co2-1 img {
    max-width: 74%;
  }
  .app_dl+.col2-resp>.co2-2 p span {
    display: block;
  }
}
}

@media only screen and (min-width:640px) {
  .app_dl+.col2-resp>.co2-2 img {
    max-width: 227px;
  }

}

@media only screen and (min-width:768px) {
  .app_dl+.col2-resp>.co2-1 img {
    max-width: 386px;
    width: 90%;
  }
} */



/* add 20210518 */
#az70w .col4-resp > div {
	position: relative;
}
#az70w .col4-resp>div a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
@media only screen and (min-width:640px) {

	#az70w .col4-resp>div {
		width: 48.5%;
		float: right;
	}
	#az70w .col4-resp>div:nth-child(odd) {
		float: left;
	}

}

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

	#az70w .col4-resp>div,
	#az70w .col4-resp>div:nth-child(odd) {
		width: 24.1%;
		float: left;
	}
	#az70w .col4-resp>div:not(:last-child) {
		margin-right: 1.2%;
	}

}
/* .add 20210518 */


/* .update 20220621 */

.buy-col .sectionTitle{
	font-size: 22px !important;
}

.buy-col .button-area {
	display: block !important;
	background-color:transparent ;
}

.buy-col .button-area a {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
}

.buy-col .button-area a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.buy-col .button-content.colorA .button-area a {
	background-color: #6e7175;
	color: #fefefe;
}
.buy-col .button-content.colorB .button-area a {
  background-color: #fff;
  color: #333;
  border: 2px solid #6e7175;
}

.buy-col .button-content.colorA .button-area a:before {
  background-image: url(../images/icn_arrow_r_w.svg);
}
.buy-col .button-content.colorB .button-area a:before {
  background-image: url(../images/icn_arrow_r_b.svg);
}
.buy-col .button-area a:before {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
}
.buy-col .button-area a span {
		text-align: left;
		display: block;
	}


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

	.buy-col .sectionTitle{
		margin-bottom: 20px !important;
	}

	.buy-col .button-area a {
		font-size: 18px;
		width: 100%;
		padding: 0 55px 0 20px;
	}

	.buy-col .button-area a:before {
		width: 17px;
		height: 17px;
		right: 26px;
	}

	.buy-col .button-area a span {
		height: 50px;
		line-height: 50px;
	}
}
@media only screen and (min-width:640px) {

	.buy-col .sectionTitle{
		margin-bottom: 40px !important;
	}

	.buy-col .button-area a {
		font-size: 18px;
		padding: 0 55px 0 20px;
	}

	.buy-col .button-area a:before {
		width: 17px;
		height: 17px;
		right: 26px;
	}

	.buy-col .button-area a span {
		height: 50px;
		line-height: 50px;
	}

}

.buy-col ul li{
	font-size: 14px;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 2em;
}

.buy-bnr,
.sample-bnr{
	margin-top: 30px;
}

.buy-bnr img{
	width: 100%;
}

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

	.buy-col .buy-ttl {
		font-size: 16px;
	}

}

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

	.bodycopy .buy-ttl {
		font-size: 18px;
	}
	.buy-btn {
		margin-top: 30px;
	}
	.buy-btn a {
		width: 100%;
		display: block;
	}

}
/* .update 20220621 */