body,html {
	font-size: 14px;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #313131;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
	background-color: #fff8dc;
}

/* 基本設定 */
.container {
	max-width: 760px;
	padding: 0;
}
section {
	margin-bottom: 60px;
}

/* テキストaリンクスタイル*/
a.link:link    { text-decoration: underline;}
a.link:visited { text-decoration: underline;}
a.link:hover   { text-decoration: none;}
a.link:active  { text-decoration: none;}

/* マウスオーバーで「透過」する */
.opacity:hover {opacity: 0.9;}
.opacity:hover img {opacity: 0.9;}

.slide {
	background: #222222;
	text-align: center;
	max-width: 760px;
}
#topslide {
	text-align: center;
	margin: auto;
	width: 100%;	
}
.carousel-control-prev,
.carousel-control-next {
	background: #333333;
	opacity: 0.2;
	width: 6%;
}
a.carousel-control-prev span,
a.carousel-control-next span {
	padding: 10px;
}
.carousel-indicators li {
	background-color: #999999;
}

dl {
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 0;
}
dl:firstchild {
	border-top: 1px solid #CCC;
}
dl dt,
dl dd {
	padding: 10px 0;
}
dl dt {
	float: left;
	width: 13em;
}
dl dd {
	margin-left: 13em;	
	margin-bottom: 0;
}
.info {
	background: #ebebeb;
	padding: 30px;
}
.info h1 {
	font-size: 1.3em;
	margin-bottom: 0;
	text-align: center;
	letter-spacing: 1px;
}
.info dl {
	border-color: #545454;
}
.info dl dt {
	margin-bottom: 5px;
}
.info .text-secondary dt,
.info p {
	color:#000;
}
.info .invalid-feedback {
	color: red;
}
.badge.badge-danger {
	padding-top: 4px;
}
span.badge-danger {
	margin-right: 5px;
}


/* footer */
footer {
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
}
address {
	padding: 15px 0;
	line-height: 1.4em;
	border-top: 1px solid #CCC;
	margin-top: 10px;
}
footer ul {
	text-align: center;
	margin: auto;
	padding: 0;
}
footer ul li {
	display: inline-block;
}
footer ul a {
	color: #545454;
}
.totop a {
	display: block;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* modal */
.modal h1 {
	font-size: 1.5em;
	margin-bottom: 0;
}
.modal-body {
	background: #EEEEEE;
}
.modal-body .category {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 30px 15px;
}
.modal#act .category {
	padding-top: 0;
	padding-bottom: 0;
}
.modal#privacy p {
	margin-bottom: 40px;
}
.modal#privacy p.title {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 15px;
	line-height: 1.6em;
}
p.title span {
	border-bottom: 2px solid #666666;
}

