@charset "UTF-8";

/* ==================
共通
================== */

h1 {
	background: #000;
	color: #fff;
	font-size: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4em;
	text-align: center;
	padding: 16px 0;
}

h2 {
	background: #000;
	color: #fff;
	font-size: 22px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.4em;
	text-align: center;
	margin-top: 40px;
	padding: 16px 0;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 0;
}

.sec-header li a {
	color: #fff;
	font-size: 16px;
}

@media screen and (max-width:350px) {
	h1,
	h2,
	h3,
	.sec-header li a {
		font-size: 95%;
	}
}

p {
	font-size: 16px;
	text-align: justify;
}

p.text-center {
	text-align: center;
}

p.caption-lead {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 0 0 3px;
	padding: 3px 0 1px;
}

p.caption {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

p span.color {
	margin-right: 3px;
}

img.first {
	margin: 0;
}

.footer p {
	text-align: center;
}

.name-logo {
	box-sizing: border-box;
	width: 30%;
	margin: 20px auto 10px;
}

.sec-header ul {
	overflow: hidden;
	text-align: center;
}

.sec-header li {
	float: left;
	background: #000;
	box-sizing: border-box;
	width: 33.333%;
	border: 1px solid #fff;
	padding: 14px 0;
}

@media screen and (max-width:600px) {
	.sec-header li {
		box-sizing: border-box;
		width: 50%;
	}
	.sec-header li:last-child {
		box-sizing: border-box;
		width: 100%;
	}
}

li img {
	margin-top: 20px;
}

.inner {
	padding-bottom: 0;
}

@media screen and (min-width:635px) {
	.wrapper {
		box-shadow: #bbb 2px 0px 10px;
	}
}

/* ==================
新古今 .shinkokin
================== */

.shinkokin {
	background: #f5f2e9;
}

.shinkokin h1,
.shinkokin h2 {
	background: #604c3f;
}

.shinkokin h3 {
	color: #604c3f;
}

.shinkokin .sec-header li {
	background: #be5b90;
}

.shinkokin .sec-header li:hover {
	background: #ff7bc1;
}

.shinkokin p span.color {
	color: #be5b90;
}

/* 微調整 */
.shinkokin .sec3 h3 {
	padding-top: 0;
}

/* ==================
Levante .levante
================== */

.levante {
	background: #fbe8dc;
}

.levante h1,
.levante h2 {
	background: #ed6d1f;
}

.levante h3 {
	color: #ed6d1f;
}

.levante .sec-header li {
	background: #a48b78;
}

.levante .sec-header li:hover {
	background: #ffd8bd;
}

.levante p span.color {
	color: #a48b78;
}

/* 微調整 */
.levante .sec3 h3 {
	padding-top: 0;
}

@media screen and (max-width:370px){
	.levante .sec4 h3 {
		font-size: 90%;
	}
}
/* ==================
木の香 .kinoka
================== */

.kinoka {
	background: #d6ecdf;
}

.kinoka h1,
.kinoka h2 {
	background: #009944;
}

.kinoka h3 {
	color: #009944;
}

.kinoka .sec-header li {
	background: #ef845d;
}

.kinoka .sec-header li:hover {
	background: #ffbda9;
}

.kinoka p span.color {
	color: #ef845d;
}

/* 微調整 */
.kinoka .sec3 h3 {
	padding-top: 0;
}

/* ==================
ciao! .ciao
================== */

.ciao {
	background: #d6ecdf;
}

.ciao h1,
.ciao h2 {
	background: #60a048;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.ciao h3 {
	color: #60a048;
}

.ciao .sec3 h3 {
	font-size: 20px;
}

.ciao h4 {
	background: #899295;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	box-sizing: border-box;
	width: 20%;
	border-radius: 3px;
	margin: 0 auto;
}

.ciao p span.color {
	color: #b8d0a0;
}

.ciao .sec4 p.caption-lead {
	border: none;
}

.ciao .sec-header li {
	float: left;
	background: #b8d0a0;
	box-sizing: border-box;
	width: 25%;
	border: 1px solid #fff;
	padding: 14px 0;
}

.ciao .sec-header li:hover {
	background: #e5ffc7;
}

@media screen and (max-width:600px) {
	.ciao .sec-header li {
		box-sizing: border-box;
		width: 50%;
	}
}


/* ==================
ROCKY .rocky
================== */

.rocky {
	background: #eee;
}

.rocky .bg {
	background-image: url("../../images/lineup/rocky-bg.jpg");
	background-repeat: repeat;
}


.rocky p.en {
	color: #fff;
	font-size: 32px;
	font-family: 'Stardos Stencil', cursive;
	line-height: 1em;
	text-align: center;
	margin: 0;
	padding: 20px 0 0;
}

.rocky h1,
.rocky h2 {
	background: #2c1f0d;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.rocky h3 {
	color: #fff;
	padding: 0;
	
}

.rocky p {
	color: #fff;
}

.rocky p.caption-lead{
	border-bottom: 1px solid #fff;
}

.rocky .sec-header li {
	background-image: url("../../images/lineup/rocky-bg.jpg");
	background-repeat: repeat;
}

.rocky .sec-header li:hover {
	opacity: 0.7;
}

.rocky p span.color {
	color: #ddd;
}

@media screen and (max-width:380px) {
.rocky .sec1 h2 {
	font-size: 20px;
	}
}

@media screen and (max-width:350px) {
	.rocky .sec1 h2 {
		font-size: 16px;
	}
}

.rocky .sec2-2 img {
	margin-top: 12px;
}

.rocky .footer p {
	color: #000;
}