@charset "utf-8";
/* CSS Document */
 @import url("https://use.typekit.net/erm6fqt.css");

/*
 Lakeside Regular

font-family: lakeside, sans-serif;

font-weight: 400;

font-style: normal;


*/


#magnet .curl26_bg{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#A85983+0,a06789+50,804463+100 */
	background: #A85983; /* Old browsers */
	background: -moz-linear-gradient(left,  #A85983 0%, #A55473 50%, #A85983 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #A85983 0%,#A55473 50%,#A85983 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #A85983 0%,#A55473 50%,#A85983 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A85983', endColorstr='#A85983',GradientType=1 ); /* IE6-9 */

}

#magnet .curl32_bg{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#566491+0,4aa8a6+50,38877d+100 */
	background: #566491; /* Old browsers */
	background: -moz-linear-gradient(left,  #566491 0%, #5B779C 50%, #566491 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #566491 0%,#5B779C 50%,#566491 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #566491 0%,#5B779C 50%,#566491 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#566491', endColorstr='#566491',GradientType=1 ); /* IE6-9 */
}


#magnet .curl38_bg{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#566491+0,4aa8a6+50,38877d+100 */
	background: #82A25B; /* Old browsers */
	background: -moz-linear-gradient(left,  #82A25B 0%, #7A9C5B 50%, #71945A 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #82A25B 0%,#7A9C5B 50%,#71945A 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #82A25B 0%,#7A9C5B 50%,#71945A 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82A25B', endColorstr='#71945A',GradientType=1 ); /* IE6-9 */
}




#magnet #type .inner .box{
	width: 32%;
}

#magnet #type .inner .box h3{
	margin-top: -75px;
}

#magnet #type .description{
	margin-bottom: 150px;
}


#magnet #type .inner .box dt br, #magnet #type .inner .box dd br {
    display: block;
}

#magnet #type .inner .box ol{
	display: none;
}



@media only screen and (max-width:980px) { 
#magnet #type .inner .box h3 {
    margin: -67px auto 35px;
	font-size: 50px;
}

#magnet #type .inner .box h3 span {
    font-size: 30px;
}

#magnet #type .inner .box h4 {
    font-size: 18px;
}

#magnet #type .inner .box li{
	font-size: 16px;
}

}


@media only screen and (max-width:720px) { 
#magnet #type .description {
    margin-bottom: 100px;
}

#magnet #type .inner {
		display: block;
	}

	#magnet #type .inner .box{
		width: 90%;
		margin: 0 auto 100px;
		padding-bottom: 0;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
	}

	#magnet #type .inner .box h3{
		width: 100%;
		text-align: right;
		margin: -20px 0 -60px ;
		position: relative;
		right: -35px;
	}
	#magnet #type .inner .box .inbox:nth-of-type(1){
		width: 60%;
		max-width: 360px;
	}

	#magnet #type .inner .box .inbox:nth-of-type(2){
		width: 38%;
	}

	#magnet #type .inner .box ul{
		max-width: 300px;
	}
	#magnet #type .inner .box ol{
		display: block;
	}

	#magnet #type .inner .box ol li{
		background: none;
		padding: 0;
		color: #fff;
		font-weight: normal;
	}

	#magnet #type .inner .box .inbox:nth-of-type(2) dt p,
	#magnet #type .inner .box .inbox:nth-of-type(2) dd{
		display: none;
	}

	#magnet #type .inner .box dt:first-child{
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
}


@media only screen and (max-width:540px) { 
#magnet #type .inner .box{
	margin-bottom: 30px;
}
#magnet #type .inner .box h3 {
    font-size: 28px;
	right: -20px;
	margin-top:-40px; 
}
#magnet #type .inner .box h3 span {
    font-size: 18px;
}

#magnet #type .inner .box ul {
    margin: 15px auto;
}
#magnet #type .inner .box li {
    font-size: 14px;
}

#magnet #type .inner .box ol{
	margin-bottom: 15px;
}



}










.curl_bg{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#be590e+0,ce921f+100 */
background: #be590e; /* Old browsers */
background: -moz-linear-gradient(left,  #be590e 0%, #ce921f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #be590e 0%,#ce921f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #be590e 0%,#ce921f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be590e', endColorstr='#ce921f',GradientType=1 ); /* IE6-9 */

}


















#magnet .item_wrap .recommend2{
	background:#F8F8F8;
	padding: 100px 0 80px;
	margin-top: 80px;
}

#magnet .item_wrap .recommend2 h2{
	width: 90%;
	font-size: 25px;
	font-family: kozuka-gothic-pr6n,sans-serif;
	font-weight: 700;
	margin: auto;
		padding-top: 50px;

}
/*
#magnet .item_wrap .recommend2 h2 br{
	display: none;
}*/


#magnet .item_wrap .recommend2 h3{
	width: 90%;
	font-size: 40px;
	font-family: kozuka-gothic-pr6n,sans-serif;
	font-weight: 700;
	margin: 0 auto 40px;
}

#magnet .item_wrap .recommend2 .inner{
	/*display:flex;
		justify-content:space-between;
	align-items:center;
	flex-direction: row-reverse;*/
	width: 90%;
	max-width: 1000px;
	height: 559px;
	margin: auto;
	background-image: url(../../../img/item/magnethairpro/curl/curl/image.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}




#magnet .item_wrap .recommend2 .inner .iron-image{
	width: 60%;
	display: none;

}




#magnet .item_wrap .recommend2 .box{
	width: 42%;
	text-align: left;
	
	

}

#magnet .item_wrap .recommend2 .box ul{
	text-align: left;
}




#magnet .item_wrap .item_image{
	margin: 80px auto;
}


@media only screen and (max-width:680px) { 
	#magnet .item_wrap .recommend2 h2 {
		font-size: 20px;
		margin-left: 5%;
	}
	#magnet .item_wrap .recommend2 h3 {
		font-size: 30px;
	}
	#magnet .item_wrap .recommend2 .inner {
		display: block;
	}
	
	#magnet .item_wrap .recommend2 .inner{
	
	width:/* 90%*/100%;
		height: auto;
		background: none;
}
#magnet .item_wrap .recommend2 .inner .iron-image{
	width: 100%;
	margin: 0px;
	display: block;

}
	#magnet .item_wrap .recommend2 .inner .iron-image img{
		width: 100%;
		margin-top: 20px;
	}
	
	#magnet .item_wrap .recommend2 .graf {
		width: 100%;
		margin-top: 30px;
	}

	#magnet .item_wrap .recommend2 .box {
		width: 100%;
	}

	#magnet .item_wrap .recommend2 .box ul li{
		font-size: 16px;
		margin-left: 5%;
	}
	
	#magnet .item_wrap .recommend2{
	padding: 0px 0 50px;
	margin-top: 50px;
}

	
}

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


	#magnet .item_wrap .recommend2 h2 br{
		display: block;
	}
	#magnet .item_wrap .recommend2 h2 {
		font-size: 18px;
	}
	#magnet .item_wrap .recommend2 h3 {
		font-size: 26px;
	}

}


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

ポイント

-----*/







#magnet .item_wrap .point2{
	width: 90%;
	max-width: 1000px;
	margin: 80px auto;
}

#magnet .item_wrap .point2 h2{
	font-size: 40px;
	margin-bottom: 30px;
	font-weight: 700;
	font-family: kozuka-gothic-pr6n,sans-serif;
	line-height: 1.4;
}

#magnet .item_wrap .point2 h2 span{
	font-size: 20px;
	margin-bottom: 20px;
	display: block;
}

#magnet .item_wrap .point2 .inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom: 20px;
}

#magnet .item_wrap .point2 .inner-txt{
	width:40%;
	text-align: left;
}

#magnet .item_wrap .point2 .inner .image{
	width: 58%;
}




@media only screen and (max-width:680px) { 
	
#magnet .item_wrap .point2{
	padding: 0px 0;
}
	
	#magnet .item_wrap .point2 h2 {
		font-size: 30px;
	}
	
	
#magnet .item_wrap .point2 h2 span{
	font-size: 16px;
}

	
	#magnet .item_wrap .point2 .index{
		max-width: none;
		text-align: left;
	}

	#magnet .item_wrap .point2 .box{
		padding: 50px 0;
	}

#magnet .item_wrap .point2 .inner_wrap{

	padding: 50px 5%;
	margin: 50px 0 50px;
	
}
	
#magnet .item_wrap .point2 .inner{
	display:block;
	
}
	


#magnet .item_wrap .point2 .inner-txt{
	width:/*50%*/100%;

}

/*#magnet .item_wrap .point2 .inner p,
	#magnet .item_wrap .point2 .inner .image {
		width: 100%;
		margin-bottom: 20px;
	}*/

	
	

#magnet .item_wrap .point2 .inner .image{
	width:/*48%*/100%;
}
#magnet .item_wrap .point2 .inner-txt li.title{
	font-size: 18px;
}

#magnet .item_wrap .point2 .inner-txt p{
	width: 100%;
	display: block;
}

#magnet .item_wrap .point2 .inner-txt li.e {
    margin:0px;
}

	
}

@media only screen and (max-width:460px) { 
	#magnet .item_wrap .point2 h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}

	#magnet .item_wrap .point2 .index {
		margin: 0 auto 20px;
	}

}




#magnet .item_wrap .spec-iron-bg{
	background-color: #eee;
	padding: 50px 0;
}




#magnet .item_wrap .st-reco .box ul li {
    background: url(../../../img/item/magnethairpro/st/st/icon.jpg) no-repeat;
    padding-left: 30px;
    font-size: 18px;
    margin: 10px 0;
}