body{	
	background-image:none;
}


h1,
h2,
h3,
h3::after,
h5,
h4{
	background: none;
	border: none;
	box-shadow: none;
}


section ul,section ul li,section p,section ol,li,h5{
	margin: 0;
	padding: 0;
}
section ul li,section ol,section ol li{
	list-style: none;
}

.contentsInner a{	color: #2171bb;	}
.contentsInner a:hover{ text-decoration:underline;	}

#contents{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:left;
	min-height:inherit;
    padding-bottom: 10px;
	color:#000;
	font-size:84%;
}

#mainvisual{
	position:relative;
	height:630px;
	background:url(../product/sukedeco/-image/top-title-BG.gif)no-repeat left 5px;
}

#mainvisual h1{
	position:absolute;
	top:10px;
	left:20px;
	z-index:10;	
}

#mainvisual h2{
	position:absolute;
	top:10px;
	left:310px;
	z-index:8;
}

#mainvisual .mainvisual{
	position:absolute;
	top:180px;
	left:0;
	z-index:6;
}

#mainvisual .new{
	position:absolute;
	top:200px;
	right:0;
	z-index:7;
}

#mainvisual .point{
	position:absolute;
	top:530px;
	left:15px;
	z-index:7;
}

#contents h3{
	margin:0 0 35px 0;
}

#patern{
	margin:0 0 80px 0;
}

#patern p{
	margin:0 0 25px 0;
}


#after .after-list li{
	height:500px;
	position:relative;
	padding:10px 0 0 0;
	width: 960px;
	margin: 0 auto;
}

#after h4{
	width:180px;
	text-align:center;
}

#after .before{
	margin:50px 0 0 0;
}

#after .after{
	position:absolute;
	top:-10px;
	right:0;
}


#how #youtube{
	width:780px;
	height:440px;
	padding:40px;
	background:url(../product/sukedeco/-image/gallry-bg.gif) no-repeat 0 0;
	margin:30px auto 10px;
}

#cm .youtube{
	width:780px;
	height:440px;
	padding:40px;
	background:url(../product/sukedeco/-image/gallry-bg.gif) no-repeat 0 0;
	margin:30px auto 10px;
}

#step ul{
	background:url(../product/sukedeco/-image/how-step.jpg) no-repeat center top;
	padding:240px 0 30px 0;
	width: 960px;
	margin: 0 auto;
}

#step li{
	width:16%;
	float:left;
	margin:0 2%;
}

#alert{
	width:790px;
	height:320px;
	background:url(../product/sukedeco/-image/arat.gif) no-repeat 0 0;
	padding:80px 50px 0 50px;
	margin:30px auto;
}

#alert h5{
	width:190px;
	float:left;
}

#alert ul ul,
#alert ul ol{
	float:left;
	width:600px;
}

#alert li{
	clear:both;
}

#alert li.ok{
	border-bottom:1px solid #999;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#alert li p b{
	font-weight:bold;
	font-size:120%;
	display:block;
	margin: 0 0 10px 0;
}

#alert .ng-list{
	margin:10px 0 0 0;
	
}

#alert .ng-list li{
	font-weight:bold;
	font-size:115%;
	width:auto;
	clear:inherit;
	float:left;
	padding:0 20px 10px 0;
}

#alert .ng-list li:before{
	content:"◎";
}

#cart{
	background:#ffeff8;
	margin:20px 0 0 0;
}

#cart .col{
	position:relative;
	width:950px;
	min-height:310px;
	margin:0 auto;
	padding:45px 0 30px;
	background:url(../product/sukedeco/-image/cart-bg.gif) no-repeat right 30px;
}

#cart .logo{
	position:absolute;
	top:-50px;
	left:0;
	z-index:999;
}

#cart .package{
	position:absolute;
	top:-60px;
	left:70px;
}

#cart .botan{
	width:415px;
	margin:0 0 0 535px;
}


#cart .botan a{
	display:block;
	margin:0 0 20px;
}

#cart .botan a:hover{
	opacity:.7;
}


#cart a.pagetop{
	float:right;
	margin:40px 0 0 0;
}


.footerInner .pagetop{
	display:none;
}

div.contentsInner p{	margin:0 0 20px 0;	}

.article{
	clear:both;
	margin:0 0 40px 0;	
	}

#footer{	
	position:relative;
	clear:both;
	}


.news-list a{	font-weight:bold;}

.news-list .filesize{	padding:0 0 0 10px;}

@media screen and  (min-width: 320px) and (max-width: 768px) {

section h3{
	text-align: center;
}
section h3 img{
	width: auto;
	height:4em;
}
	
	section h3::after{
		margin: 0;
		padding: 0;
	}

#mainvisual{
	position:relative;
	height: 60vh;
	min-height:60vh;
}

#mainvisual h1{
	width:20%;
	position:absolute;
	top:10px;
	left:10px;
	z-index:10;	
}

#mainvisual h2{
	position:absolute;
	top:10px;
	left:inherit;
	right: 0;
	z-index:8;
	width: 70%;
}

#mainvisual .mainvisual{
	position:absolute;
	top:13vh;
	left:0;
	z-index:6;
}

#mainvisual .new{
	position:absolute;
	top:inherit;
	bottom: 0;
	right:0;
	z-index:7;
	width: 50%;
}

#mainvisual .point{
	position:absolute;
	top:inherit;
	bottom: 5vh;
	left:10px;
	z-index:7;
	width: 40%;
}

#contents h3{
	margin:0 0 10px 0;
}

#patern{
	margin:0 0 40px 0;
}

#patern p{
	margin:0 0 25px 0;
}


#after .after-list li{
	height:auto;
	position:relative;
	padding:0;
	width: 100%;
	margin: 0 auto 30px;;
}

#after h4{
	width:20%;
	text-align:center;
	margin: 0;
	padding: 0;
}

#after .before{
	width:20%;
	margin:0 0 0;
}

#after .after{
	width: 80%;
	position:absolute;
	top:-10px;
	right:0;
}

	
	#cm .youtube iframe,
	#how #youtube iframe{
		width: 100%;
		height: auto;
		min-height: 140px;
	}

#how #youtube{
	width:96%;
	height:auto;
	padding:2%;
	background:url(../product/sukedeco/-image/gallry-bg.gif) no-repeat 0 0;
	margin:10px auto 10px;
	background-size: 100% 100%;
}

#cm .youtube{
	width:96%;
	height:auto;
	padding:2%;
	background:url(../product/sukedeco/-image/gallry-bg.gif) no-repeat 0 0;
		background-size: 100% 100%;
	margin:10px auto 10px;
}

#step ul{
	background:url(../product/sukedeco/-image/how-step.jpg) no-repeat center top;
	background-size: 100% auto;
	padding:25% 0 30px 0;
	width: 100%;
	margin: 0 auto;
}

#step li{
	font-size: 90%;
	width:18%;
	float:left;
	margin:0 1%;
}

#alert{
	width:96%;
	height:auto;
	background:url(../product/sukedeco/-image/arat.gif) no-repeat center top;
	background-size: 140% auto;
	padding:4em 2% 0;
	margin:30px auto;
}

#alert h5{
	width:60%;
	margin: 0 20%;
	float:none;
}

#alert ul ul,
#alert ul ol{
	float:none;
	width:100%;
}

#alert li{
	clear:both;
}

#alert li.ok{
	border-bottom:1px solid #999;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#alert li p b{
	font-weight:bold;
	font-size:120%;
	display:block;
	margin: 0 0 10px 0;
}

#alert .ng-list{	margin:10px 0 0 0;
	
}

#alert .ng-list li{
	font-weight:bold;
	font-size:115%;
	width:auto;
	clear:inherit;
	float:none;
	padding:0 20px 10px 0;
}

#alert .ng-list li:before{
	content:"◎";
}

#cart{
	background:#ffeff8;
	margin:30px 0 0 0;
}

#cart .col{
	position:relative;
	width:100%;
	min-height:310px;
	margin:0 auto;
	padding:10% 0;
	background:url(../product/sukedeco/-image/cart-bg.gif) no-repeat right 30px;
}

#cart .logo{
	position:absolute;
	top:-10px;
	left:0;
	z-index:999;
	width: 30%;
}
	
	#cart .logo img,
	#cart .package img,
	#cart .botan img{
		width: 100%;
	}
	
	
#cart .package{
	position:relative;
	top:-60px;
	left:auto;
	right: 10px;
	width: 100%;
}

#cart .botan{
	clear:both;
	width:80%;
	margin:0 10% 0;
}

#cart .botan a{
	display:block;
	margin:0 0 20px;
}

#cart .botan a:hover{
	opacity:.7;
}

div.contentsInner p{	margin:0 0 20px 0;	}

.article{
	clear:both;
	margin:0 0 40px 0;	
	}

#footer{	
	position:relative;
	clear:both;
	}

.news-list a{	font-weight:bold;}

.news-list .filesize{	padding:0 0 0 10px;}


}




/* レイアウトの設定 */

.color-orange{	color: #ff8800;}

.color-red{	color:#ff0000;	}

.font-ss{	font-size:68%;	}

.font-s{	font-size:80%;	}
	
.font-m{	font-size:100%;	}

.font-l{	font-size:115%;	}

.font-ll{	font-size:130%; line-height:1.6em;	}

.no-border{
	border-style:none!important;
	}

.blank-m-zero{	margin:0!important;	}
.blank-p-zero{	padding:0!important;	}

.blank-m-bottom5{	margin-bottom:5px!important;	}
.blank-m-bottom10{	margin-bottom:10px!important;	}
.blank-m-bottom15{	margin-bottom:15px!important;	}
.blank-m-bottom20{	margin-bottom:20px!important;	}
.blank-m-bottom30{	margin-bottom:30px!important;	}
.blank-m-bottom40{	margin-bottom:40px!important;	}
.blank-m-bottom50{	margin-bottom:50px!important;	}

.blank-m-top5{	margin-top:5px!important;	}
.blank-m-top10{	margin-top:10px!important;	}
.blank-m-top15{	margin-top:15px!important;	}
.blank-m-top20{	margin-top:20px!important;	}
.blank-m-top30{	margin-top:30px!important;	}
.blank-m-top40{	margin-top:40px!important;	}
.blank-m-top50{	margin-top:50px!important;	}

.blank-m-all5{ margin:5px!important;	}
.blank-m-all10{ margin:10px!important;	}
.blank-m-all15{ margin:15px!important;	}
.blank-m-all30{ margin:30px!important;	}

.blank-p-bottom5{	padding-bottom:5px!important;	}
.blank-p-bottom10{	padding-bottom:10px!important;	}
.blank-p-bottom15{	padding-bottom:15px!important;	}
.blank-p-bottom20{	padding-bottom:20px!important;	}
.blank-p-bottom30{	padding-bottom:30px!important;	}
.blank-p-bottom40{	padding-bottom:40px!important;	}
.blank-p-bottom50{	padding-bottom:50px!important;	}

.blank-p-top5{	padding-top:5px!important;	}
.blank-p-top10{	padding-top:10px!important;	}
.blank-p-top15{	padding-top:15px!important;	}
.blank-p-top20{	padding-top:20px!important;	}
.blank-p-top30{	padding-top:30px!important;	}
.blank-p-top40{	padding-top:40px!important;	}
.blank-p-top50{	padding-top:50px!important;	}

.blank-p-all5{ padding:5px!important;	}
.blank-p-all10{ padding:10px!important;	}
.blank-p-all15{ padding:15px!important;	}
.blank-p-all30{ padding:30px!important;	}

.blank-zero{ padding:0!important; margin:0!important;	}

img.blank-img15{	padding:0px 15px 15px 15px;	}
img.blank-img15-left{	padding:0px 15px 15px 0px;	}
img.blank-img15-right{	padding:0px 0px 15px 15px;	}

img.ly-left{	padding:0px 7px 7px 0px;	}
img.ly-right{	padding:0px 0px 7px 7px;	}

.ly-clear{	clear:both;	}
.ly-clear-left{	clear:left;	}
.ly-clear-right{	clear:right;	}
.ly-left{	float:left;	}
.ly-right{	float:right;	}
.inline-left{ text-align:left;	}
.inline-right{	text-align:right;	}
.inline-center{	text-align:center;	}
.ly-dpblock{	display:block;	}
.ly-IE6-dpinline{	_display:inline;	}
.ly-nowarp{	white-space:nowrap;	}

/*	clearfix
----------------------------------*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix{	display:inline-block;	}

/* Hides from IE-mac \*/
* html .clearfix{	height:1%;	}

.clearfix{	display: block;	}

/* End hide from IE-mac */


@media screen and  (min-width: 320px) and (max-width: 768px) {


}