@charset "utf-8";
/*
Theme Name: ocas-child
Theme URI: http://ocas.biz
Template: ocas
Description: 
Author: ocas.biz
Tags: 
Version: 0.1.0
*/

body{
	color:#333;
}

/* header */
#headerInner{
	position:relative;
	overflow:hidden;
}
#header #site-title{
	padding-bottom:0;
}

/* menu */
#gMenu{
	position:absolute;
	max-width:300px;
	right:0;
	bottom:0;
	border:none;
}
#gMenu .menu{
	border:none;
}
#gMenu .menu li{
	border-bottom:solid 1px transparent;
}
#gMenu .menu li.current_page_item > a, #gMenu .menu li > a:hover{
	background-color:transparent;
}
#gMenu .menu li a{
	padding:5px 10px;
}
#gMenu .menu > li > a{
	border:none;
}
#gMenu .menu li.current_page_item,#gMenu .menu li:hover{
	border-bottom:solid 1px #ccc;
}

@media(max-width:769px){
#gMenu{
	position:inherit;
	float:right;
	margin-top:20px;
}
#gMenu .menu li{
	width:auto;
	overflow:visible;
	display:inline-block;
}
}

/* main */
h1{
	line-height:1.7;
}
h2{
	border:none!important;
}
h3{
	border:none!important;
	color:#F00!important;
	padding:2px 0 0 0!important;
	text-decoration:underline;
}
#main #container{
	padding-top:15px;
}

span.m{
	color:#ff00ff;
}
span.r{
	color:#ff0000;
}
span.u{
	text-decoration:underline;
}
span.b{
	font-weight:bold;
}

.content ol{
	margin:0 0 20px 20px;
}
.ma a{
	color:#ff00ff;
	font-size:230%;
	margin-right:23px;
	text-decoration:none;
}
.ma a:hover{
	text-decoration:underline;
}
.bb{
	max-width:400px;
	overflow:hidden;
}
.bb dl{
}
.bb dt{
	width:23%;
	float:left;
	color:#333;
}
.bb dd{
	width:77%;
	float:left;
}
.bb a{
	text-decoration:none;
	color:inherit;
}

.ocas{
	position:relative;
}
.ocas-t{
	position:absolute;
	background:rgba(255,255,255,0.6);
	top:50px;
	right:50px;
	width:400px;
	padding:20px;
	box-sizing:border-box;
	height:400px;
	overflow:auto;
}
@media(max-width:969px){
.ocas-t{
	height:40vw;
}
}
@media(max-width:769px){
.ocas-t{
	position:initial;
	width:inherit;
	height:inherit;
}
}
#name{
	display:inline-block;
	margin-right:20px;
	padding:0 5px;
}
#name2{
	display:inline-block;
	padding:0 5px;
}
#name3{
	display:inline-block;
	padding:0 5px;
}

/* footer */
#footer #footerInner #copy{
	text-align:center;
}
#footer #footerInner #copy a{
	text-decoration:none;
}
#footer #footerInner #copy a:hover{
	text-decoration:underline;
}