@charset "UTF-8";
/* CSS Document */

header#slider {
    width: 100%;
    height: 500px !important;
	text-align: center;
	position: relative;
}

.detail h2{
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	margin-bottom: 50px;
	color: #x4c4948;
	position: relative;
}

.detail h2 .ruby{
	display: block;
	text-align: center;
	font-size: 20px;
	margin-top: 10px;
	font-family: house-script, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
}

.detail h2 .ruby img{
	width: 100%;
	height: 100%;
}

/*画面サイズが1400px以下の場合*/
@media screen and (max-width: 1400px) {
	header#slider {
		height: 400px;
	}
}

/*画面サイズが1200px以下の場合*/
@media screen and (max-width: 1200px) {

}

/*画面サイズが1000px以下の場合*/
@media screen and (max-width: 1000px) {
	
}

/*画面サイズが680px以下の場合*/
@media screen and (max-width: 680px) {
	header#slider{
		height: 400px!important;
	}

}


/*画面サイズが600px以下の場合*/
@media screen and (max-width: 600px) {

}

/*画面サイズが560px以下の場合*/
@media screen and (max-width: 560px) {

}

/*画面サイズが480px以下の場合*/
@media screen and (max-width: 480px) {

}

/*画面サイズが400px以下の場合*/
@media screen and (max-width: 400px) {

}