* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html{
	overflow-x: hidden;
}


/* PC */
@media (min-width:1100px) {


/* �p�\�R���Ō����Ƃ���"pc"��class�������摜���\������� */
.pc { display: block !important; }
.sp { display: none !important; }

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

	.jcscts-2279_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    color:#000000;
	    background-image: url(../img/jcscts-2279_back.jpg);
	    background-repeat:repeat;
	    background-size:cover;
	    background-position:center;
	    background-attachment:fixed;
	    padding-bottom:50px;
	}

section {
	  position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index:59 !important;
	}

	.item {
	  opacity: 0;
	  transform: translateY(2rem);
	  transition: all 0.6s ease-out;
	  text-align: center;
	  font-weight: bold;
	  width:100%;
	}

	/* :has() �ɂ��X�N���[���A�����A�j���[�V���� */
	section:has(.is-visible) .item {
	  opacity: 1;
	  transform: none;
	}

	/* sentinel �͖ڈ� */
	.sentinel {
	  width: 1px;
	  height: 1px;
	  visibility: hidden;
	}

	.top_logo img{
		position: absolute;
		top:0;
		left:0;
	}
	
	
	
	.jcscts-2279_box{
		width:100%;
		
	}
	
	.jcscts-2279_container{
		width:1100px;
		margin:0 auto;
		text-align:center;
	}

	.jcscts-2279_top{
		width:100%;
		margin-top:50px;
	}
	
	.jcscts-2279_top img{
		width:100%;
		vertical-align: top;
	}
	
	.jcscts-2279_top_img{
		margin:0 auto;
		position: relative;
	}
	
	.jcscts-2279_top_img img{
		width:100%;
		vertical-align: top;
	}
	
	

	.jcscts-2279_h1{
		font-size:23px;
		letter-spacing:2px;
		color:#000000;
		padding:10px;
		margin-bottom:50px;
	}
	
	.jcscts-2279_btn{
		margin:0 auto;
		margin-top:50px;
	}
	
	.jcscts-2279_btn a{
		text-decoration:none;
	}
	
	.jcscts-2279_sale{
		margin:0 auto;
		width:100%;
		margin-top:10px;
	}

	.jcscts-2279_time{
		margin:0 auto;
		width:100%;
		font-size:20px;
		font-weight:bold;
	}
	
	.jcscts-2279_days{
		margin:0 auto;
		width:100%;
		font-size:20px;
		font-weight:bold;
	}
	
	.jcscts-2279_presale{
		margin:10px auto;
		width:100%;
		font-size:20px;
		font-weight:bold;
	}
	
	.jcscts-2279_p{
		padding:3px 15px;
		background-color:#d10012;
		color:#ffffff;
		font-weight:bold;
		margin-right:5px;
		border:solid 2px #000000;
	}
	
	.jcscts-2279_w{
		width:100px;
	}
	
	.jcscts-2279_item{
		margin:0 auto;
		margin-top:80px;
		max-width: 60%;
	}
	
	
	
	.jcscts-2279_lineup{
		margin:0 auto;
		color:#000000;
	}
	
	.jcscts-2279_lineup img{
		vertical-align:top;
	}
	
	
	
	.jcscts-2279_lineup_lead{
		margin:0 auto;
		font-weight:bold;
		font-size:70px;
		padding-bottom:20px;
	}



	.jcscts-2279_lineup_lead img{
		width:100%;
	}
	
	.jcscts-2279_lineup_lead_b img{
		width:60%;
	}
	
	
	.jcscts-2279_goods{
		margin:0 auto;
		width:100%;
		padding:20px;

	}

	ul.jcscts-2279_goods_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		width:100%;
		color:#000000;
		justify-content: center;
	}
	
	ul.jcscts-2279_goods_ul li{
		list-style-type: none;
		width:24%;
		padding:3px;
		margin:5px;
	}
	
	ul.jcscts-2279_goods_ul li a{
		text-decoration: none;
		color:#ffffff;
	}
	
	
	ul.jcscts-2279_goods_ul li:hover{
		 opacity: 0.7;
	}
	
	
	.jcscts-2279_goods_img {
		margin-bottom:10px;
	}
	
	
	
	.jcscts-2279_goods_img img{
		width:100%;
		border:solid 10px #000000;
	}
	

	
	.jcscts-2279_goods_txt{
		margin:0 auto;
		font-size:15px;
		color:#000000;
		text-align:left;
		padding:5px 0;
		font-weight:bold;
	}
	
	.jcscts-2279_goods_txt a{
		color:#000000;
	}
	
	.jcscts-2279_goods_price{
		margin:0 auto;
		padding:10px 0;
		font-size:13px;
		color:#000000;
		text-align:left;
	}
	
	.jcscts-2279_goods_price a{
		color:#000000;
	}
	
	
	.jcscts-2279_topbtn{
		margin:30px auto;
	}
	
	
	
	.s{
		text-align:left;
		font-size:10px;
		padding:20px;
		color:#000000;
	}
	

	.jcscts-2279_list{
		margin:0 auto;
		width:100%;
	}
	
	ul.jcscts-2279_list_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin:0 auto;
		align-items: center;
		width:80%;
	}
	
	ul.jcscts-2279_list_ul li{
		list-style-type: none;
		width:30%;
		padding:5px;
		margin:5px;
	}
	
	ul.jcscts-2279_list_ul li img{
		width:80%;
	}
	
	ul.jcscts-2279_list_ul li a{
		text-decoration:none;
	}
	
	
	.jcscts-2279_list_ul li:hover{
	  opacity: 0.7;
	}
	
	.jcscts-2279_list{
		margin:0 auto;
		font-size:20px;
		font-weight:bold;
		padding:20px;
		color:#000000;
	}
	
	.jcscts-2279_list_lead{
		margin:0 auto;
		padding:10px;
		color: #ffffff;
	}
	

	
	.jcscts-2279_btn_all{
		margin:10px auto;
		width:400px;
		background-color:#000000;
		color:#ffffff;
		font-size:20px;
		padding:10px;
		border-radius:10px;
	}
	
	.jcscts-2279_btn_all a{
		text-decoration:none;
		color:#ffffff;
	}
	
	.jcscts-2279_btn_all:hover{
		opacity: 0.7;
	}
	
	
	.jcscts-2279_btn_list{
		margin:0 auto;
		width:400px;
		background-color:#ffffff;
		color:#000000;
		font-size:20px;
		padding:10px;
		border-radius:10px;
	}
	
	.jcscts-2279_btn_list a{
		text-decoration:none;
		color:#000000;
	}
	
	.jcscts-2279_btn_list:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_at{
		margin:0 auto;
		color:#000000;
		font-size:20px;
		font-weight:bold;
		margin-top:50px;
	}
	
	.footer_btn_box_ha{
		margin:0 auto;
		width:50%;
		padding:30px 0;
	}
	
	
	ul.footer_btn_ul_ha{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
	}
	
	ul.footer_btn_ul_ha li{
		list-style-type: none;
		width:50%;
		
	}
	
	.footer_btn_ha{
		font-size:13px;
		text-align:center;
		margin:5px;
		background:#000000;
		color:#ffffff;
		padding:10px;
		border-radius:10px;
	}
	
	.footer_btn_ha a{
		text-decoration:none;
		color:#ffffff;
	}

	.footer_btn_ha:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_copy{
		margin:0 auto;
		text-align:center;
		font-size:10px;
		color:#000000;
		padding:10px;
	}

	.jcscts-2279_fbtn{
		margin:0 auto;
		width:100%;
		max-width: 80%;
	}
	
	.jcscts-2279_fbtn a:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_fbtn img{
		margin:0 auto;
		width:60%;
	}
	
	
}


/* �^�u���b�g */
@media screen and (max-width:1100px) {

/* �p�\�R���Ō����Ƃ���"pc"��class�������摜���\������� */
.pc { display: block !important; }
.sp { display: none !important; }

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

	.jcscts-2279_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    color:#000000;
	    background-image: url(../img/jcscts-2279_back.jpg);
	    background-repeat:repeat;
	    background-size:cover;
	    background-position:center;
	    background-attachment:fixed;
	    padding-bottom:50px;
	}

section {
	  position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index:59 !important;
	}

	.item {
	  opacity: 0;
	  transform: translateY(2rem);
	  transition: all 0.6s ease-out;
	  text-align: center;
	  font-weight: bold;
	  width:100%;
	}

	/* :has() �ɂ��X�N���[���A�����A�j���[�V���� */
	section:has(.is-visible) .item {
	  opacity: 1;
	  transform: none;
	}

	/* sentinel �͖ڈ� */
	.sentinel {
	  width: 1px;
	  height: 1px;
	  visibility: hidden;
	}

	.top_logo img{
		position: absolute;
		top:0;
		left:0;
	}
	
	
	.jcscts-2279_box{
		width:100%;
		
	}
	
	.jcscts-2279_container{
		width:100%;
		margin:0 auto;
		text-align:center;
	}

	.jcscts-2279_top{
		width:100%;
		margin-top:20px;
	}
	
	.jcscts-2279_top img{
		width:100%;
		vertical-align: top;
	}
	
	.jcscts-2279_top_img{
		width:100%;
	}
	
	.jcscts-2279_top_img img{
		width:100%;
		vertical-align: top;
	}
	
	

	.jcscts-2279_h1{
		font-size:23px;
		letter-spacing:2px;
		color:#000000;
		padding:10px;
		margin-bottom:20px;
	}
	
	.jcscts-2279_btn{
		margin:0 auto;
		margin-top:50px;
	}
	
	.jcscts-2279_btn a{
		text-decoration:none;
	}
	
	.jcscts-2279_sale{
		margin:0 auto;
		width:100%;
		margin-top:30px;
	}

	.jcscts-2279_time{
		margin:0 auto;
		width:100%;
		font-size:20px;
		font-weight:bold;
	}
	
	.jcscts-2279_days{
		margin:0 auto;
		width:100%;
		font-size:20px;
		font-weight:bold;
	}
	
	.jcscts-2279_presale{
		margin:10px auto;
		width:100%;
		font-size:20px;
		font-weight:bold;
	}
	
	.jcscts-2279_p{
		padding:3px 15px;
		background-color:#d10012;
		color:#ffffff;
		font-weight:bold;
		margin-right:5px;
		border:solid 2px #000000;
	}
	
	.jcscts-2279_w{
		width:100px;
	}
	
	.jcscts-2279_item{
		margin:0 auto;
		margin-top:40px;
	}
	
	
	
	.jcscts-2279_lineup{
		margin:0 auto;
		color:#000000;
	}
	
	.jcscts-2279_lineup img{
		vertical-align:top;
	}
	
	
	
	.jcscts-2279_lineup_lead{
		margin:0 auto;
		padding-bottom:20px;
	}



	.jcscts-2279_lineup_lead img{
		width:90%;
	}
	
	
	
	.jcscts-2279_goods{
		margin:0 auto;
		width:100%;
		padding:0;

	}

	ul.jcscts-2279_goods_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		width:100%;
		color:#000000;
		justify-content: center;
	}
	
	ul.jcscts-2279_goods_ul li{
		list-style-type: none;
		width:35%;
		padding:3px;
		margin:5px;
	}
	
	ul.jcscts-2279_goods_ul li a{
		text-decoration: none;
		color:#ffffff;
	}
	
	
	ul.jcscts-2279_goods_ul li:hover{
		 opacity: 0.7;
	}
	
	
	.jcscts-2279_goods_img {
		margin-bottom:10px;
	}
	
	
	
	.jcscts-2279_goods_img img{
		width:100%;
		border:solid 5px #000000;
	}
	

	
	.jcscts-2279_goods_txt{
		margin:0 auto;
		font-size:15px;
		color:#000000;
		text-align:left;
		padding:5px 0;
		font-weight:bold;
	}
	
	.jcscts-2279_goods_txt a{
		color:#000000;
	}
	
	.jcscts-2279_goods_price{
		margin:0 auto;
		padding:10px 0;
		font-size:13px;
		color:#000000;
		text-align:left;
	}
	
	.jcscts-2279_goods_price a{
		color:#000000;
	}
	
	
	.jcscts-2279_topbtn{
		margin:30px auto;
	}
	
	
	
	.s{
		text-align:left;
		font-size:10px;
		padding:20px;
		color:#000000;
	}
	

	.jcscts-2279_list{
		margin:0 auto;
		width:100%;
	}
	
	ul.jcscts-2279_list_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin:0 auto;
		align-items: center;
		width:80%;
	}
	
	ul.jcscts-2279_list_ul li{
		list-style-type: none;
		width:30%;
		padding:5px;
		margin:5px;
	}
	
	ul.jcscts-2279_list_ul li img{
		width:80%;
	}
	
	ul.jcscts-2279_list_ul li a{
		text-decoration:none;
	}
	
	
	.jcscts-2279_list_ul li:hover{
	  opacity: 0.7;
	}
	
	.jcscts-2279_list{
		margin:0 auto;
		font-size:20px;
		font-weight:bold;
		padding:20px;
		color:#000000;
	}
	
	.jcscts-2279_list_lead{
		margin:0 auto;
		padding:10px;
		color: #ffffff;
	}
	

	
	.jcscts-2279_btn_all{
		margin:10px auto;
		width:400px;
		background-color:#000000;
		color:#ffffff;
		font-size:20px;
		padding:10px;
		border-radius:10px;
	}
	
	.jcscts-2279_btn_all a{
		text-decoration:none;
		color:#ffffff;
	}
	
	.jcscts-2279_btn_all:hover{
		opacity: 0.7;
	}
	
	
	.jcscts-2279_btn_list{
		margin:0 auto;
		width:400px;
		background-color:#ffffff;
		color:#000000;
		font-size:20px;
		padding:10px;
		border-radius:10px;
	}
	
	.jcscts-2279_btn_list a{
		text-decoration:none;
		color:#000000;
	}
	
	.jcscts-2279_btn_list:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_at{
		margin:0 auto;
		color:#000000;
		font-size:20px;
		font-weight:bold;
		margin-top:50px;
	}
	
	.footer_btn_box_ha{
		margin:0 auto;
		width:50%;
		padding:30px 0;
	}
	
	
	ul.footer_btn_ul_ha{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
	}
	
	ul.footer_btn_ul_ha li{
		list-style-type: none;
		width:50%;
		
	}
	
	.footer_btn_ha{
		font-size:13px;
		text-align:center;
		margin:5px;
		background:#000000;
		color:#ffffff;
		padding:10px;
		border-radius:10px;
	}
	
	.footer_btn_ha a{
		text-decoration:none;
		color:#ffffff;
	}

	.footer_btn_ha:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_copy{
		margin:0 auto;
		text-align:center;
		font-size:10px;
		color:#000000;
		padding:10px;
	}

	.jcscts-2279_fbtn{
		margin:0 auto;
		width:100%;
	}
	
	.jcscts-2279_fbtn a:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_fbtn img{
		margin:0 auto;
		width:60%;
	}
}


/* �X�}�z */
@media (max-width:768px) {

/* �X�}�[�g�t�H���Ō����Ƃ���"sp"��class�������摜���\������� */
.pc { display: none !important; }
.sp { display: block !important; }

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

	.jcscts-2279_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    color:#000000;
	    background-image: url(../img/jcscts-2279_back.jpg);
	    background-repeat:repeat;
	    background-size:cover;
	    background-position:center;
	    background-attachment:fixed;
	    padding-bottom:50px;
	}

section {
	  position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index:59 !important;
	}

	.item {
	  opacity: 0;
	  transform: translateY(2rem);
	  transition: all 0.6s ease-out;
	  text-align: center;
	  font-weight: bold;
	  width:100%;
	}

	/* :has() �ɂ��X�N���[���A�����A�j���[�V���� */
	section:has(.is-visible) .item {
	  opacity: 1;
	  transform: none;
	}

	/* sentinel �͖ڈ� */
	.sentinel {
	  width: 1px;
	  height: 1px;
	  visibility: hidden;
	}


	.top_logo img{
		position: absolute;
		top:0;
		left:0;
	}
	
	.jcscts-2279_box{
		width:100%;
		
	}
	
	.jcscts-2279_container{
		width:375px;
		margin:0 auto;
		text-align:center;
	}

	.jcscts-2279_top{
		width:100%;
		margin-top:20px;
	}
	
	.jcscts-2279_top img{
		width:100%;
		vertical-align: top;
	}
	
	.jcscts-2279_top_img{
		width:100%;
	}
	
	.jcscts-2279_top_img img{
		width:100%;
		vertical-align: top;
	}
	
	

	.jcscts-2279_h1{
		font-size:16px;
		letter-spacing:2px;
		color:#000000;
		padding:10px;
		margin-bottom:20px;
	}
	
	.jcscts-2279_btn{
		margin:0 auto;
		margin-top:30px;
	}
	
	.jcscts-2279_btn a{
		text-decoration:none;
	}
	
	.jcscts-2279_sale{
		margin:0 auto;
		width:100%;
		margin-top:10px;
	}

	.jcscts-2279_time{
		margin:0 auto;
		width:100%;
		font-size:15px;
		font-weight:bold;
	}
	
	.jcscts-2279_days{
		margin:0 auto;
		width:100%;
		font-size:15px;
		font-weight:bold;
	}
	
	.jcscts-2279_presale{
		margin:10px auto;
		width:100%;
		font-size:15px;
		font-weight:bold;
	}
	
	.jcscts-2279_p{
		padding:3px 15px;
		background-color:#d10012;
		color:#ffffff;
		font-weight:bold;
		margin-right:5px;
		border:solid 2px #000000;
	}
	
	.jcscts-2279_w{
		width:100px;
	}
	
	.jcscts-2279_item{
		margin:0 auto;
		margin-top:40px;
	}
	
	
	
	.jcscts-2279_lineup{
		margin:0 auto;
		color:#000000;
	}
	
	.jcscts-2279_lineup img{
		vertical-align:top;
	}
	
	
	
	.jcscts-2279_lineup_lead{
		margin:0 auto;
		padding-bottom:20px;
	}



	.jcscts-2279_lineup_lead img{
		width:90%;
	}
	
	
	
	.jcscts-2279_goods{
		margin:0 auto;
		width:100%;
		padding:0;

	}

	ul.jcscts-2279_goods_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		width:100%;
		color:#000000;
		justify-content: center;
	}
	
	ul.jcscts-2279_goods_ul li{
		list-style-type: none;
		width:40%;
		padding:0;
		margin:5px;
	}
	
	ul.jcscts-2279_goods_ul li a{
		text-decoration: none;
		color:#ffffff;
	}
	
	
	ul.jcscts-2279_goods_ul li:hover{
		 opacity: 0.7;
	}
	
	
	.jcscts-2279_goods_img {
		margin-bottom:10px;
	}
	
	
	
	.jcscts-2279_goods_img img{
		width:100%;
		border:solid 5px #000000;
	}
	

	
	.jcscts-2279_goods_txt{
		margin:0 auto;
		font-size:15px;
		color:#000000;
		text-align:left;
		padding:5px 0;
		font-weight:bold;
	}
	
	.jcscts-2279_goods_txt a{
		color:#000000;
	}
	
	.jcscts-2279_goods_price{
		margin:0 auto;
		padding:10px 0;
		font-size:13px;
		color:#000000;
		text-align:left;
	}
	
	.jcscts-2279_goods_price a{
		color:#000000;
	}
	
	
	.jcscts-2279_topbtn{
		margin:30px auto;
	}
	
	
	
	.s{
		text-align:left;
		font-size:10px;
		padding:20px;
		color:#000000;
	}
	

	.jcscts-2279_list{
		margin:0 auto;
		width:100%;
	}
	
	ul.jcscts-2279_list_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin:0 auto;
		align-items: center;
		width:80%;
	}
	
	ul.jcscts-2279_list_ul li{
		list-style-type: none;
		width:30%;
		padding:5px;
		margin:5px;
	}
	
	ul.jcscts-2279_list_ul li img{
		width:80%;
	}
	
	ul.jcscts-2279_list_ul li a{
		text-decoration:none;
	}
	
	
	.jcscts-2279_list_ul li:hover{
	  opacity: 0.7;
	}
	
	.jcscts-2279_list{
		margin:0 auto;
		font-size:20px;
		font-weight:bold;
		padding:20px;
		color:#000000;
	}
	
	.jcscts-2279_list_lead{
		margin:0 auto;
		padding:10px;
		color: #ffffff;
	}
	

	

	
	.jcscts-2279_btn_list{
		margin:0 auto;
		width:400px;
		background-color:#ffffff;
		color:#000000;
		font-size:20px;
		padding:10px;
		border-radius:10px;
	}
	
	.jcscts-2279_btn_list a{
		text-decoration:none;
		color:#000000;
	}
	
	.jcscts-2279_btn_list:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_at{
		margin:0 auto;
		color:#000000;
		font-size:20px;
		font-weight:bold;
		margin-top:50px;
	}
	
	.footer_btn_box_ha{
		margin:0 auto;
		width:90%;
		padding:30px 0;
	}
	
	
	ul.footer_btn_ul_ha{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
	}
	
	ul.footer_btn_ul_ha li{
		list-style-type: none;
		width:100%;
		
	}
	
	.footer_btn_ha{
		font-size:13px;
		text-align:center;
		margin:5px;
		background:#000000;
		color:#ffffff;
		padding:10px;
		border-radius:10px;
	}
	
	.footer_btn_ha a{
		text-decoration:none;
		color:#ffffff;
	}

	.footer_btn_ha:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_copy{
		margin:0 auto;
		text-align:center;
		font-size:10px;
		color:#000000;
		padding:10px;
	}

	.jcscts-2279_fbtn{
		margin:0 auto;
		width:100%;
	}
	
	.jcscts-2279_fbtn a:hover{
		opacity: 0.7;
	}
	
	.jcscts-2279_fbtn img{
		margin:0 auto;
		width:90%;
	}

}

