/* ================= template.css ======================
■サイト共通

【SP】
0.wrapper
1.header
2.nav
3.contents
4.footer
5.parts

10.btn
11.table
12.tab
13.accordion
14.icon

99.other

【PC】
0.wrapper
1.header
2.nav
3.contents
4.footer
5.parts

10.btn
11.table
12.tab
13.accordion
14.icon

99.other

============================================= */

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

/*----------------------------------------------
 0.wrapper
---------------------------------------------- */
body {
	max-width:100%;
	box-sizing:border-box;
}
body img {
	max-width:100%;
	height:auto;
}
#page {
	background:#FFF;
}

/*----------------------------------------------
 1.header
---------------------------------------------- */
#pc_nav {
	display:none;
}
#sp_nav {
	position:fixed !important;
	z-index:9999;
	top:0;
	width:100%;
}
#sp_nav img {
	display:none;
}
#sp_nav li {
	width:42%;/* 28% */
	float:left;
	box-sizing:border-box;
}
#sp_nav li a {
	display:block;
	text-align:center;
	padding:11px 5px 0;
	background:#000;
	height: 45px;
	box-sizing:border-box;
	color:#FFF;
	border-left:1px solid #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight:bold;
	opacity:0.8;
}
#sp_nav li:last-child a {
	background:#D90000;
}
#sp_nav li a > span {
	display:none;
}

#sp_nav li.sp_menu {
	width:16%;
	line-height:2.2;
	display:block;
	text-align:center;
}
#sp_nav li.sp_menu a {
	padding:0;
	display:block;
	border-left:none;
}
header .header_lead {
	display:none;
}
header .logo {
	padding:60px 10px 8px;
}
header .logo a {
	display:block;
}
header .header_sns {
	display:none;
}
.header_atttention {
	/*width: 100%;
	height: 45px;
	z-index: 9999;*/
	padding: 0 10px 10px;
}
.header_atttention a {
	width: 100%;
	border: 1px solid #333;
	display: block;
	background-color: #FFF;
	color: #333;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
}

header .logo p {
	font-size: 11px;
	text-align: center;
	margin-top: 5px;
	font-weight: bold;
	letter-spacing: -0.04em;
}
header a.logo_name {
	display: none;
}


.header_btn_opencampus {
	display:none;
}
.header_btn_opencampus_sp {
	display:block;
}

#menu_icon
{
	box-sizing: border-box;
	z-index: 4;
	width:25px;
	height:45px;
	display:inline-block;
}
#menu_icon:before,
#menu_icon:after,
#menu_icon span
{
	background: #fff;
	content: '';
	display: block;
	width: 25px;
	height: 4px;
	position: absolute;
}
#menu_icon:before
{
	top: 13px;
}
#menu_icon span
{
	top: 21px;
}
#menu_icon:after
{
	top: 29px;
}

/* menu_icon animation */
#menu_icon:before,
#menu_icon:after,
#menu_icon span
{
	-webkit-transition: none 0.3s ease 0.3s;
	transition: none 0.3s ease 0.3s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #menu_icon:before,
html.mm-opening #menu_icon:after
{
	top: 19px;
}
html.mm-opening #menu_icon span
{
	opacity: 0;
}
html.mm-opening #menu_icon:before
{
	transform: rotate( 45deg );
}
html.mm-opening #menu_icon:after
{
	transform: rotate( -45deg );
}
/*----------------------------------------------
 2.nav
---------------------------------------------- */
#pc_gmenu {
	display:none;
}
/* #sp_gmenu {
	overflow-y: scroll;
} */

/* nav.mm-menu, nav .mm-panels, nav .mm-panels > .mm-panel {
	position:initial;
} */
nav .mm-panels > .mm-panel > .mm-listview {
	margin:0;
}
nav .mm-panels > .mm-panel {
	padding:0;
}
nav .mm-listview li {
	border-bottom:1px solid #222;
}
nav .mm-listview li:not(.mm-divider):after {
	border-bottom:0;
}
nav .mm-vertical .mm-listview .mm-panel,
nav .mm-listview .mm-vertical .mm-panel {
	padding:0;
}
/*nav .mm-listview li:first-child {
	border-top:1px solid #222;
}*/
nav.mm-menu {
	background:#222;
}
nav .mm-listview li a,
nav .mm-listview > li .mm-next {
	background:#333;
	color:#999;
	font-weight:bold;
}
nav .mm-listview li a:after {
	color:#999;
}
nav .mm-listview li a span {
	font-weight:normal;
	margin-left:10px;
	font-size:12px;
	color:#666;
}
nav .mm-panels > .mm-panel::before,
nav .mm-panels > .mm-panel::after {
	height:auto;
}
nav .mm-panels > .mm-panel > .mm-listview:first-child,
nav .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
	margin:0;
}
nav .mm-vertical .mm-listview > li > .mm-next,
nav .mm-listview > li.mm-vertical > .mm-next {
	width:49px;
	box-sizing:border-box;
	height:100%;
}
nav .mm-listview .mm-next::before {
	border:0;
}
nav.mm-menu .mm-listview > li .mm-next::after,
nav.mm-menu .mm-listview > li .mm-arrow::after {
	border-color:#999;
}
nav .mm-next:after {
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
nav .mm-next:after,
nav .mm-arrow:after {
	right:21px;
}
nav .mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
nav .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	top:20px;
}
nav .nav_user_sub li a , nav .nav_menu_sub li a {
	/* border-top:1px solid #333; */
	background:#222;
}
nav .nav_user_sub li , nav .nav_menu_sub li {
	border-color:#333;
}
nav .mm-listview .nav_home a,
nav .mm-listview .nav_close a {
	text-align:center;
	padding:16px 20px;
}
nav .nav_home a i,
nav .nav_close a i {
	font-size:22px;
	margin-right:5px;
}
.nav_user a:before,
.nav_menu a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right:6px;
}
nav .nav_close a:before {
	content: "";
}
nav.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
nav.mm-menu .mm-listview > li.mm-selected > span {
	background:#333;
}
nav.mm-menu .mm-listview .nav_user_header .mm-next,
nav.mm-menu .mm-listview .nav_world_header .mm-next {
	width:100%;
}
nav.mm-menu .mm-listview .nav_user_header .mm-next,
nav.mm-menu .mm-listview .nav_world_header .mm-next {
	position:relative;
}
nav.mm-menu .mm-listview > li > a.umenu {
	display:none;
}
nav.mm-menu .mm-listview .mm-next span {
	border-right: 1px solid #222;
	color: #999;
	display: block;
	font-size: 14px;
	font-weight: bold;
	/* margin-right: 50px; */
	padding: 20px 10px;
}
nav.mm-menu .mm-listview .nav_world_header .mm-next span {
	padding: 10px 10px;
}


nav.mm-menu .mm-listview .nav_user_sub {
	border-top:1px solid #333;
}
nav .mm-listview li.mm-opened {
	border-bottom:none;
}
.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next span,
.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next span {
	border-right: 1px solid #333;
}
nav .mm-vertical .mm-listview > li > .mm-next:after,
nav .mm-listview > li.mm-vertical > .mm-next:after {
	top:22px;
}
nav .mm-vertical .mm-listview > li.mm-opened > .mm-next:after,
nav .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
	top:26px;
}
nav .mm-vertical .mm-listview > li.mm-opened > .mm-next {
	height:61px;
}
nav.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
	background:#222;
}

nav .nav_menu_sub li a:before , nav .nav_user_sub li a:before {
	content: "\f105";
	color: #999;
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
	
}
/* nav.mm-menu, nav .mm-panels, nav .mm-panels > .mm-panel {
	position:relative;
} */
html .mm-slideout {
	min-height:inherit !important
}
/* !!disable!! accordion animation */
/*nav .mm-vertical .mm-listview .mm-panel,
nav .mm-listview .mm-vertical .mm-panel {
	height:0;
	display:block;
	overflow:hidden;
	-moz-transition:all 0.5s !important;
	-webkit-transition:all 0.5s !important;
	-o-transition:all 0.5s !important;
	transition:all 0.5s !important;
}
nav .mm-vertical li.mm-opened > .mm-panel,
nav li.mm-vertical.mm-opened > .mm-panel {
	height:auto;
}
nav.mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next,
nav.mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel,
nav.mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next,
nav.mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel {
	-moz-transition:all 0.5s !important;
	-webkit-transition:all 0.5s !important;
	-o-transition:all 0.5s !important;
	transition:all 0.5s !important;
}*/

nav li.nav_event,
nav li.nav_access,
nav li.nav_appform {
	float: left;
	text-align: center;
	width: 33.3333%;
	box-sizing:border-box;
	border-right:1px solid #222;
}
nav li.nav_event a,
nav li.nav_access a,
nav li.nav_appform a {
	padding:15px 0;
}
nav .nav_event a i,
nav .nav_access a i,
nav .nav_appform a i {
	font-size:30px;
	display: block;
	margin-bottom: 10px;
	
}
nav li.nav_event {
	border-right:none;
}
nav.mm-menu .mm-listview .nav_user_header,
nav.mm-menu .mm-listview .nav_world_header,
nav.mm-menu .mm-listview .nav_close {
	clear:both;
}
nav li.sns {
	float: left;
	margin: 5px 0 5px 3%;
	text-align: center;
	width: 16%;
	box-sizing:border-box;
}
nav li.fb {
	margin-left: 4%;
}
nav li.sns a {
	background:inherit;
	padding:0;
	overflow:visible;
}
nav li.sns a:before {
	content:"";
	margin-right:0;
}
nav li.sns a img {
	height: auto;
	max-width: 60px;
	width: 100%;
	vertical-align:bottom;
}

/* nav li.select_menu a {
	background-color:#EEE;
	color:#333;
	
} */

nav .mm-listview li.nav_world_header {
	border-bottom:none;
	border-top:1px solid #222;
}
nav .mm-listview li.nav_world_header > .mm-next {
	border-bottom:1px solid #333;
	background: #222;
}
nav.mm-menu.mm-vertical .mm-listview .nav_menu > li.mm-opened a {
	background: #111;
}

nav .mm-vertical .mm-listview > li#nav_produce_header > .mm-next {
	height:80px;
}
nav .mm-vertical .mm-listview > li#nav_produce_header > .mm-next:after {
	top: 35px;
}

/* new icon */
nav .mm-listview li a .nav_menu_new {
	display:inline;
	background-color:#D90000;
	color:#FFF;
	font-size:12px;
	padding:3px 5px;
	margin:0 7px 0 -10px;
	position: relative;
}
nav .mm-listview li a .nav_menu_new:after, nav .mm-listview li a .nav_menu_new:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

nav .mm-listview li a .nav_menu_new:after {
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 3px;
	margin-top: -3px;
}
nav .mm-listview li a .nav_menu_new:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 4px;
	margin-top: -4px;
}


/*----------------------------------------------
 3.contents
---------------------------------------------- */

/* wrapper
---------------------------------------------- */
.contents_wrapper {
	width:100%;
	margin:0 auto;	
}
.contents_detail {
	width:100%;
	padding:10px 10px 20px;
	box-sizing:border-box;
	height:auto;
}
.contents_single {
	width:100%;
	padding:10px 10px 20px;
	box-sizing:border-box;
	height:auto;
}

/* title
---------------------------------------------- */
.page_title_wrap {
	background: url(../img/bg_black.gif) repeat;
	padding:5px 0;
	margin-top:5px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	text-align:center;
	letter-spacing:1px;
}
.page_title {
	font-weight:bold;
}
.page_title span {
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#999;
	font-family: 'Oswald', sans-serif;
}
.page_title .page_title_sub {
	display:inline;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	margin-left:0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.page_subtitle {
	font-size:18px;
	margin-bottom:10px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:900;
}
.page_subtitle span {
	color:#E09D2C;
}
.category_title {
	font-weight:bold;
	padding:10px 15px;
	background-color:#EEE;
	border-bottom: 1px solid #CCC;
	margin-bottom:15px;
}
.page_read_title {
	font-weight:bold;
	margin-bottom:10px;
}

/* category_main_title
---------------------------------------------- */
.page_main_wrap {
	background-color:#000;
	padding:30px 0;
	margin-bottom:0;
	background-size:100% auto;
	color:#FFF;
	font-weight:bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.page_main_text {
	max-width:94%;
	font-size:16px;
	margin:0 auto;
	font-weight:bold;
}
.page_main_text span {
	color:#E09D2C;
	font-weight:bold;
}

/* contents_nav
---------------------------------------------- */
.contents_nav {
	width:100%;
	background-color:#000;
	padding:15px 10px;
	box-sizing:border-box;	
}
.contents_nav_title {
	display:block;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:900;
	color:#FFF;
	font-size:18px;
	text-align:center;
	margin-bottom:20px;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.contents_nav_title a {
	color:#FFF;
}
.contents_nav_title span {
	font-size:12px;
	font-weight:bold;
	color:#E09D2C;
	margin-left:20px;
	font-family: 'Oswald', sans-serif;
}

.contents_nav ul a {
	width:49%;
	margin-right:2%;
	float:left;
	display:block;
	box-sizing:border-box;
	background-color:#FFF;
	color:#333;
	margin-bottom:10px;
	padding:0 0 5px;
	font-weight:bold;
	
	border:1px solid #666;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 4px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 4px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.7) 0px 0px 4px 3px;
}
.contents_nav ul li:nth-child(2n+1) a {
	margin-right:0;
}
.contents_nav ul a img  {
	display:block;
	width:100%;
	height:auto;
}
.contents_nav li:nth-last-child(1) a , .contents_nav li:nth-last-of-type(2) a {
	margin-bottom:0;
}

.contents_nav li:nth-last-of-type(2):nth-child(even) {
	margin-bottom:10px;
}
.contents_nav li a p {
	margin:5px 0 0 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.contents_nav li a p:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right:5px;	
} 
.contents_nav li.contents_nav_top {
	display:none;
}
/* .contents_nav li.select_menu:first-child a span , .contents_nav li.select_sub_menu:first-child a span {
	color:#FFF;
} */
.contents_nav li.select_menu a , .contents_nav li.select_sub_menu a {
	background-color:#000;
	color:#FFF;
	border:1px solid #EEE;
}
.contents_nav_wrap .btn_white {
	width:96%;
	margin:0 auto;
}
.contents_nav_wrap .caption {
	display:none;
}
.category_top .contents_nav_wrap .category_back_top {
	display:none;	
}
/* breadcrumb
---------------------------------------------- */
.breadcrumb {
	background-color:#F9F9F9;
	padding:10px;
	border-bottom:1px solid #DDD;
	overflow: hidden;
	width: 100%;
	box-sizing:border-box;
}
.breadcrumb ul{
	display:table;
	padding-right:40px;
}
.breadcrumb li {
	display:table-cell;
	margin-right:10px;
	white-space: nowrap;
	padding-left: 13px;
}
.breadcrumb li:first-child {
	padding-left: 0;
}
.breadcrumb li:after {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-left:15px;
}
.breadcrumb li a {
	text-decoration:none;
	position: relative;
}
.breadcrumb ul li:first-child:before {
	content: "";
	padding:0;
}
.breadcrumb ul li:first-child a:before {
	content: "\f015 ";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.breadcrumb li:last-child {
	padding-right:15px;
}
.breadcrumb li:last-child:after {
	content: none;
}

/* img
---------------------------------------------- */
.imgMaxHalf {
	max-width: 49%;
}
.imgFlaotLeft {
	float:left;
	margin:0 10px 10px 0;
}
.imgFlaotRight {
	float:right;
	margin:0 0 10px 10px;
}
/*----------------------------------------------
 4.footer
---------------------------------------------- */
footer {
	margin-bottom:0;	
}

/* link
---------------------------------------------- */
footer .footer_link {
	border-top:1px solid #202020;
	background:url(../img/bg_footer.gif) repeat #333;
}
footer .footer_link_pamphlet , footer .footer_link_opencampus {
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	padding:15px 10px;
}

footer .footer_link_pamphlet { float:left; border-bottom:1px solid #202020;}
footer .footer_link_opencampus { float:right;}
footer .footer_link .footer_link_img {
	width:20%;
	float:left;
	margin-right:5%
}
footer .footer_link .footer_link_img img {
	width:100%;
	max-width:148px;
	height:auto;
}

footer .footer_link .footer_link_detail_text {
	width:75%;
	float:left;
	margin-bottom:15px;
}
footer .footer_link .footer_link_title {
	font-size:16px;
	color:#F0B433;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:900;
	margin-bottom:5px;
}
footer .footer_link .footer_link_detail .btn_gold {
	clear:both;
	display:block;
	margin:10px 0; 
}

/* info
---------------------------------------------- */
footer .footer_info {
	border-top:1px solid #111;
	background-color:#202020;
	color:#EEE;

}
footer .footer_info_contents {
	width:100%;
	margin:0 auto;
	padding:20px 10px;
	box-sizing:border-box;
}
footer .footer_info_contents .foonter_info_logo p.footer_info_logo_text {
	font-size: 11px;
	margin: 3px 0 0 0;
	text-align: center;
	letter-spacing: -0.04em;
}
footer .foonter_info_detail {
	margin-top: 15px;
}
footer .footer_info_contents p.footer_info_logo_text {
	margin:5px 0 10px;
}
footer .footer_info_contents p.footer_info_address {
	padding: 10px;
}
footer .footer_info_contents p.footer_info_address span {
	display:block;
}

footer .footer_info_contents .footer_info_contact li a {
	float:left;
	width:49%;
	box-sizing:border-box;
	background-color:#333;
	padding:10px 0;
	text-align:center;
	color: #FFF;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
footer .footer_info_contents .footer_info_contact li:last-child a {
	float:right;
}

footer .foonter_info_detail_link {
	padding-left: 15px;
}

footer .foonter_info_detail_link li {
	text-indent:-1em;
	padding-left:1em;


}
footer .foonter_info_detail_link li a {
	font-size: 12px;
}
footer .foonter_info_detail_link li:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 7px;
}
footer .foonter_info_detail_link li:after {
	content: "\f08e ";
	font-family: FontAwesome;
	font-weight: normal;
	padding-left: 5px;
}


/* bottom
---------------------------------------------- */
footer .footer_bottom ul li a {
	float:left;
	width:50%;
	box-sizing:border-box;
	display:block;
	border-right:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:8px 5px;
	text-align:center;
	color:#333;
	font-weight:bold;
	min-height: 40px;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
footer .footer_bottom ul li.footer_bottom_small a {
	padding-top: 10px;
	font-size: 12px;
}

footer .footer_bottom p.copyright {
	font-size:12px;
	text-align:center;
	padding:5px 10px;
	background-color:#EEE;
}
footer .footer_bottom p.copyright span {
	display:block;
}

/* Pagetop
---------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	padding: 8px 15px 8px;
	text-align: center;
	display: block;
	cursor:pointer;
	z-index:10;
	background-color:#111;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#page-top:before {
	content: "\f106";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
#page-top:hover {
	text-decoration: none;
	
	
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* Fixed
---------------------------------------------- */
#footer_fix {
	width:100%;
	height:50px;
	background-color:#000;
	border-top:1px solid #333;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
}
#footer_fix .frame {
	position:relative;	
}
#footer_fix .footer_fix_catch {
	position:absolute;
	left:0px;
	top:-10px;	
}
#footer_fix a {
	position:absolute;
	right:0px;
	top:4px;
}
/*----------------------------------------------
 5.parts
---------------------------------------------- */

/* adjust
---------------------------------------------- */
.sp_break {	display:block;}
.sp_none {	display:none;}

/* box
---------------------------------------------- */
/* gray */
.box_gray {
	background-color:#EEE;
	padding:10px;
	margin:20px auto;
}
.box_gray_line {
	border:3px solid #EEE;
	padding:10px;
	margin:20px auto;
}
/* black */
.box_black {
	background-color:#333;
	padding:10px;
	margin:20px auto;
}
.box_black_line {
	border:1px solid #333;
	padding:10px;
	margin:20px auto;
}
/* white */
.box_white {
	background-color:#FFF;
	padding:10px;
	margin:20px auto;
}
.box_white_line {
	border:1px solid #FFF;
	padding:20px;
	margin:20px auto;
}
/* red */
.box_red {
	background-color:#FAE5E5;
	padding:10px;
	margin:20px auto;
}
.box_red_line {
	border:3px solid #C00;
	padding:10px;
	margin:20px auto;
}
/* contact */
.box_contact {
	border:3px solid #EEE;
	margin:20px 0;
	padding:10px;
}
.box_contact .box_contact_title {
	font-weight:bold;
}
.box_contact .btn_gray {
	margin-bottom:10px;
	
}
/* voice */
.box_voice {
	position: relative;
	background: #FFF;
	padding:10px 0;
	margin-bottom:20px;
	border: 1px solid #999;
	text-align:center;
	font-weight:bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box_voice:after, .box_voice:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_voice:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 8px;
	margin-left: -8px;
}
.box_voice:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #999;
	border-width:9px;
	margin-left: -9px;
}
/* column */
.col3 li ,
.col3 div {
	box-sizing:border-box;
	width:33.333333%;
	float:left;
}
.col3_space li ,
.col3_space div {
	box-sizing:border-box;
	width:32%;
	float:left;
	margin-right:2%;
}
.col3_space li:last-child ,
.col3_space div:last-child {
	margin-right:0;
}

/* select
---------------------------------------------- */
.select {
	display:none;
}

/* pamphlet_box
---------------------------------------------- */
.pamphlet_box {
	border:3px solid #C00;
	background-color:#FEFEFE;
	padding:10px;
	margin:20px 0 20px; 
}
.pamphlet_box_title {
	font-size:16px;
	color:#C00;
	font-weight:bold;
	margin-bottom:10px;
}
.pamphlet_box img {
	float:right;
	max-width:50%;
	margin-left:10px;
	margin-bottom:10px;
}
.pamphlet_box .btn_red {
	clear:both;
}
.pamphlet_box .btn_red a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin:20px 0 0 0;
}

/* pamphlet_box_2018 */
.pamphlet_box_2018 {
	background-color:#D90000;
	padding:10px;
	margin:30px 0 30px;
	color:#FFF;
	font-size:16px;
}
.pamphlet_box_2018 .guidebook_box_title {
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
	text-align: center;
}
.pamphlet_box_2018 img {
	float:left;
	max-width:30%;
	margin:0px 20px 10px 0;
}
.pamphlet_box_2018 .guidebook_box_detail {
	margin-top: 20px;
}
.pamphlet_box_2018 .btn_black {
	clear:both;
}
.pamphlet_box_2018 .btn_black a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin:15px 0 0 0;
	color:#FFF;
}

.pamphlet_box_2018 .icon_new_l {
	color:#D40011;
	background-color:#FFF;
	font-size:14px;
}
.pamphlet_box_2018 .icon_new_l:after {
	border-left-color: #FFF;
}

/* gallery
---------------------------------------------- */
.gallery_view {
	background-color:#000;
	padding:10px;
	text-align:center;
	display:block;
	height:auto;
}
.gallery_view .swiper-slide img {
	width:auto;
	max-width:100%;
	max-height:260px;
	height:auto;
}
.gallery_view .gallery_thumbs .swiper-slide {
	width:25%;
	max-height:40px;
	height:auto;
	cursor:pointer;
	line-height:0;	
}

.gallery_view .gallery_thumbs .swiper-slide img {
	width:100%;
	height:auto;
	cursor:pointer;
	opacity:0.3;
}
.gallery_view .gallery_thumbs .swiper-slide img:hover { opacity:0.6; }
.gallery_view .gallery_thumbs .swiper-slide.swiper-slide-active img { opacity:1.0; }

/* list_menu
---------------------------------------------- */
.list_menu_box {
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.list_menu {
	border:1px solid #FFF;
	box-sizing:border-box;
	width:100%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.list_menu_title {
	background:#F9F7E9;
	padding:10px;
	border-top:3px solid #BA8117;
	border-bottom:1px solid #CCC;
	color:#BA8117;
	font-weight:bold;
}
.list_menu_item {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	box-sizing:border-box;
}
.list_menu li {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #CCC;
}
.list_menu.list_half li {
	width: 50%;
	float:left;
	box-sizing:border-box;
}
.list_menu li a {
  position: relative;
  display: block;
  margin: 0;
  padding: 15px 20px 15px 10px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.list_menu li a:hover {
	background-color:#EEE;
}
.list_menu.list_half li a {
	padding: 15px 15px 15px 5px;
}

.list_menu li a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
	position:absolute;
	top:50%;
	margin-top:-11px;
	right:10px;
}
.list_menu li.select_menu a {
  background: #EEE;
}

.list_menu li:last-child {
	border-bottom: none;
}
.list_menu.list_half li:nth-child(odd)  {
	border-right:1px solid #CCC;
}
.list_menu.list_half li:nth-last-child(1) ,
.list_menu.list_half li:nth-last-of-type(2) {
	border-bottom: none;
}
.list_menu.list_half li:nth-last-of-type(2):nth-child(even) {
	border-bottom: 1px dashed #CCC;
}
/* photo_menu
---------------------------------------------- */
.photo_menu_box {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	margin-bottom:20px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.accMenu .accMenuContents.photo_menu {
	padding:0;	
}
.photo_menu li a {
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.photo_menu li:nth-child(2n) a {
	border-right:none;
}
.photo_menu li:first-child a ,
.photo_menu li:nth-child(2) a {
	border-top: 1px solid #CCC;
}
.photo_menu li:nth-last-child(1) a ,
.photo_menu li:nth-last-of-type(2) a {
	border-bottom: none;
}
.photo_menu li:nth-last-of-type(2):nth-child(even) a {
	border-bottom:1px solid #CCC;
}
.photo_menu li a img {
	width:100%;
	height:auto;
	margin-bottom: 5px;
}
.photo_menu li a p {
	color:#333;
	font-weight:bold;
}
.photo_menu li a p:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-right:5px;
}
.photo_menu li.select_menu a {
	color:#FFF;
	background:#000;
}
.photo_menu li.select_menu a p {
	color:#FFF;
}
/* box_menu
---------------------------------------------- */
.box_menu {
	float: left;
	margin: 0 2% 10px 0;
	position: relative;
	width: 49%;
	box-sizing:border-box;
}
.box_menu a {
	padding: 1px;
	color:#333;
	border: 1px solid #E4A946;
	background-color:#FCF5EB;
	display:block;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.box_menu:nth-child(2n) {
	margin-right:0;
}
.box_menu .box_menu_title {
	color:#D09317;
	font-weight:bold;
	padding:0 5px;
}
.box_menu .box_menu_title span {
	font-size:12px;
	margin-left:3px;
}
.box_menu .box_menu_photo {
	margin-bottom: 5px;
}
.box_menu .box_menu_detail {
	padding:5px 5px;
	font-size: 12px;
}
.box_menu .box_menu_title:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.sign_new {
	width:56px;
	height:auto;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 1;
}
/* news_list
---------------------------------------------- */
.news_list {
	margin-bottom:40px;
	border:1px solid #CCC;
	padding:10px 10px 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news_list h4 , .news_list .news_list_title {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	margin-bottom:5px;
}
.news_list li {
	margin-bottom:5px;
	border-bottom:1px dotted #CCC;
	padding:10px 0;
}
.news_list li:last-child {
	border-bottom:none;
}
.news_list li a {
	font-size:14px;
	text-decoration:none;
}
.news_list li a span {
	background-color:#333;
	padding:2px 8px;
	margin-right:10px;
	color: #FFF;
	font-size:12px;
	font-weight: bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.news_list li a:hover span {
	background-color:#BD8317;
	color:#FFF;
}
/* guidance_menu_box
---------------------------------------------- */
.guidance_menu_box {
	background:#fffded;
	margin:20px auto;
	padding:10px;
	border:#f8c6c6 5px solid;
	box-sizing: border-box;
	
}
.guidance_menu_box img{
	float:right;
	max-width: 45%;
	margin:5px 0 10px 20px;
}
.guidance_menu_box p.guidance_title{
	font-size:16px;
	font-weight:bold;
	color: #C00;
}
.guidance_menu_box p.guidance_subtitle{
	font-size:14px;
	font-weight:bold;
}
.guidance_menu_box dl dt {
	float: left;
	background-color: #333;
	color: #FFF;
	width: 100px;
	padding: 2px 5px;
	text-align: center;
}
.guidance_menu_box .guidance_detail {
	clear: both;
}
.guidance_menu_box .btn_red {
	overflow: hidden;
}

/*----------------------------------------------
 10.btn
---------------------------------------------- */
/* white */
.btn_white a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto;
	background-color: #FFF;
	border:1px solid #999;
	text-align:center;
	color:#333;
	padding:12px 10px 12px 20px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
/* gray */
.btn_gray a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #EEE;
	border:1px solid #DDD;
	text-align:center;
	color:#333;
	padding:12px 10px 12px 20px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}

/* gold */
.btn_gold a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #F0B433;
	border:1px solid #F0B433;
	text-align:center;
	color:#333;
	padding:12px 10px 12px 20px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
/* black */
.btn_black a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #222;
	border:1px solid #000;
	text-align:center;
	color:#FFF;
	padding:12px 10px 12px 20px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}

/* red */
.btn_red a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #C00;
	border:1px solid #DDD;
	text-align:center;
	color:#FFF;
	padding:12px 10px 12px 20px;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}

.btn_white a:before ,
.btn_gold a:before ,
.btn_gray a:before ,
.btn_black a:before ,
.btn_red a:before
 {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:10px;
}
.btn_black a span:after {
	color:#FFF;
}

.btn_half {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
/*----------------------------------------------
 11.table
---------------------------------------------- */
table.basic {
	border-collapse: collapse; 
	border-spacing:0;
	background-color:#fff;
	border: none;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	width:100%;
	margin-top:20px;
}
table.basic th,
table.basic td {
	padding:10px 10px;
	border: none;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#fff;
	text-align:left;
	box-sizing:border-box;
	width:100%;
	display:block;
}
table.basic th {
	background-color:#EFEFEF;
	font-weight:bold;
	color:#333;
	text-align:center;
	vertical-align:middle;
}
table.basic td.table_center , table.basic th.table_center {
	text-align:center;
	vertical-align:middle;
}

/*----------------------------------------------
 12.tab
---------------------------------------------- */
.normal.ui-tabs .ui-tabs-nav {
	background-color:#EEE;
	margin-bottom:20px;
}
.normal.ui-tabs .ui-tabs-nav li span {
	font-size:14px;
}

.normal.ui-tabs .ui-tabs-nav li a {
	width:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
	color:#666;
	font-size:14px;
	text-align:center;
	padding:10px;
	background-color:#EEE;
	box-sizing:border-box;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}
.normal.ui-tabs .ui-tabs-nav a:hover {
	background-color:#D09317;
	color:#FFF;
}
.normal.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding:0;
}
.normal.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color:#FFF;
	font-weight:bold;
	color:#D09317;
	border:1px solid #AAA;
	border-top:5px solid #D09317;
	border-bottom:1px solid #FFF; 
	margin-top:-4px;
}
.normal.ui-tabs .ui-tabs-nav li a:before {
	content: "\f096";
	font-family: FontAwesome;
	margin-right:5px;
}
.normal.ui-tabs .ui-tabs-nav li.ui-tabs-active a:before {
	content: "\f046";
	font-family: FontAwesome;
	margin-right:5px;
}
.normal.ui-tabs .col2_sp li {width:50%;}
.normal.ui-tabs .col3_sp li {width:33.33333333%;}
.normal.ui-tabs .col4_sp li {width:25%;}
.normal.ui-tabs .col5_sp li {width:20%;}

/*----------------------------------------------
 13.accordion
---------------------------------------------- */

.accMenu .accMenuTrg:hover {
	cursor:pointer;
}
.accMenu .accMenuContents {
	display:none;
}
.accMenu .accMenuContents.active {
	display:block;
}

.accMenu {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	margin-bottom:20px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.accMenu .accMenuTrg , .accMenu .accMenuContents {
	padding:15px;
}
.accMenu .accMenuTrg {
	border-top:1px solid #CCC;
	margin-bottom:-1px;
	position:relative;
	padding-left:30px;
}
.accMenu .accMenuTrg:first-child {
	border-top:none;
}
.accMenu .accMenuContents {
	background-color: #eee;
}
.accMenu .accMenuTrg:before {
	content:"\f0fe";
	font-family:FontAwesome;
	font-weight:normal;
	left:10px;
	margin-top:-13px;
	position:absolute;
	top:50%;
}
.accMenu .accMenuTrg.open:before {
	content:"\f146";
}


/*----------------------------------------------
 14.icon
---------------------------------------------- */
.icon_external:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight:normal;
	color: #333;
	padding-left:5px;
	font-size:14px;
}
.btn_red .icon_external:after {
	color:#FFF;	
}
.icon_chevR-circle a:before,
a.icon_chevR-circle:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	color: #333;
	padding-right: 5px;
}
.icon_chevR a:before,
a.icon_chevR:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	color: #333;
	padding-right: 8px;
}

.icon_tel:before {
	content: "\f095";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.icon_mail:before {
	content: "\f003";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

.icon_arrow:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position: absolute;
	top:50%;
	margin-top:-8px;
	left:10px;
	color:#000;
	font-size:10px;
	background-color: #FFF;
	width:14px;
	height:15px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.icon_arrow_black:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	
	color:#FFF;
	font-size:10px;
	background-color:#000;
	margin-right:10px;
	padding:0 4px;
	line-height:0;
	
	webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.icon_zoom:before {
	content:"\f00e";
	font-family:FontAwesome;
	font-weight:normal;
	margin-right:5px;
	color:#333;
}

.icon_new {
	color:#FFF;
	background-color:#CC0000;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:12px;
	padding:2px 5px;
	position: relative;
	display: inline-block;
	margin-left:8px;
}
.icon_new:after {
	content: "";
	position: absolute;
	top: 50%; left: -3px;
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent #CC0000 transparent transparent;
}

.icon_new_l {
	color:#FFF;
	background-color:#CC0000;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:12px;
	padding:2px 5px;
	position: relative;
	display: inline-block;
	margin-right:8px;
}
.icon_new_l:after {
	content: "";
	position: absolute;
	top: 50%; right: -6px;
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-left-color: #CC0000;
    border-width: 3px;
    margin-top: -3px;
}

/*----------------------------------------------
 99.other
---------------------------------------------- */
input {
	-webkit-appearance: none;	
}
.scroll_img_wrap {
	overflow:hidden;
	overflow-x: auto;
	margin:0 0;
	-webkit-overflow-scrolling: touch;
}

}
@media screen and (min-width : 480px){

/*----------------------------------------------
 0.wrapper
---------------------------------------------- */
body {
	/*min-width:1100px;*/
	min-width:1140px;
	box-sizing:border-box;
}
#page {
	overflow:hidden;
}
/*----------------------------------------------
 1.header
---------------------------------------------- */
header {
	position:relative;	
}
#sp_nav {
	display:none;
}
header .header_lead {
	background-color:#000;
	color:#FFF;
	padding:8px 0 0 0;
	box-sizing:border-box;
	font-size:12px;
	height:34px;
	border-bottom:1px solid #EEE;
}
header .header_lead p {
	max-width:1600px;
	margin:0 auto;
	padding-left:20px;
	box-sizing:border-box;
}
header .header_wrap {
	max-width:1600px;
	position:relative;
	margin:0 auto;
}
header .logo {
	margin:15px 20px 0;
	float:left;
	position:absolute;
}
header .logo a {
	display: block;
}
header .logo_left {
	float: left;
}
header .logo_left p{
	text-align: left;
	font-size: 12px;
	margin-top: 2px;
	padding-left: 50px;
	font-weight: bold;
}
header a.logo_name {
	float: left;
	display: block;
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	padding: 5px 8px;
	font-size: 12px;
	font-weight: bold;
	margin: 3px 0 0 10px;
	border-radius: 3px;
}
header a.logo_name:hover {
	background-color: #DC9D35;
}
header .header_btn {
	float:right;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
header .header_btn li {
	float:left;
	position:relative;
}
header .header_btn li a {
	display:block;
	background-color:#FDF7EA;
	height:90px;
	box-sizing:border-box;
	padding-top:20px;
	text-decoration:none;
	text-align:center;
	/*width:210px;*/
	width: 180px;
	font-size:18px;
	font-weight:bold;
	color:#E09D2C;
	border-left:2px solid #FFF;	
	font-family: 'Noto Sans Japanese', serif;
}
header .header_btn li a span {
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#444;
	font-family: 'Oswald', sans-serif;
}
header li.header_btn_opencampus img {
	position:absolute;
	top:-10px;
	left:-40px;	
}
header .header_btn li.header_btn_opencampus a {
	width:210px;
}

header .header_btn li:last-child a {
	background-color:#D90000;
	color:#FFF;
}
header .header_btn li:last-child a span {
	color:#333;
}
header .header_btn li a:hover {
	background-color:#E09D2C;
	color:#FFF;
}
header .header_sns {
	position:absolute;
	top:-34px;
	right:0;	
}
header .header_sns li {
	float:left;
}
header .header_sns li a {
	display:block;
}
header .header_sns li a:hover {
	opacity:0.6;
}
header .sp_menu {
	display:none;
}
.logo_sp {
	display:none;
}
.header_btn_opencampus {
	display:block;
}
.header_btn_opencampus_sp {
	display:none;
}
.bnr_public_info a {
	color:#FFF;
	font-size:12px;
	position:absolute;
	top:-28px;
	right:200px;
	background-color:#333;
	padding:1px 10px;
}
.bnr_public_info a:before {	
	content: "\f0da";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.bnr_public_info a:hover {
	background-color:#FFF;
	color:#333;
}
/*----------------------------------------------
 2.nav
---------------------------------------------- */
nav#sp_gmenu { display:none; width:0 !important;}

/* user
---------------------------------------------- */
.nav_user_header > a,
.nav_world_header > a {
	display:none;
}
nav .nav_user_wrap {
	border-top:1px solid #CCC;
	background-color:#EEE;
}
nav .nav_user {
	max-width:1600px;
	margin:0 auto;
}
nav .nav_user li {
	float:left;
	width:14%;
}
nav .nav_user li:first-child {
	width:16%;
}
nav .nav_user li a {
	color:#333;
	display:block;
	text-align:center;
	text-decoration:none;
	position:relative;
	padding:8px;
	border-right:1px solid #EEE;
}
nav .nav_user li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	
	color:#FFF;
	font-size:10px;
	background-color:#000;
	margin-right:10px;
	padding:0 4px 2px;
	line-height:0;
	
	webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
nav .nav_user li a:hover , nav .nav_user li.select_menu a {
	color:#000;
	background-color:#F0B433;
}


/* menu
---------------------------------------------- */
nav .nav_menu_wrap {
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
nav .nav_menu {
	max-width:1600px;
	margin:0 auto;
	height:67px;
}
nav .nav_menu > li > a {
	
	font-size:14px;
	font-weight:bold;
	/* font-family: 'Noto Sans Japanese', serif;
	font-weight:700; */
	
	float:left;
	width:14%;
	text-align:center;
	box-sizing:border-box;
	display:block;
	color:#333;
	text-decoration:none;
	padding:10px 0;
	border-left:1px solid #CCC;
	
	height:67px;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
nav ul.nav_menu > li:first-child > a {
	/*width:20%;*/
	border-left:none;
}
nav ul.nav_menu > li:last-child > a {
	width:16%;
}
nav .nav_menu > li > a span {
	display:block;
	font-weight:normal;
	color: #999;
	font-size:14px;
	font-family: 'Oswald', sans-serif;
}
nav .nav_menu > li > a:hover,
nav .nav_menu > li.overnavi > a {
	background-color:#000;
	color:#F0B433;
}
nav .nav_menu > li > a:hover span,
nav .nav_menu > li.overnavi > a span {
	color:#FFF;
}

.mdd_lv2_wrap {
	display:none;
	position:relative;
	z-index:2;
	width:100%;
	top:66px;
}
.mdd_lv2 {
	box-sizing:border-box;
	position:absolute;
	z-index:5;
	display: block;
	visibility: visible;
	text-align:left;
	background-color:#000;
	margin: 0 -500%;
	padding: 20px 500%;
}
nav ul .mdd_lv2 li {
	float:left;
	margin-left:10px;
}
nav ul .mdd_lv2 li.totop {
	width:142px;
	text-align:center;
	display:table;
	margin-right:20px;
}
nav ul .mdd_lv2 li a {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0;
	box-sizing:border-box;
	padding:8px 15px;
	text-decoration:none;
	display:block;
	line-height:1.4em;
	color:#FFF;
	margin-right:10px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
nav ul .mdd_lv2 li a img {
	border:5px solid #FFF;
}
nav ul .mdd_lv2 li a:hover , nav ul .mdd_lv2 li.select_menu a , nav ul .mdd_lv2 li.select_sub_menu a {
	color:#E09E2D;
	background-color:#FFF;
	border-bottom:0;
}

nav ul .mdd_lv2 li a:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 3px;
}
nav ul .mdd_lv2 li a span {
	color:#FFF;
	font-size:14px;
}
nav ul .mdd_lv2 li a:hover span  , nav ul .mdd_lv2 li.select_menu a span {
	color:#E09E2D;
}
/* nav_school */
nav ul .nav_school .mdd_lv2 li a {
	width:120px;
	margin-right:10px;
}
nav ul .nav_school .mdd_lv2 li a img {
	width:93px;
	height:91px;
}
nav ul .nav_school .mdd_lv2 li a span {
	font-size:13px;
}
nav ul .mdd_lv2 li:last-child a {
	margin-right:0;
}
nav ul .mdd_lv2 li .icon_external:after {
	color:#FFF;
}
nav ul .mdd_lv2 li a:hover .icon_external:after {
	color:#E09E2D;
}

/* new icon */
nav .nav_menu > li > a .nav_menu_new {
	display:inline;
	background-color:#D90000;
	color:#FFF;
	font-size:12px;
	padding:1px 5px;
	margin:0 7px 0 -10px;
	position: relative;
}
nav .nav_menu > li > a .nav_menu_new:after, nav .nav_menu > li > a .nav_menu_new:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

nav .nav_menu > li > a .nav_menu_new:after {
	border-color: rgba(213, 0, 0, 0);
	border-left-color: #d50000;
	border-width: 3px;
	margin-top: -3px;
}
nav .nav_menu > li > a .nav_menu_new:before {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #0;
	border-width: 4px;
	margin-top: -4px;
}

/*----------------------------------------------
 3.contents
---------------------------------------------- */

/* wrapper
---------------------------------------------- */
.contents_wrapper {
	width:1000px;
	margin:0 auto 60px;
	position:relative;
}
.category_top .contents_wrapper ,
.single_wrap .contents_wrapper {
	width:100%;
}
.contents_detail {
	position:relative;
	float:right;
	width:680px;
	z-index:1;
}
.category_top .contents_wrapper {
	margin-bottom:0;
}
.category_top .contents_detail , .contents_single {
	float:none;
	width:1000px;
	margin:0 auto 40px;
}

/* title
---------------------------------------------- */
.page_title_wrap {
	background: url(../img/bg_black.gif) repeat;
	padding:13px 0;
	font-size:22px;
	color:#FFF;
	font-weight:bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
	text-align:center;
	letter-spacing:1px;
}
.page_title {
	font-weight: normal;
}
.page_title span {
	font-size:16px;
	font-weight:normal;
	color:#999;
	margin-left:20px;
	font-family: 'Oswald', sans-serif;
}
.page_title .page_title_sub {
	display:inline;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	margin-left:0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* category_main_title
---------------------------------------------- */
.page_main_wrap {
	background-color:#000;
	padding:80px 0;
	margin-bottom:0;
	color:#FFF;
	font-weight:bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.page_main_text {
	max-width:1100px;
	font-size:28px;
	margin:0 auto;
	text-align:center;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:700;
}
.page_main_text span {
	color:#E09D2C;
	display:block;
	font-weight:800;
}
.page_subtitle {
	font-size:26px;
	margin:0 auto 10px;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:900;
}
.page_subtitle span {
	color:#E09D2C;
}
.page_read_title {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}
.category_title {
	font-size:16px;
	font-weight:bold;
	padding:10px 15px;
	background-color:#EEE;
	border-bottom: 1px solid #CCC;
	margin-bottom:20px;
}

/* contents_nav
---------------------------------------------- */
.contents_nav {
	width:260px;
	background: url(../img/bg_gray.gif) #EEE no-repeat left top;
	padding:10px 10px 10px;
	box-sizing:border-box;
}
.contents_nav ul a {
	display:block;
	background-color:#FFF;
	color:#333;
	margin-bottom:10px;
	padding:15px 5px 15px 10px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.contents_nav ul a img {
	display:none;	
}
.contents_nav li:last-child a {
	margin-bottom:0;
}
.contents_nav li a p:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right:5px;	
}
.contents_nav li.contents_nav_top a p:before {
	content: "";
	margin-right:0;	
}
.contents_nav li.contents_nav_top a {
	padding:40px 5px;
	font-weight:bold;
	background: url(../img/bg_black.gif) #000 repeat;
	box-sizing:border-box;
	color:#FFF;
	text-align:center;
	font-size:16px;
}
.contents_nav li.contents_nav_top a span {
	font-size:14px;
	font-weight:normal;
	display:block;
	font-family: 'Oswald', sans-serif;
}
.contents_nav li.contents_nav_top a:before {
	content: "";
}
.contents_nav li.contents_nav_top a:hover ,
.contents_nav li.select_menu:first-child a
 {
	background-image:none;
	background-color:#000;
	color:#E09D2C;
}
.contents_nav li:first-child a:hover span ,
.contents_nav li.select_menu:first-child a span
 {
	color:#FFF;
}

.contents_nav li a:hover ,
.contents_nav li.select_menu a ,
.contents_nav li.select_sub_menu a
 {
	background-color:#000;
	color:#FFF;
}
.contents_nav_title {
	display:none;	
}

/* category_nav */
.category_top .contents_nav {
	width:100%;
	background-color:#000;	
	padding:25px 10px;
	box-sizing:border-box;	
}
.category_top .contents_nav_title {
	display:block;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:900;
	color:#FFF;
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.category_top .contents_nav_title a {
	color:#FFF;
}
.category_top .contents_nav_title span {
	font-size:18px;
	font-weight:bold;
	color:#E09D2C;
	margin-left:20px;
	font-family: 'Oswald', sans-serif;
}
.category_top .contents_nav ul {
	max-width: 1200px;
	margin:0 auto;
}
.category_top .contents_nav ul a {
	width:24.2%;
	margin-right:1%;
	float:left;
	display:block;
	box-sizing:border-box;
	background-color:#FFF;
	color:#333;
	margin-bottom:10px;
	padding:0 0 10px;
	border:1px solid #222;
	font-weight:bold;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	
	box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
	-webkit-box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
	-moz-box-shadow:rgb(0, 0, 0) 0px 0px 6px 3px;
}
.category_top .contents_nav ul li:nth-child(4n+1) a {
	margin-right:0;
}
.category_top .contents_nav ul a img  {
	display:block;
	width:100%;
	height:auto;
}
.category_top .contents_nav li:last-child a {
	margin-bottom:0;
}
.category_top .contents_nav li a p {
	font-size:16px;
	margin:10px 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.category_top .contents_nav li a p:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	margin-right:5px;
}
.category_top .contents_nav li.contents_nav_top {
	display:none;
	
}
.contents_nav li.select_menu:first-child a span {
	color:#FFF;
}

.contents_nav li a:hover ,
.contents_nav li.select_menu a {
	background-color:#000;
	color:#FFF;
}
.contents_nav_wrap .btn_white {
	display:none;
}

.contents_nav_wrap .category_back_top {
	display:none;	
}
.contents_nav_wrap .caption {
	display:none;
}
.category_top .contents_nav_wrap .caption {
	display:block;
}
.contents_nav_wrap li a {
	position: relative;
	overflow:hidden;
}
.contents_nav_wrap .caption {
	display:none;
	font-weight:normal;
}
.category_top .contents_nav_wrap .caption {
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .2s;
	transition: .2s;
	opacity: 0;
	color:#FFF;
}
.category_top .contents_nav_wrap .caption p {
	position: absolute;
	top: -100%;
	width: 100%;
	-webkit-transition: .1s;
	transition: .1s;
	
	text-shadow: -1px 1px 0 rgba(0,0,0,1);
}
.category_top .contents_nav_wrap li a:hover .caption {
	top: 0;
	left: 0;
	opacity: 1;
}
.category_top .contents_nav_wrap li a:hover .caption p {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	left: 0;
	top:0;
}
.category_top .contents_nav li a .caption p {
	white-space:normal;
	overflow:auto;
	margin:0;
	padding:10px;
	box-sizing:border-box;

}
.category_top .contents_nav li a .caption p:before {
	content:"";
	margin:0;
}

/* breadcrumb
---------------------------------------------- */
.breadcrumb {
}
.breadcrumb ul {
	max-width:1000px;
	margin:20px auto 20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.breadcrumb ul li {
	margin-left:15px;
	display:inline;
}
.breadcrumb ul li:first-child {
	margin-left:0;
}
.breadcrumb ul li:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 10px;
}
.breadcrumb ul li:first-child:before {
	content: "";
	padding:0;
}
.breadcrumb ul li:first-child a:before {
	content: "\f015 ";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}


/*----------------------------------------------
 4.footer
---------------------------------------------- */
footer {
	margin-bottom:0;	
}

/* link
---------------------------------------------- */
footer .footer_link {
	border-top:1px solid #202020;
	background:url(../img/bg_footer.gif) repeat #333;
}
footer .footer_link_wrap {
	max-width: 1600px;
	margin: 0 auto;
}
footer .footer_link_pamphlet , footer .footer_link_opencampus {
	width:50%;
	box-sizing:border-box;
	color:#FFF;
	padding:20px 20px 25px;
}

footer .footer_link_pamphlet { float:left; border-right:1px solid #202020;}
footer .footer_link_opencampus { float:right;}
footer .footer_link .footer_link_img {
	width:20%;
	float:left;
	margin-right:5%
}
footer .footer_link .footer_link_img img {
	width:100%;
	max-width:148px;
	height:auto;
}
footer .footer_link .footer_link_detail {
	width:75%;
	float:left;
}
footer .footer_link .footer_link_title {
	font-size:18px;
	color:#F0B433;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:900;
	margin-bottom:5px;
}
footer .footer_link .footer_link_detail a:hover:after {
	color:#F0B433;	
}
/* info
---------------------------------------------- */
footer .footer_info {
	border-top:1px solid #111;
	background-color:#202020;
	color:#EEE;

}
footer .footer_info_contents {
	width:1060px;
	margin:0 auto;
	padding:40px 0 45px 0;
}
footer .footer_info_contents .foonter_info_logo {
	float:left;
	width: 480px;
	padding-right: 20px;
}
footer .footer_info_contents .foonter_info_logo p.footer_info_logo_text {
	font-size: 12px;
	margin: 3px 0 10px 50px;
}
footer .footer_info_contents .footer_info_address , footer .footer_info_contents .footer_info_contact {
	margin-left: 50px;

}
footer .footer_info_contents .footer_info_contact li {
	float:left;
	margin-right:20px;	
}
footer .footer_info_contents .footer_info_contact li a i {
	color:#FFF
}
footer .footer_info_contents .foonter_info_detail {
	float:right;
	width: 530px;
	margin-top:5px;
}

footer .foonter_info_detail_link li {
	padding-left: 18px;
}
footer .foonter_info_detail_link li:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 7px;
}
footer .foonter_info_detail_link li:after {
	content: "\f08e ";
	font-family: FontAwesome;
	font-weight: normal;
	padding-left: 5px;
}



/* bottom
---------------------------------------------- */
footer .footer_bottom {
	margin:3px auto;
	max-width:1600px;
	margin:0 auto;
}
footer .footer_bottom ul {
	margin-left:20px;
	float:left;
	
}
footer .footer_bottom ul li {
	float:left;
}
footer .footer_bottom ul li a {
	display:block;
	border-right:1px dotted #CCC;
	padding:5px 8px;
	color:#333;
	font-weight:bold;
}
footer .footer_bottom ul li a:hover , footer .footer_bottom ul li:first-child.select_menu a:hover {
	background-color:#F0B433;
	color:#FFF;
}
footer .footer_bottom ul li a:hover {
	background-color:#F0B433;
	color:#FFF;
}
footer .footer_bottom ul li.select_menu a {
	background-color:#000;
	color:#FFF;
}
footer .footer_bottom ul li:first-child.select_menu a {
	background-color:#FFF;
	color:#333;
}

footer .footer_bottom p.copyright {
	float:right;
	margin-top:5px;
	font-size:12px;
	padding-right:10px;
}

/* Pagetop
---------------------------------------------- */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	padding: 8px 15px 8px;
	text-align: center;
	display: block;
	cursor:pointer;
	z-index:10;
	background-color:#111;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#page-top:before {
	content: "\f106";
	font-family: FontAwesome;

	font-weight: normal;
	padding-right: 5px;
}
#page-top:hover {
	text-decoration: none;
	
	
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* Fixed
---------------------------------------------- */
#footer_fix {
	width:100%;
	height:50px;
	background-color:#000;
	border-top:1px solid #333;
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
}
#footer_fix .frame {
	position:relative;	
}
#footer_fix .footer_fix_catch {
	position:absolute;
	left:0px;
	top:-10px;	
}
#footer_fix a {
	position:absolute;
	right:0px;
	top:4px;
}
/* img
---------------------------------------------- */
.imgMaxHalf {
	max-width: 49%;
}
.imgFlaotLeft {
	float:left;
	margin:0 10px 10px 0;
}
.imgFlaotRight {
	float:right;
	margin:0 0 10px 10px;
}

/*----------------------------------------------
 5.parts
---------------------------------------------- */

/* adjust
---------------------------------------------- */
.pc_break {	display:block;}
.pc_none {	display:none;}

/* image
---------------------------------------------- */
.fit {
	max-width:100%;
	height:auto:	
}

/* box
---------------------------------------------- */
/* gray */
.box_gray {
	background-color:#EEE;
	padding:10px;
	margin:20px auto;
}
.box_gray_line {
	border:5px solid #EEE;
	padding:20px;
	margin:20px auto;
}
/* black */
.box_black {
	background-color:#333;
	padding:10px;
	margin:20px auto;
}
.box_black_line {
	border:1px solid #333;
	padding:20px;
	margin:20px auto;
}
/* white */
.box_white {
	background-color:#FFF;
	padding:10px;
	margin:20px auto;
}
.box_white_line {
	border:1px solid #FFF;
	padding:20px;
	margin:20px auto;
}
/* red */
.box_red {
	background-color:#FAE5E5;
	padding:10px;
	margin:20px auto;
}
.box_red_line {
	border:3px solid #C00;
	padding:20px;
	margin:20px auto;
}
/* contact */
.box_contact {
	border:3px solid #EEE;
	margin-top:40px;
	padding:20px;
}
.box_contact .box_contact_title {
	font-weight:bold;
}
.box_contact .btn_gray {
	margin-bottom:10px;
	
}
/* voice */
.box_voice {
	position: relative;
	background: #FFF;
	padding:10px 0;
	margin-bottom:20px;
	border: 1px solid #999;
	text-align:center;
	font-weight:bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.box_voice:after, .box_voice:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.box_voice:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #FFF;
	border-width: 8px;
	margin-left: -8px;
}
.box_voice:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #999;
	border-width:9px;
	margin-left: -9px;
}
/* column */
col2_space
.col2 li ,
.col2 div {
	box-sizing:border-box;
	width:50%;
	float:left;
}
.col2_space li ,
.col2_space div {
	box-sizing:border-box;
	width:49%;
	float:left;
	margin-right:2%;
}
.col2_space li:nth-child(2n) ,
.col2_space div:nth-child(2n) {
	margin-right:0;
}

.col3 li ,
.col3 div {
	box-sizing:border-box;
	width:33.333333%;
	float:left;
}
.col3_space li ,
.col3_space div {
	box-sizing:border-box;
	width:32%;
	float:left;
	margin-right:2%;
}
.col3_space li:nth-child(3n) ,
.col3_space div:nth-child(3n) {
	margin-right:0;
}

.box02 {
	background-color: #fff;
	border: 3px solid #eee;
	border-radius: 3px;
	margin: 0;
	padding: 10px;
}
/* select
---------------------------------------------- */
.select {
	background-color:#333;
	padding:10px;
	border:2px solid #DDD;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.select li {
	float:left;
	margin-right:0;
}
.select li a {
	float:left;
	margin-right:5px;
	padding:5px 20px 5px 15px;
	color:#FFF;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.select li a:before {
	content:"\f103";
	font-family:FontAwesome;
	font-weight:normal;
	margin-right:5px;
	color:#FFF;
}
.select li a:hover {
	color:#333;
	background-color:#FFF;
}
.select li a:hover:before {
	color:#333;
}
/* pamphlet_box
---------------------------------------------- */
.pamphlet_box {
	border:3px solid #C00;
	background-color:#FEFEFE;
	padding:20px;
	margin:30px 0 30px; 
}
.pamphlet_box_title {
	font-size:16px;
	color:#C00;
	font-weight:bold;
	margin-bottom:10px;
}
.pamphlet_box img {
	float:right;
	margin:-15px 10px -10px 50px;
}
.pamphlet_box .btn_red {
	overflow:hidden;
}
.pamphlet_box .btn_red a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin:20px 0 0 0;
}

/* pamphlet_box_2018 */
.pamphlet_box_2018 {
	background-color:#D90000;
	padding:15px 13px;
	margin:30px 0 30px;
	color:#FFF;
	font-size:16px;
}
.pamphlet_box_2018 .guidebook_box_title {
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
}
.pamphlet_box_2018 img {
	float:left;
	margin:-5px 15px -5px 5px;
}
.pamphlet_box_2018 .btn_black {
	overflow:hidden;
}
.pamphlet_box_2018 .btn_black a {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin:15px 0 0 0;
}
.pamphlet_box_2018 .icon_new_l {
	color:#D40011;
	background-color:#FFF;
	font-size:14px;
}
.pamphlet_box_2018 .icon_new_l:after {
	border-left-color: #FFF;
}

/* gallery
---------------------------------------------- */
.gallery_view {
	background-color:#000;
	padding:10px;
	text-align:center;
}
.gallery_view .swiper-slide img {
	width:auto;
	max-width:100%;
	max-height:480px;
	height:auto;
}
.gallery_view .gallery_thumbs .swiper-slide {
	width:25%;
	max-height:80px;
	height:auto;
	cursor:pointer;
	line-height:0;	
}

.gallery_view .gallery_thumbs .swiper-slide img {
	width:100%;
	height:auto;
	cursor:pointer;
	opacity:0.3;
}
.gallery_view .gallery_thumbs .swiper-slide img:hover { opacity:0.6; }
.gallery_view .gallery_thumbs .swiper-slide.swiper-slide-active img { opacity:1.0; }

/* list_menu
---------------------------------------------- */
.list_menu_box {
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.list_menu {
	border:1px solid #FFF;
	box-sizing:border-box;
	width:100%;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.list_menu_title {
	background:#F9F7E9;
	padding:10px;
	border-top:3px solid #BA8117;
	border-bottom:1px solid #CCC;
	color:#BA8117;
	font-weight:bold;
}
.list_menu_item {
	width: 100%;
	padding: 0;
	margin: 0 auto;
	box-sizing:border-box;
}
.list_menu li {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #CCC;
}
.list_menu.list_half li {
	width: 50%;
	float:left;
	box-sizing:border-box;
}
.list_menu li a {
  position: relative;
  display: block;
  margin: 0;
  padding: 15px 15px 15px 25px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.list_menu li a:hover {
	background-color:#EEE;
}
.list_menu.list_half li a {
	padding: 15px 15px 15px 25px;
}

.list_menu li a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
	position:absolute;
	top:50%;
	margin-top:-11px;
	left:10px;
}
.list_menu li.select_menu a {
  background: #EEE;
}

.list_menu li:last-child {
	border-bottom: none;
}
.list_menu.list_half li:nth-child(odd)  {
	border-right:1px solid #CCC;
}
.list_menu.list_half li:nth-last-child(1) ,
.list_menu.list_half li:nth-last-of-type(2) {
	border-bottom: none;
}
.list_menu.list_half li:nth-last-of-type(2):nth-child(even) {
	border-bottom: 1px dashed #CCC;
}

/* photo_menu
---------------------------------------------- */
.photo_menu_box {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	margin-bottom:20px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.photo_menu li a {
	width:25%;
	float:left;
	padding:5px;
	background-color:#FFF;
	box-sizing:border-box;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	
	-webkit-transition:none;
}
.photo_menu li:nth-child(4n) a , .photo_menu li:last-child a {
	border-right:1px solid #CCC;
}
.photo_menu li:nth-child(1) a , .photo_menu li:nth-child(2) a , .photo_menu li:nth-child(3) a , .photo_menu li:nth-child(4) a {
	border-top:1px solid #CCC;
}
.photo_menu li a img {
	width:100%;
	height:auto;
	margin-bottom: 5px;
}
.photo_menu li a p {
	padding:0 5px 0;
	color:#333;	
	font-weight:bold;
}
.photo_menu li a p:before {
	content: "\f105";
	font-family: FontAwesome;
	margin-right:5px;
}

.photo_menu li.select_menu a,
.photo_menu li a:hover {
	color:#FFF;
	background:#000;
}
.photo_menu li.select_menu a p,
.photo_menu li a:hover p {
	color:#FFF;
}
/* box_menu
---------------------------------------------- */
.box_menu {
	float: left;
	margin: 0 2% 10px 0;
	position: relative;
	transition: all 0.3s ease 0s;
	width: 32%;
	box-sizing:border-box;
}
.box_menu:nth-child(3n) {
	margin-right:0;
}
.box_menu a {
	padding:1px;
	background-color:#FCF5EB;
	border: 1px solid #D09317;
	color:#333;
	display:block;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.box_menu .box_menu_photo {
	width:100%;
	height:auto;
	line-height:0;
	margin-bottom: 5px;
}
.box_menu .box_menu_title {
	font-size:14px;
	color:#D09317;
	font-weight:bold;
	padding:0 5px;
	margin-bottom:3px;
}
.box_menu .box_menu_title span {
	font-size:12px;
	margin-left:3px;
}
.box_menu .box_menu_title:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.box_menu .box_menu_detail {
	font-size:12px;
	padding:0 5px 5px;
}
.box_menu a:hover {
	background-color:#D09317;
	color:#FFF;
	border-color:#D09317;
}
.box_menu a:hover .box_menu_title {
	color:#FFF;
}

.sign_new {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
}
/* news_list
---------------------------------------------- */
.news_list {
	margin-bottom:40px;
	border:1px solid #CCC;
	padding:10px 20px 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.news_list h4 , .news_list .news_list_title {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.news_list li {
	margin-bottom:5px;
	border-bottom:1px dotted #CCC;
	padding:5px 0 10px 0;
}
.news_list li:last-child {
	border-bottom:none;
}
.news_list li a {
	font-size:14px;
	text-decoration:none;
}
.news_list li a span {
	background-color:#333;
	padding:3px 8px;
	margin-right:10px;
	color: #FFF;
	font-size:12px;
	font-weight: bold;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.news_list li a:hover span {
	background-color:#BD8317;
	color:#FFF;
}

/* SBMdance_box
---------------------------------------------- */
.guidance_menu_box{
	background:#fffded;
	margin:20px auto;
	padding:20px;
	border:#f8c6c6 5px solid;
	box-sizing: border-box;
	
}
.guidance_menu_box img{
	float:right;
	max-width: 45%;
	margin:-20px 0 0 20px;
}
.guidance_menu_box p.guidance_title{
	font-size:18px;
	font-weight:bold;
	color: #C00;
}
.guidance_menu_box p.guidance_subtitle{
	font-size:16px;
	font-weight:bold;
}
.guidance_menu_box dl dt {
	float: left;
	background-color: #333;
	color: #FFF;
	width: 100px;
	padding: 2px 5px;
	text-align: center;


}
.guidance_menu_box .btn_red {
	overflow: hidden;
}


/*----------------------------------------------
 10.btn
---------------------------------------------- */
/* white */
.btn_white a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #FFF;
	border:2px solid #FFF;
	text-align:center;
	color:#333;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.btn_white a:hover {
	background-color: #000;
	color:#F0B433;
}
/* gray */
.btn_gray a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #EEE;
	border:2px solid #DDD;
	text-align:center;
	color:#333;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.btn_gray a:hover {
	background-color: #000;
	color:#F0B433;
}
.btn_gray a:hover span:after {
	color:#F0B433;
}
/* gold */
.btn_gold a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #F0B433;
	border:2px solid #F0B433;
	text-align:center;
	color:#333;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.btn_gold a:hover {
	background-color: #000;
	color:#F0B433;
}
/* black */
.btn_black a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #222;
	border:2px solid #000;
	text-align:center;
	color:#FFF;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.btn_black a:hover {
	background-color: #FFF;
	color:#333;
}
/* red */
.btn_red a {
	width:100%;
	font-size:14px;
	display:block;
	margin:20px auto 0;
	background-color: #C00;
	border:2px solid #DDD;
	text-align:center;
	color:#FFF;
	padding:12px 0;
	font-weight:bold;
	position:relative;
	box-sizing:border-box;
}
.btn_red a:hover {
	background-color: #000;
	color:#FFF;
}

.btn_white a:before ,
.btn_gold a:before ,
.btn_gray a:before ,
.btn_black a:before ,
.btn_red a:before
 {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position:absolute;
	top:50%;
	margin-top:-12px;
	left:10px;
}
.btn_black a span:after {
	color:#FFF;
}
.btn_half {
	width:50%;
	margin-left:auto;
	margin-right:auto;	
}
.overBtn:hover {
	opacity:0.6;
	
}


/*----------------------------------------------
 11.table
---------------------------------------------- */
table.basic {
	border-collapse: collapse; 
    border-spacing:0;
	background-color:#fff;
	border: none;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	width:100%;
	margin-top:20px;
}
table.basic th,
table.basic td {
	padding:10px 10px;
	border: none;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#fff;
	text-align:left;
}
table.basic th {
	background-color:#EFEFEF;
	font-weight:bold;
	color:#333;
	text-align:center;
	vertical-align:middle;
}
table.basic td.table_center , table.basic th.table_center {
	text-align:center;
	vertical-align:middle;	
}

/*----------------------------------------------
 12.tab
---------------------------------------------- */
.normal.ui-tabs .ui-tabs-nav {
	background-color:#EEE;
	margin-bottom:20px;
}
.normal.ui-tabs .ui-tabs-nav li span {
	font-size:14px;
}

.normal.ui-tabs .ui-tabs-nav li a {
	width:100%;
	border:1px solid #CCC;
	box-sizing:border-box;
	color:#666;
	font-size:14px;
	text-align:center;
	padding:10px;
	background-color:#EEE;
	box-sizing:border-box;
	
}
.normal.ui-tabs .ui-tabs-nav a:hover {
	background-color:#D09317;
	color:#FFF;
}
.normal.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding:0;
}
.normal.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	background-color:#FFF;
	font-weight:bold;
	color:#D09317;
	border:1px solid #AAA;
	border-top:5px solid #D09317;
	border-bottom:1px solid #FFF; 
	margin-top:-4px;
}
.normal.ui-tabs .ui-tabs-nav li a:before {
	content: "\f096";
	font-family: FontAwesome;
	margin-right:5px;
}
.normal.ui-tabs .ui-tabs-nav li.ui-tabs-active a:before {
	content: "\f046";
	font-family: FontAwesome;
	margin-right:5px;
}
.normal.ui-tabs .col2 li {width:50%;}
.normal.ui-tabs .col3 li {width:33.33333333%;}
.normal.ui-tabs .col4 li {width:25%;}
.normal.ui-tabs .col5 li {width:20%;}
.normal.ui-tabs .col6 li {width:16.66666666%;}
.normal.ui-tabs .col7 li {width:14.2857%;}

/*------------------------------- Multiple lines*/
/* .col_num .ui-tabs .ui-tabs-nav {
	border-bottom:none;
    background: url(../../common/img/contents_bg.gif) repeat #EEE;
    padding: 10px 10px;
}

.col_num .ui-tabs .ui-tabs-nav li {
	display:inline;
	float:none;
}
.col_num .ui-tabs .ui-tabs-nav li a {
	display:block;
	font-size:14px;
	border:1px solid #CCC;
	padding:5px 10px 5px 20px;
	margin:0 5px 5px 0;
	background: url(../../common/img/arrow_path.gif) no-repeat #FFF 5px 13px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.col_num .ui-tabs .ui-tabs-nav li a:hover {
	background:url(../../common/img/arrow_down.gif) no-repeat #333 5px 13px;

}
.col_num .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background:url(../../common/img/arrow_down.gif) no-repeat #000 5px 13px;

}
*:first-child+html #tabs.col_num ul {
	padding-bottom:10px;
} */

/*----------------------------------------------
 13.accordion
---------------------------------------------- */
.accMenu .accMenuTrg:hover {
	cursor:pointer;
}
.accMenu .accMenuContents {
	display:none;
}
.accMenu .accMenuContents.active {
	display:block;
}

.accMenu {
	border-bottom:1px dashed #CCC;
}
.accMenu .accMenuTrg {
	font-weight:bold;
	padding:15px 0 15px 36px;
	border-top:1px dashed #CCC;
	position:relative;
	
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
}
.accMenu .accMenuTrg:before {
	content:"\f103";
	font-family: FontAwesome;
	font-weight: normal;
	color:#333;
	margin-right:5px;
	font-size:18px;
	position:absolute;
	left:10px;
	top:12px;
}
.accMenu .accMenuContents {
	padding:10px 10px 10px 10px;
	margin:0 0 20px;
	background:#EEE;
	position:relative;
	border-radius:5px;
}
.accMenu .accMenuTrg:hover {
	background-color:#333;
	color:#FFF;
}
.accMenu .accMenuTrg:hover:before {
	color:#FFF;
}


/* sp_only */
.accMenu.sp_only {
	border-bottom:none;	
}
.accMenu.sp_only .accMenuContents {
	display:block;	
}
.accMenu.sp_only .accMenuTrg {
	border-top:none;
	cursor: default;
	padding:0;	
}
.accMenu.sp_only .accMenuTrg:hover {
	background-color:inherit;
	color:inherit;
}
.accMenu.sp_only .accMenuTrg:before {
	content: "";
	position:relative;
	top:0;
	left:0;
}
.accMenu.sp_only .accMenuTrg:hover:before {
	color:inherit;
}

/*----------------------------------------------
 14.icon
---------------------------------------------- */
.icon_external:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight:normal;
	color: #333;
	padding-left:7px;
	font-size:14px;
}
.btn_red .icon_external:after {
	color:#FFF;	
}
.icon_chevR-circle a:before,
a.icon_chevR-circle:before {
	content: "\f138";
	font-family: FontAwesome;
	font-weight: normal;
	color: #333;
	padding-right: 5px;
}
.icon_chevR a:before,
a.icon_chevR:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	color: #333;
	padding-right: 8px;
}

.icon_tel:before {
	content: "\f095";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}
.icon_mail:before {
	content: "\f003";
	font-family: FontAwesome;
	font-weight: normal;
	padding-right: 5px;
}

.icon_arrow:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	position: absolute;
	top:50%;
	margin-top:-8px;
	left:10px;
	color:#000;
	font-size:10px;
	background-color: #FFF;
	width:14px;
	height:15px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.icon_arrow_black:before {
	content: "\f105";
	font-family: FontAwesome;
	font-weight: normal;
	
	color:#FFF;
	font-size:10px;
	background-color:#000;
	margin-right:10px;
	padding:0 4px;
	line-height:0;
	
	webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.icon_zoom:before {
	content:"\f00e";
	font-family:FontAwesome;
	font-weight:normal;
	margin-right:5px;
	color:#333;
}

.icon_new {
	color:#FFF;
	background-color:#CC0000;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:12px;
	padding:2px 5px;
	position: relative;
	display: inline-block;
	margin-left:8px;
}
.icon_new:after {
	content: "";
	position: absolute;
	top: 50%; left: -3px;
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent #CC0000 transparent transparent;
}

.icon_new_l {
	color:#FFF;
	background-color:#CC0000;
	font-family: 'Oswald', sans-serif;
	font-size:12px;
	line-height:12px;
	padding:2px 5px;
	position: relative;
	display: inline-block;
	margin-right:8px;
}
.icon_new_l:after {
	content: "";
	position: absolute;
	top: 50%; right: -6px;
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-left-color: #CC0000;
    border-width: 3px;
    margin-top: -3px;
}

/*----------------------------------------------
 99.other
---------------------------------------------- */
input {
	-webkit-appearance: none;	
}



}

@media screen and (min-width : 1601px){

nav ul.nav_menu > li:first-child > a {
	border-left:1px solid #CCC;
}
nav ul.nav_menu > li:last-child > a {
	border-right:1px solid #CCC;
}
}

/*YouTube
-------------------------------------*/
.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background-color: #000;
	line-height: 0;
}
.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 2;
}

.video:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0px 0 0 -20px; 
	display: block;
	font-size: 40px;
	content:'\f110';
	font-family: FontAwesome;
	color:#FFF;
	z-index: 1;

    -webkit-animation: spin 2.0s linear infinite;
    -moz-animation: spin 2.0s linear infinite;
    -ms-animation: spin 2.0s linear infinite;
    -o-animation: spin 2.0s linear infinite;
    animation: spin 2.0s linear infinite;
}

@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}