html{
	min-height: 100%;
    position: relative;
	font-family: 'Avenir','Helvetica neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  	font-weight: 300;
  	font-size: 15px;
  	line-height: 1.5;
}
img{
	width: 100%;
}
header{
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
	margin-bottom: 50px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
	background: #000;
}
header .inner{
	position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    min-height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position: relative;
}
header .cp_logo{
    text-align: left;
	max-width: 147px;
	position: relative;
}
header .ico_radiko{
	width: 50px;
    height: 50px;
	margin: 0;
    position: absolute;
    top: 10px;
    right: 70px;
}
header .ico_radiko a{
	cursor: pointer
}
header .navBtn{
	display: block;
    width: 30px;
    height: 20px;
    padding: 15px 10px;
	margin: 0;
	color: #ff0000;
    background: #f8f8f8;
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
}
header .navBtn span{
	display: block;
    height: 4px;
    width: 100%;
    background: #ff0000;
    border-radius: 2px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
header .navBtn span:nth-of-type(2),
header .navBtn span:nth-of-type(3){
    margin-top: 4px;
}
header.navOpen .navBtn span:nth-of-type(1) {
    -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
    -ms-transform: translateY(9px) translateX(0) rotate(45deg);
    transform: translateY(9px) translateX(0) rotate(45deg);
}
header.navOpen .navBtn span:nth-of-type(2) {
    margin-top: 5px;
    opacity: 0;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
}
header.navOpen .navBtn span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
    transform: translateY(-8px) translateX(0) rotate(-45deg);
}
header.navOpen .navBtn{
	z-index: 10000;
    position: fixed;
    right: 262px;
}
header nav{
	overflow: auto;
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: 9999;
}
header.navOpen nav{
	opacity: 1;
    right: 0;
}
header nav ul{
	border-top: 1px solid #ccc;
}
header nav li{
	border-bottom: 1px solid #ccc;
    font-size: .88492em;
	text-align: center;
}
header nav li a{
	position: relative;
    display: block;
    padding: 1em;
    color: #000;
    text-decoration: none;
}
header nav li a::before{
	position: absolute;
    top: 50%;
    right: 1.5em;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 3px solid #ff0000;
    border-right: 3px solid #ff0000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#contents {
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}
.overlay{
	position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    z-index: 999;
}
section{
	margin-bottom: 50px;
}
footer{
    width: 100%;
    min-height: 60px;
	margin: 0 auto;
	text-align: center;
    background: #000000;
}
footer .inner{
	max-width: 1000px;
    margin: 0 auto;
    padding: .5em;
}
footer .cp_foot img{
	max-width: 100px;
}
footer .copyright{
	font-size: 8px;
    color: #fff;
    padding: .4em 0;
}
/* ページトップへ戻るボタン */
#go_top{
  width:30px;
  height:20px;
  position: fixed;
  margin: 0 auto;
  right: 0px;
  bottom: 10px;
  padding: 0;
  z-index: 9999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease; 
}
#go_top a{
    display: block;
    display: inline-block;
    font: 18px Genericons;
    color: #fff;
}
.genericon-collapse::before{
    content: '\f432';    /* top_arrow */
    background: rgba(0,0,0, 0.5);
    padding: 6px;
}
@media screen and (max-width: 800px) {
	#contents{
		width: 92%;
	}
}