@charset "UTF-8";

/* font-size===========================================

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	124%
17px 	131%
18px 	139%
19px 	147%
20px 	154%
21px 	162%
22px 	170%
23px 	177%
24px 	185%
25px 	193%
26px 	200%

===================================================== */


p{
	margin:0px;
	padding:0px;
}


/* ------------------------

		#header

-------------------------- */

#header{
    background-color:white;
	width:1000px;
	margin:0 auto;	
	padding:0;
	text-align:center;
}

@media screen and (max-width: 768px) {
#header{
	margin:0 auto;	
	padding:0;
	text-align:center;
	width:100%;
}
}


/* ------------------------

		#mainvisual

-------------------------- */

#mainvisual{
	width:1000px;
	margin:0 auto;	
	padding:0;
	text-align:center;
}

@media screen and (max-width: 768px) {
#mainvisual{
	margin:0 auto;	
	padding:0;
	text-align:center;
	width:100%;
}
}


.btn{
      text-align: center;
    }

/* *------------------------

		#contents

--------------------------* */
#contents{
	width:1000px;
	margin:0 auto;	
	padding:0;
	text-align:center;
}
#contents ul{
	width:1000px;
	margin:0 auto;	
	padding:0;
	text-align:center;
}

@media screen and (max-width: 768px) {
#contents{
	margin:0 auto;	
	padding:0;	
	text-align:center;
	width:100%;

}
}

@media screen and (max-width: 768px) {
#contents ul{
	margin:0 auto;	
	padding:0;
	text-align:center;
	width:100%;
}
}
@media screen and (max-width: 768px) {
#contents li{
	margin:0 auto;	
	padding:0;
	text-align:center;
	width:100%;
}
}



a img{
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */

	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
}
a:hover img{
	opacity: 0.7;
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */

	-webkit-transition: .8s;
	-moz-transition: .8s;
	-o-transition: .8s;
	-ms-transition: .8s;
	transition: .8s;
}
	
.txt{
	font-size:100%;
	text-align:left;
	margin-left:300px;	
	margin-right:150px;
	margin-bottom:20px;
	line-height:1.8em
}

#pink{
	color:#e61283
}

.txt02{
	font-size:105%;
	text-align:left;
	margin-left:430px;	
	margin-right:150px;
	margin-bottom:50px;
	line-height:1.8em
}

.txt03{
	font-size:105%;
	text-align:left;
	line-height:1.5em;
	margin-right:150px;
	margin-top:40px;
	margin-bottom:120px;
}

.txt04{
	font-size:105%;
	text-align:left;
	margin-left:5px;	
	margin-right:150px;
	margin-top:60px;
	margin-bottom:60px;
	line-height:1.5em
}

.txt05{
	font-size:105%;
	text-align:left;
	margin-right:150px;
	margin-left:40px;	
	margin-top:40px;
	margin-bottom:150px;
	line-height:1.5em
}

.txt06{
	font-size:105%;
	text-align:left;
	margin-left:40px;	
	margin-right:150px;
	margin-top:20px;
	margin-bottom:60px;
	line-height:1.5em
}

.photo05{
	float:left;
}

.voicetitle{
	margin-bottom:10px;
}

.cptitle02{
	margin-top:30px;
}

.con04title{
	margin-bottom:10px;
}

.con04title-02{
	margin-top:20px;
}

.con05title{
	margin-top:60px;
}

.con06{
	margin-top:60px;
}

.chushaku{
	font-size:80%;
	text-align:center;
	line-height:1.8em
}

.boshu{
	margin-top:50px;
}

.comments{
	color:#a9a9a9;
	text-align:right;
	font-size:10px;
	margin-right:10px;
}

.style01{
   border-top: 1px #f5f5f5;
margin-top:60px;
}

.item{
	color:#d3d3d3;
	text-align:left;
	font-size:15px;
	margin-left:70px;	
	margin-right:150px;
}

.tanpin-photo{
	float:left;
	margin-top:5px;	
	}
	
.tanpin-txt{
	color:#a9a9a9;
	text-align:left;
	font-size:13px;
	margin-top:40px;	
	margin-right:150px;
}

.tanpin-btn{
	margin:0 auto;
	margin-top:40px;	
	padding:0;
	text-align:center;
}

.pay{
	color:#d3d3d3;
	text-align:left;
	font-size:15px;
	margin-left:70px;	
	margin-right:100px;
}

.pay-photo{
	float:left;
	margin-top:20px;	
	margin-left:70px;
	}
	
.pay-txt{
	color:#a9a9a9;
	text-align:left;
	font-size:12px;
	margin-top:40px;	
	margin-left:70px;	
	margin-right:100px;
}

.pay-photo2{
	clear: both;
	float:left;
	margin-top:20px;	
	margin-left:65px;
	}
	
.pay-txt2{
	color:#a9a9a9;
	text-align:left;
	font-size:12px;
	margin-top:80px;	
	margin-bittom:100px;
	margin-left:70px;	
	margin-right:100px;
}

.send{
	clear:both;
	color:#d3d3d3;
	text-align:left;
	font-size:15px;
	margin-top:30px;
	margin-left:70px;	
	margin-right:150px;
}

.send-txt{
	color:#a9a9a9;
	text-align:left;
	font-size:12px;
	margin-top:20px;	
	margin-left:330px;	
	margin-right:100px;
}

.product{
	clear:both;
	color:#d3d3d3;
	text-align:left;
	font-size:15px;
	margin-top:30px;
	margin-left:70px;	
	margin-right:150px;
}

.product-txt{
	color:#a9a9a9;
	text-align:left;
	font-size:12px;
	margin-top:20px;	
	margin-left:130px;	
	margin-right:100px;
}

.con11-01{
	margin-top:50px;	
}

.con11-02{
	margin-top:40px;	
}

.con11-03{
	margin-left:100px;	
	margin-bottom:20px;		
}


/* ------------------------

		#footer

-------------------------- */

#footer{
	text-align:center;
	background-color:#000000;
	border-top:solid 2.5px #000000;
	margin: 0 -20%; /* マージンを追記 */
padding: 0 20%; /* マージンで横にはみ出した部分を戻す */
}
@media screen and (max-width: 768px) {
#footer{
	color:white;
	font-size:6px;
	margin:0 auto;	
	padding-top:20px;
	padding-bottom:30px;
	text-align:center;
	background-color:#000000 ;
	letter-spacing: 2px;
	width:100%;
	}
}


#footer ul{
    display:block;
	width:1000px;
	height:50px;
	margin:50px auto;
	}

@media screen and (max-width: 768px) {
#footer ul{ 
	width:100%;
	}
}
	

#footer li,footer a{
    display:block;
	float:left;
	height:33%;
	width:33%;
	text-align:center;
	}


#footer img{
    margin:0;
	padding:6px auto;
	}


#footer p{
    clear:both;
    background-color:#000000;
	width:1000px;
	margin:50px auto 30px;	
	color:#ffffff;
	text-align:center;
	font-size:8px;
	letter-spacing:5px;
}

@media screen and (max-width: 768px) {
#footer p{ 
　color:white;
　text-align:center;
　margin-top:50px;
　 background-color:#f3f3f3;
    text-decoration:none;
	}
}
@media screen and (max-width: 768px) {
#footer a{ 
　color:white;
　text-align:center;
　margin-top:50px;
　 background-color:#f3f3f3;
    text-decoration:none;
	}
}



/* 2021/2/28追加 */

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

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width: 768px) {
.pc { display: block !important; }
.sp { display: none !important; }

}