@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:100,400,00,300,500,700);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
* { -webkit-text-size-adjust: none; }
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		vertical-align: baseline;
		font-family: inherit;
		font-weight: inherit;
		font-style: inherit;
		outline: 0;
		padding: 0;
		margin: 0;
		border: 0;
}



:focus {
		outline: 0;
}

input[type=submit] {
   -webkit-appearance: none;
}

html {
	overflow-x: hidden;
	max-width:   100%;

}

body {
	max-width: 100%;
	margin:0;
	padding:0;

	overflow: hidden;
}

ol, ul {
		list-style: none;
}

input[type=text]::-ms-clear {
    display: none;
}

sup {
	font-size: 10px;
	vertical-align: super;
}

sub {
	font-size: 10px;
	vertical-align: sub;
}

p:empty {
	display: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

pre{
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
margin: 0px 0px 0px 0px;
padding:5px 5px 3px 5px;
border-radius:3px;
padding:1em 1.5em;
margin:0 0 1em 0;
}






/*-------------------------------------------------------------------------*/
/*	2. Globally Applied Styles
/*-------------------------------------------------------------------------*/
body{
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Noto Sans Japanese',sans-serif;
    line-height: 1.8em;
    background: #fff;
    position: relative;
    background: url(/images/main_br.jpg)  fixed top center;
    -webkit-background-size: cover;
    font-weight: 300;
}
body.home {
}
#en body{font-family: "Roboto",sans-serif;}


.sticky { margin-bottom: 50px }
.sticky .content-inner {
    margin-bottom: 0px!important;
    padding-bottom: 0px!important;
    border-bottom: 0px!important;
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 25px!important;
    position: relative;
}
a {
    color: #5595DB;
    text-decoration: none;
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
}
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
	word-wrap: break-word;
}
a.link,
.link a {color: #222;text-decoration: none;}
a.link:hover,
.link a:hover { color: #5595DB }
a:hover { color: inherit }
a.nolink{
	cursor: inherit;
}
a.nolink:hover{
	cursor: inherit;
	color:#555!important;
}
a{
	color: #5595DB;
	text-decoration:underline;
	}
.item a{
	text-decoration:none;
}


.light p a,
.light dl a,
.light .textlink a,
.light a.textlink {
	color: #fff;
	position: relative;
	}


.light a:after,
.light dl a:after,
.light .textlink a:after,
.light a.textlink:after {
	background: #fff;
	}



.light p a,
.light dl a,
.light .textlink a,
.light a.textlink {
	color: #fff;
	position: relative;
	}


.light p a:after,
.light dl a:after,
.light .textlink a:after,
.light a.textlink:after {
	background: #fff;
	}




.light p { color: #ffffff; }
.light p a:before { background: #ffffff; }


em {
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.5px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    margin: 2em 0 0.4em;
    line-height: 1.35;
    text-align: left;
}
h1 {
    font-size: 170%;
    margin: 0 0 14px;
    font-weight: 300;
}
h2 {
    font-size: 140%;
    margin-bottom: 1em;
    color: #151515;
    vertical-align: top;
    -moz-border-radius: 2px;
    /* border-bottom: #5595DB solid 1px; */
    /* padding-bottom: 5px; */
}
h2:first-child { margin-top: 0 }
h1+h2 { margin-top: 1em }



h2 {
	font-size: 24px;
	padding: 0 0.5em 0.35em 0;
	margin-bottom: 1em;
	margin-top: 2em;
	background: url(/images/h2.png) no-repeat left bottom;
	font-weight: 400;
	clear: both;
}

h2:first-child{margin-top: 1em;}
h1+h2{
	margin-top:1em;
}

.h2-red {
	background: url(/images/h2-red.png) no-repeat left bottom;
}

h3 {
	font-size: 126%;
	margin-bottom: 0.5em;
	padding: 0 0 0 22px;
	background: url(/images/h3.png) no-repeat left 0.25em;
	background-size: 16px;
	/* font-weight: 500; */
}


h2:first-child{margin-top: 1em;}
h1+h2{
	margin-top:1em;
}

h4 { font-size: 15px }
h5 { font-size: 13px }
h6 { font-size: 13px }



h2.default,
h3.default{border:none!important; padding:0;margin-bottom: 0.5em;background: none;height: auto;}




.bold,
strong,
b { font-weight: bold }
.uppercase {
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light,
p.light {
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
h1.light {
    font-size: 34px;
    margin-bottom: 30px;
}
h2.light {
    font-size: 28px;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
}
h3.light {
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 0.5px;
}
h4.light {
    font-size: 18px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
h5.light {
    font-size: 16px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
h6.light {
    font-size: 14px;
    margin-bottom: 7px;
    letter-spacing: 0.5px;
}
h1.uppercase { letter-spacing: 3px }
h2.uppercase { letter-spacing: 2.5px }
h3.uppercase { letter-spacing: 2px }
h4.uppercase { letter-spacing: 2px }
h5.uppercase { letter-spacing: 1.3px }
h6.uppercase { letter-spacing: 1.3px }
.text-align-center { text-align: center }
p {
    margin: 0 0 1em 0;
}
.row .col p:last-child { padding-bottom: 0px }
.container .row:last-child { padding-bottom: 0px }
blockquote {
    padding-left: 0px;
    letter-spacing: 0.5px;
    margin-bottom: 30px;
}
.main-content ul,
.main-content ol {
    margin-left: 30px;
    margin-bottom: 30px;
}
.main-content ul li {
    list-style: none;
    list-style-position: inside;
}
.main-content ol li {
    list-style: decimal;
    list-style-position: inside;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.main-body img{
	margin-bottom:10px;
}

.ie8 img { width: auto }
.main-content .col.span_4 .col.span_2 img,
.main-content .col.span_3 .col.span_2 img,
.main-content .col.span_2 .col.span_2 img,
.main-content .col.span_6 .col.span_2 img { top: -4px }
object,
object embed {
    display: block;
    height: auto;
    max-width: 100%!important;
}
a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

a.nohover:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
/***************** Footer ******************/
#footer{
	clear:both;
	padding: 0;
	margin-top: 0px;
	background: #909297;
	background: rgba(45, 49, 57, 0.66);
	/* height: 200px; */
}
#footer-inner{
	background:#fff;
	margin-top: 2px;
	padding: 20px 0;
}
#footer h4{
	margin-top:15px;
}
.to-top {
	position: fixed;
	right: 0px;
	clear: both;
	margin: 0;
	text-align: right;
	font-size: 10px;
	z-index: 1000;
	line-height:32px;
	bottom: 0px;
	height: 34px;
}


.to-top a {
    display:block;
    color: #222;
    background: #fff;
	background: rgba(255, 255, 255, 0.66);
	text-align: center;
    z-index: 1000;
    bottom: 0;
    right: 0px;
	position:fixed;
   font-size: 30px;
    text-transform: uppercase;
    padding: 12px 0;
    width: 50px;
    }
.to-top a:hover {
background:#fff;

}



.to-top a{
	line-height: 20px;
}
.to-top i {
	font-size: 26px;
	margin-bottom: 0px;
	line-height: 22px;
	-webkit-transition: margin 0.2s ease-out;
}
.to-top a:hover i{
margin-bottom:3px;
	margin-top:-3px;

}


#copyright{
	/* text-align: center; */
	margin: 0;
	/* padding: 12px; */
	color: #888;
}

#copyright p{
margin:0;
line-height: 30px;
}


/***************** SNS ******************/

.post-share{
	background-image:none;
	list-style:none;
	margin: 30px 0 0;
	overflow: hidden;
	padding: 0 0 30px;
}
.post-share li{
	display: inline;
	float:left;
	position: relative;
	margin-right: 18px;
	margin-left: 0px;
	padding: 5px 0;
}
.post-share .facebook{
	width:150px;
}
.post-share .twitter {
	margin-top: 2px;
}

#post-share{
	background-image:none;
	list-style:none;
	margin: 10px 0 10px 20px;
	float: left;
}
#post-share li{
	display: inline;
	float:left;
	margin-right: 18px;
}
iframe.twitter-share-button {}
#post-share .twitter {
	/* margin-top: 7px; */
}
#post-share .facebook {
}

.btn-twitter {
	background: #00acee;
	padding: 1em 0px;
	display:inline-block;
	text-align: center;
	color:#fff;
	width:240px;
	margin:auto;
	font-size:18px;
}
.btn-twitter:hover {
color:#fff;
background: #00c1f2;
}

.btn-facebook {
	background: #3b5998;
	padding: 1em 0;
	display:inline-block;
	text-align: center;
	color:#fff;
	width:240px;
	margin:auto;
	font-size:18px;
}
.btn-facebook:hover {
color:#fff;
background: #4a6fb2;
}



.twitter-share-button {
}
/*イイねボタンのコメントが切れるのを防ぐ*/
.fb-like span iframe{
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }



/*---------------------------------
	Home
-----------------------------------*/
.section-title{
	padding: 10px;
	margin-bottom: 1px;
	border-top: #fff;
	background: #222;
	color: #fff;
}
.home h2 img{
}
.home .carousel3{
}

/*---------------------------------
	Color
-----------------------------------*/
.bg-dark {
	background: #535D69!important;
	background: rgba(55, 59, 67, 0.75)!important;
	color: #fff;
}

.bg-gray {
	background: #E3EEF9!important;
}

.red{
	color:#DE373A;}
/*---------------------------------
	Dl
-----------------------------------*/



/*---------------------------------
	Section
-----------------------------------*/
.section{
	display: block;
	background-color: #FFFFFF;
	clear:both;
	padding: 20px 0;
}
.section-inner .inner{
	display: block;
	background-color: #FFFFFF;
	overflow: hidden;
}
.section-inner .inner .inner{
	background-color:transparent;
	-webkit-box-shadow:none;
	box-shadow: none;
	}

/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs{
margin: 0px 0 -1px 0;
padding:0;
width:100%;
float:left;
font-size:0;
}
ul.tabs.vertical{
border-bottom:none;
margin-top:0;
}

	ul.tabs.left{text-align:left;}
	ul.tabs.center{text-align:center;}
	ul.tabs.right{text-align:right;}
	ul.tabs.right li{margin:0 0 0 -2px;}

	ul.tabs li{
	list-style-type:none;
	margin: 0;
	padding:0;
	display:inline-block;
	*display:inline;/*IE ONLY*/
	position:relative;
	top:0;
	left:0;
	*top:1px;/*IE 7 ONLY*/
	zoom:1;
	}
	ul.tabs.vertical li{
	padding-left: 0!important;
	display: block;
	border-style: none;
	margin-right: 0px;
	float:left;
	width:100%;
	/* font-size: 16px; */
	overflow: hidden;
}
	ul.tabs.vertical li a:hover,ul.tabs.vertical li.current a{
	border-bottom: none;
	}
	.home ul.tabs.vertical li a:hover,.home ul.tabs.vertical li.current a{

	}
.home ul.tabs.vertical li a:before{
	display : block;

	width: 19px;

	height: 30px;
  border-right : 5px solid #FFFFFF;

	margin: 0  auto -30px -90px;
  background-color : #fff;
  content : " ";
  -webkit-transform : skew(30deg);
  -moz-transform : skew(30deg);
  transform : skew(30deg);
  }
  .home ul.tabs.vertical li a:after{
	display : block;
	width: 37px;
	height: 52px;
	border-right: 4px solid #FFFFFF;
	margin: -36px auto -30px -55px;
	background-color : #fff;
	content : " ";
	-webkit-transform : skew(-30deg);
	-moz-transform : skew(-30deg);
	transform : skew(-30deg);
	}

	ul.tabs li a{
	text-decoration:none;
	color:#555;
	display:inline-block;
	padding:9px 15px;
	position: relative;
	top:0;
	left:0;
	line-height:100%;
	zoom:1;
	font-size: 14px;
	/* background: #E3EEF9; */
	/* border: solid 1px #eee; */
	border-bottom:0;
}

	ul.tabs.vertical li a{
	display:block;
	padding: 20px 20px 30px 40px;
	/* padding-bottom: 30px; */
	background: #fff;
	/* border-bottom: solid 1px #eee; */
	position: relative;
}

ul.tabs.vertical li a.sfc{
	border-left:solid 1px #000;
}

	/* tabs.horizontal */
	.home ul.tabs.horizontal li {
		padding-left: 0!important;
		display: block;
		border-style: none;
		margin-right: 0px;
		float:left;
		width:36%;
		overflow: hidden;
	}
	/* .home ul.tabs.horizontal li a:before{
		display : block;
		width: 19px;
		height: 30px;
		border-right : 5px solid #FFFFFF;
		margin: 0  auto -30px -90px;
		background-color : #fff;
		content : " ";
		-webkit-transform : skew(30deg);
		-moz-transform : skew(30deg);
		transform : skew(30deg);
		}
		.home ul.tabs.horizontal li a:after{
		display : block;
		width: 37px;
		height: 52px;
		border-right: 4px solid #FFFFFF;
		margin: -36px auto -30px -55px;
		background-color : #fff;
		content : " ";
		-webkit-transform : skew(-30deg);
		-moz-transform : skew(-30deg);
		transform : skew(-30deg);
		} */
		ul.tabs.horizontal li a {
			display:block;
			padding: 20px;
			background: #fff;
			position: relative;
			border: solid 1px #eee;
		}
		ul.tabs.horizontal li a i {
			display: none;
		}
		@media only screen and (max-width: 959px) {
			.home ul.tabs.horizontal li {
				width: 50%;
			}
		}
		@media all and (max-width: 570px) {
			ul.tabs.horizontal li a {
				padding: 20px 10px;
			}
		}
		@media all and (max-width: 480px) {
			ul.tabs.horizontal {
				margin-bottom: 10px;
			}
		}


	ul.tabs li a:hover{
	background:#eee;
	}

	ul.tabs li.current a{
	position:relative;
	/* top:0; */
	/* left:0; */
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #63DACA, #44BBF3 100%); */
	background: linear-gradient(to  right, #63DACA, #44BBF3 100%);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	/* border: solid 1px #272727; */
	border-bottom:none;
	}

	.tab-content{
	border:1px solid #e5e5e5;
	/* background:#fff; */
	clear:both;
	/* padding:20px; */
	/* margin: 0 0 20px 0; */
	}




	/* w/icon */
	ul.tabs .icon{
	margin:-3px 7px -3px -5px;
	position:relative;
	top:-2px;
	left:0;
	}

.font{
	font-family: 'Open+Sans', sans-serif;}



.main-body{padding: 36px 0 40px 0;min-height: 500px;border-top: #eee solid 1px;font-size: 15px;line-height: 1.8;/* overflow: hidden; */}
.home .main-body{min-height: 1px;}
.main-footer{padding: 0px 0px; clear: both;border-top: solid 1px #eee;}

/*---------------------------------
	HR
-----------------------------------*/
hr{
	clear:both;
	border-bottom:0;
	border-top:1px solid #ddd;
	border-right:0;
	border-left:0;
	margin:20px 0;
	min-height: 0px;
	height:1px;
}
hr.dotted{border-style: dotted;}
hr.dashed{border-style: dashed;}
hr.clear{margin:0;}




thead {
	display: table-header-group
}
tr {
	page-break-inside: avoid
}
table th, table td {
	border: 1px solid #ddd!important
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
	font-size: 65%;
}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
	font-size: 75%
}

ul, ol {
	margin-top: 0;
	margin-bottom: 1em;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom: 0
}

.list-unstyled {
	padding-left: 0;
	list-style: none
}
.list-inline {
	padding-left: 0;
	list-style: none
}
.list-inline>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}
.list-inline>li:first-child {
	padding-left: 0
}
th {
	text-align: left;
	font-weight: normal;
	min-width: 6em;
}
table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-size: 93%;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	/*border: 1px solid #ddd*/
}
			/* caption styling */
			.captionText, .captionTip { font-size:11px; }
			.captionTip strong { padding-left:5px; }

table.table-w80 {
	width:80%;
	max-width:80%;
}
table.table-w70 {
	width:70%;
	max-width:70%;
}
table.table-w60 {
	width:60%;
	max-width:60%;
}
table.table-w50 {
	width:50%;
	max-width:50%;
}
table.child1-center td:nth-child(1) {
    text-align: center;
}
table.child2-center td:nth-child(2) {
    text-align: center;
}
table.child3-center td:nth-child(3) {
    text-align: center;
}
table.child4-center td:nth-child(4) {
    text-align: center;
}
table.child1-right td:nth-child(1) {
    text-align: right;
}
table.child2-right td:nth-child(2) {
    text-align: right;
}
table.child3-right td:nth-child(3) {
    text-align: right;
}
table.child4-right td:nth-child(4) {
    text-align: right;
}
@media only screen and (max-width : 479px) {
table{
		overflow-x: scroll;
		/*display: block;*/
}
table.table-w80,
table.table-w70,
table.table-w60,
table.table-w50 {
	width:100%;
	max-width:100%;
}
}


table p{
	margin-bottom: 0px
}
table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
	padding: .75em 0.5em;
	line-height: 1.5;
	border-top: #ddd 1px solid;
	text-align: left;
}

table tbody tr.first td,table tbody tr.first th{
	border-top:none;
}

table.wide>thead>tr>th, table.wide>tbody>tr>th, table.wide>tfoot>tr>th,table.wide>thead>tr>td, table.wide>tbody>tr>td, table.wide>tfoot>tr>td {
	padding: 1em;
}
table.tight>thead>tr>th, table.tight>tbody>tr>th, table.tight>tfoot>tr>th,table.tight>thead>tr>td, table.tight>tbody>tr>td, table.tight>tfoot>tr>td {
	padding: 0.35em;
}
table>thead>tr>th {
	vertical-align: middle;
	border-bottom: 2px solid #ddd
}
table>caption+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>th, table>thead:first-child>tr:first-child>th, table>caption+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>td, table>thead:first-child>tr:first-child>td {
	border-top: 0
}
table>tbody+tbody {
	border-top: 2px solid #ddd
}
table table {
	background-color: #fff
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
	padding: 5px
}
table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
	border: 1px solid #ddd
}
table>thead>tr>th, table>thead>tr>td {
	border-bottom-width: 2px
}
table.stripe>tbody>tr:nth-child(odd)>td, table.stripe>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}
table.hover>tbody>tr:hover>td, table.hover>tbody>tr:hover>th {
	background-color: #E3EEF9
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none
}
table td[class*="col-"], table th[class*="col-"] {
	display: table-cell;
	float: none
}
table>thead>tr>.active, table>tbody>tr>.active, table>tfoot>tr>.active, table>thead>.active>td, table>tbody>.active>td, table>tfoot>.active>td, table>thead>.active>th, table>tbody>.active>th, table>tfoot>.active>th {
	background-color: #E3EEF9
}
table>tbody>tr>.active:hover, table>tbody>.active:hover>td, table>tbody>.active:hover>th {
	background-color: #e8e8e8
}
table>thead>tr>.success, table>tbody>tr>.success, table>tfoot>tr>.success, table>thead>.success>td, table>tbody>.success>td, table>tfoot>.success>td, table>thead>.success>th, table>tbody>.success>th, table>tfoot>.success>th {
	background-color: #dff0d8
}
table>tbody>tr>.success:hover, table>tbody>.success:hover>td, table>tbody>.success:hover>th {
	background-color: #d0e9c6
}
table>thead>tr>.danger, table>tbody>tr>.danger, table>tfoot>tr>.danger, table>thead>.danger>td, table>tbody>.danger>td, table>tfoot>.danger>td, table>thead>.danger>th, table>tbody>.danger>th, table>tfoot>.danger>th {
	background-color: #f2dede
}
table>tbody>tr>.danger:hover, table>tbody>.danger:hover>td, table>tbody>.danger:hover>th {
	background-color: #ebcccc
}
table>thead>tr>.warning, table>tbody>tr>.warning, table>tfoot>tr>.warning, table>thead>.warning>td, table>tbody>.warning>td, table>tfoot>.warning>td, table>thead>.warning>th, table>tbody>.warning>th, table>tfoot>.warning>th {
	background-color: #fcf8e3
}
table>tbody>tr>.warning:hover, table>tbody>.warning:hover>td, table>tbody>.warning:hover>th {
	background-color: #faf2cc
}
table thead tr th{
  background-color: #eee;
  font-weight: 400;
  text-align:center;
  min-width: auto;
  font-size: 11px;
}

/* table-wrap */
@media (max-width: 960px) {
#main .table-wrap {
	overflow-x: scroll;
	margin-bottom: 20px;
 background: linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%,
linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.15)) 0 0/20px 100%,
linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%,
linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.15)) right/20px 100%;
background-repeat: no-repeat;
background-attachment: local, scroll, local, scroll;
}
#main .table-wrap table {
	margin-bottom: 10px !important;
}
#main .table-wrap.w960 table {min-width:960px !important;}
#main .table-wrap.w720 table {min-width:720px !important;}
#main .table-wrap table td,
#main .table-wrap table tbody th {
	white-space: nowrap;
}
#main .table-wrap.w960 table td,
#main .table-wrap.w960 table tbody th,
#main .table-wrap.w720 table td,
#main .table-wrap.w720 table tbody th {
	white-space: normal;
}
}
/* table-wrap manualページ用 */
#main .table-wrap-pc {
	overflow-x: scroll;
	margin-bottom: 20px;
 background: linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%,
linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.15)) 0 0/20px 100%,
linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%,
linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.15)) right/20px 100%;
background-repeat: no-repeat;
background-attachment: local, scroll, local, scroll;
}
#main .table-wrap-pc table {
	margin-bottom: 10px !important;
}
#main .table-wrap-pc.w960 table {min-width:960px !important;}
#main .table-wrap-pc.w720 table {min-width:720px !important;}
#main .table-wrap-pc table td,
#main .table-wrap-pc table tbody th {
	white-space: nowrap;
}
#main .table-wrap-pc.w960 table td,
#main .table-wrap-pc.w960 table tbody th,
#main .table-wrap-pc.w720 table td,
#main .table-wrap-pc.w720 table tbody th {
	white-space: normal;
}

#menu .btn-language,
#menu .btn-access{
	display:inline-block;
	text-align:center;
	padding:0 20px;
}
#menu .btn-language i,
#menu .btn-access i{
	margin-right:6px
}

#en .en-hide,
#ja .ja-hide{
display:none;}

@media(max-width:767px) {
	.thumbnail{
		height:224px!important;
	}
	
	.newslist dl dt{
		width: 20%;
		/* font-weight: normal; */
		/* font-size: 13px; */
		/* margin-bottom: 5px; */
	}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #ddd;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch
}
.table-responsive>table {
	margin-bottom: 0
}
.table-responsive>table>thead>tr>th, .table-responsive>table>tbody>tr>th, .table-responsive>table>tfoot>tr>th, .table-responsive>table>thead>tr>td, .table-responsive>table>tbody>tr>td, .table-responsive>table>tfoot>tr>td {
	white-space: nowrap
}
.table-responsive>table {
	border: 0
}
.table-responsive>table>thead>tr>th:first-child, .table-responsive>table>tbody>tr>th:first-child, .table-responsive>table>tfoot>tr>th:first-child, .table-responsive>table>thead>tr>td:first-child, .table-responsive>table>tbody>tr>td:first-child, .table-responsive>table>tfoot>tr>td:first-child {
	border-left: 0
}
.table-responsive>table>thead>tr>th:last-child, .table-responsive>table>tbody>tr>th:last-child, .table-responsive>table>tfoot>tr>th:last-child, .table-responsive>table>thead>tr>td:last-child, .table-responsive>table>tbody>tr>td:last-child, .table-responsive>table>tfoot>tr>td:last-child {
	border-right: 0
}
.table-responsive>table>tbody>tr:last-child>th, .table-responsive>table>tfoot>tr:last-child>th, .table-responsive>table>tbody>tr:last-child>td, .table-responsive>table>tfoot>tr:last-child>td {
	border-bottom: 0
}
}

.caption{
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.4;
	font-size: 93%;
}
.caption span{
	display:block;
}

/*---------------------------------
	Layout
-----------------------------------*/
#ja{
	text-align: justify;
	text-justify: inter-ideograph;
	}


#container{
	position: relative;
	font-size: 100%;
	color: #333;
}
#content{
background: #fff; }

#content-inner{
background: url(/images/v-line-gray.png) right repeat-y;
/* position: relative; */
border-left: solid 1px #eee;
/* border-right: solid 1px #eee; */
}

.home #content{
	/* background:transparent; */
}
#main{}
#main-inner{
	font-size:100%;
	padding: 0;
	border-left: solid 1px #eee;
}
.home #main-inner{
	padding: 0;
}

.main-header{
	zoom: 1;
	padding: 15px 4% 0;
	clear: both;
	overflow: hidden;
}
.home .main-header{
	background:none;
	padding: 0;
	border:none;
}

.main-header .date{

}
.main-header .post-category a{
	margin-left:15px;
}

.mainn-header h1{
	margin-top:0;
	color:#fff;
}




#sidebar h3{
	border:none;
	font-size: 15px;
	/* text-align:center; */
	background: transparent;
	color:#fff;
	padding: 10px 14px;
	margin: 0 0 2px 0;
}
/*---------------------------------
	BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
	padding:0;
	line-height:0%;
	font-size:0;
	/* float: left; */
	margin: 0;
	clear: both;
	margin: 15px 0 0 -5px;
	text-align: left;
}

	ul.breadcrumbs li{
	list-style-type:none;
	margin: 0;
	padding: 0 3px 0 0;
	display: inline;
	*
	display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height: 1;
	vertical-align: bottom;
	font-size: 13px;
	font-weight: normal;
	white-space: nowrap;
}

	ul.breadcrumbs li a{
	display:inline-block;
	*
	display:inline; /* IE ONLY*/
	position:relative;
	padding: 0 6px 0 6px;
	zoom:1;
	margin:0;
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
}
ul.breadcrumbs li a:after{
	display:none;
}
	ul.breadcrumbs li.last i{margin-left:8px}

	ul.breadcrumbs li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}

	ul.breadcrumbs li.last a:hover{
	text-decoration:none;
	}


/*---------------------------------
	Header
-----------------------------------*/
#gnavi{
	background: #535D69;
	background: rgba(55, 59, 67, 0.75);
	width: 100%;
	z-index: 10000;
	clear: both;
	position: absolute;
	font-weight: 400;
	top: 130px;
}

/* -------------------------------------------------- */
/*	Sidebar
/* -------------------------------------------------- */
#sidebar .sidebar-menu{
	padding:0;
	list-style:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	clear: both;
	background: #fff;
}
#sidebar .sidebar-menu li{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	position:relative;
	line-height: 1.3;
	font-size: 14px;
	clear: both;
}
#sidebar .sidebar-menu li a{
	display:block;
	text-decoration:none;
	padding: 14px 14px 14px 16px;
	border-bottom: #eee 1px solid;
	background-position: 100% center;
	background-repeat: no-repeat;
	margin: 0;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	overflow: hidden;
	color: #333;
}
#sidebar .sidebar-menu li li a{
	padding: 14px 14px 14px 32px;
}
#sidebar .sidebar-menu li li li a{
	padding: 10px 14px 10px 48px;
}

#sidebar .sidebar-menu li.last a,
#sidebar .sidebar-menu li.lastExpandable a{
	/* border-bottom: transparent; */
}
#sidebar .sidebar-menu li.expandable > a,
#sidebar .sidebar-menu li.collapsable > a{
	padding-right: 40px;
}

#sidebar .sidebar-menu li.collapsable > a{
	/* background-color: #FFFFEC; */
}

#sidebar .sidebar-menu li a:hover{

	background-color: #f8f8f8;
	color: #000;

	}
#sidebar .sidebar-menu li ul li a{
	/* font-weight: normal; */
	font-size: 14px;
}
#sidebar .sidebar-menu li a.current,
#sidebar .sidebar-menu li a.parentsLink{
	background-position: 100% center;
}
#sidebar .sidebar-menu li li a.current{
	/* background: #D6E7F7; */
	/* color: #5595DB; */
	/* font-weight: bold; */
}
#sidebar .sidebar-menu li ul{
	/* background-color: #f5f5f5; */
	padding: 0;
	margin: 0;
}
#sidebar .sidebar-menu li ul:before{
	content:'';
	position: absolute;
	height: 100%;
	width: 1px;
	background: #5B98DD;
	top: -1px;
	left: -1px;
	z-index: 1;
}

.sidebar-menu li li li a{
	padding: 10px 32px 10px 58px!important;
	color: #888;
}
.sidebar-menu li li li li a{
}
.sidebar-menu li li li li li a{
}


.hitarea {
	/* line-height: 46px; */
	height: 46px;
	width: 40px;
	cursor: pointer;
	position: absolute;
	top: -1px;
	right: -1px;
	z-index: 6;
	/* border-left: solid 1px #dfdfdf; */
	/* background: #fff; */
}


.hitarea:before {
    float: right;
    margin-top: 1px;
    margin-right: 17px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "-";
    font-weight: 300;
    text-shadow:none;
    color: #888;
    top: 0;
    position: relative;
    margin-top: 14px;
}

.hitarea:hover:before {
    color: #888;
}
.collapsable .hitarea:before,
.current .hitarea:before {
	/* color:#fff */
}

.expandable-hitarea:before {
   /* float: right; */
   margin-right: 15px;
   display: inline;
   font-size: 16px;
   font-family: FontAwesome;
   height: 100%;
   content: "+";
   font-weight: 300;
   text-shadow:none;
   padding-left: 12px;
   color: #888;
   top: 50%;
   position: relative;
   margin-top: -10px;
}



.sidebar-menu li li .hitarea {
	/* height: 38px; */
	/* line-height: 38px; */
}
.sidebar-menu li.tree .hitarea{width:100%;}
.sidebar-menu li.tree li .hitarea{width:30px;}


#sidebar .hitarea:hover {

}


.expandable-hitarea {
}
.expandable-hitarea:hover {
}


#sidebar .menu li a:hover {
background-color: #E3EEF9;
}


#sidebar .sidebar-menu li a.current,
#sidebar .sidebar-menu li a.parentsLink {
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%);
	color: #fff;
	/* font-weight: bold; */
}


/* -------------------------------------------------- */
/*	Other
/* -------------------------------------------------- */

.tool-panel{
	float:right;
	margin: 16px 0 4px;
	padding-bottom: 0;
	font-size: 10px;
	color: #666;
}
.tool-panel li{
	float:left;
	line-height: 22px;
	display: inline;
	 vertical-align: bottom;
}
.tool-panel li.first{
	padding-right:10px;
}
.tool-panel li a{
	float:left;
	display:block;
	padding: 0 8px;
	line-height: 22px;
}
.tool-panel li a:hover{
}

.tool-panel .print a{
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-size: 12px;
}





ul.pager {
	border:0;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position:relative;
	left:50%;
	float:left;
}
.pager li.first{
	border-left: solid 1px #DDDDDD;
}

.pager li {
	border:0;
	margin:0;
	padding:0;
	font-size: 11px;
	list-style:none;
	float:left;
	position:relative;
	left:-50%;
	padding-left:0!important;
	background-image: none!important;
	border-right: solid 1px #DDDDDD;
}
.pager a {
	/* margin-right:2px; */
}
.pager .link_next, .pager .link_before {
	font-weight:bold;
	/* border:solid 1px #FFFFFF; */
}
.pager .current_page {
	color:#000;
	font-weight:bold;
	display:block;
	float:left;
	padding: 0px 10px;
}
.pager a:link, .pager a:visited {
	color: #555;
	display:block;
	padding: 0px 10px;
	text-decoration:none;
}
.pager a:hover {
	background:#eee;
}


.list-thum{
	font-size:93%;
	line-height:1.5;
}
.list-thum .section{}
.list-thum .post-thum{}
.list-thum .post-date{
	padding: 12px 15px 0;
	font-size:77%;
}
.list-thum .post-title{
	padding:0 15px 12px;
}

.middle{display: table;
width: 100%;}
.middle div{
	display: table-cell;
	vertical-align:middle;
	}

.banner{
	text-align:center;
}
.btn-language,
.print{
}

.tool-panel .btn-language a,
.tool-panel .print a {

}
a{

}
.header{
background:#fff;
	padding:10px 0;
}
h2.line{
padding: 6px 12px 5px;
margin: 50px 0 1em 0;
text-transform: uppercase;
background: #222;
color: #fff;
font-size: 12px;
}

.snsicon{
	font-size: 24px;
	float:right;
	margin-top:-2px
}
.snsicon li{
	display:inline;
	padding-left: 0.3em;
}
.snsicon .fa-facebook-official{
	color: #3b5998;
}
.snsicon .fa-twitter{
	color: #44bbf3;
}
.snsicon .fa-youtube-play{
	color: #e33;
}


#menu .snsicon{
float:none;
}




.breadcrumb {
	list-style: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-right: 15px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0px;
}
.breadcrumb>li {
	display:inline-block;
*display:inline;
	text-shadow:0 1px 0 #fff;
*zoom:1;
font-size:11px;
}
.breadcrumb>li>.divider {
	padding:0 5px;
	color:#ccc
}
.breadcrumb>.active {
	color:#999
}

.ipad #gnavi .search-box{
	top: -2px;
}
#gnavi .search-box input {
	border:none;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	padding: 15px 0px 15px 36px;
	width: 70px;
	/* padding-left: 10px; */
	color: transparent;
	cursor: pointer;
	background: transparent;
	font-size: 13px;
	-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
 font-family: "Roboto","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;

}

#gnavi .search-box input:hover {
}

#gnavi .search-box:before{
	font-family:'FontAwesome';
	content:'\f002';
	top: 12px;
	position: absolute;
	font-size: 14px;
	left: 12px;
	color: #fff;
	color: rgba(255,255,255,1);
	z-index: -1;
}

#gnavi .search-box input:focus {
	width: 160px;
	padding-left: 36px;
	color: #222;
	background: #eee;
	background: rgba(255,255,255,0.9);
	cursor: auto;
}

/* placeholder */
#gnavi .search-box input:-moz-placeholder {
	color: #aaa;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
#gnavi .search-box input::-webkit-input-placeholder {
	color: #aaa;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#gnavi .search-box input:focus:-moz-placeholder {
	color: transparent;
	color: rgba(255,255,255,0);
}
#gnavi .search-box input:focus::-webkit-input-placeholder {
	color: transparent;
	color: rgba(255,255,255,0);
}



.boxs{
font-size:85%;background: #fff;
border: 2px solid #222;
border: 4px solid #222;
}
.pf-item-details-h img{
	width:100%;
}
.boxs .box-inner{
background: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
overflow: hidden;
}
.box{
border: 1px solid #dfdfd;
background: #fff;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
margin: -1px 0 0 -1px;
}

.widget-container h3{

}
.brand{
	margin: 22px 0 16px 24px;
	display: block;
	line-height: 40px;
	max-width: 400px;
	z-index: 5;
	position: relative;
	z-index: 2000000000;
}
.slideshow {
	position:relative;
	width: 100%;
}
.slideshow img{
}

.scrollnav li a{
	border-top: solid 1px #ddd;
	display:block;
	padding:8px;
}
.scrollnav li.current a{
	background: #5595DB;
	color: #fff;
}
.delay{
	display:none;
}
.photo img{
width:100%;}
.photo img.size-thumbnail{
width:auto;}

video#bgvideo{
position:fixed;
top: 0;
left:0;
z-index: -2;
width: 100%!important;
height: auto!important;
}

#bg-dotted{
background:url(/images/alpha.png);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:-1;
}
#top{
	overflow: hidden;
}
.balloon {
    position: relative;
    border-bottom: 1px solid #5595DB;
    padding-bottom: 0.75em;
    margin-top: 54px;
}
.balloon:after, .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.balloon:after {
    left: 40px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
.balloon:before {
    left: 39px;
    border: 11px solid transparent;
    border-top: 11px solid #5595DB;
}
.box-b{
    border: solid 4px #222;
    padding: 4% 4% 0;
}

.section-title {
    position: relative;
    color: #fff;
    background: #222;
    margin-bottom: 20px;
    padding: 10px 5px 10px 10px;
    text-align:center;
}
.section-title:after, .section-title:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
}
.section-title:after {
    left: 50%;
    border: 10px solid transparent;
    border-top: 8px solid #222;
margin:0 0 0 -8px;
}

/* accordion-box */
.accordion-box{
	width: auto;
	font-size:0px;
	margin:0;
	padding-left: 8px;
}
.accordion-box label{
	width: auto;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	display: block;
	padding:8px 0 8px 5px;
	cursor: pointer;
	border-bottom: 1px solid #5595DB;
}
.accordion-box label:hover{
	background: #eaeaea;
}
.accordion-box input{
	display: none;
}
.accordion-box label:after{
	color: #5595DB;
	content:"＋";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -14px;
}
.accordion-box input:checked ~ label::after {
	content:"−";
}
.accordion-box div{
	height: 0px;
	overflow: hidden;
	opacity: 0;
	transition: 0.6s;
}
.accordion-box input:checked ~ div{
	height: auto;
	padding: 18px;
	border-radius: 0px;
	opacity: 1;
}
.accordion-box input:checked ~ label {
}
.accordion-box-under{
	font-size: 15px;
}



/* ---------------------------------------- */
		/*	Accordion Content
		/* ---------------------------------------- */

			.acc-trigger {
	border-top: 1px solid #ddd;
	cursor: pointer;
	display: block;
	margin: 0;
}
.acc-trigger:last-of-type, .acc-container:last-of-type {
	margin-bottom: 20px;
}
.no-js .acc-trigger:last-of-type {
	border-bottom: none;
}
.acc-trigger a {
	background: url(images/accordion-content-buttons.png) no-repeat 20px 23px;
	display: block;
	color: #222;
	outline: medium none;
	padding: 3% 1.5%;
	text-decoration: none;
	text-shadow: none;
}
h3.acc-trigger a, h4.acc-trigger a {
	margin: 0;
}
h6.acc-trigger a {
	background-position: 20px 21px;
}
.acc-trigger a:hover {
	background-color: #f8f8f8;
}
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover {
	color: #5595DB;
}
.acc-trigger.active a:hover {
	background-color: transparent;
}
.acc-trigger.active {
	cursor: default;
}
.acc-trigger.active:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.acc-trigger.active a {
	cursor: default;
}
h3.acc-trigger.active a, h4.acc-trigger.active a {
}
h6.acc-trigger.active a {
	background-position: 20px -90px;
}
.acc-container .content {
	padding: 0 5% 10px 5%;
}
.acc-container .content .one-half {
	width: 422px;
}
.acc-container .content .one-third {
	width: 275px;
}
.acc-container .content .two-third {
	width: 570px;
}
.acc-container .content .one-fourth {
	width: 201px;
}
.acc-container .content .three-fourth {
	width: 644px;
}
.js .acc-container {
	margin-top: -15px;
}

ul ,ol {
	margin-top:0.75em;
}
ul li,ol li{
}
ol{
	margin-left:1.2em;
}
ol ol{
	margin-left:0em;
}
ol > li{
	list-style: decimal;
}
ol ol > li{
	list-style:lower-roman;
}
ol ol ol > li{
	list-style:circle;
}

ol ol > li{
	margin-left:1.5em;
}

ol ol,ol ul{
	margin-top:0.75em;
}
ul.list-icon {}
ul.list-icon li{
	position:relative;
	padding-left:1.2em!important;
}
ul.list-icon i.fa-angle-right{
	position: absolute;
	left:0px;
	top:0.5em;
	font-size: smaller;
}
ul.list-icon.tight i.fa-angle-right{
	top:0.25em;
}
ul.tight li,ol.tight li{margin-top:0;margin-bottom:0;}
ul.line,ol.line {}
ul.line li,ol.line li{
	border-bottom:solid 1px #ddfdf;
	padding-bottom:0.5em;
}
ul.tight.line li,ol.tight.line li{
	padding-top:0.25em;
	padding-bottom:0.2em;
}
ul.line li.last,ol.line li.last{
	border-bottom:none;
}
.target-navi{
	border-bottom:solid 1px #eee;
	overflow:hidden;
}
.target-navi ul{
	float: right;
	margin: 0;
	padding:0;
	width: 100%;
	/* text-align: right; */
	line-height: 1;
	width: auto;
}
.target-navi ul li{
	float:left;
	margin:0;
	padding:0;
	display: inline-block;
}
.target-navi ul li a{
	display:block;
	padding: 12px 20px 8px;
	font-size: 13px;
	/* background: #f5f5f5; */
	color: #444;
	/* border-left: solid 1px #eee; */
	position:relative;
	line-height: 21px;
	margin: 0;
	position: relative;
	border: none;
	text-decoration: none;
}
.target-navi ul li.disaster-management a{
	padding: 12px 20px 8px 30px;
	background: url(/images/icon-disaster-management.png) 9px 18px no-repeat;
	background-size: 17px;
}
.target-navi ul li a:before{
position:absolute;bottom: -2px;left: 0px;
	width:100%;height: 2px;
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%);
	content:'';opacity: 0;}

@media only screen and (max-width : 1090px) {
	.target-navi ul li a {
		padding: 12px 8px 8px;
	}
}


.target-navi ul li a:hover:before,
.target-navi ul li a.current:before{opacity:1;}



.target-navi ul li a:after{
-ms-transform-origin: left center;
  transform-origin: left center;
  content: ''; width: 1px;height: 10px;
   position: absolute;top: 17px;
left: 0;
background: #eee;}
.target-navi ul li.last a:after{
	display:none;
}


.target-navi ul li.first a{
	/* padding-left:0!important; */
}
.target-navi ul li.first a{
}
.target-navi ul li.last a{
}
.target-navi ul li.btn-language a{

	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%);
	text-transform: uppercase;
	color: #fff;
	position:relative;
	bottom: 0px;
	/* margin-bottom: -1px; */
	padding-bottom: 10px;
}

#sub-menu{
	float:right;
	margin:0;
	padding:0;
	font-size: 14px;
}
#sub-menu li{
	float:left;
	margin:0;
	padding:0;
}
#sub-menu li a{
	display:block;
	padding: 13px 15px 10px;
}

#sub-menu li.first a{
}
#sub-menu li a:hover,
#sub-menu li a.current{
}
#sub-menu li.btn-language a{
}

.col-header{
	position:relative;
	border-top: solid 2px #5595DB;
	border-bottom: solid 1px #ddd;
	/* height: 43px; */
}
.col-header h2{
	margin:0;
	padding: 13px 0 0 10px;
	float: left;
	font-size: 119%;
	border: none;
}
.col-btn{

	float: right;
}
.col-btn a{
	padding: 15px 15px;
	border-left:solid 1px #eee;
	display: block;
	float:left;
}
.col-btn a span{
}
.title-number{
	position:relative;
	padding-left:40px;
}
.number{
	font-family:'Open Sans',sans-serif;
	font-size: 36px;
	font-weight: 100;
	bottom: initial;
	position:relative;
	margin-right: 10px;
	line-height: 1;
	color: #5595DB;
	margin-top: -12px;
	display: block;
	position:absolute;
	left:0;
	bottom:5px;
}
.bg{
	background: rgba(46,48,53,0.3);
	z-index: 100;
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
}

.huge{
	font-size:50px;
	font-weight:100;
	margin: 0;
	line-height: 1;
	border: none;
	background: none;
}


#section-title{
	font-size:30px;
	color:#fff;
	/* letter-spacing: .05em; */
	font-weight: 300;
	margin: 0;

}
#section-title .container{padding: 70px 0 20px 0;}
.slideup a,
.slideup{
	position:relative;
	overflow: hidden;
	display:block;
}

.slideup h3{
	position: absolute;
	bottom:0;
	margin:0;
	padding: 6px 12px;
	/* text-align:center; */
	background:#fff;
	width:100%;
	font-size: 15px;
	color: #222;
	background-color: rgba(255,255,255,.8);
}

.slideup .box-image{
	position: relative; height: 100%; width: 100%;
	-webkit-transition:0.8s ease-out;
	-moz-transition:0.8s ease-out;
	-ms-transition:0.8s ease-out;
	-o-transition:0.8s ease-out;
	transition:0.8s ease-out;
}
.slideup:hover .box-image{
	position: relative; height: 100%; width: 100%;
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.box-slide {
	position: absolute;
	top: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: left;
	display: none;
}
.ie8 .box-slide {
	background: #4f291f;
}

.box-slide p{
	margin:0
}
.box-slide a{
	color:#fff;
}
.box-meta {
	height: 100%;
	padding: 10px 10%;
	width: 80%;
}
.box-meta *{
	color: #333;
	line-height:1.4;
}
.box-meta p{
	font-size:85%
}
.box-meta .french{
	font-size:160%;
	margin: 0 0 0.5em;

	text-align: center;
}
.nicescroll-rails{
	z-index:1!important;
}
.thumbnail{
	position:relative;
	height: 200px;
	overflow:hidden;
}
.thumbnail img{
	position:absolute;
}

.mix .post-date{
	font-size:77%;
	margin:0;
}

p.post-title{
	line-height:1.35;
	padding: 0 1em;
	min-height: 2.7em;
	margin-top: 10px;
	margin-bottom: 20px;
	border-left: solid 1px #ccc;
	border-left: solid 1px rgba(0,0,0,0.15);
	text-decoration: none;
}

.mix-box{
	padding:12%;
	/* border: 1px solid #eee; */
	background: #fff;
	box-sizing: inherit;
	margin: 0;
	display: block;
	position: relative;
	/* border-bottom: 1px solid #eee; */
	text-decoration: none;
}





.w-portfolio-list-h {
	/* font-size: 0; */
	/* text-align: left; */
	margin: 0;
	box-shadow: 0 -1px 0 rgba(0,0,0,0.1) inset
}
.pf-item {
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	padding: 0;
	margin-bottom: 0;
	/* width: 25%; */
	overflow: visible
}
.pf-item-anchor {
	display: block;
	/* height: 300px; */
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1
}
.pf-item-anchor:after {
	display: none;
	content: '';
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -12px;
	height: 0;
	width: 0;
	z-index: 2;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;}
.bg-dark .pf-item-anchor:after {

	border-bottom: 15px solid #272727;}
.pf-item.active .pf-item-anchor:after {
	display: block
}
.pf-item-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.pf-item-meta {
	padding: 60px 30px 30px;
	/* background-image: linear-gradient(to top, rgba(40,40,40,0.5) 0px, transparent 100%); */
	background-repeat: repeat-x;
	text-align: left;
	z-index: 2
}
.pf-item-title {
	font-size: 22px;
	line-height: 28px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3)}
.pf-item-text {
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	margin-top: 4px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	opacity: 0.75
}
.no-touch .pf-item-hover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: height 0.3s ease, font-size 0.25s ease;
	transition: height 0.3s ease, font-size 0.25s ease
}
.no-touch .pf-item-anchor:hover .pf-item-hover {
	height: 100%;
	font-size: 40px
}
.no-touch .pf-item.active .pf-item-hover {
	display: none
}
.no-touch .pf-item-hover:before {
	display: block;
	content: '';
	height: 100%;
	width: 100%;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	opacity: 0.75;
	background-color: #000;
}
.no-touch .pf-item-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	font-size: inherit;
	line-height: 60px;
	height: 60px;
	width: 60px;
	color: #fff
}
.pf-item-details {
	position: absolute;
	top: auto;
	left: 0;
	height: auto;
	width: 100%;
	overflow: hidden
;
	/* background: #fff; */
	/* padding: 0 20px 20px; */
	margin-top: -1px;
	margin-bottom: 30px;
}
.pf-item-details-h {
	max-width: 1440px;
	margin: 0 auto 30px;
	padding: 8%;
	background: #FFFFFF;
	position: relative;
	box-sizing: border-box;
	/* border: solid 4px #3176b5; */
	/* border-left:none; */
	/* border-top: solid 4px #3176b5; */
	/* border-right: none; */
	/* border-bottom: none; */
}
.ie8 .pf-item-details-h {
	padding: 30px 30px;
}

.bg-dark .pf-item-details-h {
	background: #272727;
}
.pf-item-details-content {
	overflow: hidden
;
	color: #555;
	font-weight: normal;
	/* background: #fff; */
	/* padding: 8%; */
}
.pf-item-details-content-preview {
	float: left;
	margin-right: 4%;
	width: 66%;
	line-height: 0
}
.pf-item-details-content-text {
	float: left;
	text-align: left;
	width: 30%;
}
.pf-item-details-close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	height: 60px;
	width: 60px;
	cursor: pointer;
	z-index: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
	-webkit-transition: background-color 1s ease, opacity 1s ease;
	transition: background-color 1s ease, opacity 1s ease;
	color:#c1d6e9 ;
}
.pf-item-details-close:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
	color:#3176b5;
	background-color:#eff4f9;
	background-color:rgba(9,117,216,0.2);
}
.bg-dark .pf-item-details-close:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
	color:#222;

}
.pf-item-details-close:before {
	display: block;
	content: '\2715';
	cursor: pointer
}
.pf-item-details-arrow {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 60px;
	cursor: pointer;
	z-index: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
	-webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
	transition: background-color 0.3s ease, opacity 0.3s ease}
.pf-item-details-arrow:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;
	background: #222;

}
.bg-dark .pf-item-details-arrow:hover i{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;

}
.pf-item-details-arrow.disabled {
	cursor: default;
	background-color: transparent;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1
}
.pf-item-details-arrow.to_next {
	left: auto;
	right: 0
}
.pf-item-details-arrow i {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	font-size: 60px;
	text-align: center;
	line-height: 60px;
	height: 60px;
	width: 56px;
	margin-top: -30px;
	color:#eff4f9;
	color: rgba(49,118,181,0.2);
}
.pf-item-details-arrow:hover{
	background-color:#eff4f9;
	background-color:rgba(9,117,216,0.2);
}
.pf-item-details-arrow:hover i {
	color: rgba(49,118,181,0.8);
}



.pf-item-details-arrow.to_next i {
	/* right: 0; */
	/* left: auto
; */
}
.pf {
	margin: 0px;
	font-size:0px;
	position: relative
}
.pf-list-h:before, .pf-list-h:after {
	content: " ";
	display: table
}
.pf-list-h:after {
	clear: both
}
.pf-item {
	margin-bottom: 0px;
	padding: 0px;

	overflow: hidden
}
.pf-item-anchor {
	text-decoration: none;
	position: relative;

	line-height: 1.4;
	padding-bottom: 0px;
	overflow: hidden;
}
.pf-item-image {
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 0;
	overflow: hidden
}
.pf-item-meta {
	position: absolute;
	left: 18px;
	right: 0;
	bottom: 0px;
	padding: 0px;}
.pf-item-title {
	font-size: 15px;
	line-height: normal;
	margin: 15px 0;}
.pf-item-text {
	display: block;
	line-height: normal
}
.pf.wide-margins .pf-list-h {
	margin: 0 -10px
}
.pf.wide-margins .pf-item {
	padding: 0 10px;
	margin-bottom: 20px
}
.pf.columns_4 .pf-item {
	width: 24.95%
}
.pf.columns_3 .pf-item {
	width: 33.3%
}
.pf.columns_2 .pf-item {
	width: 49.9999%
}
.pf.type_carousel {
	position: relative
}
.pf.type_carousel .pf-list {
	position: relative;
	light-space: nowrap;
	margin: 0 auto;
	overflow-x: hidden
}
.pf.type_carousel .pf-list-h {
	position: relative;
	left: 0
}
.pf.type_carousel .pf-item {
	margin-bottom: 0
}
@media only screen and (max-width : 767px) {
.pf-item-anchor{
	padding: 0 0 15px 0px;
}
.pf-item-details-h {
	padding: 12% 9%;
}
.pf-item-details-arrow i {
	width: 30px;
	font-size: 50px;}
.pf-item-details-arrow {
	width: 40px;


}
.pf-item-details-close {
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	width: 30px;
}
}
@media only screen and (max-width : 479px) {
	.video iframe{
	max-width:100%;
	height: auto;
}
	.pf-item-details-h {
	/* padding: 0px 0px; */
	/* margin-bottom: 0px; */
}
.pf-item-details-arrow i {
	width: 30px;
	font-size: 50px;}
.pf-item-details-arrow {
	width: 40px;


}
.pf-item-details-close {
	font-size: 40px;
	line-height: 40px;
	height: 40px;
	width: 40px;
}
}
.pf-title{
	text-align: left;
	font-size: 93%;
	padding: 0 20px 0px 0;
	margin-bottom: 12px;
	display: block;
}
.mix-container{
	border-top:solid 1px #eee;
}
.mix-container .mix{
    display: none;
}


.mix-container .mix > .inner{
	border-right:solid 1px #eee;
	border-bottom:solid 1px #eee;
}


/*---------------------------------
	Responsive
-----------------------------------*/


@media only screen and (min-width : 768px) and (max-width : 959px) {
.brand{
	margin: 8px 0 8px 15px;
}

}



.newslist dl{
	/* line-height:1.3; */
	/* padding: 0; */
	/* margin: 0; */
}
.newslist dt{
	/* width: 30%; */
	float: left;
	font-weight: normal;
	font-size: 12px;
	padding: 17px 0 0 10px;
	/* color: #aaa; */
}
.newslist dd{
	/* display: block; */
	/* font-size: 93%; */
	/* padding: 12px 15px 12px 85px; */
	/* border-bottom: dotted 1px #eee; */
	/* text-align: left; */
}
.newslist dd:hover{
	background:#E3EEF9;
}
.newslist dl a{
	text-decoration: none;
}
.newslist a:hover{
}
.newslist .post-category{/* background:#fff; */ /* padding:2px 5px; */ /* margin:-5px; */}
.newslist dl{
	line-height: 1.5;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.newslist dd{
	display: block;
	/* padding: 0px 0px 0px 30%; */
	border-top: solid 1px #eee;
	text-align: left;
	/* width: 70%; */
	display: block;
	padding: 14px 14px 12px 25%;
	margin-bottom: 0;
}
/* .newslist.events dd{
	padding: 14px 14px 12px 18.7%;
} */
.newslist dd:hover{
	background:#fff;
}
.newslist a{
	/* color: #333; */
	text-decoration: none;
}
.newslist a:hover{
	/* background:#fff; */
}
.newslist .post-title a{}
.newslist .post-category{/* background:#fff; */ padding: 2px 5px; margin-left: 10px;}
.newslist .post-category a{
	display:inline;
}
.newslist a:after{
	display:none;
}
i.news,
i.faculty,
i.events{
display:none;
}
i.sfc {
	color: #4FC7FF;
}
i.press {
	color: #777;
}
i.keio {
	color: #92DB4F;
}
i.employment {
	color: #E5B04C;
}
i.admissions {
	color: #FF6C6C;
}
.tabs i{
	font-size: 14px;
	margin-left: -21px;
	margin-right: 5px;
	position: absolute;
	top: 18px;
	left: 39px;
	background: #fff;
	padding: 1px;
	height: 14px;
	width: 14px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 10;
}
/*
	TipTip CSS - Version 1.2
	http://code.drewwilson.com/entry/tiptip-jquery-plugin
*/

#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content a{
color: #fff;}
#tiptip_content {
font-size: 11px;
padding: 4px 8px;
/* border: 1px solid rgba(0,0,0,0.25); */
background: #272727;
background-color: #272727;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/* -webkit-box-shadow: 0 0 3px #555; */
-moz-box-shadow: 0 0 2px #555;
box-shadow: 0 0 2px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
position: absolute;
border-color: transparent;
border-style: solid;
border-width: 6px;
height: 0;
width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
border-top-color: #fff;
border-top-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
border-bottom-color: #fff;
border-bottom-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
border-right-color: #fff;
border-right-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
border-left-color: #fff;
border-left-color: rgba(55,55,55,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-top-color: rgb(25,25,25);
border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -6px;
border-bottom-color: rgb(25,25,25);
border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -5px;
border-right-color: rgb(25,25,25);
border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
margin-top: -7px;
margin-left: -7px;
border-left-color: rgb(25,25,25);
border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 10px 10px 6px 10px;
		background-color: #35A5F0;
		line-height: 1.5;
		color: #fff;
}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color:#35A5F0;
	}
}



.col-header{
	position:relative;
}
.col-btn{
	position:absolute;
	top:13px;
	right:12px;

}
.col-btn a{
	margin-left:10px;
	padding-left:10px;
	border-left:solid 1px #eee;
}
.col-btn a span{
	display:none;
}
.title-number{
	position:relative;
	padding-left:40px;
}
.number{
	font-family:'Open Sans',sans-serif;
	font-weight: 100;
	line-height: 1;
	color: #10A8A1;
	display: block;
	position:absolute;
	left:0;
	font-size: 2em;
	bottom: 4px;
	margin-right: 10px;
	line-height: 1;
	color: #5394dc;
}


.section-inner { padding-top: 120px; }
.notoppadding .section-inner { padding-top: 0px; }

.parallax-section{
	min-height: 400px;
	background: transparent;
}

span .fa-external-link{
	font-size:10px!important
}


.box-scroll{
	height:300px!important;
	overflow:hidden;
}
.box-section{/* background: #F4F4F6; */}
.bg{
	background: rgba(46,48,53,0.3);
	z-index: 100;
	position: absolute;
	height: 100%;
	width: 100%;
	display: none;
}


.button{
	display: inline-block;
	padding: 0.67em 2.6em 0.57em 1.2em;
	margin-bottom: 0;
	font-weight: 600;
	line-height: 1.428571429;
	text-align: center;
	/* white-space: nowrap; */
	vertical-align: middle;
	color: #fff;
	/* border: 1px solid #5595DB; */
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	font-size: 93%;
	transition: * 0.2s linear;
	-moz-transition: * 0.2s linear;
	-webkit-transition: * 0.2s linear;
	position: relative;
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%);
	text-decoration: none;
}
.button:hover{
	background: #60CCFF;
	color: #fff;
}

.button .arrow{
	position:absolute;
	right: 1em;
	margin-top: 0.13em;
}

.button.frame{

}
.button.frame:hover{
	background: #5595DB;
	color: #fff;
	border: 1px solid transparent;
}

.button.white{
	background:#fff;border: 1px solid transparent;color:#5595DB;}
.button.white:hover{
	background:transparent;color:#fff;border: 1px solid #fff;}
.button.red{
	background:#e33;border: 1px solid transparent;color:#fff!important;}
.button.red:hover{
	color:#e33!important;border: 1px solid #e33;background:transparent;}

	.button.blue{
	background:#5595DB;
	border: 1px solid transparent;
	color: #fff!important;
	}
.button.blue:hover{
	color:#5595DB!important;border: 1px solid #5595DB;background:transparent;}


.button.gray,.button.gray:hover
{background:#aaa;color:#fff!important;border: 1px solid transparent;cursor:default;}
.button.frame.white{
	background:transparent;color:#fff;border: 1px solid #fff;}
.button.frame:hover.white{
	background:#fff;;border: 1px solid transparent;color:#5595DB!important;}
.button.frame.red{
	color:#e33!important;border: 1px solid #e33;background:transparent;
}
.button.frame.red:hover{
	background:#e33;border: 1px solid transparent;color:#fff!important;
}


.button.frame.gray,
.button.frame.gray:hover,
{background: transparent;color:#aaa!important;border: 1px solid #aaa;cursor:default;}


.button.small {
	padding: 0.45em 2.6em 0.35em 1em;
}
.button.xsmall,
.button.xxsmall{
	padding: 0.33em 2em 0.23em 0.67em;
}

.box-link{
	/* background:#909297; */
	/* background: rgba(85, 89, 97, 0.66); */
	color:#fff;
	transition: * 0.2s linear;
    -moz-transition: * 0.2s linear;
    -webkit-transition: * 0.2s linear;

}
.box-link img{
}
.box-link h3{padding: 15px 0px 10px!important;margin: 0;}
.box-link p{
	padding: 0;
}


.box-link:hover{
}
.bg-light{
background:#f5f5f5;}





.container {
	max-width: 920px;
	width: 920px;
	margin: 0 auto;
	padding: 0;
	position: relative
}
.container.flex {
	width: 100%;
	max-width: 100%;
	padding: 0 2%
}
.full #main, .full #footer-inner {
	width: 100%;
}
.full #sidebar {
	width: 100%;
}
#main{
	width: 680px;
	float: right;
	padding-bottom: 0;
	/* background: #fff; */

}
div#content-inner{
}
.main-inner {
	/* width: 650px; */
	margin: auto;
	padding: 0 6%;
}
.full .main-inner {
	/* width: 100%; */
	margin: auto;
	padding: 0 0%;
}
.eyecatch {
	/* margin: 0 -90px 2px; */
	padding: 0;
	overflow:hidden;
}
.eyecatch img {
	width: 100%;
	margin-bottom: 0;
}
.eyecatch .tab-small {
	margin-bottom:-14px;
}
.eyecatch .tab-small a {
	width:90%;
	padding:5%;
}
.eyecatch .tab-small h3 {
	padding:0;
	background:none;
}
.eyecatch .tab-small img {
	width:150px;
}
@media all and (max-width: 1100px) {
.eyecatch .tab-small {
	margin-bottom:-1px;
}
.eyecatch .tab-small h3 {
	margin-top:0;
	float:none !important;
}
.eyecatch .tab-small img {
	width:100%;
	float:none !important;
}
}
@media all and (max-width: 570px) {
.eyecatch .tab-small h3 {
	font-size:100%;
}
}
@media all and (max-width: 410px) {
.eyecatch .tab-small h3 {
	font-size:90%;
}
}
.page-title-image {
	padding: 0;
}
.entry-title {
	position: relative;
}
.entry-title .title-box {
	position: absolute;
	top: 30%;
	left: 0;
	transform: translateY(-30%);
	-webkit- transform: translateY(-30%);
	padding: 20px 40px;
	background:rgba(0, 0, 0, 0.3);
	color: #fff;
}
.entry-title .title-box-right {
	position: absolute;
	top: 30%;
	right: 0;
	transform: translateY(-30%);
	-webkit- transform: translateY(-30%);
	padding: 20px 40px;
	background:rgba(0, 0, 0, 0.3);
	color: #fff;
}
@media all and (max-width: 570px) {
	.entry-title .title-box,
	.entry-title .title-box-right {
	background:rgba(0, 0, 0, 0.5);
	}
}
.page-title-image .entry-title p{
	font-size: 18px;
}
.page-title-image .entry-title h1{
	margin: 0;
	font-size: 40px;
	letter-spacing: .1em;
  font-weight: 700;
}
/* オンライン授業 */
.campuslife-online-title {
	position: relative;
}
.campuslife-online-title .title-box {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translateY(-30%);
	-webkit- transform: translateY(-30%);
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	color: #fff;
	max-width:100%;
	width:500px;
}
.campuslife-online-title .title-box p{
	background: #00C4AE;
	padding: 8px;
	font-size: 20px;
	line-height: 1.0;
	margin-bottom: 10px;
	text-align: center;
}
.campuslife-online-title .title-box h1{
	font-size: 44px;
	line-height: 1.0;
	margin: 0;
	font-weight: bold;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
	text-align: center;
}
@media all and (max-width: 570px) {
.campuslife-online-title .title-box p{
	font-size: 15px;
}
.campuslife-online-title .title-box h1{
	font-size: 26px;
}
}
/* SFCの学生 */
.students-title {
	position: relative;
}
.students-title .title-box {
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translateY(-42%);
	-webkit- transform: translateY(-42%);
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	color: #fff;
	max-width:100%;
}
.students-title .title-box h1{
	font-size: 44px;
	line-height: 1.0;
	margin: 0;
	font-weight: bold;
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
	text-align: center;
}
@media all and (max-width: 570px) {
.students-title .title-box h1{
	font-size: 26px;
}
}
/* アコーディオン */
.accordion-wrap {
 border-bottom: 2px solid #eee;
}
.accordion-item {
 width: 100%;
 margin: 0 auto;
 cursor: pointer;
 margin-top: 30px;
}
.accordion-header {
 transition: ease-in-out 100ms;
padding:0;
background:none;
margin:0 0 1em;
font-size:22px;
}
.accordion-text {
 width: 100%;
 display: none;
 padding-top: 5px;
 padding-bottom: 20px;
}
.fa {
 transition: ease-in-out 300ms;
}
.accordion-header .rotate-fa {
 transform: rotate(180deg);
}
.accordion-header .fa {
 float: right;
 line-height: 35px;
}
.accordion-blue {
 color: #5595DB;
}
.accordion-no-bar {
 border-bottom: 0;
}

/* youtubeレスポンシブ */
.frame-wrapper__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}
.frame-wrapper__video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

ul.tag-link {
	padding: 0;
	line-height: 0;
	margin: 0 0 20px 0;
}
ul.tag-link li {
	list-style-type:none;
	margin:0;
	padding:0 3px 0 0;
	display:inline;
	*
	display:inline; /* IE ONLY*/
	zoom:1;
	line-height:1;
	font-size:13px;
	font-weight:normal;
	white-space:nowrap;
}
ul.tag-link li a {
	display:inline-block;
	*
	display:inline; /* IE ONLY*/
	padding: 6px;
	zoom:1;
	margin:0 0 5px 0;
	border: 1px solid #5595DB;
	text-decoration: none;
}
ul.tag-link li a:hover {
	background: #5595DB;
	color: #fff;
}
@media all and (max-width: 570px) {
.entry-title .title-box,
.entry-title .title-box-right {
	position: static;
	top: 0;
	left: 0;
	transform: translateY(0);
	-webkit- transform: translateY(0);
	padding: 15px;
}
.page-title-image .entry-title p{
	font-size: 14px;
	margin: 0;
}
.page-title-image .entry-title h1{
	margin: 0;
	font-size: 28px;
	letter-spacing: .05em;
}
}

#sidebar {
	width: 240px;
	float: left;
	/* padding-top: 2px; */
	z-index: 1;
	/* border-top-color : #474e58; */
	/* border-top-style : solid; */
	/* border-top-width : 4px; */
	padding-top: 50px;
	/* background: #fff; */
}
.fixed {
	position: fixed!important;
}
.space {
	padding: 40px 0;
	/* height: 40px; */
	min-height: 60px;
}



/*
	MENU
*/
#menu:not(.menu)
{
	display: none;
}
#menu .fa
{
	font-size:20px;
	color: #FFF;
}
.panel > p
{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 15px;
}

#donate
{
	padding: 45px 20px 30px 44px;
}
#donate:after
{
	border: none !important;
}
.listview-icons > li:after
{
	left: 45px !important;
}


/*
	LAYOUT
*/
#menu-button
{background: rgba(255, 255, 255, 0.66);
	box-sizing: border-box;
	position: fixed;
	top: 10px;
	z-index: 4;
	width: 50px;
	top: 0;
	font-size: 10px;
	color: #555;
	padding: 23px 11px 0px 9px;
	text-align: right;
	height: 46px;
	right: 0%;
	font-family: 'roboto',sans-serif;
	letter-spacing: -0.02em;
	display: none!important;
	text-decoration: none;
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0);
	-o-transform: translate(0px, 0);
	transform: translate(0px, 0);

}
.opening #menu-button{
	-webkit-transform: translate(-280px, 0);
  -moz-transform: translate(-280px, 0);
  -ms-transform: translate(-280px, 0);
  -o-transform: translate(-280px, 0);
  transform: translate(-280px, 0); }
}
#menu-button div{
	background: rgba( 255, 255, 255, 0.8);
	width: 50px;
	float:right;
	height: 50px;
	z-index: -1;
	position: fixed;
	right: 0;
	top: 0;
	}


#menu-button:before,
#menu-button:after,
#menu-button span
{
	background: #555;
	content: '';
	display: block;
	width: 26px;
	height: 2px;
	position: absolute;
	right: 12px;
}
#menu-button:before
{
	top: 10px;
}
#menu-button span
{
	top: 17px;
}
#menu-button:after
{
	top: 24px;
}

/* menu-button animation */
#menu-button:before,
#menu-button:after,
#menu-button span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.opening #menu-button:before,
html.opening #menu-button:after
{
	top: 18px;
}
html.opening #menu-button span
{
	right: 12px;
	opacity: 0;
}
html.opening #menu-button:before
{
	transform: rotate( 45deg );
}
html.opening #menu-button:after
{
	transform: rotate( -45deg );
}


#page
{
	box-shadow: none;
	width: 100%;
	min-width: 320px;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#blocker
{
	/*background: rgba( 91, 197, 255, 0 );*/
	background: rgba( 0, 0, 0, 0 );
}
.opening #blocker
{
	/*background: rgba( 91, 197, 255, 0.5 );*/
	background: rgba( 0, 0, 0, 0.2 );
	transition: background 1s ease 0.3s;
}



.buttons,
a.btn
{
	overflow: hidden;
}
.buttons
{
	margin: 20px -5px;
}
a.btn
{
	font-weight: bold;
	display: inline-block;
	padding: 10px 20px;
	margin: 5px 10px 0 0;
}
.buttons a,
a.btn
{
}
.buttons a
{
	display: block;
	padding: 20px 0 10px 0;
	margin: 0;
}
.buttons a:hover,
a.btn:hover
{
	/* background: #fff; */
}
.buttons a + a
{
	border-left: 1px solid #5BC5FF;
}
.buttons .font,
a.btn
{
	color: #5BC5FF;
}
.buttons .font,
a.btn .font
{
	font-size: 35px;
}

.buttons .sub,
a.btn .sub
{
	color: #666;
	font-size: 13px;
	font-weight: normal;
}
.buttons span,
a.btn span
{
	text-align: center;
	display: block;
}
.buttons.col6
{
	padding: 0;
}

/*
	Examples
*/
.phone
{
	padding: 132px 0;
	margin: 0 -100px;
	position: relative;
	z-index: 1;
}
.phone:before,
.phone:after
{
	content: '';
	background: url( ../img/phone-example.png ) center top no-repeat transparent;
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	z-index: -1;
}
.phone:before
{
	top: 0;
}
.phone:after
{
	background-position: center bottom;
	bottom: 0;
}
.phone.red:before,
.phone.red:after
{
	background-image: url( ../img/phone-example-red.png );
}
.phone.green:before,
.phone.green:after
{
	background-image: url( ../img/phone-example-green.png );
}
.phone div
{
	border-radius: 5px;
	overflow: hidden;
	background: #111;
	border: none;
	display: block;
	width: 280px;
	height: 450px;
	margin: 0 auto;
	position: relative;
}
.phone iframe,
.tablet iframe
{
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.phone + pre,
.tablet + pre
{
	margin-top: 0;
}

.stacked-phones
{
	overflow: hidden;
	height: 550px;
	position: relative;
}
.tablets.rotatable:after,
.stacked-phones:after
{
	content: '';
	border-radius: 50%;
	box-shadow: 0 0 20px rgba( 0, 0, 0, 0.4 );
	display: block;
	height: 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 2;
}
.stacked-phones .phone
{
	width: 380px;
	margin-left: -190px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
}
.stacked-phones .phone.red,
.stacked-phones .phone.green
{
	z-index: 0;
	margin-top: 30px;
}
.stacked-phones .phone:first-child
{
	left: 27%;
}
.stacked-phones .phone:last-child
{
	left: 73%;
}

.tablet
{
	height: 510px;
	padding: 38px 72px;
	margin: 40px -20px 20px -20px;
	position: relative;
	z-index: 1;

	transform: rotate( 0deg );
	transition: none 1s ease;
	transition-property: transform, margin;
}
.tablet:before,
.tablet:after
{
	content: '';
	background: url( ../img/tablet-example.png ) left top no-repeat transparent;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
.tablet:before
{
	width: 30%;
	left: 0;
}
.tablet:after
{
	background-position: right top;
	width: 70%;
	right: 0;
}
.tablet div
{
	overflow: hidden;
	background: #111;
	border: none;
	display: block;
	width: 100%;
	height: 492px;
	position: relative;
	z-index: 1;
}
.tablet iframe
{
	transform: rotate( 0deg );
	transition: none 1s ease;
	transition-property: transform, width, height, top, left;
}

.tablets.rotatable
{
	margin: -200px;
	margin-bottom: 0;
	padding-top: 200px;
	position: relative;
	overflow: hidden;
}
.tablets.rotatable .tablet
{
	width: 695px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -100px;
}
.tablets.portrait .tablet
{
	margin-top: 160px;
	margin-bottom: -220px;
	transform: rotate( 90deg );
}
.tablets.portrait .tablet iframe
{
	width: 490px;
	height: 690px;
	left: 100px;
	top: -100px;
	transform: rotate( -90deg );
}

a.rotate
{
	text-align: center;
	text-decoration: none;
	font-size: 50px;
	display: block;
	width: 100px;
	padding-left: 20px;
	margin: 20px auto;
}
a.rotate .portrait
{
	opacity: 0.3;
}
a.rotate:hover .portrait
{
	opacity: 0.5;
}
a.rotate .landscape
{
	opacity: 1;
	padding-left: 20px;
	margin-left: -40px;
}

.tablets.portrait a.rotate .portrait
{
	opacity: 1;
}
.tablets.portrait a.rotate .landscape
{
	opacity: 0.3;
}
.tablets.portrait a.rotate:hover .landscape
{
	opacity: 0.5;
}

a.popout
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	display: block;
	padding: 10px 0 10px 40px;
}
a.popout .fa
{
	margin-left: 20px;
}
pre + a.popout
{
	margin: -20px -20px 0 -20px;
}

#more-examples
{
	display: none;
}
.more-examples #more-examples
{
	display: block;
}
.more
{
	text-align: center;;
	margin-bottom: 40px;
}
.more-examples .more
{
	display: none;
}

/*
	Submenu
*/
h1 .submenutext
{
	display: none;
}

.submenu
{
	line-height: 20px;
	padding-top: 5px;
}
h1 + .submenu
{
	margin-top: -80px;
	margin-bottom: 80px;
}
.submenu ul,
.submenu li
{
	list-style: none;
	display: block;
	padding: 0;
}
.submenu ul
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.5 );
	padding: 0 5px;
	margin-left: -20px;
	margin-right: -20px;
}
.submenu ul:after
{
	content: '';
	display: block;
	clear: both;
}
.submenu li
{
	margin: 0;
	float: left;
}
.submenu a
{
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	position: relative;
}
.submenu a:hover:after
{
	content: '';
	background: #fff;
	display: block;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 15px;
	right: 15px;
}

.submenu.fixed
{
	background: #5BC5FF;
	opacity: 0.9;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 3;
}
.submenu.fixed div
{
    width: 280px;
	max-width: 900px;
	margin: auto;
}
.fixedsubmenu .submenu
{
	visibility: hidden;
}
.fixedsubmenu .submenu.fixed
{
	visibility: visible;
	display: block;
}



/* really small screens */
@media all and (max-width: 760px) {
	.gt-760px
	{
		display: none;
	}
	h1
	{
		/* font-size: 26px; */
		/* margin: 24px 5px 0; */
}
	h4, h5, h6
	{
		margin-top: 50px;
	}



	.buttons a + a
	{
		border-left: none;
		border-top: 1px solid #5BC5FF;
	}
	.wrapper:before
	{
		content: none !important;
		display: none !important;
	}


	.submenu
	{
		display: none !important;
	}
	#features > div/*,
	#wp-installation > div*/
	{
		padding: 30px 0;
		border-top: none !important;
	}
	#features .fa/*,
	#wp-installation .fa*/
	{
		display: none;
	}
}









/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu oncanvas CSS
*/
.hidden {
  display: none !important; }

.wrapper {
  overflow-x: hidden;
  position: relative; }

.menu,
.menu > .panel {
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.menu {
  box-sizing: border-box;
  background: inherit;
  display: block;
  overflow: hidden;
  padding: 0; }

.panel {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  .panel.opened {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }
  .panel.subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  .panel.highest {
    z-index: 1; }

.menu > .panel {
  background: inherit;
  border-color: inherit;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 20px;
  }
  .menu > .panel.hasnavbar {
    padding-top: 40px; }
  .menu > .panel:before, .menu > .panel:after {
    content: '';
    display: block;
    height: 20px; }

.vertical .panel {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.vertical .listview .panel,
.listview .vertical .panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .vertical .listview .panel .listview > li:last-child:after,
  .listview .vertical .panel .listview > li:last-child:after {
    border-color: transparent; }

.vertical li.opened > .panel,
li.vertical.opened > .panel {
  display: block; }

.vertical .listview > li > .next,
.listview > li.vertical > .next {
  height: 40px;
  bottom: auto; }
  .vertical .listview > li > .next:after,
  .listview > li.vertical > .next:after {
    top: 16px;
    bottom: auto; }
.vertical .listview > li.opened > .next:after,
.listview > li.vertical.opened > .next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.navbar {
  border-bottom: 1px solid;
  border-color: inherit;
  text-align: center;
  line-height: 20px;
  height: 44px;
  padding: 0 40px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  }
  .navbar > * {
    display: block;
    padding: 10px 0; }
  .navbar a,
  .navbar a:hover {
    text-decoration: none; }
  .navbar .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .navbar .btn {
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    z-index: 1; }
    .navbar .btn:first-child {
      padding-left: 20px;
      left: 0; }
    .navbar .btn:last-child {
      text-align: right;
      padding-right: 20px;
      right: 0; }

.panel .navbar {
  display: none; }
.panel.hasnavbar .navbar {
  display: block; }

.listview,
.listview > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.listview {
  font: inherit;
  font-size: 14px;
  line-height: 20px; }
  .listview a,
  .listview a:hover {
    text-decoration: none; }
  .listview > li {
    position: relative; }
    .listview > li, .listview > li:after,
    .listview > li .next,
    .listview > li .next:before {
      border-color: inherit; }
    .listview > li > a,
    .listview > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
      .listview > li > a.arrow,
      .listview > li > span.arrow {
        padding-right: 50px; }
    .listview > li:not(.divider):after {
      content: '';
      border-bottom-width: 1px;
      border-bottom-style: solid;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      }
    .listview > li:not(.divider):after {
      left: 20px; }
		.listview > li.disaster-management a {
			padding:10px 10px 10px 45px;
			background:url(/images/icon-disaster-management.png) 22px 16px no-repeat;
			background-size:17px;
		}


.listview > li.menu-target a{
	padding-bottom:0px;
}
.listview > li.menu-target:after{
	display:none;
}

  .listview .next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2; }
    .listview .next:before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0; }
    .listview .next + a,
    .listview .next + span {
      margin-right: 50px; }
    .listview .next.fullsubopen {
      width: 100%; }
      .listview .next.fullsubopen:before {
        border-left: none; }
      .listview .next.fullsubopen + a,
      .listview .next.fullsubopen + span {
        padding-right: 50px;
        margin-right: 0; }

.menu > .panel > .listview {
  margin: 20px -20px; }
.menu > .panel > .listview:first-child,
.menu > .panel > .navbar + .listview {
  margin-top: -20px; }

.listview .inset {
  list-style: inside disc;
  padding: 0 10px 15px 40px;
  margin: 0; }
  .listview .inset > li {
    padding: 5px 0; }

.listview .divider {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 10px;
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 25px; }

.listview .spacer {
  padding-top: 40px; }
  .listview .spacer > .next {
    top: 40px; }
  .listview .spacer.divider {
    padding-top: 25px; }

.prev:before,
.next:after,
.arrow:after {
  content: '';
  border: 2px solid transparent;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.prev:before {
  border-right: none;
  border-bottom: none;
  left: 20px; }

.next:after,
.arrow:after {
  border-top: none;
  border-left: none;
  right: 20px; }

.menu {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.7); }
  .menu .navbar > *,
  .menu .navbar a {
    color: rgba(0, 0, 0, 0.3); }
  .menu .navbar .btn:before, .menu .navbar .btn:after {
    border-color: rgba(0, 0, 0, 0.3); }
  .menu .listview {
    border-color: rgba(0, 0, 0, 0.1); }
    .menu .listview > li .next:after,
    .menu .listview > li .arrow:after {
      border-color: rgba(0, 0, 0, 0.3); }
    .menu .listview > li.selected > a:not(.next),
    .menu .listview > li.selected > span {
      background: rgba(255, 255, 255, 0.5); }
  .menu.vertical .listview > li.opened > a.next,
  .menu.vertical .listview > li.opened > .panel,
  .menu .listview > li.opened.vertical > a.next,
  .menu .listview > li.opened.vertical > .panel {
    background: rgba(0, 0, 0, 0.05); }
  .menu .divider {
    background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.page {
  box-sizing: border-box;
  position: relative; }

.slideout {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease; }

html.opened {
  overflow: hidden;
  position: relative; }
  html.opened body {
    overflow: hidden; }

html.background .page {
  background: inherit; }

#blocker {
  background: rgba(3, 2, 1, 0);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999; }

html.opened #blocker,
html.blocking #blocker {
  display: block; }

.menu.offcanvas {
  display: none;
  position: fixed; }
.menu.current {
  display: block; }

.menu {
  width: 280px;}

html.opening .slideout {
  -webkit-transform: translate(280px, 0);
  -moz-transform: translate(280px, 0);
  -ms-transform: translate(280px, 0);
  -o-transform: translate(280px, 0);
  transform: translate(280px, 0); }

/*
	jQuery.mmenu autoHeight addon CSS
*/
.menu.top.autoheight, .menu.bottom.autoheight {
  max-height: 80%; }
  .menu.top.autoheight.fullscreen, .menu.bottom.autoheight.fullscreen {
    max-height: 100%; }
.menu.measureheight > .panel {
  bottom: auto !important;
  height: auto !important; }

/*
	jQuery.mmenu counters addon CSS
*/
em.counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 45px;
  top: 50%; }
  em.counter + a.next {
    width: 90px; }
    em.counter + a.next + a,
    em.counter + a.next + span {
      margin-right: 90px; }
  em.counter + a.fullsubopen {
    padding-left: 0; }

.vertical > .counter {
  top: 12px;
  margin-top: 0; }
.vertical.spacer > .counter {
  margin-top: 40px; }

.nosubresults > .counter {
  display: none; }

.menu em.counter {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu dividers addon CSS
*/
.divider > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  line-height: 25px; }
.divider.opened a.next:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.collapsed:not(.uncollapsed) {
  display: none; }

.fixeddivider {
  background: inherit;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .fixeddivider:after {
    content: none !important;
    display: none !important; }

.hasdividers .fixeddivider {
  display: block; }

.menu .fixeddivider span {
  background: rgba(0, 0, 0, 0.05); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.opened.dragging .menu,
html.opened.dragging .page,
html.opened.dragging .fixed-top,
html.opened.dragging .fixed-bottom,
html.opened.dragging #blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu iconpanels addon CSS
*/
.iconpanel .panel {
  -webkit-transition-property: -webkit-transform, left, right;
  -moz-transition-property: -moz-transform, left, right;
  -ms-transition-property: -ms-transform, left, right;
  -o-transition-property: -o-transform, left, right;
  transition-property: transform, left, right; }
  .iconpanel .panel.opened {
    border-left: 1px solid;
    border-color: inherit; }
  .iconpanel .panel.subopened {
    overflow-y: hidden;
    left: -40px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.iconpanel .panel.iconpanel-0 {
  left: 0px; }

.iconpanel .panel.iconpanel-1 {
  left: 40px; }

.iconpanel .panel.iconpanel-2 {
  left: 80px; }

.iconpanel .panel.iconpanel-3 {
  left: 120px; }

.iconpanel .panel.iconpanel-4 {
  left: 160px; }

.iconpanel .panel.iconpanel-5 {
  left: 200px; }

.iconpanel .panel.iconpanel-6 {
  left: 240px; }

.subblocker {
  background: inherit;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }

.subopened .subblocker {
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -100000px;
  left: 0;
  z-index: 3; }

/*
	jQuery.mmenu navbars addon CSS
*/
.menu > .navbar {
  padding: 0;
  z-index: 3;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%); }

.navbar-bottom {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom: none;
  top: auto;
  bottom: 0; }

.navbar-top ~ .navbar-top {
  border-bottom: none; }

.navbar-bottom ~ .navbar-bottom {
  border-top: none; }

.navbar.hasbtns {
  padding: 0 0px;
  }

.close:after {
  content: 'x'; }

.navbar[class*="navbar-content-"] > * {
  box-sizing: border-box;
  display: block;
  float: left; }

.navbar > .breadcrumbs {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  text-align: left;
  padding: 0 0 0 17px; }
  .navbar > .breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px; }
  .navbar > .breadcrumbs > a {
    text-decoration: underline; }
.navbar.hasbtns .breadcrumbs {
  margin-left: -40px; }
.navbar.hasbtns .btn:not(.hidden) + .breadcrumbs {
  margin-left: 0;
  padding-left: 0; }

.navbar-top-1 {
  top: 0px; }

.hasnavbar-top-1 .panel {
  top: 40px; }
.hasnavbar-top-1 .indexer {
  top: 50px; }
.hasnavbar-top-1 .fixeddivider {
  top: 40px; }

.navbar-top-2 {
  top: 34px;
  }

.hasnavbar-top-2 .panel {
  top: 80px;
  }
.hasnavbar-top-2 .indexer {
  top: 90px; }
.hasnavbar-top-2 .fixeddivider {
  top: 80px; }

.navbar-top-3 {
  top: 80px; }

.hasnavbar-top-3 .panel {
  top: 120px; }
.hasnavbar-top-3 .indexer {
  top: 130px; }
.hasnavbar-top-3 .fixeddivider {
  top: 120px; }

.navbar-top-4 {
  top: 120px; }

.hasnavbar-top-4 .panel {
  top: 160px; }
.hasnavbar-top-4 .indexer {
  top: 170px; }
.hasnavbar-top-4 .fixeddivider {
  top: 160px; }

.navbar-bottom-1 {
  bottom: 0px; }

.hasnavbar-bottom-1 .panel {
  bottom: 40px;
  }
.hasnavbar-bottom-1 .indexer {
  bottom: 50px; }

.navbar-bottom-2 {
  bottom: 40px; }

.hasnavbar-bottom-2 .panel {
  bottom: 80px; }
.hasnavbar-bottom-2 .indexer {
  bottom: 90px; }

.navbar-bottom-3 {
  bottom: 80px; }

.hasnavbar-bottom-3 .panel {
  bottom: 120px; }
.hasnavbar-bottom-3 .indexer {
  bottom: 130px; }

.navbar-bottom-4 {
  bottom: 120px; }

.hasnavbar-bottom-4 .panel {
  bottom: 160px; }
.hasnavbar-bottom-4 .indexer {
  bottom: 170px; }

.navbar-size-2 {
  height: 80px; }

.navbar-size-3 {
  height: 120px; }

.navbar-size-4 {
  height: 160px; }

.navbar-content-2 > * {
  width: 50%; }

.navbar-content-3 > * {
  width: 33.33%; }

.navbar-content-4 > * {
  width: 25%; }

.navbar-content-5 > * {
  width: 20%; }

.navbar-content-6 > * {
  width: 16.67%; }

/*
	jQuery.mmenu searchfield addon CSS
*/
.search,
.search input {
  box-sizing: border-box; }

.search {
  height: 40px;
  padding: 7px 10px 0 10px;
  position: relative;
  z-index: 10;
}
  .search input {
    border: none;
    border-radius: 26px;
    font: inherit;
    font-size: 14px;
    line-height: 26px;
    outline: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0 10px 0 30px;
    }
  .search input::-ms-clear {
    display: none; }

.panel > .search {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
.panel.hassearch {
  padding-top: 40px; }
  .panel.hassearch.hasnavbar {
    padding-top: 80px; }
    .panel.hassearch.hasnavbar .search {
      top: 40px; }

.noresultsmsg {
  text-align: center;
  font-size: 21px;
  display: none;
  padding: 40px 0; }

.noresults .noresultsmsg {
  display: block; }
.noresults .indexer {
  display: none !important; }

li.nosubresults > a.next {
  display: none; }
  li.nosubresults > a.next + a,
  li.nosubresults > a.next + span {
    padding-right: 10px; }

.menu .search input {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.7); }
.menu .noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu sectionIndexer addon CSS
*/
.indexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: -100px;
  z-index: 3;
  -webkit-transition: right 0.4s ease;
  -moz-transition: right 0.4s ease;
  -ms-transition: right 0.4s ease;
  -o-transition: right 0.4s ease;
  transition: right 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
  .indexer a {
    text-decoration: none;
    display: block;
    height: 3.85%; }
  .indexer ~ .panel.hasindexer {
    padding-right: 40px; }

.hasindexer .indexer {
  right: 0; }
.hasindexer .fixeddivider {
  right: 20px; }

.menu .indexer a {
  color: rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.toggle,
input.check {
  position: absolute;
  left: -10000px; }

label.toggle,
label.check {
  margin: 0;
  position: absolute;
  top: 50%;
  z-index: 2; }
  label.toggle:before,
  label.check:before {
    content: '';
    display: block; }

label.toggle {
  border-radius: 30px;
  width: 50px;
  height: 30px;
  margin-top: -15px; }
  label.toggle:before {
    border-radius: 30px;
    width: 28px;
    height: 28px;
    margin: 1px; }

input.toggle:checked ~ label.toggle:before {
  float: right; }

label.check {
  width: 30px;
  height: 30px;
  margin-top: -15px; }
  label.check:before {
    border-left: 3px solid;
    border-bottom: 3px solid;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    opacity: 0.1;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }

input.check:checked ~ label.check:before {
  opacity: 1; }

li.vertical label.toggle, li.vertical label.check {
  bottom: auto;
  margin-top: 0; }
li.vertical label.toggle {
  top: 5px; }
li.vertical label.check {
  top: 5px; }

label.toggle, label.check {
  right: 20px; }
label.toggle + a,
label.toggle + span {
  padding-right: 80px; }
label.check + a,
label.check + span {
  padding-right: 60px; }

a.next + label.toggle, a.next + label.check {
  right: 60px; }
  a.next + label.toggle + a,
  a.next + label.toggle + span, a.next + label.check + a,
  a.next + label.check + span {
    margin-right: 50px; }
a.next + label.toggle + a,
a.next + label.toggle + span {
  padding-right: 70px; }
a.next + label.check + a,
a.next + label.check + span {
  padding-right: 50px; }

em.counter + a.next + label.toggle, em.counter + a.next + label.check {
  right: 100px; }
  em.counter + a.next + label.toggle + a,
  em.counter + a.next + label.toggle + span, em.counter + a.next + label.check + a,
  em.counter + a.next + label.check + span {
    margin-right: 90px; }

.menu label.toggle {
  background: rgba(0, 0, 0, 0.1); }
  .menu label.toggle:before {
    background: #f3f3f3; }
.menu input.toggle:checked ~ label.toggle {
  background: #4bd963; }

.menu label.check:before {
  border-color: rgba(0, 0, 0, 0.7); }

/*
	jQuery.mmenu borderstyle extension CSS
*/
.menu.border-none .listview > li:after,
.listview.border-none > li:after {
  content: none; }

.menu.border-full .listview > li:after,
.listview.border-full > li:after {
  left: 0 !important; }

/*
	jQuery.mmenu effects extension CSS
*/
html.effect-zoom-menu .menu.offcanvas {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.effect-zoom-menu.opened .menu.effect-zoom-menu {
  -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.effect-zoom-menu.opening .menu.effect-zoom-menu {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }
html.effect-zoom-menu.right.opened .menu.offcanvas {
  -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.effect-zoom-menu.right.opening .menu.effect-zoom-menu {
  -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
  -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
  -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
  -o-transform: scale(1, 1) translate3d(0%, 0, 0);
  transform: scale(1, 1) translate3d(0%, 0, 0); }

html.effect-slide-menu .menu.effect-slide-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.effect-slide-menu.opened .menu.effect-slide-menu {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }
html.effect-slide-menu.opening .menu.effect-slide-menu {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }
html.effect-slide-menu.right.opened .menu.effect-slide-menu {
  -webkit-transform: translate3d(30%, 0, 0);
  -moz-transform: translate3d(30%, 0, 0);
  -ms-transform: translate3d(30%, 0, 0);
  -o-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }
html.effect-slide-menu.right.opening .menu.effect-slide-menu {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0); }

html.effect-fade-menu .menu.effect-fade-menu {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease; }
html.effect-fade-menu.opening .menu.effect-fade-menu {
  opacity: 1; }

.menu.effect-zoom-panels .panel {
  -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
  .menu.effect-zoom-panels .panel.opened {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0); }
    .menu.effect-zoom-panels .panel.opened.subopened {
      -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
      transform: scale(0.7, 0.7) translate3d(-30%, 0, 0); }

.menu.effect-slide-panels-0 .panel.subopened {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.menu.effect-slide-panels-100 .panel.subopened {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

html.effect-slide-listitems .menu.effect-slide-listitems .listview > li {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(1) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(2) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(3) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(4) {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -ms-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(5) {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(6) {
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    transition-delay: 600ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(7) {
    -webkit-transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    transition-delay: 700ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(8) {
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms; }
  html.effect-slide-listitems .menu.effect-slide-listitems .listview > li:nth-child(9) {
    -webkit-transition-delay: 900ms;
    -moz-transition-delay: 900ms;
    -ms-transition-delay: 900ms;
    -o-transition-delay: 900ms;
    transition-delay: 900ms; }
html.effect-slide-listitems.opening .menu.effect-slide-listitems .panel.opened .listview > li {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.menu.fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px; }

html.opening.fullscreen .slideout {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  transform: translate(100%, 0); }

@media all and (max-width: 140px) {
  html.opening.fullscreen .slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0); } }
@media all and (min-width: 10000px) {
  html.opening.fullscreen .slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0); } }
html.right.opening.fullscreen .slideout {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0); }

@media all and (max-width: 140px) {
  html.right.opening.fullscreen .slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) {
  html.right.opening.fullscreen .slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0); } }
.menu.fullscreen.top, .menu.fullscreen.bottom {
  height: 100%;
  min-height: 140px;
  max-height: 10000px; }

html.opened.fullscreen .page {
  box-shadow: none !important; }

/*
	jQuery.mmenu multiline extension CSS
*/
.menu.multiline .listview > li > a,
.menu.multiline .listview > li > span,
.listview.multiline > li
.listview > li.multiline > a,
.listview.multiline > li
.listview > li.multiline > span {
  text-overflow: clip;
  white-space: normal; }

/*
	jQuery.mmenu pageshadow extension CSS
*/
.menu.pageshadow:after {
  content: "";
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 99; }
.menu.pageshadow.right:after {
  left: auto;
  right: 100%; }
.menu.pageshadow.next:after, .menu.pageshadow.front:after {
  content: none;
  display: none; }

.menu.pageshadow:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

/*
	jQuery.mmenu position extension CSS
*/
.menu.top,
.menu.bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.menu.right {
  left: auto;
  right: 0; }

.menu.bottom {
  top: auto;
  bottom: 0; }

html.right.opening .slideout {
  -webkit-transform: translate(-280px, 0);
  -moz-transform: translate(-280px, 0);
  -ms-transform: translate(-280px, 0);
  -o-transform: translate(-280px, 0);
  transform: translate(-280px, 0); }

/*
	jQuery.mmenu z-position extension CSS
*/
html.front .slideout {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  z-index: 0 !important; }

.menu.front {
  z-index: 1; }

.menu.front, .menu.next {
  -webkit-transition: -webkit-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  .menu.front.right, .menu.next.right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
.menu.top {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }
.menu.bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

html.opening .menu.front, html.opening .menu.next {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.menu.top, .menu.bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
.menu.theme-dark {
  background: #333333;
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.8); }
  .menu.theme-dark .navbar > *,
  .menu.theme-dark .navbar a {
    color: rgba(255, 255, 255, 0.4); }
  .menu.theme-dark .navbar .btn:before, .menu.theme-dark .navbar .btn:after {
    border-color: rgba(255, 255, 255, 0.4); }
  .menu.theme-dark .listview {
    border-color: rgba(0, 0, 0, 0.15); }
    .menu.theme-dark .listview > li .next:after,
    .menu.theme-dark .listview > li .arrow:after {
      border-color: rgba(255, 255, 255, 0.4); }
    .menu.theme-dark .listview > li.selected > a:not(.next),
    .menu.theme-dark .listview > li.selected > span {
      background: rgba(0, 0, 0, 0.1); }
  .menu.theme-dark.vertical .listview > li.opened > a.next,
  .menu.theme-dark.vertical .listview > li.opened > .panel,
  .menu.theme-dark .listview > li.opened.vertical > a.next,
  .menu.theme-dark .listview > li.opened.vertical > .panel {
    background: rgba(255, 255, 255, 0.05); }
  .menu.theme-dark .divider {
    background: rgba(255, 255, 255, 0.05); }

.menu.theme-dark label.check:before {
  border-color: rgba(255, 255, 255, 0.8); }

.menu.theme-dark em.counter {
  color: rgba(255, 255, 255, 0.4); }

.menu.theme-dark .fixeddivider span {
  background: rgba(255, 255, 255, 0.05); }

.menu.pageshadow.theme-dark:after {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.menu.theme-dark .search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8); }
.menu.theme-dark .noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.menu.theme-dark .indexer a {
  color: rgba(255, 255, 255, 0.4); }

.menu.theme-dark label.toggle {
  background: rgba(0, 0, 0, 0.15); }
  .menu.theme-dark label.toggle:before {
    background: #333333; }
.menu.theme-dark input.toggle:checked ~ label.toggle {
  background: #4bd963; }

.menu.theme-white {
  background: white;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
  .menu.theme-white .navbar > *,
  .menu.theme-white .navbar a {
    color: #fff;
    }
  .menu.theme-white .navbar .btn:before, .menu.theme-white .navbar .btn:after {
    border-color: rgba(255, 255, 255, 0.7);
    }
  .menu.theme-white .listview {
    border-color: rgba(0, 0, 0, 0.1); }
    .menu.theme-white .listview > li .next:after,
    .menu.theme-white .listview > li .arrow:after {
      border-color: rgba(0, 0, 0, 0.3); }
    .menu.theme-white .listview > li.selected > a:not(.next),
    .menu.theme-white .listview > li.selected > span {
      background: rgba(0, 0, 0, 0.05); }
  .menu.theme-white.vertical .listview > li.opened > a.next,
  .menu.theme-white.vertical .listview > li.opened > .panel,
  .menu.theme-white .listview > li.opened.vertical > a.next,
  .menu.theme-white .listview > li.opened.vertical > .panel {
    background: rgba(0, 0, 0, 0.03); }
  .menu.theme-white .divider {
    background: rgba(0, 0, 0, 0.03); }

.menu.theme-white label.check:before {
  border-color: rgba(0, 0, 0, 0.6); }

.menu.theme-white em.counter {
  color: rgba(0, 0, 0, 0.3); }

.menu.theme-white .fixeddivider span {
  background: rgba(0, 0, 0, 0.03); }

.menu.pageshadow.theme-white:after {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.search:after{
    content:'';
    font-family: 'FontAwesome',serif;
	content: '\f002';
	position:absolute;
	top:6px;
	left:18px;
}

.menu.theme-white .search input {
  background: rgba(255, 255, 255, 0.5);
  }
.menu.theme-white .noresultsmsg {
  color: rgba(0, 0, 0, 0.3); }

.menu.theme-white .indexer a {
  color: rgba(0, 0, 0, 0.3); }

.menu.theme-white label.toggle {
  background: rgba(0, 0, 0, 0.1); }
  .menu.theme-white label.toggle:before {
    background: white; }
.menu.theme-white input.toggle:checked ~ label.toggle {
  background: #4bd963; }

.menu.theme-black {
  background: black;
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.6); }
  .menu.theme-black .navbar > *,
  .menu.theme-black .navbar a {
    color: rgba(255, 255, 255, 0.4); }
  .menu.theme-black .navbar .btn:before, .menu.theme-black .navbar .btn:after {
    border-color: rgba(255, 255, 255, 0.4); }
  .menu.theme-black .listview {
    border-color: rgba(255, 255, 255, 0.2); }
    .menu.theme-black .listview > li .next:after,
    .menu.theme-black .listview > li .arrow:after {
      border-color: rgba(255, 255, 255, 0.4); }
    .menu.theme-black .listview > li.selected > a:not(.next),
    .menu.theme-black .listview > li.selected > span {
      background: rgba(255, 255, 255, 0.3); }
  .menu.theme-black.vertical .listview > li.opened > a.next,
  .menu.theme-black.vertical .listview > li.opened > .panel,
  .menu.theme-black .listview > li.opened.vertical > a.next,
  .menu.theme-black .listview > li.opened.vertical > .panel {
    background: rgba(255, 255, 255, 0.2); }
  .menu.theme-black .divider {
    background: rgba(255, 255, 255, 0.2); }

.menu.theme-black label.check:before {
  border-color: rgba(255, 255, 255, 0.6); }

.menu.theme-black em.counter {
  color: rgba(255, 255, 255, 0.4); }

.menu.theme-black .fixeddivider span {
  background: rgba(255, 255, 255, 0.2); }

.menu.pageshadow.theme-black:after {
  content: none;
  display: none; }

.menu.theme-black .search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.menu.theme-black .noresultsmsg {
  color: rgba(255, 255, 255, 0.4); }

.menu.theme-black .indexer a {
  color: rgba(255, 255, 255, 0.4); }

.menu.theme-black label.toggle {
  background: rgba(255, 255, 255, 0.2); }
  .menu.theme-black label.toggle:before {
    background: black; }
.menu.theme-black input.toggle:checked ~ label.toggle {
  background: #4bd963; }

/*
	jQuery.mmenu tileview extension CSS
*/
.menu.tileview .listview:after,
.menu .tileview.listview:after {
  content: '';
  display: block;
  clear: both; }
.menu.tileview .listview > li,
.menu .tileview.listview > li {
  width: 50%;
  height: 0;
  padding: 50% 0 0 0;
  float: left;
  position: relative; }
  .menu.tileview .listview > li:after,
  .menu .tileview.listview > li:after {
    left: 0;
    top: 0;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: -1; }
  .menu.tileview .listview > li.tile-xs,
  .menu .tileview.listview > li.tile-xs {
    width: 12.5%;
    padding-top: 12.5%; }
  .menu.tileview .listview > li.tile-s,
  .menu .tileview.listview > li.tile-s {
    width: 25%;
    padding-top: 25%; }
  .menu.tileview .listview > li.tile-l,
  .menu .tileview.listview > li.tile-l {
    width: 75%;
    padding-top: 75%; }
  .menu.tileview .listview > li.tile-xl,
  .menu .tileview.listview > li.tile-xl {
    width: 100%;
    padding-top: 100%; }
  .menu.tileview .listview > li > a,
  .menu.tileview .listview > li > span,
  .menu .tileview.listview > li > a,
  .menu .tileview.listview > li > span {
    line-height: 1px;
    text-align: center;
    padding: 50% 10px 0 10px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0; }
  .menu.tileview .listview > li > .next,
  .menu .tileview.listview > li > .next {
    width: auto; }
    .menu.tileview .listview > li > .next:before, .menu.tileview .listview > li > .next:after,
    .menu .tileview.listview > li > .next:before,
    .menu .tileview.listview > li > .next:after {
      content: none;
      display: none; }
.menu.tileview .panel {
  padding-left: 0;
  padding-right: 0; }
  .menu.tileview .panel:after {
    content: none;
    display: none; }
.menu.tileview .listview {
  margin: 0; }


  #gnavi ul{
	padding: 0;
	margin:0;
}
#gnavi ul li{
	float:left;
	margin:0;
	padding: 0;
	font-size: 15px;
}
#gnavi ul > li{
	/* width: 15%; */

}
#gnavi ul > li li{
	font-size: 14px;
}
#gnavi ul > li > a{
		padding: 15px 30px;
		display:block;
		color: #fff;
		box-sizing: border-box;
}

#header{
}
#footer a:after{display:none;
}
#header-inner{
	background:#fff;
	overflow:hidden;
}
#header .snsicon{
	margin: 10px 30px 0 0;
	font-size: 20px;
}
#gnavi ul > li > a:before{
	position:absolute;
	bottom: 0;
	left:0;
	width:100%;
	height: 3px;
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%);
	content:'';
	opacity:0;
}
#gnavi ul > li a:hover::before,
#gnavi ul > li a.current:before,
#gnavi ul > li a.parentsLink:before{
	opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px)}


#gnavi ul > li > a.current:before,
#gnavi ul > li > a.parentsLink:before,
#gnavi ul > li:hover > a:before{
	display:block;

}
#gnavi ul ul li a:before{
	display:none!important;
}

#gnavi ul > li > a:after{
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
 content: '';
  width: 1px;
  height: 14px;
  background: #fff;
  position: absolute;
  top: 15px;
  right: 0px;
  background: rgba(255,255,255,.15);
  }

#gnavi ul > li li a:after{
	display:none;
}


#gnavi ul > li.first a{
    /* padding-left: 0px; */
}
#gnavi ul li.first{
	margin-left: 0;}


#gnavi .search-box{
	position:absolute;
	top: 0;
	right: 0px;
	z-index: 600;
}


/* -------------------------------------------------- */
/*	Menu
/* -------------------------------------------------- */
#gnavi ul{
	margin:0;
	padding:0;
	line-height:100%;
	position:relative;
	z-index:1000;

	text-align:center;
	width:100%;
	display: table;
}

	#gnavi ul:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
	#gnavi ul li{
	text-align: center;
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	zoom:1;
	line-height:inherit;
	top:0;
	left:0;

	display: table-cell;
	text-align:center;
}
* html #gnavi ul li,
*:first-child+html .navi li {
	display:inline;
	zoom:1;
}
* html #gnavi ul li{
	float:left;}
		.navi li a{
	margin:0;
	padding:0;
	display:block;
	position:relative;
	zoom:1;
	line-height: 1.3;
	top:0;
	left:0;
}



/*--------------Sub Menus-------------------*/
	#gnavi ul ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;min-width: 25%;
	width: 230px;*width:150px;}
	#gnavi ul ul li{display:block;width:100%;
	text-align: left;}
	#gnavi ul ul li a{display:block;color: #555;padding: 12px 14px 10px;border-bottom: solid 1px #eee;margin: 0;}
	#gnavi ul ul li a:hover{color:#000; background:#f8f8f8;}
	#gnavi ul ul li.last > a{border-bottom:none;}
	#gnavi ul ul ul{top: 0;left:100%;min-width: 100%;}
	#gnavi ul .left > ul{left:auto; right:0%;}
	#gnavi ul ul .left ul{left:auto; right:100%;min-width: 100%;}

/*--------------Dividers-------------------*/
	#gnavi ul ul li.divider{border-top:1px solid #ccc;}
	#gnavi ul ul li.divider a{border-top:1px solid #fff;}


/*--------------Right---------------------*/
	#gnavi ul li.right{float:right;}


/*--------------Arrows-------------------*/
	#gnavi ul ul li.has-menu > a{padding-right: 30px;}
	#gnavi ul li li.has-menu span.arrow{}
	#gnavi ul li li.has-menu span.arrow{margin-top: -6px;}

/*--------------Vertical Menu Layout-------------------*/
#gnavi ul.vertical{
	display:block;}
	.navi.vertical li{
	display:block;
	text-align:left;
	width: 100%;
}
	#gnavi ul.vertical li a{display:block;}
	#gnavi ul.vertical ul{top:0;left:100%;}
	#gnavi ul.vertical li.has-menu span.arrow{margin-top:-4px;}

/*--------------Vertical Right Menu Layout-------------------*/
#gnavi ul.vertical.right{text-align:left;}
#gnavi ul.vertical.right ul{top:0;right:100%;left:auto;}
#gnavi ul.vertical.right li a{padding-left:25px;padding-right:20px;}
#gnavi ul.vertical.right li.has-menu span.arrow{right:auto;left:5px;margin-top:-4px;}


/*---------------------------------
	MENU STYLES
	EDIT BELOW THIS LINE TO CUSTOMIZE
-----------------------------------*/
#gnavi ul{
	z-index:600;
}

	#gnavi ul li{}

		#gnavi >ul > li > a{
	/* text-decoration:none; */
	/* padding-top: 14px; */
	/* padding-right: 14px; */
	/* padding-bottom: 13px; */
	/* padding-left: 14px; */
		}
		#gnavi > ul > li a{
	text-decoration:none;
	/* padding-right: 0px; */
	/* margin-right: 28px; */
	padding: 19px 20px;
	/* margin-left: 28px; */
	}
	#gnavi > ul > li a.wide-large {
		padding: 19px 30px;
	}
		#gnavi ul.small li a{
		padding:4px 8px;
		}

		#gnavi ul li.current>a,
		#gnavi ul li.current>a:hover,
		#gnavi ul li.current.hover>a{
		color:#444;
		cursor: default;
		}

		#gnavi ul li a:hover,
		#gnavi ul li.hover>a{}

	/* sub menus */
	#gnavi ul ul{
	background: #fff;
	border-top: 0;
	font-weight: normal;
}

	#gnavi ul ul li{
		border-bottom: solid 1px #dffd;}
	#gnavi ul ul li.last{
		border-bottom:none;}
	#gnavi ul ul li.first a{
    /* padding-left: 14px; */
}

		/* sub-sub menus */
		#gnavi ul ul ul{}
		#gnavi ul ul ul li{}
		#gnavi ul ul li > li a{}

	/* arrows */
	/* arrow down */  #gnavi ul li.has-menu span.arrow{
    position: absolute;

    top: 14px;
    right: 0;
}
	/* arrow left */ #gnavi ul li li.has-menu span.arrow:before {
    float: right;
   margin-top: 1px;
    margin-right: 14px;
   display: inline;
   font-family: FontAwesome;
   height: auto;
   font-size: 16px;
   content: "+";
   font-weight: 300;
   text-shadow:none;
   color: #888;
}
#gnavi ul li li.has-menu a:hover span.arrow:before {
   color: #5595DB;
}


					   #gnavi ul li li.has-menu.hover > a span.arrow,.navi li li.has-menu > a:hover span.arrow, .navi.vertical li.has-menu.hover > a:hover span.arrow
					   {}
	/* arrow right */ #gnavi ul.vertical.right li.has-menu span.arrow{}

	/* dividers */ 	  #gnavi ul ul li.divider{border-top:1px solid #ccc;}
					  #gnavi ul ul li.divider a{border-top:1px solid #fff;}

	/* icons */
	#gnavi ul .icon{margin:-10px 7px -10px -5px;vertical-align: middle;}
	#gnavi ul .icon{margin-left:-10px;}













/* open-nav button */
.open-nav {
	display: block;
	background: transparent;
	width: 20px;
	height: 20px;
	position: relative;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
	z-index: 100003;
	}
	.non-overlay .open-nav {	height: 40px; }							/* depending on the logo height */
	.overlay-bottom .open-nav { /* margin-top: 5px; */ }						/* depending on the logo height (logoHeight - 20px) */
	.sticky-header .open-nav { height: 20px; margin-top: 5px; }

.open-nav span {
 display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;

 background-color: #fff;
	}
	.sticky-header .open-nav span, .open-nav.nav-dark span { background-color: #fff; }

.open-nav span:before, .open-nav span:after {
  	content: '';
  	width: 100%;
  	height: 100%;
  	position: absolute;
  	background-color: #fff;
  	right: 0;
  	-webkit-transform: translateZ(0);
  	-moz-transform: translateZ(0);
  	-ms-transform: translateZ(0);
  	-o-transform: translateZ(0);
  	transform: translateZ(0);
  	-webkit-backface-visibility: hidden;
  	backface-visibility: hidden;
  	transition: transform .3s, background .3s;
	-webkit-transition: -webkit-transform .3s, background .3s;
    -moz-transition: -moz-transform .3s, background .3s;
    -o-transition: -o-transform .3s, background .3s;
    -ms-transition: -ms-transform .3s, background .3s;
	}
	.sticky-header .open-nav span:before, .sticky-header .open-nav span:after, .open-nav.nav-dark span:before, .open-nav.nav-dark span:after { background-color: #fff; }

.open-nav span:before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
	}
.open-nav span:after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
	}

.open-nav:hover span:before {
	-webkit-transform: translateY(-8px) rotate(0deg);
  	-moz-transform: translateY(-8px) rotate(0deg);
  	-ms-transform: translateY(-8px) rotate(0deg);
  	-o-transform: translateY(-8px) rotate(0deg);
  	transform: translateY(-8px) rotate(0deg);
 	}
.open-nav:hover span:after {
	-webkit-transform: translateY(8px) rotate(0deg);
  	-moz-transform: translateY(8px) rotate(0deg);
  	-ms-transform: translateY(8px) rotate(0deg);
  	-o-transform: translateY(8px) rotate(0deg);
  	transform: translateY(8px) rotate(0deg);
 	}


.open-nav span.is-clicked {
  background-color: transparent;
}
.open-nav span.is-clicked:before, .open-nav span.is-clicked:after { background-color: #ffffff; }
.sticky-header .open-nav span.is-clicked:before, .sticky-header .open-nav span.is-clicked:after { background-color: #ffffff; }
.open-nav span.is-clicked:before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.open-nav span.is-clicked:after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}
/* open-nav button */





.example{
	padding:0 10px;
}

.example h1.h,
.example h2.h,
.example h3.h{
	font-family: 'Noto Sans Japanese', 'open-sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.1;
}
.example h1.h{
 	margin:2rem 0 0 0;
 	font-size:100%;
}
.example h2.h{
	padding:0 0 10px 0;
	font-size:28px;
	border-bottom:2px solid #666;
	padding:0 0 10px 0;
	border-bottom:2px solid #666;
	margin:2rem 0;
}
.example h3.h{
	margin:4rem 0 2rem 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #666;
	font-size:24px;
}
.example pre.pre{
	margin:2rem 0;
	padding:20px;
	background:#eee;
	font-family:monospace;
}
.example pre span{
	line-height:1;
	display:inline-block;
}




/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}
.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}
.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
}
.fancybox-opened {
	z-index: 8030;
}
.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
	position: relative;
}
.fancybox-inner {
	overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
	background: url('close.png') center center no-repeat;
	position: absolute;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 9999;
	top: -9px;
	right: -38px;
}
@media only screen and (max-width : 767px) {
.fancybox-close {
	top: -33px;
	right: -8px;
}
}
.fancybox-close:hover{background: url('close_on.png') center center no-repeat;}
.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 80%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040;
}
.fancybox-prev {
	left: 0;
}
.fancybox-next {
	right: 0;
}
.fancybox-nav span {
	position: absolute;
	top: 64%;
	width:50px;
	height:99px;
	margin-top: -49px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-image:url('left.gif');
	background-position: 0px 0px;
}
.fancybox-next span {
	right: 10px;
	background-image: url('right.gif');
	background-position: 0px 0px;
}
.fancybox-nav:hover span {
	visibility: visible;
}
.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}
/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}
.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1;
	background: rgba(0,0,0,.5);
}
.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}
.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: auto;

}
.fancybox-lock{
margin-right:0!important;}
/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}
.fancybox-opened .fancybox-title {
	visibility: visible;
	width:100%;
	text-align: center;
}
.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
	display: block;
	width:100%;
}
.fancybox-title-float-wrap .child {
	display: block;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0);
	text-shadow: 0 1px 2px #000;
	color: #fff;
	font-weight: bold;
	line-height: 24px;
}
.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}
.fancybox-title-inside-wrap {
	padding: 10px 40px 10px 20px;
}
.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}








/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	background: #fff;
	overflow:hidden;
}
.bg-light .owl-carousel{
	background: transparent;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;

}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;

}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);

}
.owl-carousel .item{
	margin: 0px 10px;
}
/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;

}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons{

	}


.owl-theme .owl-controls .owl-buttons div{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	padding: 10px 0 0;
	font-size: 30px;
	background: #fff;
	background: rgba(255, 255, 255, 0.66);
	color: #222;
	top: 50%;
	position: absolute;
	margin-top: -45px;
	width: 50px;
	height: 40px;
}
.owl-theme .owl-controls .owl-buttons div:hover{
	background: rgba(255, 255, 255, 1);
}

.owl-theme .owl-controls .owl-buttons .owl-next{
	-webkit-transition: right 0.3s ease-out;
	right:-50px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
	-webkit-transition: left 0.3s ease-out;
	left:-50px;
}

.owl-theme .owl-controls .owl-buttons div i{
-webkit-transition: margin 0.2s ease-out;
}
.owl-carousel:hover .owl-controls .owl-buttons .owl-next{
	right:0px;
}
.owl-carousel:hover .owl-controls .owl-buttons .owl-prev{
	left:0px;
}
.owl-theme .owl-controls .owl-buttons .owl-next:hover i{
	margin-left:3px;
	margin-right:-3px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:hover i{
	margin-left:-3px;
	margin-right:3px;
}

.owl-theme .owl-controls .owl-buttons div{
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

	.owl-theme .owl-controls .owl-page span{
	width:8px;	height:8px;
	display: block;
	float: none;
	margin: 0 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid transparent;
}

.owl-controls .owl-page span:before, .light .owl-controls .owl-page span:before {
	content: '';
  	width: 4px;
  	height: 4px;
  	display: block;
	background: #0d0d0d;
	border-radius: 12px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;
	-webkit-border-radius:12px;
	position: relative;
	top: 2px;
	left: 2px;
	}

.owl-theme .owl-controls .owl-page.active span, .light .owl-controls .owl-page.active span { border: 1px solid #0d0d0d; }
	.owlnavdark .owl-controls .owl-page.active span, .owlcarousel .owl-controls .owl-page.active span { border: 1px solid #0d0d0d; }
	.light .owl-controls .owl-page.active span, .light .owl-controls .owl-page.active span { border: 1px solid #ffffff; }
.owl-theme .owl-controls .owl-page.active span:before { display: none; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}









@media only screen and (min-width: 1300px) {
#sidebar{
	width:280px;
}
.container {
max-width: 1100px;
width: 1100px;
}
#main {
width: 820px;

float: right;}
.main-inner {
/* width:680px; */}
.eyecatch {
	/* margin: 0px -90px 2px!important; */}
}
.eyecatch p {
	margin: 0px;
}
@media only screen and (min-width: 1100px) and (max-width: 1300px) {
#sidebar{
	width:280px;
}
#main{
	width:820px;
}
.container {
max-width: 1100px;
width: 1100px;
}

#sub-content {
	position: absolute;
	top: 0px;
	right: -1px;
}
.eyecatch {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

}
@media only screen and (min-width: 960px) and (max-width: 1100px) {
#main{width: 680px;}


}
@media only screen and (min-width : 960px){
#sub-menu li.last a{
	/* padding-right: 15px; */
}
#gnavi .menu > li.first > a{
	padding-left:0;
}

}

@media only screen and (max-width : 959px) {
a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
#main-inner {}

	#gnavi .menu > li > a{
		padding: 20px 0px 20px 24px;
}
#gnavi .menu > li > a:after{
	display:none;
}
.space {
	padding-top: 50px;
}
div.sdmis-left, div.sdmis-right {
	position: static;
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	background: #f5f5f5;
	padding: 10px 20px;
	width: auto;
	text-align: left;
	margin-top: 20px;
}
div.sdmis-left p, div.sdmis-right p {
	position: static;
	font-size: 100%;
	line-height: 1.4;
}
.sdmis-left br, .sdmis-right br {
	display: none;
}
div.sdmis-right.white p, div.sdmis-left.white p {
	color: #222;
	text-shadow: none;
}
}

@media only screen and (min-width : 768px) and (max-width : 959px) {
	#gnavi .search-box input{
		width: 30px;
		padding: 21px 19px 21px 19px;
	}
	#gnavi .search-box:before{
		top:18px;
		left:24px;
	}
	#gnavi .search-box input:-moz-placeholder {
	color:transparent;
}
#gnavi .search-box input::-webkit-input-placeholder {
	color:transparent;
}

.container {
	max-width: 700px;
}
#main {
	width: 100%;
}
.main-inner {
	/* width: 540px; */
	margin: auto;
	padding: 0 4%;
}
.eyecatch {
 margin: 0 -20px 2px;
 padding: 0;
}
#sidebar {
	width: 100%;
	float: left;
}
}

@media only screen and (min-width : 481px) and (max-width : 767px) {
	.brand{/* text-align: center; */
/* display:block; */margin: 5px 0px 7px 10px;/* line-height: 50px; */}
}


@media only screen and (max-width : 767px) {
#sub-menu{
	text-align:center;
	width:100%;
}
#sub-menu li {
	display:inline-block;
	float:none;
}

.owl-carousel .item{
	margin: 0px 0px!important;
}

.box-section{padding:0 5%}
.home #main{
}

.brand img{/* max-width:80%; */}
.main-body{border:none;/* padding-left: 5%; *//* padding-right: 5%; *//* width: 100%; */padding-top: 20px;}
.scroll-pane {
	height: 150px!important;
	margin-bottom: 40px
}
#main {
	width: 100%;
	float: none;
	margin-bottom: 0;
}
.main-inner {
	/* width: 84%; */
	/* margin: auto; */
}
#sidebar {
	width: 86%;
	float: none;
	padding-top: 0px;
	margin: 1px 0 0 0;
	padding: 6%;
}
#sidebar.fixed {
	clear: both!important;
	position: static!important;
}
.container {
	max-width: 96%!important;
}
#content-inner{
	border: none;
}
.eyecatch {
	margin-left: 0;
	margin-right: 0;
}
#main-inner {
	padding: 0;
	border: none;
}
#sub-content {
	display: none!important;
}
#nav {
	display: none;
}
.responsive-nav {
	display: block!important;
}
#skin {
	display: none!important;
}
#gnavi .btn_like {
	right: 0px;
}
#site-title {
	left : 0px;
	margin: 0 0 0 10px;
	padding : 0px;
	position : absolute;
	top: 10px;
	width: 90px;
}
}

@media only screen and (max-width : 479px) {
	.brand{text-align: right;
display:block;
margin: 6px 42px 8px 6px;line-height: 38px;
}



	.newslist .post-title a{display: block;/* padding: 20px 0 10px 0; */
	margin-top: 0px;}
	.main-inner {
	/* width: 84%; */
	/* margin: auto; */
	/* padding: 0 8%; */}
	.full .main-inner {
	width: 100%;
	margin: auto;
	padding: 0%;
}
	}
@media only screen and (max-width : 479px) {
 * { -webkit-text-size-adjust: none!important; }
}

@media only screen and (min-width : 1px) and (max-width : 959px) {
header #logo {
	margin-top: 7px!important;
}
}








.col_1{width:8.33333333333%}
.col_2{width:16.6666666667%}
.col_1-5{width:20%}
.col_2-5{width:40%}
.col_3-5{width:60%}
.col_4-5{width:80%}
.col_3{width: 25%;}
.col_4{width:33.3333333333%}
.ie6 .column .col_4, .ie7 .column .col_4{width:33%}
.col_5{width:41.6666666667%}
.col_6{width:50.0%}
.col_7{width: 58.3%;}
.col_8{width:66.6666666667%}
.col_9{width:75.0%}
.col_10{width:83.3333333333%}
.col_11{width:91.6666666667%}
.col_12{margin-left:0; width:100%; clear:both; overflow:hidden}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_1-5, .col_2-5, .col_3-5, .col_4-5{float:left; display:block}
.col_1.center, .col_2.center, .col_3.center, .col_4.center, .col_5.center, .col_6.center, .col_7.center, .col_8.center, .col_9.center, .col_10.center, .col_11.center, .col_12.center, .col_1-5.center, .col_2-5.center, .col_3-5.center, .col_4-5.center{margin-left:auto; margin-right:auto; float:none}
.col_1 .inner, .col_2 .inner, .col_3 .inner, .col_4 .inner, .col_5 .inner, .col_6 .inner, .col_7 .inner, .col_8 .inner, .col_9 .inner, .col_10 .inner, .col_11 .inner, .col_12 .inner, .col_1-5 .inner, .col_2-5 .inner, .col_3-5 .inner, .col_4-5 .inner,
.col_1.default .inner, .col_2.default .inner, .col_3.default .inner, .col_4.default .inner, .col_5.default .inner, .col_6.default .inner, .col_7.default .inner, .col_8.default .inner, .col_9.default .inner, .col_10.default .inner, .col_11.default .inner, .col_12.default .inner, .col_1-5.default .inner, .col_2-5.default .inner, .col_3-5.default .inner, .col_4-5.default .inner{padding:0 10px}
.col_1.close > .inner, .col_2.close > .inner, .col_3.close > .inner, .col_4.close > .inner, .col_5.close > .inner, .col_6.close > .inner, .col_7.close > .inner, .col_8.close > .inner, .col_9.close > .inner, .col_10.close > .inner, .col_11.close > .inner, .col_12.close > .inner, .col_1-5.close > .inner, .col_2-5.close > .inner, .col_3-5.close > .inner, .col_4-5.close > .inner{padding: 0px!important;}

.col_1.narrow .inner, .col_2.narrow .inner, .col_3.narrow .inner, .col_4.narrow .inner, .col_5.narrow .inner, .col_6.narrow .inner, .col_7.narrow .inner, .col_8.narrow .inner, .col_9.narrow .inner, .col_10.narrow .inner, .col_11.narrow .inner, .col_12.narrow .inner, .col_1-5.narrow .inner, .col_2-5.narrow .inner, .col_3-5.narrow .inner, .col_4-5.narrow .inner{padding:0 0 1px 1px}
.col_1.wide > .inner, .col_2.wide > .inner, .col_3.wide > .inner, .col_4.wide > .inner, .col_5.wide > .inner, .col_6.wide > .inner, .col_7.wide > .inner, .col_8.wide > .inner, .col_9.wide > .inner, .col_10.wide > .inner, .col_11.wide > .inner, .col_12.wide > .inner, .col_1-5.wide > .inner, .col_2-5.wide > .inner, .col_3-5.wide > .inner, .col_4-5.wide > .inner{padding: 0 7%;}

.col_1.first > .inner, .col_2.first > .inner, .col_3.first > .inner, .col_4.first > .inner, .col_5.first > .inner, .col_6.first > .inner, .col_7.first > .inner, .col_8.first > .inner, .col_9.first > .inner, .col_10.first > .inner, .col_11.first > .inner, .col_1-5.first > .inner, .col_2-5.first > .inner, .col_3-5.first > .inner, .col_4-5.first > .inner{padding-left:0px}
.col_1.last .inner, .col_2.last .inner, .col_3.last .inner, .col_4.last .inner, .col_5.last .inner, .col_6.last .inner, .col_7.last .inner, .col_8.last .inner, .col_9.last .inner, .col_10.last .inner, .col_11.last .inner, .col_1-5.last .inner, .col_2-5.last .inner, .col_3-5.last .inner, .col_4-5.last .inner{padding-right:0px}
.column.visible .inner{border:solid 1px #eee}

.grid_1 li{width:8.33333333333%}
.grid_2 li{width:16.6666666667%}
.grid_1-5 li{width:20%}
.grid_2-5 li{width:40%}
.grid_3-5 li{width:60%}
.grid_4-5 li{width:80%}
.grid_3 li{width: 25%;}
.grid_4 li{width:33.3333333333%}
.grid_5 li{width:41.6666666667%}
.grid_6 li{width:50.0%}
.grid_7 li{width: 58.3%;}
.grid_8 li{width:66.6666666667%}
.grid_9 li{width:75.0%}
.grid_10 li{width:83.3333333333%}
.grid_11 li{width:91.6666666667%}
.grid_12 li{margin-left:0; width:100%; clear:both; overflow:hidden}

.row{margin: 10px -10px;clear: both;/* overflow: hidden; */}
.row > .column{margin-top: 10px;margin-bottom: 10px;}
.row-wide{margin:0 -20px 0 -20px}
.row50 > .column > .inner{padding:0 50px 50px 0;}
.row40 > .column > .inner{padding:0 40px 40px 0;}
.row30 > .column > .inner{padding:0 30px 30px 0;}
.row25 > .column > .inner{padding:0 25px 25px 0;}
.row20 > .column > .inner{padding:0 20px 20px 0;}
.row15 > .column > .inner{padding:0 15px 15px 0;}
.row10 > .column > .inner{padding:0 10px 10px 0;}
.row9 > .column > .inner{padding:0 9px 9px 0;}
.row8 > .column > .inner{padding:0 8px 8px 0;}
.row7 > .column > .inner{padding:0 7px 7px 0;}
.row6 > .column > .inner{padding:0 6px 6px 0;}
.row5 > .column > .inner{padding:0 5px 5px 0;}
.row4 > .column > .inner{padding:0 4px 4px 0;}
.row3 > .column > .inner{padding: 0 3px 3px 0;}
.row2 > .column > .inner{padding:0 2px 2px 0;}
.row1 > .column > .inner{padding:0 1px  1px 0;}
.row0 > .column > .inner{padding:0;}

.row50 {margin:0 -50px 0 0;overflow: hidden;}
.row40 {margin:0 -40px 0 0;}
.row30 {margin:0 -30px 0 0;}
.row25 {margin:0 -25px 0 0;}
.row20 {margin:0 -20px 0 0;}
.row15 {margin:0 -15px 0 0;}
.row10 {margin:0 -10px 0 0;}
.row9 {margin:0 -9px 0 0;}
.row8 {margin:0 -8px 0 0;}
.row7 {margin:0 -7px 0 0;}
.row6 {margin:0 -6px 0 0;}
.row5 {margin:0 -5px 0 0;}
.row4 {margin:0 -4px 0 0;}
.row3 {margin:0 -3px 0 0;}
.row2 {margin:0 -2px 0 0;}
.row1 {margin: 0 -1px 0 0;}
.row0 {margin:0;}

.clearfix:after,
.section:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
* html .clearfix, *:first-child+html .clearfix,
* html .section, *:first-child+html .section{zoom:1}

.container:before, .container:after{display:table; content:""; line-height:0}
.container:after{clear:both}
.hide{display:none}
.show{display:block}
.md-show, .sm-show, .xs-show{display:none}


.fwB{font-weight:bold!important}
.fwN{font-weight:normal!important}
.fsS, .xxsmall{font-size:64%!important}
.fs10, .xsmall{font-size:77%!important; line-height:1.3em!important}
.fs11, .small{font-size: 85%!important; line-height:1.4em!important}
.fs12{font-size:93%!important; line-height:1.5em!important}
.fs13{font-size:100%!important; line-height:1.7em!important}
.fs14{font-size:108%!important}
.fs15, .large{font-size:116%!important; line-height:1.7em}
.fs16{font-size:123.1%!important}
.fs17{font-size:131%!important}
.fs18{font-size:138.5%!important}
.fs19, .xlarge{font-size:146.5%!important}
.fs20{font-size:153.9%!important}
.fs21{font-size:161.6%!important}
.fs22{font-size:167%!important}
.fs23{font-size:174%!important}
.fs24{font-size:182%!important}
.fs25{font-size:189%!important}
.fs26{font-size:197%!important}
.ffs10{font-size:10px!important}
.ffs11{font-size:11px!important}
.ffs12{font-size:12px!important}
.ffs13{font-size:13px!important}
.ffs14{font-size:14px!important}
.ffs15{font-size:15px!important}
.ffs16{font-size:16px!important}
.ffs17{font-size:17px!important}
.ffs18{font-size:18px!important}
.ffs19{font-size:19px!important}
.ffs20{font-size:20px!important}
.ffs21{font-size:21px!important}
.ffs22{font-size:22px!important}
.ffs23{font-size:23px!important}
.ffs24{font-size:24px!important}
.ffs25{font-size:25px!important}
.ffs26{font-size:26px!important}
.ls-xsmall{letter-spacing:-0.5px!important}
.ls-small{letter-spacing:-1px!important}
.ls-1{letter-spacing:-0.1em!important}
.ls1{letter-spacing:0.1em!important}
.ls2{letter-spacing:0.2em!important}
.ls3{letter-spacing:0.3em!important}
.ls4{letter-spacing:0.4em!important}
.ls5{letter-spacing:0.5em!important}
.ls6{letter-spacing:0.6em!important}
.ls7{letter-spacing:0.7em!important}
.ls8{letter-spacing:85%!important}
.ls9{letter-spacing:0.9em!important}
.ls10{letter-spacing:1.0em!important}
.lh10{line-height:1.0em!important}
.lh11{line-height:1.1em!important}
.lh12{line-height:1.2em!important}
.lh13{line-height:1.3em!important}
.lh14{line-height:1.4em!important}
.lh15{line-height:1.5em!important}
.lh16{line-height:1.6em!important}
.lh17{line-height:1.7em!important}
.lh18{line-height:1.8em!important}
.lh19{line-height:1.9em!important}
.lh20{line-height:2.0em!important}
.lh22{line-height:2.2em!important}
.lh24{line-height:2.4em!important}

.w4{width:4em!important}
.w5{width:5em!important}
.w6{width:6em!important}
.w7{width:7em!important}
.w8{width:8em!important}
.w9{width:9em!important}
.w10{width:10em!important}
.w11{width:11em!important}
.w12{width:12em!important}
.w13{width:13em!important}
.w14{width:14em!important}
.w15{width:15em!important}

.w10p{width:5%!important}
.w10p{width:10%!important}
.w15p{width:15%!important}
.w20p{width:20%!important}
.w25p{width:25%!important}
.w30p{width:30%!important}
.w35p{width:35%!important}
.w40p{width:40%!important}
.w45p{width:45%!important}
.w50p{width:50%!important}
.w55p{width:55%!important}
.w60p{width:60%!important}
.w65p{width:65%!important}
.w70p{width:70%!important}
.w75p{width:75%!important}
.w80p{width:80%!important}
.w85p{width:85%!important}
.w90p{width:90%!important}
.w95p{width:95%!important}
.w100p{width:100%!important}

.w40{width:40px!important}
.w60{width:60px!important}
.w80{width:80px!important}
.w100{width:100px!important}
.w120{width:120px!important}
.w140{width:140px!important}
.w160{width:160px!important}
.w180{width:180px!important}
.w200{width:200px!important}
.w220{width:220px!important}
.w240{width:240px!important}
.w260{width:260px!important}
.w280{width:280px!important}
.w300{width:300px!important}

.m0{margin:0px!important}
.m10{margin:10px!important}
.m20{margin:20px!important}
.m30{margin:30px!important}
.m40{margin:40px!important}
.m50{margin:50px!important}

.p0{padding:0px!important}
.p1{padding:1px!important}
.p5{padding:5px!important}
.p10{padding:10px!important}
.p20{padding:20px!important}
.p30{padding:30px!important}
.p40{padding:40px!important}
.p50{padding:50px!important}

.mA{margin:auto!important}
.mT0{margin-top:0!important}
.mT1{margin-top:1px!important}
.mT2{margin-top:2px!important}
.mT3{margin-top:3px!important}
.mT4{margin-top:4px!important}
.mT5{margin-top:5px!important}
.mV5{margin-top:5px!important; margin-bottom:5px!important}
.mV10{margin-top:10px!important; margin-bottom:10px!important}
.mT10{margin-top:10px!important}
.mT-1{margin-top:-1px!important}
.mT-2{margin-top:-2px!important}
.mT-3{margin-top:-3px!important}
.mT-4{margin-top:-4px!important}
.mT-5{margin-top:-5px!important}
.mT-10{margin-top:-10px!important}
.mT11{margin-top:11px!important}
.mT12{margin-top:12px!important}
.mT13{margin-top:13px!important}
.mT14{margin-top:14px!important}
.mT15{margin-top:15px!important}
.mT20{margin-top:20px!important}
.mT-20{margin-top:-20px!important}
.mT25{margin-top:25px!important}
.mT30{margin-top:30px!important}
.mT-30{margin-top:-30px!important}
.mT35{margin-top:35px!important}
.mT40{margin-top:40px!important}
.mT45{margin-top:45px!important}
.mT50{margin-top:50px!important}
.mT55{margin-top:55px!important}
.mT60{margin-top:60px!important}
.mT65{margin-top:65px!important}
.mT70{margin-top:70px!important}
.mT75{margin-top:75px!important}
.mT80{margin-top:80px!important}
.mT85{margin-top:85px!important}
.mT90{margin-top:90px!important}
.mT95{margin-top:95px!important}
.mT100{margin-top:100px!important}
.mB0{margin-bottom:0px!important}
.mB1{margin-bottom:1px!important}
.mB2{margin-bottom:2px!important}
.mB5{margin-bottom:5px!important}
.mB10{margin-bottom:10px!important}
.mB15{margin-bottom:15px!important}
.mB20{margin-bottom:20px!important}
.mB25{margin-bottom:25px!important}
.mB30{margin-bottom:30px!important}
.mB35{margin-bottom:35px!important}
.mB40{margin-bottom:40px!important}
.mB45{margin-bottom:45px!important}
.mB50{margin-bottom:50px!important}
.mB60{margin-bottom:60px!important}
.mB80{margin-bottom:80px!important}
.mB100{margin-bottom:100px!important}
.mL0{margin-left:0!important}
.mL1{margin-left:1px!important}
.mL2{margin-left:2px!important}
.mL3{margin-left:3px!important}
.mL4{margin-left:4px!important}
.mL5{margin-left:5px!important}
.mL6{margin-left:6px!important}
.mL7{margin-left:7px!important}
.mL8{margin-left:8px!important}
.mL9{margin-left:9px!important}
.mL10{margin-left:10px!important}
.mL15{margin-left:15px!important}
.mL20{margin-left:20px!important}
.mL30{margin-left:30px!important}
.mL40{margin-left:40px!important}
.mL50{margin-left:50px!important}
.mL60{margin-left:60px!important}
.mL80{margin-left:80px!important}
.mL100{margin-left:100px!important}
.mL-1{margin-left:-1px!important}
.mL-2{margin-left:-2px!important}
.mL-3{margin-left:-3px!important}
.mL-4{margin-left:-4px!important}
.mL-5{margin-left:-5px!important}
.mL-10{margin-left:-10px!important}
.mL-20{margin-left:-20px!important}
.mL-30{margin-left:-30px!important}
.mL-40{margin-left:-40px!important}
.mL-50{margin-left:-50px!important}
.mL-60{margin-left:-60px!important}
.mL-80{margin-left:-80px!important}
.mL-100{margin-left:-100px!important}
.mR0{margin-right:0px!important}
.mR1{margin-right:1px!important}
.mR2{margin-right:2px!important}
.mR3{margin-right:3px!important}
.mR4{margin-right:4px!important}
.mR5{margin-right:5px!important}
.mR6{margin-right:6px!important}
.mR7{margin-right:7px!important}
.mR8{margin-right:8px!important}
.mR9{margin-right:9px!important}
.mR10{margin-right:10px!important}
.mR15{margin-right:15px!important}
.mR40{margin-right:40px!important}
.mR-50{margin-right:-50px!important}
.mR20{margin-right:20px!important}
.pT0{padding-top:0px!important}
.pT5{padding-top:5px!important}
.pT10{padding-top:10px!important}
.pT15{padding-top:15px!important}
.pT20{padding-top:20px!important}
.pT25{padding-top:25px!important}
.pT30{padding-top:30px!important}
.pT35{padding-top:35px!important}
.pT40{padding-top:40px!important}
.pT45{padding-top:45px!important}
.pT50{padding-top:50px!important}
.pT60{padding-top:60px!important}
.pT80{padding-top:80px!important}
.pT100{padding-top:100px!important}
.pV5{padding-top:5px!important; padding-bottom:5px!important}
.pV10{padding-top:10px!important; padding-bottom:10px!important}
.pV15{padding-top:15px!important; padding-bottom:15px!important}
.pV20{padding-top:20px!important; padding-bottom:20px!important}
.pV25{padding-top:25px!important; padding-bottom:25px!important}
.pV30{padding-top:30px!important; padding-bottom:30px!important}
.pB0{padding-bottom:0px!important}
.pB5{padding-bottom:5px!important}
.pB10{padding-bottom:10px!important}
.pB15{padding-bottom:15px!important}
.pB20{padding-bottom:20px!important}
.pB25{padding-bottom:25px!important}
.pB30{padding-bottom:30px!important}
.pB35{padding-bottom:35px!important}
.pB40{padding-bottom:40px!important}
.pB45{padding-bottom:45px!important}
.pB50{padding-bottom:50px!important}
.pB60{padding-bottom:60px!important}
.pB80{padding-bottom:80px!important}
.pB100{padding-bottom:100px!important}
.pL0{padding-left:0!important}
.pL5{padding-left:5px!important}
.pL10{padding-left:10px!important}
.pL15{padding-left:15px!important}
.pL20{padding-left:20px!important}
.pL25{padding-left:25px!important}
.pL30{padding-left:30px!important}
.pL35{padding-left:35px!important}
.pL40{padding-left:40px!important}
.pL45{padding-left:45px!important}
.pL50{padding-left:50px!important}
.pL60{padding-left:60px!important}
.pL80{padding-left:80px!important}
.pL100{padding-left:100px!important}
.pR0{padding-right:0!important}
.pR5{padding-right:5px!important}
.pR10{padding-right:10px!important}
.pR15{padding-right:15px!important}
.pR20{padding-right:20px!important}
.pR25{padding-right:25px!important}
.pR30{padding-right:30px!important}
.pR35{padding-right:35px!important}
.pR40{padding-right:40px!important}
.pR45{padding-right:45px!important}
.pR50{padding-right:50px!important}
.pR60{padding-right:60px!important}
.pR80{padding-right:80px!important}
.pR100{padding-right:100px!important}

.pointer{cursor:pointer!important}

.fR{float:right!important}
.fL{float:left!important}
.fN{float:none!important}
.cR{clear:right!important}
.cL{clear:left!important}
.cN{clear:none!important}
.cB, .clear{clear:both!important}
.pa{position:absolute!important}
.pr{position:relative!important}
.ps{position:static!important}
.paLB{position:absolute!important; left:0px!important; bottom:0px!important; margin:0px!important}
.paLT{position:absolute!important; left:0px!important; top:0px!important; margin:0px!important}
.paRT{position:absolute!important; right:0px!important; top:0px!important; margin:0px!important}
.paRB{position:absolute!important; right:0px!important; bottom:0px!important; margin:0px!important}
.vaT{vertical-align:top!important}
.vaM, .vaM >*, .vaM th, .vaM td{vertical-align:middle!important}
.vaB{vertical-align:bottom!important}
.taC, .taC >*{text-align:center!important}
.taR, .taR >*{text-align:right!important}
.taL, .taL >*{text-align:left!important}

.hide{display:none!important}
.show{display:block!important}
.vnone{visibility:hidden!important}
.nobr{light-space:nowrap!important}
.nob{border:none!important}
.nobT{border-top:none!important}
.round{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; behavior:url(/common/css/PIE.htc)}
.externalIcon, .pdfIcon, .docIcon, .xlsIcon, .zipIcon, .pptIcon{border:none!important; vertical-align:middle!important; margin:0 4px!important}
img.left, .imgL, .alignleft, .mt-image-left{float:left; margin:0 20px 5px 0}
img.right, .imgR, .alignright, .mt-image-right{float:right; margin:0 0 5px 20px}
.imgR, .imgL, .alignright, .alignleft, .mt-image-right, .mt-image-left{max-width:50%!important}
.imgL.narrow{float:left; margin:0 8px 5px 0}
.imgR.narrow{float:right; margin:0 0 5px 8px}

img.full-width{clear:both; display:block; width:100%; height:auto; margin-top:0; margin-right:0; margin-left:0}

.full-width{width:100%;}

.imgR, .imgL, .alignright, .alignleft{max-width:50%!important}
.imgR.caption, .imgL.caption{max-width:100%!important}
.block{display:block!important}
.inline{display:inline!important}
.inline-block{display:inline-block!important}
.table{/* display:table!important; */}
.cell{display:table-cell!important;}
ul.inline.light{margin:0; padding:0;display: block;}
ul.inline li{display:inline; margin-right:20px;}
ul.fR.inline li{display:inline; margin-right:0px; margin-left: 20px;}
.normal, .normal >*{font-weight:normal!important}

table table,
table table th,
table table td{border:none!important; margin-bottom:0px}

table.thL th,
table.tdL td,
dl.dtL dt,
dl.ddL dd{text-align:left}

table.thR th,
table.tdR td,
dl.dtR dt,
dl.ddR dd{text-align:right}

table.thC th,
table.tdC td,
dl.dtC dt,
dl.ddC dd{text-align:center}

table.thT th,
table.tdT td,
dl.dtT dt,
dl.ddT dd{vertical-align:top}

table.tdB th,
table.thB td,
dl.dtB dt,
dl.ddB dd{vertical-align:bottom}

table.thM th,
table.tdM td,
dl.dtM dt,
dl.ddM dd{vertical-align:middle}

span.label-red{color:#FFF; background-color:#C00; padding-top:4px; padding-bottom:2px; padding-right:4px; padding-left:4px; vertical-align:middle; line-height:1; display:inline-block; margin-top:-3px; font-size:77%}
.label{background-color:#fff; vertical-align:middle; vertical-align:bottom; padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:10px; margin-left:0px; border-bottom-style:none; margin-bottom:0px; color:#555; font-weight:bold}

.label span.label{color:#e5e6e7; background-color:#fff; padding-top:4px; padding-bottom:2px; padding-right:4px; padding-left:4px; vertical-align:middle; line-height:1; display:inline-block; margin-top:-3px; font-size:77%}
span.label-navy{color:#FFF; background-color:#e5e6e7; padding-top:4px; padding-bottom:2px; padding-right:4px; padding-left:4px; vertical-align:middle; line-height:1; display:inline-block; margin-top:-3px; font-size:77%}

dl.column .inner{padding:0 5px}

dt{clear:left; font-weight:bold;padding-right: 1%;}
.normal dt{font-weight:normal}
dd{display:block;margin-top:0;margin-right:0;margin-left:0;padding-right:0;padding-bottom:0;margin-bottom: 2em;}
.tight dt, .tight dd{padding-top:4px; padding-bottom:3px; margin-bottom:0px}
dl.narrow dd, dl.narrow dt{padding-top:0; padding-bottom:0; margin-bottom:0}
dl.col_1, dl.col_2, dl.col_3, dl.col_4, dl.col_5, dl.col_6{width:100%}
dl.col_1 dt{width:7.33333333333%; float:left}
dl.col_1 dd{padding-left:8.33333333333%; display:block}
dl.col_2 dt{width:15.6666666667%; float:left}
dl.col_2 dd{padding-left:16.6666666667%; display:block}
dl.col_3 dt{width:24.0%; float:left}
dl.col_3 dd{padding-left:25%; display:block}
dl.col_4 dt{width: 32.333333%; float:left}
dl.col_4 dd{padding-left:33.3333333333%; display:block}
dl.col_5 dt{width:40.6666666667%; float:left}
dl.col_5 dd{padding-left:41.6666666667%; display:block}
dl.col_6 dt{width:49%; float:left}
dl.col_6 dd{padding-left:50%; display:block}
dl.col_01, dl.col_02, dl.col_03, dl.col_04, dl.col_05, dl.col_06{/* width:100% */}
dl.col_01 dt{width:1em; float:left}
dl.col_01 dd{padding-left:1em; display:block}
dl.col_02 dt{width:2em; float:left}
dl.col_02 dd{padding-left:2em; display:block}
dl.col_03 dt{width:3em; float:left}
dl.col_03 dd{padding-left:3em; :block}
dl.col_04 dt{width:4em; float:left}
dl.col_04 dd{padding-left:4em; display:block}
dl.col_05 dt{width:5em; float:left}
dl.col_05 dd{padding-left:5em; display:block}
dl.col_06 dt{width:6em; float:left}
dl.col_06 dd{padding-left:6em; display:block}
dl.col_07 dt{width:7em; float:left}
dl.col_07 dd{padding-left:7em; display:block}
dl.col_08 dt{width:8em; float:left}
dl.col_08 dd{padding-left:8em; display:block}
dl.col_09 dt{width:9em; float:left}
dl.col_09 dd{padding-left:9em; display:block}
dl.col_010 dt{width:10em; float:left}
dl.col_010 dd{padding-left:10em; display:block}
dl.col_011 dt{width:11em; float:left}
dl.col_011 dd{padding-left:11em; display:block}
dl.col_012 dt{width:12em; float:left}
dl.col_012 dd{padding-left:12em; display:block;min-height: 1.5em;}
dl.list{}
dl.list dt{float:left; width: 100px; font-size: 93%; font-weight:normal; padding:5px 0;/* color: #aaa; */font-weight: bold;}
dl.list dd{display:block;  border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#eee; padding: 5px 0 5px 100px;text-align: left;}
table.col_01 th{width:1em}
table.col_02 th{width:2em}
table.col_03 th{width:3em}
table.col_04 th{width:4em}
table.col_05 th{width:5em}
table.col_06 th{width:6em}
table.col_07 th{width:7em}
table.col_08 th{width:8em}
table.col_09 th{width:9em}
table.col_010 th{width:10em}
table.col_011 th{width:11em}
table.col_012 th{width:12em}
.lineL{border-left:solid 1px #e5e6e7; padding-left:20px}
dl.line{/* border: solid 1px #eee; */ /* padding:0 20px; */ margin:1em 0;/* background: #f8f8f8; */}
dl.line dd{border-top-width:1px; border-top-style:solid; border-top-color: #E0DBD4; padding-top: 16px; padding-bottom: 16px;margin-top: -1px;}
dl.line dt{padding-bottom: 2px; padding-top: 16px;}


hr.clear{clear:both}
.bs1{border:solid 1px #eee}


img{-ms-interpolation-mode:bicubic}

div.box{padding:1em 1.5em 0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#fafafa;border:1px solid #eee;margin-bottom: 1em;}

div.frame{border: 1px solid #ddd;padding:1em 1.5em 0;margin: 1.5em 0;}
.light .frame,.light.frame{border: 4px double #FAF5EC;}
div.frame-red{border-color:#EE6565}
div.frame.dotted{border:1px dotted #ccc}
div.frame.double{border:3px double #ddd}
a:hover .frame{background-color:#efefef}

.sm-show{display:none}
.md-show{display:none}
table.alt1{border:none}
table.alt1 thead th{background-color:transparent; color:#555; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#ccc; border-top-style:none}
table.alt1 th,
table.alt1 td{border-top-width:1px; border-top-style:solid; border-right-style:none; border-bottom-style:none; border-left-style:none; border-top-color:#eee}
.nowrap{light-space:nowrap}
.in{text-indent:-1em; margin-left:1em}
ul.default,
h2.default,
h3.default{border:none!important; padding:0}

.light, .light *{color:#fff!important}

ul.sub-navi{
    margin: 22px 0 0 0;
    padding: 0;
}
ul.sub-navi li{
	display:inline;
	white-space:nowrap;
}
ul.sub-navi li a{
    padding: 11px 5px 26px;
    color: #555;
    display: inline-block;
    font-size: 13px;
    text-decoration: none;
    position: relative;
}
ul.sub-navi li:first-child a {
	padding-left:0;
}
@media(min-width:1281px){
	ul.sub-navi li a{
    padding: 11px 11px 26px;
    font-size: 14px;
}
}
@media(max-width:1000px){
	ul.sub-navi li a{
    font-size: 12px;
}
}

.sub-navi li a:before{
position:absolute;bottom: -2px;left: 0px;
	width:100%;height: 2px;
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%);
	content:'';opacity: 0;}


.sub-navi li a:hover:before,
.sub-navi li a.current:before{opacity:1;}


ul.sub-navi li a:hover{
}
ul.sub-navi li a.current{
}
ul.list-icon {}
ul.list-icon li{
	position:relative;
	padding:0 0 0 1.2em;
	margin-bottom:0em;
}
ul.list-icon i.arrow{
	position: absolute;
	left: 2px;
	top:0.5em;
	font-size: smaller;
}
#en ul.list-icon i.arrow{
	top:0.6em;
}
#en ul.small i.arrow{
	top:0.25em;
}
ul.tight li{margin-bottom:0;}
ul.wide li{margin-bottom:0.75em;}



.grid .column, ul.grid li{
	float:left;
}
.grid_3 .column, ul.grid_3 li{
	width:25%;
}
.grid_4 .column, ul.grid_3 li{
	width:33.3333%;
}

.category .list-icon a span.underline {
	border-bottom: 1px dotted #666;
	margin-left: 5px;
}
.category .list-icon a:hover span.underline {
	border-bottom: 1px dotted #5595DB;
}
@media (max-width:479px){
	.category .list-icon li.sp-block {
		display: block;
		margin-bottom: 18px;
	}
}



@media(min-width:1281px){
}

@media (min-width:961px) and (max-width:1280px){
}


@media(max-width:960px){
#section-title {
	background: #44BBF3;
	/* background: -webkit-linear-gradient(left, #44BBF3,#63DACA100%); */
	background: linear-gradient(to  right,  #44BBF3,#63DACA 100%); }

	#section-title .container{
		/* padding-top: 34px; */
		/* background: url(http://www.sfc.keio.ac.jp/assets/img/sfc_2.jpg) top center; */
		/* background-size: 100% auto; */
		font-size: 22px;
		letter-spacing: 0;
		padding:20px;
		/* padding-left: 4%; */
}
.lg-1{width:8.33333333333%!important}
.lg-2{width:16.6666666667%!important}
.lg-3{width:25%!important}
.lg-4{width: 33.3333333333%;}
.lg-5{width:41.6666666667%!important}
.lg-6{width:50%!important}
.lg-7{width:58.3333333333%!important}
.lg-8{width:66.6666666667%!important}
.lg-9{width:75%!important}
.lg-10{width:83.3333333333%!important}
.lg-11{width:91.6666666667%!important}
.lg-12{width:100%!important; clear:both!important}
.lg-taC,.lg-taC > *{text-align:center!important;}
.lg-taL,.lg-taL > *{text-align:left!important}
.lg-taR,.lg-taR > *{text-align:right!important}
.lg-fR{float:right;}
.lg-fL{float:left;}
.lg-show{display:block!important}
.lg-hide{display:none!important}
.xl-hide{display:none!important}
}

@media (max-width:768px){
	ul.sub-navi{
	}

	ul.sub-navi li{
	display:block;
	white-space:nowrap;
}ul.sub-navi li a{
	border-bottom:solid 1px rgba(255,255,255,.3);
	display:block;
	padding:10px;
	text-align:left;
}
ul.sub-navi li.last a{
	border-bottom:none;
}
.lg-hide{display:none}
.md-hide{display:none!important}
.md-show{display:inherit!important}
.md-1,.md-2,.md-3,.md-4,.md-5,.md-6,.md-7,.md-8,.md-9,.md-10,.md-11,.md-12{clear:none!important; float:left}
.md-1{width:8.33333333333%!important}
.md-2{width:16.6666666667%!important}
.md-3{width:25%!important}
.md-4{width:33.3333333333%!important}
.md-5{width:41.6666666667%!important}
.md-6{width:50%!important}
.md-7{width:58.3333333333%!important}
.md-8{width:66.6666666667%!important}
.md-9{width:75%!important}
.md-10{width:83.3333333333%!important}
.md-11{width:91.6666666667%!important}
.md-12{width:100%!important; clear:both!important}
.md-inline{display:inline!important}
.md-full{float:none!important; clear:both!important; width:100%!important}
.md-cB{float:none!important; clear:both!important; margin:auto!important}
.md-cL{clear:left!important}
.md-fL{float:left;}
.md-imgR{float:right; margin-left:10px; clear:none; min-width:50%}
.md-taC,.md-taC > *{text-align:center!important;}
.md-taL,.md-taL > *{text-align:left!important}
.md-taR,.md-taR > *{text-align:right!important}
img.left, .imgL, .alignleft, .mt-image-left{float:left; margin:0 10px 5px 0}
img.right, .imgR, .alignright, .mt-image-right{float:right; margin:0 0 5px 10px}
.md-cL{ clear:left}
.col_1-5{width:33.333333333%}
}
@media (max-width:960px){
#menu-button{
		display:block!important;
	}
.listview .md-show{
		display:inherit!important;
	}
}

@media (max-width:479px){
.post-category{
	display:none;
}
.lg-hide{display:none}
.col_7,.col_8,.col_9,.col_10,.col_11,.col_12{width:100%}
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_1-5{width:50%}
.sm-cL{ clear:none}
.md-cL{clear:left}
.sm-taC,.sm-taC > *{text-align:center!important;}
.sm-taL,.sm-taL > *{text-align:left!important}
.sm-taR,.sm-taR > *{text-align:right!important}
.md-center{float:none; margin:auto}
.row{margin:0}
.row-wide{margin:0}
.column.first > .inner{padding-right:0px}
.column.last .inner{padding-left:0px}
.rp-scroll{width:100%; overflow:auto}
dl.column dt, dl.column dd{float:none; clear:both; width:auto; display:block}

.sm-show{display:block!important}
.sm-hide{display:none!important}
.sm-m0{margin:0!important}
.sm-12{width:100%!important; clear:both}
.sm-6{width:50%!important; clear:none!important; float:left}
.sm-4{width:33.3333333333%!important; clear:none!important; float:left}
.sm-8{width:66.6666666667%!important; clear:none!important; float:left}
.sm-3{width:25%!important; float:left!important; clear:none!important; float:left}
.sm-3.narrow{margin:0!important; padding:0!important}
.sm-9{width:75%!important; clear:none; float:left}

ul.sm-3,ul.sm-4,ul.sm-6,ul.sm-7,ul.sm-8{width:100%!important;}
ul.sm-12 li{width:100%!important; clear:both}
ul.sm-6 li{width:50%!important; clear:none!important; float:left}
ul.sm-4 li{width:33.3333333333%!important; clear:none!important; float:left}
ul.sm-8 li{width:66.6666666667%!important; clear:none!important; float:left}
ul.sm-3 li{width:25%!important; float:left!important; clear:none!important; float:left}
ul.sm-3.narrow li{margin:0!important; padding:0!important}
ul.sm-9 li{width:75%!important; clear:none; float:left}
.sm-close > .inner{padding-right:0!important;padding-left:0!important}
.sm-inline{display:inline!important}
.sm-cL{clear:left}
.container{width:100%}
.sm-show{display:inherit!important}
.print-show{display:none!important}
.sm-cL{clear:left}
.sm-taC{text-align:center; margin:auto}
.imgL{margin-right:8px!important}
.imgR{margin-left:8px!important}
dl dd{padding-left:0!important}
dl dt{float:none!important; width:100%!important; line-height:1.4; padding-bottom:0!important}

.col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11{width: 100%; /* display:block */}
.container{width:100%; max-width:100%; /*320*/}
.xs-close > .inner{padding-right:0!important;padding-left:0!important}

}

@media only screen and (max-width:480px){
.xs-show{display:inherit!important}
.xs-cL{clear:left}
.xs-taC{text-align:center; margin:auto}
.print-show{display:none!important}
.imgL{margin-right:8px!important}
.imgR{margin-left:8px!important}
dl dd{padding-left:0!important; width:100%!important;}
dl dt{float:none!important; width:100%!important; line-height:1.4;padding: 0!important;}
.xs-12{width:100%!important; clear:both}
.xs-6{width:50%!important; clear:none!important; float:left}
.xs-4{width:33.3333333333%!important; clear:none!important; float:left}
.xs-8{width:66.6666666667%!important; clear:none!important; float:left}
.xs-3{width:25%!important; clear:none!important; float:left}
.xs-9{width:75%!important; clear:none!important; float:left}
.xs-inline{display:inline!important}
.xs-hide{display:none!important}
.xs-show{display:inherit!important}
.col_1-5,.col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11{width: 100%; }
.xs-close > .inner{padding-right:0!important;padding-left:0!important}
.br-xs-show:before {content: "\A"; white-space: pre;}
}

@media print{
.print-show{display:inherit!important}
.print-hide{display:none!important}
}

@media screen and (max-width: 960px) {
	.hidden-xl-sp { display:none;}
	}
	@media screen and (min-width: 961px) {
	.hidden-xl-pc { display:none;}
	}
@media screen and (max-width: 750px) {
.hidden-sp { display:none;}
}
@media screen and (min-width: 751px) {
.hidden-pc { display:none;}
}
@media screen and (max-width: 480px) {
	.hidden-sm-sp { display:none;}
	}
	@media screen and (min-width: 481px) {
	.hidden-sm-pc { display:none;}
	}


.bg-black{background-color:#222222!important; color:#fff!important;}
.bg-white{background-color:#fff!important;}
.bg-gray{background-color: #909297!important; color:#fff!important;}
.bg-navy{background-color:#2e3d90!important; color:#fff!important;}
.bg-blue{background-color:#177bc1!important; color:#fff!important;}
.bg-bluegreen{background-color:#119a97!important; color:#fff!important;}
.bg-green{background-color:#208a2e!important; color:#fff!important;}
.bg-yellowgreen{background-color:#9fc12e!important; color:#fff!important;}
.bg-yellow{background-color:#ffc62a!important; color:#fff!important;}
.bg-orange{background-color:#f86b31!important; color:#fff!important;}
.bg-red{background-color:#d80012!important; color:#fff!important;}
.bg-pink{background-color:#cf4181!important; color:#fff!important;}
.bg-purple{background-color:#6a3496!important; color:#fff!important;}

.bg-gray0{background-color:#555555!important; color:#fff!important;}
.bg-navy0{background-color:#232b59!important; color:#fff!important;}
.bg-blue0{background-color:#1b537a!important; color:#fff!important;}
.bg-bluegreen0{background-color:#196664!important; color:#fff!important;}
.bg-green0{background-color:#1f5b27!important; color:#fff!important;}
.bg-yellowgreen0{background-color:#708331!important; color:#fff!important;}
.bg-yellow0{background-color:#aa8a33!important; color:#fff!important;}
.bg-orange0{background-color:#9e502f!important; color:#fff!important;}
.bg-red0{background-color:#820914!important; color:#fff!important;}
.bg-pink0{background-color:#843458!important; color:#fff!important;}
.bg-purple0{background-color:#47285f!important; color:#fff!important;}

.bg-gray1{background-color: #AEB1B6!important; color:#fff!important;}
.bg-navy1{background-color:#a1a8cd!important;}
.bg-blue1{background-color:#96c3e3!important;}
.bg-bluegreen1{background-color:#94d1d0!important;}
.bg-green1{background-color:#9acaa1!important;}
.bg-yellowgreen1{background-color:#d4e3a1!important;}
.bg-yellow1{background-color:#ffe08a!important;}
.bg-orange1{background-color:#fcbca2!important;}
.bg-red1{background-color:#d80012!important;}
.bg-pink1{background-color:#e9a9c6!important;}
.bg-purple1{background-color:#bca3d0!important;}

.bg-navy2{background-color:#d5d8e9!important;}
.bg-blue2{background-color:#d1e5f3!important;}
.bg-bluegreen2{background-color:#cfebea!important;}
.bg-green2{background-color:#d2e8d5!important;}
.bg-yellowgreen2{background-color:#ecf3d5!important;}
.bg-yellow2{background-color:#fff4d4!important;}
.bg-orange2{background-color:#fee1d6!important;}
.bg-red2{background-color:#f7ccd0!important;}
.bg-pink2{background-color:#f5d9e6!important;}
.bg-purple2{background-color:#e1d6ea!important;}

.bg-gray3{
	background-color:#f8f8f8!important;
}
.bg-navy3{background-color:#ebecf4!important;}
.bg-blue3{background-color:#e8f2f9!important;}
.bg-bluegreen3{background-color:#e8f5f5!important;}
.bg-green3{background-color:#e9f4eb!important;}
.bg-yellowgreen3{background-color:#e9f4eb!important;}
.bg-yellow3{background-color:#fff9ea!important;}
.bg-orange3{background-color:#fef0eb!important;}
.bg-red3{background-color:#fbe6e8!important;}
.bg-pink3{background-color:#faecf3!important;}
.bg-purple3{background-color:#f0ebf5!important;}

.white{color:#fff!important;}
.gray{color:#888888!important;}
.navy{color:#2e3d90!important;}
.blue{color:#177bc1!important;}
.bluegreen{color:#119a97!important;}
.green{color:#208a2e!important;}
.yellowgreen{color:#9fc12e!important;}
.yellow{color:#ffc62a!important;}
.orange{color:#f86b31!important;}
.red{color:#d80012!important;}
.pink{color:#cf4181!important;}
.purple{color:#6a3496!important;}

.gray{color:#555555!important;}
.navy0{color:#232b59!important;}
.blue0{color:#1b537a!important;}
.bluegreen0{color:#196664!important;}
.green0{color:#1f5b27!important;}
.yellowgreen0{color:#708331!important;}
.yellow0{color:#aa8a33!important;}
.orange0{color:#9e502f!important;}
.red0{color:#820914!important;}
.pink0{color:#843458!important;}
.purple0{color:#47285f!important;}

.navy1{color:#a1a8cd!important;}
.blue1{color:#96c3e3!important;}
.bluegreen1{color:#94d1d0!important;}
.green1{color:#9acaa1!important;}
.yellowgreen1{color:#d4e3a1!important;}
.yellow1{color:#ffe08a!important;}
.orange1{color:#fcbca2!important;}
.red1{
	color:#EF5E5E!important;
}
.pink1{color:#e9a9c6!important;}
.purple1{color:#bca3d0!important;}

.navy2{color:#d5d8e9!important;}
.blue2{color:#d1e5f3!important;}
.bluegreen2{color:#cfebea!important;}
.green2{color:#d2e8d5!important;}
.yellowgreen2{color:#ecf3d5!important;}
.yellow2{color:#fff4d4!important;}
.orange2{color:#fee1d6!important;}
.red2{color:#f7ccd0!important;}
.pink2{color:#f5d9e6!important;}
.purple2{color:#e1d6ea!important;}

.navy3{color:#ebecf4!important;}
.blue3{color:#e8f2f9!important;}
.bluegreen3{color:#e8f5f5!important;}
.green3{color:#e9f4eb!important;}
.yellowgreen3{color:#e9f4eb!important;}
.yellow3{color:#fff9ea!important;}
.orange3{color:#fef0eb!important;}
.red3{color:#fbe6e8!important;}
.pink3{color:#faecf3!important;}
.purple3{color:#f0ebf5!important;}
.transparent{background-color:transparent!important}



/***
Timeline UI Base
***/
.timeline {
	margin: 0 0 0 0;
	padding: 0;
	/* list-style: none; */
	position: relative;
}

/* The line */
.timeline:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #eee;
	left: 68px;
	margin-left: 13px;
}

.timeline > li {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The date/time */
.timeline > li .timeline-time {
	display: block;
	width: 70px;
	padding-right: 100px;
	position: absolute;
	margin-top: -16px;
	left: 0;
	text-align: left;
}

.timeline > li .timeline-time span {
	display: block;
	text-align: right;
}

.timeline > li .timeline-time span.date {
	font-size: 12px;
	color: #bdd0db;
	display: block;
	margin-bottom: 5px;
	font-weight: 300;
}

.timeline > li .timeline-time span.time strong {
	font-weight: 300;
	font-size: 26px;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.timeline > li .timeline-time span.time {
	font-weight: 300;
	font-size: 12px;
}

/* Right content */

.timeline > li .timeline-body {
	margin: 0 0 30px 14%;
	color: #555;
	padding: 0px;
	font-weight: 300;
	position: relative;
	border-radius: 0px;
}
.timeline > li.last .timeline-body {
	margin: 0 0 0px 14%;}
.timeline > li.parallel .timeline-body {
	margin-top: -13px;
}

.timeline > li .timeline-body h3 {
	margin-top: 0px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	font-size: 18px;
	border:none;
}

.timeline > li .timeline-content {
	font-size: 93%;
}

.ie8 .timeline > li .timeline-body h2 {
	border-bottom: 1px solid #eee;
}

.timeline > li .timeline-body img.timeline-img {
  width: 75px;
  height: 75px;
  margin: 5px 10px 0 0px;
}

.timeline > li .timeline-body img.pull-right {
  margin-left: 10px;
}


.timeline > li .timeline-body a.nav-link {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  padding: 0px;
  text-align: left;
  text-decoration: none;
}

.timeline > li .timeline-body a.nav-link:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.timeline > li .timeline-body .btn {
  margin-top: 10px;
}

/* The triangle */
.timeline > li .timeline-body:after {

}
.timeline > li.parallel .timeline-body:after {
	display:none!important;}

.timeline > li .timeline-content:after,
.timeline > li .timeline-content:before {
	display: table;
	line-height: 0;
	content: "";
}

.timeline > li .timeline-content:after {
	clear: both;
}

.timeline >li .timeline-footer:after,
.timeline >li .timeline-footer:before {
	content: "";
	display: table;
	line-height: 0;
}

.timeline >li .timeline-footer:after {
	clear: both;
}

/* The icons */
.timeline > li .timeline-icon {
	width: 4px;
	height: 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 1.4em;
	line-height: 40px;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #DDD;
	border-radius: 50%;
	/* box-shadow: 0 0 0 8px #555; */
	text-align: center;
	left: 55px;
	top: 0;
	margin: 10px 0 0 23px;
	padding-bottom: 3px;
	padding-right: 1px;
	padding-left: 2px;
	-webkit-border-radius: 30px !important;
	-moz-border-radius: 30px !important;
	border-radius: 30px !important;
}

/* Red */
.timeline li.timeline-red .timeline-body:after {
	border-right-color: #e02222;
}

.timeline li.timeline-red .timeline-body {
	 background: #e02222;
}

.timeline li.timeline-red .timeline-time span.time {
	 color: #e02222;
}

/* Yellow */
.timeline li.timeline-yellow .timeline-body:after {
	border-right-color: #ffb848;
}

.timeline li.timeline-yellow .timeline-body {
	 background: #ffb848;
}

.timeline li.timeline-yellow .timeline-time span.time {
	 color: #ffb848;
}

/* Green */
.timeline li.timeline-green .timeline-body:after {
	border-right-color: #35aa47;
}

.timeline li.timeline-green .timeline-body {
	 background: #35aa47;
}

.timeline li.timeline-green .timeline-time span.time {
	 color: #35aa47;
}

/* Blue */
.timeline li.timeline-blue .timeline-body:after {
	border-right-color: #77a3e4;
}

.timeline li.timeline-blue .timeline-body {
	 background: #77a3e4;
}

.timeline li.timeline-blue .timeline-time span.time {
	 color: #77a3e4;
}

/* Purple */
.timeline li.timeline-purple .timeline-body:after {
	border-right-color: #852b99;
}

.timeline li.timeline-purple .timeline-body {
	 background: #852b99;
}

.timeline li.timeline-purple .timeline-time span.time {
	 color: #852b99;
}

/* Grey */
.timeline li.timeline-grey .timeline-body:after {
	border-right-color: #ccc;
}

.timeline li.timeline-grey .timeline-body {
	 /* background: #fff; */
	 /*border-left: dotted 1px #555;*/
}

.timeline li.timeline-grey .timeline-time span.time {
	 color: #555555;
}

@media (max-width: 767px) {
	timeline > li .timeline-time span.time {
		font-size: 18px;
	}

	.timeline:before {
		display: none;
	}

	.timeline > li .timeline-time {
		width: 100%;
		position: relative;
		padding: 0 0 20px 0;
	}

	.timeline > li .timeline-time span {
		text-align: left;
	}

	.timeline > li .timeline-body {
		margin: 0 0 30px 0;
		padding: 1em;
	}
	.timeline > li.last .timeline-body {
		margin: 0 0 0px 0!important;
		padding: 1em;
	}

	.timeline > li .timeline-body:after {
		right: auto;
		left: 20px;
		top: -20px;
	}

	.timeline > li .timeline-icon {
		position: relative;
		float: right;
		left: auto;
		margin: -55px 5px 0 0px;
	}

	/*colors*/
	.timeline li.timeline-red .timeline-body:after {
		border-right-color: transparent;
		border-bottom-color: #e02222;
	}

	.timeline li.timeline-blue .timeline-body:after {
		border-right-color: transparent;
		border-bottom-color: #77a3e4;
	}

	.timeline li.timeline-green .timeline-body:after {
		border-right-color: transparent;
		border-bottom-color: #35aa47;
	}

	.timeline li.timeline-yellow .timeline-body:after {
		border-right-color: transparent;
		border-bottom-color: #ffb848;
	}

	.timeline li.timeline-purple .timeline-body:after {
		border-right-color: transparent;
		border-bottom-color: #852b99;
	}

	.timeline li.timeline-grey .timeline-body:after {
		border-right-color: transparent;
		border-bottom-color: #ccc;
	}
}

/*open_lectures*/
#sidebar ul.open_lectures {
border-top:1px solid #eee;
}
#sidebar ul.open_lectures i{
display:none;
}
#sidebar ul.open_lectures li a{
display:flex;
align-items:center;
font-weight:bold;
}
#sidebar ul.open_lectures li a img{
margin-right:20px;
margin-top:5px;
}
.youtubelive-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.youtubelive-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

#ytPlayerWrap{
  position: relative;
  height: 459px;
  width: 100%;
}
#ytPlayerWrap .titile-text {
position: absolute;
width:100%;
background:rgba(21, 46, 136, 0.6);
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
#ytPlayerWrap .titile-text p {
color:#fff;
padding:15px 0;
}
#ytPlayerWrap .titile-text h1 {
padding:0 0 15px 0;
margin:0;
}
#ytPlayerWrap .titile-text h1 img{
width:520px;
margin:0 20px;
max-width:90%;
}
.subtitle-box{
overflow:hidden;
background:#262D61;
padding:20px;
}
.subtitle-box .text{
font-weight:bold;
font-size:16px;
color:#fff;
float:left;
}
.subtitle-box .logo{
text-align:right;
float:right;
}
@media (max-width: 650px) {
#ytPlayerWrap {
height:330px;
}
}

/* mp4 video */
div.vid_contents {
width: 100%;
text-align: center;
margin: auto;
padding: 0;
}
video.vid_main {
width: 100%;
max-width: 690px;
}

/* gallery row wrap */
.gallery .row {
	display: flex;
	flex-wrap: wrap;
}

/* snsicon instagram */
#en nav#menu .navbar-bottom .snsicon li img {
	margin-bottom: 2px;
}

/* -------------------------------------------------- */
/*	gsmg Voice
/* -------------------------------------------------- */
.voice-program {
	overflow: hidden;
}
.voice-program .voice-program-title {
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}
.voice-program .voice-program-title h2{
	font-size:120%;
	margin: 0 0 0 10px;
	border:none;
	padding: 0;
	color: #222;
	background-color: transparent;
}
.voice-program .voice-program-title div{
	display: table-cell;
	vertical-align:middle;
}
.voice-program .voice-program-title .voice-box{
	margin-right: 10px;
	padding: 0;
	line-height:44px;
	width: 44px;
	background-color: #a3c8e8;
	color: #FFFFFF;
	text-align: center;
}
.voice-program h2,
.voice-program h3 {
	background: none;
	font-weight: normal;
}
.voice-program a {
	text-decoration: none;
}
.voice-program a h3{
	border:none;
	margin-top:10px;
	margin-bottom:5px;
	padding:0;
	line-height: 1.4;
	color:#222;
	font-size:1.2em;
	transition : all 0.2s ease 0s;
}
.voice-program a p{
	color:#222;
}
.voice-program a:hover{
	text-decoration:none;
}
.voice-program a:hover p{
	opacity:0.7;
}
.voice-program a:hover h3 {
	color: #5595DB;
}
#gstudent-research.eyecatch-title {
	position: relative;
}
#gstudent-research.eyecatch-title .title {
	position: absolute;
	padding: 15px;
	background: rgba(255,255,255,0.65);
	color: #222;
	top:50px;
	left: 0;
}
#gstudent-research.eyecatch-title .title-R {
	left: auto;
	right: 0;
}
#gstudent-research.eyecatch-title .title h1{
	margin-top: 0;
}
#gstudent-research.eyecatch-title .button-icon {
	position: absolute;
	bottom:0;
	right: 0;
}
#gstudent-research.eyecatch-title .button-icon-L {
	right: auto;
	left: 0;
}
#gstudent-research.eyecatch-title .button-icon img {
	width: 147px !important;
}
@media only screen and (max-width: 700px) {
#gstudent-research.eyecatch-title .title {
	position: static;
	padding: 0 16px 10px;
	background: #fff;
}
#gstudent-research.eyecatch-title .title h1{
	margin-top: 10px;
}
#gstudent-research.eyecatch-title .button-icon {
	position: static;
	padding: 0 16px;
	text-align: left;
}
}

/* -------------------------------------------------- */
/*	GIGA Voice
/* -------------------------------------------------- */
.giga-voice-title {
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
	width: 100%;
}
.giga-voice-title .title-box h1 {
	font-size: 44px;
 line-height: 1.25;
 margin: 0;
 font-weight: bold;
 text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
 text-align: center;
}
.giga-voice-title .title-box {
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translateY(-42%);
	transform: translateX(-50%);
	color: #fff;
	max-width: 100%;
}
@media (max-width: 570px) {
	.giga-voice-title {
	height: 170px;
	}
	.giga-voice-title .title-box h1 {
		font-size:26px;
	}
}

/* ゴミの分別 */
.recyclables ul {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}
.recyclables ul li {
	list-style: none;
	padding: 0 !important;
}
.recyclables ul li i {
	display: none;
}
.recyclables ul li a {
	background-color: #5595DB;
	color: #fff;
	line-height: 1;
	border-radius: 3px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 36px;
	width: 40px;
	transition: all 0.3s;
	text-decoration: none;
}
.recyclables ul li a:hover {
	background-color: #444;
}
.recyclables table td{
	font-size: 13px;
}
.recyclables [data-link-range] {
	padding-top: 60px;
	margin-top: -60px;
}
.recyclables table th:nth-child(1) {
	width: 30%;
}
.recyclables table th:nth-child(2) {
	width: 20%;
}
.recyclables table th:nth-child(3) {
	width: 50%;
}

/* list-icon-none */
ul.list-icon-none li{
	padding: 0 !important;
	margin-right: 15px !important;
}
ul.list-icon-none .fa-angle-right{
	display: none !important;
}

/* Tab KSFC-550 */
.tab-cont.tab-hidden {display: none;}
.tab-cont.tab-active {display: block; }

/* top-visual */
.top-visual {
	margin-top: 53px;
	aspect-ratio: 1920 / 513;
	/* height: 500px ;
	max-height: 100vh; */
	background-image: url(/images/home-main.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
@media screen and (max-width: 960px) {
	.top-visual {
	margin-top: 0;
	aspect-ratio: 960 / 739;
	background-image: url(/images/home-main-sp.jpg);
	}
}