@charset "UTF-8";

html {
	font-family: sans-serif;
}
html * {
	box-sizing: border-box;
}
body {
	margin: 0 0 0 0;
	background-color: #fff;
}
.wrapper {
	margin: 0 auto 0 auto;
	max-width: 800px;
}

/*  文字サイズ - */
h2 {
	font-size: 18px;
	border-bottom: 3px dotted #d3d3d3;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
p {
	line-height: 1.6;
}


/*  -リンクの色 - */
a:link {
	color: #0000ff;
	text-decoration: none;
}
a:visited {
	color: #808080;
	text-decoration: none;
}
a:hover {
	color: #ff8000;
	text-decoration: none;
}
a:active {
	color: #ff8000;
	text-decoration: none;
}


/*  画像の伸縮 */
img {
	max-width: 100%;
	height: auto;
}

/*  【ヘッダー】タイトル画像 */
.logo {
	margin: 30px 0 20px 0;
	line-height: 0;
	text-align: center;
}
/*  【ヘッダー】ナビの上のライン点線画像 */
.nav ul {
	margin: 0 0 0 0;
	padding: 10px 15px 20px 15px;
	background-image: url(images/menu-bg_.png);
	background-repeat: repeat-x;
}
/*  【ヘッダー】メニューの横並び */
.nav li {
	display: inline;
	list-style-type: none;
	padding-right: 30px;
	font-size: 15px;
}

/*  【ヘッダー】ナビのリンクの色 */
.nav a:link {
	color: #0000ff;
	text-decoration: none;
}
.nav a:visited {
	color: #808080;
	text-decoration: none;
}
.nav a:hover {
	color: #ff8000;
	text-decoration: none;
}
.nav a:active {
	color: #ff8000;
	text-decoration: none;
}
/*  【フッター】ライン画像とコピーライト */
.footer {
	background-image: url(images/menu-bg_.png);
	background-repeat: repeat-x;
	margin-top: 10px;
	padding: 20px 15px 20px 15px;
	font-size: 12px;
	color: #000000;
}



/*  ＊トップページ＿絵と文字の横並び */
.main-item {
	display: flex;
	padding: 10px 40px;
}
.main-pict {
	margin-right: 40px;
	flex: 1 1 auto;
}
.main-text {
	flex: 0 0 270px;
}
/*  ＊トップページ＿トピックス */
.news-item {
	margin: 20px 0px;
	font-size: 15px;
}



/* ＊本舗・練習帳のテーブル */
.table {
	border-collapse: collapse;
	margin: 5px 0px 5px 0px ;
}
.table td {
	padding: 5px;
	vertical-align: top;
	text-align: center;
}
/* ＊プロフィール */
.self {
	margin: 30px 0px 30px 0px ;
}
/* ＊受賞 */
.win {
	margin: 30px 0px 10px 0px ;
}
/*  ＊お仕事（工事中） */
.kouji {
	margin: 20px 0 30px 0;
	line-height: 0;
	text-align: center;
}
/* ＊その他受賞 */
.etc {
	border-collapse: collapse;
	margin: 5px 0px 5px 0px ;
}
.etc td {
	padding: 5px;
	vertical-align: top;
	font-size: 13px;
	text-align: center;
}





/* スマホ向けCSS */
@media (max-width: 767px) {
	.wrapper {
		margin: 0 8px;
	}
	.logo {
		margin: 15px 0;
	}
	.logo img {
		width: 200px;
	}
	.nav {	
		background-color: #ffffff;
	}
	.nav li {
		display: block;
	}


	/* トップページ＿絵と文字の横並び解除 */
	.main-item {
		display: block;
	}
	.main-pict {
		margin-right: 0px;
		width: 100%;
	}
	.main-text {
		width: 100%;
	}

}





[EOF]