@charset "utf-8";
/*
Theme Name: OSC
Theme URI: http://tmn.co.jp
Author: TM.Inc.
*/

/*------------------------------------------------------
   アカデミー共通
------------------------------------------------------ */

body {
		margin:0;
		padding:0;
		font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size:14px;
		line-height:150%;
}

.container {
		width:960px;
		margin:0 auto;
		padding:0;
		position:relative;
}

.cat-container {
		width:960px;
		margin:0 auto;
		padding:0;
		overflow:hidden;
}

#main {
		width:100%;
		background-image:url("img/ofa/main_bg.png");
		background-position:center top;
		background-repeat:repeat-x;
		margin:0;
		padding:30px 0 0 0;
}

body.category #main,
body.single #main,
body.archive #main {
		width:100%;
		background-image:none;
		margin:0;
		padding:30px 0 60px 0;
		background-color:#ceeaf4;
}


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

a:hover img {
		opacity:0.7;
}

p {margin:0 0 0 0;}
.m00 {margin:0 0 0 0;}
.m05 {margin:0 0 5px 0;}
.m10 {margin:0 0 10px 0;}
.m20 {margin:0 0 20px 0;}
.m30 {margin:0 0 30px 0;}
.m40 {margin:0 0 40px 0;}
.m50 {margin:0 0 50px 0;}
.m60 {margin:0 0 60px 0;}
.m70 {margin:0 0 70px 0;}
.m80 {margin:0 0 80px 0;}

.fs36 {font-size:36px; line-height:40px;}
.fs24 {font-size:24px; line-height:28px;}
.fs20 {font-size:20px; line-height:24px;}
.fs16 {font-size:16px; line-height:20px;}
.fs12 {font-size:12px; line-height:16px;}

.red {color:#FF0000;}
.c-red {color:#C61A22; font-weight:bold;}

.center {text-align:center;}

/* header
-------------------------------------------------- */
header {
		margin:0;
		padding:20px 0 0 0;
}

.logo {
		width:85px;
		position:absolute;
}

h1.site-title {
		width:292px;
		margin:0 0 20px 0;
		padding:20px 0 0 90px;
}

.h-banner {
		height:45px;
		position:absolute;
		right:0;
		top:15px;
		background:#7bb827;
		border-radius:5px;
}

.h-banner a img {
		height:75px;
		position:absolute;
		right:15px;
		top:-17px;
}

.h-banner a {
	display:block;
	width:100%;
	height:45px;
	color:#fff;
	font-size:18px;
	line-height:45px;
	text-decoration:none;
	padding:0 95px 0 25px;
	box-sizing:border-box;
}

/* nav
-------------------------------------------------- */

nav.ofa-nav {
  width:100%;
		margin:0;
		padding:0;
		background-color:#C61A22;
		height:38px;
}

nav.ofa-nav ul {
		width:857px;
		margin:0 auto;
		padding:0 0 0 107px;
		overflow:hidden;
		list-style:none;
		height:38px;
}

nav.ofa-nav ul li {
		float:left;
		margin:0;
		padding:0;
		height:38px;
}

nav.ofa-nav ul li#gn01 {
		width:105px;
}

nav.ofa-nav ul li#gn02 {
		width:155px;
}

nav.ofa-nav ul li#gn03 {
		width:166px;
}

nav.ofa-nav ul li#gn04 {
		width:173px;
}

nav.ofa-nav ul li#gn05 {
		width:116px;
}

nav.ofa-nav ul li#gn06 {
		width:142px;
}

/* footer
-------------------------------------------------- */
footer {
		margin:0;
		padding:55px 0 0 0;
		background-image:url("img/ofa/bg_footer.jpg");
		background-repeat:repeat-x;
		background-position:center top;
		width:100%;
}

.footer-body {
		background-color:#C61A22;
		margin:0;
		padding:30px 0;
		position:relative;
		min-height:115px;
}

.f-logo {
		width:145px;
		height:205px;
		position:absolute;
		top:-75px;
		left:0px;
}

address {
		margin:0;
		padding:0 0 0 170px;
		color:#FFFFFF;
}

address h2 {
		margin:0 0 10px 0;
		padding:0;
		line-height:30px;
}

.presented {
		margin:0;
		padding:20px 10px 20px 70px;
		-moz-border-radius: 5px;    /* Firefox */
		-webkit-border-radius: 5px; /* Safari,Chrome */
		border-radius: 5px;         /* CSS3 */
		background-color:#FFFFFF;
		color:#000000;
		overflow:hidden;
		position:absolute;
		right:0px;
		bottom:0px;
		min-height:55px;
}

.presented img {
			width:50px;
			position:absolute;
			left:10px;
			top:10px;
}

/*------------------------------------------------------
   アカデミートップ
------------------------------------------------------ */

/* key-content
-------------------------------------------------- */
.key {
		margin:0;
		padding:0 0 60px 0;
}

.key-image {
		margin:0 0 20px 0;
		padding:0;
}

.point {
		margin:0 0 40px 0;
		padding:0;
		display: flex;
		justify-content: center;
		list-style: none;
}

.point li {
		margin: 0; padding: 0 10px;
	
}
.point.col1 li { width: 100%;}
.point.col2 li { width: 50%;}
.point.col3 li { width: 33.333333%;}




/* comment
-------------------------------------------------- */
.comment {
		-moz-border-radius: 10px;    /* Firefox */
  -webkit-border-radius: 10px; /* Safari,Chrome */
  border-radius: 10px;         /* CSS3 */
		background-color:#F5FAFD;
		padding:30px;
		margin:0 0 30px 0;
		position:relative;
}

.comment-image {
		width:170px;
		position:absolute;
		left:30px;
		top:80px;
}

.comment-text {
		margin:0;
		padding:0 0 0 190px;
}

h2.comment-title {
		width:498px;
		height:30px;
		margin:0 0 20px 0;
}

.comment-text h3 {
		font-size:24px;
		font-weight:bold;
		line-height:1em;
		margin:0 0 5px 0;
}	

.comment-text h4 {
		font-size:24px;
		font-weight:bold;
		line-height:1em;
		margin:0 0 20px 0;
}

.link-gaiyou {
		text-align:center;
		margin:0;
		padding:0;
		position:relative;
		width:100%;
		height:53px;
}

.link-gaiyou-body {
		width:500px;
		height:53px;
		position:absolute;
		left:230px;
}
				
/* news
-------------------------------------------------- */
.ofa-topics {
		width:100%;
		margin:0;
		padding:60px 0;
		border-top:1px #b3b3b3 solid;
		border-bottom:1px #b3b3b3 solid;
		background-image:url("img/ofa/bg_news.png");
		background-repeat:repeat;
}

.ofa-topics-body {
		margin:0 0 60px 0;
		padding:0;
		overflow:hidden;
}

.ofa-topics .news {
		width:460px;
		margin:0;
		padding:0;
		float:left;
		position:relative;
}

h2.news-title {
		width:247px;
		height:26px;
		margin:0 0 30px 0;
		padding:0;
}

.link-newslist {
		width:149px;
		height:33px;
		position:absolute;
		right:0;
		top:0;
}

.entry-list {
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		border-bottom:1px #808080 dashed;
		overflow:hidden;
}
		
.entry-image {
		width:100px;
		height:75px;
		float:left;
}

.entry-right {
		width:340px;
		float:right;
		padding:0 0 0 20px;
}

.entry-image img {
		-moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px; /* Safari,Chrome */
  border-radius: 5px;         /* CSS3 */
}

.entry-title {
		margin:0 0 5px 0;
		padding:0;
		font-size:16px;
}

.entry-date {
		margin:0 0 5px 0;
		padding:0;
}


/* facebook
-------------------------------------------------- */
.facebook {
		width:460px;
		float:right;
		margin:0;
		padding:0;
}

.fb-title {		
		width:175px;
		height:32px;
		margin:0 0 30px 0;
}

.facebook-body {
		margin:0;
		padding:20px;
		background-color:#FFF;
}

/* result
-------------------------------------------------- */

.result {
		width:460px;
		margin:0;
		padding:0;
		float:left;
		position:relative;
}

h2.title-result {
		width: 218px;
		height:28px;
		margin:0 0 30px 0;
		padding:4px 0 0 0;
}

.result-body {
		margin:0;
		padding:20px;
		background-color:#F8E6DE;
}

.result-date,
.result-title,
.result-enemy {
		text-align:center;
}

.score {
		text-align:center;
		font-size:42px;
		line-height:42px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		padding:30px 0 10px 0;
		height:60px;
		margin:10px 0 0 0;
		background-image:url("img/ofa/score_bg.png");
		background-position:center;
		background-repeat:no-repeat;
}

.result-content {
		margin:0;
		padding:20px 0 0 0;
}



/* schedule
-------------------------------------------------- */
.schedule {
		width:460px;
		height:auto;
		margin:0;
		padding:0;
		float:right;
		}

.schedule-body {
		margin:0;
		padding:20px;
		background-color:#FFF;
}

h2.title-schedule {
		width:244px;
		height:32px;
		margin:0 0 30px 0;
		padding:0;
}

ul.schedule-list {
		margin:0;
		overflow:hidden;
		list-style:none;
		padding:0 0 0 20px;
}

ul.schedule-list li {
		line-height:38px;
		background-image:url("img/ofa/pdf.png");
		background-position:left center;
		background-repeat:no-repeat;
		margin:0 0 20px 0;
		padding:0 0 0 50px;
}

/* info
-------------------------------------------------- */
.ofa-info {
		margin:0;
		padding:60px 0;
		background-color:#FFFFFF;
		height:210px;
}


h2.title-info {
		width:220px;
		height:29px;
		margin:0 0 20px 0;
		padding:0;
}

.info-logo {
		width:125px;
		height:177px;
		position:absolute;
		left:0;
		top:49px;
}

.ofa-info address {
		margin:0;
		padding:20px 0 0 150px;
		color:#000000;
}

.ofa-info address h2 {
		font-size:28px
}

.info-link {
		width:350px;
		height:160px;
		margin:0;
		padding:0 0 0 40px;
		position:absolute;
		right:0;
		top:49px;
		border-left:1px #000 solid;
}

.info-link .nyuushi {
		width:350px;
		height:70px;
		margin:0 0 20px 0;
}

.info-link .contact {
		width:350px;
		height:70px;
}

/* partner
-------------------------------------------------- */

.partner {
		width:100%;
		margin:0;
		padding:60px 0;
		border-top:1px #b3b3b3 solid;
		border-bottom:1px #b3b3b3 solid;
		background-image:url("img/ofa/bg_partner.png");
		background-repeat:repeat;
}

h2.title-partner01 {
		width:341px;
		height:26px;
		margin:0 0 20px 0;
}

h2.title-partner02 {
		width:340px;
		height:32px;
		margin:0 0 20px 0;
}

ul.partner01 {
		margin:0 0 40px 0;
		padding:0 0 40px 0;
		border-bottom:1px #b3b3b3 dashed;
		overflow:hidden;
		list-style:none;
}

ul.partner01 li {
		width:230px;
		height:100px;
		margin:0 10px 10px 0;
		padding:0;
		float:left;
		text-align:center;
}

ul.partner01 li.text {
		height:70px;
		padding:30px 0 0 0;
}

ul.partner02 {
		margin:0;
		padding:0;
		overflow:hidden;
		list-style:none;
}

ul.partner02 li {
		width:230px;
		height:80px;
		margin:0 10px 10px 0;
		padding:0;
		float:left;
}

/* friendship 2017.06.13追加
-------------------------------------------------- */
#friendship { padding:80px 0 40px 0; }
h2.title_friendship { width:265px; height:40px; margin:0 0 40px 0;}
#friendship ul { list-style:none; text-align:center; margin:0; padding:0; }
#friendship li { width:450px; }
#friendship li.left { float:left; }
#friendship li.right { float:right; }
#friendship li a { display:block; width:100%; height:100%; padding-bottom:40px;}
#friendship li a:hover { background:#1e2a65; color:#fff; opacity:1.0; }
#friendship li p.image { width:450px; height:350px; }

/*------------------------------------------------------
   アカデミー下部共通
------------------------------------------------------ */
h1.page-title {
			margin:0;
			padding:30px;
			font-size:24px;
			line-height:24px;
			font-weight:bold;
			background-color:#C61A22;
			color:#FFFFFF;
}

.page-body,.page_content {
			background-color:#FFFFFF;
			padding:30px;
			margin:0;
}

/*2カラム用*/

h1.cat-page-title {
			margin:0 0 20px 0;
			padding:30px;
			font-size:24px;
			line-height:24px;
			font-weight:bold;
			background-color:#C61A22;
			color:#FFFFFF;
}

/*------------------------------------------------------
   アカデミー選手・スタッフ紹介
------------------------------------------------------ */
h2.member-title01 {
		width:138px;
		height:30px;
		margin:0 0 20px 0;
		padding:0;
}

h2.member-title02 {
		width:146px;
		height:29px;
		margin:0 0 20px 0;
		padding:0;
}

h2.member-title03 {
		width:188px;
		height:27px;
		margin:0 0 40px 0;
		padding:0;
}

.member01 {
  margin:0 0 60px 0;
		padding:0;
		position:relative;
		min-height:300px;
}

.member01-image {
		width:225px;
		height:300px;
		position:absolute;
		left:0;
		top:0;
}

.member01-right {
		margin:0;
		padding:0 0 0 255px;
}

h3.copy {
		margin:0 0 10px 0;
		padding:0;
		font-size:24px;
		font-weight:bold;
}

.member01-bossname {
		width:208px;
		height:51px;
		position:absolute;
		right:0px;
		bottom:0px;
}

.member_list table {
		width:900px;
		border-collapse:collapse;
		margin:0 0 60px 0;
}

.member_list table th {
		font-weight:normal;
		text-align:center;
		padding:10px;
		background-color:#F2F2F2;
		border:1px #333 solid;
}

.member_list table td {
		text-align:center;
		padding:10px;
		border:1px #333 solid;
}

.mamber03 {
		margin:0;
		padding:0;
		overflow:hidden;
}

.staff-box {
		width:425px;
		height:265px;
		float:left;
		margin:0 25px 0 0;
		padding:0;
		overflow:hidden;
}

.staff-image {
		width:180px;
		height:240px;
		float:left;
		margin:0 20px 0 0;
		padding:0;
}

.staff-text {
		width:225px;
		height:auto;
		float:right;
		margin:0;
		padding:0;
}

.member4 {
		width:100%;
		height:auto;
		overflow:hidden;
		border-top:1px #CCC dotted;
		padding:20px 0 0 0;
		margin:20px 0 0 0;
}

.staff-box2 {
		width:250px;
		height:auto;
		float:left;
		margin:0 25px 25px 0;
		padding:0;
		overflow:hidden;
}

/*2017.04.19修正*/
.member01,.member02,.member03 { margin-bottom:80px; }
/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display: block; }
/* end MacIE5 */
.member ul { list-style:none; padding:0; }

/*nav*/
.member ul.tab { margin:0 0 40px 0; display:table; width:100%; }
.member ul.tab li { display:table-cell; text-align:center; border:5px #fff solid; }
.member ul.tab li a { display:block; text-decoration:none; padding:20px; background:#E2E2E2; color:#333; }
.member ul.tab li.active a,
.member ul.tab li a:hover { color:#fff; }
.member ul.tab li.active:nth-child(1) a,
.member ul.tab li:nth-child(1) a:hover { background:#0B558A; }
.member ul.tab li.active:nth-child(2) a,
.member ul.tab li:nth-child(2) a:hover { background:#87BF31; }
.member ul.tab li.active:nth-child(3) a,
.member ul.tab li:nth-child(3) a:hover { background:#FA8D00; }
.member ul.tab li.active:nth-child(4) a,
.member ul.tab li:nth-child(4) a:hover  { background:#0B558A; }

/*member list*/
.mem_list .mem_image { width:200px; height: auto; float:left; }
.mem_list ul { margin:0; padding:0; }
.mem_list li { margin-bottom:60px; display:block; }
.mem_list .mem_info { width:660px; float:right; }
.mem_list .mem_name { margin-bottom:15px; padding-bottom:15px; border-bottom:1px #333 solid; }
.mem_list .mem_name h3 { font-size:24px; display:inline-block; margin:0; line-height:1.1; }
.mem_list .mem_name span.ruby { font-size:14px; padding-left:10px; }
.mem_list ul.mem_tag { margin-bottom:20px; }
.mem_list ul.mem_tag li { display:inline-block; padding:10px 30px; border-radius:5px; color:#fff; margin:0 10px 0 0; }
.mem_list ul.mem_tag li.mem_birth { background:#55ACEE; }
.mem_list .mem_text p { line-height:2.0; }
#member_contents { margin-bottom:40px; }
#member_contents li:nth-child(1) li .mem_terms { background:#0B558A; }
#member_contents li:nth-child(2) li .mem_terms { background:#87BF31; }
#member_contents li:nth-child(3) li .mem_terms { background:#FA8D00; }
#member_contents li:nth-child(4) li .mem_terms { background:#0B558A; }

/*staff list*/
.staff .stf_image { width:200px; height:300px; float:left; }
.staff ul { margin:0; padding:0; }
.staff li { margin-bottom:40px; }
.staff .stf_info { width:660px; float:right; }
.staff .stf_name { margin-bottom:15px; padding-bottom:15px; border-bottom:1px #333 solid; }
.staff .stf_name h3 { font-size:24px; display:inline-block; margin:0; line-height:1.1; }
.staff .stf_name span.ruby { font-size:14px; padding-left:10px; }
.staff ul.stf_tag { margin-bottom:20px; }
.staff ul.stf_tag li { display:inline-block; padding:10px 30px; border-radius:5px; color:#fff; margin:0 10px 0 0; }
.staff ul.stf_tag li.stf_class { background:#55ACEE; }
.staff .stf_his { line-height:1.5; margin-bottom:20px; }
.staff .stf_text p { line-height:2.0; }

/*------------------------------------------------------
   アカデミー入試情報
------------------------------------------------------ */
.entry-contact-link {
		text-align:center;
		padding:30px 0 60px 0;
}

h2.entry-title01 {
		width:146px;
		height:32px;
		margin:0 0 20px 0;
}

h2.entry-title02 {
		width:245px;
		height:28px;
		margin:0 0 20px 0;
}

.pdf {
		line-height:38px;
		background-image:url("img/ofa/pdf.png");
		background-position:left center;
		background-repeat:no-repeat;
		margin:0;
		padding:0 0 0 50px;
		display:block;
}

.entry_body p { margin-bottom:10px; }

/*------------------------------------------------------
   アカデミー入試情報_2016.08.01追加
------------------------------------------------------ */
.entry-contact-link {
		text-align:center;
		padding:30px 0 60px 0;
}

h2.entry-title01 {
		width:146px;
		height:32px;
		margin:0 0 20px 0;
}

h2.entry-title02 {
		width:245px;
		height:28px;
		margin:0 0 20px 0;
}

.entry_body table {
		width:800px;
		border-collapse:collapse;
		margin:0 0 80px 0;
}

.entry_body th {
		font-weight:normal;
		text-align:left;
		padding:15px 0;
		border:none;
		border-bottom:1px #ddd solid;
		background:none;
		vertical-align:middle;
}

.entry_body td {
		text-align:left;
		padding:15px 0;
		border:none;
		border-bottom:1px #ddd solid;
}

.entry_body ol {
		margin:0;
		padding:0 0 0 20px;
}

.entry_body ol li {
		margin:0 0 10px 0;
		padding:0;
}

.entry_body .entry_pdf { border:#ccc 1px solid; padding:40px; margin-bottom:80px; }

.entry_body .entry_headline { font-size:18px; color:#333; }
.entry_body .entry_headline:before { content:"■"; margin-right:5px; }
.entry_body table p { margin:0 0 5px 0; }
.entry_body #entry_title h2 { font-size:36px; border-bottom:3px #e6e6e6 solid; padding-bottom:10px; margin-bottom:60px; }

.entry_body .entry_message { padding:0px; margin-bottom:60px; }
.entry_body .entry_message_headline { color:#333; margin:0; padding:0; font-size:24px;  }
.entry_body .entry_message p { margin:40px 0 0 0; color:#333; } 
.entry_body .entry_message a { color:#333; }

.entry_body dl.entry_content { margin:0 0 60px 0; }
.entry_body dl.entry_content dt { background:#e6e6e6; line-height:1.0; padding:13px 0 13px 18px; margin:0 0 20px 0; }
.entry_body dl.entry_content dd { margin:0 0 40px 0; padding:0 5px; }

.entry_body ol { padding:0 0 0 20px; }



/*過去の入試情報*/
.old_entry { margin-top:60px; padding:40px; background:#fff; }
.old_entry h3 { font-size:18px; }
.old_entry ul { list-style:disc; padding-left:20px; }

/*------------------------------------------------------
   お問い合わせ
------------------------------------------------------ */
.title-ofacontact01 {
		width:318px;
		height:30px;
		margin:0 0 20px 0;
}

.title-ofacontact02 {
		width:345px;
		height:32px;
		margin:0 0 20px 0;
}

.ofa-contact-tel {
		margin:0 0 60px 0;
		padding:0;
		position:relative;
		min-height:180px;
}

.ofa-contact-logo {
		width:127px;
		height:180px;
		position:absolute;
		left:0;
		top:0;
}

.ofa-contact-tel address {
		margin:0;
		padding:10px 0 0 147px;
		color:#000000;
}

.tel-info {
		background-color:#f9e8e8;
		text-align:center;
		position:absolute;
		right:0;
		top:0;
		padding:20px;
		-moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px; /* Safari,Chrome */
  border-radius: 5px;         /* CSS3 */
}

table.ofa-contact {
		width:900px;
		border-collapse:collapse;
		margin:0 0 20px 0;
		padding:0;
}

table.ofa-contact th {
		width:250px;
		padding:20px 0 20px 20px;
		border-top:1px #ccc dashed;
		text-align:left;
		font-weight:normal;
}

table.ofa-contact td {
		padding:20px 0;
		border-top:1px #ccc dashed;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 3px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 9px;
    padding: 4px 6px;
}

#zip {
		width:100px;
}

textarea {
				width:600px;
				height:400px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
				font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(198, 23, 34, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(198, 23, 34, 0.6);
    outline: 0 none;
}

input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
    line-height: normal;
    margin: 4px 0 0;
}

input[type="submit"] {
		padding:10px 20px;
		margin-left:270px;
}

.privacy {
		width:880px;
		height:300px;
		overflow:auto;
		margin:0 0 30px 0;
		padding:10px;
		border: 1px solid #CCCCCC;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

/*------------------------------------------------------
   アカデミー概要
------------------------------------------------------ */
.concept01 {
		margin:0 0 60px 0;
		padding:0 415px 0 0;
		background-image:url("img/ofa/concept02.jpg");
		background-position:right top;
		background-repeat:no-repeat;
		min-height:324px;
}

.concept02 {
		margin:0 0 10px 0;
		padding:0;
		text-align:center;
}

.concept02-body {
		width:339px;
		height:64px;
		padding:0 0 0 280px;
}

.concept03 {
		margin:0 0 60px 0;
		padding:20px 0;
		overflow:hidden;
		border:1px #ccc solid;
}

.concept03-1 {
		width:299px;
		height:304px;
		background-image:url("img/ofa/concept04.png");
		background-position:center;
		background-repeat:no-repeat;
		float:left;
		border-right:1px #ccc solid;
}

.concept03-2 {
		width:299px;
		height:304px;
		background-image:url("img/ofa/concept05.png");
		background-position:center;
		background-repeat:no-repeat;
		float:left;
		border-right:1px #ccc solid;
}

.concept03-3 {
		width:298px;
		height:304px;
		background-image:url("img/ofa/concept06.png");
		background-position:center;
		background-repeat:no-repeat;
		float:right;
}

.concept03-4 {
		margin:0;
		padding:200px 20px 0px 20px;
		text-align:center;
}

.concept04 {
		margin:0 0 60px 0;
		padding:0;
}

.censept04-1 {
		margin:0;
		padding:0;
		overflow:hidden;
}

.censept04-2 {
		width:435px;
		margin:0 30px 20px 0;
		padding:0;
		float:left;
		clear:right;
}

.censept04-3 {
		width:435px;
		margin:0 0 20px 0;
		padding:0;
		float:right;
}

.concept05 {
		margin:0 0 60px 0;
		padding:0;
}

.censept05-1 {
		margin:0;
		padding:0;
		overflow:hidden;
}

.censept05-2 {
		width:285px;
		margin:0 22px 40px 0;
		padding:0;
		float:left;
}

.censept05-3 {
		width:285px;
		margin:0 0 40px 0;
		padding:0;
		float:right;
}

.concept06 {
		margin:0 0 60px 0;
		padding:0;
}

/*------------------------------------------------------
   カテゴリ・投稿
------------------------------------------------------ */
.content {
		width:620px;
		margin:0 20px 0 0;
		padding:0;
		float:left;
}

article {
		margin:0 0 20px 0;
		padding:20px 20px 40px 20px;
		background-color:#FFFFFF;
}

article img {
		max-width:580px;
}

.entry-head {
		min-height:32px;
		background-image:url("img/ofa/entry_icon.png");
		background-position:0px 5px;
		background-repeat:no-repeat;
		margin:0 0 20px 0;
		padding:0 0 10px 50px;
		border-bottom:1px #C61A22 dashed;
}

h3.post-title {
		margin:0;
		padding:0;
		font-weight:normal;
		font-size:16px;
}

/*------------------------------------------------------
   カテゴリ・投稿用サイド
------------------------------------------------------ */
aside {
		width:320px;
		margin:0;
		padding:0;
		float:right;
}

.side-body {
		margin:0 0 20px 0;
		padding:20px;
		background-color:#FFFFFF;
}

/* news
-------------------------------------------------- */
.side-news-title {
		width:196px;
		height:26px;
		margin:0 0 20px 0;
}

.side-body dl {
		margin:0;
		padding:0;
}

.side-body dt {
		margin:0;
		padding:0;
}

.side-body dd {
		margin:0 0 20px 0;
		padding:0 0 10px 0;
		border-bottom:1px #333 dashed;
}

/* 活動スケジュール
-------------------------------------------------- */
.side-title-schedule {
		width:244px;
		height:32px;
		margin:0 0 20px 0;
}

body.category ul.schedule-list,
body.single ul.schedule-list {
		margin:0;
		padding:0 0 0 10px;
		list-style:none;
}

body.category ul.schedule-list li,
body.single ul.schedule-list li {
		float:none;
		line-height:38px;
		background-image:url("img/ofa/pdf.png");
		background-position:left center;
		background-repeat:no-repeat;
		margin:0 0px 20px 0;
		padding:0 0px 0 50px;
}

/* サイドその他
-------------------------------------------------- */
.side-fb {
		margin:0 0 20px 0;
		width:100%;
}


a#scroll-to-top {
	
	/* Background image, replace in images folder */
	background: url(img/osc/arrow.png) no-repeat center center;
	
	/* Match to background image size */
	width: 50px;
	height: 50px;
	
	/* Postion on the page */
	position: fixed;	
	right: 30px;
	bottom: 30px;
	
	/* Hide link text */
	text-indent: -9999px;
	font-size: 0;
	
	/* Other */
	cursor: pointer;	
	outline: 0;
	
}


/* ----------------------------------------------------------------------
 アカデミー概要（2021.01.12追加）
---------------------------------------------------------------------- */
/* alignment */
.page_content .alignright { float:right; }
.page_content .alignleft { float:left; }
.page_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.page_content blockquote.alignleft, .page_content img.alignleft { margin:7px 24px 7px 0; }
.page_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.page_content blockquote.alignright, .page_content img.alignright { margin:7px 0 7px 24px; }
.page_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.page_content blockquote.aligncenter, .page_content img.aligncenter, .page_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }

/* text and headline */
.page_content h1, .page_content h2, .page_content h3, .page_content h4, .page_content h5, .page_content h6 { clear:both; line-height:2.0; font-weight:600; margin:0 0 10px 0; padding:0; }
.page_content h1 { font-size:4em; }
.page_content h2 { font-size:2.5em; }
.page_content h3 { font-size:2.0em; }
.page_content h4 { font-size:1.5em; }
.page_content h5 { font-size:1.0em; }
.page_content h6 { font-size:0.9em; }

/* list */
.page_content li, .page_content dt, .page_content dd { line-height:2.2; }
.page_content ul, .page_content ol, .page_content dl { margin-bottom:24px; }
.page_content ol { list-style:decimal outside none; margin-left:1.0em; padding: 0;  }
.page_content ul { list-style:circle outside none; margin-left:1.0em; padding: 0; }
.page_content li > ul, .page_content li > ol { margin-bottom:0; }
.page_content dt { font-weight:bold; }
.page_content dd { margin-bottom:1em; }

/* ３つのVision */
.concept_vision_head ul { display: flex; list-style: none; justify-content: center; margin: 0 0 60px 0;}
.concept_vision_head li { width: 33.3333%; box-sizing: border-box; padding: 20px; border: 1px #CCC solid;}
.concept_vision_head li h3 { line-height: 1.2;}

/* concept_vision */
.concept_vision { margin-bottom: 60px;}
.concept_vision .key { margin-bottom: 10px; padding: 0;}
.concept_vision ul { list-style: none; display: flex; justify-content: center; margin:0; padding: 0; flex-wrap: wrap;}
.concept_vision li { box-sizing: border-box; padding: 0 10px 20px 10px; margin: 0; }
.concept_vision ul.col1 li { width: 100%;}
.concept_vision ul.col2 li { width: 50%;}
.concept_vision ul.col3 li { width: 33.3333%;}