@import url('font-awesome.min.css');

/* -------------------------------------------------------------
======	RESET
------------------------------------------------------------- */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
:hover, :focus, :active { outline: none;}


html, button, input, select, textarea {
	font-family:'Poppins', YuGothic, '游ゴシック',"Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 400; /* normal */
	color: #000;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

html{/*min-height: 100%; height: 100%; */}
body{ height: 100%; min-height: 100%; margin: 0; font-size: 15px; line-height: 1.75; letter-spacing: 0.06em;}

a { color: #e55050; font-weight: normal;
	cursor: pointer;  text-decoration: none;
	transition:color 0.2s ease; -moz-transition:color 0.2s ease; -webkit-transition:color 0.2s ease; -o-transition:color 0.2s ease;}

a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.02);}

::-moz-selection { background: #e60012; color: #fff; text-shadow: none;}
::selection { background: #e60012; color: #fff; text-shadow: none;}

p{margin: 0 0 1em;}
p:last-child {margin-bottom: 0;}

a:visited{opacity:0.9;}
a:active, a:focus{position:relative;top:1px;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
hr{display:block; height:1px; border:0; border-top:1px solid #ddd; margin:1em 0; padding:0;}
pre, code, kbd, samp{font-family:monospace,monospace; _font-family:'Montserrat Alternates',monospace; font-size:1em;}
q{quotes:none;}
q:before, q:after{content:""; content:none;}
blockquote { margin: 1em 1em 1em 0; padding: 1em; border-left: 1px solid #DDD; font-style: italic; color: #999;}
blockquote p {font-size: 1.1em;line-height: 2em;margin-bottom: 0;}
blockquote small {display: block;font-size: 1em;line-height: 1.6em;color: #bfbfbf; text-align: right;}
blockquote small:before {content: '\2014 \00A0';}
b, strong{font-weight:700;}
small{font-size:85%;}
header small{font-size:65%;}
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
dd{margin:0 0 0 40px;} dt{font-weight: 700;}
ul, ol{list-style:none; list-style-image:none; margin:0; padding:0;}
img{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
form{margin:0;}
fieldset{border:0; margin:0; padding:0;}
label{cursor:pointer;}
legend{border:0; *margin-left:-7px; padding:0;white-space: normal;}
button, input, select, textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input{line-height:normal; *overflow:visible;}
table button, table input{*overflow:auto;}
button, input[type="button"], input[type="reset"], input[type="submit"]{cursor:pointer; -webkit-appearance:button;}
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;}
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;}
textarea{overflow:auto; vertical-align:top; resize:vertical;}
table{border-collapse:collapse; border-spacing:0;}
td{vertical-align:top;}
.chromeframe { margin: 1em 0; background: red; color: black; padding: 1em;}



/* -------------------------------------------------------------
======	STYLES
------------------------------------------------------------- */

/* -- FORMS
------------------------------------------------------------- */
form{margin-top: 2em;}
form li{margin-bottom: 1.5em;}
label{display: block; margin-bottom:1em; font-weight: 700;}
input, select, textarea{
	border: 1px solid #DDD;
	color: #777;
	font-size: 1em;
	padding: 1em;
	width:80%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(../js/boxsizing.htc);}
textarea{padding: 1em; min-height:15em; height: auto; width: 100%;}
input, textarea {
 -moz-transition: border .25s;
 -webkit-transition: border .25s;
 -o-transition: border .25s;
 transition: border .25s;}
input:hover, select:hover,textarea:hover, input:focus, textarea:focus,input:active, textarea:active { border: 1px solid #fddc00;}
input[type="text"],textarea{cursor: text;}
input[type="radio"], input[type="checkbox"] { display: inline; width:auto; height: auto; margin-right: 1em;}
input[type="checkbox"] + label, input[type="radio"] + label { display: inline;}
input[type="file"]{ border: none;}
input[type="date"]{ width: auto;}
select {height: auto;}
/* Placeholders */
::-webkit-input-placeholder { color: #BBB;}
:-moz-placeholder {color: #BBB;}
:-ms-input-placeholder {color: #BBB;}
/* validate.js */
label.error { color: #e55050; margin: 0.5em 0 0 0.5em; font-weight: normal; font-style: italic;}



/* -- BUTTONS
------------------------------------------------------------- */
.button, input[type="submit"], button, .toggle-title {
	color: #666;
	font-size: 1.1em;
	font-weight: normal;
	padding: 0.6em 1.2em;
	text-shadow: 0 1px 0 #fff;
	border: solid 1px #ddd;
	text-decoration: none;
	cursor: pointer;

	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff 0%,#efefef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;

	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;}
.button:hover, input[type="submit"]:hover, button:hover, .toggle-title:hover {
	color: #333;
	text-decoration: none;
	border-color: #BBB;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background: 0 100%;}
.button:focus, input[type="submit"]:focus, button:focus, .toggle-title:focus {
	color: #333;
	border-color: #BBB;}
.button:active, input[type="submit"]:active, button:active, .toggle-title:active {
	color: #000;
	background: #F5F5F5;
	border-color: #444;
	position: relative; top:1px;}



/* -- TYPO
------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{margin-bottom:1em; font-weight: normal; }

h1 {font-size: 4.1em;
	letter-spacing: -0.065em;
	text-transform: uppercase;
	line-height: 0.9;
	color: #000;
	margin:0.5em 0;
	font-weight: normal;}
h2 { font-size: 2em; margin: 0 0 20px; letter-spacing: 0.2em; color: #000; line-height: 1; text-transform: uppercase; font-style: italic;}
h2 small{ font-size: 0.5em;}
h3 { font-size: 1.5em; text-transform: uppercase; font-style: italic;}
h4 { font-size: 1.3em; font-style: italic;}
h5 { font-size: 1.17em; }
h6 { font-size: 1em; margin-bottom: 2px; font-weight: 700;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration: none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration: none;}

h3 i{ margin-right: 0.3em;}

/* Icons
------------------------------------------------------------- */

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}


/* -- GRID  https://github.com/mattberridge/Proportional-Grids/
------------------------------------------------------------- */
body{width:100%;}
.container {width: 94%; margin-right:auto; margin-left: auto; min-width: 980px; max-width: 980px;}
.contents-head-in{width: 94%; margin-right:auto; margin-left: auto; min-width: 1100px; max-width: 1100px; }
@media only screen and (max-width: 390px) {
	.container {width: 94%; min-width: 300px; max-width: 390px;}
	.contents-head-in{width: 94%; min-width: 300px; max-width: 390px; }
}
.grid-wrap {
  margin-left: -2em;
  overflow: hidden;
  *zoom:1;}
  .grid-wrap:before, .grid-wrap:after{content:""; display:table;}
  .grid-wrap:after{clear:both;}

.grid-wrap0 {
  margin-left: 0em;
  overflow: hidden;
  *zoom:1;}
  .grid-wrap0:before, .grid-wrap0:after{content:""; display:table;}
  .grid-wrap0:after{clear:both;}

.grid {
  float: left;
  padding-left: 2em; /* this is your gutter between columns */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/boxsizing.htc);}
.grid0 {
  float:left;
  padding-left: 0em; /* this is your gutter between columns */
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/js/boxsizing.htc);}


.half-gutter {margin-left: -1.5em;}
.half-gutter .grid-col {padding-left: 1.5em;}

.col-12u { width: 100%;}
.col-11u { width: 91.6666666667%;}
.col-10u { width: 83.3333333333%;}
.col-9u { width: 75%;}
.col-8u { width: 66.6666666667%;}
.col-7u { width: 58.3333333333%;}
.col-6u { width: 50%;}
.col-5u { width: 41.6666666667%;}
.col-4u { width: 33.3333333333%;}
.col-40per {width: 40%;}
.col-20per {width: 20%;}
.col-3u { width: 25%;}
.col-18per { width: 18%;}
.col-2u { width: 16.6666666667%;}
.col-14per { width: 14.28571428571429%;}
.col-12per { width: 12.5%;}
.col-6per { width: 6.25%;}
.col-1u { width: 8.3333333333%;}

.divide-top{padding-top: 2em;}

.mright{ margin-right: 3em;}
.mleft{ margin-left: 3em;}
.mtop{ margin-top: 3em;}
.mbottom{ margin-bottom: 3em;}
.halfmright{ margin-right: 1.5em;}
.halfmleft{ margin-left: 1.5em;}
.halfmtop{ margin-top: 1.5em;}
.halfmbottom{ margin-bottom: 1.5em;}

.fright, .fleft{display:block; overflow:hidden;}
.fright{float:right;}
.fleft{float:left;}

.alignleft{float: left;clear: left;margin: 0.38em 1.62em 0.38em 0;}
.alignright {float: right;clear: right;margin: 0.38em 0 0.38em 1.62em;}
.aligncenter {margin: 0 auto 1.62em;display: block;}

.pt1em{padding-top: 1em;}
.pt2em{padding-top: 2em;}
.pt3em{padding-top: 3em;}
.pl2em{padding-left: 2em !important;}
.pl0{padding-left: 0 !important;}
.pb8em{padding-bottom: 8em !important;}

.mr1em{margin-right: 1em !important;}
.mr2em{margin-right: 2em !important;}
.mr10{margin-right: 10px !important;}
.mr0{margin-right: 0 !important;}

.mb05em{margin-bottom: 0.5em !important;}
.mb1em{margin-bottom: 1em !important;}
.mb2em{margin-bottom: 2em !important;}
.mb3em{margin-bottom: 3em !important;}
.mb4em{margin-bottom: 4em !important;}

.mt1em{margin-top: 1em !important;}
.mt2em{margin-top: 2em !important;}
.mt3em{margin-top: 3em !important;}

.m-a{margin-right: auto; margin-left: auto !important;}

.tac{text-align: center !important;}
.tar{text-align: right !important;}
.tal{text-align: left !important;}

.dis-t{display: table !important;}
.dis-t-c{display: table-cell !important;}

.fs120per{ font-size:120% !important;}
.fs150per{ font-size:150% !important;}

.bb2px{border-bottom-width: 2px !important;}

.m-a{margin-right: auto; margin-left: auto;}

/* -- MISC
------------------------------------------------------------- */
figure { max-height: 100%; overflow: hidden;}
figure figcaption { ;}
img { max-width: 100%; height: auto; width: 100%;}
a img {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;}
a img:hover {
	*zoom: 1;
	opacity: 0.7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 70);
	filter: alpha(opacity = 70);}



/* -------------------------------------------------------------
======	PAGES
------------------------------------------------------------- */
body{overflow-y:scroll; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* -- HEADER
------------------------------------------------------------- */
.header{padding-top:1em;}

.logo{margin-bottom: 1em;}
.logo img{max-width: 200px;}
.cont-page .logo img{max-width: 280px; margin-left: -1em;}
.logo:hover {background: none;}


header#navtop { margin-bottom: 2em; clear: both; overflow: hidden;}
header nav.nav-main {width: 230px; margin-bottom: 6em;}
header nav.nav-main ul {overflow: hidden; line-height: 2em;}
header nav.nav-main ul li{font-style: italic; text-align: left; font-size: 1.1em; line-height: 1.25em; text-transform: uppercase;}
header nav.nav-main ul li small{font-size: 0.65em; color:#999;}
header nav.nav-main ul li.current a{ background: rgba(0,0,0,0.025); }
header nav.nav-main a { color:#333; display: block; margin-bottom: 1.5em;}

header nav.nav-main ul li.nav-special-li a{background: rgba(253, 220, 0,1); padding: 0.6em 0.5em 0.4em; color:#000; -webkit-border-radius: 0 4px 4px 0; border-radius:  0 4px 4px 0;}
header nav.nav-main ul li.nav-special-li a:hover{background: rgba(253, 220, 0,0.8);}


p.header-info{margin-bottom:1em; color:#fff; padding-left: 1em; font-size: 0.9em;}
p.header-info a{color:#fff;}

nav a, menu a { text-decoration: none; color: #e55050; }

.main-image{}


/*contents-head*/
.contents-head{padding: 6em 0; margin-bottom: 2em; z-index: 99;}
.contents-head h2{font-size: 3.5em;
	text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,0 0 2px #fff,0 0 4px #fff,0 0 8px #fff,0 0 12px #fff,0 0 20px #fff;
	margin-bottom: 0;
	text-align: center; line-height: 0.8em;}
.contents-head h2 small{font-size: 0.3em; color:#fff; text-shadow:none; background: rgba(0,0,0,0.6); padding: 0.2em 1em; letter-spacing:0.3em; font-weight: 400;}


/* -- GENERAL
------------------------------------------------------------- */
hr.hr-s{width: 30px; height: 1px; margin-bottom: 2em; margin-top: 0; background: #000; border: none;}
hr.hr-s-c{width: 100px; height: 2px; margin-bottom: 2em; margin-top: 0; background: #000; border: none; margin-left: auto; margin-right: auto;}
hr.hr-m{width: 30px; height: 1px; margin-bottom: 4em; margin-top: 0; background: #000; border: none;}
hr.hr-l{width: 100%;}

.fa-r{margin-right: 0.5em;}
.fa-l{margin-left: 0.5em;}

.wrapper{height: 100%; min-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.home-page .wrapper{}

.main{ margin-bottom: 4em;}
.main > section { margin-bottom: 4em;}
.main header{ margin-bottom: 4em;}
.main header hr{border-top-color:#999;}

.cont-page .header{float: left; width: 35%;}
.cont-page .main{float: left; width: 65%; padding-top: 12em;}
.cont-page .main:before, .cont-page .main:after{content:""; display:table;}
.cont-page .main:after{clear:both;}
.cont-page .header:before, .cont-page .header:after{content:""; display:table;}
.cont-page .header:after{clear:both;}

header.header-area{text-align: center; font-weight: bold;}

.arrow:hover {color: #e55050;}

h2.page-title{ margin-bottom: 2em;}

.main-bloc > section {border-top: 4px solid #f4f4f4; padding: 4em 0 2em; margin-bottom: 4em;}
.main-bloc{margin-left: 33.3333333333%;}

.side-bloc {width: 33.3333333333%; margin-top: -8em;}
.side-bloc aside{height: 100%; min-height:100%;}
.side-bloc header h3{ color:#fff; border: 1px solid #fff; padding: 1em 0 1em; border-bottom-width: 0; margin-bottom: 0;}
.side-bloc li{ border-top: 4px solid #f4f4f4; font-size: 90%;}
.side-bloc li a{ color: #000;display: block; padding: 15px 20px; }
.side-bloc li a i{ margin-right: 0.5em;}
.side-bloc li.up a{ background: #fff; width: 1em; line-height: 1.5em;-webkit-border-radius: 50%;  border-radius: 50%; margin-top: 2em; margin-left: 1px;}
.side-bloc li.up a:hover{ background: #eee;}
.side-bloc h5 small{font-size:0.6em; margin-left: 1em;}
.side-bloc img.logo{width: 70px; margin-bottom: 0.8em;}


.side-bloc-head{
	height:8em;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
	opacity: 0;
}

/*サイドの中間固定*/
.fix-cont{}
.fix-tittle{ z-index: 0; width:100%; position: absolute; top:0;}
.fix-box{ position: relative; top:0;}

.fixed{position: fixed; top:75px; width:33.3333333333%;
		max-width:335px;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.absolutebottom{position: absolute; bottom:0; }
.absolutetop{position: absolute; top:0; }

.fixed h3{opacity: 1;}
.absolutebottom h3{opacity: 0;}
.absolutetop h3{opacity: 1;}
.fix-tittle h3{ margin-bottom: 0; padding: 20px 0;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}

/* -- FOOTER
------------------------------------------------------------- */
footer { background: #FFF; padding-bottom: 2em; padding-top: 2em;}
footer nav ul { overflow: hidden; font-size: 0.8em; margin-bottom: 4em;}
footer li a {display: block; padding-top: 0.5em; padding-bottom: 0.5em; color:#333;}
footer li {border-left: 1px solid #ccc; text-align: center; text-transform: uppercase;}
footer li:last-child { border-right: 1px solid #ccc;}

.divide-top .up{text-align: center; margin-bottom: 1em;}
.divide-top .up a{color:#000; display: block; padding-top: 0.5em; padding-bottom: 0.5em;}
.divide-top .up a:hover{color:#e55050;}

.copyright{text-align: center; color:#aaa; font-size: 0.8em;}


/* -- HOME-PAGE
------------------------------------------------------------- */
/*home*/
section.link-list article{margin-bottom: 2em;}
section.link-list article p{text-align: center;}
section.link-list article div{padding: 1em 2em 3em;}

.area-link-list .header-area{padding-top: 1em;}
.area-link-list div{text-align: center; height:300px;}
.area-link-list div img{width: 120px;}

.area-link-list-1 div{background: url("../img/bg_area-link-list-1.jpg") no-repeat 0 0 / cover;}
.area-link-list-1 div img{padding-top: 8em;}
.area-link-list-2 div{background: url("../img/bg_area-link-list-2.jpg") no-repeat 0 0 / cover;}
.area-link-list-2 div img{padding-top: 12em;width: 220px;}
.area-link-list-3 div{background: #143374;}
.area-link-list-3 div img{padding-top: 8em;}
.area-link-list-4 div{background: #9bd125;}
.area-link-list-4 div img{padding-top: 6em;}
.area-link-list-5 div{background: #000;}
.area-link-list-5 div img{padding-top: 6em;}

.area-link-list a.button{width: 100%; background: rgba(255,255,255,0.1); border: 1px solid #fff;}

/* -- contents
------------------------------------------------------------- */
/*共通*/
.cont-page .main{margin-bottom: 4em;}
.cont-page .main dt{margin-bottom: 0.5em;}
.cont-page .main dd{margin-bottom: 2em; margin-left: 0;}
.cont-page-head-info{ margin-bottom: 4em;}





/* -- SUBPAGES
------------------------------------------------------------- */
/*Separations*/
.main:not(.home-page) > section article h2 { margin-top: 1em; padding-top: 1em; border-top: 1px solid #DDD;}
.main:not(.home-page) > section article:first-child h2 { margin-top: 0;}

	/* - Toggles */
.toggle-view > li {
    margin-top: 1em;
    position: relative;}
.toggle-title {padding: 0.8em 2em;}
.toggle-title-detail {
    font-size: 0.8em;
    color: #999;
    font-weight: normal;
    text-transform: lowercase;}
.toggle-title:after {
    content: "\25C0";
    float: right;
    color: #999;}
.toggle-title:hover:after { color: #000 ;}
.tactive { background: #FFF ;}
.tactive:after {
    content: "\25BC";
    color: #000;}
.toggle {
    padding: 1em 2em;
    display: none;
    overflow: hidden;}
.toggle > ul li { line-height: 2.5 ;}
.toggle > ul li:before {
    content: "\2714 ";
    color: #ddd;
    margin-right: 1em;}

	/* - Tabs */
.tabs {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #ddd;}
.tabs li {
    display: inline-block; margin-bottom: -1px;}
.tabs li a {
    display: block;
    text-decoration: none;
    line-height: 3em;
    color: #000;
    padding: 0 2em;
    margin: 0;
    background: #f5f5f5;
    font-size: 1.1em;}
.tabs li a:hover{color: #000;}
.tabs li.active a{
	background: #fff;
	position: relative;
	border: 1px solid #DDD;
	border-bottom-color: #FFF;
	color: #111;
	-moz-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-right-radius: 2px;}

.tab_container { margin-bottom: 1em; display: block; border-left: 1px solid #ddd; padding: 15px 15px 0;}
.tab_container > article { display:none;}
.tab_container > article:first-child { display: block;}



/* -------------------------------------------------------------
======	BLOG
------------------------------------------------------------- */

/* Article */
.post {margin-bottom:5em;}
.post .entry{margin:1.5em 0;}
.post .entry p{overflow:auto;}
.post .more-link {font-weight:700; color: #e55050;}
.post .more-link:hover {color:#333;}
.meta {font-weight: normal;	color:#999; font-size:0.9em;}
.meta a {color:#e55050; text-decoration:none;}
.meta a:hover {color:#e55050; text-decoration:underline;}

/* Sidebar */
.blog-sidebar {color: #999;}
.blog-sidebar h2{margin-bottom:1em; font-size:2em; color:#666;}
.blog-sidebar .widget{padding-bottom:2em;border-bottom: 1px solid #DDD;margin-bottom: 2em;}
.blog-sidebar .widget:last-child{border-bottom: none;}
.blog-sidebar a {font-weight: normal; color:inherit;text-decoration: none;}
.blog-sidebar a:hover{color:#333;}
.blog-sidebar li{padding-left: 1em; margin-bottom: 0.5em;  white-space: nowrap ; text-overflow: ellipsis; width: 95%; overflow: hidden; display: block;}
.blog-sidebar li a:before {content: ">"; padding-right: 1em;}
.blog-sidebar input {width: 90%; padding-right: 0;}

/* Pagination */
ul.page-numbers{float: right;overflow:hidden; display:block;}
.page-numbers li {float:left;}
.page-numbers li a{ display:block;padding:1em;text-decoration:none; color:#777;}
.page-numbers li a:hover{ color:#444;}
.page-numbers li .current{;}

/* Comments*/
.section-comment header{overflow: hidden; clear: both;}
.comments, .leavecomment {margin-top: 3em;}
.comment{margin-bottom: 2em;}
.comment p{font-size: 0.9em; color: #777;}
.comment h6{margin-bottom: 0.5em;}
.comment form ul li { margin-bottom: 2em ;}



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

.ir{display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height: 0;}
.ir br{display:none;}
.hidden{display:none !important; visibility:hidden;}



/* -------------------------------------------------------------
======	IE Fix
------------------------------------------------------------- */
.lt-ie9 .works figure a, .lt-ie9 .works figure a img { filter:inherit;}
/* jquery filter opacity issue IE8 */

.lt-ie9 .container {min-width: 780px;}
.lt-ie8 .container {width: 960px;}
.lt-ie8 .grid-wrap {margin-left: 0;}
.lt-ie8 .grid {padding: 0;margin-left: 5%;}
  .lt-ie8 .grid:first-child {margin-left: 0;}

.lt-ie8 .col-full {width: 99.95%;}
.lt-ie8 .col-full + .grid {margin-left: 0;}
.lt-ie8 .col-one-half {width: 47.45%;}
.lt-ie8 .col-one-third {width: 29.55%;}
.lt-ie8 .col-two-thirds {width: 64.95%;}
.lt-ie8 .col-one-quarter {width: 19.95%;}
.lt-ie8 .col-three-quarters {width: 74.95%;}



/* -------------------------------------------------------------
======	MEDIA QUERIES
------------------------------------------------------------- */

/* -- Media query 1 (mq1)
------------------------------------------------------------- */
@media only screen and (max-width: 60em) { /* 13 / 780 */
	.mq1-col-12u { width: 100%;}
	.mq1-col-11u { width: 91.6666666667%;}
	.mq1-col-10u { width: 83.3333333333%;}
	.mq1-col-9u { width: 75%;}
	.mq1-col-8u { width: 66.6666666667%;}
	.mq1-col-7u { width: 58.3333333333%;}
	.mq1-col-6u { width: 50%;}
	.mq1-col-5u { width: 41.6666666667%;}
	.mq1-col-4u { width: 33.3333333333%;}
	.mq1-col-40per {width: 40%;}
	.mq1-col-20per {width: 20%;}
	.mq1-col-3u { width: 25%;}
	.mq1-col-18per { width: 18%;}
	.mq1-col-2u { width: 16.6666666667%;}
	.mq1-col-14per { width: 14.28571428571429%;}
	.mq1-col-12per { width: 12.5%;}
	.mq1-col-6per { width: 6.25%;}
	.mq1-col-1u { width: 8.3333333333%;}
	/**/
	h1{font-size: 3.1em;}
	.slide figcaption{ width: 80%;}
;}

/* -- Media query 2 (mq2)
------------------------------------------------------------- */
@media only screen and (max-width: 48em) { /* 13 / 624 */
	.mq2-col-12u { width: 100%;}
	.mq2-col-11u { width: 91.6666666667%;}
	.mq2-col-10u { width: 83.3333333333%;}
	.mq2-col-9u { width: 75%;}
	.mq2-col-8u { width: 66.6666666667%;}
	.mq2-col-7u { width: 58.3333333333%;}
	.mq2-col-6u { width: 50%;}
	.mq2-col-5u { width: 41.6666666667%;}
	.mq2-col-4u { width: 33.3333333333%;}
	.mq2-col-40per {width: 40%;}
	.mq2-col-20per {width: 20%;}
	.mq2-col-3u { width: 25%;}
	.mq2-col-18per { width: 18%;}
	.mq2-col-2u { width: 16.6666666667%;}
	.mq2-col-14per { width: 14.28571428571429%;}
	.mq2-col-12per { width: 12.5%;}
	.mq2-col-6per { width: 6.25%;}
	.mq2-col-1u { width: 8.3333333333%;}
	/**/
;}

/* -- Media query 3 (mq3)
------------------------------------------------------------- */
@media only screen and (max-width: 390px) { /* 13 / 390 */
	.mq3-col-12u { width: 100%;}
	.mq3-col-11u { width: 91.6666666667%;}
	.mq3-col-10u { width: 83.3333333333%;}
	.mq3-col-9u { width: 75%;}
	.mq3-col-8u { width: 66.6666666667%;}
	.mq3-col-7u { width: 58.3333333333%;}
	.mq3-col-6u { width: 50%;}
	.mq3-col-5u { width: 41.6666666667%;}
	.mq3-col-4u { width: 33.3333333333%;}
	.mq3-col-40per {width: 40%;}
	.mq3-col-20per {width: 20%;}
	.mq3-col-3u { width: 25%;}
	.mq3-col-18per { width: 18%;}
	.mq3-col-2u { width: 16.6666666667%;}
	.mq3-col-14per { width: 14.28571428571429%;}
	.mq3-col-12per { width: 12.5%;}
	.mq3-col-6per { width: 6.25%;}
	.mq3-col-1u { width: 8.3333333333%;}
	.mq3-none {display: none;}
	/**/
	.cont-page .header{width: 100%; float: none;}
	.cont-page .main{width: 100%; float: none; padding-top: 0;}
	.grid-wrap{margin-left: -2em;}
	.grid{padding-left: 2em;}
	/*header*/
	header nav ul li { padding: 0 0.5em ;}
	header nav { display: none;}
	.logo img{ width: 200px; margin-bottom: 6em;}
	.header{padding-top: 0;}
	/*footer*/
	footer{ padding-bottom: 1em;}
	footer li { float: none; margin-right: 0em; padding-right: 0em; border:none;border-bottom: 1px solid #ccc; }
	footer li:last-child {border-right: none;}
	/*cont*/

	.area-color-1{background: none;}
	.area-color-1 .container{width: 100%;}
	.area-top-news div{float: none;}
	.area-top-artist div{margin-bottom: 2em;}
	.area-top-artist div img{box-shadow:0px 10px 5px -5px #000;}

	.about-page .main .about-list article div {padding: 1.5em;}
	.contents-list article:first-of-type {margin-top: 0;}
	.main-bloc{margin-left: 0;}

	p.header-info{padding-top: 0em; font-size: 0.8em; margin-bottom: 1em;}

	.access-page iframe{height:300px;}
;}

/* -- PRINT STYLES
------------------------------------------------------------- */
@media print{
	*{background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;}
	abbr[title]:after{content:"("attr(title) ")";}
	pre, blockquote{page-break-inside:avoid;}
	thead{display:table-header-group;}
	tr, img{page-break-inside:avoid;}
	img{max-width:100% !important;}
	p, h2, h3{orphans:3; widows:3;}
	h2, h3{page-break-after:avoid;}
;}
/* -------------------------------------------------------------
======	END
------------------------------------------------------------- */