@charset "UTF-8";

/* すべてのWebページに適用される */
html {
	font-family: sans-serif;
}
html * {
	box-sizing: border-box;
}
body {
	margin: 0 0 0 0;
	background-color: #ffffff;
}
h2 {
	font-size: 20px;
}
.wrapper {
	margin: 0 auto 0 auto;
	max-width: 960px;
}
img {
	max-width:100%;
	height: auto;
}
.gospel {
	border-left: 3px solid #3f5170;
	padding-left: 10px;
}

.photo {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-bottom: 3px dotted #3f5170;	
}


.border {
	border: 2px solid #009bc6;
	box-shadow: 0 0 15px 0 #7acbe1;
}
.picture {
	float: left;
	padding: 0 1em;
}
.clear {
	clear: both;
}
.dotted {
	border-bottom: 3px dotted #3f5170;	
}
h3{
	text-align: center;
}
.button {
	font-size: 1rem;
	background: #1760a0;
	color: #fff;
	border-radius: 5px;
	padding: 2px 20px;
	text-decoration: none;
	margin: 20px;
}
.button:hover {
	background: #b50099;
}

/* スマートフォン向けCSS */
@media (max-width: 767px) {
/* 全体 - ナビゲーション */
.wrapper {
	margin: 0 8px;
}
.picture {
	margin-left: 0;
	width: 100%;
	padding: 0 7em;
}
.button {
	margin: 10px;
}
}