@charset "utf-8";

/* 共通
------------------------------------------------------------*/
body {
	color: #292929;
	font-size:16px;
	line-height:155%;
	letter-spacing:1px;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll;
	text-align:center;
}

a		{ color:#292929; text-decoration: underline; }
a:hover { color:#e60012; }

p {
	display:block;
	margin:0 0 20px;
}
hr {
	height: 0;
	margin: 25px 0;
	padding: 0;
	border: 0;
	border-top: 7px dotted #9cc828;
}

img { max-width:100%; }
.imgBorder { border:1px solid #eee !important; }


/* アニメーションボタン */
a.AnimeBtn {
	display: inline-block;
	text-indent:0 !important;
	padding:0 5px;
	font-size:85%;
	font-weight:bold;
	line-height:145%;
	text-align: center;
	text-decoration: none;
	outline: none;
	position: relative;
	z-index: 2;
	background-color: #06b4d9;
	border: 2px solid #06b4d9;
	color: #fff;
}
a.AnimeBtn::before,
a.AnimeBtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #06b4d9;
}
a.AnimeBtn,
a.AnimeBtn::before,
a.AnimeBtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a.AnimeBtn:hover {
	background-color: #fff;
	border-color: #333;
	color: #333 !important;
}
a.AnimeBtn::before {
	right: 0;
}
a.AnimeBtn::after {
	left: 0;
}
a.AnimeBtn:hover::before,
a.AnimeBtn:hover::after {
	width: 0;
	background-color: #333;
}

/* 全体
------------------------------------------------------------*/
#wrapper{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
.inner{
	display:block;
	width:800px;
	margin:100px auto;
/*	padding:50px 50px;
*/	background:#FFF;
	padding:50px 0;
}

.logo { width:500px; }

h1, h2 {
	position: relative;
	display:block;
	padding-bottom:10px;
	margin: 50px 0 40px;
	text-align: center;
	font-size:155%;
	letter-spacing:3px;
	color:#000;
}
h1:before, h2:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 10%;
	height: 8px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
	border-radius: 4px;
}

.DetailBox{
	display:block;
	border:1px solid #000;
	border-radius: 7px;
	padding:30px 30px 10px;
	margin:0 auto 40px;
}

.DetailBoxInfo{
	display:block;
	padding:30px 20px 10px;
	margin:0 auto 40px;
	text-align:left;
	letter-spacing:0;
	line-height:165%;
}

@media screen and (max-width: 900px) {
	.inner { width:90%; padding:40px 30px; }
}
@media only screen and (max-width:899px){
}
@media only screen and (max-width:640px){
	.inner{ padding:40px 20px; }
	h1, h2{font-size:135%;letter-spacing:0;}
	p {font-size:95%;}

}
@media only screen and (max-width:480px){
	.inner { width:90%; }
}