@charset "UTF-8";


/* すべてのWebページに適用される */

html {

	font-family: sans-serif;

}

html * {

	box-sizing: border-box;

}

body {

	margin: 0 0 0 0;

	background-color: #eeece9;

}

.wrapper {

	margin: 0 auto 0 auto;

	max-width: 960px;

}

h2 {
	color: #3f5170;

	font-size: 22px;

	border-bottom: 3px dotted #3f5170;

	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;

	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

h4 {
	color: #ff00ff;

	font-size: 18px;

	margin-left: 2em;
}


p {
	line-height: 1.6;
}

a:link {
	color: #d25833;
}

a:visited {
	color: #d25833;
}

a:hover {
	color: #e3937a;
}

a:active {
	color: #ff6a3b;
}

img {

	max-width: 100%;

	height: auto;

}



/* すべてのページに適用 - ヘッダー - */

.logo {

	margin: 50px 0 40px 0;

	line-height: 0;
	text-align: center;

}

.nav li {

	display: inline;

	list-style-type: none;
	padding-right: 30px;

}

.nav ul {

	margin: 0 0 0 0;

	padding: 20px 10px 15px 20px;

	background-image: url(../images/menu2-bg.png);

	background-repeat: repeat-x;

}

.nav a:link {
	color: #3c454d;
	text-decoration: none;
}

.nav a:visited {
	color: #3c454d;
	text-decoration: none;
}

.nav a:hover {
	color: #7b8dac;
	text-decoration: none;
}

.nav a:active {
	color: #5a9bc0;
	text-decoration: none;
}

.nav2 li {
	display: inline-block;
/*	float: left;			*/
	list-style-type: none;
	padding-right: 30px;
}


/* すべてのページに適用 - フッター - */

.footer {

	background-image: url(../images/footer-bg.png);

	background-repeat: no-repeat;

	margin-top: 30px;

	padding: 80px 15px 20px 15px;

	font-size: 12px;

	color: #3f5170;

}


/* 個別のスタイル */

/* index.html */

.keyvisual {

	margin: 15px 0 0 0;
}

.news-item {

	margin: 0;

}


/* about.html */

.shop-photo {

	float: right;

	padding: 1em 1em 0 0;
	/* margin: 15px 0 0 0;		*/
}

.shihan_s-photo {

	float: right;

	margin-left: 1em;
}

.shihan_t-photo {

	float: right;

	margin-left: 1em;
}

.shihan-photo {

	float: left;

	margin-right: 1em;
	flex: 1 1 auto;

}

.memory-photoL {

	float: left;

	margin-right: 1em;
	flex: 1 1 auto;

}

.memory-photoR {

	float: right;

	margin-left: 1em;
	flex: 1 1 auto;

}

.clear {

	clear: both;

}
/* テーブル */
.info {

	border-collapse: collapse;

}

.info th, .info td {

	padding: 8px;

	border: 1px solid #bec2c7;

	text-align: left;

}

.info th {

	background-color: #dde2ea;

	width: 90px;

	color: #3f5170;

	vertical-align: top;

}


/* menu.html */

.menu-item {

	display: flex;

	border-bottom: 1px dashed #bec2c7;

	padding: 20px 8px;

}

.menu-photo {

	margin-right: 16px;

	flex: 1 1 auto;

}

.menu-text {

	flex: 0 0 336px;

}


/* access.html */

.map {

	text-align: center;
}


/* keiko.html */


/* スマートフォン向けCSS */

@media (max-width: 767px) {

	/* 全体 - ナビゲーション */

	.wrapper {

		margin: 0 8px;

	}

	.logo {

		margin: 30px 0;

	}

	.logo img {

		width: 200px;

	}

	.nav {
	
		background-color: #dfddda;

	}

	.nav li {

		display: block;

	}


	/* menu.html - 横並び解除 */

	.menu-item {

		display: block;

	}

	.menu-photo {

		margin-right: 0;

		width: 100%;

	}

	.menu-text {

		width: 100%;

	}


	/* contact.html - フォーム */

	select {

		width: 100%;

	}

	input[name="subject"] {

		width: 100%;

	}

	textarea {

		width: 100%;

	}

	input[type="submit"] {

		margin: 20px 0;

		width: 100%;

	}

}