@charset "UTF-8";

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

#contents h2{
	margin-top:8%;
}
#outline{
	margin-bottom:60px;
}
#outline h2 {
    margin-top: 8%;
	margin-bottom:6%;
    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;
}
#outline ul li{
    float: left;
    width: 20%;
    margin: 2.5%;
    overflow: hidden;
}
#outline ul li a,#outline ul li img{
	display:block;
	width:100%;
}
.odekake{
	display: inline-block;
    padding: 2px 5px;
    background: #55acee;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
	font-size:11px;
}
.new-item{
	display: inline-block;
    padding: 2px 5px;
    background: #d60c70;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
	margin-right:4px;
	font-size:11px;
}
/* //////////////////////////////////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){
	#outline ul li{
    	width: 40%;
    	margin: 5%;
	}
}