@charset "utf-8";

body{
　　font-family: "Noto Sans", sans-serif;	font-size: 17px;
	overflow-x: hidden;
	color: #000;
}

a{
	color: #333;
	text-decoration: none;
}

a:hover, .active{
  opacity:0.5;
}

a:active, a:focus,input:active, input:focus{
	outline:0;
	text-decoration:none;
	}


img {
  max-width: 100%;
  height: auto;
}


.inner{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}


/* hrader
--------------------------------------------*/
header{
	width: auto;
	height: 90px;
	background-color:#000;
	margin:0 auto 0px;
	border-bottom:1px solid #CCCCCC;
}
header .inner{
	width: 95%;
	height:auto;
	display: block;
	vertical-align:center;
}

header h1{
	width: 350px;
	position:absolute;
	top:23px;
	left:300px;
}

header .tday{
	font-family:"Noto Sans JP";
	padding-top: 27px;
	padding-left: 10px;
	color:#fff;
}

header .tday img{
	width: auto;

}


header .day{
	font-size: 25px;
	padding-top: 18px;
	}


/* バナー
--------------------------------------------*/

#banner{

	}


a.cp_btn {
position: relative;
display: block;
width: 250px;
padding: 0.8em;
text-align: center;
border: 3px solid #9C27B0;
text-decoration: none;
outline: none;
transition: all .4s;
margin-right: auto;
margin-left: auto;
}
a.cp_btn::before,
a.cp_btn::after {
position: absolute;
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
z-index: 2;
content: '';
transition: all .4s;
}
a.cp_btn::before {
border-top: 3px solid #FF5722;
border-bottom: 3px solid #FF5722;
transform: scale(0, 1);
}
a.cp_btn::after {
border-right: 3px solid #FF5722;
border-left: 3px solid #FF5722;
transform: scale(1, 0);
}
a.cp_btn:hover {
color: #FF5722;
}
a.cp_btn:hover::after,
a.cp_btn:hover::before {
transform: scale(1);
}

/* footer
--------------------------------------------*/
footer{
	width: auto;
	padding-top: 10px;
	background-color: #000;
	margin-top: 50px;
}


footer .inner{
	 width: auto;
     margin-right: auto;
	 margin-left: auto;
}

footer .copy{
	text-align:center;
	color: #fff;
	font-size: 0.8em;
}



/* レスポンシブ 設定
--------------------------------------------*/

@media only screen and (max-width:768px) {
	body{
		font-size: 15px;
	}
	
}