/*このファイルでは、基本のスタイリングを決めています*/
/*スマートフォン用レイアウトです。PC向けの調整は下部にまとまっています。*/

a:link, a:visited {
	color: gray;
	font-weight: bold;
}

a:hover {
	color: dimgray;
	background-color: #e3e3e3;
	transition-duration: 0.3s;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 15px;
}

/*画像が画面の横幅を溢れないようにする*/
img {
	width: 100%;
}

p {
	font-size: 13px;
}

.footer {
	text-align: center;
	padding:1.2em;
	margin: 0;
	border-top: 2px #dedede solid;
}

iframe {
	width:100%;
	margin: 0;
	padding: 0;
}

/*以下メインメニュー*/ 
.menu img {
	width:180px;
}

.menu ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0;
	padding: 0.4em 0;
	border-bottom: 2px solid #dedede;
}

.menu:nth-of-type(2) {
	margin-bottom: 1em;
}

.menu li {
	list-style: none;
	margin: 0 0.5em;
}

.menu a {
	font-weight: normal;
}


/*ここから下は、PC表示用のレイアウト調整です。*/
@media screen and (min-width:906px) {
	body {
		width: 900px;
		margin: 0 auto;
		padding: 0.4em 0;
	}
}