@charset "UTF-8";

p,h1,h2,h3,h4,ul {
	margin: 0;
	padding: 0;
}
#tab-2{
	display: none;
}
/*== PC
==========================================================================================*/
@media screen and (min-width: 1024px) {

	.pc_none {
		display: none;
	}

#sp_contact,.sp_menu{display:none;}
#contents{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:70px;
	padding-bottom:100px;
	}
#header {
	border-bottom:1px solid #ccc;
}

	.fv {
		margin: -50px auto 80px;
	}

	.fv h2 {
		padding: 20% 20% 20% 50%;
		background: url(img/enchanter_fv01.jpg) no-repeat right;
		background-size: cover;
	}
	.intro {
		text-align: center;
		margin: 0 0 100px;
	}
	.enchanter_list{
		
	}
	.enchanter_list .wedding_dress{
		padding: 0 0 90px;
		
	}
	.enchanter_list .color_dress{
		padding: 60px 0 55px;
		margin: 0 0 60px;
		background-color: #fffafb;
		
	}
	.enchanter_list h3.ttl {
		text-align: center;
		margin: 0 0 40px;
	}
	.enchanter_list h3.ttl span{
		color: #d47b8f;
		display: block;
		margin: 15px 0 0;
		font-weight: normal;
	}
	.enchanter_list .list_box{
		width: 1020px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.enchanter_list .list_box:after{
    content:"";
    display:block;
    width: calc((100% - 60px) / 3);
    height:0;
  }
	.enchanter_list .list_box >li{
		width: calc((100% - 60px) / 3);
		margin: 0 0 30px;
	}
		.enchanter_list .list_box >li figure{
		margin: 0;
	}
	.enchanter_list .list_box >li .img{
		width: 320px;
		height: 380px;
		margin: 0 0 15px;
	}
	.enchanter_list .list_box >li .img img{
		width: 100%;
	}
	.enchanter_list .list_box figcaption .ttl{
		font-size: 24px;
		color: #dac069;
		font-weight: normal;
		margin: 0 0 10px;
	}
	.enchanter_list .list_box figcaption .ttl span{
		font-size: 16px;
		margin: 0 0 0 5px;
		display: inline-block;
		vertical-align: middle;
	}
	.enchanter_list .list_box figcaption p{
		font-size: 13px;
	}
	
	/*カラードレス*/
	.enchanter_list .color_dress .list_box figcaption .ttl{
		font-size: 24px;
		color: #e07690;
		font-weight: normal;
		margin: 0 0 10px;
	}
	.enchanter_list .color_dress .list_box figcaption .ttl span{
		font-size: 16px;
		margin: 0 0 0 10px;
		display: inline-block;
		vertical-align: middle;
	}
	.contact {
		width: 325px;
		margin: 0 auto 100px;
		border: 1px solid #d47b8f;
		text-align: center;
	}

	.contact a {
		display: block;
		padding: 20px 0;
		color: #d47b8f;
		font-size: 14px;
		transition: all 0.4s;
	}

	.contact a:hover {
		background-color: #d47b8f;
		color: #fff;
	}

}


/*== SP ここから
==========================================================================================*/

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

	.sp_none {
		display: none;
	}

#header {
	border-bottom:1px solid #ccc;
}
#contents{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	}

	.fv {
		width: 100%;
		margin: -20px 0 0 0;
	}

	.fv h2 {
		padding: 50% 15% 8%;
		background: url(img/enchanter_fv01.jpg) no-repeat top;
		background-size: contain;
		text-align: center;
	}

	.fv h2 img {
		width: 100%;
	}

	.intro {
		text-align: center;
		margin: 0 0 60px;
	}
	.enchanter_list{
		
	}
	.enchanter_list .wedding_dress{
		padding: 0 0 40px;
		
	}
	.enchanter_list .color_dress{
		padding: 50px 0 40px;
		margin: 0 0 60px;
		background-color: #fffafb;
		
	}
	.enchanter_list h3.ttl {
		width: 60%;
		text-align: center;
		margin: 0 auto 30px;
	}
	.enchanter_list h3.ttl img{
		width: 100%;
	}
	.enchanter_list h3.ttl span{
		color: #d47b8f;
		display: block;
		margin: 15px 0 0;
		font-weight: normal;
	}
	.enchanter_list .list_box{
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.enchanter_list .list_box >li{
		width: calc((100% - 15px) / 2);
		margin: 0 0 20px;
	}
	.enchanter_list .list_box >li figure{
		margin: 0;
	}
	.enchanter_list .list_box >li .img{
		margin: 0 0 10px;
	}
	.enchanter_list .list_box >li .img img{
		width: 100%;
	}
	.enchanter_list .list_box figcaption .ttl{
		font-size: 18px;
		color: #dac069;
		font-weight: normal;
		margin: 0 0 10px;
	}
	.enchanter_list .list_box figcaption .ttl span{
		font-size: 14px;
		display: inline-block;
		margin: 8px 0 0;
	}
	.enchanter_list .list_box figcaption p{
		font-size: 13px;
	}
/*カラードレス*/
		.enchanter_list .color_dress .list_box figcaption .ttl{
		font-size: 18px;
		color: #e07690;
		font-weight: normal;
		margin: 0 0 15px;
	}
	.enchanter_list .color_dress .list_box figcaption .ttl span{
		font-size: 14px;
		display: inline-block;
		margin: 8px 0 0;
	}
		.contact {
		width: 90%;
		margin: 0 auto 60px;
		border: 1px solid #d47b8f;
		text-align: center;
	}

	.contact a {
		font-size: 12px;
		display: block;
		padding: 10px 0;
		color: #d47b8f;
		transition: all 0.4s;
	}
}
@media screen and (max-width: 767px) {

}