/* LESS Document */

/*-----------------------------------------------------------
LPのスタイルシート PC:1071px TABLET:756px SP:392px
------------------------------------------------------------*/
@media print, screen and (min-width: 1071px){
	/* header */
	header{
		width: 1070px;
		margin: 0 auto;
		overflow: hidden;
	}
	header #header-logo{
		float: left;
	}
	header #header-tel{
		float: right;
		margin-right: 40px;
	}
	header #header-mail{
		float: right;
	}
	header #header-english {
        float: right;
        border-left: 1px #000000 solid;
    }
    
	/* class */
	.pc{display: block;}
	.tablet{display: none;}
	.sp{display: none;}
	.inner{
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
	}
	p{
		font-size: 3.2rem;
	}
	small{
		font-size: 2.0rem;
	}
	.campaign{
		padding-top: 30px;
		text-align: center;
	}
	.contact{
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
		margin-top: 20px;
		padding-bottom: 30px;
	}
	.contact-tel{
		float: left;
	}
	.contact-mail{
		float: right;
	}
	.nenshi{
		padding-bottom: 30px;
		text-align: center;
	}
	
	/* cut & video */
	#cut-1{
		height: 1040px;
		background: url(../images/pc/cut-1.png) 50% no-repeat;
	}
	#cut-2{
		padding: 20px 0;
		background: #fae8f0;
		text-align: center;
	}
	#cut-3{
		margin-top: 40px;
		text-align: center;
	}
	#cut-4{
		height: 1340px;
		background: url(../images/pc/cut-4.png) 50% no-repeat;
		position: relative;
		top: -100px;
		margin-bottom: -100px;
	}
	#cut-4 .inner{
		position: absolute;
		top: 1180px;
		left: 0;
		right: 0;
	}
	#cut-5{
		margin-top: 40px;
		text-align: center;
	}
	#cut-6{
		height: 840px;
		background: url(../images/pc/cut-6.png) 50% no-repeat;
	}
	#cut-7{
		height: 410px;
		background: url(../images/pc/cut-7.png) 50% no-repeat;
		margin-bottom: 40px;
	}
	#cut-8,
	#cut-9,
	#cut-10{
		margin-top: 40px;
	}
	#cut-11{
		height: 390px;
		background: url(../images/pc/cut-11.png) 50% no-repeat;
	}
	#cut-12{
		height: 600px;
		background: url(../images/pc/cut-12.png) 50% no-repeat;
	}
	#cut-14{
		height: 1240px;
		background: url(../images/pc/cut-14.png) 50% no-repeat;
		position: relative;
		top: -160px;
		margin-bottom: -160px;
	}
	#cut-15{
		height: 400px;
		background: url(../images/pc/cut-15.png) 50% no-repeat;
		margin-bottom: 40px;
	}
	#cut-16{
		height: 860px;
		background: url(../images/pc/cut-16.jpg) 50% no-repeat;
	}
	#cut-17{
		padding: 20px 0;
		background: #ece9db;
		text-align: center;
	}
	.price-1{
		margin-bottom: 20px;
		overflow: hidden;
	}
	
	.price-1 h3{
		width:960px;
		height:auto;
		font-size: 3.6rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 10px;
		text-align: center;
	}
	
	.price-1 img.price1{
		width: 400px;
		height: auto;
		float: left;
		margin:10px;
	}
	.price-1 .price-right{
		float: right;
		width: 500px;
		overflow: hidden;
	}	
	.price-1 a{
		float: right;
	}
	.price-1 p.small{
		float: right;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	.price-2{
		float: left;
		width: 500px;
		height: auto;
		margin-right: 10px;
	}
	.price-2 h3{
		width:100%;
		height:auto;
		font-size: 3.2rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 10px;
		text-align: center;
	}
	.price-2 img.price2{
		float: left;
		width:auto;
		height: 200px;
		margin:0 auto;
	}
	.price-2 .price-right2{
		float: right;
		width: 250px;
		height: auto;
	}	
	.price-2 .price-right2 img{
		float: right;
		width: 100%;
		height: auto;
	}	
	.price-2 img.pc{
		clear: both;
		width: 500px;
		text-align: center;
	}
	.price-2 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	.price-3{
		float: right;
		width: 400px;
		height: auto;
		margin-right: 10px;
	}
	.price-3 h3{
		width:100%;
		height:auto;
		font-size: 3.2rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 10px;
		text-align: center;
	}
	.price-3 img.price3{
		float: left;
		width:auto;
		height: 200px;
		margin:0 auto;
	}
	.price-3 .price-right3{
		float: right;
		width: 200px;
		height: auto;
	}	
	.price-3 .price-right3 img{
		float: right;
		width: 100%;
		height: auto;
	}	
	.price-3 img.pc{
		clear: both;
		width: 400px;
		text-align: center;
	}
	.price-3 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	#cut-18{
		background: #fff6e9;
		margin-top: 40px;
	}
	#cut-18-title{
		padding: 20px 0;
	}
	#cut-18 #review li{
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	#cut-18 #review li:nth-child(2n){
		margin-right: 0;
	}
	#video-1-inner{
		width: 1200px;
		height: 600px;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
	}
	#video-1-inner video{
		position: absolute;
		top: -80px;
	}
	#video-2-inner{
		width: 800px;
		height: 1100px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		top: -50px;
		z-index: -9999;
	}
	#video-3{
		position: relative;
		top: -450px;
		z-index: -9999;
		margin-bottom: -450px;
	}
	#video-3-inner{
		width: 1280px;
		overflow: hidden;
		margin: 0 auto;
	}
	#video-3-inner video{
		width: 140%;
		height: auto;
		position: relative;
		left: -20%;
	}
	#video-3-inner img{
		width: 1000px;
		height: auto;
		position: relative;
		top: -700px;
		left: 50px;
		margin-bottom: -650px;
	}
	
	/* footer */
	footer{
		padding: 40px 0;
	}
	footer address{
		float: left;
		color: #999;
		font-size: 1.2rem;
		font-style: normal;
	}
	footer ul{
		float: right;
		font-style: normal;
	}
	footer ul li{
		float: left;
		font-size: 1.2rem;
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px #ddd solid;
	}
	footer ul li:last-child{
		margin-right: 0;
		border-right: 0;
	}
	footer ul li a{
		color: #333;
	}
    
    /* どこでもカラーミー　2018.05.15追記 */
    .cartjs_box {
        padding-top: 5px !important
    }
    .cartjs_cart_in input {
    	font-size: 22px !important;
    	width: 475px !important;
    	font-weight : bold;
    	background: #649917 !important;
    	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc31f+0,4e8413+100 */
        background: #8fc31f!important; /* Old browsers */
        background: -moz-linear-gradient(top, #8fc31f 0%, #4e8413 100%)!important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #8fc31f 0%,#4e8413 100%)!important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #8fc31f 0%,#4e8413 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc31f', endColorstr='#4e8413',GradientType=0 ); /* IE6-9 */
        margin-bottom: 0 !important;
    	/* box-shadow */
    	box-shadow:0px 4px 10px 3px #808080;
        /* react native */
        {
    	shadowColor:"#808080",
        shadowOffset:{width:0,height:4;},
    	shadowOpacity:1,
        shadowRadius:10,
        borderWidth:0,
        borderColor:"#cccccc",
        borderRadius:0;}
    }
    .price-3 .cartjs_cart_in input {
    	width: 380px !important;
    }
    .cartjs_product_num {
        display: none;
    }
    .cartjs_cart_in input:hover,
    .cartjs_cart_in input {
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cartjs_cart_in input:hover {
        opacity: 0.7;
    }
        
    
    /* 楽天＆アマゾンカンタンしはらい　2018.06.14追記 */
    .kantan_pay {
        text-align: center;
        padding-top: 10px;
        margin-bottom: 0 !important;
    }
     
     /* line@　2018.08.9追記 */
    .line_box {
    	position: fixed;
    	bottom: 1.5%;
    	right: 1.5%;
        z-index: 999999
    }
    .line_box a:hover {
    	opacity: 0.8
    }   
}
@media print, screen and (max-width: 1070px){
	/* header */
	header{
		overflow: hidden;
	}
	header img{
		width: auto;
		height: 60px;
	}
	header #header-logo{
		float: left;
	}
	header #header-tel{
		float: right;
		margin-right: 40px;
	}
    header #header-english {
        float: right;
        border-left: 1px #000000 solid;
    }
	header #header-mail{
		float: right;
	}
	
	/* class */
	.pc{display: none;}
	.tablet{display: block;}
	.sp{display: none;}
	body{
		width: 756px;
		margin: 0 auto;
	}
	.inner{
		width: 696px;
		padding: 0 30px;
		overflow: hidden;
	}
	p{
		font-size: 2.4rem;
	}
	small{
		font-size: 1.8rem;
	}
	.campaign{
		padding: 30px 30px 0 30px;
		text-align: center;
	}
	.campaign img{
		width: 100%;
		height: auto;
	}
	.contact{
		overflow: hidden;
		padding: 20px 30px 30px 30px;
	}
	.contact img{
		width: 100%;
		height: auto;
	}
	.contact-tel{
		float: left;
		width: 607px;
	}
	.contact-mail{
		float: right;
		width: 89px;
	}
	.nenshi{
		padding: 0px 30px 10px 30px;
		text-align: center;
	}
	.nenshi img{
		width: 100%;
		height: auto;
	}
	
	/* cut & video */
	#cut-1{
		height: 733px;
		background: url(../images/tablet/cut-1.png) 50% no-repeat;
	}
	#cut-2{
		padding: 20px;
		background: #fae8f0;
	}
	#cut-2 img{
		width: 100%;
		height: auto;
	}
	#cut-3{
		margin-top: 20px;
		padding: 0 20px;
		text-align: center;
	}
	#cut-3 img{
		width: 100%;
		height: auto;
	}
	#cut-4{
		height: 1000px;
		background: url(../images/tablet/cut-4.png) 50% no-repeat;
		position: relative;
		top: -80px;
		margin-bottom: -80px;
	}
	#cut-4 .inner{
		position: absolute;
		top: 840px;
		left: 0;
		right: 0;
	}
	#cut-5{
		margin-top: 40px;
		text-align: center;
	}
	#cut-5 img{
		width: 100%;
		height: auto;
	}
	#cut-6{
		height: 600px;
		background: url(../images/tablet/cut-6.png) 50% no-repeat;
	}
	#cut-7{
		height: 290px;
		background: url(../images/tablet/cut-7.png) 50% no-repeat;
		margin-bottom: 40px;
	}
	#cut-8,
	#cut-9,
	#cut-10{
		margin-top: 40px;
	}
	#cut-8 img,
	#cut-9 img,
	#cut-10 img{
		width: 100%;
		height: auto;
	}
	#cut-11{
		height: 275px;
		background: url(../images/tablet/cut-11.png) 50% no-repeat;
	}
	#cut-12{
		height: 420px;
		background: url(../images/tablet/cut-12.png) 50% no-repeat;
	}
	#cut-14{
		height: 790px;
		background: url(../images/tablet/cut-14.png) 50% no-repeat;
	}
	#cut-15{
		height: 285px;
		background: url(../images/tablet/cut-15.png) 50% no-repeat;
		margin-bottom: 40px;
	}
	#cut-16{
		height: 700px;
		background: url(../images/tablet/cut-16.png) 50% no-repeat;
	}
	#cut-17{
		padding: 20px 30px;
		background: #ece9db;
	}
	#cut-17 img{
		width: 100%;
		height: auto;
	}
	.price-1{
		margin:0 auto;
		margin-bottom: 20px;
	}
	
	.price-1 h3{
		width:100%;
		height:auto;
		font-size: 3.6rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 10px;
		text-align: center;
	}
	
	.price-1 img.price1{
		width: 100%;
		margin:0 auto;
		height: auto;
	}
	.price-1 .price-right{
		width: 100%;
		text-align: center;
	}
	.price-1 img.tablet{
		margin:0 auto;
		height: auto;		
	}
	.price-1 a{
		text-align: center;
	}
	.price-1 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	.price-2{
		margin:0 auto;
		margin-bottom: 30px;
	}
	
	.price-2 h3{
		width:100%;
		height:auto;
		font-size: 3.6rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 10px;
		text-align: center;
	}
	
	.price-2 img.price2{
		width: 100%;
		margin:0 auto;
		height: auto;
	}
	.price-2 .price-right2{
		text-align: center;
	}
	.price-2 .price-right2 img{
		width: 360px;
		height: auto;
		text-align: center;
	}	
	.price-2 img.tablet{
		margin:0 auto;
		height: auto;		
	}
	.price-2 a{
		text-align: center;
	}
	.price-2 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}

	.price-3{
		margin:0 auto;
		margin-bottom: 20px;
		text-align: center;
	}
	
	.price-3 h3{
		width:100%;
		height:auto;
		font-size: 3.6rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 10px;
		text-align: center;
	}
	
	.price-3 img.price3{
		width: 70%;
		margin:0 auto;
		height: auto;
	}
	.price-3 .price-right3{
		text-align: center;
	}
	.price-3 .price-right3 img{
		width: 360px;
		height: auto;
		text-align: center;
	}	
	.price-3 img.tablet{
		margin:0 auto;
		height: auto;		
	}
	.price-3 a{
		text-align: center;
	}
	.price-3 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	#cut-18{
		background: #fff6e9;
		margin-top: 40px;
	}
	#cut-18-title{
		padding: 20px 0;
	}
	#cut-18-title img{
		width: 100%;
		height: auto;
	}
	#cut-18 #review li{
		width: 100%;
		margin-bottom: 20px;
	}
	#video-1{
		overflow: hidden;
	}
	#video-1-inner{
		width: 150%;
		height: 550px;
		overflow: hidden;
		position: relative;
		left: -25%;
	}
	#video-1-inner video{
		position: absolute;
		top: -80px;
	}
	#video-2-inner{
		text-align: center;
	}
	#video-3{
		position: relative;
		top: -350px;
		z-index: -9999;
		margin-bottom: -350px;
	}
	#video-3-inner{
		width: 756px;
		overflow: hidden;
	}
	#video-3-inner video{
		width: 200%;
		height: auto;
		position: relative;
		left: -50%;
	}
	#video-3-inner img{
		width: 100%;
		height: auto;
		position: relative;
		top: -590px;
		left: -80px;
		margin-bottom: -540px;
	}
	
	/* footer */
	footer{
		padding: 40px 0;
	}
	footer ul{
		width: 415px;
		font-style: normal;
		margin: 0 auto 40px auto;
	}
	footer ul li{
		float: left;
		font-size: 1.2rem;
		margin-right: 20px;
		padding-right: 20px;
		border-right: 1px #ddd solid;
	}
	footer ul li:last-child{
		margin-right: 0;
		border-right: 0;
	}
	footer ul li a{
		color: #333;
	}
	footer address{
		clear: both;
		color: #999;
		text-align: center;
		font-size: 1.2rem;
		font-style: normal;
	}
    
    
    /* どこでもカラーミー　2018.05.15追記 */
    .cartjs_cart_in input {
    	font-weight : bold;
    	background: #ce051e !important;
        background: #649917 !important;
    	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8fc31f+0,4e8413+100 */
        background: #8fc31f!important; /* Old browsers */
        background: -moz-linear-gradient(top, #8fc31f 0%, #4e8413 100%)!important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #8fc31f 0%,#4e8413 100%)!important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #8fc31f 0%,#4e8413 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc31f', endColorstr='#4e8413',GradientType=0 ); /* IE6-9 */
        margin-bottom: 0 !important;
    	/* box-shadow */
        box-shadow:0px 4px 10px 3px #808080;
        /* react native */
        {
        shadowColor:"#808080",
        shadowOffset:{width:0,height:4},
        shadowOpacity:1,
        shadowRadius:10,
        borderWidth:0,
        borderColor:"#cccccc",
        borderRadius:0
        }
    }
    .cartjs_product_num {
        display: none;
    }
    /* 楽天＆アマゾンカンタンしはらい　2018.06.14追記 */
    .kantan_pay {
        text-align: center;
        padding-top: 10px;
        margin-bottom: 0 !important;
    }
    
         /* line@　2018.08.9追記 */
    .line_box {
    	position: fixed;
    	bottom: 1.5%;
    	right: 1.5%;
        z-index: 999999
    }
    .line_box img {
    	width: 100px;
    }
}
@media print, screen and (max-width: 756px){
	/* header */
	header{
		overflow: hidden;
	}
	header img{
		width: auto;
	}
	header #header-logo{
		float: none;
		text-align: center;
		background: #000;
	}
	header #header-tel{
		float: left;
	}
	header #header-tel img,
	header #header-mail img,
	header #header-english img {
		width: 100% !important;
		height: auto;
	}
	header #header-tel  {
		width: 67%;
		float: left;
		margin-right: 0;
	}
	header #header-mail,
	header #header-english {
		width: 15%;
		float: right;
	}


	/* class */
	.pc{display: none;}
	.tablet{display: none;}
	.sp{display: block;}
	body{
		width: 100%;
		/*min-width: 392px;*/
		margin: 0 auto;
	}
	.inner{
		max-width: 90%;
		padding: 0 5%;
		overflow: hidden;
	}
	p{
		font-size: 1.4rem;
	}
	small{
		font-size: 1.4rem;
	}
	.campaign{
		padding: 20px 5% 0 5%;
		text-align: center;
	}
	.campaign img{
		width: 100%;
		height: auto;
	}
	.contact{
		overflow: hidden;
		padding: 20px 5%;
	}
	.contact img{
		width: 100%;
		height: auto;
	}
	.contact-tel{
		float: left;
		width: 87%;
	}
	.contact-mail{
		float: right;
		width: 13%;
	}
	.nenshi{
		padding: 0px 5% 10px 5%;
		text-align: center;
	}
	.nenshi img{
		width: 100%;
		height: auto;
	}
	
	/* cut & video */
	#cut-1{
		height: auto;
		background: none;
	}
	#cut-2{
		padding: 20px 5%;
		background: #fae8f0;
	}
	#cut-2 img{
		width: 100%;
		height: auto;
	}
	#cut-3{
		margin-top: 20px;
		padding: 0 5%;
		text-align: center;
	}
	#cut-3 img{
		width: 100%;
		height: auto;
	}
	#cut-4{
		height: auto;
		background: none;
		position: relative;
		top: -50px;
		margin-bottom: -50px;
	}
	#cut-4 .inner{
		position: absolute;
		top: 85%;
	}
	#cut-5{
		margin-top: 20px;
		padding: 0 5%;
		text-align: center;
	}
	#cut-5 img{
		width: 100%;
		height: auto;
	}
	#cut-6{
		height: auto;
		background: none;
	}
	#cut-7{
		height: auto;
		background: none;
		margin-bottom: 20px;
	}
	#cut-8,
	#cut-9,
	#cut-10{
		margin-top: 20px;
	}
	#cut-8 img,
	#cut-9 img,
	#cut-10 img{
		width: 100%;
		height: auto;
	}
	#cut-11{
		height: auto;
		background: none;
	}
	#cut-12{
		height: auto;
		background: none;
	}
	#cut-14{
		height: auto;
		background: none;
	}
	#cut-15{
		height: auto;
		background: none;
		margin-bottom: 20px;
	}
	#cut-16{
		height: auto;
		background: none;
	}
	#cut-17{
		padding: 20px 5%;
		background: #ece9db;
	}
	#cut-17 img{
		width: 100%;
		height: auto;
	}
	.price-1{
		width: 100%;
		margin:0 auto;
		margin-bottom: 20px;
	}
	.price-1 h3{
		width:100%;
		height:auto;
		font-size: 2rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 0;
		text-align: center;
	}
	.price-1 img.price1{
		width: 100%;
		margin:0 auto;
		height: auto;
	}
	.price-1 .price-right{
		width: 100%;
		margin: 0 auto;
	}	
	.price-1 img.sp{
		width: 100%;
		text-align: center;
		height: auto;
		padding: 10px 0;
	}
	
	.price-1 a{
		text-align: center;
	}
	.price-1 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}

	.price-2{
		width: 100%;
		margin:0 auto;
		margin-bottom: 20px;
	}
	.price-2 h3{
		width:100%;
		height:auto;
		font-size: 2rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 0;
		text-align: center;
	}
	.price-2 img.price2{
		width: 100%;
		margin:0 auto;
		height: auto;
	}
	.price-2 .price-right2{
		width: 100%;
		margin: 0 auto;
	}
	.price-2 .price-right2 img{
		width: 70%;
		margin: 0 auto;
	}
	.price-2 img.sp{
		width: 70%;
		text-align: center;
		height: auto;
		padding: 10px 0;
	}
	.price-2 a{
		text-align: center;
	}
	.price-2 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	.price-3{
		width: 100%;
		margin:0 auto;
		margin-bottom: 20px;
		text-align: center;
	}
	.price-3 h3{
		width:100%;
		height:auto;
		font-size: 2rem;
		font-weight: bold;
		color: #fff;
		background-color: #000;
		padding: 20px 0;
		text-align: center;
	}
	.price-3 img.price3{
		width: 70%;
		margin:0 auto;
		height: auto;
	}
	.price-3 .price-right3{
		width: 100%;
		margin: 0 auto;
	}
	.price-3 .price-right3 img{
		width: 65%;
		margin: 0 auto;
	}
	.price-3 img.sp{
		width: 65%;
		text-align: center;
		height: auto;
		padding: 10px 0;
	}
	.price-3 a{
		text-align: center;
	}
	.price-3 p.small{
		text-align: center;
		font-size: 1.6rem;
		color: #D70008;
	}
	
	#cut-18{
		background: #fff6e9;
		margin-top: 20px;
	}
	#cut-18-title{
		padding: 20px 0;
	}
	#cut-18-title img{
		width: 100%;
		height: auto;
	}
	#cut-18 #review li{
		width: 100%;
		margin-bottom: 20px;
	}
	#video-1-inner{
		width: 150%;
		height: 300px;
		overflow: hidden;
		position: relative;
		left: -25%;
	}
	#video-1-inner video{
		position: absolute;
		top: -15%;
	}
	#video-2-inner video{
		width: 100%;
		height: auto;
	}
	#video-3{
		position: relative;
		top: -35%;
		z-index: -9999;
		margin-bottom: -50%;
		overflow: hidden;
	}
	#video-3-inner{
		width: 200%;
		height: 100%;
		position: relative;
		left: -50%;
		padding-bottom: 200px;
		margin-bottom: -80px;
	}
	#video-3-inner video{
		width: 100%;
		height: auto;
		position: static;
		left: 0;
	}
	#video-3-inner img{
		width: 50%;
		height: auto;
		position: absolute;
		top: 30%;
		left: 25%;
		margin-bottom: 0;
	}
	
	/* footer */
	footer{
		padding: 40px 0;
	}
	footer ul{
		width: 100%;
		font-style: normal;
		margin-bottom: 20px;
	}
	footer ul li{
		width: 100%;
		float: none;
		font-size: 1.2rem;
		padding: 10px 0;
		border-right: 0;
		border-top: 1px #ddd solid;
	}
	footer ul li:last-child{
		border-bottom: 1px #ddd solid;
	}
	footer ul li a{
		color: #333;
		display: block;
	}
	footer address{
		clear: both;
		color: #999;
		text-align: center;
		font-size: 1.0rem;
		font-style: normal;
    }
    
    /* どこでもカラーミー　2018.05.15追記 */
    .cartjs_cart_in input {
        width: 80% !important;
    	font-weight : bold;
    	background: #ce051e !important;
    }
    .cartjs_product_num {
        display: none;
    }
            
    
    /* 楽天＆アマゾンカンタンしはらい　2018.06.14追記 */
    .kantan_pay {
        text-align: center;
        padding-top: 10px;
        margin-bottom: 0 !important;
    }
    .kantan_pay img {
        width: 85%;
        margin: 0 auto 20px;
    }
        
     /* line@　2018.08.9追記 */
    .line_box {
    	position: fixed;
    	bottom: 0.5%;
    	right: 1.5%;
        z-index: 999999
    }
    .line_box img {
    	width: 100px;
    }
}