/*
Template:iconic-one
Theme Name:Original_child
*/

@import url('../iconic-one/style.css');

/*全体*/
body.custom-background{
	background-color: #E0E0E0!important;
}
.site {
	
	background:#E0E0E0;
}
.site-content article{
	border:none;
}
.io-title-description,
.themonic-nav{
	display:none;
}
.site-header{
	border:none;
	background:none;
}

.wrapper{
	border:none;
}
footer[role="contentinfo"]{
	border:none;
	background:none;
}

.entry-header{
	display:none;
}
.site-content{
	padding-top:0px;
}
/*logout*/
.logout_form{
	display:inline-block;
	
}
.logout_form button[type="submit"]{
	color:white;background:none;
	border:none;
	latter-spacing:1px;
	font-size:14px;
	margin:20px;
}
/*menu top*/
#menuDiv{
	position:fixed;
	top:0px; left:0px;
	width:250px;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	z-index:10;
	transform:translateX(-100%);
	opacity:0;
	transition:transform 0.7s,opacity 0.8s;
	padding:10px;
}
#menuDiv_checkbox:checked + label + #menuDiv{
	transform:translateX(0);
	opacity:1;
}
#menuDiv_checkbox + label{
	position:fixed;
	top:0px; left:0px;
	display:inline-block;
	padding:5px;
	z-index:11;
	background:white;
	transition:transform 0.7s;
	cursor:pointer;
	font-size:40px;opacity:0.8;
}
#menuDiv_checkbox + label:before{
	font-family:"dashicons";
	content: "\f333";vertical-align:middle;
}
#menuDiv_checkbox:checked + label {
	transform:translateX(250px);

}
#menuDiv_checkbox:checked + label:before{
	content: "\f158";
}
#menuDiv li{
	list-style:none;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid white;
	padding-bottom:5px;
}
#menuDiv li a{
	font-size:18px;
	color:white;
}
#menuDiv li a:hover{
	text-decoration:none;
	color:#FCE4EC;
}
#menuDiv li form input[type="submit"]{
	color:white;
}
#menuDiv li:before{
	font-family:"dashicons";content: "\f139";
	font-size:18px;margin-right:5px;color:white;
}
#menuDiv form button[type="submit"]{
	border:2px solid white;cursor:pointer;
}
#menuDiv form button[type="submit"]:hover{
	background:#D32F2F;border-color:#D32F2F;
}
/*main*/
.main_top{
	
	text-align:center;
	
}
.main_top a{
	display:inline-block;vertical-align:middle;
	width:180px;
	height:100px;
	margin:20px;
	background:white;
	padding:15px;
	border-radius:5px;
	letter-spacing:1px;
	border:2px solid #00BFA5;
	color:#00BFA5;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.main_top a:hover{
	text-decoration:none;
	background:#00BFA5;
	color:white;
}
.main_top a:active{
	opacity:0.8;
}
@media screen and (max-width: 480px) {
	.main_top a{
		
	}
}
/*loginform*/
.loginformDiv{
	
	margin-top:80px;
	text-align:center;
	background:white;
	border-radius:5px;
	padding:10px;
}
.loginformDiv h1{
	font-size:28px;
}
#loginform{
	display:inline-block;
	margin:20px auto;
}
#loginform p{
	margin-bottom:15px;font-size:20px;
}
#loginform label{
	display:block;text-align:left;
	margin-bottom:5px;
}
#loginform input[type="text"],
#loginform input[type="password"]{
	font-size:18px;
	
}
#loginform input[type="submit"]{
	background:#304FFE;
	color:white;
	font-size:20px;
	padding:10px;margin:20px;
	border-radius:5px;
	border:none;
	letter-spacing:1px;
}
/*ajaxくるくる*/
#overlay{ 
  position: fixed;
  top: 0;left:0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}


/*右html*/
.rightHtml{
	position:fixed;
	top:0px;
	right:0px;
	width:80%;
	height:100%;
	padding:10px;
	z-index:1;
	transform:translateX(100%);
	transition:transform 0.7s;
	background:#ccc;
	overflow-y:scroll;
	
}
.rightHtml li{
	list-style:none;
	background:white;
	margin-bottom:15px;
	padding:10px;
}
.haikei{
	display:block;
	position:fixed;
	top:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index:1;
	transform:translateX(100%);
	transition:transform 0.7s;
	background-color: rgba(0,0,0,0.6);
}
#rightHtml_checkbox{
	display:none;
}
#rightHtml_checkbox:checked + .rightHtml{
	transform:translateX(0);
	z-index:3;
}
#rightHtml_checkbox:checked + .rightHtml + .haikei{
	transform:translateX(0);
	z-index:2;
}
/*mail*/
.entry-content .mailDiv{
	background:white;padding:5px;
	border-radius:5px;
}
.entry-content .Htitle{
	text-align:center;
}