@charset "UTF-8";
/* CSS Document */
body{font-size:16px;}

@media (min-width: 768px) {
    .logged-in #wrapper {padding-top: 115px;}
}
@media (min-width: 1200px) {
    .logged-in #wrapper {padding-top: 130px;}
}

/* toppage loading削除 */
.home #wrapper:before,
.home #wrapper:after{display:none;}

/************************

   HEADER

*************************/
/* header serch form
-------------------------------- */
.inverted-header #wrapper .search-slide .search-form{}
	.inverted-header #wrapper .search-slide .search-form:before{display:block; text-align: left; color:#999; content:'キーワードを入力'; position:absolute; top:calc(50% - 0.5em); z-index:0;}
		.inverted-header #wrapper .search-slide .form-control{position:absolute;}
		.inverted-header #wrapper .search-slide .form-control:focus{background:#fff;}
			.inverted-header #wrapper .search-slide .form-control::placeholder{opacity:0;}
			
/* header nav
-------------------------------- */
#header #nav a{font-size:18px !important; line-height: 1.2 !important; display:block !important;}

@media (min-width: 768px) {
	#header .header-holder .logo,
	#header .header-holder .locations .location-btn,
	#header .header-holder .menu-area,
	#header .header-holder .search-area{height:75px; overflow:hidden;}
	
	/* header nav
	-------------------------------- */
	#header #nav a{font-size:15px !important;}
	
	/* header nav :: active
	-------------------------------- */
	.menu-active #nav {overflow-y: scroll;}
	/* 1st */
	.menu-active #nav ul {display:flex; flex-wrap: wrap; justify-content: flex-start; width:100%; }
		.menu-active #nav ul >li {width:33.333%; border-bottom:none; }
			.menu-active #nav > ul >li >a{border-bottom:solid 3px #ccc; padding-bottom:10px; line-height: 1.2;}
	/* 2nd : ul.dropdown */
	.menu-active #nav ul > li .dropdown{padding: 0;}
		.menu-active #nav ul > li .dropdown li{margin: 0;}
			.menu-active #nav ul > li .dropdown li a{border-bottom:dotted 1px #999; padding: 15px 0 !important; line-height: 1.2;}
				.menu-active #nav ul > li .dropdown li .hasdrop-down::before {position: absolute; right: 0; top: 10px; }
	/* 3rd : ul.subdrop */
	.menu-active #nav ul > li .dropdown li .subdrop li a {padding-left:10px !important;}
}

@media (min-width: 1024px) {
	/* header nav
	-------------------------------- */
	/* 1st */
	#nav > ul >li >a{padding: 32px 10px 0; border-bottom:none; height: 76px;}
	/* 2nd */
	#nav ul > li .dropdown li a{padding: 14px 15px;}
	/* 3rd */
	#nav .dropdown .subdrop {top:5px;}

	/* header nav :: active
	-------------------------------- */	
	/* 1st */
	.menu-active #nav ul{max-width:100%; padding-left:15px; padding-right:15px;}
		.menu-active #nav ul >li {width:25%;}
			.menu-active #nav ul >li a{height:auto !important;}
}

@media (min-width: 1050px) {
	#nav > ul >li >a{padding: 32px 12px 0;}
}

@media (min-width: 1100px) {
	#nav > ul >li >a{padding: 32px 15px 0;}
}

@media (min-width: 1200px) {
	#header .header-holder .logo,
	#header .header-holder .locations .location-btn,
	#header .header-holder .menu-area,
	#header .header-holder .search-area{height:91px; overflow:hidden;}
		
	/* header nav
	-------------------------------- */
	#header #nav a{font-size:16px !important;}
	/* 1st */
	#nav > ul >li >a{padding: 38px 15px 0; height: 91px;}
	/* 2nd, 3rd */
	#nav .dropdown,
	#nav .dropdown .subdrop {width:270px;}
	/* 2nd */
	#nav ul > li .dropdown li a{padding: 17px 15px;}
}

@media (min-width: 1250px) {
	#nav > ul >li >a{padding: 38px 20px 0;}
}

@media (min-width: 1300px) {
	#nav > ul >li >a{padding: 38px 26px 0;}
}

@media (min-width: 1550px) {
	#header #nav a{font-size:17px !important;}
	#nav > ul >li >a{padding:38px 38px 0;}

	/* header nav :: active
	-------------------------------- */	
	.menu-active #nav ul >li {width:20%;}
}

/************************

   FOOTER

*************************/
#footer .cols .sub-col {padding: 0 0 10px;}

	#mailpoet_form_1 .mailpoet_paragraph {margin-bottom: 10px !important;}
	#mailpoet_form_1 .mailpoet_form_column:not(:first-child) {display:none; margin-left:0 !important;}
	.mailpoet_form_columns {display: block !important;}	
	.mailpoet_form_column {display: block !important; width:100%; flex-basis: 100% !important;}
	.mailpoet_form_columns .mailpoet_submit {width: 100% !important;}
	#footer .newsletter p {margin: 0 0 10px !important;}
	#mailpoet_form_1 .mailpoet_validate_success {color: #fff !important; font-weight:400 !important;}

	#footer .footer-links {margin: 0 -25px 10px;}
		#footer .footer-links .links {margin: 0 0 1px;}
		#footer .footer-links .links ul {padding: 0;}
		#footer .footer-links .links ul li a {display: block; padding: 8px 25px; margin: 1px 0; border-bottom:dotted 1px #fff;}
		#footer .footer-links .links ul li:last-child a {margin-bottom:-2px; }
		
		/* IE message
		#footer .footer-links > ul > li:last-child{margin:0; padding: 10px 25px; line-height: 1.3;}
			#footer .footer-links > ul > li:last-child a{color:#fff !important; display:inline; text-decoration: underline dotted #4dacab; line-height: normal;}
			#footer .footer-links > ul > li:last-child a:hover{opacity:0.7;} */

@media (min-width: 768px) {
	#footer .info-area,
	#footer .footer-frame {font-size: 14px; letter-spacing:0; line-height: 1.5; padding: 35px 25px 5px;}
	
		#footer .info-area p:first-child{margin-bottom:25px;}

		#footer .cols .sub-col{padding: 0 20px 20px;}
		#footer .info-area .title,
		#footer .footer-frame .title {font-size: 15px; line-height: 1.2; margin: 0 0 8px;}
		
		/* footer nav */
		#footer .footer-links {margin: 0 0 15px;}
		#footer .footer-links .links {width:50%; padding: 0; margin-bottom:15px;}
			#footer .footer-links .links .title{margin:0 0 10px; padding: 0;}
			#footer .footer-links .links ul li{margin:0 0 7px 7px; padding: 0; line-height: 1;}
			#footer .footer-links .links ul li a {display:inline; padding: 0; margin: 0; border-bottom:none; font-size:14px; line-height: 1.2 !important;}
		/* ie message 
		#footer .footer-links > ul > li:last-child{padding: 10px 0; clear: both;}*/
		
		/*sns links*/
		.socialnetworks {text-align: center;}
			.socialnetworks li{float:none; display: inline-block;}

}
@media (min-width: 1200px) {
	#footer .info-area,
	#footer .footer-frame {font-size: 15px; line-height: 1.7;}
}
@media (min-width: 1550px) {
	#footer .cols {margin: 0;}
}

/************************

   CONTENT ROWS

*************************/

/* Hero slider
-------------------------------- */	
.slick-slider,
.hero-slider .slide {height: 300px;}
.hero-slider img {width:100%; height:auto;}
@media (min-width: 768px){
	.slick-slider,
	.hero-slider .slide, .slick-slider {height: 350px;}
}
@media (min-width:1200px){
	.slick-slider,
	.hero-slider .slide, .slick-slider {height: 400px;}
}

/* Head, Event header, Slider caption
----------------------------------------*/
.visual .caption,
.hero-slider .caption {font-size: 15px; line-height: 1.5;}
	.visual .caption .caption-holder/*, 
	.hero-slider .caption .caption-holder */{width: 780px; max-width:100%;}
		.visual .caption h1, 
		.hero-slider .caption h1 {max-width: 100%;}


/* post grid
-------------------------------- */	
.posts-block .post,
.posts-block .post.small,
.posts-block .post.large,
.posts-block .post.extralarge,
.posts-block .post.v2{height:180px; font-size:10px;}
	.posts-block .caption {padding: 30px 15px 15px;}
		.posts-block .title {font-size: 1.5em; line-height: 1.1; margin:0 0 0.75em;}
			.posts-block .title span {padding: 0 0 0.3em;}
		.posts-block time {font-size: 1.3em; line-height: 1.1; margin: 0 0 0.5em;}
		.posts-block h2 {font-size: 1.6em; line-height: 1.3;}

.posts-block .post {background-position:center center;}

@media (min-width: 480px) {
	.posts-block .post,
	.posts-block .post.small,
	.posts-block .post.large,
	.posts-block .post.extralarge,
	.posts-block .post.v2{width:50%;}
}
@media (min-width: 600px) {
.posts-block .post,
.posts-block .post.small,
.posts-block .post.large,
.posts-block .post.extralarge,
.posts-block .post.v2{/*width:33.333%;*/ height:160px;}
}

@media (min-width: 768px) {
	.posts-block .post:first-child .caption {padding: 30px 15px 15px;}
}

@media (min-width: 1024px) {
	.posts-block .post,
	.posts-block .post.small,
	.posts-block .post.large,
	.posts-block .post.extralarge,
	.posts-block .post.v2{width:33.333%; height:240px; float:left; font-size:11px;}
}

@media (min-width: 1200px) {
	.posts-block .post,
	.posts-block .post.small,
	.posts-block .post.extralarge,
	.posts-block .post.large,
	.posts-block .post.v2{width:25%; height:260px; font-size:12px;}
		.posts-block .caption,
		.posts-block .post:first-child .caption{padding: 40px 20px 25px;}
}
@media (min-width: 1550px) {
}
/* その他contents row
-------------------------------- */	
.ournetwork-block .counter{white-space:nowrap;}	


/************************

   ARCHIVE PAGES 
   + EVENT single page

*************************/

/* InnnerMenu の隠すもの */
html[lang="ja"] .filter-nav ul li.en,
html[lang="en"] .filter-nav ul li.ja,
html[lang^="en-"] .filter-nav ul li.ja,
html[lang*="en-"] .filter-nav ul li.ja,
.filter-nav ul li.hide,
aside.categories ul li.hide{display:none;}

/*
.activities .filter-nav a {
    font-weight: normal !important;
    color: #444 !important;
}
*/
@media(min-width:768px){
	/* inner menu アクティブ化 
	------------------------------*/
	/* taxonomy archives */
	body.category .filter-nav ul li.posts a::after, /* posts archive */
	.tax-news_category .filter-nav ul li.news a::after, /* news archive */
	.tax-events_category .filter-nav ul li.events a::after, /* events archie */
	.tax-publication-cat .filter-nav ul li.publication a::after,/* publication archive */
	.tax-pathway .filter-nav ul li.activities a::after,/* activity archive */
	.tax-webinar-cat .filter-nav ul li.webinar a::after,/* webinar archive */
	/* single templates */
	.single-publication .filter-nav ul li.publication a::after /* publication single */
	{
		left: 0;
		right: 0;
		width: 100%;
		opacity: 1;
	}
}
@media(min-width:1200px){
	/* inner menu */
	.archive .filter-nav,
	.archive.category .filter-nav,
	.archive.tax-news_category .filter-nav,
	.archive.tax-events_category .filter-nav,
	.archive.tax-publication-cat .filter-nav{
		position:relative;
	}
	.archive .filter-nav::after,
	.archive.category .filter-nav::after,
	.archive.tax-news_category .filter-nav::after,
	.archive.tax-events_category .filter-nav::after,
	.archive.tax-publication-cat .filter-nav::after,
	.single-publication .filter-nav::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		content: '';
		width: 299px;
		background: #ededed;
		/*display: block;*/
		display:none;
	}
	.blog .filter-nav::after, 
	.search .filter-nav::after, 
	.post-type-archive-news .filter-nav::after, 
	.post-type-archive-video .filter-nav::after {
		display:none;
	}
	/* sidebar */
	.archive .categories, 
	.archive.category .categories, 
	.archive.tax-news_category .categories, 
	.archive.tax-events_category .categories, 
	.archive.tax-publication-cat .categories {
		padding: 66px 0;
	}

	.archive .categories .title, 
	.archive.category .categories .title, 
	.archive.tax-news_category .categories .title, 
	.archive.tax-events_category .categories .title, 
	.archive.tax-publication-cat .categories .title {
		padding: 0 38px;
		margin-bottom: 30px;
	}

	.archive .categories ul li, 
	.archive.category .categories ul li, 
	.archive.tax-news_category .categories ul li, 
	.archive.tax-events_category .categories ul li, 
	.archive.tax-publication-cat .categories ul li {
		border-bottom: 1px solid #d7d7d7;
		padding: 0;
	}
	.archive .categories ul li:first-child , 
	.archive.category .categories ul li:first-child , 
	.archive.tax-news_category .categories ul li:first-child , 
	.archive.tax-events_category .categories ul li:first-child , 
	.archive.tax-publication-cat .categories ul li:first-child  {
		border-top: 1px solid #d7d7d7;
	}
	.archive .categories ul a, 
	.archive.category .categories ul a, 
	.archive.tax-news_category .categories ul a, 
	.archive.tax-events_category .categories ul a, 
	.archive.tax-publication-cat .categories ul a {
		padding: 14px 15px 14px 38px;
	}
}
/*
@media(min-width:1200px){
	.archive.category .filter-nav,
	.archive.tax-news_category .filter-nav,
	.archive.tax-events_category .filter-nav,
	.archive.tax-publication-cat .filter-nav
	{
		position:relative;
	}
	.archive.category .filter-nav::after,
	.archive.tax-news_category .filter-nav::after,
	.archive.tax-events_category .filter-nav::after,
	.archive.tax-publication-cat .filter-nav::after
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		content: '';
		width: 299px;
		background: #ededed;
		display: block;
	}
}
*/

/* アーカイブページのサムネ位置調節
-------------------------------- */	
.news-post .image img {margin-top:-30%;}

/* Search Bar */
.search-bar .sort-by .sort-opener span{display:none;}

/* イベント個別ページ 見出し調整 
---------------------------------------------*/
.single-events .caption-holder h1 .event_location,
.single-events .caption-holder h1 .event_date{display:block; margin-top:0.3em;}
.single-events .caption-holder h1 .event_location br,
.single-events .caption-holder h1 .event_date br{display:none;}

/* inner menu下のsearch window
---------------------------------*/
#content .search-bar.search-filter{
	display:none;
}
/*　日本語表記調整
html[lang="ja"] .sort-by .sort-list li a{position:relative;}
html[lang="ja"] .sort-by .sort-list li a:before{position:absolute; left:0; top:0; z-index: 100;  display:block; width:100%; height:100%; padding:14px 20px; background:#fff;}
html[lang="ja"] .sort-by .sort-list li a:hover:before{background:#008887;}
html[lang="ja"] .sort-by .sort-list li:first-child a:before{content:'更新日';}
html[lang="ja"] .sort-by .sort-list li:nth-child(2) a:before{content:'記事名';}

@media(min-width:768px){ 
	html[lang="ja"] .sort-by .sort-list li a:before{padding:18px 22px;}
}
 */


/************************

   Full Width Block, Call To Action,
   News Article

*************************/

/* 全体のレイアウト設定
----------------------------- */
hr{margin:4.5em auto;}

/*
#content ul,
#content ol{margin:0; padding:0 0 0 1.2em; list-style: outside; box-sizing: border-box;}
#content ul li,
#content ol li{margin:0 0 0.5em; padding: 0; line-height: 1.5;}

#content .search-bar ul{list-style: none; padding-left:0;}
#content .search-bar li{margin-bottom:0;}
*/

/* container */
.full-width-container,
.container,
.text-holder,
.post-description .description-data {font-size: 16px; line-height: 1.7;}

.full-width-container,
.intro-block .container,
.news-article .container{max-width:1200px; margin: auto;}

.full-width-container,
.intro-block .container{padding-top:50px; padding-bottom:50px;}

.full-width-container > *:first-child,
.intro-block .container > *:first-child{margin-top: 0 !important;}
.full-width-container  > *:last-child,
.intro-block .container > *:last-child{margin-bottom: 0 !important;}

.post-description .description-data {overflow: visible;}
.news-article .main-image .share {margin-left:auto; margin-right:0;}.post-description .description-data h2{font-weight: bold !important; font-size: 130%; margin:1em 0 1.25em;}

/* 幅狭コンテンツのcontaier設定 */
.container-narrow{text-align: left;}

/* ニュース投稿のテキスト-画像の2段組レイアウト */
.news-text-box{margin-bottom:1.5em;}
.news-text-box:first-child{margin-top:4em;}
.news-img-box{display:flex; flex-wrap:wrap; justify-content: flex-start; margin:0 -5px 4em; font-size:85%; line-height: 1.3;}
	.news-img-box p{width:50%; padding:0 5px; margin-bottom:1.5em;}

@media(min-width:768px){
    .full-width-container,
    .container,
    .text-holder,
    .post-description .description-data {font-size: 17px;}

    .full-width-container,
    .intro-block .container{padding-top:80px; padding-bottom:80px;}

    .post-description .img-holder {margin: 0 38px 30px 0;}

    .news-article .content-holder .container {padding-top: 90px;}

	.single-publication .description-data{width : calc(100% - 332px); float:right;}

    /* 幅狭コンテンツのcontaier設定 */
    .container-narrow{max-width:760px; margin:auto;}

        /* ニュース投稿のテキスト-画像の2段組レイアウト */
    .cycle-gallery + h1,
    .cycle-gallery + h2{margin-top: 0 !important;}

    .news-text-box{width:calc(100% - 380px); float: left; margin: 4em 0; clear:both;}
    .news-img-box{width:380px; display:inline-block;  float:right; margin:4em 0; padding:0 40px;}
        .news-img-box p{width:100%; padding:0;}
        .news-img-box img{display:inline;}
}    
@media(min-width:1024px){
	.full-width-container,
	.intro-block .container {padding-top: 100px; padding-bottom: 100px;}

	.full-width-container h1,
	.intro-block h1,
	.text-holder h1{font-size:40px;}

	.full-width-container h2,
	.intro-block h2,
	.text-holder h2{font-size:36px;}

   	/* ニュース投稿のテキスト-画像の2段組レイアウト */
	.news-text-box{width:calc(100% - 470px); padding-right:30px;}
	.news-img-box{width:470px; padding: 0 35px;} 
}
@media(min-width:1200px){
	.full-width-container,
	.container,
	.text-holder,
	.post-description .description-data {font-size: 18px;}

	.news-article .content-holder .container {padding-top: 100px;}

	/* 幅狭コンテンツのcontaier設定 */
	.container-narrow{max-width:860px;}
}

/* テキスト要素の設定
----------------------------- */
/* 見出し */
.full-width-container h1,
.intro-block h1,
.text-holder h1,
.news-article h1{font-size:32px; line-height: 1.1 !important; margin:0 0 0.75em;}

.full-width-container h2,
.intro-block h2,
.text-holder h2,
.news-article h2{font-size:28px; line-height: 1.2 !important; margin:0 0 0.75em;}

.full-width-container h3,
.intro-block h3,
.text-holder h3,
.news-article h3{font-size:24px; line-height: 1.3 !important; margin:0 0 0.5em;}

.full-width-container h4,
.intro-block h4,
.text-holder h4,
.news-article h4{font-size:20px; line-height: 1.3 !important; margin:0 0 0.25em;}

div + h2, p + h2, ul + h2, ol + h2, table + h2, dl + h2{margin-top:3em !important;}
div + h3, p + h3, ul + h3, ol + h3, table + h3, dl + h3{margin-top:3em !important;}
div + h4, p + h4, ul + h4, ol + h4, table + h4, dl + h{margin-top:1.5em !important;}

/* 段落要素 */
.full-width-container p,
.intro-block .container p{margin:0 0 1.5em;}

.news-article .content-holder a {font-weight: inherit;}

/* リスト系 */
.full-width-container ul,
.intro-block .container ul,
.news-article ul,
.full-width-container ol,
.intro-block .container ol,
.news-article ol{margin:0 0 1.5em;}

.full-width-container li ul,
.intro-block-container li ul,
.news-article li ul,
.full-width-container li ol,
.intro-block-container li ol,
.news-article li ol{margin:0.25em 0 0;}

.full-width-container li,
.intro-block .container li,
.news-article li{margin:0 0 0.25em; line-height: 1.5;}

dl{margin:0 auto 1.5em;}
dt{font-weight: bold; margin:0; margin: 0 auto .5em;}
dd{margin:0; margin:0 auto 1em;}

/* ボタン */
.btn-wrapper{margin:auto; display:inline-block;}
.btn-wrapper .btn{display:inline-block; width:100%; margin-bottom:0.5em;}
.btn.lg{font-size:larger; padding: 22px 35px;}

/* テーブル */
table{margin:0 auto 1.5em; border-collapse: collapse; width:100%; line-height: 1.5;}
th, td{padding:10px 15px; border:solid 1px #ccc;}
th{background:#f4f4f4; text-align:center;}
td{text-align:left;}
th *:first-child,
td *:first-child{margin-top:0 !important;}
th *:last-child,
td *:last-child{margin-bottom:0 !important;}

table.auto-width{width:auto;}

table.border-bottom th,
table.border-bottom td{border:none; border-bottom:solid 1px #ccc;}
table.border-bottom th{background: none;}

table.responsive{border-bottom:solid 1px #ccc;}
table.responsive thead,
tr.hide{display:none;}
table.responsive th,
table.responsive td{display:block; border:none; border-bottom:solid 1px #ccc; padding:10px 0;}
table.responsive td[data-label]:before{content:attr(data-label); font-weight:bold; display:inline-block; padding-right:1em;}

/* 画像の寄せ(wp default style再現) */
.alignright,
.alignleft,
.aligncenter{display:block; margin:0 auto 1.5em;}

@media(min-width:768px){
	.full-width-container h1,
	.intro-block h1,
	.text-holder h1,
	.news-article h1{font-size:38px;}

	.full-width-container h2,
	.intro-block h2,
	.text-holder h2,
	.news-article h2{font-size:34px;}

	.full-width-container h3,
	.intro-block h3,
	.text-holder h3,
	.news-article h3{font-size:25px;}

	.full-width-container h4,
	.intro-block h4,
	.text-holder h4,
	.news-article h4{font-size:21px;}

	table.responsive th,
	table.responsive td{display:table-cell; border:none !important; border:solid 1px #ccc !important; padding:10px 15px;}
	table.responsive td[data-label]:before{display:none;}

	table.responsive thead{display: table-header-group;}
	tr.hide{display: table-row;}

	img.alignright{float:right; margin:1em 0 1.5em 1.5em;}
	img.alignleft{float:left; margin:1em 1.5em 1.5em 0;}
	img.aligncenter{margin:1em auto 1.5em;}
}
@media(min-width:1200px){
	img.alignright{margin:1em 0 2.5em 2em;}
	img.alignleft{margin:1em 2.5em 2em 0;}
	img.aligncenter{margin:1em auto 1.5em;}
}