@charset "Shift-JIS";




/* ----------------------------------------------- */
/* メインコンテンツ */

body {
/*
	text-align:center;
*/
}

/*Pull to refresh機能回避*/
/*
html{
  overflow: hidden;
}

body{
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
*/

header._simple {
	display: none;
}

/* カート幅調整 */
.l-container {
	max-width: 980px;
}

.l-main-container {
	max-width: 980px;
	margin:0 auto;
}

#container {
	max-width: 980px;
	margin:0 auto;
}

.lp {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	clear:both;
}

.lp img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}




.video {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0px 0px 56.25%;
	overflow: hidden;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; !important;
	height: 100%; !important;
}



/* ----------------------------------------------- */
/* ナビゲーションボタン */

#banner-all {
	position: fixed;
	/*width: 100%;*/
	/*left: 0px;*/
	bottom: 0;
	text-align: center;
	display: none;
	z-index: 88;
}

#banner-all.displayNone {
	display: block;
}

#banner-all.displayNone_b {
	display: none;
}

#banner-all.b_block {
	opacity: 1;
}

#banner-all.b_block.b_none {
	opacity: 0;
}



/* ----------------------------------------------- */
/* 商品を横並び調整 */




.l-col._s12._m4.p-itemlink {
      width:50%;
    }


@media only print, screen and (min-width: 768px){
  .l-col._s12._m4.p-itemlink{
    width:33.3333333333%;
  }
}




/* ----------------------------------------------- */
/* タブ */


#box {
	width: 100%;
	max-width: 980px;
	clear:both;
}

.box_a {
	float:left;
	width:26.666666%;
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/006_02_01_on.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.box_b {
	float:left;
	width:23.2%;
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/006_02_02_on.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.box_c {
	float:left;
	width:23.466666%;
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/006_02_03_on.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.box_d {
	float:left;
	width:26.666666%;
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/006_02_04_on.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}




#box_sp_a {
	display:block;
}
#box_pc_a {
	display:none;
}
#box_sp_b {
	display:block;
}
#box_pc_b {
	display:none;
}

@media only print, screen and (min-width: 768px){
	#box_pc_a {
		display:block;
	}
	#box_sp_a {
		display:none;
	}
	#box_pc_b {
		display:block;
	}
	#box_sp_b {
		display:none;
	}
}

/*
.modalBox_a {
	float:left;
	width:15.2%;
}

.modalBox_b {
	float:left;
	width:12.0%;
}

.modalBox_c {
	float:left;
	width:17.333333%;
}

.modalBox_d {
	float:left;
	width:12.0%;
}

.modalBox_e {
	float:left;
	width:17.333333%;
}

.modalBox_f {
	float:left;
	width:12.0%;
}

.modalBox_g {
	float:left;
	width:14.133333%;
}

.modalBox_h {
	float:left;
	width:29.333333%;
}

.modalBox_i {
	float:left;
	width:12.0%;
}

.modalBox_j {
	float:left;
	width:17.333333%;
}

.modalBox_k {
	float:left;
	width:12.0%;
}

.modalBox_l {
	float:left;
	width:29.333333%;
}
*/

/*@media only print, screen and (min-width: 768px){
	#box_pc {
		display:block;
	}
	#box_sp {
		display:none;
	}*/
	.modalBox_a {
		float:left;
		width:36%;
	}
	
	.modalBox_b {
		float:left;
		width:29.333333%;
	}
	
	.modalBox_c {
		float:left;
		width:34.666666%;
	}
	
	.modalBox_d {
		float:left;
		width:21.866666%;
	}
	
	.modalBox_e {
		float:left;
		width:28.8%;
	}
	
	.modalBox_f {
		float:left;
		width:28.533333%;
	}
	
	.modalBox_g {
		float:left;
		width:20.8%;
	}
/*}*/




.modaOflBox_a {
	float:left;
	width:40%;
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/002_02_on.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.modaOflBox_b {
	float:left;
	width:60%;
}

.modaOflBox_c {
	float:left;
	width:40%;
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/017_02_on.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.modaOflBox_d {
	float:left;
	width:60%;
}




.graPh_a {
	background-image:url(/articles_c/atc_h03_nm_a_01b/img/014_02_off.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}




/* ----------------------------------------------- */
/* ポップアップ */


*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
/*
.content{
	margin: 0 auto;
	padding: 40px;
}
*/
.modal{
	display: none;
	height: 100vh;
	height: 100lvh;
	min-height: -webkit-fill-available;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 980px;
	z-index: 99;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 10px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 476px;
}




/* ----------------------------------------------- */
/* アニメーション */


#fade_area {
	position: relative;
	width: 100%;
}

.fade_position_000 {
	position: absolute;
	top:0%;
}