/* CSS Document */

/*

	font-family: a-otf-ryumin-pr6n,serif;
	font-weight: 300;
	font-family: roboto,sans-serif;
	font-family: roboto-condensed,sans-serif;

*/

.comm_box{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 90px 0;
}
#v3powder{
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px;
	color: #393939;
}

#v3powder h2{
	font-size: 70px;
	margin-bottom: 15px;
	font-weight: 300;
	font-family: roboto-condensed,sans-serif;
}

#v3powder h3{
	font-family: a-otf-ryumin-pr6n,serif;
	font-weight: 300;
	font-size: 18px;
	/*letter-spacing: 2px;*/
}



#v3powder #intro{
	background: #F0F0EE;
	position: relative;
	overflow: hidden;
}



#v3powder #intro dl{
	position: absolute;
	width: 50%;
	max-width: 550px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 45%;
	text-align: left;
}

#v3powder #intro dt{
	font-family: a-otf-ryumin-pr6n,serif;
	font-weight: 300;
	font-size: 30px;
}

#v3powder #intro dd{
	margin-top: 30px;
	line-height: 2;
}

#v3powder #intro dd span{
	line-height: 2;
    display: block;
    font-size: 20px;
}


#v3powder #intro dt span{
	display: block;
	font-size: 16px;
	margin-top: 10px;
}

#v3powder #intro p{
	float: right;
	width: 55%;
}

#v3powder #intro p img{
	object-fit: cover;
	height: 620px;
	object-position: 20% 0;
}


@media only screen and (max-width:767px) { 

    #v3powder #intro p img{
		object-position: 35% 0;
}
}

@media only screen and (max-width:540px) { 
	#v3powder h2{
		font-size: 40px;
	}

	#v3powder h3{
		font-size: 16px;
	}

	#v3powder #intro dl {
		width: 65%;
		right: 0;
		left: 5%;
	}

	#v3powder #intro dt {
		font-size: 22px;
	}

	#v3powder #intro dt span {
		font-size: 14px;
	}

	#v3powder #intro dd {
		margin-top: 20px;
		line-height: 1.8;
	}


#v3powder #intro p{
	float: right;
	width: 90%;
}

	#v3powder #intro p img{
		object-position: 30% 0;
		height: 540px;
	}
 
}






#recommend{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	flex-direction: row-reverse;
	width: 90%;
	max-width: 900px;
	margin: 100px auto 100px;
}

#recommend p{
	width: 50%;
}

#recommend .textarea{
	width: 44%;
	max-width: 330px;
	text-align: left;
	font-family: a-otf-ryumin-pr6n,serif;
	font-weight: 300;
}

#recommend .textarea h2{
	font-size: 23px;
	margin-bottom: 10px;
	font-family: a-otf-ryumin-pr6n,serif;
}

#recommend .textarea h3{
	font-size: 30px;
	margin-bottom: 40px;
}

#recommend .textarea li{
	font-size: 20px;
	border-bottom: 2px solid #6E787C;
	background: url("../../img/special/v3powder/icon.png") no-repeat;
	padding: 0 0 15px 30px;
	margin-bottom: 15px;
}


@media only screen and (max-width:767px) { 
	#recommend .textarea h2 {
		font-size: 15px;
		margin-bottom: 5px;
	}

	#recommend .textarea h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	#recommend .textarea li {
		font-size: 16px;
	}

}

@media only screen and (max-width:540px) { 
	#recommend{
		display:block;
	}

	#recommend p{
		width: 100%;
		margin-bottom: 30px;
	}

	#recommend .textarea{
		width: 100%;
		max-width: none;
		margin-bottom: 30px;
	}

	#recommend .textarea h2,
	#recommend .textarea h3{
		text-align: center;
	}

}







	
#v3powder #point{
	padding: 80px 0;
	background: #EEEEEE;
}

#v3powder #point .contents{
	max-width: 1000px;
	margin: 80px auto 100px;;
	background: #fff;
	padding-bottom: 100px;
	counter-reset: number;
}





#v3powder #point .contents .ttl{
	background: #000;
	color: #fff;
	padding: 50px 0;
	font-size: 23px;
	font-family: a-otf-ryumin-pr6n,serif;
	font-weight: 100;
	position: relative;
	margin-bottom: 80px;
}

#v3powder #point .contents .ttl span{
	font-size:40px;
    margin-top: 10px;
}


#v3powder #point .contents .ttl p{
font-size: 13px;
text-align: center;
}


#v3powder #point .contents .mark{
    display: inline-block;
    font-size: 14px;
    vertical-align: 20px;
}
    
#v3powder #point .contents .mark2{
    display: inline-block;
    font-size: 14px;
    vertical-align: 10px;
}


#v3powder #point .contents .ttl:after{
	content:"";
    box-sizing: border-box;
    border: 50px solid transparent;
    border-left: 40px solid #000;
	position:absolute;
	bottom:-85px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
}


#v3powder #point .contents .contents_box{
width: 90%;
	max-width: 800px;
    margin: 0 auto;
}

#v3powder #point .contents .contents_box img{
margin-top: 20px;
}


#v3powder #point .contents .contents_box ul{
    display: flex;
    text-align: center;
    width: 420px;
    margin: 0 auto;
    font-size: 25px;
	font-family: a-otf-ryumin-pr6n,serif;

}

#v3powder #point .contents .contents_box li{
	font-size: 20px;
	background: url("../../img/special/v3powder/icon.png") no-repeat;
	padding: 0 30px 15px 30px;
	margin-bottom: 15px;
}


#v3powder #point .contents .contents_box dl{
    text-align: left;
}

#v3powder #point .contents .contents_box dd{
    font-size: 23px;
    margin: 20px 0 10px 0;
	font-family: a-otf-ryumin-pr6n,serif;
}


#v3powder #point .contents .contents_box .contents_in{
    border: #000000 1px solid;
    padding: 30px 40px;
    margin: 20px 0 0px;
    text-align: left;
}

#v3powder #point .contents .contents_box .contents_in span{
    font-weight: bold;
    display: block;
}



@media only screen and (max-width:480px) { 
	#v3powder #point{
		padding-bottom: 5px;
	}

	#v3powder #point .contents .ttl{
		font-size: 22px;
        padding: 40px 20px ;
	}

	#v3powder #point .contents .ttl span {
		font-size: 40px;
		/*margin-right: 5px;*/
        display: block;
        margin-top: 20px;
        line-height: 1.3;
	}

/*
#v3powder #point .contents .contents_box{
width: 90%;
	max-width: 800px;
    margin: 0 auto;
}*/    

#v3powder #point .contents .contents_box img{
margin-top: 20px;
}


#v3powder #point .contents .contents_box ul{
    width: 100%;
    font-size: 18px;
}

#v3powder #point .contents .contents_box li{
	padding: 0 7px 0 22px;
}



}






#v3powder #charge{
	width: 90%;	
	max-width: 910px;
	margin: 120px auto;
    padding: 0 30px 60px;
	/*display:flex;
	flex-wrap:wrap;
	justify-content:space-between;*/
	align-items:center;
}


#v3powder #charge .ttl{
	font-family: a-otf-ryumin-pr6n,serif;
    text-align: center;
    font-size: 40px;
    margin-bottom: 65px;
}

#v3powder #charge .ttl span{
    font-size: 23px;
    display: block;
    margin-top: 16px;
}

#v3powder #charge #charge_box{
    display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#v3powder #charge dl{
    width: 45%;
    max-width: 410px;
    text-align: center;
    margin-top: 20px;
}

#v3powder #charge dd{
background: #000000;
color: #FFFFFF;
padding: 15px 0;
margin: 10px 0 20px;
}

#v3powder #charge dt{
text-align: left;
display: block;
margin-top: 5px;
}

#v3powder #charge ul{
}

#v3powder #charge li{
	font-size: 16px;
	background: url("../../img/special/v3powder/icon.png") no-repeat;
	padding: 0 30px 5px 30px;
}







@media only screen and (max-width:750px) { 
	#v3powder #charge{
		/*align-items: start;
		padding-bottom: 165px;*/
        width: 90%;
        margin: 0 auto;
	}
    
   #v3powder #charge #charge_box{
   width: 100%;
   padding: 0!important;
   margin: 0 auto;
   }
    
    #v3powder #charge .ttl{
    font-size: 30px;
	}
    
    #v3powder #charge .ttl span{
    font-size: 16px;    
    }
    
    #v3powder #charge dd{
    font-size: 15px;
}

#v3powder #charge li{
	font-size: 15px;
    padding: 0 0 5px 22px;
}
}


@media only screen and (max-width:530px) { 
	#v3powder #charge{
		display: block;
		margin: 80px auto;
        padding: 0!important;

	}
    

}












#howto{
	background:#f9f9f9;
	padding:80px 0;
}


#howto #inner{
	width:90%;
	max-width:1000px;
	margin:50px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#howto #inner .box{
	width:47%;
	margin:0 auto 80px;
}

#howto #inner .box dl{
	display:flex;
}

#howto #inner .box dt{
	font-size:40px;
	width:46px;
	height:45px;
	line-height:1;
	background:#000;
	color:#fff;
	font-weight:300;
	margin-right:15px;
}

#howto #inner .box dd{
	font-size:20px;
	text-align:left;
}

#howto #inner .box p{
	text-align:left;
	margin-top:15px;
}

#howto #first{
	margin-top:30px;
}

#howto #first span{
font-size: 13px;
text-align: center;
color: #878787;
}


#howto ul{
	width:90%;
	max-width:1000px;
	margin:0 auto;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	padding:10px 0 50px;
}

#howto ul li{
	width:45%;
	max-width:430px;
}

#howto ul li p{
	max-width:350px;
	margin:5px auto 0;
}

@media only screen and (max-width: 640px) { 

#howto #inner .box{
	width:90%;
	max-width:460px;
}
#howto ul{
	padding:30px 0;
}
#howto ul li{
	width:90%;
	max-width:430px;
	margin:0 auto 30px;
	font-size:14px;
}




}














#v3powder #insta{
	background: #EEEEEE;
	padding: 80px 0;
}

#v3powder #insta ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width: 90%;
	max-width: 1000px;
	margin: 60px auto;
}

#v3powder #insta ul li{
	width: 32%;
    margin: 0 20px;
}

#v3powder #insta ul li iframe{
	border:none !important;  
	min-width:auto !important;
	/* max-width:310px; */
}


@media only screen and (max-width: 700px) { 
#v3powder #insta ul li{
	width:90%;
	margin: 0 auto 30px;
}

#v3powder #insta ul li iframe{
	max-width:auto;
}

}







/*
spec
------------------------------------------------------------------------------------*/
#v3powder #spec{
	width:90%;
	max-width:900px;
	margin: 80px auto;
}
#v3powder #spec dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:top;
    margin-top: 60px;
}


#v3powder #spec dt{
	width:35%;
}

#v3powder #spec dd{
	width:60%;
}

#v3powder #spec table{
	margin:auto;
	text-align:left;
	line-height:1.6
}

#v3powder #spec table tr td:first-child{
	width:22%;
}

#v3powder #spec table tr:not(:last-child){
	border-bottom:2px dotted #000;

}

#v3powder #spec table tr td{
	padding:20px 0;
}

#v3powder #spec table tr td span{
    color: #FF5F62;
}

#v3powder #spec dd p{
	font-size:12px;
	color:#666;
	text-align:left;
	margin:30px auto 0;
}


@media only screen and (max-width: 580px) { 
	#v3powder #spec dl{
		display:block;
	}

	#v3powder #spec dt{
		width:60%;
		max-width:180px;
		margin:auto;
	}

	#v3powder #spec dd{
		width:100%;
	}

}








/*
Q&A
------------------------------------------------------------------------------------*/
#faq{
	background:#eee;
	padding:80px 0;
}

#faq #qa_inner{
	width:92%;
	max-width:1000px;
	margin:80px auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#faq #qa_inner dl{
	width:48%;
	max-width:460px;
	text-align:left;
}

#faq #qa_inner dt{
	font-size:20px;
	font-weight:bold;
	display:flex;
	align-items:center;
}

#faq #qa_inner dt:before{
	content:"Q ";
	font-size:60px;
	margin-right:15px;
}

#faq #qa_inner dd{
	margin:0 0 30px 45px;
	line-height:1.6;
}

@media only screen and (max-width: 789px){
	#faq {
    padding: 60px 20px;
    }

    #faq #qa_inner dt{
		font-size:19px;
	}
	#faq #qa_inner dt:before{
		font-size:50px;
	}
}


@media only screen and (max-width: 680px) { 
	#faq #qa_inner{
		margin:50px auto
	}
    
    
	#faq #qa_inner dl{
		width:100%;
	}
	#faq #qa_inner dt{
		font-size:18px;
	}
	#faq #qa_inner dt:before{
		font-size:40px;
		margin-right:10px;
	}
	#faq #qa_inner dd{
		margin:5px 0 30px 40px;
	}
}






.series{
	margin: 0 auto;
}