@charset "UTF-8";

#main-visual{
	position:relative;
}
#main-visual img{
	width:100%;
	height:auto;
	display:block;
	margin-right:0;
}

#contents h2{
	margin-top:8%;
	margin-bottom:3%;
}
#outline{
	margin-bottom:60px;
}
#outline h2 {
    margin-top: 8%;
    font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝B" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    line-height: 1;
}
.dress-list{
	width:45%;
	margin:0 2.5% 40px;
	float:left;
	position:relative;
}

.dress-list img,.dress-list a{
	display:block;
	width:100%;
}

.dress-list h3{
	font-size:28px;
	font-weight:normal;
}
/* //////////////////////////////////1000px以下の時////////////////////////////// */
@media screen and (max-width:1000px){


}



/* /////////////////////////////////764px以下の時//////////////////////////////// */
@media screen and (max-width:764px){
	#outline h2{
		font-size:28px;
		line-height:1.5;
	}
	#outline h3{
		font-size:20px;
		line-height:1.3;
	}
	.dress-list{
		float:none;
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}

/* /////////////////////680px 以下のスタイル//////////////// */
@media screen and (max-width:680px){

}
/* /////////////////////480px 以下のスタイル//////////////// */
@media screen and (max-width:480px){
	.dress-list{
		width:100%;
	}
}