@charset "UTF-8";

/*!
Theme Name:	Simplicity2 child3
Template:	simplicity2
Version:	2025/09/02
*/

/* Simplicity子テーマ用のスタイルを書く */

/* @group タイトルまわり */

.article h1 {
	font-size: 26px;
	line-height: 30px;
	padding: 10px 12px 10px 26px;
	background: #23334a;
	color: #FFF;
	margin: 27px 0 10px 0;
	font-weight: 550;
	position: relative;
	border:none;
}

.article h1:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 18px 18px;
 border-style: solid;
 border-color: #fbfbeb #405f89 #405f89 #fbfbeb;
 background: #405f89;
 display: block;
 width: 0;
}

.entry h1 a{
 font-weight: 700;
 font-size: 1.2rem;
 line-height: 1.4;
}


.article h2{
	display: block;
	clear: both;
 font-size: 1.6rem;
 font-weight: 600;
 line-height: 1.2em;
 padding: 5px 15px;
 border-left: 8px solid #23334a;
 border-bottom: 2px solid #23334a;
 margin:35px 0px 30px;
}

.article h2 span{
display: block;
line-height: 1.3em;
font-weight: normal;
}

.article h3{
 font-size: 1.4rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-bottom: none !important;
 border-left: 6px solid #23334a;
 margin:35px 5px 20px;
}

.article h4{
 font-size: 1.2rem;
 font-weight: 500;
 line-height: 1;
 border-bottom: 1px solid #23334a;
 margin:35px 5px 20px 0;
}

.article h3 + h4{
	margin-top: 0px;
	padding-top: 0;
}


p.widget-title{
 font-size: 1.1rem;
 font-weight: 600;
 margin:35px 5px 20px;
}

.divider{
	margin: 25px 0 15px 0;
	width: 100%;
	height: 10px;
	bGackground-color: #eee;
	border-top: 1px solid #555;
	text-align: center;
	position: relative;
}

.divider .centerTitle{
	position: absolute;
	background-color: #fff;
	line-height: 1em;
	font-size: 14px;
	display: inline-block;
	top: -8px;
	width: 100px;
	margin-left: -50px;
	font-weight: bold;
}


/* @end */


/************************************
** ヘッダー・メイン・サイドバー幅調整
************************************/

#container,
#header-in,
#navi-in #body-in {
	width:100%;
}

#body-in{
	overflow: hidden;
}

#sidebar {
	width: 30%;
}

.element-m{
	display: none;
}

/* フォントを灰色にする */
body{
	color:#555555 !important;
}

#body{
	margin-top: 145px;
}

#main {
	width: 65%;
	background-color: rgba(255,255,255,0.001)!important;

}

#main p{
	line-height: 1.8em;
	margin: 0px 0 6px 0;
}

/* mainとsidebarの枠線を消す */
#main {
	border:none !important;
	float: none;
	box-sizing: border-box;
	width: 100%;
	max-width: 740px;
  padding: 20px 29px;
  border-radius: 4px;
	margin: 0 auto 30px auto;
}

#sidebar{
	display: none;
}

#container #page-top{
  right: 20px;
  bottom: 20px;
}

.blog-card{
	background-color: #fff;
}

#body a:hover,
#body a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.mobile{
	display: none;
}

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

/* @group basic */
.mobile{
	display: none;
}


.before100, .before-100{ margin-top: 100px!important; }
.before90, .before-90{ margin-top: 90px!important; }
.before80, .before-80{ margin-top: 80px!important; }
.before70, .before-70{ margin-top: 70px!important; }
.before60, .before-60{ margin-top: 60px!important; }
.before50, .before-50{ margin-top: 50px!important; }
.before40, .before-40{ margin-top: 40px!important; }
.before30, .before-30{ margin-top: 30px!important; }
.before20, .before-20{ margin-top: 20px!important; }
.before10, .before-10{ margin-top: 10px!important; }
.before5, .before-5{ margin-top: 5px!important; }
.before1, .before-1{ margin-top: 1px!important; }
.before0, .before-0{ margin-top: 0px!important; }

.after100, .after-100{ margin-bottom: 100px!important; }
.after90, .after-90{ margin-bottom: 90px!important; }
.after80, .after-80{ margin-bottom: 80px!important; }
.after70, .after-70{ margin-bottom: 70px!important; }
.after60, .after-60{ margin-bottom: 60px!important; }
.after50, .after-50{ margin-bottom: 50px!important; }
.after40, .after-40{ margin-bottom: 40px!important; }
.after30, .after-30{ margin-bottom: 30px!important; }
.after20, .after-20{ margin-bottom: 20px!important; }
.after10, .after-10{ margin-bottom: 10px!important; }
.after5, .after-5{ margin-bottom: 5px!important; }
.after1, .after-1{ margin-bottom: 1px!important; }
.after0, .after-0{ margin-bottom: 0px!important; }

.before-exwide{ margin-top: 100px!important; }
.before-wide{ margin-top: 40px!important; }
.before-middle{ margin-top: 25px!important; }
.before-narrow{ margin-top: 10px!important; }
.before-none{ margin-top: 0px!important; }

.after-exwide{ margin-bottom: 100px!important; }
.after-wide{ margin-bottom: 40px!important; }
.after-middle{ margin-bottom: 25px!important; }
.after-narrow{ margin-bottom: 10px!important; }
.after-none{ margin-bottom: 0px!important; }

.bigger{ font-size: 1.4em!important; }
.smaller{ font-size: 0.8em!important; }



.center,
.alignCenter{
	text-align: center!important;
}

.right,
.alignRight{
	text-align: right!important;
}

.left,
.alignLeft{
	text-align: left!important;
}

img.alignleft{
	float: left!important;
	margin: 5px 15px 10px 0;
}

img.alignright{
	float: right!important;
	margin: 5px 0px 10px 15px;
}


.horisontallist{
	text-align: center;
	margin: 0 auto 50px auto;
	letter-spacing: -.40em;	
}

.horisontallist li{
	display: inline-block;
	letter-spacing: normal;
}

img.leftPhoto{
	float: left;
	margin: 0 15px 8px 0;
}

img.rightPhoto{
	float: right;
	margin: 0 0 8px 15px ;
}

.leftSidePhoto{
	float: left;
	width: 40%;
	text-align: center;
}

.rightSidePhoto{
	float: right;
	width: 40%;
	text-align: center;
}

.pw50{width: 50px;}
.pw70{width: 70px;}
.pw100{width: 100px;}
.pw120{width: 120px;}
.pw150{width: 150px;}
.pw180{width: 180px;}
.pw200{width: 200px;}
.pw220{width: 220px;}
.pw250{width: 250px;}
.pw270{width: 270px;}
.pw300{width: 300px;}


.roundphoto{
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
}

.border1-80{
	border: 1px solid #333;
}

.border1-50{
	border: 1px solid #7f7f7f;
}

.border1-20{
	border: 1px solid #cbcbcb;
}

.border2-80{
	border: 2px solid #333;
}

.border2-50{
	border: 2px solid #7f7f7f;
}

.border2-20{
	border: 2px solid #cbcbcb;
}

.quotearea{
	background-color: #e6e6e6;
	padding: 15px 0 10px 0;
}

iframe.cal{
	width: 100%;
	max-width: 800px;
}

iframe.video{
	width: 100%;
	max-width: 800px;
}

ol.maintext{
	width: 90%;
	max-width: 650px;
	margin: 0 auto 30px auto;
}

ol.maintext li{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 0px;
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

/* @end */

/* @group form */
.article form h3{
	font-size: 15px;
	margin-bottom: 10px;
}

.article form h3 .imp{
	font-size: 13px;
	fGont-weight: normal;
	color: #e6210e;
}

.article form .error{
	font-size: 13px;
	color: #e6210e;
	margin-bottom: -30px;
}


.article form p{
	font-size: 16px;
	color: #111;
	line-height: 1.5em;
}

.article form p .exam{
	font-size: 12px;
	color: #7d86b3;
}

.article form p select{
	font-size: 18px!important;
	padding: 6px 10px!important;
}

.article form #area-grad.unit,
.article form #area-background-grad.unit,
.article form #area-barthday.unit{
	overflow: hidden;
}

.article form #area-grad.unit p br,
.article form #area-background-grad.unit p br,
.article form #area-barthday.unit p br{
	display: none;
}

.article form #area-grad.unit p select#barth-year,
.article form #area-grad.unit p select#barth-month,
.article form #area-background-grad.unit p select#barth-year,
.article form #area-background-grad.unit p select#barth-month,
.article form #area-barthday.unit p select#barth-year,
.article form #area-barthday.unit p select#barth-month,
.article form #area-barthday.unit p select#barth-day{
	display: inline-block;
}



.article .mw_wp_form_confirm form p{
	border: 1px solid #ff84ff;
	padding: 1px 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	min-height: 30px;
}


.article form input.submitBtn{
	font-size: 20px!important;
	background-color: #e2b127;
	color: #fff;
	border: none;
	padding: 5px 15px;
}

.article form input.backBtn{
	font-size: 16px!important;
	background-color: #489dec;
	color: #fff;
	border: none;
	padding: 3px 15px;
	margin-bottom: 15px;
}

.article form #policy{
	font-size: 14px;
	border: 1px #bbb solid;
	padding: 5px 20px 30px 20px;
	margin: 30px 0 0 0;
}

.article form #policy h4{
	font-size: 14px;
	line-height: 1.7em;
	margin: 0 0 25px 0;
}

.article form #policy p{
	font-size: 12px;
	line-height: 1.7em;
	margin: 0 0 20px 0;
}


body#ver2016 #main #the-content.finish p{
	margin: 30px 0 20px 0;
}

.article #backtopbtn{
	display: inline-block;
	font-size: 16px!important;
	background-color: #489dec;
	color: #fff;
	font-weight: bold;
	border: none;
	padding: 3px 15px;
	margin-top: 25px;
}

.article #backtopbtn a{
	font-size: 16px!important;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px;
}

.page-id-5448 #sidebar2,
.page-id-63 #sidebar2,
.page-id-10601 #sidebar2,
.page-id-10606 #sidebar2,
.page-id-10615 #sidebar2,
.page-id-4702 #sidebar2,
.page-id-4737 #sidebar2,
.page-id-4739 #sidebar2{
	display: none;
}

/* @end */

/* @group dialogue */
#main p.dialogue{
	line-height: 1.8em;
	margin-bottom: 30px;
	margin-left: 55px;
}

#main p.dialogue .speaker{
	dGisplay: inline-block;
	display: block;
	margin-left: -55px;
	color: #5c6492;
	font-size: 14px;
	font-weight: bold;
	float: left;
}


/* @end */

/* @group multi accordion menu */
header label,
footer label {
	clear: both;
    padding :14px 0 14px 10px;
    display: block;
    margin: 0;
    color :#fff;
    bGorder: 1px solid #ccc;
    border-top: 1px solid #999;
    cursor :pointer;
    font-size: 15px;
    line-height: 1.1em;
}

header label::after,
footer label::after{
	font-family: FontAwesome;
	content: "\f107";
	font-size: 18px;
	line-height: 1em;
	float: right;
	margin-right: 20px;
	color: #ccc;

}


header input[type="checkbox"].bellows,
footer input[type="checkbox"].bellows{
    display: none;/* チェックボックスの非表示 */
}

header .ac_menu,
footer .ac_menu {
	width: 94%;
	margin: 6px auto 30px auto;
}

header .ac_menu ul,
footer .ac_menu ul {
/* メニュー開閉時アニメーション */
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    pGadding: 0 0 14px 0;
    list-style: none;
    oGverflow: hidden;
}

header .ac_menu li,
footer .ac_menu li {
	border-top: 1px dotted #666;
	background-color: rgba(32,54,87,0.6);
}

header .ac_menu li a,
footer .ac_menu li a{
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.1em;
	padding: 14px 0 14px 20px;
}

/* ▽▽アコーディオン開閉指定▽▽ */
header input[type="checkbox"].bellows + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

header input[type="checkbox"].bellows:checked + ul{
	height: auto;
    hGeight: 385px;/* チェックが入っているときの高さ */
}

footer input[type="checkbox"].bellows + ul{
    height: 0;/* チェックが入っていない時の高さ */
    overflow: hidden;
}

footer input[type="checkbox"].bellows:checked + ul{
	height: auto;
    hGeight: 385px;/* チェックが入っているときの高さ */
}
/* △△アコーディオン開閉指定△△ */
/* @end */

/* @group ver2016 */
body#ver2016{
	bGackground-color: #fff;

}

body#ver2016 #body #body-in{
	width: 100%;
	max-width: 1000px;
	padding: 0;
}

body#ver2016 #body #main #submenu{
	display: none;

}

/* @group simplepage */
#container.simplepage{
	text-align: center;
}

#container.simplepage #contents{
	width: 94%;
	max-width: 700px;
	text-align: left;
	margin: 10px auto 20px;
}

#container.simplepage #contents p{
	font-size: 13px;
}


/* @end */

/* @group column2 */


body#ver2016 #body #body-in #main.column2 .ac_menu{
	background-color: #515795;
	width: 100%;
	margin: 0 0 30px 0;
	text-align: left;
	display: none;
}

body#ver2016 #body #body-in #main.column2 .ac_menu label{
	padding: 10px 0 10px 10px;
}

body#ver2016 #body #body-in #main.column2 .ac_menu li a{
	color: #fff;
	border-top: 1px dotted #aaa;
	padding: 10px 0 10px 10px;
}






body#ver2016 #body #body-in #main.column2 {
	float: left;
	width: 74%;
	max-width: 740px;
	padding: 20px 0px;
	border:none;
	margin: 0 0 30px 10px;
}

body#ver2016 #body #body-in #sidebar2 {
	float: right;
	width: 22%;
	max-width: 220px;
	padding: 0px 0px;
	margin: 67px 10px 30px 0;
	position: relative;
}

body#ver2016 #body #body-in #sidebar2 ul{
	margin: 0;
	padding: 0;
}

body#ver2016 #body #body-in #sidebar2 ul li{
	list-style-type: none;
	border-bottom: 1px dotted #888;
}

body#ver2016 #body #body-in #sidebar2 ul li:first-child{
	border-top: 1px dotted #888;
}

body#ver2016 #body #body-in #sidebar li{
	margin: 0;

}



body#ver2016 #body #body-in #sidebar2 ul li a{
	display: block;
	padding: 8px 4px 6px 22px;
	text-decoration: none;
	color: #515795;
	font-size: 16px;
	line-height: 1.2em;
}

body#ver2016 #body #body-in #sidebar2 ul.video-list li a::before,
body#ver2016 #body #body-in #sidebar2 ul#cornermenu li a::before,
body#ver2016 #body #body-in #sidebar2 .widget_categories ul li a::before,
body#ver2016 #body #body-in #sidebar2.cource ul li a::before{
	font-family: FontAwesome;
	font-size: 17px;
	padding-right: 3px;
	line-height: 1em;
	color: rgba(32,51,79,0.4);
	content: "\f0a9";
	margin-left: -18px;
}

body#ver2016 #body #body-in #sidebar2 #sidebar{
	border: none;
}

body#ver2016 #body #body-in #sidebar2 h3.widget_title{
	margin: 0 0 5px 0;
	font-size: 14px;
}

body#ver2016 #body #body-in #sidebar2 li.new-entry{
	overflow: hidden;
	padding: 2px 0 2px 2px;
	vertical-align: top;
}

body#ver2016 #body #body-in #sidebar2 a.new-entry-image{
	padding: 0px;
	vertical-align: top;
	margin-right: 2px;
}

body#ver2016 #body #body-in #sidebar2 a.new-entry-title{
	padding: 0px;
	vertical-align: top;
}

body#ver2016.single #body #body-in #sidebar2 #new_entries-2{
	display: none;
}

body#ver2016 #body #body-in a.related-entry-title-link{
	font-size: 15px;
	line-height: 1.4em;
}

body#ver2016 #body #body-in .related-entry-snippet{
	font-size: 12px;
	line-height: 1.6em;
}

body#ver2016 #body #body-in .related-entry-read a{
	display: inline-block;
	background-color: #515795;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.2em;
	padding: 2px 10px;
}

body#ver2016 #body #body-in .related-entry-read a:hover{
	background-color: #a99bbe;
}

/* @group cource */

body#ver2016 #body #body-in #sidebar2.cource h3{
	display: block;
	background-color: #515795;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.2em;
	padding: 6px 10px;
	margin: 0;
}

body#ver2016 #body #body-in #sidebar2.cource ul{
	margin: 0 0 50px 0;
}

body#ver2016 #body #body-in #sidebar2.cource ul li:first-child{
	border-top: none;
}

body#ver2016.page-id-81 #body #body-in #sidebar2.cource ul#menu-footer_arch_daytime-1,
body#ver2016.parent-pageid-81 #body #body-in #sidebar2.cource ul#menu-footer_arch_daytime-1{
	background-color: #dcd9e5;
}

body#ver2016.page-id-83 #body #body-in #sidebar2.cource ul#menu-footer_arch_evening-1,
body#ver2016.parent-pageid-83 #body #body-in #sidebar2.cource ul#menu-footer_arch_evening-1{
	background-color: #dcd9e5;
}

body#ver2016.page-id-85 #body #body-in #sidebar2.cource ul#menu-footer_trad_arch-1,
body#ver2016.parent-pageid-85 #body #body-in #sidebar2.cource ul#menu-footer_trad_arch-1{
	background-color: #dcd9e5;
}

/* @end */

/* @end */



body#ver2016 #container,
body#ver2016 #container #header,
body#ver2016 #container #main{
	bGackground-color: #fff;
}

body#ver2016 #container #navi,
body#ver2016 #container #navi ul#menu-mainmenu,
body#ver2016 #container #navi ul#menu-mainmenu li,
body#ver2016 #container #split3 ul li h3{
	background-color: #515795!important;
	background-image: none;
}

body#ver2016 #container #footer{
	background-color: #3e4373;
	background-image: none;
}

body#ver2016 #container #navi ul#menu-mainmenu>li{
	border-right: #aaa solid 1px;
}

body#ver2016 #container #navi ul#menu-mainmenu>li:first-child{
	border-left: #aaa solid 1px;
}

body#ver2016 #container #navi ul#menu-mainmenu li ul.sub-menu li{
	border-top: 1px solid #aaa;
}

body#ver2016 ul#menu-shouldermenu li:nth-of-type(1) a{
	background-color: #9584af;
}

body#ver2016 ul#menu-shouldermenu li:nth-of-type(5) a{
	background-color: #b7b0cb;
}

body#ver2016 ul#menu-shouldermenu li a{
	background-color: #a99bbe;
	color: #fff;
}

body#ver2016 #header #site-title{
	background: url(common/tagline2L.png) no-repeat center center;
}

body#ver2016 #mobile-menu a{
	font-size: 24px;
}

body#ver2016 #mobilefixmenu-cover{
	display: none;
}

body#ver2016 .article h1,
body#ver2016 .article h2.styleTitle {
	font-size: 26px;
	line-height: 30px;
	padding: 8px 12px 8px 12px;
	background-color: #515795;
	color: #FFF;
	margin: 27px 0 10px 0;
	fGont-weight: 550;
	position: relative;
	border:none;
	font-weight: normal;
	bGorder-left: 4px solid #bdbde8;
	border-left: 6px solid #000;
}

body#ver2016 .article h2.styleTitle {
	margin-top: 80px;
}

body#ver2016 .article h1:before{
 display: none;
}

body#ver2016 .article h1.entry-title {
	text-align: left;
}

body#ver2016 .article h2{
	display: block;
	clear: both;
 font-size: 1.25rem;
 font-weight: 100;
 line-height: 1.2em;
 padding: 7px 8px;
 border-top: 1px solid #23334a;
 border-bottom: 1px solid #23334a;

 border-left: none;
 margin:55px 0px 30px;
}

body#ver2016 #sidebar{
	display: block;
	width: 100%;
	padding: 0;
}

#body #main .blog-card{
  margin:0 auto;
  max-width:92%;
  width:92%;
  min-height:125px!important;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}

.parent-pageid-42 #body #main .blog-card,
.page-id-42 #body #main .blog-card{
  margin:20px auto!important;
}



body#ver2016 .bold-blue {
	color: #5c66c9;
	font-weight: bold;
}

body#ver2016 .blue {
	color: #5c66c9;
}

body#ver2016 #the-content iframe {
	width: 100%!important;
	height: 416px;
}

body#ver2016 .anker-spacer {
	display: block;
	width: 100px;
	height: 130px;
	bGackground-color: #ddd;
}



body#ver2016 .sns-follow-msg {
	text-align: center;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	color: #515795;
}

body#ver2016 #container #split2.y2020{
	width: 100%;
	mGax-width: 400px;
	float: none;
	margin: 10px auto 0px auto;
	padding-bottom: 10px;
	text-align: center;
}

body#ver2016 #container #split2.y2020 ul#top_news{
	width: 100%;
	max-width: 500px;
	margin: 10px auto 30px auto;
	text-align: left;
}

body#ver2016 #container #split1 h2,
body#ver2016 #container #split15 h2,
body#ver2016 #container #split2 h2,
body#ver2016 #container #split3 h2,
body#ver2016 #container #split4 h2,
body#ver2016 #container #split5 h2,
body#ver2016 #container #split6 h3{
	border: none;
	padding: 0 0 0 3px;
	margin: 30px 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	color: #515893;
	text-align: center;
}
/* @group top_blog_news */
body#ver2016 #container #split15 h2{
	margin: 20px 0 20px 0!important;
}

body#ver2016 #container #split15.y2020{
	padding-bottom: 40px;
}

body#ver2016 #container #body ul#top_blog_news1{
	wGidth: 460px;
	width: 49%;
	display: inline-block;
	float: left;
	margin: 0px 1% 0 0;
	padding: 0;
	bGackground-color: #fefb00;
	text-align: right;
}

body#ver2016 #container #body ul#top_blog_news1 li{
	width: 450px;
	height: 300px;
	margin: 0;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea{
	display: block;
	width: 100%;
	height: 300px;
	position: relative;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea .piecephoto{
	width: 100%;
	height: 300px;
}


body#ver2016 #container #body ul#top_blog_news2{
	width: 49%;
	float: left;
	display: inline-block;
	margin: 0 0px 10px 0;
	bGackground-color: #00fcff;
	text-align: left;
	padding: 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle{
	width: 95%;
	hGeight: 100px;
	margin: 0 0 30px 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle a{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle p{
	font-size: 13px;
	line-height: 1.6em;
}


/* @end */

/* @group blogpost */
body#ver2016 #container #split1.y2020{
	display: block;
	float: none;
	width: 100%;
	padding-bottom: 40px;
	text-align: center;
}


body#ver2016 #container #body #split1.y2020 ul#top_blog{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

body#ver2016 #container #body ul.blogpost li{
	width: 220px;
	margin: 15px 5px 10px;
	display: inline-block;
	float: none;
	vertical-align: top;
}

body#ver2016 #container #body ul.blogpost li .piecephotoarea{
	display: block;
	width: 100%;
	height: 115px;
	position: relative;
	text-align: center;
}

body#ver2016 #container #body ul.blogpost li .piecephotoarea .piecephoto{
	width: 100%;
	height: 115px;
}

body#ver2016 #container #body ul.blogpost li .piecephotoarea .labelchip{
	position: absolute;
	top: -15px;
	left: -3px;
	wGidth: 120px;
	bGackground-color: #515891;
	display: inline-block;
	color: #515891;
	font-size: 11px;
	line-height: 1em;
	text-align: left;
	padding: 2px 5px 2px 5px;
}

body#ver2016 #container #body ul.blogpost li .titlebox{
	width: 96%;
	margin: 4px 2% 0px 2%;
	font-size: 12px;
	line-height: 1.2em;
}

/* @end */

/* @group videobtn */
body#ver2016 #container #body ul.pv li{
	width: 220px;
	height: 150px;
	margin: 0 5px 10px;
}

body#ver2016 #container #body ul.pv li .piecephotoarea{
	display: block;
	width: 100%;
	height: 115px;
}

body#ver2016 #container #body ul.pv li .piecephotoarea .piecephoto{
	width: 100%;
	height: 115px;
}

body#ver2016 #container #body ul.pv li .titlebox{
	margin-top: 4px;
}

/* @end */


/* @group popup */
#body.popup{
	position: relative;
}

#body.popup #layer_board_area{
	text-align: center;
}

* html .layer_board_bg{
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;

	cursor: pointer;
	background: rgba(0,0,0,0.7);
}

.layer_board {
	position: fixed;
	left: 0;
	right: 0;
	width: 90%;
	max-width: 470px;
	margin: 50px auto 0px auto;
	padding-bottom: 10px;
	
	text-align: left;
	background-color: #eee;
	overflow: hidden;
	z-index: 2000;

	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
}

.v-video .layer_board {
	width: 96%;
	max-width: 500px;
	margin: 10px auto 0px auto;
	padding-bottom: 10px;
}

.layer_board h2{
	margin: 10px 5px 15px 5px;
	margin: 0;
	padding: 5px 10px;
	background-color: #ccc;
	font-size: 18px;
	text-align: center;
}

.layer_board ul{
	margin: 20px 10px 25px 10px;
}

.layer_board ul li{
	margin: 0px 10px 10px 0;
	font-size: 14px;
	line-height: 1.2em;
	list-style-type: decimal;
}

.layer_board .btn_cancel a,
.layer_board .btn_close a{
	float: right;
	display: inline-block;
	padding: 5px 15px;
	line-height: 1em;
	margin: 0 20px 10px 5px;
	background-color: #505497;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#layer_board_area .layer_board .btn_cancel a{
	background-color: #989898;
	margin-right: 10px;
}

/* @end */


/* @group footer */
body#ver2016 #footer-in{
	max-width: 1000px;
}

body#ver2016 #footer-in .ac_menu{
	display: none;
}

body#ver2016 #footer-in #footer_menu{
	display: block;
	overflow: hidden;
}



body#ver2016 #footer-in #fb_1,
body#ver2016 #footer-in #fb_2{
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #999;
}

body#ver2016 #footer-in #footer_menu #fb_1 h2,
body#ver2016 #footer-in #footer_menu #fb_2 h2{
	width: 23%;
	float: left;
	padding: 0;
	height: 35px;
}

body#ver2016 #footer-in #footer_menu #fb_2 ul#fb_2_btn li a{
	font-size: 16px;
	margin: 0 20px 10px 0;
	padding: 0;
}

body#ver2016 #footer-in #footer_menu #fb_2 ul#menu-footer_invite-1{
	mGargin-top: 8px;
	margin-left: 23%;
}

body#ver2016 #footer-in #footer_menu #fb_1 ul{
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body#ver2016 #footer-in #footer_menu #fb_1 ul li,
body#ver2016 #footer-in #footer_menu #fb_2 ul li{
	display: inline-block;
	float: left;
	margin: 0;
}

body#ver2016 #footer-in #footer_menu #fb_2 ul{
	margin: 0 0 0 20%;
	padding: 0;
	overflow: hidden;
}

body#ver2016 #footer-in #footer_menu #fb_1 ul li a,
body#ver2016 #footer-in #footer_menu #fb_2 ul li a{
	display: inline-block;
	float: left;
	margin: 0 16px 0 0;
}

body#ver2016 #footer-in #fb_3_4{
	width: 100%;
	margin-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #999;
}

body#ver2016 #footer-in #fb_3{
	width: 75%;
	float: left;
}

body#ver2016 #footer-in #fb_31,
body#ver2016 #footer-in #fb_32,
body#ver2016 #footer-in #fb_33{
	width: 31%;
	float: left;
	padding-bottom: 20px;
}

body#ver2016 #footer-in #fb_4{
	width: 25%;
	float: left;
	padding-bottom: 20px;
}

body#ver2016 #footer-in #footer_menu #fb_4 ul{
	margin-bottom: 0;
}


body#ver2016 #footer-in #fb_5{
	width: 23%;
	float: left;
	padding-bottom: 20px;
}

body#ver2016 #footer-in #fb_6{
	width: 27%;
	float: left;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 1.6em;
	margin-right: 3%;
}

body#ver2016 #footer-in #footer_menu h2{
	color: #fff;
	font-weight: normal;
	font-size: 22px;
	line-height: 1.1em;
	padding-bottom: 30px;
	margin: 0;
}

body#ver2016 #footer-in #footer_menu h2#inquirytitle{
	padding-top: 20px;
	padding-bottom: 10px;
}

body#ver2016 #footer-in a#inquirybtn{
	list-style-type: none;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0 0 10px 0;
	text-decoration: none;
}

body#ver2016 #footer-in #footer_menu h3{
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 15px 0;
}

body#ver2016 #footer-in #footer_menu h3 .sub{
	font-size: 12px;
	line-height: 1.2em;
}


body#ver2016 #footer-in #footer_menu ul{
	padding: 0;
	margin: 0 0 40px 0;
}

body#ver2016 #footer-in #footer_menu ul li{
	list-style-type: none;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

body#ver2016 #footer-in #footer_menu ul li a{
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4em;
	padding: 5px 0;
}

body#ver2016 #footer-in #footer_map{
	width: 45%;
	float: left;
	padding: 0;
	padding-bottom: 20px;
}

body#ver2016 #footer-in #footer_map .mapp-align-center{
	padding: 0;
	margin: 0;
}

body#ver2016 #footer-in #footer_map .mapp-map-links{
	background-color: #4f5795;
	border-top: 1px solid #888;
}

body#ver2016 #footer-in #footer_map .mapp-map-links a{
	color: #fff;
	font-size: 14px;
}

body#ver2016 #footer-in #footer_map #mapp1_layout{
	width: 100%!important;
	margin: 0 auto;
}

body#ver2016 #footer-in .mapp-align-center {
	width: 100%!important;
}

/* @end */

/* @group top */

body#ver2016 #body{
	margin-top: 170px;
	margin-bottom: 50px;
}

body#ver2016.page-id-2953 #body #main,
body#ver2016.page-id-3071 #body #main{
	width: 100%;
	max-width: 1000px;
	padding: 0;

}

body#ver2016 #container #area-slide{
	width: 740px;
	float: left;
}

body#ver2016 #container #area-topics{
	width: 240px;
	float: right;
}

body#ver2016 #container .t2024 #area-slide{
	width: 100%;
	max-width: 1000px;
	float: none;
}

body#ver2016 #container .t2024 #area-topics{
	width: 100%;
	max-width: 620px;
	float: none;
	margin: 8px auto 0 auto;
}


body#ver2016 #container #area-topics ul{
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 1em;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	width: 100%;
}

body#ver2016 #container #area-topics ul li{
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin: 0 0 1px 0;
}

.tG2024 #area-topics ul#top_topics.headline,
bGody#ver2016 #container .t2024 #area-topics ul#top_topics.headline{
	width: 100%;
}

body#ver2016 #container .t2024 #area-topics ul li{
	width: 32%;
	margin-right: 1px;
}


body#ver2016 #container #area-topics ul li a{
	padding: 0;
	margin: 0;
	display: block;
}

body#ver2016 #container #split0 h2,
body#ver2016 #container #split1 h2,
body#ver2016 #container #split15 h2,
body#ver2016 #container #split2 h2,
body#ver2016 #container #split3 h2,
body#ver2016 #container #split4 h2,
body#ver2016 #container #split5 h2,
body#ver2016 #container #split6 h2,
body#ver2016 #container #split6 h3{
	border: none;
	padding: 0 0 0 3px;
	margin: 50px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #515893;
}

body#ver2016 #container #split0 li,
body#ver2016 #container #split1 li,
body#ver2016 #container #split2 li,
body#ver2016 #container #split3 li,
body#ver2016 #container #split4 li,
body#ver2016 #container #split5 li,
body#ver2016 #container #split6 li{
	list-style-type: none;
}

body#ver2016 #container #split1 a,
body#ver2016 #container #split2 a,
body#ver2016 #container #split3 a,
body#ver2016 #container #split4 a,
body#ver2016 #container #split5 a,
body#ver2016 #container #split6 a{
	text-decoration: none;
}

body#ver2016 #container #split-1{
	clear: both;
	text-align: center;
	padding: 30px 0 20px 0;
	width: 85%;
	max-width: 600px;
	margin: 0 auto;
}

body#ver2016 #container #split0{
	clear: both;
	text-align: center;
	padding: 20px 0 0px 0;
}

body#ver2016 #container #split0 h2{
	margin: 0;
}

body#ver2016 #container #split0 ul{
	letter-spacing: -.40em;
	margin: 10px 0 0 0;
	padding: 0;
}

body#ver2016 #container #split0 ul li{
	letter-spacing: normal;
	width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 1% 20px 1%;
	font-size: 12px;
	line-height: 1.2em;
}

body#ver2016 #container #titleblog,
body#ver2016 #container #titlenews{
	margin-top: 25px!important;
}


body#ver2016 #container #split1{
	display: inline-block;
	padding: 0 0 40px 0;
	margin: 0;
	float: left;
	width: 740px;
	padding-bottom: 40px;
	
}

body#ver2016 #container #split1 ul{
	padding: 0;
	margin: 0;
	width: 740px;
	overflow: hidden;
}

body#ver2016 #container #split1 ul li{
	width: 178px;
	margin: 0 2px 5px 2px;
	float: left;
	list-style-type: none;
	position: relative;
}

body#ver2016 #container #split1 ul li .thumbnailbox{
	width: 178px;
	height: 120px;
	margin-bottom: 4px;
	background-color: #eee;
	overflow: hidden;
}


body#ver2016 #container #split1 ul.entermode li{
	width: 218px;
}

body#ver2016 #container #split1 ul.entermode li .thumbnailbox{
	width: 218px;
	height: 140px;
}

body#ver2016 #container #split1 ul li .thumbnailbox .ribon.entrance{
	width: 63px;
}



body#ver2016 #container #split1 ul li .thumbnailbox .ribon{
	position: absolute;
	top: 10px;
	lGeft: -8px;
	right: -4px;
	width: 43px;
	height: 13px;
	padding: 3px 0 5px 5px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #e70000;
	-moz-box-shadow: 2px 1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 1px 3px rgba(0,0,0,0.4);
	box-shadow: 2px 1px 3px rgba(0,0,0,0.4);
}

body#ver2016 #container #split1 ul li .thumbnailbox .ribon:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -4px;
    right: 2px;
    z-index: 1;
    border: 4px solid;
    border-color: transparent #662121 transparent transparent;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}


body#ver2016 #container #split1 ul li a{
	font-size: 13px;
	line-height: 1.6em;
	text-decoration: none;
}

body#ver2016 #container #split1 ul li .titlebox{
	width: 90%;
	height: 40px;
	overflow: hidden;
}

body#ver2016 #container #split1 #moreblog{
	float: right;
	margin: 0 10px 0 0;
}

body#ver2016 #container #split1 #moreblog a{
	background-color: #515795;
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 1em;
	padding: 4px 10px;
}

body#ver2016 #container #split1 #moreblog a::after{
	font-family: FontAwesome;
	content: "\f0a9";
	font-size: 12px;
	line-height: 1em;
	color: rgba(255,255,255,0.5);
	padding-left: 5px;
}

body#ver2016 #container #split1 #moreblog a:hover{
	background-color: #d0c9e3;
}

body#ver2016 #container #split2{
	display: inline-block;
	padding: 0;
	margin: 0;
	float: right;
	width: 240px;
	padding-bottom: 40px;
}



body#ver2016 #container #split2 ul{
	margin: 0;
	padding: 0;
}

body#ver2016 #container #split2 li{
	border-bottom: 1px dotted #999;
	list-style-type: none;
	padding: 8px 0 8px 25px;
	background: url(common/bg_arrow_s.png) no-repeat left center;
	font-size: 13px;
	line-height: 1em;
}

body#ver2016 #container #split2 li:first-child{
	border-top: 1px dotted #999;
}


body#ver2016 #container #split2 li a{
	text-decoration: none;
	font-size: 13px;
	line-height: 1.3em;
}


body#ver2016 #container #split3{
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
}

body#ver2016 #container #split3 ul{
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	
}

 
body#ver2016 #container #split3 ul li{
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	width: 323px;
	margin: 0 5px 20px 5px;
}

body#ver2016 #container #split3 ul li a{
	text-decoration: none;
}

body#ver2016 #container #split3 ul li h3{
	text-align: left;
	border: navajowhite;
	color: #fff;
	font-size: 18px;
	line-height: 1em;
	padding: 6px 4px;
	margin: 0;
}

body#ver2016 #container #split3 ul li h3 .sub{
	font-size: 14px;
	font-weight: normal;
}

body#ver2016 #container #split3 ul li .titlebox{
	width: 90%;
	padding-right: 10%;
	height: 40px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	line-height: 1.4em;
	text-decoration: none;
	padding-bottom: 20px;
	background: url(common/bg_arrow.png) no-repeat right top;
}


body#ver2016 #container #split4,
body#ver2016 #container #split5{
	clear: both;
}

body#ver2016 #container #split5{
	padding-bottom: 50px;

}

body#ver2016 #container #split4 ul,
body#ver2016 #container #split5 ul{
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: -.40em;
}
 
body#ver2016 #container #split4 ul li,
body#ver2016 #container #split5 ul li{
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	width: 323px;
	margin: 0 5px 20px 5px;
	text-align: left;
	vertical-align: top;
	background-color: #eee;
}

body#ver2016 #container #split4 ul li .titlebox{
	min-height: 110px;
}

body#ver2016 #container #split5 ul li .titlebox{
	min-height: 60px;
}

body#ver2016 #container #split4 ul li#shikaku{
	background: #d97754 url(common/symbol_shikaku.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li#shinro{
	background: #c8ae47 url(common/symbol_shinro.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li#jisseki{
	background: #a6c0a0 url(common/symbol_jisseki.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#enter{
	background: #515893 url(common/symbol_info.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#info{
	background: #8387a4 url(common/symbol_entry.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#openlecture{
	background: #a47a8e url(common/simbol_openlecture.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li .titlebox,
body#ver2016 #container #split5 ul li .titlebox{
	width: 70%;
	margin: 5px 0 5px 20%;
	padding: 0 0 5px 5px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: middle;
}

body#ver2016 #container #split4 ul li a::after,
body#ver2016 #container #split5 ul li a::after{
	font-family: FontAwesome;
	content: "\f0a9";
	font-size: 24px;
	line-height: 1em;
	color: rgba(255,255,255,0.5);
}

body#ver2016 #container #split4 ul li a,
body#ver2016 #container #split5 ul li a{
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4em;
	color: #fff;
}

body#ver2016 #container #split4 ul li h3,
body#ver2016 #container #split5 ul li h3{
	text-align: left;
	border: navajowhite;
	font-size: 18px;
	line-height: 1em;
	padding: 6px 0px;
	margin: 0;
	color: #fff;
}


body#ver2016 #container #split6 #titlecampusblock{
	width: 30%;
	float: left;
}

body#ver2016 #container #split6 #titlecampusblock h2{
	margin: 0 0 5px 8px;
}

body#ver2016 #container #split6 #titlecampusblock #subtitlecampus{
	margin: 0 0 20px 10px;
	font-size: 14px;
	line-height: 1.5em;
}

body#ver2016 #container #split6 ul{
	padding: 0;
	width: 670px;
	letter-spacing: -.40em;
	margin: 0px 0 0 0;
	float: right;

}

body#ver2016 #container #split6 ul li{
	width: 323px;
	margin: 0px 5px 20px 5px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;

}

body#ver2016 #container #split6 ul li h3{
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 17px;
	line-height: 1em;
}

body#ver2016 #container #split6 ul li .titlebox{
	width: 90%;
	padding-right: 10%;
	background: url(common/bg_arrow.png) no-repeat right top;
	font-size: 13px;
	line-height: 1.4em;
}

body#ver2016 #container #split0 ul#pv li{
	width: 22%;
	margin: 0 1% 20px 1%;
}



/* @end */

/* @group wide */
body#ver2016 #body.wide{
	mGargin-top: 155px;
	margin-bottom: 50px;
}

body#ver2016 #body.wide #body-in{
	padding-top: 300px;
	position: relative;
	border-radius: 5px;
}

body#ver2016 #body.wide #body-in #catch{
	position: absolute;
	top: 150px;
	left: 3%;
	width: 94%;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-shadow: rgba(0,0,0,1) 0px 0px 5px;
}



/* @end */


/* @end */

/* @group footer */

#footer{
	width: 100%;
	padding: 5px 0 10px;
	background-color: #23334a;
	background-image: -o-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
}

#footer-widget li,
#footer-widget p {
  font-size: 13px;
  line-height: 2em;
}

#fb-root{
	display: none;
}

#invisibleimage{
	position: absolute;
	bottom: 0;
	z-index: -1;
}

#page-top a{
	-moz-box-shadow: 0px 0px 6px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px 0px 6px rgba(255,255,255,0.7);
	box-shadow: 0px 0px 6px rgba(255,255,255,0.7);
}

/* @end */

/* @group table */
#body table{
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#body table.basictable{
width: 100%;
max-width: 700px;
}

/* @end */

/* @group simpletable */

#body table.simpletable {
	clear: both;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	vertical-align: text-top;
	margin: 5px 0 30px 0;
	width: 100%;
	max-width: 700px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#body table.simpletable.narrowbottom {
	margin-bottom: 5px;
}

#body table.simpletable th{
	vertical-align: text-top;
	background-color: #d3d1bf;
	border-top: 1px solid #ccc;
	padding: 5px 6px 5px 5px;
	font-weight: normal;
	height: 100%;
	font-size: 0.9em;
	color: #444;
	line-height: 1.5em;
	text-align: left;
	width: 100px;
}
		
#body table.simpletable td{
	vertical-align: text-top;
	border-top: 1px solid #ccc;
	padding: 5px 8px 5px 8px;
	font-size: 0.9em;
	color: #444;
	line-height: 1.5em;
	text-align: left;
}

#body table.simpletable th.end, table.simpletable td.end{
	border-right: none;
}

#body table.simpletable tr.end th, table.simpletable tr.end td{
	border-bottom: 1px solid #ccc;
}

#body table.simpletable td.column-1{
	background-color: #e2e1d9;
	border-top: 1px solid #bbb;
}


/* @end */


/* @group linelist */

.linelist ul{
	border-top: 1px solid #555;
	padding: 0;
	margin-top: 0;
}

.linelist ul li{
	list-style-type: none;
	border-bottom: 1px dotted #999;
	display: block;
	padding: 4px 2px;
	margin: 0;
}

.linelist li a{
	text-decoration: none;
	line-height: 1.4em;
}

.linelist li .rss-date{
	font-size: 12px;
	color: #999;
}



/* @end */

/* @group navi */
#header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
}

#container #navi{
	position: fixed;
	top: 100px;
	width: 100%;
	z-index: 999;
}

#header #site-title{
  margin-top:26px;
  margin-bottom:0px;
  font-size: 1px;
  line-height: 1em;
}


#header li{
	list-style-type: none;
}

#site-title a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

input.submitBtn,
a,
a img{
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

/* @group panelmenu */
#bg_mobilepanelmenu{
	display: none;
}

#bg_mobilepanelmenu{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	text-align: center;
}

#mobilepanelmenu{
	width: 94%;
	background-color: rgba(255,255,255,0.85);
	border: #515795 2px solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: fixed;
	top: 15px;
	bottom: 15px;
	left: 3%;
	z-index: 999;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

#mobilepanelmenu a#panelbtnX{
	position: absolute;
	font-size: 40px;
	line-height: 1em;
	top: -10px;
	left: -40px;
	display: block;
	padding: 0;
	text-shadow: rgba(255,255,255,1) 0px 0px 5px;
	width: 100px;
	hGeight: 100px;
}

#mobilepanelmenu a#panelbtnX i{
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mobilepanelmenu ul{
	display: table;
	margin: 0;
	width: 100%!important;
	hGeight: 6.8%;
	height: 6.2%;
	padding: 0;
	border-bottom: 1px solid #515795;
}

#mobilepanelmenu ul#mt04,
#mobilepanelmenu ul#mt05,
#mobilepanelmenu ul#mt06{
	height: 12.5%;
}

#mobilepanelmenu ul#mt12{
	border-bottom: none;
}

#mobilepanelmenu li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

#mobilepanelmenu li a.panelbtn{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #515795;
	line-height: 1em;
	text-align: center;
	display: block;
	letter-spacing: normal; /* 文字間を通常に戻す */
}

#mobilepanelmenu a.panelbtn:hover{
	color: #d5d0e6!important;
}

#mobilepanelmenu li#pb01{
	width: 100%;
}

#mobilepanelmenu li#pb02,
#mobilepanelmenu li#pb03{
	width: 49.5%;
}

#mobilepanelmenu ul#mt032{
	height: 7%;
}

#mobilepanelmenu li#pb-RL{
	bGackground-color: #424983;
	background-color: #77a55b;
	border-bottom: 1px solid #fff;
}

#mobilepanelmenu li#pb-RL a{
	color: #fff;
}


#mobilepanelmenu li#pb04,
#mobilepanelmenu li#pb05,
#mobilepanelmenu li#pb06{
	width: 33%;
}

#mobilepanelmenu li#pb07,
#mobilepanelmenu li#pb08,
#mobilepanelmenu li#pb09{
	width: 33%;
}

#mobilepanelmenu li#pb10,
#mobilepanelmenu li#pb11,
#mobilepanelmenu li#pb12{
	width: 33%;
}

#mobilepanelmenu li#pb13,
#mobilepanelmenu li#pb14,
#mobilepanelmenu li#pb15{
	width: 33%;
}

#mobilepanelmenu li#pb16,
#mobilepanelmenu li#pb17{
	width: 49.5%;
}

#mobilepanelmenu li#pb18,
#mobilepanelmenu li#pb19,
#mobilepanelmenu li#pb20{
	width: 33%;
}

#mobilepanelmenu li#pb21,
#mobilepanelmenu li#pb22,
#mobilepanelmenu li#pb23{
	width: 33%;
	border-bottom: none;
}

#mobilepanelmenu li#pb02,
#mobilepanelmenu li#pb04,
#mobilepanelmenu li#pb05,
#mobilepanelmenu li#pb10,
#mobilepanelmenu li#pb11,
#mobilepanelmenu li#pb13,
#mobilepanelmenu li#pb14,
#mobilepanelmenu li#pb16,
#mobilepanelmenu li#pb18,
#mobilepanelmenu li#pb19,
#mobilepanelmenu li#pb21{
	border-right: 1px solid #515795;
}

#mobilepanelmenu li#pb18 a,
#mobilepanelmenu li#pb19 a,
#mobilepanelmenu li#pb20 a,
#mobilepanelmenu li#pb21 a,
#mobilepanelmenu li#pb22 a{
	font-size: 11px;
}

#mobilepanelmenu li#pb02,
#mobilepanelmenu li#pb03{
	background-color: #e5d19b;
}

#mobilepanelmenu li#pb07,
#mobilepanelmenu li#pb08,
#mobilepanelmenu li#pb09{
	background-color: #a7aac0;
}

#mobilepanelmenu li#pb07{
	background: url(common/bg_mobilemenu_1_2.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 1px solid #fff;
}

#mobilepanelmenu li#pb08{
	background: url(common/bg_mobilemenu_2.jpg) no-repeat center center;
	background-size: cover;
	border-bottom: 1px solid #fff;
}

#mobilepanelmenu li#pb09{
	background: url(common/bg_mobilemenu_3.jpg) no-repeat center center;
	background-size: cover;	
}

#mobilepanelmenu li#pb02 a,
#mobilepanelmenu li#pb03 a,
#mobilepanelmenu li#pb07 a,
#mobilepanelmenu li#pb08 a,
#mobilepanelmenu li#pb09 a,
#mobilepanelmenu li#pb10 a,
#mobilepanelmenu li#pb11 a,
#mobilepanelmenu li#pb12 a,
#mobilepanelmenu li#pb13 a,
#mobilepanelmenu li#pb14 a,
#mobilepanelmenu li#pb15 a{
	cGolor: #fff;
}

#mobilepanelmenu li#pb07 a,
#mobilepanelmenu li#pb08 a,
#mobilepanelmenu li#pb09 a{
	color: #fff;
	tGext-align: right;
	padding-left: 45%;
}

#Gmobilepanelmenu li#pb10{
	background-color: #e2bcae;
}

#Gmobilepanelmenu li#pb11{
	background-color: #dbd1a7;
}

#Gmobilepanelmenu li#pb12{
	background-color: #d2dcd0;
}

#Gmobilepanelmenu li#pb13{
	background-color: #a7aac1;
}

#Gmobilepanelmenu li#pb14{
	background-color: #c1c3ce;
}

#Gmobilepanelmenu li#pb15{
	background-color: #cdbcc4;
}




#mobilepanelmenu li#pb01 a::before,
#mobilepanelmenu li#pb02 a::before,
#mobilepanelmenu li#pb03 a::before,
#mobilepanelmenu li#pb10 a::before,
#mobilepanelmenu li#pb11 a::before,
#mobilepanelmenu li#pb12 a::before,
#mobilepanelmenu li#pb13 a::before,
#mobilepanelmenu li#pb14 a::before,
#mobilepanelmenu li#pb15 a::before{
	font-family: FontAwesome;
	font-size: 17px;
	padding-right: 3px;
	line-height: 1em;
	color: rgba(32,51,79,0.4);
}

#mobilepanelmenu li#pb01 a::before{
	content: "\f015";
}

#mobilepanelmenu li#pb02 a::before{
	content: "\f090";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb03 a::before{
	content: "\f0f6";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb10 a::before{
	content: "\f219";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb11 a::before{
	content: "\f02b";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb12 a::before{
	content: "\f14e";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb13 a::before{
	content: "\f19d";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb14 a::before{
	content: "\f129";
	cGolor: rgba(255,255,255,0.5);
}

#mobilepanelmenu li#pb15 a::before{
	content: "\f044";
	cGolor: rgba(255,255,255,0.5);
}
/* @end */

/* @group fixmenu */
#mobilefixmenu{
display: none;
}

#mobilefixmenu{
	width: 100%;
	background-color: #515795;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

#mobilefixmenu a{
	font-size: 15px;
	line-height: 1em;
	cGolor: #515795;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	bGorder: 1px solid #fff;
	padding: 6px 6px;
	
	-mGoz-border-radius: 4px;
	-wGebkit-border-radius: 4px;
	bGorder-radius: 4px;
	
	background-color: #7379b4;
}

#mobilefixmenu a#fixbtn1{
	margin: 6px 3px 8px 12px;
}

#mobilefixmenu a#fixbtn2{
	margin: 6px 0px 8px 3px;
}

#mobilefixmenu a#humbergermenu{
	float: right;
	margin: 6px 12px 8px 0;

}


#mobilefixmenu a:hover{
	color: #fff;
	background-color: #c4c8ea;
}

/* @end */

/* @group .btnform */
.btncenter{
	margin: 40px auto 50px;
	text-align: center;
}

a.btnform{
	width: 95%!important;
	font-size: 22px;
	line-height: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin: 10px 0 20px 0px;
	padding: 10px 15px;
	
	background-color: #e2b228;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

a.btnform.btnform-sub{
	width: 80%!important;
	font-size: 16px;
	padding: 8px 15px;
	bGackground-color: #e4cc89;
	bGackground-color: #e4d772;
}

a.btnform:after{
    font-family: 'FontAwesome';
    content: '\f0a9';
    margin: 0 0px 0 3px;
}

a.floatleft{
	float: left;
	margin-right: 10px;
}

div.btnformpre{
	display: inline;
	width: 100%;
	mGax-width: 350px;
	font-size: 22px;
	line-height: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin: 10px 0 20px 0px;
	padding: 10px 15px;
	
	background-color: #61cae1;
	overflow: hidden;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* @end */

/* @group mainmenu */
p#site-description{
	display: none;
}

#container #navi{
	width: 100%;
	height: 55px;
	background-color: #23334a;
	background-image: -o-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
}

#container #header-in,
#container #navi #navi-in{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}

#container #navi ul#menu-mainmenu{
	background-color: #111;
	text-align: center;
	height: 55px;
	background-image: -o-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -moz-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -webkit-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: -ms-linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	background-image: linear-gradient(180deg , rgb(13,29,53) 0%, rgb(40,55,79) 100%);
	border: none;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

#container #navi ul#menu-mainmenu>li{
	width: 100px;
	height: 55px;
	text-align: center;
	border-right: #444 solid 1px;
	float: none;
	display: inline-block;
	letter-spacing: normal;
	background-color: #17253d;
}

#container #navi ul#menu-mainmenu>li:first-child{
	border-left: #444 solid 1px;
}


#container #navi ul#menu-mainmenu>li a{
	font-size:14px;
	line-height: 1.1em;
	display: block;
	padding: 13px 0 0 0;
	height: 42px;
	color:#fff;
	text-decoration:none;
	z-index:99;
}

#container #navi ul li a .sub{
	font-size:11px;
	display: block;
	color:#fff;
}

#container #navi ul li a:hover{
	background-color: #ddd;
	color: #333!important;
}

#container #navi ul li a:hover .sub{
	color: #333!important;
}


#container #navi ul#menu-mainmenu li ul.sub-menu{
	border: none;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li{
	width: 200px;
	height: 35px;
	text-align: left;
	float: none;
	display: block;
	letter-spacing: normal;
	background-color: #17253d;
	border-top: 1px solid #666;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li a{
	width: 194px;
	height: 25px;
	text-align: left;
	padding: 10px 0 0px 6px;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	color: #fff;
}



/* @end */

/* @group shouldermenu */

ul#menu-shouldermenu{
	margin: 0;
	padding: 0;	
}

ul#menu-shouldermenu li{
	float: left;
	border-right: 1px solid #fff;
}

ul#menu-shouldermenu li:nth-of-type(1) a{
	background-color: #d9c5b0;
	padding-left: 11px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

ul#menu-shouldermenu li:nth-of-type(5) a{
	background-color: #abd4d7;
	padding-right: 11px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

ul#menu-shouldermenu li a{
	display: block;
	font-size: 11px;
	line-height: 1em;
	padding: 7px 8px 6px;
	text-decoration: none;
	color: #555;
	background-color: #e3d7c9;

	-moz-box-shadow: inset 0px -1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px -1px 2px rgba(0,0,0,0.2);
	box-shadow: inset 0px -1px 2px rgba(0,0,0,0.2);
}

ul#menu-shouldermenu li a:hover{
	background-color: #eee!important;
	color: #555;
}



/* @end */

/* @group spmenu */

.alignright.top-spbtn{
	margin: 40px 0 0 0;
	padding: 0;
}

ul#menu-spmenu{
	margin: 0px 0 0 0;
	padding: 0;
	
	background-color: #e2b228;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.home .element-m{
	text-align: center;
}
	
ul#menu-spmenu2{
	width: 265px;
	margin: 0 auto 0 auto;
	padding: 0;
	
	background-color: #e2b228;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

ul#menu-spmenu li,
ul#menu-spmenu2 li{
	float: left;
	list-style-type: none;
	border-right: 1px solid #fff;
}

ul#menu-spmenu li a,
ul#menu-spmenu2 li a{
	display: block;
	font-size: 16px;
	height: 30px;
	line-height: 1em;
	padding: 8px 10px 8px;
	text-decoration: none;
	font-weight: bold;
	bGackground-color: #e2b228;
	color: #fff;
	text-align: center;
}

ul#menu-spmenu  li a .sub,
ul#menu-spmenu2  li a .sub{
	font-size:11px;
	display: block;
	color:#fff;
	font-weight: normal;
}

ul#menu-spmenu li#menu-item-1083 a,
ul#menu-spmenu2 li#menu-item-1 a{
	padding-left: 18px;
	border-right: 1px solid #cfa224;
}

ul#menu-spmenu li#menu-item-1084 a,
ul#menu-spmenu2 li#menu-item-2 a{
	padding-right: 18px;
}

ul#menu-spmenu li a:hover,
ul#menu-spmenu2 li a:hover{
	background-color: #f3d078;
}



/* @end */

/* @end */


/* @group home */

/*******************************
* homeページのみ１カラム可変幅に
********************************/
#header-in,
#navi-in,
#footer-in{
	width: 96%;
	margin: 0 auto;
	float: none;
}

.home #main{
	padding-top: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

.home #body #body-in{
	width: 100%;
	margin: 0 auto;
}

#pgc-19-0-2.panel-grid-cell {
	overflow: hidden;
}


/*******************************
* post-xx の指定固定ページ記事タイトル非表示
********************************/

.home #main .entry-title {
	display:none;
}



/*******************************
* homeページのグローバルナビとスライドの間を詰める
********************************/

.home #body{
	margin-top:155px;
}


.Ghome #body {
	left:  -55px;
	right: -55px;
}

.home .full.band1,
.home .full.band2,
.home .full.band3,
.home .full.band4{
	padding: 20px 35px 30px 35px;
	text-align: center;
}

.home .full.band1{
	width: 90%;
	max-width: 640px;
	margin: 10px auto
	20px;
}

.home .full.band3{
	margin: 0!important;
	padding: 0px 35px 20px 35px!important;
}

.home .full.band2,
.home .full.band4{
	background-color: #fff;
}


.home #body .caption-wrap{
	display: none;
}

.home #body #homeslide{
	position: relative;
	background-color: #cdcdb9;
}

.home #body #homeslide .metaslider{
	max-width: 1000px;
}

.home #body #homeslide #catchcopy{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 380px;
	height: 400px;

}


.home #body .siteorigin-panels-stretch {
	display: block;
	padding: 0!important;
	margin: 0 auto!important;
}


.home .article  h4{
  border-bottom:none;
  margin-bottom: 10px;
  margin-top: 10px;
  font-size:20px;
  padding:30px 0 10px 0;
}


.home .article  h4 a{
	text-decoration: none!important;
}

.home #body .siteorigin-widget-tinymce > p{
	display: none;
}

.fb-page{
	margin-bottom: 30px;
}

#container #body .article ul.snsb,
#container #body .article ul.snsp{
	text-align: center;
}

#container #body .article ul.snsb li {
  float: none;
  display: inline-block;
  list-style-type: none;
  margin: 2px 3px 5px 3px;
}

article.article{
	pGosition: relative;
}

#the-content{
	position: relative;
}

article.article #adblock{
	position: absolute;
	bottom: -230px;
	left: 0;
	right: 0;
	text-align: center;
	border-top: 1px dotted #aaa;
	padding-top: 5px;
	overflow: hidden;
}

/* @group adblock */



/* @end */

/* @group news */


.home #body .band3 ul{
	width: 100%;
	max-width: 600px;
	margin: 10px auto
	20px;
}


/* @end */

/* @group submenu */

#body #submenu{
	margin:30px auto 0 auto;
	width: 92%;
	text-align: right;
	background-color: rgba(170,170,170,0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

#body #submenu .blog-card{
	margin:0px 0 0 auto;
	width: 95%;
	text-align: left;
	min-height: 100px;
	border-top: none;
}

#body #submenu .submenuPart > a{
	display: none;
}

#body #submenu #submenu00 .blog-card{
	margin:10px 0 0;
	width: 100%;
	border-top: 8px solid #25334b;
}

.page-id-37   #body #submenu #submenu00 .blog-card,
.page-id-74   #body #submenu #submenu02 .blog-card,
.page-id-79   #body #submenu #submenu03 .blog-card,
.page-id-1021 #body #submenu #submenu04 .blog-card,

.page-id-44   #body #submenu #submenu00 .blog-card,

.page-id-77   #body #submenu #submenu00 .blog-card,
.page-id-900  #body #submenu #submenu01 .blog-card,
.page-id-279  #body #submenu #submenu02 .blog-card,
.page-id-281  #body #submenu #submenu03 .blog-card,
.page-id-916  #body #submenu #submenu04 .blog-card,
.page-id-277  #body #submenu #submenu05 .blog-card,
.page-id-927  #body #submenu #submenu06 .blog-card,

.page-id-81   #body #submenu #submenu00 .blog-card,
.page-id-87   #body #submenu #submenu01 .blog-card,
.page-id-89   #body #submenu #submenu02 .blog-card,
.page-id-91   #body #submenu #submenu03 .blog-card,
.page-id-93   #body #submenu #submenu04 .blog-card,
.page-id-95   #body #submenu #submenu05 .blog-card,
.page-id-127  #body #submenu #submenu06 .blog-card,

.page-id-83   #body #submenu #submenu00 .blog-card,
.page-id-99   #body #submenu #submenu01 .blog-card,
.page-id-101  #body #submenu #submenu02 .blog-card,
.page-id-103  #body #submenu #submenu03 .blog-card,
.page-id-296  #body #submenu #submenu04 .blog-card,
.page-id-105  #body #submenu #submenu05 .blog-card,

.page-id-50   #body #submenu #submenu00 .blog-card,
.page-id-131  #body #submenu #submenu01 .blog-card,
.page-id-133  #body #submenu #submenu02 .blog-card,
.page-id-135  #body #submenu #submenu03 .blog-card,

.page-id-42   #body #submenu #submenu00 .blog-card,
.page-id-120  #body #submenu #submenu01 .blog-card,
.page-id-534  #body #submenu #submenu02 .blog-card,
.page-id-124  #body #submenu #submenu03 .blog-card,
.page-id-129  #body #submenu #submenu04 .blog-card,
.page-id-137  #body #submenu #submenu05 .blog-card,

.page-id-85   #body #submenu #submenu00 .blog-card,
.page-id-1163 #body #submenu #submenu01 .blog-card,
.page-id-1166 #body #submenu #submenu02 .blog-card,
.page-id-1173 #body #submenu #submenu03 .blog-card,
.page-id-109  #body #submenu #submenu04 .blog-card,
.page-id-111  #body #submenu #submenu05 .blog-card,
.page-id-111  #body #submenu #submenu06 .blog-card,

.page-id-40   #body #submenu #submenu00 .blog-card,
.page-id-116  #body #submenu #submenu01 .blog-card,
.page-id-113  #body #submenu #submenu02 .blog-card,
.page-id-118  #body #submenu #submenu03 .blog-card,

.page-id-     #body #submenu #submenu00 .blog-card,
.page-id-1600 #body #submenu #submenu01 .blog-card,
.page-id-1612 #body #submenu #submenu02 .blog-card,
.page-id-1550 #body #submenu #submenu03 .blog-card{
	background-color: #f3f3f3;
}

#body #submenu .blog-card .blog-card-thumbnail{
	margin: 0;
	padding: 0;
	min-height:60px;
	font-size: 1px;
	line-height: 1em;
}

#body #submenu .blog-card.internal-blog-card{
	padding: 0;
}

#body #submenu .blog-card.internal-blog-card .blog-card-content{
	padding-top: 1px;
}


#body #submenu .blog-card.internal-blog-card .blog-card-title{
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 6px;
}

#body #submenu .blog-card.internal-blog-card .blog-card-excerpt{
	font-size: 12px;
	line-height: 1.4em;
}

#body #submenu .blog-card .blog-card-footer{
	display: none;
}

#body #submenu .blog-card,
#Gbody #submenu .blog-card a.blog-card-thumbnail-link{
	position: relative;
}

#body #submenu .blog-card::before{
	font-family: FontAwesome;
	content: "\f0a9";
	font-size: 30px;
	cGolor: #17253d;
	color: #fff;
	position: absolute;
	top: 35px;
	left: 40px;
	
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	tGext-shadow: rgba(255,255,255,1) 0px 0px 8px;
	text-shadow: rgba(0,0,0,1) 0px 0px 8px;
}

/* @end */

/* @group blogcard */

.home #body .column3 #courses{
	vertical-align: top;
	bGackground-color: #ddd;
	padding: 0px;
	overflow: hidden;
	text-align: center;
}

.home #body .column3 .internal-blog-card{
	display: inline-block;
	font-size: 100px;
	width: 220px!important;
	min-width: 220px;
	height: 350px!important;

	margin: 8px 10px 40px 10px!important;
	padding: 0!important;
	border: none;
	word-wrap:break-word;
	border-radius:3px;
	overflow: hidden;

	background-color: #eee;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 8px rgba(0,0,0,0.4);
}


.home #body .column3 .internal-blog-card:nth-of-type(4){
	display: none;
}

.home #body .column3 .blog-card-thumbnail{
	width: 100%;
	height: 170px;
	overflow: hidden;
	margin-bottom: 10px;
}

.home #body .column3 .blog-card-thumbnail a{
	font-size: 100px;
	line-height: 1em;
}

.home #body .column3 .blog-card-thumbnail img.blog-card-thumb-image{
  width: 100%;
  height: auto;
}

.home #body .column3 .blog-card-title{
	clear: both;
	margin: 15px auto 5px;
	text-align: center;
	width: 100%;
	font-size: 15px;
	line-height: 1em;
	height: 30px;
}

.home #body .column3 .blog-card-content{
	clear: both;
	float: none;
	width: 100%;
	margin-left:0px;
	line-height:120%;
  }

.home #body .column3 .blog-card-excerpt{
	color:#333;
	font-size:13px;
	line-height: 1.7em;
	margin: 10px 12px 0px 12px;
	height: 120px;
	text-align: left;
}


.home #body .column3 .internal-blog-card .blog-card-footer{
	display: none;
}



/* @end */


/* @end */

/* 1111px以下の時 ----------- */
@media screen and (min-width:1111px){
  /*#navi ul{display:block}*/
#container #navi ul#menu-mainmenu>li{
	width: 125px;
}

  #container #mobile-menu a#mobile-menu-toggle{
	display:none!important;
  }
  
  #container ul#menu-shouldermenu.menu{
	display:block!important;
  }



/* @group ver2016 */

body#ver2016 #container #area-slide{
	width: 74%;
	float: left;
}

body#ver2016 #container #area-topics{
	width: 24%;
	float: right;
}

body#ver2016 #container #area-topics ul li img{
	width: 100%;
	height: auto;
}

body#ver2016 #container #split1{
	width: 74%;
}

body#ver2016 #container #split1 ul{
	width: 100%;
}

body#ver2016 #container #split1 ul li{
	width: 23%;
	margin: 0 1% 10px 1%;
	float: left;
	list-style-type: none;
}

body#ver2016 #container #split1 ul li .thumbnailbox{
	width: 100%;
	height: 100px;
}

body#ver2016 #container #split1 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;
	height: 46px;
}

body#ver2016 #container #split2{
	width: 23%;
	margin-right: 1%;
}

body#ver2016 #container #split2 li a{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #container #split3 ul li{
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	width: 31%;
	margin: 0 1% 20px 1%;
	vertical-align: top;
}

body#ver2016 #container #split3 ul li a .titlebox{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #container #split4 ul li,
body#ver2016 #container #split5 ul li{
	width: 31%;
	margin: 0 1% 12px 1%;
	text-align: left;
	vertical-align: top;
	background-color: #eee;
}

body#ver2016 #container #split4 ul li .titlebox,
body#ver2016 #container #split5 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;

	width: 60%;
	margin: 5px 0 5px 25%;
	padding: 0 0 5px 5px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: middle;
}



body#ver2016 #container #split4 ul li .titlebox{
	min-height: 110px;
}

body#ver2016 #container #split5 ul li .titlebox{
	min-height: 60px;
}

body#ver2016 #container #split6 ul{
	width: 64%;
	margin: 0px 1% 0 0;
}

body#ver2016 #container #split6 ul li{
	width: 48%;
	margin: 0px 2% 20px 0;
}

body#ver2016 #container #split6 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;
}



/* @group wide */

body#ver2016 #body.wide #body-in{
	width: 96%;
	margin: 0 auto;
	padding-top: 300px;
}



/* @end */
/* @end */
  
}

/************************************
** PC用のレスポンシブデザインスタイル読込
************************************/
@media screen and (min-width : 951px) and (max-width : 1110px) {

  #container #header .alignright{
    display:block!important;
  }

/* @group ver2016 */
body#ver2016 #header img{
	width: 270px;
	padding-top: 5px;
}

body#ver2016 #header #site-title{
	background-size: 28% auto;
	background-position: center bottom;
}

body#ver2016 #container #area-slide{
	width: 74%;
	float: left;
}

body#ver2016 #container #area-topics{
	width: 24%;
	float: right;
}

body#ver2016 #container #area-topics ul li img{
	width: 100%;
	height: auto;
}

body#ver2016 #container #split1{
	width: 74%;
}

body#ver2016 #container #split1 ul{
	width: 100%;
}

body#ver2016 #container #split1 ul li{
	width: 23%;
	margin: 0 1% 10px 1%;
	float: left;
	list-style-type: none;
}

body#ver2016 #container #split1 ul li .thumbnailbox{
	width: 100%;
	height: 100px;
}

body#ver2016 #container #split1 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;
	height: 46px;
}

body#ver2016 #container #split2{
	width: 23%;
	margin-right: 1%;
}

body#ver2016 #container #split2 li a{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #container #split3 ul li{
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	width: 31%;
	margin: 0 1% 20px 1%;
	vertical-align: top;
}

body#ver2016 #container #split3 ul li a .titlebox{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #container #split4 ul li,
body#ver2016 #container #split5 ul li{
	width: 31%;
	margin: 0 1% 12px 1%;
	text-align: left;
	vertical-align: top;
	background-color: #eee;
}

body#ver2016 #container #split4 ul li .titlebox,
body#ver2016 #container #split5 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;

	width: 60%;
	margin: 5px 0 5px 25%;
	padding: 0 0 5px 5px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: middle;
}



body#ver2016 #container #split4 ul li .titlebox{
	min-height: 110px;
}

body#ver2016 #container #split5 ul li .titlebox{
	min-height: 60px;
}

body#ver2016 #container #split6 ul{
	width: 64%;
	margin: 0px 1% 0 0;
}

body#ver2016 #container #split6 ul li{
	width: 48%;
	margin: 0px 2% 20px 0;
}

body#ver2016 #container #split6 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;
}




/* @group wide */

body#ver2016 #container #body.wide #body-in{
	width: 98%!important;
	margin: 0 auto;
	padding-top: 300px;
}

/* @end */

/* @end */	

}

/* iPads (portrait) ----------- */
@media screen and (min-width : 741px) and (max-width : 950px) {


.home #body #homeslide #catchcopy{
	width: 266px;
	height: 280px;
}

/* @group ver2016 */
body#ver2016 #header img{
	width: 250px;
	padding-top: 10px;
}

body#ver2016 #header #site-title{
	background-size: 23% auto;
	background-position: center bottom;
}

body#ver2016 #container #area-slide{
	width: 74%;
	float: left;
}

body#ver2016 #container #area-topics{
	width: 24%;
	float: right;
}

body#ver2016 #container #area-topics ul li img{
	width: 100%;
	height: auto;
}

body#ver2016 #container #split1{
	width: 74%;
}

body#ver2016 #container #split1 ul{
	width: 100%;
}

body#ver2016 #container #split1 ul li{
	width: 23%;
	margin: 0 1% 10px 1%;
	float: left;
	list-style-type: none;
}

body#ver2016 #container #split1 ul li .thumbnailbox{
	width: 100%;
	height: 100px;
}




body#ver2016 #container #split1 ul.entermode li{
	width: 40%;
}

body#ver2016 #container #split1 ul.entermode li .thumbnailbox{
	width: 40%;
	height: 100px;
}


body#ver2016 #container #split1 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;
	height: 46px;
}

body#ver2016 #container #split2{
	width: 23%;
	margin-right: 1%;
}

body#ver2016 #container #split2 li a{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #container #split3 ul li{
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	width: 31%;
	margin: 0 1% 20px 1%;
	vertical-align: top;
}

body#ver2016 #container #split3 ul li a .titlebox{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #container #split4 ul li,
body#ver2016 #container #split5 ul li{
	width: 31%;
	margin: 0 1% 12px 1%;
	text-align: left;
	vertical-align: top;
	background-color: #eee;
}

body#ver2016 #container #split4 ul li .titlebox,
body#ver2016 #container #split5 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;

	width: 60%;
	margin: 5px 0 5px 25%;
	padding: 0 0 5px 5px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: middle;
}



body#ver2016 #container #split4 ul li .titlebox{
	min-height: 110px;
}

body#ver2016 #container #split5 ul li .titlebox{
	min-height: 60px;
}

body#ver2016 #container #split6 ul{
	width: 64%;
	margin: 0px 1% 0 0;
}

body#ver2016 #container #split6 ul li{
	width: 48%;
	margin: 0px 2% 20px 0;
}

body#ver2016 #container #split6 ul li .titlebox{
	font-size: 12px;
	line-height: 1.3em;
}

body#ver2016 #the-content iframe {
	width: 100%!important;
	height: 300px;
}

/* @group top_blog_news */
body#ver2016 #container #split15 h2{
	margin: 20px 0 20px 0!important;
	bGackground-color: #F55;
}

body#ver2016 #container #split15.y2020{
	padding-bottom: 10px;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news1{
	width: 450px;
	display: inline-block;
	float: none;
	margin: 0px auto 0 auto;
	padding: 0;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news1 li{
	width: 450px;
	height: 300px;
	margin: 0;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea{
	display: block;
	width: 100%;
	height: 300px;
	position: relative;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea .piecephoto{
	width: 100%;
	height: 300px;
}


body#ver2016 #container #body ul#top_blog_news2{
	width: 440px;
	float: none;
	display: block;
	margin: 5px auto 0px auto;
	text-align: center;
	padding: 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle{
	width: 100%;
	height: auto;
	margin: 0 0 0px 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle a{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle p{
	font-size: 13px;
	line-height: 1.6em;
}

body#ver2016 #container #body ul#top_blog_news3{
	padding: 0;
}

/* @end */

/* @group wide */

body#ver2016 #container #body.wide #body-in{
	padding-top: 240px;
	width: 98%;
	margin: 0 auto;
}

body#ver2016 #body.wide #body-in #catch{
	top: 130px;
	font-size: 26px;
}

/* @end */





/* @end */
}


/* iPhone ----------- */

@media screen and (min-width : 451px) and (max-width: 740px){



/* @group mainmenu */
#header{
	position: relative;
}

#container #navi{
	position: relative;
	height: 35px;
	top: 0px;
}

#body{
	margin-top: 5px;
}

#container #navi ul#menu-mainmenu{
	text-align: left;
	height: 35px;
	display: block;
	z-index: 999;
}

#container #navi ul#menu-mainmenu{
	display: none;
}

#container #navi ul#menu-mainmenu li{
	position: static;
	width: 100%;
	height: auto;
	text-align: left;
	float: none;
	display: block;
	border-left: none;
	border-top: 1px solid #666;
	clear: both;
	background-color: #17253d;
	padding-left: 0!important;
	margin: 0!important;
}

#container #navi #navi-in ul#menu-mainmenu li.pc{
	display: none;
}

#container #navi ul#menu-mainmenu>li:first-child{
	border-left: none;
}


#container #navi ul#menu-mainmenu>li a{
	font-size:14px;
	line-height: 1.1em;
	display: block;
	padding: 10px 0 0 6px;
	height: 24px;
	color:#fff;
	text-decoration:none;
}

#container #navi ul li a .sub{
	display: none;
}

#container #navi ul#menu-mainmenu li ul.sub-menu{
	border: none;
	background-color: #17253d;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li{
	width: 100%;
	height: 35px;
	text-align: left;
	float: none;
	display: block;
	letter-spacing: normal;
	border-top: 1px solid #666;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col2{
	width: 49%;
	display: inline-block;
	bGorder-right: 1px solid #666;
	padding-left: 1%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col2 a:before,
#container #navi ul#menu-mainmenu li ul.sub-menu li.col3 a:before{
    font-family: 'FontAwesome';
    content: '\f0a9';
    margin: 0 5px 0 0px;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col3{
	width: 32%;
	display: inline-block;
	bGorder-right: 1px solid #666;
	padding-left: 1%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li a{
	width: 95%;
	height: 25px;
	text-align: left;
	padding: 10px 0 0px 5%;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	color: #fff;
}


#container #navi ul#menu-mainmenu li,
#container #navi ul.sub-menu,
#container #navi ul.children{
	position: static;
	width: 100%;
	display: block;
	padding-left: 0;
}

#container #navi ul.sub-menu ul,
#container #navi ul.children ul {
	left: 0px;
	top: 20px;
}

ul#menu-shouldermenu,
ul#Gmenu-spmenu{
	display: none;
}

#mobile-menu{
    display:block;
    position:relative;
}

.home #body .band3 ul{
	margin: 0px auto;
}

#header-in #h-top{
	text-align: center;
}

#header-in #h-top .alignright.top-spbtn{
	margin: 0 auto;
	position: relative;
	display: inline-block;
	height: auto;
}

#header-in #h-top .alignright.top-spbtn a{
	height: 18px;
}

#header-in #h-top .alignright.top-spbtn .sub{
	display: none;
}

/* @end */

/* @group home */

.home #body{
	margin-top:0;
}

.home #body ul#menu-spmenu2{
	margin-top: 10px;
}

.home #body #main {
	width: 100%;
	max-width: 100%;
	padding: 0px 0 20px;
	margin: 0 0 30px 0;
}

.home #body #homeslide #catchcopy{
	width: 171px;
	height: 180px;
}

.home #body .full.band1,
.home #body .full.band2,
.home #body .full.band3,
.home #body .full.band4{
	width: 90%;
	padding: 20px 5% 30px 5%;
	text-align: center;
}

.home .full.band1{
	width: 90%;
	max-width: 640px;
	margin: 10px auto
	20px;
}

.home #body .full.band2{
	width: 100%;
	padding: 20px 0 30px 0;
	text-align: center;
}



.home #body #main .column3 .internal-blog-card{
	display: inline-block;
	font-size: 100px;
	width: 150px!important;
	min-width: 150px;
	height: 310px!important;

	margin: 8px 5px 20px 5px!important;
}

.home #body #main .column3 .blog-card-thumbnail{
	height: 150px;
	margin-bottom: 10px;
}

.home #body #main .column3 .blog-card-title{
	margin: 5px auto 5px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	line-height: 1em;
	height: 20px;
}

.home #body #main .column3 .blog-card-excerpt{
	font-size:12px;
	line-height: 1.5em;
	margin: 0px 10px 0px 10px;
	height: 120px;
}

/* @end */

/* @group linelist */

#main .linelist ul{
	border-top: 1px solid #555;
	padding: 0;
	margin: 5px auto 0!important;
}

.linelist ul li{
	list-style-type: none;
	border-bottom: 1px dotted #999;
	display: block;
	padding: 5px 2px 4px;
	margin: 0;
	font-size: 14px;
	line-height: 1.2em;
}

.linelist ul li a{
	font-size: 14px;
	line-height: 1.2em;
}

.linelist li .rss-date{
	font-size: 12px;
	color: #999;
}



/* @end */

#body #main {
	width: 94%;
	max-width: 94%;
	padding: 0px 0 20px;
	margin: 0 auto 30px auto;
	text-align: center;
}

#container .element-m{
	display: block;
}

body .mobile{
	display: block;
}

/* @group ver2016 */
body#ver2016 #footer-in .ac_menu{
	display: block;
}



body#ver2016 #footer-in .ac_menu #navOP{
	text-align: center;
	margin-bottom: 10px;

}

body#ver2016 #footer-in .ac_menu #fb_mobile_btn1,
body#ver2016 #footer-in .ac_menu #fb_mobile_btn2{
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0;
	background-color: #7379b4;
}

body#ver2016 #footer-in .ac_menu #fb_mobile_btn1:hover,
body#ver2016 #footer-in .ac_menu #fb_mobile_btn2:hover{
	background-color: #c4c8ea;
}


body#ver2016 #footer-in .ac_menu #fb_mobile_btn1{
	width: 49%;
}

body#ver2016 #footer-in .ac_menu #fb_mobile_btn2{
	width: 49%;
}


#mobilefixmenu a:hover{
	color: #fff;
	background-color: #c4c8ea;
}

body#ver2016 #footer-in #footer_menu{
	width: 94%;
	margin: 6px auto 30px auto;
}

body#ver2016 #footer-in #footer_menu .pconly{
	display: none;
}

body#ver2016 #footer-in #footer_menu #fb_6,
body#ver2016 #footer-in #footer_menu #footer_map{
	width: 100%;
}

body#ver2016 #footer-in #footer_menu #fb_6 h2{
	width: 30%;
	float: left;
}

body#ver2016 #footer-in #footer_menu #fb_6 #fb_adress{
	width: 60%;
	float: left;
}

body#ver2016 #footer-in #footer_menu #fb_6 #fb_adress p{
	font-size: 13px;
	line-height: 1.6em;
}

body#ver2016 #mobilefixmenu-cover{
	display: block;
}

body#ver2016 .article h1.entry-title {
	font-size: 22px;
}

body#ver2016 #container #split0 ul#pv li{
	width: 47%;
	margin: 0 1% 20px 1%;
}

/* @group wide */
body#ver2016 #container #body.wide{
	margin-top: 6px;
}

body#ver2016 #container #body.wide #body-in{
	padding-top: 200px;
	width: 98%;
	margin: 0 auto;
}

body#ver2016 #body.wide #body-in #catch{
	top: 90px;
	font-size: 24px;
}

/* @end */




/* @group column2 */

body#ver2016 #body #body-in #main.column2 {
	float: none;

	width: 94%;
	max-width: 94%;
	padding: 0px 0 20px;
	margin: 0 auto 30px auto;
	text-align: center;
}

body#ver2016 #body #body-in #sidebar2 {
	float: none;

	width: 90%;
	max-width: 90%;
	padding: 0px 0 20px;
	margin: 0 auto 30px auto;
}

body#ver2016 #body #body-in #main.column2 .ac_menu{
	display: block;
}

body#ver2016.page-id-4702 #body #body-in #main.column2 #submenu_top,
body#ver2016.page-id-4737 #body #body-in #main.column2 #submenu_top,
body#ver2016.page-id-4739 #body #body-in #main.column2 #submenu_top{
	display: none;
}



/* @end */

/* @end */

/* @group top */
body#ver2016 #header #site-title{
	background-image: none;
}

body#ver2016 #header #h-top{
	background: url(common/tagline2.png) no-repeat center bottom;
	height: 120px;
	margin-bottom: 10px;
}

body#ver2016 #container #body{
	margin-top: 0px;
}

body#ver2016 #menu-spmenu{
	display: none;

}

body#ver2016 #container #area-slide{
	width: 100%;
	float: none;
}

body#ver2016 #container #split0 ul li{
	width: 45%;
	margin: 0 1% 20px 1%;
}

body#ver2016 #container #area-topics{
	width: 100%;
	float: none;
}

body#ver2016 #container #area-topics ul{
	font-size: 1px;
	line-height: 1em;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	
}
 
body#ver2016 #container #area-topics ul li{
	width: 33%;
	margin: 0 0 0 1px;
}

body#ver2016 #container #area-topics ul li img{
	width: 100%;
	height: auto;
}


body#ver2016 #container #area-topics ul li a{
	padding: 0;
	margin: 0;
	lGine-height: 0.1em;
	fGont-size: 1px;
	display: block;
}

body#ver2016 #container #split-1{
	padding: 30px 0 20px 0;
	width: 70%;
}

body#ver2016 #container #split-1 .pc{
	display: none;
}

body#ver2016 #container #main #split1,
body#ver2016 #container #main #split2,
body#ver2016 #container #main #split3,
body#ver2016 #container #main #split4,
body#ver2016 #container #main #split5,
body#ver2016 #container #main #split6{
	width: 96%;
	height: auto;
	margin: 0 auto 0 auto;
	float: none;
}

body#ver2016 #container #main #split1{
	padding-bottom: 0;
}

body#ver2016 #container #split1 h2,
body#ver2016 #container #split2 h2,
body#ver2016 #container #split3 h2,
body#ver2016 #container #split4 h2,
body#ver2016 #container #split5 h2,
body#ver2016 #container #split6 h3{
	border: none;
	padding: 0 0 0 3px;
	margin: 30px 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	color: #515893;
	text-align: center;
}


body#ver2016 #container #split1 ul{
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

body#ver2016 #container #split1 ul li{
	width: 46%;
	margin: 0 1% 20px 1%;
	float: none;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

body#ver2016 #container #split1 ul li .thumbnailbox{
	width: 100%!important;
	height: 120px;
	margin-bottom: 4px;
	background-color: #eee;
	overflow: hidden;
}

body#ver2016 #container #split1 ul li a{
	font-size: 13px;
	line-height: 1.4em;
	text-decoration: none;
}

body#ver2016 #container #split1 ul li .titlebox{
	width: 90%;
	height: 35px;
	overflow: hidden;
}

body#ver2016 #container #split2 ul{
	margin: 0 auto;
	padding: 0;
	width: 80%;
}

body#ver2016 #container #split2 li{
	text-align: left;
}

body#ver2016 #container #split2 li:first-child{
	border-top: 1px dotted #999;
}


body#ver2016 #container #split3 ul li{
	width: 96%;
	margin: 0 auto 20px auto;
}

body#ver2016 #container #split3 ul li h3{
	text-align: center;
}

body#ver2016 #container #split3 ul li h3 .sub{
	font-size: 14px;
	font-weight: normal;
}

body#ver2016 #container #split3 ul li img{
	width: 100%;
	height: auto;
}

body#ver2016 #container #split3 ul li .titlebox{
	width: 90%;
	padding-right: 10%;
	height: 40px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	line-height: 1.4em;
	text-decoration: none;
	padding-bottom: 20px;
	background: url(common/bg_arrow.png) no-repeat right top;
}


body#ver2016 #container #split4,
body#ver2016 #container #split5{
	clear: both;
}

body#ver2016 #container #split4 ul,
body#ver2016 #container #split5 ul{
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
 
body#ver2016 #container #split4 ul li,
body#ver2016 #container #split5 ul li{
	width: 96%;
	margin: 0 auto 12px auto;
	text-align: left;
	vertical-align: top;
	background-color: #eee;
}

body#ver2016 #container #split4 ul li#shikaku{
	background: #d97754 url(common/symbol_shikaku.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li#shinro{
	background: #c8ae47 url(common/symbol_shinro.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li#jisseki{
	background: #a6c0a0 url(common/symbol_jisseki.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#enter{
	background: #515893 url(common/symbol_entry.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#info{
	background: #8387a4 url(common/symbol_info.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li .titlebox,
body#ver2016 #container #split5 ul li .titlebox{
	width: 76%;
	margin: 5px 0 5px 14%;
	padding-left: 5px;
	padding: 0 0 5px 5px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: middle;
}

body#ver2016 #container #split4 ul li .titlebox{
	min-height: 85px;
}

body#ver2016 #container #split5 ul li .titlebox{
	min-height: 50px;
}

body#ver2016 #container #split4 ul li a::after,
body#ver2016 #container #split5 ul li a::after{
	font-family: FontAwesome;
	content: "\f0a9";
	font-size: 24px;
	line-height: 1em;
	color: rgba(255,255,255,0.5);
}

body#ver2016 #container #split4 ul li a,
body#ver2016 #container #split5 ul li a{
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4em;
	color: #fff;
}

body#ver2016 #container #split4 ul li h3,
body#ver2016 #container #split5 ul li h3{
	text-align: left;
	border: navajowhite;
	font-size: 18px;
	line-height: 1em;
	padding: 6px 0px;
	margin: 0;
	color: #fff;
}

body#ver2016 #container #split6 #titlecampusblock{
	width: 100%;
	float: none;
}

body#ver2016 #container #split6 ul li{
	width: 323px;
	margin: 0px 5px 20px 5px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

body#ver2016 #container #split6 ul li h3{
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 17px;
	line-height: 1em;
}

body#ver2016 #container #split6 ul li .titlebox{
	width: 90%;
	padding-right: 10%;
	background: url(common/bg_arrow.png) no-repeat right top;
	font-size: 13px;
	line-height: 1.4em;
}



body#ver2016 #container #split6 ul{
	padding: 0;
	width: 100%;
	letter-spacing: -.40em;
	margin: 0px 0 0 0;
	float: none;
	text-align: center;
}

body#ver2016 #container #split6 ul li{
	width: 45%;
	margin: 0px 5px 20px 5px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
}

body#ver2016 #container #split6 ul li h3{
	text-align: left;
}

body #facilities2 .mobile{
	display: none;
}

/* @end */

/* @group blogcard */

#body #main .blog-card{
  margin:0 auto!important;
  max-width:92%;
  width:92%;
  min-height:125px!important;
}



#body #submenu #submenu00 .blog-card{
	max-width: 100%;
}

.blog-card-content{
	text-align: left;
}

/* @end */

/* @group top_blog_news */
body#ver2016 #container #split15 h2{
	margin: 20px 0 20px 0!important;
	bGackground-color: #F55;
}

body#ver2016 #container #split15.y2020{
	padding-bottom: 10px;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news1{
	width: 450px;
	display: inline-block;
	float: none;
	margin: 0px auto 0 auto;
	padding: 0;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news1 li{
	width: 450px;
	height: 300px;
	margin: 0;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea{
	display: block;
	width: 100%;
	height: 300px;
	position: relative;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea .piecephoto{
	width: 100%;
	height: 300px;
}


body#ver2016 #container #body ul#top_blog_news2{
	width: 440px;
	float: none;
	display: block;
	margin: 5px auto 0px auto;
	text-align: center;
	padding: 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle{
	width: 100%;
	height: auto;
	margin: 0 0 0px 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle a{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle p{
	font-size: 13px;
	line-height: 1.6em;
}

body#ver2016 #container #body ul#top_blog_news3{
	padding: 0;
}

/* @end */

/* @group submenu */

#body #submenu{
	margin:30px auto 0 auto;
	width: 92%;
	text-align: right;
	background-color: rgba(170,170,170,0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

#body #submenu .blog-card{
	margin:0px 0 0 auto;
	width: 95%;
	text-align: left;
	min-height: 100px;
	border-top: none;
}

#body #submenu .submenuPart > a{
	display: none;
}

#body #submenu #submenu00 .blog-card{
	margin:10px 0 0;
	width: 100%;
	border-top: 8px solid #25334b;
}

.page-id-37   #body #submenu #submenu00 .blog-card,
.page-id-74   #body #submenu #submenu02 .blog-card,
.page-id-79   #body #submenu #submenu03 .blog-card,
.page-id-1021 #body #submenu #submenu04 .blog-card,

.page-id-44   #body #submenu #submenu00 .blog-card,

.page-id-77   #body #submenu #submenu00 .blog-card,
.page-id-900  #body #submenu #submenu01 .blog-card,
.page-id-279  #body #submenu #submenu02 .blog-card,
.page-id-281  #body #submenu #submenu03 .blog-card,
.page-id-916  #body #submenu #submenu04 .blog-card,
.page-id-277  #body #submenu #submenu05 .blog-card,
.page-id-927  #body #submenu #submenu06 .blog-card,

.page-id-81   #body #submenu #submenu00 .blog-card,
.page-id-87   #body #submenu #submenu01 .blog-card,
.page-id-89   #body #submenu #submenu02 .blog-card,
.page-id-91   #body #submenu #submenu03 .blog-card,
.page-id-93   #body #submenu #submenu04 .blog-card,
.page-id-95   #body #submenu #submenu05 .blog-card,
.page-id-127  #body #submenu #submenu06 .blog-card,

.page-id-83   #body #submenu #submenu00 .blog-card,
.page-id-99   #body #submenu #submenu01 .blog-card,
.page-id-101  #body #submenu #submenu02 .blog-card,
.page-id-103  #body #submenu #submenu03 .blog-card,
.page-id-296  #body #submenu #submenu04 .blog-card,
.page-id-105  #body #submenu #submenu05 .blog-card,

.page-id-50   #body #submenu #submenu00 .blog-card,
.page-id-131  #body #submenu #submenu01 .blog-card,
.page-id-133  #body #submenu #submenu02 .blog-card,
.page-id-135  #body #submenu #submenu03 .blog-card,

.page-id-42   #body #submenu #submenu00 .blog-card,
.page-id-120  #body #submenu #submenu01 .blog-card,
.page-id-534  #body #submenu #submenu02 .blog-card,
.page-id-124  #body #submenu #submenu03 .blog-card,
.page-id-129  #body #submenu #submenu04 .blog-card,
.page-id-137  #body #submenu #submenu05 .blog-card,

.page-id-85   #body #submenu #submenu00 .blog-card,
.page-id-1163 #body #submenu #submenu01 .blog-card,
.page-id-1166 #body #submenu #submenu02 .blog-card,
.page-id-1173 #body #submenu #submenu03 .blog-card,
.page-id-109  #body #submenu #submenu04 .blog-card,
.page-id-111  #body #submenu #submenu05 .blog-card,
.page-id-111  #body #submenu #submenu06 .blog-card,

.page-id-40   #body #submenu #submenu00 .blog-card,
.page-id-116  #body #submenu #submenu01 .blog-card,
.page-id-113  #body #submenu #submenu02 .blog-card,
.page-id-118  #body #submenu #submenu03 .blog-card,

.page-id-     #body #submenu #submenu00 .blog-card,
.page-id-1600 #body #submenu #submenu01 .blog-card,
.page-id-1612 #body #submenu #submenu02 .blog-card,
.page-id-1550 #body #submenu #submenu03 .blog-card{
	background-color: #f3f3f3;
}

#body #submenu .blog-card .blog-card-thumbnail{
	margin: 0;
	padding: 0;
	min-height:60px;
	font-size: 1px;
	line-height: 1em;
}

#body #submenu .blog-card.internal-blog-card{
	padding: 0;
}

#body #submenu .blog-card.internal-blog-card .blog-card-content{
	padding-top: 1px;
}


#body #submenu .blog-card.internal-blog-card .blog-card-title{
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 6px;
}

#body #submenu .blog-card.internal-blog-card .blog-card-excerpt{
	font-size: 12px;
	line-height: 1.4em;
}

#body #submenu .blog-card .blog-card-footer{
	display: none;
}


/* @end */

#body .fb-page{
	width: 90%!important;
	margin: 5px auto 30px auto;
}

/* @group contents */
body#ver2016 #main .article h2.styleTitle{
	font-size: 22px;
	line-height: 1.4em!important;
	text-align: left!important;
}

body#ver2016 #main .entry h2{
	font-size: 18px;
	line-height: 1.4em!important;
	text-align: left!important;
}

body#ver2016 #main .entry h2 a.entry-title{
	font-size: 18px;
	line-height: 1.4em!important;
	text-align: left!important;
}

body#ver2016 #main #the-content p{
	font-size: 13px;
	line-height: 1.6em;
	margin: 0px 0 6px 0;
	text-align: left;
}

body#ver2016 #main #the-content ul{
	padding-left: 20px;
}

body#ver2016 #main #the-content ul li{
	font-size: 13px;
	line-height: 1.6em;
	margin: 0px 0 10px 0;
	text-align: left;
}


.article th, .article td{
	font-size: 11px;
	line-height: 1.5em;
	padding: 5px 2px;
}

#body table.simpletable td.column-1{
	min-width: 80px;
}

#body table.simpletable th,
#body table.simpletable td{
	font-size: 11px;
	line-height: 1.5em;
	padding: 5px 2px;
}


/* @end */

#body #main img.alignleft,
#body #main img.alignright{
	fGloat: none;
}

#body #main table.tablepress{
	max-width: 100%;
}


a.btnform{
	font-size: 20px;
	line-height: 1.1em;
	font-weight: bold;
}

div.btnformpre{
	font-size: 20px;
	line-height: 1.1em;
	font-weight: bold;
}
}




/* iPhone2 ----------- */

@media screen and (max-width: 450px){

/* @group home */

.home #body{
	margin-top:0;
}

.home #body ul#menu-spmenu2{
	margin-top: 10px;
}

.home #body #homeslide #catchcopy{
	width: 114px;
	height: 120px;
}

.home #body #main .column3 .internal-blog-card{
	display: inline-block;
	font-size: 100px;
	width: 140px!important;
	min-width: 140px;
	height: 290px!important;

	margin: 8px 5px 20px 5px!important;
}

.home #body #main .column3 .blog-card-thumbnail{
	height: 140px;
	margin-bottom: 10px;
}

.home #body #main .column3 .blog-card-title{
	margin: 5px auto 5px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	line-height: 1em;
	height: 20px;
}

.home #body #main .column3 .blog-card-excerpt{
	font-size:12px;
	line-height: 1.5em;
	margin: 0px 10px 0px 10px;
	height: 120px;
}

/* @end */

/* @group linelist */

#main .linelist ul{
	border-top: 1px solid #555;
	padding: 0;
	margin: 5px auto 0!important;
}

.linelist ul li{
	list-style-type: none;
	border-bottom: 1px dotted #999;
	display: block;
	padding: 5px 2px 4px;
	margin: 0;
	font-size: 14px;
	line-height: 1.2em;
}

.linelist ul li a{
	font-size: 14px;
	line-height: 1.2em;
}

.linelist li .rss-date{
	font-size: 12px;
	color: #999;
}



/* @end */

#container .element-m{
	display: block;
}

body #main {
	width: 94%;
	max-width: 94%;
	padding: 0px 0 20px;
	margin: 0 auto 30px auto;
}



#body #submenu #submenu00 .blog-card{
	max-width: 100%;
}

#body #main img.alignleft,
#body #main img.alignright{
	float: none;
}

#body #main table.tablepress{
	max-width: 100%;
}

a.btnform{
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
	padding: 8px 5px;
}

a.btnform.long{
	font-size: 14px;
}

div.btnformpre{
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
	padding: 8px 5px;
}

body .mobile{
	display: block;
}

/* @group submenu */

#body #submenu{
	margin:30px auto 0 auto;
	width: 96%;
	max-width: 96%;
	text-align: right;
	background-color: rgba(170,170,170,0.3);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
}

#body #submenu .blog-card{
	margin:0px 0 0 auto;
	width: 95%;
	text-align: left;
	min-height: 100px;
	border-top: none;
}

#body #submenu .submenuPart > a{
	display: none;
}

#body #submenu #submenu00 .blog-card{
	margin:10px 0 0;
	width: 100%;
	border-top: 8px solid #25334b;
}

.page-id-37   #body #submenu #submenu00 .blog-card,
.page-id-74   #body #submenu #submenu02 .blog-card,
.page-id-79   #body #submenu #submenu03 .blog-card,
.page-id-1021 #body #submenu #submenu04 .blog-card,

.page-id-44   #body #submenu #submenu00 .blog-card,

.page-id-77   #body #submenu #submenu00 .blog-card,
.page-id-900  #body #submenu #submenu01 .blog-card,
.page-id-279  #body #submenu #submenu02 .blog-card,
.page-id-281  #body #submenu #submenu03 .blog-card,
.page-id-916  #body #submenu #submenu04 .blog-card,
.page-id-277  #body #submenu #submenu05 .blog-card,
.page-id-927  #body #submenu #submenu06 .blog-card,

.page-id-81   #body #submenu #submenu00 .blog-card,
.page-id-87   #body #submenu #submenu01 .blog-card,
.page-id-89   #body #submenu #submenu02 .blog-card,
.page-id-91   #body #submenu #submenu03 .blog-card,
.page-id-93   #body #submenu #submenu04 .blog-card,
.page-id-95   #body #submenu #submenu05 .blog-card,
.page-id-127  #body #submenu #submenu06 .blog-card,

.page-id-83   #body #submenu #submenu00 .blog-card,
.page-id-99   #body #submenu #submenu01 .blog-card,
.page-id-101  #body #submenu #submenu02 .blog-card,
.page-id-103  #body #submenu #submenu03 .blog-card,
.page-id-296  #body #submenu #submenu04 .blog-card,
.page-id-105  #body #submenu #submenu05 .blog-card,

.page-id-50   #body #submenu #submenu00 .blog-card,
.page-id-131  #body #submenu #submenu01 .blog-card,
.page-id-133  #body #submenu #submenu02 .blog-card,
.page-id-135  #body #submenu #submenu03 .blog-card,

.page-id-42   #body #submenu #submenu00 .blog-card,
.page-id-120  #body #submenu #submenu01 .blog-card,
.page-id-534  #body #submenu #submenu02 .blog-card,
.page-id-124  #body #submenu #submenu03 .blog-card,
.page-id-129  #body #submenu #submenu04 .blog-card,
.page-id-137  #body #submenu #submenu05 .blog-card,

.page-id-85   #body #submenu #submenu00 .blog-card,
.page-id-1163 #body #submenu #submenu01 .blog-card,
.page-id-1166 #body #submenu #submenu02 .blog-card,
.page-id-1173 #body #submenu #submenu03 .blog-card,
.page-id-109  #body #submenu #submenu04 .blog-card,
.page-id-111  #body #submenu #submenu05 .blog-card,
.page-id-111  #body #submenu #submenu06 .blog-card,

.page-id-40   #body #submenu #submenu00 .blog-card,
.page-id-116  #body #submenu #submenu01 .blog-card,
.page-id-113  #body #submenu #submenu02 .blog-card,
.page-id-118  #body #submenu #submenu03 .blog-card,

.page-id-     #body #submenu #submenu00 .blog-card,
.page-id-1600 #body #submenu #submenu01 .blog-card,
.page-id-1612 #body #submenu #submenu02 .blog-card,
.page-id-1550 #body #submenu #submenu03 .blog-card{
	background-color: #f3f3f3;
}

#body #submenu .blog-card .blog-card-thumbnail{
	margin: 0;
	padding: 0;
	min-height:60px;
	font-size: 1px;
	line-height: 1em;
}

#body .blog-card .blog-card-thumbnail,
#body .blog-card .blog-card-thumbnail img{
	margin: 0;
	padding: 0;
	width: 80px!important;
	height: 80px!important;
}

#body #submenu .blog-card.internal-blog-card{
	padding: 0;
}

#body #submenu .blog-card.internal-blog-card .blog-card-content{
	padding-top: 1px;
}


#body #submenu .blog-card.internal-blog-card .blog-card-title{
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 6px;
}

#body #submenu .blog-card.internal-blog-card .blog-card-excerpt{
	font-size: 12px;
	line-height: 1.4em;
}

#body #submenu .blog-card .blog-card-footer{
	display: none;
}


/* @end */

/* @group contents */
.article h1 {
 font-size: 22px;
 line-height: 24px;
 padding: 12px 12px 14px 22px;
 margin: 20px 0;
}

.article h2{
 font-size: 20px;
 padding: 4px 10px;
 border-left: 8px solid #23334a;
 border-bottom: 2px solid #23334a;
 margin:35px 0px 30px;
}

.textwidget{
	font-size: 14px;
	line-height: 1.6em;
}

#main p{
	font-size: 13px;
	line-height: 1.6em;
	margin: 0px 0 5px 0;
	text-align: left;
}

#body #main p,
#body #main .siteorigin-widget-tinymce p{
	text-align: left;
}


.article th, .article td{
	font-size: 11px;
	line-height: 1.5em;
	padding: 5px 2px;
}

.article tr td:nth-of-type(2){
	text-align: left;
}

#body table.simpletable td.column-1{
	min-width: 80px;
}

#body table.simpletable th,
#body table.simpletable td{
	font-size: 11px;
	line-height: 1.5em;
	padding: 5px 2px;
}

.information,
.question{
	font-size: 14px;
	line-height: 1.6em;
	padding: 10px 20px 10px 52px;
}

/* @group dialogue */
#container #body #main p.dialogue{
	line-height: 1.8em;
	margin-bottom: 20px;
	margin-left: 55px;
}

/* @end */

/* @group ver2016 */
body#ver2016 #footer-in .ac_menu{
	display: block;
}

body#ver2016 #footer-in .ac_menu #navOP{
	text-align: center;
	margin-bottom: 10px;

}

body#ver2016 #footer-in .ac_menu #fb_mobile_btn1,
body#ver2016 #footer-in .ac_menu #fb_mobile_btn2{
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin: 0;
	background-color: #7379b4;
}

body#ver2016 #footer-in .ac_menu #fb_mobile_btn1:hover,
body#ver2016 #footer-in .ac_menu #fb_mobile_btn2:hover{
	background-color: #c4c8ea;
}


body#ver2016 #footer-in .ac_menu #fb_mobile_btn1{
	width: 49%;
}

body#ver2016 #footer-in .ac_menu #fb_mobile_btn2{
	width: 49%;
}


#mobilefixmenu a:hover{
	color: #fff;
	background-color: #c4c8ea;
}


body#ver2016 #footer-in #footer_menu{
	width: 94%;
	margin: 6px auto 30px auto;
}

body#ver2016 #footer-in #footer_menu .pconly{
	display: none;
}



body#ver2016 #footer-in #footer_menu #fb_6,
body#ver2016 #footer-in #footer_menu #footer_map{
	width: 100%;
}

body#ver2016 #footer-in #footer_menu #fb_6 h2{
	width: 30%;
	float: left;
}

body#ver2016 #footer-in #footer_menu #fb_6 #fb_adress{
	width: 60%;
	float: left;
}

body#ver2016 #footer-in #footer_menu #fb_6 #fb_adress p{
	font-size: 13px;
	line-height: 1.6em;
}

body#ver2016 #footer-in #footer_map {
	width: 94%;
	margin: 0 auto;
}

body#ver2016 #footer-in #footer_map #mapp1_layout{
	width: 100%!important;
	margin: 0 auto;
}

body#ver2016 #mobilefixmenu-cover{
	display: block;
}

body#ver2016 .article h1.entry-title {
	font-size: 22px;
}

.blog-card-content{
	text-align: left;
}

/* @group top_blog_news */
body#ver2016 #container #split15 h2{
	margin: 20px 0 20px 0!important;
	bGackground-color: #F55;
}

body#ver2016 #container #split15.y2020{
	padding-bottom: 10px;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news1{
	width: 98%;
	max-width: 320px;
	display: block;
	float: none;
	margin: 0px auto 0 auto;
	padding: 0;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news1 li{
	width: 100%;
	height: 200px;
	margin: 0;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea{
	display: block;
	width: 100%;
	height: 200px;
	position: relative;
}

body#ver2016 #container #body ul#top_blog_news1 li .piecephotoarea .piecephoto{
	width: 100%;
	height: 200px;
}


body#ver2016 #container #body ul#top_blog_news2{
	width: 96%;
	max-width: 320px;
	float: none;
	display: block;
	margin: 5px auto 0px auto;
	text-align: center;
	padding: 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle{
	width: 100%;
	height: auto;
	margin: 0 0 0px 0;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle a{
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;
}

body#ver2016 #container #body ul#top_blog_news2 li.firstposttitle p{
	font-size: 13px;
	line-height: 1.6em;
	text-align: center;
}

body#ver2016 #container #body ul#top_blog_news3{
	padding: 0;
}

/* @end */

/* @group blogpost */

body#ver2016 #container #body ul.blogpost li{
	width: 150px;
	height: 135px;
	margin: 15px 1px 15px;
	vertical-align: top;
}

body#ver2016 #container #body ul#top_blog.blogpost li{
	margin: 15px 1px 15px!important;
}

body#ver2016 #container #body ul.blogpost li .piecephotoarea{
	width: 100%;
	height: 90px;
}

body#ver2016 #container #body ul.blogpost li .piecephotoarea .piecephoto{
	width: 100%;
	height: 90px;
}


body#ver2016 #container #body ul.blogpost li .titlebox{
	width: 96%;
	height: auto;
	margin: 4px 2% 0px 2%;
	font-size: 11px;
}

/* @end */

/* @group videobtn */
body#ver2016 #container #body ul.pv li{
	width: 150px;
	height: 125px;
	margin: 0 3px 10px;
	vertical-align: top;
}

body#ver2016 #container #body ul.pv li .piecephotoarea{
	width: 100%;
	height: 90px;
}

body#ver2016 #container #body ul.pv li .piecephotoarea .piecephoto{
	width: 100%;
	height: 90px;
}

body#ver2016 #container #body ul.pv li .titlebox{
	margin: 4px 3px 0 3px;
}

/* @end */

/* @group wide */
body#ver2016 #container #body.wide{
	margin-top: 4px;
}

body#ver2016 #container #body.wide #body-in{
	padding-top: 140px;
	width: 98%;
	margin: 0 auto;
}

body#ver2016 #body.wide #body-in #catch{
	top: 60px;
	font-size: 22px;
}
/* @end */



/* @group column2 */

body#ver2016 #body #body-in #main.column2 {
	float: none;

	width: 94%;
	max-width: 94%;
	padding: 0px 0 20px;
	margin: 0 auto 30px auto;
	text-align: center;
}

body#ver2016 #body #body-in #sidebar2 {
	float: none;

	width: 90%;
	max-width: 90%;
	padding: 0px 0 20px;
	margin: 0 auto 30px auto;
}

body#ver2016 #body #body-in #main.column2 .ac_menu{
	display: block;
}

body#ver2016.page-id-4702 #body #body-in #main.column2 #submenu_top,
body#ver2016.page-id-4739 #body #body-in #main.column2 #submenu_top,
body#ver2016.page-id-4737 #body #body-in #main.column2 #submenu_top{
	display: none;
}


/* @end */

/* @group top */
body#ver2016 #header #site-title{
	background-image: none;
}

body#ver2016 #header #h-top{
	background: url(common/tagline2.png) no-repeat center bottom;
	height: 120px;
	margin-bottom: 10px;
}


body#ver2016 #container #body{
	margin-top: 0px;
}

body#ver2016 #menu-spmenu{
	display: none;

}

body#ver2016 #container #area-slide{
	width: 100%;
	float: none;
}

body#ver2016 #container #split0 ul li{
	width: 45%;
	margin: 0 1% 20px 1%;
}

body#ver2016 #container #area-topics{
	width: 100%;
	float: none;
}

body#ver2016 #container #area-topics ul{
	font-size: 1px;
	line-height: 1em;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	
}
 
body#ver2016 #container #area-topics ul li{
	width: 33%;
	margin: 0 0 0 1px;
}

body#ver2016 #container #area-topics ul li img{
	width: 100%;
	height: auto;
}


body#ver2016 #container #area-topics ul li a{
	padding: 0;
	margin: 0;
	lGine-height: 0.1em;
	fGont-size: 1px;
	display: block;
}

body#ver2016 #container .home article.article{
	text-align: center;
}

body#ver2016 #container #split-1{
	padding: 30px 0 20px 0;
	width: 80%;
}

body#ver2016 #container #split-1 .pc{
	display: none;
}

body#ver2016 #container #main #split1,
body#ver2016 #container #main #split2,
body#ver2016 #container #main #split3,
body#ver2016 #container #main #split4,
body#ver2016 #container #main #split5,
body#ver2016 #container #main #split6{
	width: 96%;
	height: auto;
	margin: 0 auto 0 auto;
	float: none!important;
}

body#ver2016 #container #main #split1{
	padding-bottom: 0;
	margin: 0 auto 0 auto;
}

body#ver2016 #container #main #split1.y2020{
	width: 98%;
	padding-bottom: 0;
	margin: 0 auto 0 auto;
}

body#ver2016 #container #split1 h2,
body#ver2016 #container #split2 h2,
body#ver2016 #container #split3 h2,
body#ver2016 #container #split4 h2,
body#ver2016 #container #split5 h2,
body#ver2016 #container #split6 h2{
	border: none;
	padding: 0 0 0 3px;
	margin: 30px 0 15px 0;
	font-size: 18px;
	font-weight: bold;
	color: #515893;
	text-align: center!important;
}


body#ver2016 #container #split1 ul{
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

body#ver2016 #container #split1 ul.entermode li{
	width: 40%;
}

body#ver2016.home #container #body #split1 ul li,
body#ver2016.home #container #body #split1 ul.entermode li{
	width: 40%!important;
	margin: 0 1% 20px 1%;
}

body#ver2016.home #container #body #split1 ul li .thumbnailbox{
	width: 100%!important;
	height: 90px;
}


body#ver2016 #container #split1 ul li a{
	font-size: 13px;
	line-height: 1.4em;
	text-decoration: none;
}

body#ver2016 #container #split1 ul li .titlebox{
	width: 90%;
	height: 35px;
	overflow: hidden;
}

body#ver2016 #container #split2 ul{
	margin: 0 auto;
	padding: 0;
	width: 80%;
}

body#ver2016 #container #split2 li{
	text-align: left;
}

body#ver2016 #container #split2 li:first-child{
	border-top: 1px dotted #999;
}


body#ver2016 #container #split3 ul li{
	width: 96%;
	margin: 0 auto 20px auto;
}

body#ver2016 #container #split3 ul li h3{
	text-align: center;
}

body#ver2016 #container #split3 ul li h3 .sub{
	font-size: 14px;
	font-weight: normal;
}

body#ver2016 #container #split3 ul li img{
	width: 100%;
	height: auto;
}

body#ver2016 #container #split3 ul li .titlebox{
	width: 90%;
	padding-right: 10%;
	height: 40px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	line-height: 1.4em;
	text-decoration: none;
	padding-bottom: 20px;
	background: url(common/bg_arrow.png) no-repeat right top;
}


body#ver2016 #container #split4,
body#ver2016 #container #split5{
	clear: both;
}

body#ver2016 #container #split4 ul,
body#ver2016 #container #split5 ul{
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

body#ver2016 #container #split4 ul li,
body#ver2016 #container #split5 ul li{
	width: 96%;
	margin: 0 auto 12px auto;
	text-align: left;
	vertical-align: top;
	background-color: #eee;
}



body#ver2016 #container #split4 ul li#shikaku{
	background: #d97754 url(common/symbol_shikaku.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li#shinro{
	background: #c8ae47 url(common/symbol_shinro.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li#jisseki{
	background: #a6c0a0 url(common/symbol_jisseki.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#enter{
	background: #515893 url(common/symbol_entry.png) no-repeat left center;
}

body#ver2016 #container #split5 ul li#info{
	background: #8387a4 url(common/symbol_info.png) no-repeat left center;
}

body#ver2016 #container #split4 ul li .titlebox,
body#ver2016 #container #split5 ul li .titlebox{
	width: 68%;
	margin: 5px 0 5px 20%;
	padding-left: 5px;
	padding: 0 0 5px 5px;
	border-left: 1px solid #fff;
	display: inline-block;
	vertical-align: middle;
}

body#ver2016 #container #split4 ul li .titlebox{
	min-height: 85px;
}

body#ver2016 #container #split5 ul li .titlebox{
	min-height: 50px;
}

body#ver2016 #container #split4 ul li a::after,
body#ver2016 #container #split5 ul li a::after{
	font-family: FontAwesome;
	content: "\f0a9";
	font-size: 24px;
	line-height: 1em;
	color: rgba(255,255,255,0.5);
}

body#ver2016 #container #split4 ul li a,
body#ver2016 #container #split5 ul li a{
	text-decoration: none;
	font-size: 13px;
	line-height: 1.4em;
	color: #fff;
}

body#ver2016 #container #split4 ul li h3,
body#ver2016 #container #split5 ul li h3{
	text-align: left;
	border: navajowhite;
	font-size: 18px;
	line-height: 1em;
	padding: 6px 0px;
	margin: 0;
	color: #fff;
}

body#ver2016 #container #split6 #titlecampusblock{
	width: 100%;
	float: none;
}

body#ver2016 #container #split6 #titlecampusblock #titlecumpus{
	margin: 0 0 0px 0px;
	text-align: center;
}

body#ver2016 #container #split6 #titlecampusblock #subtitlecampus{
	margin: 0 0 20px 0px;
	text-align: center;
}


body#ver2016 #container #split6 ul li{
	width: 323px;
	margin: 0px 5px 20px 5px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
}

body#ver2016 #container #split6 ul li h3{
	margin: 0px 0px 10px 0px;
	padding: 0;
	font-size: 17px;
	line-height: 1em;
}

body#ver2016 #container #split6 ul li .titlebox{
	width: 85%;
	padding-right: 15%;
	background: url(common/bg_arrow.png) no-repeat right top;
	font-size: 13px;
	line-height: 1.4em;
}



body#ver2016 #container #split6 ul{
	padding: 0;
	width: 100%;
	letter-spacing: -.40em;
	margin: 0px 0 0 0;
	float: none;
	text-align: center;
}

body#ver2016 #container #split6 ul li{
	width: 45%;
	margin: 0px 5px 20px 5px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	text-align: left;
}

body#ver2016 #container #split6 ul li h3{
	text-align: left;
}

body#ver2016 #container #split0 ul#pv li{
	width: 47%;
	margin: 0 1% 20px 1%;
}

/* @end */

/* @group contens */

body#ver2016 #main .article h2.styleTitle{
	font-size: 20px;
	line-height: 1.4em!important;
	text-align: left!important;
}

body#ver2016 #main .entry h2{
	font-size: 18px;
	line-height: 1.4em!important;
	text-align: left!important;
}

body#ver2016 #main .entry h2 a.entry-title{
	font-size: 18px;
	line-height: 1.4em!important;
	text-align: left!important;
}

body#ver2016 #main #the-content p{
	font-size: 13px;
	line-height: 1.6em;
	margin: 0px 0 6px 0;
	text-align: left;
}

body#ver2016 #main #the-content ul{
	padding-left: 20px;
}

body#ver2016 #main #the-content ul li{
	font-size: 13px;
	line-height: 1.6em;
	margin: 0px 0 10px 0;
	text-align: left;
}

body#ver2016 #the-content iframe {
	width: 100%!important;
	height: 208px;
}


/* @end */

/* @end */


/* @end */

/* @group mainmenu */


#header{
	position: relative;
}

#container #navi{
	position: relative;
	height: 35px;
	top: 0px;
}

#body{
	margin-top: 5px;
}

#container #navi ul#menu-mainmenu{
	text-align: left;
	height: 35px;
	display: block;
	z-index: 999;
}

#container #navi ul#menu-mainmenu{
	display: none;
}

#container #navi ul#menu-mainmenu li{
	position: static;
	width: 100%;
	height: auto;
	text-align: left;
	float: none;
	display: block;
	border-left: none;
	border-top: 1px solid #666;
	clear: both;
	background-color: #17253d;
	padding-left: 0;
}

#container #navi #navi-in ul#menu-mainmenu li.pc{
	display: none;
}

#container #navi ul#menu-mainmenu>li:first-child{
	border-left: none;
}


#container #navi ul#menu-mainmenu>li a{
	font-size:14px;
	line-height: 1.1em;
	display: block;
	padding: 10px 0 0 6px;
	height: 24px;
	color:#fff;
	text-decoration:none;
}

#container #navi ul li a .sub{
	display: none;
}

#container #navi ul#menu-mainmenu li ul.sub-menu{
	border: none;
	background-color: #17253d;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li{
	width: 100%;
	height: 35px;
	text-align: left;
	float: none;
	display: block;
	letter-spacing: normal;
	border-top: 1px solid #666;
	padding-left: 0;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li a{
	width: 95%;
	height: 25px;
	text-align: left;
	padding: 10px 0 0px 5%;
	display: block;
	font-size: 12px;
	line-height: 1.2em;
	color: #fff;
}



#container #navi ul#menu-mainmenu li ul.sub-menu li.col2{
	width: 49%;
	display: inline-block;
	bGorder-right: 1px solid #666;
	padding-left: 1%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col2.d1{
	width: 52%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col2.d2{
	width: 46%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col2 a:before,
#container #navi ul#menu-mainmenu li ul.sub-menu li.col3 a:before{
    font-family: 'FontAwesome';
    content: '\f0a9';
    margin: 0 3px 0 0px;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col3{
	width: 32%;
	display: inline-block;
	bGorder-right: 1px solid #666;
	padding-left: 1%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col3.d1{
	width: 27%;
}

#container #navi ul#menu-mainmenu li ul.sub-menu li.col3.d3{
	width: 37%;
}

#container #navi ul#menu-mainmenu li,
#container #navi ul.sub-menu,
#container #navi ul.children{
	position: static;
	width: 100%;
	display: block;
	padding-left: 0!important;
	margin: 0!important;
}

#container #navi ul.sub-menu ul,
#container #navi ul.children ul {
	left: 0px;
	top: 20px;
}

ul#menu-shouldermenu{
	display: none;
}

#mobile-menu{
    display:block;
    position:relative;
}


#header-in #h-top{
	text-align: center;
}

#header-in #h-top .alignright.top-spbtn{
	margin: 0 auto;
	position: relative;
	display: inline-block;
	height: auto;
}

#header-in #h-top .alignright.top-spbtn a{
	height: 18px;
}

#header-in #h-top .alignright.top-spbtn .sub{
	display: none;
}

/* @end */
	
}