/*
Theme Name: dk-base 2018
Theme URI: 
Version: 1.0
Author: Digital Kitchen
Author URI: https://dejikichi.com

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	CONTENT
	SIDE BAR
	FOOTER
	MISC
	Mobile
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html{
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.4;
	font-size:16px;
	font-family: "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
}
body{background-color:#fff;}
div#pageframe{}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a,
a:link {text-decoration:underline;}
a:visited {color:#00e;}
a:hover,
a:active {color:#ff8000;}
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active{
	display:flex;
	padding:0.6em 1em;
	border:2px outset #ccc;
	text-decoration:none;
	justify-content:center;
	align-items:center;
}
a.btn:hover,
a.btn:active{border-style:inset;}
a.membtn:link,
a.membtn:visited,
a.membtn:hover,
a.membtn:active{
	display:block;
	padding:1rem;
	border:3px solid #ccc;
	border-radius:0.4em;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:20px;
	min-width:30%;
}
a.membtn:hover,
a.membtn:active{color:#ff8000;}
a.membtn span{
	display:block;
	width:100%;
	border-bottom:4px solid #f00;
}
a.membtn:hover span,
a.membtn:active span{border-color:#ff8000;}
a img {border:none;}
a:hover img {opacity:0.7;}
input[type="email"],
input[type="text"]{font-size:1rem;padding:2px;max-width:100%;}
input[type="submit"]{font-size:1rem;padding:0.4em;}
select{font-size:1rem;padding:0.6em;}
select option{font-size:1rem;}
textarea{font-size:1rem;padding:0.4em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.pc_none,
.sp_none{display:none;}
.bottom_1em{margin-bottom:1em;}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright{float:right;}
.alignleft{float:left;}
ul.arrowpnt li{
	margin-bottom:0.6em;
	list-style-type:none;
}
ul.arrowpnt li:before{
	font-family: dashicons;
	content: "\f522";
	color:#ff7f00;
	margin-right:1em;
}
section,
article,
div{box-sizing:border-box;}
table{
	border-collapse: collapse;
	width:100%;
}
table th,
table td{
	padding:0.6em;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}
table.noborder,
table.noborder th,
table.noborder td{border:none;}
.imgtxtrow {
	display: flex;
	paddding: 1em;
	margin-bottom:1em;
}
.imgtxtrow *{
	flex:1 1 auto;
	margin:0.4em;
}
.imgtxtrow figure{flex:0 0 auto;}
.imgtxtrow dl dt{
	font-size:18px;
	font-weight:bold;
}
.titleh2 h2{
	border:1px solid #ccc;
	border-top:2px solid #ca0d07;
	border-top:2px solid #008c00;
	border-top:2px solid #0099ff;
	background: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
	padding:0.4em 2em;
	font-size:18px;
	font-weight:bold;
}


/*	HEADER
-------------------------------------------------
*/
header{
	width:100%;
	background: #ffffff;
	border-top:2px solid #ca0d07;
	border-top:2px solid #008c00;
	border-top:2px solid #0099ff;
	position:fixed;
	z-index:100;
}
.topdesc{
	background-color:#f5f5f5;
	font-size:small;
	--descmargin:calc(100% - 980px);
	padding: 4px calc(var(--descmargin) / 2);
}
.header_area{
	width:100%;
	max-width:980px;
	margin: 0 auto;
	display:flex;
	padding:1em 0;
	justify-content:space-between;
}
.header_area h1{}
.header_area .contact a:link,
.header_area .contact a:visited,
.header_area .contact a:hover,
.header_area .contact a:active{
	display:inline-block;
	padding: 1em 2em;
	font-size:18px;
	font-weight:bold;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	color:#333;
	text-decoration:none;
	border:2px solid #ccc;
	border-radius:6px;
}
.header_area .contact a:hover,
.header_area .contact a:active{
	color:#ff8000;
	border-color:#ff8000;
}
.navigations{
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #e6e6e6 0%,#ffffff 100%);
	border-top:2px solid #ca0d07;
	border-top:2px solid #008c00;
	border-top:2px solid #0099ff;
	border-bottom: 1px solid #ddd;
}
.navigations nav {
	width:100%;
	max-width:980px;
	margin:0 auto;
}
.navigations nav ul {
	display:flex;
	flex-flow:row nowrap;
	width:100%;
}
.navigations nav ul li {
	flex:1 1 auto;
	list-style-type:none;
	border-right:1px solid #ccc;
	margin:0;
}
.navigations nav ul li:first-of-type {border-left:1px solid #ccc;}
.navigations nav ul li a:link,
.navigations nav ul li a:visited,
.navigations nav ul li a:hover,
.navigations nav ul li a:active{
	text-indent:0;
	line-height:1;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	display:flex;
	flex-flow: column nowrap;
	justify-content:center;
	align-items:center;
	width:100%;
	padding:1em;
}
.navigations nav ul li a:hover,
.navigations nav ul li a:active{
	background: #fafafa;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
}
.sp_navigation{display:none;}



/*	CONTENT
-------------------------------------------------
*/

.contenth2 {
	padding-top: 180px;
	text-align:center;
}
.breadcrumbs{
	background-color:#E00;
	background-color:#008c00;
	background-color:#0099ff;
	color:#fff;
	padding:0;
}
.breadcrumbs a:link,
.breadcrumbs a:visited{color:#fff;}

.bread_wrap{text-align:right;}

.bread_wrap,
.contenth2 h2,
main{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:1em;
}
main div.flexwrap{display:flex;}
article.post,
article.category {
	width:100%;
	max-width:980px;
	padding:1em;
	margin:0 auto 1em auto;
	box-sizing:border-box;
}
#postname,
article.post .entry_wrap{
}

#postname{padding:1em 0;}
article.post h3,
article.category h3{
	border-left: 1em solid #0e489a;
	border-left: 1em solid #0099ff;
	padding-left:1em;
	margin-bottom:1em;
}
.entry {
	padding:0 1em 1em 1em;
	border-bottom:2px solid #ccc;
	margin-bottom:1em;
}
article.post .entry h3,
article.category .entry h3{
	border-left-style:none;
	border-bottom:2px solid #0e489a;
	border-bottom:2px solid #0099ff;

}
.entry p{margin-bottom:1em;}
.entry p.wp-caption-text,
.entry p.noindnt{text-indent:0;}
.postdate{
	text-align:right;
	background-color:#fff;
}
.post img,
.entry img{max-width:100%;height:auto;}
p.btnlink a:link,
p.btnlink a:visited,
p.btnlink a:hover,
p.btnlink a:active{
	display:inline-block;
	padding:0.4em 1em;
	background: #f0f0f0;
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e0e0 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e6e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e6e0e0 100%);
	color:#0e489a;
	border:2px solid #ccc;
	border-radius:4px;
	text-decoration:none;
	font-weight:bold;
}
p.btnlink a:hover,
p.btnlink a:active{
	background: rgb(224,224,224);
	color:#f90;
}



/*	post table
-------------------------------------------------*/

table{width:100%;}
table caption{padding:0.4em;font-weight:bold;}
table th,
table td{padding:0.6em;border:1px solid #ccc;}
table th{
	font-weight:bold;
	text-align:center;
}
table td{}
table td p{padding:0;margin:0;text-indent:0;}
table td ul,
table td ol{margin-left:1em;}
.entry table{margin-bottom:1rem;}



/*	post ol ul li
-------------------------------------------------*/
.entry ul,
.entry ol{margin-left:2em;}

.entry ul li,
.entry ol li{line-height:1.8;}
.entry ul li{
	font-family: FontAwesome;
	list-style-type:'\f054';
}
ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
}
 
ol.list_parentheses > li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
}
ol.list_parentheses > li:before{
  display: marker;
  content: counter(cnt) ") ";
}

/*	TOP
-------------------------------------------------*/
.topslider {
	padding-top: 180px;
	width:100%;
	background-color:#ca0d07;
	background-color:#008c00;
	background-color:#0099ff;
	padding-bottom:2px;
}
div.lbtn_area{
	padding:1em 0;
	background-color:rgba(178,240,255,0.5);
}
article.topcontents{
	display:flex;
	width:100%;
	max-width:980px;
	margin:0 auto;
	justify-content:space-around;
}
article.topcontents section{
	flex: 0 0 32%;
	padding:0 1em;
}
article.topcontents section a:link,
article.topcontents section a:visited,
article.topcontents section a:hover,
article.topcontents section a:active{
	display:block;
	padding:1em;
	width:100%;
	height:auto;
	border:3px solid #ccc;
	border-radius:0.4em;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	background-color:#fff;
}
article.topcontents section a:hover,
article.topcontents section a:active{background-color:rgba(255,255,240,1);}
article.topcontents section a span{
	display:flex;
	min-height:120px;
	border-bottom:4px solid #00ccff;
	padding-bottom:10px;
	justify-content:center;
	align-items:flex-end;
	background:transparent url(/outer_files/images/bgpict-seminor.png) top center no-repeat;
	font-size:18px;
}
article.topcontents section:nth-of-type(2) a span{background-image:url(/outer_files/images/bgpict-exam.png);}
article.topcontents section:last-of-type a span{background-image:url(/outer_files/images/bgpict-competitions.png);}
article.topcontents section a:hover span,
article.topcontents section a:active span{
	color:#ff8000;
	border-color:#ff8000;
}
main.frontpage {padding:1em 0;}
main.frontpage li{list-style-type:none;}
article.subcont {padding: 0;}
article.subcont ul{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
article.subcont ul li{flex: 0 0 32%;}
article.subcont ul li a:link,
article.subcont ul li a:visited,
article.subcont ul li a:hover,
article.subcont ul li a:active{
	display:block;
	padding:2rem 1rem 2rem 6rem;
	width:100%;
	height:auto;
	border:3px solid #ccc;
	border-radius:0.4em;
	text-decoration:none;
	color:#333;
	font-weight:bold;
	font-size:16px;
	background-image:url(/outer_files/images/bg-masters-logo.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0.4em;
}
article.subcont ul li:first-of-type a:link{background-image:url(/outer_files/images/bgpict-nljt-center.png);}
article.subcont ul li:last-of-type a:link{background-image:url(/outer_files/images/bgpict-members.png);}
article.subcont ul li a:hover,
article.subcont ul li a:active{color:#ff8000;}
article.subcont ul li a span{
	display:block;
	width:100%;
	border-bottom:4px solid #00ccff;
}
article.subcont ul li a:hover span,
article.subcont ul li a:active span{border-color:#ff8000;}


article.midbanners {
}
article.midbanners ul{
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
}
section.topinfo{
	width:100%;
	max-width:980px;
	margin:0 auto;
	padding:1em 0;
}
section.topinfo div.titleh2 h2{
	border:1px solid #ccc;
	border-top:2px solid #ca0d07;
	border-top:2px solid #008c00;
	border-top:2px solid #0099ff;
	background: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
	padding:0.4em 2em;
}
section.topinfo article {padding:1em 0;}
ul#infolist {margin-top:1em;}
ul#infolist li{
	border-bottom:2px dotted #ccc;
	list-style-type:none;
}
ul#infolist li:first-of-type{border-top:2px dotted #ccc;}
ul#infolist li:nth-of-type(odd) a{background-color:rgba(255,255,191,0.2);}

ul#infolist li a:link,
ul#infolist li a:visited,
ul#infolist li a:hover,
ul#infolist li a:active{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding:1em 0;
	position:relative;
}
ul#infolist li a:link span,
ul#infolist li a:visited span,
ul#infolist li a:hover span,
ul#infolist li a:active span{
	color:#333;
	display:inline-block;
}
ul#infolist li a span.date{width:10em;}
ul#infolist li a span.label,
ul#infolist li a span.label_r{
	border:1px solid #999;
	background-color:#fff;
	font-size:14px;
	padding:1px 30px;
}
ul#infolist li a span.label_r{
	color:#f00;
	border-color:#f00;
}
ul#infolist li a::after{
	font-family: FontAwesome;
	content:'\f054';
	position:absolute;
	right:2em;
	top:1em;
	color:#333;
}
ul#infolist li a:hover::after{
	right:1em;
}
section.pmphltgallary {
	width:100%;
	max-width:980px;
	margin:0 auto;
}
section.pmphltgallary article{padding:1em 0;}
section.pmphltgallary article ul{display:flex;justify-content:space-around;}
section.pmphltgallary article ul li a img{height:300px;width:auto;}
section.pmphltgallary p,
section.topinfo p {text-align:right;}
section.pmphltgallary p a:link,
section.pmphltgallary p a:visited,
section.pmphltgallary p a:hover,
section.pmphltgallary p a:active,
section.topinfo p a:link,
section.topinfo p a:visited,
section.topinfo p a:hover,
section.topinfo p a:active{
	font-size:16px;
	display:inline-block;
	padding: 0.3em 1em;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	color:#0e489a;
	text-decoration:none;
	border-radius:4px;
	border:1px solid #ccc;
}
section.pmphltgallary p a:hover,
section.pmphltgallary p a:active,
section.topinfo p a:hover,
section.topinfo p a:active{
	background: rgb(224,224,224);
	color:#f90;
	border-color:#f90;
}
article.midbanners,
section.lowbanners{
	width:100%;
	max-width:980px;
	max-width:1024px;
	margin:0 auto;
	padding:2em 0 1em 0;
}
section.lowbanners{
	padding:0 0 3em 0;
}
section.lowbanners ul{
	display:flex;
	width:100%;
	flex-flow:row wrap;
	justify-content:space-around;
}
section.lowbanners ul li{list-style-type:none;}
section.about_oki-vada{
	width:100%;
	height:auto;
	max-height:530px;
	background:transparent url('//oki-vada.or.jp/outer_files/images/bg-fp-low-content.jpg') right center no-repeat;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	align-items:center;
}
section.about_oki-vada img{margin: 3em auto 1em auto;}
section.about_oki-vada div{
	width:100%;
	max-width:980px;
	padding:1em;
}
section.about_oki-vada div:first-of-type{
	text-shadow: 
	#fff 2px 0px, #fff -2px 0px,
	#fff 0px -2px, #fff 0px 2px,
	#fff 2px 2px , #fff -2px 2px,
	#fff 2px -2px, #fff -2px -2px,
	#fff 1px 2px,  #fff -1px 2px,
	#fff 1px -2px, #fff -1px -2px,
	#fff 2px 1px,  #fff -2px 1px,
	#fff 2px -1px, #fff -2px -1px;
}
section.about_oki-vada div.btnblck {
	text-align:center;
	padding:1em 1em 3em 1em;
}
section.about_oki-vada div.btnblck a:link,
section.about_oki-vada div.btnblck a:visited,
section.about_oki-vada div.btnblck a:hover,
section.about_oki-vada div.btnblck a:active{
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	padding:1em 9em;
	background-color:#09f;
	text-decoration:none;
	color:#fff;
	border:1px solid #09f;
}
section.about_oki-vada div.btnblck a:hover,
section.about_oki-vada div.btnblck a:active{
	background-color:#fff;
	color:#09f;
}
.fp2top{padding:4em 0;}
.fp2top a:link,
.fp2top a:visited,
.fp2top a:hover,
.fp2top a:active{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	background-color:rgba(0,153,255,0.5);
	border:1px solid #09f;
	border-style:solid none;
}



/*	archives
-------------------------------------------------*/
.entry ul.inpage_navi{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	margin:0;
}
.entry .inpage_navi li{
	flex:0 0 auto;
	margin:0 0.6em 0.6em 0;
	list-style-type:none;
}
.inpage_navi li a:link,
.inpage_navi li a:visited,
.inpage_navi li a:hover,
.inpage_navi li a:active{
	display:flex;
	padding:0.6em 1em;
	border:1px solid #00e;
	border-radius:4px;
	justify-content:center;
	align-items:center;
	text-decoration:none;
}
.inpage_navi li a:hover,
.inpage_navi li a:active{border-color:#ff8000;}
#members .entry table {margin-top:1em;}
#members .entry table caption{
	background-color:#008c00;
	background-color:#0099ff;
	color:#fff;
	margin-bottom:1em;
}
#members .entry table th,
#members .entry table td{
	border:1px solid #008c00;
	border:1px solid #0099ff;
}
#members .entry table th{
	background-color:rgba(0,140,0,0.5);
	background-color:rgba(0,153,255,0.5);
}
#members .entry table tr td:first-of-type{width:50%;}
#members .entry table tr td:first-of-type a{
	float:right;
	font-size:12px;
	padding:2px 12px;
	border-radius:4px;
	border:1px solid #ccc;
	text-decoration:none;
}
#members .entry table tr td:first-of-type a:hover,
#members .entry table tr td:first-of-type a:active{border-color:#ff8000;}
#members .entry table tr td:last-of-type{
	width:4em;
	white-space:nowrap;
}
#celist .flexwrap{
	padding:1em 0;
	flex-flow:row wrap;
}
#celist .flexwrap dl.ceblock{
	flex:0 0 32%;
	margin:1em 0 0 0;
	position:relative;
}
#celist .flexwrap dl.ceblock:nth-of-type(3n-1){margin:0 2%; margin-top:1em;}
#celist .flexwrap dl.ceblock a:link,
#celist .flexwrap dl.ceblock a:visited,
#celist .flexwrap dl.ceblock a:hover,
#celist .flexwrap dl.ceblock a:active{
	display:block;
	text-decoration:none;
	color:#333;
	width:100%;
	height:100%;
	padding:1em;
	border:1px solid #ccc;
	border-radius:0.4em;
	box-sizing:border-box;
}
#celist .flexwrap dl.ceblock a:hover,
#celist .flexwrap dl.ceblock a:active{
	background-color:rgba(255,255,0,0.2);
}
#celist .flexwrap dl.ceblock dt{
	font-weight:bold;
	margin-bottom:0.6em;
	border-bottom: 4px solid #008c00;
	border-bottom: 4px solid #0099ff;
}
.entry div.titleh2 {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	border:1px solid#ccc;
	border-radius:0.6em 0.6em 0 0 ;
	padding: 1em 0 0.6em 2em;
}
.entry div.titleh2 h2{
	border-left:0.6em solid #0e489a;
	border-left:0.6em solid #0099ff;
	padding-left:1em;
}
span.date{padding:0 1em;}
#seminor {
	width:100%;
	max-width:980px;
	margin:0 auto;
	justify-content:flex-end;
	align-items:center;
}
.semdesc dl{display:flex;flex-flow:row wrap;}
.semdesc dl dt{flex:0 0 30%;}
.semdesc dl dd{flex:0 1 65%;}
#seminor h2{padding-right:2em;}
#seminor .btnwrap {padding:1em;text-align:center;}
#seminor .btnwrap a:link,
#seminor .btnwrap a:visited,
#seminor .btnwrap a:hover,
#seminor .btnwrap a:active{
	display:inline-block;
	padding: 1em 2em;
	font-size:18px;
	font-weight:bold;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
	color:#333;
	text-decoration:none;
	border:2px solid #ccc;
	border-radius:6px;
}
#seminor .btnwrap a:hover,
#seminor .btnwrap a:active{
	color:#ff8000;
	border-color:#ff8000;
}
ul#seminorlist {margin-top:1em;}
ul#seminorlist li{
	border-bottom:2px dotted #ccc;
	list-style-type:none;
}
ul#seminorlist li:first-of-type{border-top:2px dotted #ccc;}
ul#seminorlist li:nth-of-type(odd) a{background-color:rgba(255,255,191,0.2);}

ul#seminorlist li a:link,
ul#seminorlist li a:visited,
ul#seminorlist li a:hover,
ul#seminorlist li a:active{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding:1em 0;
	position:relative;
}
ul#seminorlist li a:link span,
ul#seminorlist li a:visited span,
ul#seminorlist li a:hover span,
ul#seminorlist li a:active span{
	color:#333;
	display:inline-block;
}
ul#seminorlist li a span.date{}
ul#seminorlist li a span.label{
	border:1px solid #999;
	background-color:#fff;
	font-size:14px;
	padding:1px 30px;
	position:absolute;
	right:1em;
}
#training .course_blck{
	position:relative;
	width:calc(100% - 120px);
	min-height:240px;
}
#training .course_blck dl{
	position:absolute;
	left:0;
	top:4em;
	width:100%;
}
#training .course_blck dl dt{
	display:inline-block;
	padding:1em;
	border:1px solid #1b6237;
	border-bottom:none;
	position:relative;
	top:-4em;
	background-color:#1b6237;
	color:#fff;
	cursor:pointer;
	border-radius: 6px 6px 0 0;
}
#training .course_blck dl.docx dt{left:6em;border-color:#015699;background-color:#015699;}
#training .course_blck dl.jww dt{left:12em;border-color:#00f;background-color:#00f;color:#ff0;}
#training .course_blck dl.pcskl dt{left:20em;border-color:#ffa500;background-color:#ffa500;}
#training .course_blck dl.others dt{left:30em;
	border-color:#cccccc;
	background-color:#cccccc;
	border-color:#FF69B4;
	background-color:#FF69B4;
}
#training .course_blck dl dt:hover{opacity:0.5;}
#training .course_blck dl dd{
	border-top:4px solid #1b6237;
	padding:1em 0;
	margin-top:calc((4em + 3px) * -1);
}
#training .entry .course_blck dl dd{padding:1em 0;}
#training .course_blck dl.docx dd{border-color:#015699;}
#training .course_blck dl.jww dd{border-color:#00f;}
#training .course_blck dl.pcskl dd{border-color:#ffa500;}
#training .course_blck dl.others dd{
	border-color:#cccccc;
	border-color:#FF69B4;
}
#training .course_navi {
	display: flex;
	padding: 0 1em 0 0;
	margin:0;
}
#training .course_navi li {
	flex:0 1 auto;
	width:auto;
	min-width:20%;
	margin:0 0.8em 0.8em 0;
	padding:0;
	list-style:none;
}
#training .course_navi li a:link,
#training .course_navi li a:visited {
	display: inline-block;
	border: 1px solid #999;
	border-radius: 5px;
	font-size:14px;
	padding: 12px;
	text-decoration:none;
	color: #333;
	font-weight:bold;
}
#training .course_navi li a:hover,
#training .course_navi li a:active {color:#ff8000;}
#btn_block {
	float: right;
	width: 120px;
	height: 120px;
	margin:0;
	text-align:center;
	vertical-align:middle;
	padding:auto;
}
#monthly,
#course_select {
	padding: 13px 4px;
	font-size:18px;
	font-weight:bold;
}
#training .entry dl dt{font-weight:bold;}
#training .entry dl dd{padding-left:2em;}
.entry .tuition {
	margin:0;
	padding:1em;
	padding-left:0;
	display: block;
	font-size:16px;
	text-align:right;
}
.entry .tuition dt,
.entry .tuition dd {
	margin:0;
	padding:0 1em 0 0;
	display: inline-block;
	vertical-align:top;
}
.entry .tuition dt {
	font-weight:bold;
	padding-right: 2em;
}
.entry.xlsx,
.entry.docx,
.entry.jww,
.entry.pcskl,
.entry.others{
	border:2px solid #1b6237;
	padding:1em;
	border-radius:1em;
}
.entry.docx{border-color:#015699;}
.entry.jww{border-color:#00f;}
.entry.pcskl{border-color:#FFA500;}
.entry.others{border-color:#ccc;}
.entry.xlsx p,
.entry.docx p,
.entry.jww p,
.entry.pcskl p,
.entry.others p{margin:0;}
.entry .schedule_tbl {
	border-collapse: collapse;
	width: 100%;
}
.entry .schedule_tbl th,
.entry .schedule_tbl td {
	vertical-align:top;
	background-color:#fff;
	border:1px solid #333;
	border-style:solid none;
}
.entry .schedule_tbl th {
	font-weight:bold;
	background-color: #ccc;
	border:none;
	color:#fff;
}
.entry.xlsx .schedule_tbl th {background-color: #1b6237;}
.entry.docx .schedule_tbl th {background-color: #015699;}
.entry.jww .schedule_tbl th {background-color: #00f;color:#ff0;}
.entry.pcskl .schedule_tbl th {background-color: #FFA500;}

.entry .schedule_tbl tr.end td {
	color: #999;
	background-color: #eee;
}
.entry .schedule_tbl td.marks {
	text-align:right;
	font-weight: bold;
	white-space:nowrap;
}
.entry .schedule_tbl tr.end td.marks {color:#333;}
.entry .schedule_tbl td.marks span {color: #f00;}
.entry .schedule_tbl tr th:first-of-type,
.entry .schedule_tbl tr td:first-of-type,
.entry .schedule_tbl tr th:last-of-type,
.entry .schedule_tbl tr td:last-of-type{width:1em;white-space:nowrap;}
#monthly_tbl {border-collapse:collapse;}
#monthly_tbl caption {
	font-size: 18px;
	font-weight: bold;
	text-align:left;
	border-bottom: 2px solid #f00;
	margin-bottom:1em;
}
#monthly_tbl th,
#monthly_tbl td {
	border: 1px solid #333;
	vertical-align:top;
	padding:0.5em;
	font-size:13px;
}
#monthly_tbl th {
	white-space:nowrap;
	font-weight:bold;
	background-color: #ccc;
	vertical-align:middle;
}
#monthly_tbl td.tuitiontd {
	white-space:nowrap;
	text-align:right;
}
#monthly_tbl td.mid {vertical-align:middle;}
#pamphlet_list ul{
	display:flex;
	flex-flow:row wrap;
}
#pamphlet_list ul li{
	list-style-type:none;
	margin:0 1em 1em 0;
	flex: 0 1 20%;
}
#pamphlet_list ul li a:link,
#pamphlet_list ul li a:visited,
#pamphlet_list ul li a:hover,
#pamphlet_list ul li a:active{
	text-decoration:none;
	color:#333;
}



/*	category/taxonomy
-------------------------------------------------*/
p.postlink{
	text-align:right;
	text-indent:0;
}
p.postlink a:link,
p.postlink a:visited,
p.postlink a:hover,
p.postlink a:active{
	font-size:16px;
	display:inline-block;
	padding: 0.3em 1em;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(224,224,224,1) 100%);
	color:#0e489a;
	text-decoration:none;
	border-radius:4px;
	border:1px solid #ccc;
}
p.postlink a:hover,
p.postlink a:active{
	background: rgb(224,224,224);
	color:#f90;
	border-color:#f90;
}
nav.paginate {
	display:flex;
	position:relative;
	justify-content:center;
	width:100%;
	max-width:980px;
	margin:0 auto;
}
nav.paginate span,
nav.paginate a{
	display:inline-block;
	padding: 0.2em 1em;
}
nav.paginate span.current{
	background-color:#aaa;
	border:1px solid #aaa;
	color:#fff;
}
nav.paginate a:link,
nav.paginate a:visited,
nav.paginate a:hover,
nav.paginate a:active{
	text-decoration:none;
	margin:0 0.2em;
}
nav.paginate a:hover,
nav.paginate a:active{
	background-color:#f0f0f0;
}
nav.paginate span.prev,
nav.paginate a.prev,
nav.paginate span.next,
nav.paginate a.next{
	position:absolute;
	left:0;
	border:1px solid #aaa;
	text-decoration:none;
}
nav.paginate span.next,
nav.paginate a.next{
	left:auto;
	right:0;
}
nav.paginate span:first-child,
nav.paginate span:last-child{
	border-color:#ccc;
	color:#ccc;
}
article.category dl{
}
article.category dl dt{
}
article.category dl dt img{
}
article.category dl dd{padding-left:1em;}
article#download {
}
article#download > a:link,
article#download > a:visited,
article#download > a:hover,
article#download > a:active{
}
article#download > a:hover,
article#download > a:active{
}
article#download > a figure{
}
article#download > a figure img{width:100%;}
article#download > a figure figcaption{
}





/*	page
-------------------------------------------------*/
article.pagelist {
	width:100%;
	max-width:980px;
	margin:0 auto;
}
article.pagelist ul{
	display:flex;
	justify-content:space-between;
}
article.pagelist ul li{
	list-style-type:none;
	flex:1 1 100%;
}
article.pagelist ul li.current-menu-item{display:none;}
article.pagelist ul li a:link,
article.pagelist ul li a:visited,
article.pagelist ul li a:hover,
article.pagelist ul li a:active{
	display:flex;
	width:100%;
	height:100%;
	justify-content:center;
	align-items:center;
	padding:1em;
	border:1px solid #ccc;
	text-decoration:none;
	background: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%);
	font-weight:bold;
	color:#333;
}
article.pagelist ul li a:hover,
article.pagelist ul li a:active{
	background: #fff;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
	color:#ff8000;
	border-color:#ff8000;
}
.embedframe {
	position:relative;
	width:100%;
	height:0;
	padding-top:133%;
}
.embedframe object,
.embedframe iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
ul.disclosurelist li{
	line-height:2;
	margin-bottom:1em;
}
ul.disclosurelist li span{
	display:inline-block;
	font-size:20px;
	min-width:8em;
}
ul.linkslist li{
	list-style-type:none;
	display:flex;
	margin-bottom:1em;
}
ul.linkslist li a{flex:0 0 auto;}
ul.linkslist li span{padding-left:1em;}
dl.splist dt{
	border-bottom:2px solid #0e489a;
	border-bottom:2px solid #0099ff;
	font-size:larger;
	font-weight:bold;
}
dl.splist dd{
	padding: 1em 0 1em 2em;
	margin-bottom:1em;
	display:flex;
}
dl.splist dd img{
	flex:0 0 360px;
}
dl.meistarinfo{
	margin:0 0 1em 0;
	flex:0 0 30%;
}
dl.meistarinfo:nth-of-type(3n-1){margin:0 2em;}
ul.pdfthumbs {
	display:flex;
	flex-flow:row wrap;
}
ul.pdfthumbs li{
	list-style-type:none;
	margin:1em;
}
ul.pdfthumbs li a {
	display:flex;
	width:200px;
	height:200px;
	background-position: center center;
	background-size: contain;
	background-repeat:no-repeat;
	border:1px solid #ccc;
	justify-content:center;
	align-items:flex-end;
}
ul.pdfthumbs li a span{
	display:block;
	padding:1em;
	background-color:rgba(255,255,255,0.8);
	width:100%;
	height:5em;
}

dl.ginoushi_qa{
	margin-bottom:1em;
	padding-left:1em;
}

dl.ginoushi_qa dt{
	margin-bottom:0.4em;
}
dl.ginoushi_qa dd{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:1em;
}


/*	single
-------------------------------------------------*/
.gradation-btn {
	display:inline-block;
	border:1px solid #ccc;
	border-radius:0.6em;
	background: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
	padding:1em;
}
.gradation-btn a:link,
.gradation-btn a:visited,
.gradation-btn a:hover,
.gradation-btn a:active{
	display:block;
	width:100%;
	border-bottom:4px solid #00e;
	padding-bottom:0.4em;
	text-decoration:none;
}
.gradation-btn a:hover,
.gradation-btn a:active{
	border-color:#ff8000;
}
.course_navi{
	display:flex;
	flex-flow:row wrap;
}
.course_navi li{
	list-style-type:none;
	display:inline-block;
	margin: 0 1em 1em 0;
}
.course_navi li a:link,
.course_navi li a:visited,
.course_navi li a:hover,
.course_navi li a:active{
	display:block;
	width:100%;
	height:100%;
	padding:0.6em 1em;
	border:1px solid #ccc;
	border-radius:6px;
	text-decoration:none;
}
#dl_btn {
	flex:0 0 auto;
	margin-left:1em;
}
#dl_btn li{
	display:block;
	list-style-type:none;
	padding-bottom:1em;
}
#dl_btn li a:link,
#dl_btn li a:visited,
#dl_btn li a:hover,
#dl_btn li a:active{
	display:flex;
	background: rgb(230,230,230);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%);
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 1em;
	text-decoration:none;
	justify-content:space-between;
	align-items:center;
}
#dl_btn li a:hover,
#dl_btn li a:active{border-color:#ff8000;}
#dl_btn li a:after{
	content:url(http://oki-vada.or.jp/wp-content/themes/dk-base/images/pdficon_large.gif);
}
#nittei h3,
#shikaku h3,
#zenki h3,
#kouki h3,
#goukaku h3{
	border:1px solid #ccc;
	padding:1em;
	border-radius:6px;
}
.nittei_tbl .col1,
.nittei_tbl .col2 {background-color:#93e7ff;}
.nittei_tbl .col3,
.nittei_tbl .col4 {background-color:#fff;}
.nittei_tbl th,
.nittei_tbl td {
	margin:0;
	vertical-align: top;
	border:1px solid #aaa;
}
.nittei_tbl td {color:#000;}
.nittei_tbl thead th {
	margin:0;
	text-align:center;
	background-color:#c8f3ff;
}
#shikaku table .col1,
#shikaku table .col2 {background-color:#93e7ff;}
#shikaku table thead td,
#shikaku table tbody td{text-align:center;}
#shikaku table thead td{background-color:#c8f3ff;}
#shikaku table thead tr:first-of-type td{background-color:#99ccff;}
#shikaku table tbody tr td[colspan]{text-align:left;}
.evaluation_tbl {margin-bottom:2em;}
.evaluation_tbl caption{
	background-color:#0099ff;
	width:50%;
	margin:0 auto 1em auto;
	border-radius:2em;
	color:#fff;
}
.evaluation_tbl tr th{background-color:#93e7ff;}
.evaluation_tbl tr th:first-of-type{background-color:#99ccff;}
.evaluation_tbl tr th:nth-of-type(2){background-color:#9dbbff;}
.evaluation_tbl tr td{background-color:transparent;}
.evaluation_tbl tr td:first-of-type{background-color:#c8f3ff;}
.evaluation_tbl tr td:nth-of-type(2){background-color:#c8d9ff;}
.evaluation_tbl.zsp tr td:nth-of-type(2),
.evaluation_tbl.ksp tr td:nth-of-type(2){}
.evaluation_tbl tr th:nth-of-type(3),
.evaluation_tbl tr th:nth-of-type(4),
.evaluation_tbl tr td:nth-of-type(3),
.evaluation_tbl tr td:nth-of-type(4),
.evaluation_tbl.zsp tr td:nth-of-type(2),
.evaluation_tbl.ksp tr td:nth-of-type(2){
	width:1em;
	white-space:nowrap;
}
#goukaku dl dt{
	font-weight:bold;
	border-bottom:4px solid #008c00;
	border-bottom:4px solid #0099ff;
	margin-bottom:1em;
}
#goukaku dl dd{
	display:flex;
	flex-flow:row wrap;
}
#goukaku dl dd a:link,
#goukaku dl dd a:visited,
#goukaku dl dd a:hover,
#goukaku dl dd a:active{
	display:block;
	padding:0.6em 1em;
	border:1px solid #ccc;
	border-radius:6px;
	text-decoration:none;
	flex:0 0 30%;
	margin: 0 1em 1em 0;
}
#goukaku dl#current_nen {font-size:1rem;}
#goukaku dl#current_nen dt{
	border-bottom:4px solid #e00;
	border-bottom:4px solid #008c00;
	border-bottom:4px solid #0099ff;
}
#goukaku dl#current_nen dd{
	display:block;
	padding:1em;
	padding-top:0;
	text-align:center;
}
.glrh{
	text-align:center;
	background-color:#008c00;
	color:#fff;
}
.gallarywrap{
	display:flex;
	flex-wrap:wrap;
}
.gallarywrap figure{
	margin:0.6em;
	border:1px solid #ccc;
	border-radius:0.3em;
	padding:1em;
}
#post-22 .entry figure {
	background-color:#fff;
	padding-left:1em;
}
#post-22 .entry table caption{display:none;}
#post-22 .entry table th{background-color:#99ccff;}
#post-22 .entry table tr td:first-of-type{background-color:#c8f3ff;}



/*	SIDE BAR
-------------------------------------------------
*/
nav#sidebar{flex:0 0 30%;}
nav#sidebar h3{
	padding:0.4em;
	padding-bottom: 0.3em;
	border-bottom:2px solid #0e489a;
	border-bottom:2px solid #0099ff;
}
.infosidelist {padding-top:1em;}
.infosidelist li{
	list-style-type:none;
	border-bottom: 4px dotted #0e489a;
	border-bottom: 4px dotted #0099ff;
	margin-bottom:1em;
	padding-bottom:1em;
}
.infosidelist li span{
	display:block;
	text-align:right;
}



/*	FOOTER
-------------------------------------------------
*/
.pagetop{
	position:relative;
	width:100%;
	max-width:980px;
	margin: 0 auto 1em auto;
	text-align:right;
	padding:0.6em 0;
}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:hover,
.pagetop a:active{
	display:inline-block;
	padding:0.4em 1em;
	text-decoration:none;
	border:2px solid #999;
	color:#999;
	border-radius:2em;
	opacity:0.5;
}
.pagetop a:hover,
.pagetop a:active{opacity:1;}

footer{
	width: 100%;
	border-top: 1px solid rgba(238,0,0,0.5);
	background-color:#ca0d07;
	background-color:#008c00;
	background-color:#0099ff;
	color:#fff;
	margin-top: 0px;
	padding: 0;
	padding-top: 2em;
}
div.footer_area{
	width:100%;
	max-width:980px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
section.footmenus {
	flex:0 1 50%;
}
section.footmenus nav.footnav{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
section.footmenus nav.footnav ul {margin:0 0.4em;}
section.footmenus nav.footnav ul li{
	list-style-type:none;
	line-height:2;
	margin-bottom:0.2em;
}
section.footmenus nav.footnav ul li ul{
	margin-left:2em;
}
section.footmenus ul.dplink{
	margin-top:1em;
	border-top:2px solid #fff;
	display:flex;
	padding:1em 1em 0 2em;
	flex-flow:row wrap;
}
section.footmenus ul.dplink li{
	flex:0 0 auto;
	font-family: FontAwesome;
	list-style-type:'\f054';
	padding-left:0.6em;
}
section.footmenus ul.dplink li:nth-of-type(2n+1){
	margin-right:2em;
}
section.footmenus a:link,
section.footmenus a:visited,
section.footmenus a:hover,
section.footmenus a:active{
	text-decoration:none;
	color:#fff;
}
section.footmenus a:hover,
section.footmenus a:active{text-decoration:underline;}

.copyright{
	width:100%;
	max-width:980px;
	margin:1em auto 0 auto;
	text-align:right;
}


/*	
-------------------------------------------------*/



/*	お問合せフォーム
-------------------------------------------------
*/



/*	MISC
-------------------------------------------------
*/



/*	Mobile
-------------------------------------------------
*/
@media (max-width: 980px) {
	header .topdesc{padding:4px 16px;}
	.topslider{padding-top:220px;}
	article.subcont ul{justify-content:center;}
	article.subcont ul li{flex: 0 0 30%;}
	article.subcont ul li:nth-of-type(2){margin:0 1em;}
	article.subcont ul li a:link,
	article.subcont ul li a:visited,
	article.subcont ul li a:hover,
	article.subcont ul li a:active{
		height:100%;
		background-size:90px 90px;
	}
	article.midbanners ul li img {
		width:100%;
		max-width:auto;
	}
	section.pmphltgallary article ul li{flex:0 1 25%;}
	section.pmphltgallary article ul li a img{
		width:100%;
		height:auto;
	}
	#post-22 .entry table.bordertbl th,
	#post-22 .entry table.bordertbl tr td:first-of-type,
	#post-22 .entry table.bordertbl tr td:nth-of-type(2){white-space:nowrap;}
	#post-22 .entry table:nth-of-type(2) th,
	#post-22 .entry table:nth-of-type(2) tr td:nth-of-type(3){white-space:nowrap;}
}
@media (max-width: 768px) {
	.header_area .contact,
	.navigations{display:none;}
	.sp_navigation {display:block;}
	.sp_navigation ul {
		border-top:2px solid #0099ff;
		display:flex;
		flex-flow:row wrap;
	}
	.sp_navigation ul li{
		background: #f0f0f0;
		background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
		background: -webkit-linear-gradient(top, #e6e6e6 0%,#ffffff 100%);
		background: linear-gradient(to bottom, #e6e6e6 0%,#ffffff 100%);
		border: 1px solid #ddd;
		flex:1 1 25%;
		list-style-type:none;
	}
	.sp_navigation ul li a:link,
	.sp_navigation ul li a:visited,
	.sp_navigation li a:hover,
	.sp_navigation li a:active{
		text-indent:0;
		line-height:1;
		text-decoration:none;
		color:#333;
		font-weight:bold;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		padding:2em;
	}
	.sp_navigation ul li a:hover,
	.sp_navigation ul li a:active{
		background: #fafafa;
		background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%);
		background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%);
	}
	.sp_navigation ul li.open a:link{padding:1em;}
	div.footer_area{display:block;}
	section.site_info iframe{height:100% !important;}
	section.footmenus nav.footnav{
		justify-content:space-around;
	}
	main #celist div.flexwrap{display:block;}
	#celist .flexwrap dl.ceblock:nth-of-type(3n-1){margin:1em 0 0 0;}
	#post-22 .entry figure.alignright{width:50%;}
	#post-22 .entry .gradation-btn{
		display:block;
		margin:1em auto;
	}
	#compelist .entry dl{clear:both;}
	#post-9 .entry .flexwrap{display:block;}
	#post-6 .entry div{
		display:block !important;
		width:100% !important;

	}
	#seminor .entry.semdesc figure.alignright{display:none;}
	#seminor #training,
	#training .entry{
		display:flex;
		flex-flow: column nowrap;
	}
	#training #bigtitle{order:1;}
	#training #btn_block{
		order:3;
		float:none;
		padding:1em;
		text-align:center;
		width:100%;
	}
	#training #btn_block button{
		width:100%;
	}
	#training .course_blck{
		order:2;
		width:100%;
		height:270px;
	}
	#training .course_navi{padding:0;}
	#training .course_navi li{flex:1 1 30%;}

}
@media (max-width: 640px) {
	article.topcontents{display:block;}
	article.topcontents section{padding:0.4em 1em;}
	article.topcontents section a span{
		display:block;
		min-height:3em;
		background-position: top left;
		background-size:contain;
		font-size:18px;
	}
	article.subcont ul{display:block;}
	article.subcont ul li{margin:0.4em 1em;}
	article.subcont ul li:nth-of-type(2){margin:0.4em 1em;}
	article.subcont ul li a:link,
	article.subcont ul li a:visited,
	article.subcont ul li a:hover,
	article.subcont ul li a:active{
		height:100%;
		background-size:90px 90px;
	}
	ul#infolist li a:link,
	ul#infolist li a:visited,
	ul#infolist li a:hover,
	ul#infolist li a:active{
		display:flex;
		align-items:flex-start;
	}
	ul#infolist li a:link span,
	ul#infolist li a:visited span,
	ul#infolist li a:hover span,
	ul#infolist li a:active span{
		flex:0 0 auto;
		white-space:nowrap;
	}
	ul#infolist li a::after{content:none;}
	section.about_oki-vada img{width:100%;height:auto;}
	.entry div.flexwrap{display:block;}
	.entry.semdesc figure.alignright{display:none;}
	ul#seminorlist li a span.date{display:block;}
	ul#seminorlist li a span.label{bottom:1em;}
	#post-22 .entry figure.alignright{float:none;width:auto;}
	#post-22 .entry table.bordertbl tr th:first-of-type,
	#post-22 .entry table.bordertbl tr td:first-of-type,
	#post-22 .entry table tr th:nth-of-type(4),
	#post-22 .entry table tr td:nth-of-type(4){display:none;}
	#post-22 .entry table tr th.sp0{font-size:0;}
	#post-22 .entry table caption{display:table-caption;}
	#post-22 .entry table:nth-of-type(2) caption{caption-side: bottom;}
	.semdesc dl{display:block;}
	.semdesc dl dd{margin-bottom:1em;}
	#training .course_blck{height:auto;}
	#training .course_blck dl,
	#training .course_blck dl dt{position:static;}
	#training .course_blck dl{margin-bottom:1em;}
	#training .course_blck dl dt{
		display: block;
		padding: 0.4em 1em;
		border-radius: 6px 6px 0 0;
	}
	#training .course_blck dl dd{margin:0;}
}
@media (max-width: 480px) {
	header{
		display:flex;
		flex-flow:column nowrap;
	}
	.topdesc{order:2;}
	.header_area{order:1;}
	.header_area h1 {width:100%;}
	.header_area h1 a img{width:100%;height:auto;}
	.sp_navigation{order:3;}
	.sp_navigation ul li a:link,
	.sp_navigation ul li a:visited,
	.sp_navigation li a:hover,
	.sp_navigation li a:active{padding:1em;}
	section.about_oki-vada div.btnblck a:link,
	section.about_oki-vada div.btnblck a:visited,
	section.about_oki-vada div.btnblck a:hover,
	section.about_oki-vada div.btnblck a:active{
		padding:1em 0;
		text-align:center;
		width:80%;
	}
	section.footmenus > div,
	section.footmenus nav.footnav,
	section.footmenus nav.footnav ul,
	section.footmenus nav.footnav ul li{
		display:block;
		margin:0;
		padding:0;
		text-align:center;
	}
	section.footmenus nav.footnav ul li ul{display:none;}
	section.footmenus > div a:link,
	section.footmenus > div a:visited,
	section.footmenus > div a:hover,
	section.footmenus > div a:active,
	section.footmenus nav.footnav ul li a:link,
	section.footmenus nav.footnav ul li a:visited,
	section.footmenus nav.footnav ul li a:hover,
	section.footmenus nav.footnav ul li a:active{
		display:block;
		width:100%;
		height:100%;
		padding:1em;
		border:2px solid #fff;
		border-style: solid none none none;
	}
	section.footmenus > div a:hover,
	section.footmenus > div a:active,
	section.footmenus nav.footnav ul li a:hover,
	section.footmenus nav.footnav ul li a:active{
		background-color:rgba(255,255,255,0.5);
		color:#015699;
	}
	section.footmenus nav.footnav ul li a:link,
	section.footmenus nav.footnav ul li a:visited,
	section.footmenus nav.footnav ul li a:hover,
	section.footmenus nav.footnav ul li a:active{padding:0.6em;}
	section.footmenus ul.dplink{display:block;}
	section.footmenus ul.dplink li{margin:0.4em 0;}
	section.footmenus ul.dplink li:nth-of-type(2n+1){
		margin-right:auto;
	}
	section.footmenus ul.dplink li a:link,
	section.footmenus ul.dplink li a:visited,
	section.footmenus ul.dplink li a:hover,
	section.footmenus ul.dplink li a:active{
		display:block;
		width:100%;
		height:100%;
		padding:1em;
	}
	section.footmenus ul.dplink li a:hover,
	section.footmenus ul.dplink li a:active{
		background-color:rgba(255,255,255,0.5);
		color:#015699;
	}
	ul#seminorlist li a span{display:inline-block;}
	ul#seminorlist li a span.label{position:static;}
	ul#infolist li a:link,
	ul#infolist li a:visited,
	ul#infolist li a:hover,
	ul#infolist li a:active{
		flex-wrap:wrap;
	}
	nav.paginate {
		display:flex;
		position:relative;
		justify-content:center;
		width:100%;
		max-width:980px;
		margin:0 auto;
	}
	nav.paginate span,
	nav.paginate a{padding: 0.2em;}

}


/*	HACK
-------------------------------------------------
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}