/* -------------------------基本項目--------------------------- */
* {
 font-family: 'Roboto Condensed','Helvetica','Microsoft Sans Serif','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN',sans-serif;
 font-size: 1em;
 font-size: 13px;
 line-height: 20px;
 letter-spacing: 0.05em;
 color: #000;
 font-style: normal;
 font-weight: normal;
 text-decoration:none;
 -webkit-text-size-adjust : 100%;
 }

a:link {
 color: #000;
 text-decoration: none;
 }

a:visited {
 color: #000;
 text-decoration: none;
 opacity: 1;
 filter: alpha(opacity=100);
 -moz-opacity: 1;
 }

a {
 outline: none;
 }

a:hover {
 color: #EA6000;
 }

span.bold {
 font-weight: bold;
 }

table {
 border-spacing: 0;
 }

table th{
 vertical-align: top;
 }

ul, ol {
 list-style: none;
 }

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 font-size: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{
 display: inline-block;
 }

/* Hides from IE Mac */
* html .clearfix{
 height: 1%;
 }
.clearfix{
 display:block;
 }
/* End Hack */








/****************************************共通項目****************************************/
* {
 margin: 0;
 padding: 0;
 border: 0;
 text-align: left;
 }

body, html {
 height: 100%;
 }

body {
 position: relative;
-webkit-text-size-adjust : 100%;
 }

#wrapper {
 height: auto !important;
 height: 100%;
 min-height: 100%;
 width: 100%;
 margin-bottom: -70px;/**********footer-height**********/
 }









	
/********************header********************/
#header {
 position: relative;
 width: 90%;
 max-width: 1200px;
 margin: 0 auto;
margin-bottom: 40px;
 overflow: hidden;
 }



/**********
header
header-title
**********/
h1.header-title {
 margin-top: 30px;
 }

span.text-77 {
 font-size: 0.77em;
 }

span.text-185 {
 font-size: 1.85em;
 letter-spacing: 0em;
 line-height: 1.2em;
 }
 
a:hover span.text-185 {
 color: #EA6000;
 }

.header-title a:hover {
 color: #000;
 }

.text-white,
.text-white li a,
.text-white li a span {
 color: #fff;
 }

.text-white li a:hover,
.text-white li a:hover span {
 color: #EA6000;
 }



/**********
header
gnavi
**********/
#burger-navi-area {
 display: none;
 }

.gnavi {
 margin-top: 30px;
 }

.gnavi-list {
 font-size: 0;/**********高さの違うリスト用（floatの代替）**********/
 width: 100%;
 }

.gnavi li {
 position: relative;
 display: inline-block;/**********高さの違うリスト用（floatの代替）**********/
 /display: inline;/**********高さの違うリスト用（floatの代替）**********/
 /zoom: 1;/**********高さの違うリスト用（floatの代替）**********/
 vertical-align: top;/**********高さの違うリスト用（floatの代替）**********/
 width: 14%;
 }

.gnavi li a {
 display: block;
 font-size: 1.3em;
 text-align: center;
 font-weight: bold;
 }

.gnavi li a span {
 font-size: 0.7em;
 font-weight: bold;
 }

.gnavi li a:hover,
.gnavi li a:hover span {
 color: #EA6000;
 }






/**********GUESTページ、ARCHIVEページのsub-navi**********/
.sub-navi {
 margin-bottom: 60px;
 padding: 10px 0;
 border-top: 2px solid #000;
 border-bottom: 2px solid #000;
 }

.sub-navi ul {
 font-size: 0;/**********高さの違うリスト用（floatの代替）**********/
 width: 100%;
 }

.sub-navi ul li {
 position: relative;
 display: inline-block;/**********高さの違うリスト用（floatの代替）**********/
 /display: inline;/**********高さの違うリスト用（floatの代替）**********/
 /zoom: 1;/**********高さの違うリスト用（floatの代替）**********/
 vertical-align: top;/**********高さの違うリスト用（floatの代替）**********/
 margin: 0 1%;
 }

.sub-navi ul li a {
 display: block;
 font-size: 1.3em;
 }

.sub-navi ul li a:hover {
 color: #EA6000;
 }





	
/********************header以下共通項目********************/
.container {
 position: relative;
 width: 90%;
 max-width: 1200px;
 margin: 10px auto 0 auto;
 overflow: hidden;
 }

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

h3.page-sub-title {
 font-weight: bold;
 text-align: center;
 }

h2.page-main-title {
 font-size: 3em;
 line-height: 1.2em;
 letter-spacing: 0;
 margin: 6px 0 20px 0;
 font-weight: bold;
 text-align: center;
 }

h2.page-main-title span {
 font-size: 0.5em;
 letter-spacing: 0;
 font-weight: bold;
 text-align: center;
 }

.contents {
 margin-bottom: 80px;
 }

.each-contents {
 margin-bottom: 80px;
 }








	
/********************front-page********************/
/**********
front-newsfooterの欄に記載
**********/


/**********
front-page
maximage
**********/
#maximage {
 width: 100%;
 }

#maximage .attachment-full {
 -webkit-filter: brightness(90%);
 filter:brightness(90%);
 }

img.bgmaximage {
 position: fixed !important;
 }

.front-slide-img-caption { 
 position: absolute;
 float: right;
 bottom: 10%;
 right: 5%;
 text-align: right;
 color: #fff;
 font-weight: bold;
 z-index: 10100;
 }

.ie9,
.ie7 {
 background: #000;
 height: 100%;
 }


/********************
#maximage-arrowはfooterの欄に記載
********************/






	
/********************subjects-page********************/
.contents p.big-text {
 font-size: 1.8em;
 line-height: 1.2em;
 margin-bottom: 10px;
 }

.contents p.big-text a {
 font-size: 1em;
 line-height: 1em;
 }


.contents p.big-text span {
 font-size: 0.8em;
 line-height: 1em;
 }

.contents p.small-gray-title {
 margin-bottom: 10px;
 }

.contents p.small-gray-title span {
 margin-right: 5px;
 padding: 3px 5px;
 font-size: 0.9em;
 background: #000;
 color: #fff;
 }

.contents p.concept {
 margin-top: 16px;
 }

   
    
    

	
/********************about-studio-page********************/
.contents p.big-bold-text {
 font-size: 1.8em;
 line-height: 1.2em;
 font-weight: bold;
 margin-bottom: 10px;
 }





   
    
    

	
/********************about-professor-page********************/
.left45 {
 width: 47.5%;
 margin-right: 5%;
 float: left;
 }

.professor-img {
 text-align: right;
 }

.professor-img img {
 width: 100%;
 max-width: 300px;
 height: auto;
 }

.right-left45 {
 width: 47.5%;
 float: right;
 }

.contents .professor-contsnts-list {
 margin: 16px 0;
 } 

.list12_5 {
 font-size: 0;/**********高さの違うリスト用（floatの代替）**********/
 }

.list12_5 li {
 display: inline-block;/**********高さの違うリスト用（floatの代替）**********/
 /display: inline;/**********高さの違うリスト用（floatの代替）**********/
 /zoom: 1;/**********高さの違うリスト用（floatの代替）**********/
 vertical-align: top;/**********高さの違うリスト用（floatの代替）**********/
 width: 12.5%;
 }

.list12_5 li img {
 width: 95%;
 max-width: 300px;
 height: auto;
 }




   
    
    


/********************about-member-page********************/
.contents div.member-list {
 margin: 16px 0;
 } 

.blog-link {
 margin: -10px 0 20px 0;
 } 

.blog-link a {
 border-bottom: 2px solid #000;
 font-weight: bold;
 } 

.blog-link a:hover {
 border-bottom: 2px solid #EA6000;;
 }

.list25 {
 font-size: 0;/**********高さの違うリスト用（floatの代替）**********/
 }

.list25 li {
 display: inline-block;/**********高さの違うリスト用（floatの代替）**********/
 /display: inline;/**********高さの違うリスト用（floatの代替）**********/
 /zoom: 1;/**********高さの違うリスト用（floatの代替）**********/
 vertical-align: top;/**********高さの違うリスト用（floatの代替）**********/
 width: 12.5%;
 margin-bottom: 80px;
 }
 


   
    
    

	
/********************link-page********************/
.link-each {
 margin-bottom: 20px;
 border-bottom: 1px dotted #000;
 padding-bottom: 20px;
 }









	
/********************guest-page********************/
.contents p.medium-text {
 font-size: 1.5em;
 line-height: 1.2em;
 margin: 10px 0;
 }
 
.guest-content,
.guest-cv {
 margin-top: 40px;
 }

.contents-excuse {
 text-align: center;
 }

.contents-excuse span {
 border: 1px solid #000;
 padding: 5px 10px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -o-border-radius: 10px;
 -ms-border-radius: 10px; 
 font-weight: bold;
 } 
 








/********************archive-page********************/
.toggle {
 width: 20px;
 height: 20px;
 margin-top: 10px;
 border: 2px solid #000;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 -o-border-radius: 50%;
 -ms-border-radius: 50%; 
 display: block;
 text-align: center;
 font-family: 'Helvetica',sans-serif;
 font-size: 1.2em;
 line-height: 1.4em;
 letter-spacing: 0em;
 font-weight: bold;
 cursor: pointer;
 }

.toggle:hover {
 background: #000;
 color: #fff;
 }

.active {
 line-height: 1.1em;
 transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
 -webkit-transform: rotate(-180deg);
 -o-transform: rotate(-180deg);
 -ms-transform: rotate(-180deg);
 }

.menu {
 position: relative;
 display: none;
 }

.content-area {
 margin-bottom: 80px;
 }
 
 
.plan4-text {
 margin-bottom: 80px;
 }








 
 
 
 
 
/****************************************FOOTER****************************************/
#container-footer {
 height: 70px;/**********footer-height**********/
 clear: both;	
 }

#footer {
 width: 100%;
 height: 70px;/**********footer-height**********/
 line-height: 70px;/**********footer-height**********/
 }



.front-news {
 position: fixed;
 left: 5%;
 bottom: 10%;
 background-color: rgba(255,255,255,0.2);
 padding: 5px 20px 20px 20px;
 z-index: 9999;
 }

.front-news p {
 text-align: left;
 color: #fff;
 }

.front-news p span.title {
 font-weight: bold;
 color: #fff;
 border-bottom: 2px solid #fff;
 line-height: 40px;
 } 

.front-news p span.info {
 font-weight: bold;
 color: #fff;
 border-bottom: 1px dotted #fff;
 } 

a:hover .front-news {
 background-color: rgba(255,255,255,0.5);
 }



.maximage-arrow-area {
 position: fixed;
 right: 5%;
 bottom: 5%;
 }

ul.maximage-arrow {
 }
 
ul.maximage-arrow li {
 float: left;
 }

.arrow-left {
 margin-right: 20px;
 }

.arrow-left,
.arrow-right {
 color: #fff;
 font-size: 2em;
 z-index: 9999;
 cursor: pointer;
 }


.arrow-left:hover,
.arrow-right:hover {
 color: #EA6000;
 }




.pagetop {
 text-align: center;
 margin-bottom: 10px;
 }

.pagetop a {
 font-size: 1.2em;
 font-weight: bold;
 }

.copy {
 text-align: center;
 font-size: 0.825em;
 }