@charset "utf-8";
/*
Theme Name: KEK Theory Center Theme
Theme URI: 
Description:KEK Theory Center Theme originals
Author: KEK Theory Center
 CSS Document
  */
  
/* =Reset default browser CSS. Based on work by Eric Meyer.-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
width:100%;
height:100%;
}
body {
	line-height: 1;
	height: 100%;
	width: 100%;
	position:relative;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	font-feature-settings : "palt 1";
	overflow-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*Print CSS 
---------------------------------------*/
body {
	-webkit-print-color-adjust: exact;
}

/* img markup -------------------------------------------------------------------------------------------------------*/
img {
	border: none;
	object-fit: cover;
	object-position: 50% 50%;
}
/*ie,edge用*/
.object-fit-img {
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;'
}
img:hover{
	opacity: 1;
	transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-webkit-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
}
figure{
display: block;
margin: 0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
}	
.page-template-default .widget-area{
	display: none;
}

#footer {
	clear: both;
	width: 100%;
}

/* =Fonts
-------------------------------------------------------------- */
body {
	font-family:Helvetica,'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック', Arial, sans-serif;
}

@font-face{
	font-family: 'A-OTF-MidashiGoPro-MB31';
	src: url('fonts/A-OTF-MidashiGoPro-MB31.otf'),
		url('fonts/A-OTF-MidashiGoPro-MB31.eot?#iefix') format('eot'),
		url('fonts/A-OTF-MidashiGoPro-MB31.woff') format('woff');
}
@font-face{
	font-family: 'A-OTF-RyuminPro-Regular';
	src: url('fonts/A-OTF-RyuminPro-Regular.otf'),
		url('fonts/A-OTF-RyuminPro-Regular.eot?#iefix') format('eot'),
		url('fonts/A-OTF-RyuminPro-Regular.woff') format('woff');
}
@font-face{
	font-family: 'A-OTF-RyuminPro-Bold';
	src: url('fonts/A-OTF-RyuminPro-Bold.otf'),
		url('fonts/A-OTF-RyuminPro-Bold.eot?#iefix') format('eot'),
		url('fonts/A-OTF-RyuminPro-Bold.woff') format('woff');
}
@font-face{
	font-family: 'koburinaW6';
	src: url('fonts/koburinaW6.otf'),
		url('fonts/koburinaW6.eot?#iefix') format('eot'),
		url('fonts/koburinaW6.woff') format('woff');
}


/* =Structure
-------------------------------------------------------------- */
.inner {
	/*合算1020px-------------*/
	width: 1020px;
	margin: 0 auto;
	display: block;
	clear: both;
	position: relative;
}
.inner:after{content:""; overflow: hidden; clear: both; visibility: hidden; height: 0; display: block;}

/* =Global Elements
-------------------------------------------------------------- */
body {
	background: #fff;/*---クロームは必要---*/
}
body,
input,
textarea {
	color: #1a1a1a;
	font-size: 16px;
	line-height: 2;
}
hr {
	background-color: #333;
	border: 0;
	clear: both;
	height: 1px;
}

/* Text elements */
p {
	margin-bottom:0;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
	margin: 0
}
ol ol {
	list-style: none;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0;
}
strong {}
cite,i {}
b{font-weight: bold;}
blockquote {
	font-style: italic;
	padding: 0;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

/*----------------------------aカラー-----------------------------*/
a,
a:link,
a:visited,
a:hover,
a:active {
color:#1a1a1a;
text-decoration:none;
}
a:hover {color: #1E51A0;}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
}
/* =costom プリセット
-------------------------------------------------------------- */
span.red{color: #c6000b;}
.pc,#pc {display:block;}
.tb {display:none;}
.sp,#sp {display:none;}
.post-edit-link{display: none;}
.fff{color: #fff !important;}
.line-1{line-height: 1 !important;}
.line-2{padding-left: 1em;text-indent: -1em;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.relative{position: relative;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.justify{text-align:justify; text-justify: inter-ideograph;font-feature-settings: "swsh" 1;}
.bl{display: block;}
.hidden{overflow: hidden;}
.mb0{margin-bottom: 0px !important;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb138{margin-bottom: 138px;}
.mb150{margin-bottom: 150px;}
.mr20{margin-right: 20px;}
.wall{width: 100% !important;}



/*pager
----------------------------*/
.wp-pagenavi{
	display: block;
	clear: both;
	text-align: center;
	margin-bottom: 100px;
}
.wp-pagenavi-alumni{
	padding-top: 60px;
	margin-bottom: 0;
}
.page-numbers{
	background: #1a1a1a;
	padding: 6px 10px;
	margin: 0 4px;
	color: #fff;
}
.current{
	background: #3FA9F5;
}
.wp-pagenaviworkshop .current{
	background: #00D0D8;
}
.wp-pagenaviseminar .current{
	background: #D22896;
}
.wp-pagenavi-alumni .current{
	background: #F7931E;
}

.prev,
.next{
	background: none;
}
a.page-numbers{
	color: #fff;
}
a.prev,
a.next{
	color: #0f0300;
}
.wp-pagenaviworkshop a.prev,
.wp-pagenaviworkshop a.next{
	color: #00D0D8;
}
.wp-pagenaviseminar a.prev,
.wp-pagenaviseminar a.next{
	color: #D22896;
}
.wp-pagenavi-alumni a.prev,
.wp-pagenavi-alumni a.next{
	color: #F7931E;
}
.wp-pagenavi a:hover{
	background: #3FA9F5;
	color: #fff;
}
.wp-pagenaviworkshop a:hover{
	background: #00D0D8;
	color: #fff;
}
.wp-pagenaviseminar a:hover{
	background: #D22896;
	color: #fff;
}
.wp-pagenavi-alumni a:hover{
	background: #F7931E;
	color: #fff;
}


/* breadcrumbs
-------------------------------------------------------------- */

.bread{
	padding: 30px 0;
}

ul.breadcrumbs {
	float: left;
	width: 100%;
	height: 1.4em;
}
ul.breadcrumbs li {
	float: left;
	padding-right: 0.5em;
	position: relative;
	font-size: 13px;
	font-size: 1.3rem;
}
ul.breadcrumbs li a {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
}

ul.breadcrumbs li:before{
	font-family: 'Font Awesome 5 Free'; /*←ココ！！！！！！！*/
	font-weight: 900;
	content:"\f101";
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #c8c8c8;
}

ul.breadcrumbs li:nth-child(1):before{
	font-family: 'Font Awesome 5 Free'; /*←ココ！！！！！！！*/
	font-weight: 900;
	content:"\f015";
	display: none;
	margin-right: 0;
	font-size: 17px;
	font-size: 1.7rem;
	color: #c8c8c8;
}



.h-line{
	width: 100%;
	height: 10px;
	  background : -moz-linear-gradient(0.1% 88994.8% 0deg,rgba(237, 30, 121, 1) 0%,rgba(196, 35, 128, 1) 4.8%,rgba(163, 38, 134, 1) 9.74%,rgba(136, 41, 139, 1) 14.79%,rgba(117, 43, 142, 1) 19.93%,rgba(106, 45, 144, 1) 25.22%,rgba(102, 45, 145, 1) 30.87%,rgba(98, 99, 173, 1) 42.3%,rgba(95, 154, 202, 1) 55.52%,rgba(92, 198, 225, 1) 67.82%,rgba(90, 229, 241, 1) 78.79%,rgba(88, 248, 251, 1) 88.04%,rgba(88, 255, 255, 1) 94.46%);
	  background : -webkit-linear-gradient(0deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
	  background : -webkit-gradient(linear,0.1% 88994.8% ,100.1% 88994.8% ,color-stop(0,rgba(237, 30, 121, 1) ),color-stop(0.048,rgba(196, 35, 128, 1) ),color-stop(0.0974,rgba(163, 38, 134, 1) ),color-stop(0.1479,rgba(136, 41, 139, 1) ),color-stop(0.1993,rgba(117, 43, 142, 1) ),color-stop(0.2522,rgba(106, 45, 144, 1) ),color-stop(0.3087,rgba(102, 45, 145, 1) ),color-stop(0.423,rgba(98, 99, 173, 1) ),color-stop(0.5552,rgba(95, 154, 202, 1) ),color-stop(0.6782,rgba(92, 198, 225, 1) ),color-stop(0.7879,rgba(90, 229, 241, 1) ),color-stop(0.8804,rgba(88, 248, 251, 1) ),color-stop(0.9446,rgba(88, 255, 255, 1) ));
	  background : -o-linear-gradient(0deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
	  background : -ms-linear-gradient(0deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
	  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1E79', endColorstr='#58FFFF' ,GradientType=0)";
	  background : linear-gradient(90deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1E79',endColorstr='#58FFFF' , GradientType=1);
}
/* =Header
-------------------------------------------------------------- */
#header {
	position: relative;
	z-index: 5;
	height: 120px;
}
#site-title {
	position: absolute;
	left: 20px;
	top: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 10px;
}
#site-title a{
	width: 420px;
	height: 60px;
	display: block;
}
#site-title a img{
	width: 100%;
}
#header-links{
	position:fixed;
	z-index: 100;
	right: -11px;
	top: 85%;
	width: 126px;
}
#header-links li{
	width: 116px;
	height: 45px;
	font-family: 'A-OTF-RyuminPro-Regular';
	border: 1px solid #1a1a1a;
	background: #fff;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 40px;
	padding-left: 15px;
	margin-bottom: 10px;
}
#header-links li a{
	font-size: 15px;
}
#header-links li a:before{
	font-family: 'Font Awesome 5 Free'; /*←ココ！！！！！！！*/
	font-weight: 900;
	content:"\f0ac";
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #1e51a0;
}
/* =Menu
-------------------------------------------------------------- */
#access {
	position: absolute;
	right: 80px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
	margin-left: 20px;
}
#access a{
	transition:0.3s ease-in-out;
	display: block;
	width: 80px;
	height: 80px;
	text-decoration: none;
}
#access a:hover{
	-webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}
#access .menu-header li:nth-of-type(1) a{
	background: url(images/h-menu-news.svg) no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
#access .menu-header li:nth-of-type(2) a{
	background: url(images/h-menu-members.svg) no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
#access .menu-header li:nth-of-type(3) a{
	background: url(images/h-menu-researchgroup.svg) no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
#access .menu-header li:nth-of-type(4) a{
	background: url(images/h-menu-seminar.svg) no-repeat;
	background-size: cover;
	text-indent: -9999px;
}
#access .menu-header li:nth-of-type(5) a{
	background: url(images/h-menu-workshop.svg) no-repeat;
	background-size: cover;
	text-indent: -9999px;
}


/* =Slider
-------------------------------------------------------------- */
#slider-fade{
	overflow: hidden;
	position: relative;
	top: 0;
	z-index: 3;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	width: 2000px;
	height: 400px;
}
#slider-fade li{
	text-align: left;
}

/* =Content
-------------------------------------------------------------- */
html{
	overflow-x: hidden;
}
#home #container{
	position: relative;
	top: 0;
	width: 100%;
	background: transparent;
}
/* =news-------------------------------------------------------------------------------------------------------------------------------- */
.news-area{
	height: 613px;
	overflow-y: scroll;
}	

.cate-more{
	background-color: #D22896; 
	margin-top: 50px;
	width: 150px;
	height: 45px;
	margin: 50px auto 0;
}
.cate-more a{
	display: block;
	color: #fff;
	width: 150px;
	height: 45px;
	border: 3px solid #D22896;
	text-align: center;
	font-size: 16px;
	padding: 4px 0; 
	box-sizing: border-box;
	font-family:"Helvetica Neue";
	font-weight: 500;
}
.cate-more a:hover{
	color: #D22896;
	background-color: #fff; 
}
.more{
	background: #3fa9f5;
}
.more a{
	border: 3px solid #3fa9f5;
}
.more a:hover{
		color: #3fa9f5;
}
.more-workshop{
	background-color: #00D0D8;
}
.more-workshop a{
	border: 3px solid #00D0D8;
}
.more-workshop a:hover{
	color: #00D0D8;
}

#sideBar{
	display: none;
}
/* =.column-01-------------------------------------------------------------------------------------------------------------------------------- */
.column-01{
	position: relative;
	width: 100%;
	padding: 100px 0;
	box-sizing: border-box;
	height: 667px;
	background: url(images/column-01-bg-new.svg) no-repeat;
	background-size: cover;
	background-position: center center;
	border-bottom: 1px solid #ccc;
}
.main-comment{
	margin-bottom: 60px;
}
.column-01 h3{
	font-size: 28px;
	line-height: 1;
	margin-bottom: 100px;
	font-family: 'A-OTF-RyuminPro-Bold';
	text-align: center;
}
.icon-researchgroup{
	clear: both;
	margin: 0 auto 50px;
	width: 886px;
	height: 228px;
}
.text-researchgroup{
	width: 570px;
	margin: 0 auto;
}
.text-researchgroup img{
	width: 100%;
	height: 100%;
}
.icon-researchgroup li{
	float: left;
	width: 176px;
	height: 152px;
}
.icon-researchgroup li a{
	display: block;
	width: 176px;
	height: 152px;
}
.icon-researchgroup li:nth-of-type(5),
.icon-researchgroup li:nth-of-type(3){
	margin-left: -34px;
}
.icon-researchgroup li:nth-of-type(2),
.icon-researchgroup li:nth-of-type(4),
.icon-researchgroup li:nth-of-type(6){
	margin-left: -34px;
	margin-top: 76px;
}
.icon-researchgroup li:nth-of-type(1) a{
	background: url(images/icon-phenomenology.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.icon-researchgroup li:nth-of-type(1) a:hover{
	background: url(images/icon-phenomenology-h.png) no-repeat;
	background-size: cover;
	background-position: center center;	
}
.icon-researchgroup li:nth-of-type(2) a{
	background: url(images/icon-qcd.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.icon-researchgroup li:nth-of-type(2) a:hover{
	background: url(images/icon-qcd-h.png) no-repeat;
	background-size: cover;
	background-position: center center;	
}
.icon-researchgroup li:nth-of-type(3) a{
	background: url(images/icon-string.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.icon-researchgroup li:nth-of-type(3) a:hover{
	background: url(images/icon-string-h.png) no-repeat;
	background-size: cover;
	background-position: center center;	
}
.icon-researchgroup li:nth-of-type(4) a{
	background: url(images/icon-cosmophysics.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.icon-researchgroup li:nth-of-type(4) a:hover{
	background: url(images/icon-cosmophysics-h.png) no-repeat;
	background-size: cover;
	background-position: center center;	
}
.icon-researchgroup li:nth-of-type(5) a{
	background: url(images/icon-hnth.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.icon-researchgroup li:nth-of-type(5) a:hover{
	background: url(images/icon-hnth-h.png) no-repeat;
	background-size: cover;
	background-position: center center;	
}
.icon-researchgroup li:nth-of-type(6) a{
	background: url(images/icon-fom.png) no-repeat;
	background-size: cover;
	background-position: center center;
}
.icon-researchgroup li:nth-of-type(6) a:hover{
	background: url(images/icon-fom-h.png) no-repeat;
	background-size: cover;
	background-position: center center;
}

.sub-comment{
	width: 730px;
}

.f-circle,
.f-human,
.f-deco{
	position: absolute;
}
#f-human-01{
	left: 140px;
	top: 30px;
}
#f-human-02{
	right: 40px;
	top:-138px;
}
#f-human-03{
	left: 40px;
	top:400px;
}
#f-human-04{
	right: 30px;
	top:972px;
}
#f-deco-text-01{
	right: -60px;
	top:-320px;
}
#f-deco-text-02{
	right: 185px;
	top: -110px;
}
#f-deco-text-03{
	right: 70px;
	top: 210px;
}
#f-circle-01{
	left: -63px;
	top: 53px;
}
#f-circle-02{
	left: 250px;
	top: 215px;
}
#f-circle-03{
	left: 180px;
	top: 540px;
}
#f-circle-04{
	left: 20px;
	top: 627px;
}
#f-circle-05{
	right: 20px;
	top: 695px;
}
/* =.column-02-------------------------------------------------------------------------------------------------------------------------------- */
.column-02{
	position: relative;
	width: 100%;
	height: 300px;
	background: #4D4D4D;
	padding: 50px 0 0;
	box-sizing: border-box;
}
.f-members-bg{
	width: 100%;
	height: 200px;
	background: url(images/f-members-bg.svg) no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 30px;
	box-sizing: border-box;
}
.column-02 h3{
	font-size: 40px;
	line-height: 1;
	margin-bottom: 15px;
	font-weight: bold;
}
.column-02 h4{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 25px;
	font-family: 'A-OTF-RyuminPro-Regular';	
}
.f-members-bg li{
	float: left;
	width: 149px;
	height: 45px;
	background: #1a1a1a;
	font-family: 'A-OTF-RyuminPro-Bold';	
	text-align: center;
	font-size: 16px;
	line-height: 1;
	margin-right: 13px;
	box-sizing: border-box;
	border: 3px solid #1a1a1a;
}
.f-members-bg li:last-of-type{
	margin-right: 0;
}
.f-members-bg li a{
	color: #fff;
	display: block;
	width: 100%;
	height: 39px;
	padding: 12px 0;
	box-sizing: border-box;
	font-family: 'A-OTF-RyuminPro-Bold';	
}
.f-members-bg li:hover{
	border: 3px solid #1a1a1a;
	background: #fff;
	box-sizing: border-box;
}
.f-members-bg li a:hover{
	color: #1a1a1a;
}

/* =.column-03column-04-------------------------------------------------------------------------------------------------------------------------------- */

.post-area{
	display: flex;
	justify-content: space-between;
}
.f-work{
	width: 320px;
	padding: 100px 0 100px;
	box-sizing: border-box;
}
.f-work h3{
	font-size: 30px;
	height: 120px;
	line-height: 1;
	text-align: center;
	padding: 30px 0;
	box-sizing: border-box;
	font-family:"Helvetica Neue";
	font-weight: 500;
}
.f-work h3 span{
	display:block;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	font-family: 'A-OTF-RyuminPro-Regular';	
	margin-top: 10px;
}
.column-0 h3{
	color:#fff;
	background: #3fa9f5;
}
.column-03 h3{
	color: #fff;	
	background: #d22896;
}
.column-04 h3{
	color: #fff;	
	background: #00d0d8;
}

.f-work ul{
	padding: 30px 10px 16px;
	text-align: center;
}
.f-work ul:nth-of-type(1){
	padding: 50px 10px 16px;
}
.cat-news{
	border-bottom: 1px solid #3fa9f5;
}
.cat-seminar{
	border-bottom: 1px solid #D22896;
}
.cat-workshop{
	border-bottom: 1px solid #00D0D8;
}
.event_date{
	font-size: 18px;
	line-height: 1;
	margin-bottom: 16px;
	font-family: 'A-OTF-MidashiGoPro-MB31';
}
.cat-news .event_date{
	color: #3fa9f5;	
}
.cat-seminar .event_date{
	color: #D22896;	
}
.cat-workshop .event_date{
	color: #00D0D8;
}
.blog-title,
.the_title h6{
	font-size: 16px;
	line-height: 30px;
	font-family: 'A-OTF-MidashiGoPro-MB31';
	margin-bottom: 5px;
}
.blog-title a:hover{
	color: #3fa9f5;
}
.cat-seminar .the_title h6:hover{
	color: #D22896;	
}
.cat-workshop .the_title h6{
	color: #000;	
}
.cat-workshop .the_title h6:hover{
	color: #00D0D8;	
}
.event_place{
	font-size: 16px;
	line-height: 30px;
	font-family: 'A-OTF-RyuminPro-Regular';		
}
.cat-workshop .event_place{
		color: #1a1a1a;	
}

/* =.column-05-------------------------------------------------------------------------------------------------------------------------------- */
.f-calendar{
	position: relative;
	padding: 50px 0;
	box-sizing: border-box;
	text-align: center;
}
.column-05{
	background: #f2f2f2;
}
.f-calendar h3{
	font-size: 30px;
	color: #1E51A0;
	line-height: 1;
	margin-bottom: 20px;
	font-family:"Helvetica Neue";
	font-weight: 500;
}
.f-calendar h3 span{
	display:block;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	font-family: 'A-OTF-RyuminPro-Regular';	
	margin-top: 14px;
}
.f-calendar p{
	font-size: 18px;
	color: #1E51A0;
	font-weight: bold;
	margin-bottom: 20px;
}
.f-calendar a{
	display: block;
	font-size: 16px;
	color: #fff;
	background-color: #1E51A0;
	border: 3px solid  #1E51A0;
	font-weight: bold;
	width: 250px;
	height: 45px;
	padding: 5px 0;
	margin: 0 auto;
	box-sizing: border-box;	
}
.f-calendar a:hover{
	color: #1E51A0;
	background-color: #fff;
	border: 3px solid  #1E51A0;
}

/* =Pagetop
-------------------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 67px;
    right: 40px;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all .5s;
    transition: all .5s
}
#pagetop a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-align: center;
    text-decoration: none;
    transition: all 2s ease;
    -webkit-transition: all 2s ease;
}
#pagetop.show {
    z-index: 50;
    opacity: 1;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0)
}
/* =Footer
-------------------------------------------------------------- */
.toTop {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 80px;
}
#site-generator{
	text-align: center;
	color: #fff;
	 background : -moz-linear-gradient(0.14% -2068.73% 0deg,rgba(237, 30, 121, 1) 0%,rgba(196, 35, 128, 1) 4.8%,rgba(163, 38, 134, 1) 9.74%,rgba(136, 41, 139, 1) 14.79%,rgba(117, 43, 142, 1) 19.93%,rgba(106, 45, 144, 1) 25.22%,rgba(102, 45, 145, 1) 30.87%,rgba(98, 99, 173, 1) 42.3%,rgba(95, 154, 202, 1) 55.52%,rgba(92, 198, 225, 1) 67.82%,rgba(90, 229, 241, 1) 78.79%,rgba(88, 248, 251, 1) 88.04%,rgba(88, 255, 255, 1) 94.46%);
  background : -webkit-linear-gradient(0deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
  background : -webkit-gradient(linear,0.14% -2068.73% ,100.14% -2068.73% ,color-stop(0,rgba(237, 30, 121, 1) ),color-stop(0.048,rgba(196, 35, 128, 1) ),color-stop(0.0974,rgba(163, 38, 134, 1) ),color-stop(0.1479,rgba(136, 41, 139, 1) ),color-stop(0.1993,rgba(117, 43, 142, 1) ),color-stop(0.2522,rgba(106, 45, 144, 1) ),color-stop(0.3087,rgba(102, 45, 145, 1) ),color-stop(0.423,rgba(98, 99, 173, 1) ),color-stop(0.5552,rgba(95, 154, 202, 1) ),color-stop(0.6782,rgba(92, 198, 225, 1) ),color-stop(0.7879,rgba(90, 229, 241, 1) ),color-stop(0.8804,rgba(88, 248, 251, 1) ),color-stop(0.9446,rgba(88, 255, 255, 1) ));
  background : -o-linear-gradient(0deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
  background : -ms-linear-gradient(0deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1E79', endColorstr='#58FFFF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(237, 30, 121, 1) 0%, rgba(196, 35, 128, 1) 4.8%, rgba(163, 38, 134, 1) 9.74%, rgba(136, 41, 139, 1) 14.79%, rgba(117, 43, 142, 1) 19.93%, rgba(106, 45, 144, 1) 25.22%, rgba(102, 45, 145, 1) 30.87%, rgba(98, 99, 173, 1) 42.3%, rgba(95, 154, 202, 1) 55.52%, rgba(92, 198, 225, 1) 67.82%, rgba(90, 229, 241, 1) 78.79%, rgba(88, 248, 251, 1) 88.04%, rgba(88, 255, 255, 1) 94.46%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED1E79',endColorstr='#58FFFF' , GradientType=1);
}
#colophon{
	padding: 150px 0;
}

#site-info{
	width: 690px;
	height: 60px;
	margin: 0 auto;
}
#site-info li:nth-of-type(1){
	float: left;
	width: 310px;
	height: 60px;
	overflow: hidden;
}
#site-info li:nth-of-type(2){
	float: right;
	width: 330px;
	height: 60px;
	overflow: hidden;
}
#site-info li a{
	display: block;
}
#site-info li img{
	width: 100%;
}
#menu-f-nav-1{
	clear: both;
	margin: 0 auto;
}
#menu-f-nav li{
	float: left;
	font-size: 13px;
	line-height: 1.5;
	font-family: 'A-OTF-RyuminPro-Regular';	
	color: #1a1a1a;
	padding: 0 2em;
	border-right: 1px solid #1a1a1a;
}
#menu-f-nav li:first-of-type{
	padding: 0 2em 0 4.5em;
}
#menu-f-nav li:last-of-type{
	padding: 0  0 0 2em;
	border-right: none;
}

/* =Page
-------------------------------------------------------------- */
.page_title{
	width: 100%;
	height: 100px;
	position: relative;
}
.thum_img{
    overflow: hidden;
}
.thum_img img{
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	line-height: 0;
}
h3.entry-title,
h3.blog-title,
h3.page-title{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 28px;
	line-height: 100px;
	font-family: 'A-OTF-RyuminPro-Bold';
}
.page h3{
	text-align: center;
	font-size: 18px;
	font-family: 'A-OTF-RyuminPro-Regular';	
	padding: 100px 0 50px;
}
.page .icon-researchgroup{
	width: 886px;
	height: 228px;
	margin: 0 auto 30px;
}
.f-deco-text{
	width: 630px;
	margin: 0 auto;
}
.cat-line,
.page hr{
	background-color: #ccc;
	    border: 0;
	    clear: both;
	    height: 1px;
	    position: relative;
	    top: -15px;
	    z-index: -1;
	    margin-block-start: 0em;
	    margin-block-end: 0em;
}
.cat-line{
	top: 0;
	margin-top: 100px;
}

.g-researchgroup{
	padding: 100px 0 0;
	box-sizing: border-box;
	position: relative;
	z-index: 3;
}
.bgg{
	margin-top: -200px;
	position: relative;
	background: #F2F2F2;
	display: block;
	width: 100%;
	height: 300px;
}
.g-researchgroup h4{
	font-size: 26px;
	line-height: 1;
	font-family: 'A-OTF-RyuminPro-Regular';	
	margin-bottom:25px;
	padding-left: 50px;
}
.g-researchgroup-right h4{
	padding-left: 430px;
}
#phenomenology h4{color: #3FA9F5;}
#qcd h4{color: #6C9BD1;}
#string h4{color: #7AC943;}
#cosmophysics h4{color: #D22896;}
#hnth h4{color: #00D0D8;}

.g-researchgroup h4 img{
	vertical-align: middle;
	margin-top: -5px;
}
.g-researchgroup-text{
	padding: 50px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	width: 100%;
	height: auto;
	  background : #FFFFFF;
	  box-shadow : 1px 2px 2px 2px rgba(0, 0, 0, 0.15);
	  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#000000') ;
}
.height476{height: 476px;}
.height368{height: 368px;}
.height625{height: 625px;}
.height355{height: 355px;}
.height535{height: 535px;}


.g-researchgroup-text p{
	width: 540px;
	font-size: 16px;
	line-height: 36px;
	text-align: justify;
	font-family: 'A-OTF-RyuminPro-Regular';	
	margin-top: -10px;
	margin-bottom: 50px;
}
.img-rg{
	width: 330px;
	height: 252px;
	margin-top: -100px;
}
.img-rg img{
	width: 100%;
	height: auto;	
}

#img-rg-01-sub{
	position: absolute;
	bottom: 69px;
	right: -100px ;
	width: 480px;
	height: 140px;
}
#img-rg-02-sub{
	position: absolute;
	bottom: 26px;
	left: 75px ;
	width: 280px;
	height: 110px;
}

#img-rg-03-sub{
	position: absolute;
	bottom: 265px;
	right: -222px ;
	width: 602px;
	height: 56px;	
}
#img-rg-04-sub{
	position: absolute;
	bottom: 43px;
	left: 50px;
	width: 330px;
	height: 70px;	
}
#img-rg-05-sub{
	position: absolute;
	bottom: 150px;
	right: -170px;
	width: 550px;
	height: 85px;	
}
#img-rg-06-sub{
	position: absolute;
	bottom: 120px;
	left: -240px;
	width: 620px;
	height: 54px;	
}
a.rg-links{
	display: block;
	width: 126px;
	height: 35px;
	border: 1px solid #fff;
	background: #fff;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	font-family: 'A-OTF-MidashiGoPro-MB31';
}
#phenomenology a.rg-links{
	border: 1px solid #3FA9F5;
	background: #3FA9F5;
}
#phenomenology a.rg-links:hover{
	border: 1px solid #3FA9F5;
	background: #fff;
	color: #3FA9F5;
	box-sizing: border-box;
}
#qcd a.rg-links{
	float: right;
	border: 1px solid #6C9BD1;
	background: #6C9BD1;
}
#qcd a.rg-links:hover{
	border: 1px solid #6C9BD1;
	background: #fff;
	color: #6C9BD1;
	box-sizing: border-box;
}
#string a.rg-links{
	border: 1px solid #7AC943;
	background: #7AC943;
}
#string a.rg-links:hover{
	border: 1px solid #7AC943;
	background: #fff;
	color: #7AC943;
	box-sizing: border-box;
}
#cosmophysics a.rg-links{
	border: 1px solid #D22896;
	background: #D22896;
}
#cosmophysics a.rg-links:hover{
	border: 1px solid #D22896;
	background: #fff;
	color: #D22896;
	box-sizing: border-box;
}
#cosmophysics .cosmophysics-links{
	clear: both;
	float: right;
}
.cosmophysics-links a.rg-links{
	display: block;
	float: left;
}
#hnth a.rg-links{
	border: 1px solid #00D0D8;
	background: #00D0D8;
}
#hnth a.rg-links:hover{
	border: 1px solid #00D0D8;
	background: #fff;
	color: #00D0D8;
	box-sizing: border-box;
}
#hnth .hnth-links{
	clear: both;
	float: left;
}
#hnth a.rg-links{
	display: block;
	float: left;
}
.w248{
	width: 248px !important;
}
#under-l{
	color:  #00D0D8;
	border-bottom:solid;
	border-color:#00D0D8;
	border-width:1px;
	padding-bottom: 3px;	
}

/* =投稿一覧
-------------------------------------------------------------- */
#container-tax,
#container-news{
	padding: 100px 0 100px;
}
.tax-seminar,
.tax-workshop,
.category-news{
	margin-bottom: 30px;
	padding: 30px 50px;
	box-sizing: border-box;
	background : #FFFFFF;
	box-shadow : 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#000000') ;
}
.tax-seminar:last-of-type,
.tax-workshop:last-of-type,
.category-news:last-of-type{
	margin-bottom: 0;
}

.container-single h4,
.tax-seminar h4,
.tax-workshop h4,
.category-news h4{
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	width: 80px;
	height: 25px;
	border: 1px solid #3FA9F5;
	box-sizing: border-box;
	text-align: center;
	color: #3FA9F5;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	text-transform: capitalize;
}
.tax-seminar h4{border: 1px solid #D22896;color: #D22896;}
.tax-workshop h4{border: 1px solid #00D0D8;color: #00D0D8;}

.container-single .entry-meta,
.tax-seminar .entry-meta,
.tax-workshop .entry-meta,
.category-news .entry-meta{
	font-size: 18px;
	color: #3FA9F5;
	line-height: 22px;
	font-family: Helvetica bold,'A-OTF-MidashiGoPro-MB31';
}
.tax-seminar .entry-meta{color: #D22896;}
.tax-workshop .entry-meta{color: #00D0D8;}

.tax-seminar .entry-title,
.tax-workshop .entry-title,
.category-news .entry-title{
	clear: both;
	font-size: 18px;
	line-height: 1;
	font-family: Helvetica bold,'A-OTF-MidashiGoPro-MB31';
	float: left;
	margin-bottom: 15px;
}
.category-news .entry-title a:hover{
	color: #3FA9F5;
}
.tax-seminar .entry-title a:hover{
	color: #D22896;
}
.tax-workshop .entry-title a:hover{
	color: #00D0D8;
}
.tax-seminar .entry-more,
.tax-workshop .entry-more,
.category-news .entry-more{
	float: right;
	width: 80px;
	height: 25px;
	background: #3FA9F5;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
}
.tax-seminar .entry-more{background: #D22896;}
.tax-workshop .entry-more{background: #00D0D8;}
a.entry-more{
	color: #fff;
}
#container-tax p{
	font-size: 13px;
	line-height: 1.5;
}

#cat-nav-area{
	font-family: 'A-OTF-RyuminPro-Regular';	
}
#cat-nav-area a{
	color: #1a1a1a;
}
#cat-nav-area li:nth-of-type(1) a:hover{
	color: #3FA9F5;
}
#cat-nav-area li:nth-of-type(2) a:hover{
	color: #D22896;
}
#cat-nav-area li:nth-of-type(3) a:hover{
	color: #00D0D8;
}
#cat-nav-area li a{
	padding: 22px 30px;
	display: block;
	
}
#cat-nav-area h6{
	height: 63px;
	border-bottom: 3px solid #1a1a1a;
	box-sizing: border-box;
	line-height: 60px;
	font-size: 20px;
	margin-bottom: 50px;
}
#cat-nav-area li{
	float: left;
	width: 320px;
	height: 80px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	font-size: 16px;
	margin-right: 30px;
	font-family: 'A-OTF-RyuminPro-Regular';	
}
#cat-nav-area li:last-of-type{
	margin-right: 0;
}
#cat-nav-area li img{
	margin-right: 0.5em;
}
/* =シングル
-------------------------------------------------------------- */
.container-single{
	padding: 50px 0 100px;
}
/*.container-single a{
	color: #3FA9F5;
}*/
.container-single .tax-seminar a{
	color: #D22896;
}
.container-single .tax-workshop a{
	color: #00D0D8;
}

.container-single h2{
	height: auto;
	border-bottom: 1px solid #3FA9F5;
	line-height: 1.5;
	font-size: 20px;
	color: #3FA9F5;
	font-family: Helvetica bold,'A-OTF-MidashiGoPro-MB31';
	padding: 20px 0 30px;
	box-sizing: border-box;
}
.container-single .tax-seminar h2{
	border-bottom: 1px solid #D22896;
	color: #D22896;
}
.container-single .tax-workshop h2{
	border-bottom: 1px solid #00D0D8;
	color: #00D0D8;
}
.container-single .tax-seminar,
.container-single .tax-workshop{
	box-shadow:none;
	padding: 0;
}
.container-single p{
	font-family: 'A-OTF-RyuminPro-Regular';	
}
.container-single figure{
	margin: 50px 0;
}
.the_content{
	padding: 50px 0 100px;
}
.container-single img{
}
.container-single nav{
	width: 160px;
	margin: 0 auto 150px;
}
.container-single nav a{
	width: 70px;
	height: 30px;
	background: #3FA9F5;
	display: block;
	font-size: 16px;
	text-align: center;
	color: #fff;
	float: left;
	font-weight: bold;
}
.container-single .tax-seminar nav a{
	background: #D22896;
	color: #fff;
}
.container-single .tax-workshop nav a{
	background: #00D0D8;
	color: #fff
}

.container-single nav a:first-of-type{
	margin-right: 20px;
}
.container-single .tax-seminar ul{
	border-bottom: 1px solid #D22896;
	margin-bottom: 50px;
	padding: 30px 0 0;
}
.container-single .tax-workshop ul{
	border-bottom: 1px solid #00D0D8;
	margin-bottom: 50px;
	padding: 30px 0 0;
}
.container-single li{
	font-size: 16px;
	font-family: Helvetica bold,'A-OTF-MidashiGoPro-MB31';
	height: 25px;
}
.s_c-cf{
	width: 100px;
	height: 25px;
	background: #1a1a1a;
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
	font-family: 'Helvetica';
	vertical-align: top;
}

/* =.member-list-------------------------------------------------------------------------------------------------------------------------------- */
#page-list{
}
.member-list{
	text-align: left;
	padding: 110px 0 100px;
}
.member-label{
	float: left;
	width: 500px;
	margin-bottom: 40px;
}
.member-label:nth-of-type(even){
	margin-left: 20px;
}
.member-frame{
	display: block;
	height: 246px;
	padding-top: 20px;
}
.member-list h4{
	font-size: 26px;
	line-height: 1;
	font-family: 'A-OTF-RyuminPro-Regular';
	margin-bottom: 57px;
}
.professor_emeritus h4{
	color: #00D0D8;
}
.professor-emeritus h4{
	color: #6C9BD1;
}
.academic_staff h4{
	color: #7AC943;
}
.visiting_researcher h4{
	color: #3FA9F5;
}
.secretary h4{
	color: #D22896;
}
.researcher h4{
	color: #1E51A0;
}
.graduate h4{
	color: #662D91;
}
.Alumni h4{
	color: #F7931E;
	margin-bottom: 50px;
}



.p-label{
	width: 500px;
	height: 246px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 50px 30px 20px;
	position: relative;
}
.member-label .tax-img{
	width: 135px;
	height: 160px;
	margin-top: -70px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
}
.member-label .tax-img img{
	width: 100%;
}
.member-label .the_title{
	float: left;
	margin-left: 30px;
	width: 60%;
}
.member-frame:hover{
	color: #1a1a1a;
	opacity: .7;
}

.member-label .the_title h6{
	font-size: 22px;
	line-height: 1.2;
	font-family: 'A-OTF-RyuminPro-Bold';
}
.member-label .english_name{
	font-size: 16px;
	line-height: 2;
	font-family: 'A-OTF-RyuminPro-Regular';
}
.member-label .tax-place{
	clear: both;
	width: 100%;
	height: 35px;
	background: #00D0D8;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	font-family: 'A-OTF-MidashiGoPro-MB31';
	color: #fff;
}
.professor-emeritus .tax-place{
	background: #6C9BD1;
}
.cat-academic_staff .tax-place{
	background: #7AC943;
}
.visiting_researcher .tax-place{
	background: #3FA9F5;
}
.secretary .tax-place{
	background: #D22896;
}
.researcher .tax-place{
	background: #1E51A0;
}
.graduate .tax-place{
	background: #662D91;
}
.m_group .tax-place{
	background: #F7931E;
}
.m_group{
	padding-bottom: 0;
}
.member-label .tax-place-english{
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	font-family: 'A-OTF-RyuminPro-Regular';
	white-space: nowrap;
	letter-spacing: -0.5px;
}
#tax-line{
	background-color: #ccc;
	border: 0;
	clear: both;
	height: 1px;
	position: static;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-top: 60px;
}
#tax-line-last{
	background-color: #ccc;
	border: 0;
	clear: both;
	height: 1px;
	position: static;
	margin-block-start: 0em;
	margin-block-end: 0em;
	margin-top: 100px;
}
   
  .Alumni{
	  padding: 100px 0 0;
  }
#menu-member-nav li:before{
	 content: '・';
  }
#menu-member-nav li{
	float: left;
	font-size: 16px;
	line-height: 2;
	font-family: 'A-OTF-RyuminPro-Regular';
	margin-right: 2em;
}

#menu-member-nav li a:hover{
	text-decoration: underline;
	color: #F7931E;
}
.single-menber{
	padding: 100px 0 0;
}
.single-menber h4{
	font-size: 26px;
	line-height: 1;
	font-family: 'A-OTF-RyuminPro-Regular';
	margin-bottom: 50px;
	color: #F7931E;
}

.single-professor_emeritus h4{
	color: #00D0D8;
}
.single-professor-emeritus h4{
	color: #6C9BD1;
}
.single-academic_staff h4{
	color: #7AC943;
}
.single-visiting_researcher h4{
	color: #3FA9F5;
}
.single-secretary h4{
	color: #D22896;
}
.single-researcher h4{
	color: #1E51A0;
}
.single-graduate h4{
	color: #662D91;
}

.single-menber a{
	color: #F7931E;
}
.single-professor_emeritus a{
	color: #00D0D8;
}
.single-professor-emeritus a{
	color: #6C9BD1;
}
.single-academic_staff a{
	color: #7AC943;
}
.single-visiting_researcher a{
	color: #3FA9F5;
}
.single-secretary a{
	color: #D22896;
}
.single-researcher a{
	color: #1E51A0;
}
.single-graduate a{
	color: #662D91;
}

.single-menber h4 span{
	font-size: 16px;
	line-height: 26px;
	font-family: 'A-OTF-RyuminPro-Regular';
	margin-left: 30px;
	vertical-align: text-top;
	color: #1a1a1a;
}
.single-menber .tax-img{
	width: 202px;
	height: 240px;
	overflow: hidden;
	margin-bottom: 100px;
	margin-right: 50px;
	float: left;
}
.single-menber .tax-img img{
	width: 100%;
}
.single-name{
	float: left;
}
.single-menber h5{
	font-size: 25px;
	line-height: 1;
	font-family: 'A-OTF-RyuminPro-Bold';
	padding-top: 90px;
	margin-bottom: 15px;
	max-width: 300px;
}
.single-menber .english_name{
	font-size: 16px;
	line-height: 1;
	font-family: 'A-OTF-RyuminPro-Regular';
}
.single-menber table{
	width: 450px;
	float: right;
	text-align: left;
	font-size: 16px;
	font-family: 'A-OTF-RyuminPro-Regular';
	margin-bottom: 100px;
}
.single-menber tr{
	height: 80px;
	border-bottom: 1px solid #ccc;
	line-height: 80px;
}
.single-menber th{
	font-weight: normal;
	padding: 0 20px 0 40px;
	box-sizing: border-box;
	width: 50%;
}
.single-menber td{
	line-height: 1.2;
	vertical-align: middle;
}
.single-menber section{
	margin-bottom: 100px;
}
.single-menber section:last-of-type{
	margin-bottom: 150px;
}
.single-menber section h3,
.single-menber p{
	font-size: 16px;
	line-height: 34px;
	font-family: 'A-OTF-RyuminPro-Regular';
	text-align: justify;
}
a.member-back{
	clear: both;
	display: block;
	width: 280px;
	height: 80px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 0 auto 150px;
	text-align: center;
	font-size: 20px;
	line-height: 80px;
	font-family: 'A-OTF-RyuminPro-Regular';
	color: #1a1a1a;
}
a.member-back:hover{
	background: #ccc;
	color: #fff;
}
.single-menber h4:before{
	content: '';
	display: inline-block;
	background: url(images/icon-rg-08.svg) no-repeat;
	background-position: center top;
	background-size: cover;
	width: 15px;
	height: 15px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.single-academic_staff h4:before{
	background: url(images/icon-rg-03.svg) no-repeat;
}
.single-professor_emeritus h4:before{
	background: url(images/icon-rg-05.svg) no-repeat;
}
.single-professor-emeritus h4:before{
	background: url(images/icon-rg-02.svg) no-repeat;
}
.single-visiting_researcher h4:before{
	background: url(images/icon-rg-01.svg) no-repeat;
}
.single-secretary h4:before{
	background: url(images/icon-rg-04.svg) no-repeat;
}
.single-researcher h4:before{
	background: url(images/icon-rg-06.svg) no-repeat;
}
.single-graduate h4:before{
	background: url(images/icon-rg-07.svg) no-repeat;
}
.single-menber h6{
	height: 38px;
	font-size: 18px;
	line-height: 1;
	font-family: 'A-OTF-MidashiGoPro-MB31';
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	color:#F7931E;
}
.single-academic_staff h6{
	color:#7AC943;
}
.single-professor_emeritus h6{
	color:#00D0D8;
}
.single-professor-emeritus h6{
	color:#6C9BD1;
}
.single-visiting_researcher h6{
	color:#3FA9F5;
}
.single-secretary h6{
	color:#D22896;
}
.single-researcher h6{
	color:#1E51A0;
}
.single-graduate h6{
	color:#662D91;
}
.pages{
	padding: 150px 0;
}

.copyright{
	font-size: 12px;
	line-height: 1.2;
	padding: 5px 0;
	font-family: 'A-OTF-RyuminPro-Regular';
}

/*********** 20201126*********/
 /*********** トグルメニュー*********/
	#t-navi {
		display: block;
	}	
	.navi-toggle {
		display: block;
		width: 80px;
		height: 80px;
		cursor: pointer;
		border: 0;
		color: #fff;
		background-color: #00d0d8;
		padding: 15px 17px;
		box-sizing: border-box;
		outline: 0;
		position: fixed;
		top: 30px;
		right: 30px;
		z-index: 999;
	}
	.navi-toggle:hover {
		cursor: pointer;
	}
	.navi-toggle.active {
		
	}
	.navi-toggle span {
		position: relative;
		display: block;
		width: 100%;
		height: 4px;
		margin-top: 12px;
		background-color: #fff;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.navi-toggle p{
		font-size: 14px;
		font-family: 'Helvetica-bold','YuGobold';
		line-height: 1;
		padding-top: 22px;
	}
	.navi-toggle span:before,
	.navi-toggle span:after {
		position: absolute;
		content: "";
		top: -12px;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #fff;
		transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);
	}
	.navi-toggle span:after {
		top: 12px;
	}
	.navi-toggle.active span {
		background-color: transparent;
	}
	.navi-toggle.active span:before {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 0;
		background-color: #fff;
	}
	.navi-toggle.active span:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 0;
		background-color: #fff;
	}	
	.nav-area{
	    width: 450px;
	    height: 100%;
	    padding: 6.6666vw 0;
	    transition: all 0.5s;
	    transform: translate(100%);
	    position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			background : rgba(0, 208, 216, .9);
			z-index: 200;
			box-sizing: border-box;
			overflow-y: auto;
	   }
	 .nav-area.open {
	    transform: translate(0); 
	 }	 

	.nav-area ul li {
		text-align: center;
	}

	.nav-area ul li a{
		display: block;
		font-size: 18px;
		font-family: 'A-OTF-RyuminPro-Regular';
		color: #fff;
		line-height: 45px;
	}	
	.nav-area ul li a span{
		display: block;
		font-size: 14px;
		color: #ed9391;
	}
	.nav-area ul li a:hover{
		text-decoration: underline;
	}
	
/*********** 理論センター紹介 20201126*********/
.page-introduction{
	background: #f2f2f2;
	padding-bottom: 100px;
}
.page-introduction h3{
	font-size: 28px;
}
.page-introduction p{
	font-size: 16px;
	line-height: 36px;
	font-family: 'A-OTF-RyuminPro-Regular';
	text-align: justify;
	margin-bottom: 30px;
}
.page-introduction img{
	width: 100%
}

/* =IE10&11
-------------------------------------------------------------- */
@media all and (-ms-high-contrast:none){
  	.single-menber h4 span{
	  	vertical-align: middle;
  	}
  	.container-single .entry-meta, .tax-seminar .entry-meta, .tax-workshop .entry-meta, .category-news .entry-meta{
	  	line-height: 32px;
  	}
  	.member-label .tax-place{
	  	line-height: 40px;
  	}
  	.member-label .tax-place-english{
	  	line-height: 40px;
  	}
  	a.member-back{
	  	line-height: 90px;
  	}
  	.column-all{
	  	width: 2000px;
  	}
  	
  	
  }

 /* @media screen     ttt
-------------------------------------------------------------- */
@media (max-width: 1020px) {/*------インナー幅・ipad横1024px---------*/
	body{
		width: 100%;
		overflow-x: hidden;
	}
	.inner {
		float:none;
		clear:both;
		display:block;
		margin:0;
		padding:0 25px;
		width:100%;
		box-sizing: border-box;
	}	
	.table {display:block;}	
	.pc {display:none;}
	.sp {display:block;}			
	#home .right{
		float: none;
	}		
	/* menu *********/

	#access{display: none;}	
	.h-line{
		height: 3px;
	}
	.navi-toggle{
		width: 60px;
		height: 60px;
		position: fixed;
		padding: 10px;
		top: 30px;
	}
	.navi-toggle p{
		font-size: 12px;
		padding-top: 18px;
	}
	#header-links{
		position:static;
		width: 100%;
	}	
	#header-links a{
		font-size: 15px;
		line-height: 40px;
		background: #fff;
		width: 150px;
		height: 40px;
		display: block;
		margin: 0 auto 70px;
		text-align: center;
		font-family: 'A-OTF-RyuminPro-Regular';
	}	
	#header-links a:before{
		font-family: 'Font Awesome 5 Free'; /*←ココ！！！！！！！*/
		font-weight: 900;
		content:"\f0ac";
		display: inline-block;
		margin-right: 5px;
		font-size: 15px;
		font-size: 1.5rem;
		color: #1e51a0;
	}	
		#header-links{
		margin-top: 30px;
	}
	#header-links a{
		margin: 0 auto 20px;
	}
	
	#slider-fade{
		margin-left:0;
		width: 100%;
	}
	#slider-fade img{
		width: 100%;
		vertical-align: middle;
	}	
	#home #container{
		position: static;
	}
	
	.f-work{
		width: 32%;
		padding: 10vw 0;
	}
	.blog-title, .the_title h6,.event_place{
		line-height: 1.5;
	}
	.column-01{
		height: auto;
		padding: 10vw 0;
	}
	.main-comment{
		margin-bottom: 60px;
	}
	
	.column-01 h3{
		font-size: 26px;
		text-align: center;
		margin-bottom: 50px;
	}
	.sub-catch{
		display: block;
		font-size: 15px;
		line-height: 1;
		margin-top: 10px;
		color: #666;
		font-family: 'A-OTF-RyuminPro-Regular';
	}
	#main .column-01 p{
		font-size: 15px;
		line-height: 30px;
		text-align: justify;
	}
	.main-comment{
		margin-bottom: 0;
	}
	.column-01-sp1 .text-researchgroup{
		margin-bottom: 20px;
	}
	.icon-researchgroup,
	.page .icon-researchgroup{
		width: 318px;
		height: 552px;
		margin: 0 auto 80px;
	}
	.icon-researchgroup li:nth-of-type(3),.icon-researchgroup li:nth-of-type(5){
		margin-top: -70px;
		margin-left: 0;
	}
	.icon-researchgroup li:nth-of-type(4),.icon-researchgroup li:nth-of-type(6){
		margin-top: 10px;
	}
	.sub-comment{
		width: 100%;
	}	
		
	.mb150{
		margin-bottom: 46px;
	}	
	.column-02{
		padding: 30px 0;
		height: auto;
	}
	.f-members-bg{
		margin: 0 auto;
		width: 100%;
		min-height: 255px;
		padding: 25px;
		    box-sizing: border-box;
	}
	.f-members-bg li{
		width: 32%;
		height: 45px;
		font-size: 15px;
		margin-right: 2%;
		margin-bottom: 10px;
		text-align: center;
	}
	.f-members-bg li a{
		width: 100%;
	}
	.f-members-bg li:nth-of-type(3n){
		margin-right: 0;
	}
	.f-members-bg li:last-of-type{
		margin-bottom: 30px;
	}
	#menu-f-nav li{
		float: none;
		text-align: center;
		width: 48%;
		height: 40px;
		float: left;
		    font-size: 14px;
		    line-height: 40px;
		    font-family: 'A-OTF-RyuminPro-Regular';
		    color: #1a1a1a;
		    border-right: none;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	#menu-f-nav li:nth-of-type(odd){
		margin-right: 2%;
	}
	#menu-f-nav li:first-of-type,
	#menu-f-nav li:last-of-type{
		padding: 0;
	}	
	#cat-nav-area li{
		width: 28%;		
		margin-right: 2%;
	}
	#cat-nav-area li:last-of-type{
		width: 40%;
	}
	#cat-nav-area li a{
		padding: 22px 15px;
	}
	h3.entry-title, h3.blog-title, h3.page-title{
		line-height: 42px;
	}	
	.page_title{
		height: 40px;
	}
	#container-tax, #container-news{
		padding: 50px 0 50px;
	}
	.g-researchgroup{
		padding: 0;
	}
	.g-researchgroup-text p{
		width: calc(100% - 355px);
		margin-bottom: 0;
	}
	.bgg{
		margin-bottom: 50px;
	}
	.height476,
	.height368,
	.height625,
	.height355,
	.height535{
		height: auto;
	}
	#img-rg-01-sub,
	#img-rg-02-sub,
	#img-rg-03-sub,
	#img-rg-04-sub,
	#img-rg-05-sub,
	#img-rg-06-sub{
		display: block;
	}
	.g-researchgroup-text p.wall{
		float: none;
		width: calc(100% - 355px) !important;
		margin-top: 0px;
	}
	#hnth .g-researchgroup-text p,
	#cosmophysics .g-researchgroup-text p{
		padding-bottom: 20px;
	}
	#hnth .g-researchgroup-text,
	#cosmophysics .g-researchgroup-text{
		padding-bottom: 80px;
	}	
	#calendar iframe{
		width: 100%;
	}	
	.member-label{
		width: 80%;
	}
	.p-label{
		width: 100%;
	}
	.member-label .tax-place,
	.member-label .tax-place-english{
		display: block;
	}
	.member-label:nth-of-type(even){
		margin-left: 0;
	}
	.single-menber .tax-img{
		margin-bottom: 50px;
	}
	.single-menber table{
		float: none;
		width: 100%;
	}	
	
	/* @200210追加-------------------------------*/
	#fom .bgg{
		margin-bottom: 0;
	}
	.icon-researchgroup li:nth-of-type(1) a{
	background: url(images/icon-phenomenology-h.png) no-repeat;
	background-size: cover;
	background-position: center center;
	}
	.icon-researchgroup li:nth-of-type(1) a:hover{
		background: url(images/icon-phenomenology-h.png) no-repeat;
		background-size: cover;
		background-position: center center;	
	}
	.icon-researchgroup li:nth-of-type(2) a{
		background: url(images/icon-qcd-h.png) no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.icon-researchgroup li:nth-of-type(2) a:hover{
		background: url(images/icon-qcd-h.png) no-repeat;
		background-size: cover;
		background-position: center center;	
	}
	.icon-researchgroup li:nth-of-type(3) a{
		background: url(images/icon-string-h.png) no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.icon-researchgroup li:nth-of-type(3) a:hover{
		background: url(images/icon-string-h.png) no-repeat;
		background-size: cover;
		background-position: center center;	
	}
	.icon-researchgroup li:nth-of-type(4) a{
		background: url(images/icon-cosmophysics-h.png) no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.icon-researchgroup li:nth-of-type(4) a:hover{
		background: url(images/icon-cosmophysics-h.png) no-repeat;
		background-size: cover;
		background-position: center center;	
	}
	.icon-researchgroup li:nth-of-type(5) a{
		background: url(images/icon-hnth-h.png) no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.icon-researchgroup li:nth-of-type(5) a:hover{
		background: url(images/icon-hnth-h.png) no-repeat;
		background-size: cover;
		background-position: center center;	
	}
	.icon-researchgroup li:nth-of-type(6) a{
		background: url(images/icon-fom-h.png) no-repeat;
		background-size: cover;
		background-position: center center;
	}
	.icon-researchgroup li:nth-of-type(6) a:hover{
		background: url(images/icon-fom-h.png) no-repeat;
		background-size: cover;
		background-position: center center;	
	}
	
	
	#img-rg-01-sub{
		bottom: 160px;
	}
	#img-rg-02-sub{
		bottom: 80px;
	}
	#img-rg-03-sub{
		bottom: 460px;
	}
	#img-rg-04-sub{
		bottom: 40px;
	}
	#img-rg-05-sub{
		bottom: 300px;
	}
	.f-de{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.page-introduction{
		padding-bottom: 10vw;
	}
	.img-rg{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		margin-top: 0;
	}
	.img-rg img{
		vertical-align: middle;
	}
	.g-researchgroup:last-of-type{
		padding: 0;
	}
	.g-researchgroup h4{
		padding-left: 20px;
		font-size: 22px;
	}
	.g-researchgroup-text{
		padding: 20px 20px 30px;
	}
	.g-researchgroup-text p{
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 15px;
		line-height: 30px;
	}
	.g-researchgroup-text p.wall{
		width: 100% !important;
		margin-top: -30px;
	}	
	#hnth a.rg-links,
	#hnth .hnth-links,
	.cosmophysics-links a.rg-links,
	#cosmophysics .cosmophysics-links{
		float: none;
	}
	a.rg-links{
		margin: 30px auto 0;
		width: 245px;
		height: 45px;
		font-size: 13px;
		line-height: 45px;
	}
	.hnth-links a.rg-links:last-of-type{
		margin: 10px auto 0;
	}
	#img-rg-01-sub,
	#img-rg-02-sub,
	#img-rg-03-sub,
	#img-rg-04-sub,
	#img-rg-05-sub,
	#img-rg-06-sub{
		display: none;
	}
	.text-researchgroup{
		font-size: 24px;
		line-height: 1;
		font-weight: bold;
		text-align: center;
		margin-top: 0;
		margin-bottom: 50px;
		width: 100%;
	}
	.the_content{
		padding:30px 0 50px;
	}

}
/* @media screen 
-------------------------------------------------------------- */
@media (max-width: 760px) {/*-----研究グループページで中途半端になるので----------*/
	/* =Research Group-------------------------------------------------------------- */
	#colophon{
		padding: 15vw 0;
	}
	#site-info{
		width: 330px;
		height: auto;
		text-align: center;
	}
	#site-info li:nth-of-type(1),
	#site-info li:nth-of-type(2){
		float: none;		
	}
	#site-info li:nth-of-type(1){
		margin-bottom: 30px;
	}
	.page h3{
		font-size: 15px;
		padding: 50px 0;
	}
	.page-introduction h3{
		font-size: 22px;
	}
	.bgg{
		height: 330px;
		margin-top: -300px;
	}
}
/* @media screen  sss
-------------------------------------------------------------- */
@media (max-width: 600px) {/*------レスポンシブサイト---------*/
	.right{float: none;}
	.left{float: none;}
	.table {display:block;}	
	.pc {display:none;}
	.sp {display:block;}	
	
	.member-label .tax-place,
	.member-label .tax-place-english{
		display: none;
	}
	#hnth .g-researchgroup-text, #cosmophysics .g-researchgroup-text{
		padding: 30px;
	}	
	#site-title {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 0;
	}
	#site-title a{
		width: 257px;
		height: 50px;
		display: block;
	}	
	#header{
		position: static;
		height: auto;
	}	
	.column-01{
		position: static;
		padding: 0;
	}
	.main-comment{
		margin-bottom: 60px;
	}
	.column-01-sp1{
		padding: 50px 0 30px;
		background: #f2f2f2;
	}
	.column-01 h3{
		font-size: 20px;
		text-align: center;
		margin-bottom: 46px;
	}
	.sub-catch{
		display: block;
		font-size: 15px;
		line-height: 1;
		margin-top: 10px;
		color: #666;
		font-family: 'A-OTF-RyuminPro-Regular';
	}
	#main .column-01 p{
		font-size: 15px;
		line-height: 30px;
		text-align: justify;
	}
	.main-comment{
		margin-bottom: 0;
	}
	.text-researchgroup{
		font-size: 24px;
		line-height: 1;
		font-weight: bold;
		text-align: center;
		margin-top: 0;
		margin-bottom: 50px;
		width: 100%;
	}
	.icon-researchgroup,
	.page .icon-researchgroup{
		width: 329px;
		height: 552px;
		margin: 0 auto 50px;
	}
	.icon-researchgroup li:nth-of-type(3),.icon-researchgroup li:nth-of-type(5){
		margin-top: -70px;
	}
	.icon-researchgroup li:nth-of-type(4){
		margin-top: 10px;
	}	
	.f-de{
		width: 100%;
	}	
	.column-02{
		padding: 30px 0;
		height: auto;
	}	
	.f-members-bg{
		margin: 0 auto;
		width: 325px;
		 height: 268px;
		    background: url(images/sp/f-members-bg-sp.svg) no-repeat;
		    background-size: cover;
		    background-position: center center;
		    padding: 25px 25px;
		    box-sizing: border-box;
	}
	.column-02 h3{
		text-align: center;
		font-size: 24px;
		margin-bottom: 10px;
	}
	.column-02 h4{
		text-align: center;
		font-size: 17px;
		margin-bottom: 12px;
	}
	.f-members-bg li{
		width: 132.5px;
		height: 45px;
		font-size: 15px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.f-members-bg li:nth-of-type(5){
		margin-bottom: 0;
	}
	.f-members-bg li:nth-of-type(even){
		margin-right: 0;
	}
	.f-members-bg li:nth-of-type(3n){
		margin-right: 10px;
	}
	.f-members-bg li:last-of-type{
		margin-right: 0;
		margin-bottom: 0;
	}
	
	.post-area{
		display: block;
	}
	.news-area{
		height: auto;
		overflow-y: auto;
	}
	.f-work{
		width: 100%;
		padding: 50px 0 50px;
	}
	.f-work:last-of-type{
		padding: 50px 0 100px;
	}
	.f-work h3,
	.f-calendar h3{
		height: 70px;
		line-height: 1.4;
		margin-bottom: 20px;
		padding: 1vw 0;
	}
	.f-calendar h3{
		padding: 0 0 6vw 0;
	}
	.f-work h3 span,
	.f-calendar h3 span{
		font-size: 14px;
		margin-top: 0;
	}
	.f-work ul{
		padding: 30px 0;
	}
	.event_date{
		font-size: 16px;
	}
	.the_title h6{
		margin-bottom: 10px;
	}
	.event_place{
		font-size: 13px;
		line-height: 23px;
	}	
	#colophon{
		padding: 50px 0 20px;
	}
	#site-info{
		width: 100%;
		height: auto;
	}
	#site-info li:nth-of-type(1){
		float: none;
		min-width: 187px;
		min-height: 36px;
		margin: 0 auto 20px;
	}
	#site-info li:nth-of-type(2){
		float: none;
		min-width: 209px;
		min-height: 38px;
		margin: 0 auto 50px;
	}
	#menu-f-nav li{
		float: none;
		text-align: center;
		width: 100%;
		height: 40px;
		float: left;
		    font-size: 12px;
		    line-height: 40px;
		    font-family: 'A-OTF-RyuminPro-Regular';
		    color: #1a1a1a;
		    padding: 0 2em;
		    border-right: none;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}
	#menu-f-nav li:first-of-type{
		padding: 0;
		border-top: 1px solid #ccc;
	}
	#menu-f-nav li:last-of-type{
		padding: 0;
	}
	
	/* =page-------------------------------------------------------------- */
	#cat-nav-area{
		padding-bottom: 40px;
	}
	#cat-nav-area h6{
		font-size: 16px;
		margin-bottom: 20px;
	}
	#cat-nav-area li{
		float: none;
		width: 100%;
		height: 60px;
		font-size: 14px;
		line-height: 60px;
		margin-bottom: 10px;
	}
	.page_title{
		height: 40px;
	}
	h3.entry-title, h3.blog-title, h3.page-title{
		line-height: 40px;
		font-size: 20px;
	}
	#container-tax,#container-news{
		padding: 50px 0;
	}
	.tax-seminar, .tax-workshop, .category-news{
		padding: 20px;
		margin-bottom: 20px;
	}
	.container-single{
		padding: 30px 0 0;
	}
	.container-single h2{
		font-size: 16px;
		line-height: 26px;
		padding: 0 0 30px;
	}
	.container-single p{
		font-size: 15px;
		line-height: 30px;
	}	
	.container-single h4, .tax-seminar h4, .tax-workshop h4, .category-news h4{
		float: left;
		    margin-right: 10px;
		    margin-bottom: 15px;
		    width: 80px;
		    height: 25px;
		    font-size: 13px;
		    line-height: 23px;
	}
	.container-single .entry-meta, .tax-seminar .entry-meta, .tax-workshop .entry-meta, .category-news .entry-meta{
		font-size: 15px;
		margin-bottom: 20px;
	}
	.tax-seminar .entry-title, .tax-workshop .entry-title, .category-news .entry-title{
		font-size: 15px;
		line-height: 22px;
	}
	.tax-seminar .entry-more, .tax-workshop .entry-more, .category-news .entry-more{
		clear: both;
		margin-top: 20px;
	}
	.container-single nav{
		height: 30px;
		margin: 50px auto 50px;
	}
	.the_content{
		padding:30px 0 0;
	}
	.container-single li{
		height: auto;
		line-height: 26px;
	}
	.container-single li:last-of-type{
		margin-bottom: 30px;
	}
	.s_c-cf{
		display: block;
		margin-bottom: 10px;
	}
	
	/* =member-------------------------------------------------------------- */
	.member-list{
		padding: 30px 0 0;
	}	
	.member-label{
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
	}
	.professor-emeritus{
		padding: 30px 0 0;
		margin-bottom: 0;
	}
	.member-label:nth-of-type(even){
		margin-left: 0;
	}
	.member-list h4{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.p-label{
		width: 100%;
		height: 72px;
		padding: 18px 20px 10px;
		box-sizing: border-box;
	}
	.member-label .tax-img{
		width: 60px;
		height: 70px;
		margin-top: -18px;
		margin-left: -20px;
		margin-bottom: 0;
		float: left;
		overflow: hidden;
	}
	.member-label .the_title{
		margin-left: 20px;
	}
	.member-label .the_title h6{
		font-size: 14px;
		line-height: 1;
		margin-bottom:0;
	}
	.member-label .english_name{
		font-size: 10px;
		line-height: 1.2;
	}
	#tax-line{
		margin-top: 30px;
	}
	#tax-line-last{
		margin-top: 30px;
	}
	#menu-member-nav li{
		font-size: 15px;
		line-height: 30px;
		padding-left: 20px;
	}
	#menu-member-nav li:last-of-type{
		margin-bottom: 0;
	}
	.member-list li:last-of-type{
		margin-bottom: 30px;
	}
	.Alumni h4{
		margin-bottom: 20px;
	}
	.m_group{
		padding-top: 30px;
	}
	.single-menber{
		padding: 30px 0 0;
	}
	.single-menber h4{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.single-menber h4 span{
		font-size: 12px;
		line-height: 18px;
	}
	.single-menber .tax-img{
		width: 100px;
		    height: 115px;
		    overflow: hidden;
		    margin-bottom: 20px;
		    margin-right: 20px;
		    float: left;
	}
	.single-menber h5{
		font-size: 16px;
		    line-height: 1;
		    font-family: 'A-OTF-RyuminPro-Bold';
		    padding-top: 40px;
		    margin-bottom: 0;
		    max-width: auto;
	}
	.single-menber .english_name{
		font-size: 12px;
		line-height: 18px;
	}
	.single-menber table{
		width: 100%;
		font-size: 12px;
		margin-bottom: 50px;
	}
	.single-menber tr{
		height: 30px;
		line-height: 30px;
	}
	.single-menber th{
		padding: 0 20px 0 10px;
		width: 40%;
	}
	.single-menber h6{
		height: 38px;
		    font-size: 15px;
		    line-height: 1;
		    border-bottom: 1px solid #ccc;
		    margin-bottom: 20px;
	}
	.single-menber section h3, .single-menber p{
		font-size: 15px;
		line-height: 30px;
	}
	.single-menber section{
		margin-bottom: 50px;
	}
	.single-menber section:last-of-type{
		margin-bottom: 50px;
	}
	a.member-back{display: none;}
	.wp-pagenavi{
		margin-bottom: 50px;
	}
	.copyright{
		font-size: 9px;
	}
	.cat-line{
		margin-top: 0;
	}	
	.container-single .tax-seminar ul{
		margin-bottom: 30px;
	}
	.member-frame{
		height: auto;
		padding-top: 0;
	}
	.wp-pagenavi-alumni{
		padding-top: 20px;
	}	
	#cat-nav-area li a{
		padding: 0 20px;
	}
	#cat-nav-area li:last-of-type{
		width: 100%;
	}
	.f-calendar{
		padding: 50px 0;
	}
	.f-calendar p{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.f-calendar a{
		font-size: 14px;
	}
	.cate-more a{
		font-size: 14px;
		padding: 6px 0;
	}
	#calendar iframe{
		width: 100%;
		height: 400px;
	}
	.navi-toggle{
		width: 45px;
		height: 45px;
		position: fixed;
		padding: 8px;
		top: 30px;
		right: 20px;
	}
	.nav-area{
		width: 100%;
		padding: 50px 25px 0;
	}
	.navi-toggle p{
		display: none;
	}
	.navi-toggle span{
		height: 2px;
		margin-top: 0;
	}
	.navi-toggle span:before, .navi-toggle span:after{
		height: 2px;
		top: -10px;
	}
	.navi-toggle span:after{
		top: 10px;
	}
	.page-introduction h3{
		font-size: 20px;
	}
	.page-introduction p{
		font-size: 15px;
		line-height: 30px;
	}
	#slider-fade{
		height: auto;
	}	
	.f-work ul:nth-of-type(1){
		 padding: 30px 10px 16px;
	}
	.f-calendar h3{
		 padding: 0;
	}
}