* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html{
	overflow-x: hidden;
}


/* PC */
@media (min-width:1100px) {


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }


	.JCSCTS-1513_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    background-color:#ffffff;
	    color:#000000;
	    background-image: url(../img/jcscts-1513_back.png);
	    background-repeat:repeat;
	    background-size:cover;
	    background-position:center;
	    background-attachment:fixed;
	}

	.JCSCTS-1513_container{
		width:100%;
		margin:0 auto;
		text-align:center;
	}

	.JCSCTS-1513_top{
		width:1100px;
		margin:0 auto;
	}


	#JCSCTS-1513_div1,
	#JCSCTS-1513_div3 {
	  position: relative;
	}

	#JCSCTS-1513_div1{
		top:200px;
	}

	#JCSCTS-1513_div2 {
	  z-index: 1;
	  position: absolute;
	  width: 100%;
	  top: -200px;
	  bottom: 0;
	}

	#JCSCTS-1513_div4 {
	  z-index: 2;
	  position: absolute;
	  width: 100%;
	  top: -300px;
	  left: 0;
	}

	.JCSCTS-1513_top_inner{
		
	}
	
	/* ロゴアニメーション */
	.JCSCTS-1513_wrapper {
		padding:0;
		margin:0;
	}
	
	.JCSCTS-1513_content {
		text-align: center;
		opacity: 0;
		
	}
	.JCSCTS-1513_content.inview {
		animation-name: fade-in;
		animation-duration: .5s;
		animation-timing-function: ease-in-out;
		animation-delay: .4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
	}
	@keyframes fade-in {
		0% {
		transform: translateY(40px);
		}
		100% {
		transform: translateY(0px);
		opacity: 1;
	  	}
	}
	
	.JCSCTS-1513_content img{
		width:100%;
	}
	
	/* 画像スライドイン */
	.JCSCTS-1513_container_box{
		overflow: hidden;
	}
	
	.JCSCTS-1513_slideimg{
		right:0;
	}
	
	.JCSCTS-1513_slideimg img{
		width:100%;
	}
	
	.JCSCTS-1513_slidein{
		margin: 0 auto;
		transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
	}
	.JCSCTS-1513_slide_left{
		transform: translateX(calc(-50vw - 50%));
	}
	
	.JCSCTS-1513_slide_right{
		transform: translateX(calc(50vw + 50%));
	}	
	.show{
		transform: translateX(0);
	}
	
	.JCSCTS-1513_h1{
		font-size:25px;
		letter-spacing:2px;
		color:#000000;
		margin:20px auto;
	}
	
	.JCSCTS-1513_smooth {
		clip-path: inset(0 100% 0 0);
		display: inline-block;
		font-weight: bold;
		transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
		transition-property: clip-path;
		line-height: 40px;
	}
	.JCSCTS-1513_smooth.is-animated {
		clip-path: inset(0);
	}
	
	.JCSCTS-1513_h1_box{
		margin-top:220px;
	}
	
	/* ボタンアクション */
	.JCSCTS-1513_button-container-1 {
	    position: relative;
	    width: 300px;
	    height: 80px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	    overflow: hidden;
	    border: 1px solid #000000;
	    font-family: sans-serif;
	    font-weight: 300;
	    font-size: 20px;
	    transition: 0.5s;
	    letter-spacing: 1px;
	}
	.JCSCTS-1513_button-container-1 button {
	    width: 101%;
	    height: 100%;
	    font-family: sans-serif;
	    font-weight: 300;
	    font-size: 15px;
	    letter-spacing: 1px;
	    font-weight: bold;
	    background: #000;
	    -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
	    mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
	    -webkit-mask-size: 2300% 100%;
	    mask-size: 2300% 100%;
	    border: none;
	    color: #fff;
	    cursor: pointer;
	    -webkit-animation: ani2 0.7s steps(22) forwards;
	    animation: ani2 0.7s steps(22) forwards;
	}
	.JCSCTS-1513_button-container-1 button:hover {
	    -webkit-animation: ani 0.7s steps(22) forwards;
	    animation: ani 0.7s steps(22) forwards;
	}

	.JCSCTS-1513_mas {
	    position: absolute;
	    color: #000000;
	    text-align: center;
	    width: 101%;
	    font-family: sans-serif;
	    font-weight: 300;
	    position: absolute;
	    font-size: 15px;
	    margin-top: 18px;
	    overflow: hidden;
	    font-weight: bold;
	}
	
	.JCSCTS-1513_mas_ {
	    position: absolute;
	    color: #ffffff;
	    text-align: center;
	    width: 101%;
	    font-family: sans-serif;
	    font-weight: 300;
	    position: absolute;
	    font-size: 15px;
	    margin-top: 18px;
	    overflow: hidden;
	    font-weight: bold;
	}
	
	@-webkit-keyframes ani {
	    from {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	    to {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	}
	@keyframes ani {
	    from {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	    to {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	}
	@-webkit-keyframes ani2 {
	    from {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	    to {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	}
	@keyframes ani2 {
	    from {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	    to {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	}

	.JCSCTS-1513_button-container-3 {
	    position: relative;
	    width: 300px;
	    height: 80px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	    overflow: hidden;
	    border: 1px solid #000;
	    font-weight: 300;
	    transition: 0.5s;
	    letter-spacing: 1px;
	}
	.JCSCTS-1513_button-container-3 button {
	    width: 101%;
	    height: 100%;
	    font-weight: 300;
	    font-size: 15px;
	    letter-spacing: 1px;
	    font-weight: bold;
	    background: #fdd000;
	    -webkit-mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
	    mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
	    -webkit-mask-size: 7100% 100%;
	    mask-size: 7100% 100%;
	    border: none;
	    color: #000000;
	    cursor: pointer;
	    -webkit-animation: ani2 0.7s steps(70) forwards;
	    animation: ani2 0.7s steps(70) forwards;
	}
	.JCSCTS-1513_button-container-3 button:hover {
	    -webkit-animation: ani 0.7s steps(70) forwards;
	    animation: ani 0.7s steps(70) forwards;
	}

	.JCSCTS-1513_LINEUP{
		margin:30px auto;
	}
	
	.section{
		padding: 100px 50px;
		color:#ffffff;
	}

	.section_bg{
		background-color:#c30813;
	}

	/* 右肩上がり */
	.section.section_tilt_r {
		clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
	}

	/* スライドイン */
	.anim-box.slidein.is-animated {
		animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
	}

	@keyframes slideIn {
		0% {
			transform: translateX(180px);
			opacity: 0;
		}
	  	100% {
			transform: translateX(0);
		}
		40%,100% {
			opacity: 1;
		}
	}
	
	.JCSCTS-1513_Llead{
		 position: relative;
	}
	
	.JCSCTS-1513_LINEUP_img{
		width:35%;
		position: absolute;
		top:-100px;
	}
	
	.JCSCTS-1513_LINEUP_img img{
		width:100%;
	}
	
	.JCSCTS-1513_Lcontainer{
		font-size: 50px;
		font-weight: bold;
		color#ffffff;
	}
	
	/* 背景色が消えてから表示されるテキスト */
	.mask-bg {
		color: transparent;
		display: inline-block;
		font-size: 50px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
		transition: color 0ms 450ms;
	}
	.mask-bg::after {
		background: #ffffff;
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: translate(0, 100%);
	}

	.mask-bg.is-animated {
		color: #ffffff;
	}
	
	.mask-bg.is-animated::after {
		animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
	}

	@keyframes mask-bg {
		0% {
			transform: translate(0, 101%)
		}
		40%, 60% {
			transform: translate(0, 0%)
		}
		100% {
		transform: translate(0, -100%)
		}
	}
	
	.JCSCTS-1513_txt{
		margin:5px auto;
		font-size:20px;
		line-height:40px;
		font-weight:bold;
	}
	
	.JCSCTS-1513_buy{
		background:#fdd000;
		color:#000000;
		font-size:15px;
		font-weight:bold;
		padding:5px 10px;
		margin:0;
	}
	
	.JCSCTS-1513_goods{
		margin:0 auto;
		width:100%;
		padding:10px;
	}
	
	ul.JCSCTS-1513_goods_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		width:100%;
		color:#000000;
		justify-content: center;
	}
	
	ul.JCSCTS-1513_goods_ul li{
		list-style-type: none;
		width:33%;
		padding:10px;
	}
	
	ul.JCSCTS-1513_goods_ul li a{
		text-decoration: none;
	}
	
	
	ul.JCSCTS-1513_goods_ul li:hover{
		 opacity: 0.7;
	}
	
	
	.JCSCTS-1513_goods_img img{
		width:100%;
	}
	
	.JCSCTS-1513_name{
		text-align:left;
		font-weight:bold;
		color:#ffffff;
		font-size:18px;
		line-height:23px;
	}
	
	.JCSCTS-1513_price{
		text-align:left;
		color:#ffffff;
		font-size:18px;
		line-height:23px;
		padding:10px 0;
	}
	
	.JCSCTS-1513_attention{
		text-align:left;
		margin:0 auto;
		color:#ffffff;
		font-size:12px;
	}
	
	.JCSCTS-1513_small{
		font-size:30px;
	}
	
	.JCSCTS-1513_Gcontainer{
		margin-right:200px;
		font-size: 50px;
		font-weight: bold;
		color#ffffff;
	}
	
	
	.JCSCTS-1513_Glead{
		 position: relative;
		 top:-50px;
	}
	
	.sectionG_bg{
		background-color:#000000;
	}
	
	.JCSCTS-1513_GLINEUP_img{
		width:35%;
		position: absolute;
		top:-200px;
		right:0;
	}
	
	.JCSCTS-1513_GLINEUP_img img{
		width:100%;
	}
	
	.JCSCTS-1513_footer_img{
		margin:0 auto;
	}
	
	.JCSCTS-1513_footer_img img{
		width:50%;
	}
	
	.JCSCTS-1513_at{
		margin:10px auto;
		font-size:20px;
		font-weight:bold;
		color:#000000;
		
	}
	
	.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:50px;
	}
	
	.footer_btn_ha a{
		text-decoration:none;
		color:#ffffff;
	}

	.footer_btn_ha:hover{
		opacity: 0.7;
	}
	
	.JCSCTS-1513_copy{
		margin:0 auto;
		text-align:center;
		font-size:10px;
		color:#000000;
		padding:10px;
	}
	
}


/* タブレット */
@media screen and (max-width:1100px) {

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

	.JCSCTS-1513_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    background-color:#ffffff;
	    color:#000000;
	    background-image: url(../img/jcscts-1513_back.png);
	    background-repeat:repeat;
	    background-size:cover;
	    background-position:center;
	    background-attachment:fixed;
	}

	.JCSCTS-1513_container{
		width:750px;
		margin:0 auto;
		text-align:center;
	}

	.JCSCTS-1513_top{
		width:100%;
		margin:0 auto;
	}


	#JCSCTS-1513_div1,
	#JCSCTS-1513_div3 {
	  position: relative;
	}

	#JCSCTS-1513_div1 img{
		width:100%;
	}
	
	#JCSCTS-1513_div1{
		top:150px;
	}

	#JCSCTS-1513_div2 {
	  z-index: 1;
	  position: absolute;
	  width: 100%;
	  top: -130px;
	  bottom: 0;
	}
	
	#JCSCTS-1513_div2 img{
		width:100%;
	}
	
	#JCSCTS-1513_div4 {
	  z-index: 2;
	  position: absolute;
	  width: 100%;
	  top: -200px;
	  left: 0;
	}

	#JCSCTS-1513_div4 img{
		width:100%;
	}
	
	/* ロゴアニメーション */
	.JCSCTS-1513_wrapper {
		padding:0;
		margin:0;
	}
	
	.JCSCTS-1513_content {
		text-align: center;
		opacity: 0;
		
	}
	.JCSCTS-1513_content.inview {
		animation-name: fade-in;
		animation-duration: .5s;
		animation-timing-function: ease-in-out;
		animation-delay: .4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
	}
	@keyframes fade-in {
		0% {
		transform: translateY(40px);
		}
		100% {
		transform: translateY(0px);
		opacity: 1;
	  	}
	}
	
	.JCSCTS-1513_content img{
		width:100%;
	}
	
	/* 画像スライドイン */
	.JCSCTS-1513_container_box{
		overflow: hidden;
	}
	
	.JCSCTS-1513_slideimg{
		right:0;
	}
	
	.JCSCTS-1513_slideimg img{
		width:100%;
	}
	
	.JCSCTS-1513_slidein{
		margin: 0 auto;
		transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
	}
	.JCSCTS-1513_slide_left{
		transform: translateX(calc(-50vw - 50%));
	}
	
	.JCSCTS-1513_slide_right{
		transform: translateX(calc(50vw + 50%));
	}	
	.show{
		transform: translateX(0);
	}
	
	.JCSCTS-1513_h1{
		font-size:18px;
		letter-spacing:1px;
		color:#000000;
		margin:0 auto;
	}
	
	.JCSCTS-1513_smooth {
		clip-path: inset(0 100% 0 0);
		display: inline-block;
		font-weight: bold;
		transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
		transition-property: clip-path;
		line-height: 40px;
	}
	.JCSCTS-1513_smooth.is-animated {
		clip-path: inset(0);
	}
	
	.JCSCTS-1513_h1_box{
		margin-top:180px;
	}
	
	/* ボタンアクション */
	.JCSCTS-1513_button-container-1 {
	    position: relative;
	    width: 300px;
	    height: 80px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	    overflow: hidden;
	    border: 1px solid #000000;
	    font-family: sans-serif;
	    font-weight: 300;
	    font-size: 20px;
	    transition: 0.5s;
	    letter-spacing: 1px;
	}
	.JCSCTS-1513_button-container-1 button {
	    width: 101%;
	    height: 100%;
	    font-family: sans-serif;
	    font-weight: 300;
	    font-size: 15px;
	    letter-spacing: 1px;
	    font-weight: bold;
	    background: #000;
	    -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
	    mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
	    -webkit-mask-size: 2300% 100%;
	    mask-size: 2300% 100%;
	    border: none;
	    color: #fff;
	    cursor: pointer;
	    -webkit-animation: ani2 0.7s steps(22) forwards;
	    animation: ani2 0.7s steps(22) forwards;
	}
	.JCSCTS-1513_button-container-1 button:hover {
	    -webkit-animation: ani 0.7s steps(22) forwards;
	    animation: ani 0.7s steps(22) forwards;
	}

	.JCSCTS-1513_mas {
	    position: absolute;
	    color: #000000;
	    text-align: center;
	    width: 101%;
	    font-family: sans-serif;
	    font-weight: 300;
	    position: absolute;
	    font-size: 15px;
	    margin-top: 18px;
	    overflow: hidden;
	    font-weight: bold;
	}
	
	.JCSCTS-1513_mas_ {
	    position: absolute;
	    color: #ffffff;
	    text-align: center;
	    width: 101%;
	    font-family: sans-serif;
	    font-weight: 300;
	    position: absolute;
	    font-size: 15px;
	    margin-top: 18px;
	    overflow: hidden;
	    font-weight: bold;
	}
	
	@-webkit-keyframes ani {
	    from {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	    to {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	}
	@keyframes ani {
	    from {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	    to {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	}
	@-webkit-keyframes ani2 {
	    from {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	    to {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	}
	@keyframes ani2 {
	    from {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	    to {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	}

	.JCSCTS-1513_button-container-3 {
	    position: relative;
	    width: 300px;
	    height: 80px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	    overflow: hidden;
	    border: 1px solid #000;
	    font-weight: 300;
	    transition: 0.5s;
	    letter-spacing: 1px;
	}
	.JCSCTS-1513_button-container-3 button {
	    width: 101%;
	    height: 100%;
	    font-weight: 300;
	    font-size: 15px;
	    letter-spacing: 1px;
	    font-weight: bold;
	    background: #fdd000;
	    -webkit-mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
	    mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
	    -webkit-mask-size: 7100% 100%;
	    mask-size: 7100% 100%;
	    border: none;
	    color: #000000;
	    cursor: pointer;
	    -webkit-animation: ani2 0.7s steps(70) forwards;
	    animation: ani2 0.7s steps(70) forwards;
	}
	.JCSCTS-1513_button-container-3 button:hover {
	    -webkit-animation: ani 0.7s steps(70) forwards;
	    animation: ani 0.7s steps(70) forwards;
	}

	.JCSCTS-1513_LINEUP{
		margin:30px auto;
	}
	
	.section{
		padding: 80px 10px;
		color:#ffffff;
	}

	.section_bg{
		background-color:#c30813;
	}

	/* 右肩上がり */
	.section.section_tilt_r {
		clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
	}

	/* スライドイン */
	.anim-box.slidein.is-animated {
		animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
	}

	@keyframes slideIn {
		0% {
			transform: translateX(180px);
			opacity: 0;
		}
	  	100% {
			transform: translateX(0);
		}
		40%,100% {
			opacity: 1;
		}
	}
	
	.JCSCTS-1513_Llead{
		 position: relative;
	}
	
	.JCSCTS-1513_LINEUP_img{
		width:35%;
		position: absolute;
		top:-50px;
	}
	
	.JCSCTS-1513_LINEUP_img img{
		width:100%;
	}
	
	.JCSCTS-1513_Lcontainer{
		font-size: 50px;
		font-weight: bold;
		color#ffffff;
	}
	
	/* 背景色が消えてから表示されるテキスト */
	.mask-bg {
		color: transparent;
		display: inline-block;
		font-size: 50px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
		transition: color 0ms 450ms;
	}
	.mask-bg::after {
		background: #ffffff;
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: translate(0, 100%);
	}

	.mask-bg.is-animated {
		color: #ffffff;
	}
	
	.mask-bg.is-animated::after {
		animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
	}

	@keyframes mask-bg {
		0% {
			transform: translate(0, 101%)
		}
		40%, 60% {
			transform: translate(0, 0%)
		}
		100% {
		transform: translate(0, -100%)
		}
	}
	
	.JCSCTS-1513_txt{
		margin:5px auto;
		font-size:20px;
		line-height:40px;
		font-weight:bold;
	}
	
	.JCSCTS-1513_buy{
		background:#fdd000;
		color:#000000;
		font-size:15px;
		font-weight:bold;
		padding:5px 10px;
		margin:0;
	}
	
	.JCSCTS-1513_goods{
		margin:0 auto;
		width:100%;
		padding:10px;
	}
	
	ul.JCSCTS-1513_goods_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		width:100%;
		color:#000000;
		justify-content: center;
	}
	
	ul.JCSCTS-1513_goods_ul li{
		list-style-type: none;
		width:33%;
		padding:10px;
	}
	
	ul.JCSCTS-1513_goods_ul li a{
		text-decoration: none;
	}
	
	
	ul.JCSCTS-1513_goods_ul li:hover{
		 opacity: 0.7;
	}
	
	
	.JCSCTS-1513_goods_img img{
		width:100%;
	}
	
	.JCSCTS-1513_name{
		text-align:left;
		font-weight:bold;
		color:#ffffff;
		font-size:18px;
		line-height:23px;
	}
	
	.JCSCTS-1513_price{
		text-align:left;
		color:#ffffff;
		font-size:18px;
		line-height:23px;
		padding:10px 0;
	}
	
	.JCSCTS-1513_attention{
		text-align:left;
		margin:0 auto;
		color:#ffffff;
		font-size:12px;
	}
	
	.JCSCTS-1513_small{
		font-size:30px;
	}
	
	.JCSCTS-1513_Gcontainer{
		margin-right:200px;
		font-size: 50px;
		font-weight: bold;
		color#ffffff;
	}
	
	
	.JCSCTS-1513_Glead{
		 position: relative;
		 top:-50px;
	}
	
	.sectionG_bg{
		background-color:#000000;
	}
	
	.JCSCTS-1513_GLINEUP_img{
		width:35%;
		position: absolute;
		top:-100px;
		right:0;
	}
	
	.JCSCTS-1513_GLINEUP_img img{
		width:100%;
	}
	
	.JCSCTS-1513_footer_img{
		margin:0 auto;
	}
	
	.JCSCTS-1513_footer_img img{
		width:50%;
	}
	
	.JCSCTS-1513_at{
		margin:10px auto;
		font-size:20px;
		font-weight:bold;
		color:#000000;
		
	}
	
	.footer_btn_box_ha{
		margin:0 auto;
		width:80%;
		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:50px;
	}
	
	.footer_btn_ha a{
		text-decoration:none;
		color:#ffffff;
	}

	.footer_btn_ha:hover{
		opacity: 0.7;
	}
	
	.JCSCTS-1513_copy{
		margin:0 auto;
		text-align:center;
		font-size:10px;
		color:#000000;
		padding:10px;
	}
	
}


/* スマホ */
@media (max-width:768px) {

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }


	.JCSCTS-1513_main {
		font-family: 'Noto Sans JP', sans-serif;
	    letter-spacing:1px;
	    background-color:#ffffff;
	    color:#000000;
	    background-image: url(../img/jcscts-1513_back.png);
	    background-repeat:repeat;
	    background-size:cover;
	    background-position:center;
	    background-attachment:fixed;
	}

	.JCSCTS-1513_container{
		width:375px;
		margin:0 auto;
		text-align:center;
	}

	.JCSCTS-1513_top{
		width:100%;
		margin:0 auto;
	}


	#JCSCTS-1513_div1,
	#JCSCTS-1513_div3 {
	  position: relative;
	}

	#JCSCTS-1513_div1 img{
		width:100%;
	}
	
	#JCSCTS-1513_div1{
		top:80px;
	}

	#JCSCTS-1513_div2 {
	  z-index: 1;
	  position: absolute;
	  width: 100%;
	  top: -70px;
	  bottom: 0;
	}
	
	#JCSCTS-1513_div2 img{
		width:100%;
	}
	
	#JCSCTS-1513_div4 {
	  z-index: 2;
	  position: absolute;
	  width: 100%;
	  top: -100px;
	  left: 0;
	}

	#JCSCTS-1513_div4 img{
		width:100%;
	}
	
	/* ロゴアニメーション */
	.JCSCTS-1513_wrapper {
		padding:0;
		margin:0;
	}
	
	.JCSCTS-1513_content {
		text-align: center;
		opacity: 0;
		
	}
	.JCSCTS-1513_content.inview {
		animation-name: fade-in;
		animation-duration: .5s;
		animation-timing-function: ease-in-out;
		animation-delay: .4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
	}
	@keyframes fade-in {
		0% {
		transform: translateY(40px);
		}
		100% {
		transform: translateY(0px);
		opacity: 1;
	  	}
	}
	
	.JCSCTS-1513_content img{
		width:100%;
	}
	
	/* 画像スライドイン */
	.JCSCTS-1513_container_box{
		overflow: hidden;
	}
	
	.JCSCTS-1513_slideimg{
		right:0;
	}
	
	.JCSCTS-1513_slideimg img{
		width:100%;
	}
	
	.JCSCTS-1513_slidein{
		margin: 0 auto;
		transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
	}
	.JCSCTS-1513_slide_left{
		transform: translateX(calc(-50vw - 50%));
	}
	
	.JCSCTS-1513_slide_right{
		transform: translateX(calc(50vw + 50%));
	}	
	.show{
		transform: translateX(0);
	}
	
	.JCSCTS-1513_h1{
		font-size:13px;
		color:#000000;
		margin:0 auto;
		padding:0 5px;
		margin-top:20px;
	}
	
	.JCSCTS-1513_smooth {
		clip-path: inset(0 100% 0 0);
		display: inline-block;
		font-weight: bold;
		transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
		transition-property: clip-path;
		line-height: 20px;
	}
	.JCSCTS-1513_smooth.is-animated {
		clip-path: inset(0);
	}
	
	.JCSCTS-1513_h1_box{
		margin-top:80px;
	}
	
	/* ボタンアクション */
	.JCSCTS-1513_button-container-1 {
	    position: relative;
	    width: 300px;
	    height: 80px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 20px;
	    margin-bottom:20px;
	    overflow: hidden;
	    border: 1px solid #000000;
	    font-family: sans-serif;
	    font-weight: 300;
	    font-size: 20px;
	    transition: 0.5s;
	    letter-spacing: 1px;
	}
	.JCSCTS-1513_button-container-1 button {
	    width: 101%;
	    height: 100%;
	    font-family: sans-serif;
	    font-weight: 300;
	    font-size: 15px;
	    letter-spacing: 1px;
	    font-weight: bold;
	    background: #000;
	    -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
	    mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
	    -webkit-mask-size: 2300% 100%;
	    mask-size: 2300% 100%;
	    border: none;
	    color: #fff;
	    cursor: pointer;
	    -webkit-animation: ani2 0.7s steps(22) forwards;
	    animation: ani2 0.7s steps(22) forwards;
	}
	.JCSCTS-1513_button-container-1 button:hover {
	    -webkit-animation: ani 0.7s steps(22) forwards;
	    animation: ani 0.7s steps(22) forwards;
	}

	.JCSCTS-1513_mas {
	    position: absolute;
	    color: #000000;
	    text-align: center;
	    width: 101%;
	    font-family: sans-serif;
	    font-weight: 300;
	    position: absolute;
	    font-size: 15px;
	    margin-top: 18px;
	    overflow: hidden;
	    font-weight: bold;
	}
	
	.JCSCTS-1513_mas_ {
	    position: absolute;
	    color: #ffffff;
	    text-align: center;
	    width: 101%;
	    font-family: sans-serif;
	    font-weight: 300;
	    position: absolute;
	    font-size: 15px;
	    margin-top: 18px;
	    overflow: hidden;
	    font-weight: bold;
	}
	
	@-webkit-keyframes ani {
	    from {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	    to {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	}
	@keyframes ani {
	    from {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	    to {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	}
	@-webkit-keyframes ani2 {
	    from {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	    to {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	}
	@keyframes ani2 {
	    from {
	        -webkit-mask-position: 100% 0;
	        mask-position: 100% 0;
	    }
	    to {
	        -webkit-mask-position: 0 0;
	        mask-position: 0 0;
	    }
	}

	.JCSCTS-1513_button-container-3 {
	    position: relative;
	    width: 300px;
	    height: 80px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	    margin-bottom:30px;
	    overflow: hidden;
	    border: 1px solid #000;
	    font-weight: 300;
	    transition: 0.5s;
	    letter-spacing: 1px;
	}
	.JCSCTS-1513_button-container-3 button {
	    width: 101%;
	    height: 100%;
	    font-weight: 300;
	    font-size: 15px;
	    letter-spacing: 1px;
	    font-weight: bold;
	    background: #fdd000;
	    -webkit-mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
	    mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
	    -webkit-mask-size: 7100% 100%;
	    mask-size: 7100% 100%;
	    border: none;
	    color: #000000;
	    cursor: pointer;
	    -webkit-animation: ani2 0.7s steps(70) forwards;
	    animation: ani2 0.7s steps(70) forwards;
	}
	.JCSCTS-1513_button-container-3 button:hover {
	    -webkit-animation: ani 0.7s steps(70) forwards;
	    animation: ani 0.7s steps(70) forwards;
	}

	.JCSCTS-1513_LINEUP{
		margin:30px auto;
	}
	
	.section{
		padding: 50px 0px;
		color:#ffffff;
	}

	.section_bg{
		background-color:#c30813;
	}

	/* 右肩上がり */
	.section.section_tilt_r {
		clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);
	}

	/* スライドイン */
	.anim-box.slidein.is-animated {
		animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
	}

	@keyframes slideIn {
		0% {
			transform: translateX(180px);
			opacity: 0;
		}
	  	100% {
			transform: translateX(0);
		}
		40%,100% {
			opacity: 1;
		}
	}
	
	.JCSCTS-1513_Llead{
		 position: relative;
	}
	
	.JCSCTS-1513_LINEUP_img{
		width:40%;
		position: absolute;
		top:-10px;
	}
	
	.JCSCTS-1513_LINEUP_img img{
		width:100%;
	}
	
	.JCSCTS-1513_Lcontainer{
		margin-left:150px;
		font-size: 40px;
		font-weight: bold;
		color#ffffff;
	}
	
	
	/* 背景色が消えてから表示されるテキスト */
	.mask-bg {
		color: transparent;
		display: inline-block;
		font-size: 40px;
		font-weight: bold;
		overflow: hidden;
		position: relative;
		transition: color 0ms 450ms;
	}
	.mask-bg::after {
		background: #ffffff;
		bottom: 0;
		content: '';
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: translate(0, 100%);
	}

	.mask-bg.is-animated {
		color: #ffffff;
	}
	
	.mask-bg.is-animated::after {
		animation: mask-bg 1.2s cubic-bezier(0.8, 0, 0.170, 1);
	}

	@keyframes mask-bg {
		0% {
			transform: translate(0, 101%)
		}
		40%, 60% {
			transform: translate(0, 0%)
		}
		100% {
		transform: translate(0, -100%)
		}
	}
	
	.JCSCTS-1513_txt{
		margin:5px auto;
		font-size:15px;
		line-height:30px;
		font-weight:bold;
	}
	
	.JCSCTS-1513_buy{
		background:#fdd000;
		color:#000000;
		font-size:13px;
		font-weight:bold;
		padding:5px 10px;
		margin:0;
	}
	
	.JCSCTS-1513_goods{
		margin:0 auto;
		width:100%;
		padding:5px;
	}
	
	ul.JCSCTS-1513_goods_ul{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		margin:0 auto;
		width:100%;
		color:#000000;
		justify-content: center;
	}
	
	ul.JCSCTS-1513_goods_ul li{
		list-style-type: none;
		width:50%;
		padding:10px;
	}
	
	ul.JCSCTS-1513_goods_ul li a{
		text-decoration: none;
	}
	
	
	ul.JCSCTS-1513_goods_ul li:hover{
		 opacity: 0.7;
	}
	
	
	.JCSCTS-1513_goods_img img{
		width:100%;
	}
	
	.JCSCTS-1513_name{
		text-align:left;
		font-weight:bold;
		color:#ffffff;
		font-size:15px;
		line-height:23px;
	}
	
	.JCSCTS-1513_price{
		text-align:left;
		color:#ffffff;
		font-size:15px;
		line-height:23px;
		padding:10px 0;
	}
	
	.JCSCTS-1513_attention{
		text-align:left;
		margin:0 auto;
		color:#ffffff;
		font-size:12px;
		padding:10px;
	}
	
	.JCSCTS-1513_small{
		font-size:18px;
		margin-bottom:20px;
	}
	
	.JCSCTS-1513_Gcontainer{
		margin-right:100px;
		padding-top:20px;
		font-size: 40px;
		font-weight: bold;
		color#ffffff;
	}
	
	
	.JCSCTS-1513_Glead{
		 position: relative;
		 top:-50px;
	}
	
	.sectionG_bg{
		background-color:#000000;
	}
	
	.JCSCTS-1513_GLINEUP_img{
		width:40%;
		position: absolute;
		top:-10px;
		right:0;
	}
	
	.JCSCTS-1513_GLINEUP_img img{
		width:100%;
	}
	
	.JCSCTS-1513_footer_img{
		margin:0 auto;
	}
	
	.JCSCTS-1513_footer_img img{
		width:50%;
	}
	
	.JCSCTS-1513_at{
		margin:10px auto;
		font-size:20px;
		font-weight:bold;
		color:#000000;
		
	}
	
	.footer_btn_box_ha{
		margin:0 auto;
		width:100%;
		padding:10px 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:50px;
	}
	
	.footer_btn_ha a{
		text-decoration:none;
		color:#ffffff;
	}

	.footer_btn_ha:hover{
		opacity: 0.7;
	}
	
	.JCSCTS-1513_copy{
		margin:0 auto;
		text-align:center;
		font-size:10px;
		color:#000000;
		padding:10px;
	}
}