@charset "UTF-8";
/* CSS Document */

img {
 width:100%;
	vertical-align: top;
}

/*テキストリンク*/
a {
 text-decoration:none;
 color:#000;
}
#jigyou a {
 color:#000;
 text-decoration:underline;
}
#top #content a,.under .article a {
 text-decoration:underline;
}
#top #content a:hover, .under .article a:hover {
 text-decoration:none/* !important*/;
}

/*マージン指定*/
.mgt20 {
 margin-top:20px !important;
}
.mgb30 {
 margin-bottom:30px !important;
}

/*幅設定*/
@media screen and (min-width:768px) {
.w900 {
width: 100%;
max-width: 900px;
margin: auto;
}
.w800 {
width: 100%;
max-width: 800px;
margin: auto;
}
.w770 {
width: 100%;
max-width: 770px;
margin: auto;
}
}


/*注意書き*/
.attention {
 font-size:12px;
 line-height:1.5em;
}

/*画像置換用*/
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

/*揃え*/
.align-r {
text-align: right;
}
.align-c {
text-align: center !important;
}

/*テキスト関連*/
.txtr {
color: #ff0000;
}
.txtb {
 font-weight:bold;
}
.txt12 {
 font-size:12px !important;
}
.txt14 {
 font-size:14px !important;
}
.copylight-box {
 display:inline-block;
 width:100%;
 text-align:right;
 font-size:12px !important;
}
.ta-justify {
 text-align:justify !important;
 text-justify:inter-ideograph !important;
}

.dot-text {
	padding-top: 7px;
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 1em 0.5em;
	background-image: radial-gradient(circle at center, #000 20%, transparent 20%);
}

/*ヘアラインの色*/
.hr-caaa {
border-color: #aaa !important;
}

/*PC用要素の非表示*/
.pc-hide {
 display:block !important;
	}
.sp-hide {
 display:none !important;
}
@media screen and (min-width:768px) {
.pc-hide {
 display:none !important;
}
.sp-hide {
 display:block !important;
}
}

/*PC、スマホ共通要素の非表示*/
.common-hide {
 display:none !important;
}

.btn-01 {
display: block;
width: 90%;
height: 2.5em;
line-height: 2.5em;
font-size: 1.1428em;
color: #fff;
margin: auto;
background: #330000;
text-align: center;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
}
.btn-01:hover {
opacity: 0.7;
}

.btn-01 span {
display: inline-block;
font-weight: bold;
position: relative;
}
.btn-01 span:before {
display: block;
content: "";
width: 0px;
height: 0px;
border-color: transparent transparent transparent #fff;
border-width: 4px 0px 4px 7px;
border-style: solid;
position: absolute;
top: 50%;
left: -12px;
margin-top: -4px;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
}

@media screen and (min-width:768px) {
.btn-01 {
width: 280px;
}
.btn-01:hover span:before {
left: -16px;
}
}

a.btn-02 {
display: block;
width: 7.5em;
height: 2.5em;
line-height: 2.5em;
font-size: 1.1428em;
font-weight: bold;
text-decoration: none !important;
color: #fff;
margin: auto;
margin-top: 10px;
background: #003366;
text-align: center;
	position: relative;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
	position:relative;
}
a.btn-02.btn-02-l {
width: 10.5em;
}
a.btn-02.btn-essay {
width: 300px;
text-align: left;
padding-left: 2em;
box-sizing: border-box;
}
a.btn-02.btn-essay:first-child {
margin-top: 0px;
}



.btn-02:hover {
opacity: 0.7;
}

.btn-02:before {
display: block;
content: "";
width: 0px;
height: 0px;
border-color: transparent transparent transparent #a0cee3;
border-width: 8px 0px 8px 8px;
border-style: solid;
position: absolute;
top: 50%;
left: 0px;
margin-top: -8px;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
}
#movie .btn-02:before {
border-color: transparent transparent transparent #8286c8;
}
/*#interview .btn-02:before {
border-color: transparent transparent transparent #6096d1;
}*/

@media screen and (min-width:375px) {
a.btn-02 {
width: 9em;
}
a.btn-02.btn-02-l {
width: 12em;
}
}
@media screen and (min-width:768px) {
.btn-02 {
width: 280px;
}
.btn-02.btn-02-l {
width: 310px;
}
.btn-02:hover:before {
left: -8px;
}
}
@media screen and (max-width:500px) {
.mov-box-down.mov-current {
width: 320px;
margin: auto;
overflow: hidden;
}
.mov-current .btn-02 {
float: right;
clear: right;
}
}

a.btn-02 span {
display:block;
width: 7em;
height: 2em;
line-height: 2em;
/*padding: 0px 0.5em;*/
background: #BD00FF;
font-size: 0.875em;
color: #fff;
position: absolute;
top: 50%;
margin-top: -1em;
right: 108%;
}
a.btn-02 span:after {
display: block;
content: "";
width:0px;
height: 0px;
border-width: 5px 0px 5px 10px;
border-color: transparent transparent transparent #BD00FF;
border-style: solid;
position: absolute;
right: -10px;
top: 50%;
margin-top: -5px;
}

a.btn-02 .essay-date {
display: inline-block;
font-size: 0.875em;
margin-left: 1.5em;
}

a.btn-03 {
display: inline-block;
margin-bottom: 5px;
padding: 0.8em 1.5em;
background: #003366;
color: #fff;
font-weight: bold;
border-radius: 3px;
 transition: all 0.2s;
	text-decoration: none !important;
	line-height: 1em;
	}
a.btn-03:hover {
opacity: 0.7;
}

body {
 font-size:14px;
 line-height:1.7em;
 width:100%;
 color:#000;
}
#wrap {
width: 100%;
	background: #a0cee3;
	overflow: hidden;
	position: relative;
}


/*ヘッダーとナビゲーション*/
header {
  width:100%;
  /*min-width:1200px;*/
  position:fixed;
  z-index:10000;
 text-align:center;
 top:0px;
}
header nav {
	overflow: hidden;
}
nav .main-nav {
	background:#213879;
}

#menu-nav-global {
 display:none;
 width:100%;
 position:relative;
 overflow:hidden;
}
#menu-nav-global li {
 width:100%;
 line-height:1.2em;
	position: relative;
}
#menu-nav-global li:after {
display: block;
content: "";
background-color: #6474a1;
width: 6px;
height: 6px;
border-radius: 3px;
position: absolute;
left: calc( 5% + 12px);
top: -3px;
}
#menu-nav-global ul:first-child li:first-child:after {
display: none;
}
#menu-nav-global li a {
 display:inline-block;
	width: 100%;
	padding: 0px 5%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	box-sizing: border-box;
	text-decoration: none;
	color:#fff;
	transition: all 0.2s;
 }
	
#menu-nav-global li a.nav_current,
#menu-nav-global li a:hover {
	color: #2FBFEA;
	}
/*#menu-nav-global li#menu-item-30 a {
color: #999;
pointer-events:none;
}*/
	
	
#menu-nav-global li:nth-of-type(2n) a, #menu-nav-global li:last-of-type a {
 margin-right:0px;
}
#menu-nav-global li a span {
display: inline-block;
 height:15px;
 line-height:1em;
	margin-right: 6px;;
}
@media screen and (min-width:768px) {
#menu-nav-global {
display: flex;
align-items: center;
	padding-top: 0px;
 letter-spacing: -.4em;
}
#menu-nav-global ul:first-child {
border-bottom: solid 1px #6474a1;
}
#menu-nav-global li {
display: inline-block;
 width:auto;
 float:none;
 vertical-align:bottom;
letter-spacing: normal;
}
#menu-nav-global li:after {
left: -3px;
top: calc(50% - 3px);
}
#menu-nav-global li:first-child:after {
display: none;
}

#menu-nav-global li a {
display: table;
 height:50px;
	line-height: 1.2em;
	padding: 0px 10px;
	text-align: center;
 }
#menu-nav-global li a span {
display: table-cell;
 height:15px;
	line-height: 1.2em;
	vertical-align: middle;
	margin-right: 0px;
}
header {
  background: rgba(000,000,000,0.7);
}
#menu-nav-global {
 display:block !important;
}
}

/*ファーストビュー*/
#top #first-view {
width: 100%;
background: #000;
position: relative;
}
@media screen and (min-width:768px) {
#top #first-view {
/*max-width: 1200px;*/
padding-top:100px;
}
}
.ti-content {
 width:100%;
	max-width: 1200px;
 height:0px;
 padding-top:141%;
	margin: auto;
 background:url(/wp-content/themes/nerima-eizobunka/images/top/mainimage-sp.jpg) center top no-repeat;
 background-size:cover;
}
#top #first-view h1 {
	width: 36.8%;
	height: 0px;
	padding-top: 46.9%;
 background:url(/wp-content/themes/nerima-eizobunka/images/common/img-logo.png) center top no-repeat;
	background-size: contain;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	position: absolute;
	left: 10%;
	margin-top: 14.6%;
}
@media screen and (min-width:768px) {
.ti-content {
 padding-top:45.16%;
 background:url(/wp-content/themes/nerima-eizobunka/images/top/mainimage.jpg) center center no-repeat;
 background-size:contain;
}
#top #first-view h1 {
	width: 19.75%;
	padding-top: 25.1%;
	left: 15.3%;
	margin-top: 10.6%;
}
}
@media screen and (min-width:1200px) {
.ti-content {
 padding-top:542px;
}
#top #first-view h1 {
	width: 237px;
	padding-top: 302px;
	left: 50%;
	margin-left: -416px;
	margin-top: 128px;
}
}
.mainimg-exp {
width: calc(100% - 20px);
font-size: 10px;
line-height: 1.4em;
color: #fff;
text-align: right;
position: absolute;
top: auto;
bottom: 5px;
text-shadow: 1px 1px 2px #000000;
}
.mainimg-exp span {
display: inline-block;
}

/*イベントバナー*/
.bnr-event {
	width: 36.5%;
	position: absolute;
	right: 10%;
	margin-top: 14.6%;
	transition: all 0.2s;
}
.bnr-event:hover {
transform: scale(1.05);
}
@media screen and (min-width:768px) {
.bnr-event {
width: 20.8%;
position: absolute;
right: 4.5%;
margin-top: 10.6%;
}
}
@media screen and (min-width:1200px) {
.bnr-event {
width: 250px;
right: 50%;
margin-right: -546px;
margin-top: 128px;
}
}
/*内部リンクバナー*/
.bnr-inner-space {
background: #3c5b70;
display: flex;
padding: 10px;
flex-wrap: wrap;
row-gap:10px;
}
.bnr-inner-space li {
width: 100%;
transition: all 0.2s;
}
.bnr-inner-space li:hover {
opacity: 0.7;
}
@media screen and (min-width:500px) {
.bnr-inner-space {
justify-content: space-between;
}
.bnr-inner-space li {
width: calc((100% - 10px) / 2);
}
}
@media screen and (min-width:768px) {
.bnr-inner-space li {
width: calc((100% - 30px) / 4);
}
.bnr-inner-space > * + * {
margin-top: 0px;
margin-left: 10px;
}
}
@media screen and (min-width:1200px) {
.bnr-inner-space {
width: 1180px;
padding-left: calc((100% - 1180px) / 2);
padding-right: calc((100% - 1180px) / 2);
box-sizing: content-box;
}
}

/*ニュ−ス*/
@media screen and (max-width:767px) {
#top div.news-picup {
padding-bottom: 60px;
position: relative;
background: rgba(255,255,255,0.5);
}
#top div.news-picup > p {
width: 88%;
border-bottom: solid 1px #000;
padding: 5px 0px;
margin: 0px auto;
text-align: justify;
font-weight: bold;
}
#top div.news-picup > p span {
display: block;
}
}
@media screen and (min-width:768px) {
#top div.utility-space {
	width: 100%;
 position:absolute;
 z-index:1000;
	bottom:0px;
	left: 0px;
}
#top div.news-picup {
 width:100%;
 height:50px;
 padding:0px 120px;
 line-height:50px;
 /*min-width:1000px;*/
 background:rgba(255,255,255,0.8);
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 box-shadow:0px 0px 7px rgba(0,0,0,0.15) inset;
 font-size:14px;
 font-weight:bold;
 /*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
#top div.news-picup p {
display:none;
position:relative;
font-weight: bold;
}
#top div.news-picup p.news_dsp {
 display:block;
}
#top div.news-picup a {
 position:absolute;
 top:0px;
 left:0px;
white-space: nowrap;
overflow:hidden;
}
#top div.news-picup a span {
 display:inline-block;
 padding:5px 10px 2px;
 margin-right:10px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 -ms-border-radius:3px;
 border-radius:3px;
 line-height:1em;
}
}

section {
 width:100%;
 /*background-attachment:fixed;*/
 position:relative;
 color:#000;
	overflow: hidden;
}
.under section {
margin-bottom: 60px;
}
.under section:last-child {
margin-bottom: 0px;
}
#top section#intro {
 background:#7b97d5 url(../images/top/img-back-01.png);
 background-position: right top;
 background-repeat: no-repeat;
 background-size: 4000px auto;
	}
	@media screen and (min-width:768px) {
#top section#intro {
background-size: 3300px auto;
}
}
#top section#series {
 background:#6ca0d5 url(../images/top/img-back-02.png);
 background-position: left top;
 background-repeat: no-repeat;
 background-size: cover;
}
#top section#keywords {
 background:#65b4c3 url(../images/top/img-back-03.png);
 background-position: right top;
 background-repeat: no-repeat;
 background-size: cover;
}
#top section#map {
 background:#bfc9af url(../images/top/img-back-04.png);
 background-position: left top;
 background-repeat: no-repeat;
 background-size: 100% auto;
}
#top section#timeline {
 background:url(../images/top/img-back-05.png);
 background-position: right top;
 background-repeat: no-repeat;
 background-size: cover;
}
#top section#anime {
 background:url(../images/top/img-back-06.png);
 background-position: center 75%;
 background-repeat: no-repeat;
 background-size: cover;
}

/*セクションタイトル*/
#top h2 {
 background:rgba(255,255,255,0.5);
 width:100%;
	padding: 1em 0px;
	line-height: 1.2em;
/* position:absolute;*/
	font-size: 1.7em;
	text-align: center;
}

#top h2 p {
 display:inline-block;
	position: relative;
}
#top h2 p:before {
display: block;
content: "";
width: 40px;
height: 1px;
background: #000;
position: absolute;
left: -50px;
top: 50%;
}
#top h2 p:after {
display: block;
content: "";
width: 40px;
height: 1px;
background: #000;
position: absolute;
right: -50px;
top: 50%;
}
@media screen and (min-width:768px) {
#top h2 {
 height:100px;
 line-height:100px;
	padding: 0px;
}
#top h2#news {
display: inline-block;
font-size: 16px;
background:none;
width:auto;
height: 50px;
line-height: 50px;
position: relative;
text-align: left;
position: absolute;
left: 40px;
}
#top h2#news p:before {
display: none;
}
#top h2#news p:after {
display: none;
}
}

.txt-box {
	width: 88%;
	margin: auto;
	padding-top: 30px;
 padding-bottom:60px;
	text-align: justify;
	text-justify: inter-character;
}
.under .txt-box {
padding-top: 0px !important;
}
#outer-link .txt-box {
padding-top: 30px;
}
@media screen and (min-width:768px) {
.txt-box {
	margin: auto;
	padding-top: 50px;
 padding-bottom:120px;
} 
#outer-link .txt-box {
padding-top: 50px;
}
}
.content-dsc {
text-align: justify;
padding: 0px 20px 40px;
font-size: 1.125em;
}
@media screen and (min-width:768px) {
.content-dsc {
text-align: center;
padding: 0px 0px 40px;
}
.content-dsc span {
display: block;
}
}

/*-----------------
大バナーリスト
-----------------*/
.bnr-l-list {
display: flex;
flex-wrap: wrap;
row-gap: 20px;
}
.bnr-l-list li {
width: 100%;
background: rgba(255,255,255,0.6);
transition: all 0.2s;
}
.bnr-l-list li:hover {
transform: scale(1.03);
}
.bnr-l-list li a {
text-decoration: none !important;
}
.bnr-l-list li p:last-child {
padding: 2% 5%;
line-height: 1.5em;
}
.bnr-l-list li p.bnr-l-img {
width: 100%;
height: 0px;
padding-top: 56.25%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.bnr-l-ti {
display: block;
font-size: 1.2em;
font-weight: bold;
margin-bottom: 5px;
}


@media screen and (min-width:500px) {
.bnr-l-list {
justify-content: space-between;
}
.bnr-l-list li {
width: 48%;
}
}

/*-----------------
イントロダクション
-----------------*/
.intro-click {
cursor: pointer;
}
.intro-bottom {
display: none;
transition: all 0.3s
}
@media screen and (min-width:768px) {
#top #intro {
font-size: 1.1428em;
line-height: 1.7em;
}
}

/*-----------------
キーワードインデックス（トップ）
-----------------*/
.top-kw-exp {
margin-bottom: 30px;
}
.top-kw-exp h3 {
height: 2.5em;
line-height: 2.5em;
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}

.kw-list {
margin-bottom: 30px;
}
#top .kw-list dt {
background: rgba(255,255,255,0.6);
padding: 0.7em 1em;
line-height: 1.3em;
font-weight: bold;
position: relative;
text-align: left;
font-size: 1.285em;
}
#top .kw-list dt span {
display: inline-block;
font-size: 0.75em;
}
.kw-list dd {
border-top: solid 1px #fff;
font-size: 1.285em;
}
#top .kw-list dd:first-of-type {
border-top: solid 3px #fff;
}
.kw-list dd:last-of-type {
border-bottom: solid 1px #fff;
}
#content .kw-list a {
display: block;
padding: 0.7em 1em;
line-height: 1.2em;
text-decoration: none !important;
font-weight: bold;
position: relative;
}
.kw-list a:after {
content: "";
display: block;
width: 9px;
height: 18px;
background: url("/wp-content/themes/nerima-eizobunka/images/top/arrow-keyword.png") center center no-repeat;
background-size: contain;
position: absolute;
top: 50%;
margin-top: -9px;
right: 9px;
transition: all 0.2s;
}
.kw-list a:hover:after {
right: 4px;
}
@media screen and (min-width:768px) {
.top-kw-cont {
display: flex;
justify-content: space-between;
}
.top-kw-exp {
flex: 0 0 33.75%;
}
#top .kw-list {
flex: 0 0 62.5%;
}
#top .kw-list dt {
display: inline-block;
height: 2.5em;
line-height: 2.5em;
padding: 0px 1em;
}
#top .kw-list dt:after {
display: block;
content: "";
width: 0px;
height: 0px;
border-width: 2.5em 0px 0px 1.2em;
border-color: transparent transparent transparent rgba(255,255,255,0.6);
border-style: solid;
position: absolute;
right: -1.2em;
top: 0px;
}
#top .kw-list dt span {
font-size: 0.75em;
}
}

/*-----------------
キーワードインデックス（下層）
-----------------*/
.key-tag-box {
padding: 20px;
background: #fff;
box-sizing: border-box;
margin-bottom: 30px;
line-height: 1.2em;
text-align: center;
}
.key-tag-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.key-tag-list li {
width: 48%;
padding: 0.7em 0px;
margin-top: 4%;
background: #bac5e5;
cursor: pointer;
font-weight: bold;
}
.key-tag-list li:first-child {
margin-left: 26%;
margin-right: 26%;
}
.key-tag-list li.selected {
background: #6B82C3;
color: #fff;
}


.search-btn {


}
.search-a {
width: 60%;
display: inline-block;
margin-top: 4%;
padding: 0.7em 0px;
background: #213879;
color: #fff;
font-weight: bold;
}


.tag-current {
font-size: 1.5em;
text-align: center;
margin-bottom: 20px;
}

.under .kw-list {
width: 88%;
margin: auto;
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.under .kw-list:last-child {
margin-bottom: 0px;
}
.under .kw-list dt {
width: 100%;
background-color: transparent;
padding: 0.3em 0.75em;
font-size: 1.71em;
line-height: 1em;
font-weight: bold;
text-align: left;
}
.under .kw-list dd {
width: 100%;
box-sizing: border-box;
}

@media screen and (min-width:768px) {
.key-tag-box {
margin-bottom: 40px;
}
.key-tag-list li {
/*width: calc((100% - 80px) / 5);*/
width: calc((100% - 60px) / 4);
margin-top: 15px;
font-size: 1.128em;
 transition: all 0.2s;
}
.key-tag-list li:hover {
transform: scale(1.05);
}
.key-tag-list li:first-child {
margin-left: 0px;
margin-right: 0px;
}
.search-a {
width: 30%;
margin-top: 15px;
padding: 1em 0px;
transition: all 0.2s;
}
.search-a:hover {
transform: scale(1.05);
}


.tag-current {
font-size: 2.14em;
margin-bottom: 30px;
}

.under .kw-list {
width: 100%;
}
.under .kw-list dd {
width: 48%;
}
.under .kw-list dd:nth-last-of-type(2) {
border-bottom: solid 1px #fff;
}
}

/*---------------------------------------------
マップ
------------------------------------------------*/
#map .map_space {
 margin:auto;
 position:relative;
	margin-top: 5px;
}
/*#map .map_space p{
 width:100%;
}
#map .map_space p img{
 width:100%;
}*/

#map .map_space .spot_num {
 display:block;
 width:6%;
	height: 0px;
 padding-bottom: 6%;
	position:absolute;
	cursor: pointer;
}
@media screen and (min-width:768px) {
#map .map_space .spot_num {
 width:4%;
 padding-bottom: 4%;
}
}

#map .map_space #point01 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-1.png) no-repeat;
 background-size:100% auto;
bottom:60%;
left: 29.5%;
}
#map .map_space #point02 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-2.png) no-repeat;
 background-size:100% auto;
top:40.5%;
left: 29.5%;
}
#map .map_space #point03 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-3.png) no-repeat;
 background-size:100% auto;
top:59%;
left: 91%;
}
#map .map_space #point04 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-4.png) no-repeat;
 background-size:100% auto;
top:40.5%;
right: 71%;
}
#map .map_space #point05 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-5.png) no-repeat;
 background-size:100% auto;
bottom:60%;
right: 71%;
}
#map .map_space #point06 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-6.png) no-repeat;
 background-size:100% auto;
top:53%;
left: 69%;
}

#map .map_space #point07 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-7.png) no-repeat;
 background-size:100% auto;
top:43%;
left: 66%;
}
#map .map_space #point08 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-8.png) no-repeat;
 background-size:100% auto;
top:46%;
left: 16.7%;
}
#map .map_space #point09 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-9.png) no-repeat;
 background-size:100% auto;
	bottom: 60%;
left: 36%;
}
#map .map_space #point10 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-10.png) no-repeat;
 background-size:100% auto;
top:36%;
left: 16.5%;
}
#map .map_space #point11 {
 background:url(/wp-content/themes/nerima-eizobunka/images/top/map/pt-11.png) no-repeat;
 background-size:100% auto;
	bottom: 34%;
left: 30%;
}
@media screen and (min-width:800px) {
#map .map_space #point07 {
top:46%;
left: 67%;
}
#map .map_space #point08 {
top:46%;
left: 19%;
}
#map .map_space #point09 {
	bottom: 60%;
left: 34%;
}
#map .map_space #point10 {
top:38%;
left: 20.5%;
}
}

#map .map_space .spot_num span {
 display:block;
 width:170px;
 position:absolute;
 bottom:10px;
 left:10px;
 border:solid 2px #213879;
 overflow:hidden;
 line-height:0em;
 display:none;
 z-index:997;
}
#map .map_space .spot_num#point03 span {
 left:auto;
 right:10px;
}

#map .map_space .spot_num:hover img {
 opacity:1;
}

#map .map_space .spot_num span em {
 font-style:normal;
 background:rgba(255,255,255,0.8);
 color:#333;
 font-size:12px;
 font-weight:bold;
 line-height:1.3em;
 width:90%;
 padding:3px 5%;
 position:absolute;
 bottom:0px;
 left:0px;
}

#map ul.map_nav {
 width:100%;
 height:50px;
 border-bottom:solid 1px #59b8fb;
 position:relative;
 margin-bottom:30px;
}

#map ul.map_nav li {
    width: 200px;
    border-bottom: 50px solid #406ab8;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    text-align:center;
    line-height:50px;
    font-size:14px;
    color:#fff;
    height:0px;
    position:absolute;
    bottom:0px;
    left:0px;
    cursor:pointer;
 -moz-transition: all 0.3s;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
#map ul.map_nav li.map_nav_crt {
  border-bottom: 50px solid #d656a7 !important;
}

#map ul.map_nav li:hover {
  border-bottom: 50px solid #d656a7;
}
#map ul.map_nav li:nth-of-type(2) {
 left:37.5%;
 margin-left:-120px;
}
#map ul.map_nav li:nth-of-type(3) {
 left:62.5%;
 margin-left:-120px;
}
#map ul.map_nav li:nth-of-type(4) {
 left:auto;
 right:0px;
}

#map h3 {
font-size: 1.25em;
margin-bottom: 0px;
padding: 10px 2em 10px 3em;
position: relative;
border-bottom: solid 1px rgba(255,255,255,0.6);
box-sizing: border-box;
cursor: pointer;
}
#map h3 span {
display: block;
width: 1.6em;
height: 1.6em;
line-height: 1.6em;
text-align: center;
border-radius: 5px;
background: #ff9900;
color: #fff;
font-weight: bold;
position: absolute;
left: 0.8em;
top: 50%;
margin-top: -0.8em;
}
#map h3 a {
text-decoration: none !important;
}

 #map h3:nth-of-type(n + 4) span {
background: #267bd2;
}
body#map h3:after {
content: "";
display: block;
width: 24px;
height: 12px;
background: url("/wp-content/themes/nerima-eizobunka/images/top/map/arrow-map.png") center center no-repeat;
background-size: contain;
position: absolute;
top: 50%;
top: 50%;
margin-top: -6px;
right: 9px;
transform: scale(1, -1);
}
#map h3.mp-open:after {
transform: scale(1, 1);
}

#map div.map-info {
display: none;
}
#map .map_cont div.map-info:nth-of-type(2) {
/*#map div:nth-of-type(2) {*/
display: block;
}
#map .map-info ul.map_pic_space {
 background-color:rgba(255,255,255,0.6);
	padding-top: 3px;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width:500px) {
#map .map-info ul.map_pic_space li {
 width:50% !important;
}
}

/*#map .map-info ul.map_pic_space li:last-of-type {
 float:right;
}*/
.copyright_box {
display: block;
padding: 3% 5%;
 font-size:12px;
 line-height:1.3em;
}
#map .map-txt-1 {
padding: 15px 20px;
 line-height:1.6em;
 background-color: #fff;
}
@media screen and (min-width:768px) {
#map .map-txt-1 {
font-size: 1.128em;
}
}
#map .map-txt-2 {
padding: 15px 20px;
 background-color:rgba(255,255,255,0.6);
}

#map .map-info dl {
padding: 15px 20px;
 line-height:1.6em;
 background-color:rgba(255,255,255,0.6);
}
#map .map-info dl dt {
 font-size:1.128em;
	font-weight: bold;
}
#map .map-info dl dd {
 font-size:14px;
	margin-top: 5px;
}

#map .map-info ul.map_content_space {
 width:100%;
 overflow:hidden;
 margin-bottom:10px;
 line-height:1.3em;
}
#map .map-info ul.map_content_space li {
 width:288px;
 float:left;
 margin-right:19px;
 margin-bottom:10px;
}
#map .map-info ul.map_content_space li p {
 margin-bottom:5px;
}
#map .map-info ul.map_content_space li span {
 display:inline-block;
 line-height:1.6em;
}
#map .map-info ul.map_content_space li:nth-of-type(3n) {
 margin-right:0px;
}
#map .map-info ul.map_content_space li:nth-of-type(3n+1) {
 clear:left;
}

.map_sp_only {
 display:none;
}





.map-box,.map-box > div {
 height:0px !important;
 width: 100% !important;
 padding-bottom: 66.66%;
 position:relative;
}
.map-box iframe, .map-box object, .map-box embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 500px) {
.map-box {
 padding-bottom: 33.33% !important;
}
}



/*-----------------
年表
-----------------*/
#top #timeline .ab-timeline {
max-width: 800px;
margin: auto;
margin-bottom: 40px;
overflow: hidden;
}
#top #timeline .ab-timeline dd:last-child {
border-bottom: solid 1px #fff;
}
@media screen and (max-width:767px) {
#top #timeline .ab-timeline dt {
border-top: solid 1px #fff;
padding-top: 7px;
}
#top #timeline .ab-timeline dd {
padding-bottom: 7px;
font-weight: bold;
}
}
@media screen and (min-width:768px) {
#top #timeline .ab-timeline dt {
width: 150px;
margin-right: 10px;
padding-top: 7px;
border-top: solid 1px #fff;
float: left;
clear: left;
}
#top #timeline .ab-timeline dt:nth-last-child(2) {
padding-bottom: 7px;
border-bottom: solid 1px #fff;
}
#top #timeline .ab-timeline dd {
width: calc(100% - 160px);
float: left;
padding-top: 7px;
padding-bottom: 7px;
border-top: solid 1px #fff;
font-weight: bold;
}
}

/*-----------------
外部リンク
-----------------*/
.outer-link-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap:20px;
}
.outer-link-list li {
width: 100%;
transition: all 0.2s;
margin: 0px 7px;
}
@media screen and (min-width:500px) {
.outer-link-list li {
width: 48%;
}
}
@media screen and (min-width:768px) {
.outer-link-list li {
/*width: 32%;*/
width: auto;
height: 80px;
}
.outer-link-list li:hover {
opacity: 0.7;
}

.outer-link-list li img {
height: 100%;
}
}
/*-----------------
年表（下層）
-----------------*/
.timeline {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
line-height: 1.3em;
}
.timeline p {
margin-top: 8px;
margin-bottom: 8px;
}
.tl-year {
width: 90px;
border-bottom: solid 1px #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.tl-year:first-child {
font-weight: bold;
}
.tl-neri, .tl-social {
width: calc((100% - 90px - 20px) / 2);
border-bottom: solid 1px #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.tl-neri {
border-bottom: solid 1px #005FB4;
}
@media screen and (min-width:768px) {
.tl-year {
width: 130px;
}
.tl-neri {
width: calc((100% - 130px - 20px) * 0.7);
}
.tl-social {
width: calc((100% - 130px - 20px) * 0.3);
}
}

/*-----------------
動画、インタビュー
-----------------*/
ul.mov-box,ul.guest-box {
text-align: center;
}
.mov-box-up,.gst-box-up {
background: rgba(255,255,255,0.7);
line-height: 1em;
}
.mov-box-up p,.gst-box-up p {
width: 96%;
padding: 1em 2%;
}
.mov-box-up span,.gst-box-up span {
display: inline-block;
margin: auto;
font-weight: bold;
/*font-size: 1.3em;
line-height: 1.3em;*/
font-size: 1.2em;
line-height: 1.2em;
}
ul.mov-box li {
margin-bottom: 30px;
}
@media screen and (max-width:767px) {
ul.guest-box li {
margin-bottom: 40px;
}
ul.guest-box li:last-child {
margin-bottom: 0px;
}
}

@media screen and (min-width:768px) {
ul.mov-box,
ul.guest-box,
ul.topics-list {
/*width: 80%;*/
max-width: 940px;
margin: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
}
#event ul.topics-list {
display: block;
}

ul.mov-box {
justify-content:center;
}
ul.topics-list {
justify-content: space-between;
}

ul.mov-box li {
width: 32%;
margin-right: 2%;
margin-bottom: 40px;
}
ul.guest-box li {
width: 32%;
width: calc((100% - 2px) / 3);
margin-right: 1px;
margin-bottom: 30px;
}
ul.mov-box li:nth-child(3n),ul.guest-box li:nth-child(3n) {
margin-right: 0px;
}
}


/*--------------------
サロン注釈
--------------------*/
.sl-note {
margin-top: 20px;
text-align: center;
}
.sl-note a {
display: inline-block;
padding: 0.8em 2em;
background: #60a1e1;
border: solid 1px #fff;
color: #fff;
font-weight: bold;
transition: all .1s;
}
.sl-note a:hover {
transform: scale(1.1);
}

/*--------------------
TOPICS一覧
--------------------*/
.topics-list li {
background: rgba(255,255,255,0.5);
margin-bottom: 20px;
padding: 0px;
position: relative;
transition: all 0.2s;
}
.topics-list li:hover {
transform: scale(1.02);
}
.topics-list-pic {
width: 100%;
height: 0px;
padding-top: 66.6%;
}
.topics-list-info {
padding: 10px;
}
.topics-list-author {
font-weight:bold;
}
.topics-list-position {
font-weight:bold;
font-size: 0.85em;
}
.topics-list-date {
font-size: 0.85em;
margin-bottom: 10px;
}
.topics-list-dsp {
text-align: justify;
text-justify: inter-character;
margin-bottom: 10px;
}
.topics-list-more {
display: block;
text-align: right;
}

@media screen and (min-width:768px) {
.topics-list::after {
content: "";
display: block;
width: calc((100% - 40px) / 3);
}

.topics-list li {
width: calc((100% - 40px) / 3);
}

#topics .topics-list li:nth-child(-n+3) {
width: 100%;
justify-content: space-between;
}
#topics .topics-list li:nth-child(-n+3) a {
display: block;
display: flex;
}
#topics .topics-list li:nth-child(-n+3) .topics-list-pic {
width: 40%;
padding-top: 26.6%;
}
#topics .topics-list li:nth-child(-n+3) .topics-list-info {
width: 60%;
padding: 20px;
}
#topics.under .topics-list li:nth-child(-n+3) h2.topics-list-ti {
font-size: 1.71em;
line-height: 1.2em;
}
#topics .topics-list li:nth-child(-n+3) .topics-list-more {
position: absolute;
bottom: 20px;
right: 20px;
}

#event .topics-list li {
width: 100%;
}
#event .topics-list li a {
display: flex;
justify-content: space-between;
}
#event .topics-list-pic {
width: 40%;
padding-top: 26.6%
}
.topics-list-info {
box-sizing: border-box;
}
#event .topics-list-info {
width: 60%;
}
}

/*ハンバーガーメニュー*/
@media (max-width: 767px) {
.menu-btn {
 width:30px;
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .2s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 26px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
/*.menu-trigger.active span {
  background-color: #000;
}*/

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}
}




/*----------------------------
ページトップ
----------------------------*/
a.pagetop {
 display:none;
 width:47px;
 height:47px;
 line-height:47px;
 position:fixed;
 bottom:60px;
 right:10px;
 border-radius:50%;
 background:#003366 url(../images/common/pagetop-w.png) center center no-repeat;
 background-size:80% auto;
 -moz-transition: -moz-transform 0.1s linear;
 -webkit-transition: -webkit-transform 0.1s linear;
 -o-transition: -o-transform 0.1s linear;
 -ms-transition: -ms-transform 0.1s linear;
 transition: transform 0.1s linear;
 cursor:pointer;
}
a.pagetop:hover {
 opacity:0.8;
}
@media screen and (min-width:768px) {
a.pagetop {
 bottom:60px;
 right:20px;
}
}


/*フッター*/
footer {
 width:100%;
 font-size:11px;
 text-align:center;
	margin: auto;
 padding:10px 10px;
 -webkit-box-sizing:border-box;
 -ms-box-sizing:border-box;
 box-sizing:border-box;
 background-color:rgba(255,255,255,0.5);
	overflow: hidden;
}
footer a {
text-decoration: underline;
}
footer a:hover {
text-decoration: none;
}

footer ul{
width: 100%;
}
footer ul li{
display: inline-block;
margin:0px 10px;
}
footer .cright {
width: 100%;
 font-size: 10px;
}
@media screen and (min-width:768px) {
footer nav {
display: inline-block;
margin-right: 30px;
}
footer ul{
width: auto;
text-align: left;
}
footer .cright {
width: auto;
display: inline-block;
}
}
@media screen and (min-width:1200px) {
footer {
 padding:10px 10px 10px;
}
}
/*ソーシャル関連*/
div.sns-space {
 text-align:center;
 padding:10px 0px;
 background:#000;
}
div#boxArea {
 width:300px;
 margin:auto;
}
div#boxArea > div {
 margin:0px 10px;
}

div#videolink a {
 display:block;
 width:80px;
 height:20px;
 line-height:20px;
 font-size:12px;
 text-align:center;
 background:#FB8400;
 color:#fff;
 border-radius:3px;
}
div#videolink a:hover {
 opacity:0.8;
}
@media screen and (max-width:400px) {
div#videolink {
 clear:both;
 float:none !important;
 margin: 0px auto !important;
 padding-top:10px;
}
}

/*-------------------------------
動画表示（サムネイル）
-------------------------------*/
.mov-box-01 a {
display: block;
position: relative;
vertical-align: top;
}
.mov-box-01 a:after {
    display: block;
    content: "";
    width: 20%;
    height: 0px;
				padding-top: 20%;
    background: url(/wp-content/themes/nerima-eizobunka/images/common/movie/mov-arrow.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10%;
    margin-top: -10%;
    transition: All 0.3s ease;
}
.mov-box-01 a:hover:after {
opacity: 0.7;
}

/*-------------------------------
動画表示（フローティングウィンドウ）
-------------------------------*/
.movie-space {
 /*display:none;*/
}
.movie-base {
 width:100%;
 height:100%;
 background-color:rgba(255,255,255,0.8);
 position:fixed;
 top:0px;
 left:0px;
 z-index:10020;
 cursor:pointer;
}
.movie-cont {
 width:90%;
 border:solid 1px #0099ff;
 padding:30px 7px 7px;
 position:absolute;
 top:50%;
 left:50%;
 margin-left:-45%;
 z-index:10021;
 line-height:1em;
 overflow:hidden;
 box-sizing:border-box;
}
@media screen and (min-width:800px) {
.movie-cont {
 width: 720px;
 top: 200px;
 margin-left: -365px;
}
}
.movie-box {
 width:100%;
 height:0px;
 padding-bottom:56.25%;
 position:relative;
}
.movie-box iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

p.movie-close {
 margin-bottom:4px;
 cursor:pointer;
 width:20px;
 height:auto;
 position:absolute;
 top:7px;
 right:7px;
}
p.movie-close img {
 height:auto;
}
p.movie-close:hover {
 opacity:0.7;
}

/*-------------------------------
動画表示（埋め込み）
-------------------------------*/
ul.mov_space {
 width:100%;
 overflow:hidden;
}

ul.mov_space li{
 margin-bottom:20px
}
ul.mov_space li div{
 width:100%;
 padding-bottom:56.25%;
 margin-bottom:5px;
 height:0px;
 position:relative;
}
ul.mov_space li div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.mov_space li .text_box {
 text-align:justify;
 text-justify:inter-ideograph;
}


@media screen and (min-width: 451px) {
ul.mov_space.col2 li {
 width:49%;
 float:left;
 margin-right:2%;
}
/*ul.mov_space li.mov_l {
 width:100%;
 float:left;
 margin-right:0%;
}*/
ul.mov_space li:nth-child(even) {
 margin-right:0px;
}

/*動画配置 ねり丸用*/
.ar_contents ul.mov_space li {
 margin-right:0px;
 clear:none;
}
.ar_contents ul.mov_space li:nth-child(even) {
 margin-right:2%;
 clear:left;
}
.ar_contents ul.mov_space li:first-of-type {
 width:100%;
 margin-right:0px;
 margin-bottom:20px;
}
}
ul.mov_space li .text_box {
 text-align:justify;
 text-justify:inter-ideograph;
}


/*--------------------
下層ページ
--------------------*/
#header-img {
width: 100%;
height: 0px;
padding-bottom: 26.5%;
background: #000 url(/wp-content/themes/nerima-eizobunka/images/common/img-header.jpg) right center no-repeat;
background-size: cover;
position: relative;
}
#header-img a {
display: block;
width: 17.75%;
height: 0px;
padding-top: 21.41%;
background: url(/wp-content/themes/nerima-eizobunka/images/common/img-logo.png) center center no-repeat;
background-size: contain;
position: absolute;
left: 2.6%;
top: 10%;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@media screen and (min-width:768px) {
#header-img {
margin-top: 100px;
padding-bottom: 15%;
}
#header-img a {
width: 10.05%;
padding-top: 12.125%;
left: 50%;
margin-left: -5.0025%;
}
}
.under h1 {
 background:rgba(255,255,255,0.5);
 width:100%;
	padding: 1em 0px;
	line-height: 1.2em;
	font-size: 1.7em;
	text-align: center;
}

.under h1 p {
 display:inline-block;
	position: relative;
}
.under h1 p:before {
display: block;
content: "";
width: 40px;
height: 1px;
background: #000;
position: absolute;
left: -50px;
top: 50%;
}
.under h1 p:after {
display: block;
content: "";
width: 40px;
height: 1px;
background: #000;
position: absolute;
right: -50px;
top: 50%;
}
@media screen and (min-width:768px) {
.under h1 {
/* height:100px;
 line-height:100px;
	padding: 0px;*/
	height: auto;
	line-height: 1.2em;
	padding: 33px 0px;
	font-size: 2.5em;
	/*margin-bottom: 50px;*/
}
}

.under h2 {
font-size: 1.25em;
font-weight: bold;
padding: 20px 20px 0px;
}
.under.page h2 {
border-bottom: solid 1px #333;
padding: 20px 20px;
}
h2.topics-detail-h2 {
margin-bottom: 10px;
padding: 20px 20px;
background: rgba(255,255,255,0.5);
}
h2.topics-list-ti {
padding: 0px;
}
#column h2.topics-list-ti {
padding-bottom:5px;
margin-bottom:5px;
border-bottom:solid 1px #666;
}

.under#interview h2:after {
display: block;
content: "";
width: calc(100% + 40px);
margin-left: -20px;
margin-top: 10px;
height: 4px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cc44ea+0,178de8+50,00bcbc+100 */
background: #cc44ea; /* Old browsers */
background: -moz-linear-gradient(left,  #cc44ea 0%, #178de8 50%, #00bcbc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #cc44ea 0%,#178de8 50%,#00bcbc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #cc44ea 0%,#178de8 50%,#00bcbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc44ea', endColorstr='#00bcbc',GradientType=1 ); /* IE6-9 */
}
@media screen and (min-width:768px) {
.under h2 {
font-size: 1.5em;
}
.under.page h2 {
padding: 20px 40px;
}
h2.topics-list-ti {
font-size: 1.25em;
}
#event h2.topics-list-ti {
font-size: 1.5em;
line-height: 1.3em;
}
}

h2.h2-2 {
padding: 10px;
margin-bottom: 10px;
background: rgba(23,56,121,0.7);
border-radius: 5px;
color: #fff;
}
.under h3 {
width: 100%;
font-size: 1.125em;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: solid 1px #333;
}
@media screen and (min-width:768px) {
.under h3 {
font-size: 1.25em;
}
}

.under #content {
 width:100%;
 margin: 0px auto 150px;
}
.under#interview #content {
 width:100%;
}
@media screen and (min-width:768px) {
.under #content {
 max-width:800px;
}
.under#interview #content,
.under#topics #content,
.under#column #content,
.under#event.category #content,
.under.page-parent#salon #content {
max-width: 1100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
}
.under main {
 width:100%;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 position:relative;
}
.under#interview #content main,
.under#topics #content main,
.under#column #content main {
width: 100%;
	margin-bottom: 60px;
}
@media screen and (min-width:768px) {
.under#interview #content main,
.under#topics #content main,
.under#column #content main {
width: calc(100% - 300px);
	margin-bottom: 0px;
}
}
.under .mainimage {
line-height: 1em;
}
.under .tab-info {
 letter-spacing: -.4em;
	/*margin-bottom: -60px;*/
	position: relative;
	z-index: 1000;
}
.under .tab-info li {
width: 50%;
display: inline-block;
letter-spacing: normal;
}
.under .tab-info li a {
display: block;
width: calc(100% - 26px);
height: 2.4em;
line-height: 2.4em;
margin: 0px 13px;
font-size: 0.9em;
text-align: center;
font-weight: bold;
color: #fff;
background: #d9a25b;
position: relative;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
		text-decoration: none;

}
@media screen and (min-width:768px) {
.under .tab-info li a {
width: calc(100% - 40px);
margin: 0px 20px;
}
}
@media screen and (min-width:375px) {
.under .tab-info li a {
font-size: 1em;
}
}
.under .tab-info li a:before {
display: block;
content: "";
width:0px;
height: 0px;
border-width: 0px 0px 2.4em 13px;
border-color: transparent transparent #d9a25b transparent;
border-style: solid;
position: absolute;
left: -13px;
bottom: 0px;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
}
.under .tab-info li a:after {
display: block;
content: "";
width:0px;
height: 0px;
border-width: 0px 13px 2.4em 0px;
border-color: transparent transparent #d9a25b transparent;
border-style: solid;
position: absolute;
right: -13px;
bottom: 0px;
 transition:All 0.2s ease;
 -o-transition:All 0.2s ease;
 -ms-transition:All 0.2s ease;
 -moz-transition:All 0.2s ease;
 -webkit-transition:All 0.2s ease;
}
.under .tab-info li.current-menu-item a {
background: #330000;
}
.under .tab-info li.current-menu-item a:before {
display: block;
content: "";
width:0px;
height: 0px;
border-width: 0px 0px 2.4em 13px;
border-color: transparent transparent #330000 transparent;
border-style: solid;
position: absolute;
left: -13px;
bottom: 0px;
}
.under .tab-info li.current-menu-item a:after {
display: block;
content: "";
width:0px;
height: 0px;
border-width: 0px 13px 2.4em 0px;
border-color: transparent transparent #330000 transparent;
border-style: solid;
position: absolute;
right: -13px;
bottom: 0px;
}
.under .tab-info li a:hover {
background: #330000;
}
.under .tab-info li a:hover:before,.under .tab-info li a:hover:after {
border-color: transparent transparent #330000 transparent;
}
/*--------------------
記事ボックス
--------------------*/
p.kiji-box-margin {
 width:100%;
 /*height:60px;*/
}
/*p.kiji-box-margin:first-of-type {
 padding-bottom:0px;
}*/
.under div.article section.kiji-box {
 width:100%;
 /*margin-bottom:40px;*/
 background:rgba(255,255,255,0.5);
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 overflow:hidden;
}
/*@media screen and (min-width:768px) {
p.kiji-box-margin {
 padding-top: 100px;
 margin-top:-100px;
}
}*/

#interview.under .pod-dsp {
padding: 20px 20px 0px;
}
.powerpress_links {
display: none;
margin-bottom: 20px;
}
.powerpress_player {
margin-bottom: 10px;
}
@media screen and (min-width:768px) {
#interview.under .pod-dsp {
padding: 40px 40px 0px;
}
.powerpress_links {
margin-bottom: 40px;
}
}
.under div.article section.kiji-box .inner-box {
 padding:20px;
}
#interview.under div.article section.kiji-box .inner-box {
 padding:10px 20px 20px;
}
#column.under div.article section.kiji-box .inner-box p {
margin-bottom: 1.5em;
}
#column.under div.article section.kiji-box .inner-box p:last-child {
margin-bottom: 0px;
}

@media screen and (min-width:768px) {
.under div.article section.kiji-box .inner-box {
 padding:20px 40px 40px;
}
#interview.under div.article section.kiji-box .inner-box {
 padding:10px 40px 40px;
}
}
.under div.article section.kiji-box:last-of-type {
 margin-bottom:0px;
}
.under div.article section.kiji-box span.cat-name {
 font-size:14px;
 display:block;
 float:right;
}
.under div.article section.kiji-box p.kiji-date {
 font-size:14px;
 padding:10px 0px 0px;
 overflow:hidden;
}
#news.under div.article section.kiji-box p.kiji-date,
#event.under div.article section.kiji-box p.kiji-date {
 padding:10px 20px 0px;
	border-bottom: solid 1px #000;
}
div.kiji-txt {
 overflow:hidden;
	margin-bottom: 40px;
	text-align: justify;
}
div.kiji-txt:last-of-type {
	margin-bottom: 0px;
	}

div.kiji-txt .lead {
font-size: 1.125em;
line-height: 1.7em;
/*font-weight: bold;*/
}

.kiji-txt img {
 width:auto;
 max-width:100%;
 height:auto;
 /*margin:10px 0px;*/
 margin:5px 0px;
}
/*--------------------
記事ボックス内 レイアウト
--------------------*/
.pic-box-all {
 width:100%;
	margin-bottom: 10px;
 text-align:left;
/* line-height:1em;*/
	clear: both;
}
.kiji-txt .pic-box-all img {
width: 100%;
}

p.pic-box-L1 {
 width:100%;
 margin-bottom:10px;
}
p.pic-box-R1 {
 width:100%;
 margin-bottom:10px;
}
p.pic-box-L2 {
 width:100%;
 margin-bottom:10px;
}
p.pic-box-R2 {
 width:100%;
}
p.pic-box-L3 {
 width:50%;
 margin-bottom:10px;
}

.pic-box-2col-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
	margin-bottom: 10px;
}
.pic-box-2col-item {
 width:100%;
 margin-bottom:10px;
}
@media screen and (min-width:430px) {
.pic-box-2col-item {
 width:48%;
}
}

.pic-box-3col-list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
	margin-bottom: 10px;
}
.pic-box-3col-item {
 width:48%;
 margin-bottom:10px;
}
.pic-box-3col-list::after {
content: "";
display: block;
 width:48%;
}
@media screen and (min-width:768px) {
.pic-box-3col-item {
 width:32%;
}
.pic-box-3col-list::after {
 width:32%;
}
}

p.pic-box-L3 img {
width: 100%;
height: auto;
}
@media screen and (min-width:430px) {
p.pic-box-L1 {
 width:45%;
 float:left;
 margin:0px 20px 10px 0px;
}
p.pic-box-R1 {
 width:45%;
 float:right;
 margin:0px 0px 10px 20px;
}
p.pic-box-L3,
p.pic-box-L2 {
 width:220px;
 float:left;
 margin:0px 20px 10px 0px;
}
p.pic-box-R2 {
 width:20%;
 float:right;
 margin-left:20px;
}
}
.pic-box-L1 img {
 margin:0px;
}
p.pic-box-L1 img,
p.pic-box-L2 img,
p.pic-box-R1 img {
 width:100%;
}

.pic-pkg-01 {
width: 45% !important;
}
@media screen and (min-width:430px) {
.pic-pkg-01 {
width: 20% !important;
}
}

.caption {
display: inline-block;
font-size: 0.857em;
margin-top: 5px;
line-height: 1.2em;
}
.caption2 {
display: block;
clear: both;
width: 100%;
font-size: 0.857em;
margin: 5px 0px 10px;
line-height: 1.2em;
}


/*------------------------------
 記事内コラム
---------------------------------*/
.column01 {

}
.column01-ti {
border-radius: 0.5em 0.5em 0px 0px;
background: rgba(255,255,255,0.7);
margin-bottom: 2px;
font-weight: bold;
padding: 1.5% 4% 1%;
}
.column01-ti span {
font-size: 1.3em;
font-weight: bold;
color: #003366;
margin-left: 0.2em;
}
.column01-txt {
border-radius: 0px 0px 0.5em 0.5em;
background: rgba(255,255,255,0.7);
padding: 2% 4%;
}

.column02 {
border-radius: 0px 0px 0.5em 0.5em;
background: rgba(255,255,255,0.7);
padding: 2% 4%;
}


/*------------------------------
  記事本文　前後ボタン
---------------------------------*/
ul.after_bf_box {
 width:100%;
 overflow:hidden;
 padding:0px 20px 20px;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
ul.after_bf_box li {
 width:100%;
 overflow:hidden;
 line-height:1.4em !important;
}
ul.after_bf_box li.after_next {
margin-top: 20px;
}
@media screen and (min-width:430px) {
ul.after_bf_box li {
 width:47.5%;
 float:left;
}
ul.after_bf_box li.after_next {
margin-top: 0px;
 float:right;
}
}
ul.after_bf_box li > p {
 height:30px;
 line-height:30px;
 font-size:16px;
 float:left;
 padding-left:40px;
 position:relative;
}
ul.after_bf_box li.after_next > p {
 float:right;
 padding-left:0px;
 padding-right:40px;
}
ul.after_bf_box li > p:before {
 content:"";
 display:block;
 width:0px;
 height:0px;
 border-width:20px 20px 0px 0px;
 border-color:transparent #000 transparent transparent;
 border-style:solid;
 position:absolute;
 bottom:0px;
 left:0px;
}
ul.after_bf_box li.after_next > p:before {
 border-width:20px 0px 0px 20px;
 border-color:transparent transparent transparent #000;
 border-style:solid;
 left:auto;
 right:0px;
}

ul.after_bf_box li >a {
 display:block;
 clear:both;
 width:100%;
 padding-top:10px;
 border-top:solid 1px #000;
 overflow:hidden;
 color:#000;
 font-size:0.875em;
}
ul.after_bf_box li > a > p {
 width:50px;
 height:50px;
 background:#ccc;
 float:left;
}
ul.after_bf_box li > a > div {
 width:270px;
 float:right;
}

/*--------------------
右サイド
--------------------*/
.right-side {
  width: 100%;
  padding: 0px 20px 20px;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
@media screen and (min-width:768px) {
.right-side {
  width: 290px;
  height: auto;
  padding: 0px 0px 20px;
}
}

.under #content div.right-side dl.recent-kiji {
/* padding-bottom:30px;
 margin-bottom:30px;*/
	margin-bottom: 10px;
}
.under #content div.right-side dl.recent-kiji dt {
 font-size:1.125em;
 line-height:1em;
	margin-bottom: 5px;
 padding:10px;
	background: rgba(255,255,255,0.5);
 /* margin-bottom:10px;
 border-bottom:solid 1px #ff3000; */
}
.under #content div.right-side dl.recent-kiji dd {
	margin-bottom: 5px;
	background: rgba(255,255,255,0.5);
}
.under #content div.right-side dl.recent-kiji dd a {
 display:block;
 -moz-transition: all 0.2s linear;
 -webkit-transition: all 0.2s linear;
 -o-transition: all 0.2s linear;
 -ms-transition: all 0.2s linear;
 transition: all 0.2s linear;
}
.under #content div.right-side dl.recent-kiji dd a:hover {
 display:block;
 opacity:0.7;
}

.under #content div.right-side dl.recent-kiji dd p.rct-foto {
line-height: 1em;
}
.under #content div.right-side dl.recent-kiji dd p.rct-ti {
 line-height:1.4em;
 width:100%;
 padding-bottom:5px;
 box-sizing:border-box;
}
.under #content div.right-side dl.recent-kiji dd p.rct-ti span {
 display:block;
 line-height: 1.2em;
 padding:8px;
	text-align: justify;
	font-weight: bold;
}
.under #content div.right-side dl.recent-kiji dd p.rct-ti i.rct-date {
 display:block;
 font-size: 0.875em;
	font-style: normal;
	margin-top: 5px;
}

.side-link-cate {
display: block;
text-align: right;
line-height: 1em;
}
.side-link-cate::before {
content: "";
display: inline-block;
width: 1.1em;
height: 1.1em;
background: url(/wp-content/themes/nerima-eizobunka/images/common/img-arrow@2x.png) no-repeat;
background-size: contain;
margin-right: 3px;
vertical-align:text-bottom;
transition: all 0.2s;
}
.side-link-cate:hover::before {
margin-right: 8px;
}

/*--------------------
インタビュー
--------------------*/
.p-box {
 margin-bottom:20px;
}
.p-box:last-child {
margin-bottom: 0px;
}

.p-name {
 font-weight:bold;
}

.profile-ti {
 font-weight:bold;
 font-size:1.125em;
 margin-bottom:10px !important;
}
.profile-box {
 margin-bottom:20px;
 background:rgba(255,255,255,0.7);
 padding:20px;
}
.column-box {
 margin-bottom:20px;
	border: solid 1px #000;
 padding:20px;
	box-sizing: border-box;
}

.p-interviewer {
font-weight: bold;
margin-bottom: 5px;
}

h3 {
  width: 100%;
  font-size: 1.25em;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  background-color: transparent;
}

#jigyou h3 {
		font-size: 1.7em;
  border-bottom: solid 1px #fff;
}
@media screen and (min-width:768px) {
#jigyou h3 {
		font-size: 1.4em;
}
}

h4 {
  width: 100%;
  font-size: 1.125em;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  background-color: transparent;
}
h4.clm-recommend {
font-size: 1.5em;
font-weight: bold;
padding-top: 10px;
}
h4.clm-recommend i {
display: inline-block;
background: #00bcbc;
border-radius: 8px;
font-size: 0.66em;
font-weight: bold;
padding: 3px 6px;
padding-left: 2.7em;
margin-right: 5px;
margin-bottom: 5px;
font-style: normal;
position: relative;
top: -3px;
position: relative;
}
h4.clm-recommend i:after {
display: block;
content: "";
width: 3em;
height: 2.6em;
background: url("../images/under/interview/finger.png") center center no-repeat;
background-size:contain;
position: absolute;
left: 0px;
top: -0.3em;
}
h4.clm-recommend span {
display: inline-block;
font-weight: bold;
}

.midashi_1 {
font-weight: bold;
padding-bottom: 3px;
margin-bottom: 6px;
border-bottom: solid 1px #fff;
}

.mov_space.mov-2col li {
width: 100%;
margin-bottom: 20px;
}
@media screen and (min-width:768px) {
.mov_space.mov-2col {
display: flex;
justify-content: space-between;
}
.mov_space.mov-2col li {
width: 49%;
}
.mov_space.mov-2col li:last-child,
.mov_space.mov-2col li:nth-last-child(2) {
margin-bottom: 0px;
}
}

.mov_space li div {
    width: 100%;
    padding-bottom: 56.25%;
    margin-bottom: 5px;
    height: 0px;
    position: relative;
}
.mov_space li div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--------------------
インタビュー、サロンの注釈
--------------------*/
div.footnote {
 margin-bottom:40px;
 overflow:hidden;
}
div.footnote:last-of-type {
 margin-bottom:0px;
}
div.footnote dl {
margin-bottom: 30px;
}
div.footnote dl:last-of-type {
margin-bottom: 0px;
}
.footnote dt {
 font-weight:bold;
}
.footnote dd {
 margin-bottom:10px;
 overflow:hidden;
  text-align:justify;
 text-justify:inter-ideograph;
}


/*------------------------------
  ユーティリティースペース（基本的にトップページ基準）
---------------------------------*/
.utility_space {
width: 100%;
/*position: fixed;
bottom: 0px;
right: 50%;*/
overflow:hidden;
z-index: 9999;
letter-spacing: -0.4em;
	background: rgba(255,255,255,0.7);
	position: relative;
}
.under .utility_space {
margin-bottom: 30px;
}
.utility_space li {
 height:auto;
 margin-bottom:0px;
	line-height: 1em;
}
.utility_space li.sns_space {
 padding:10px 0px;
 text-align:center;
}
.utility_space li.sns_space div {
 display:inline-block;
	letter-spacing: normal;
	height: 28px;
	overflow: hidden;
}
.utility_space li.sns_space div:last-child {
margin-left: -11px;
}

.utility_space iframe#twitter-widget-1 {
margin-right: 5px;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}

.utility_space li.translate {
 width:150px;
 padding:13px 0px 12px;
 border-right:solid 1px #59b8fb;
 
}
.utility_space li #google_translate_element {
 width:122px;
 height:24px;
 margin:0px;
 padding:0px 5px;
}
.utility_space li.site_form {
 width:270px;
}
@media screen and (min-width:768px) {
.utility_space {
/*right: 10px;*/
margin-right: auto;
}
/*.under .utility_space {
margin-bottom: 0px;
}*/
}

/*Coming soon...*/
.csoon {
width: 100%;
text-align: center;
padding: 10em 0px;
font-size: 2em;
}


/*ページャー*/
.wp-pagenavi {
 width:100%;
 margin-top:40px;
 text-align:center;
 -o-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
}
.wp-pagenavi span, .wp-pagenavi a {
 padding:5px 8px !important;
 margin:0px 5px !important;
 border:solid 1px #003366 !important;
	 box-sizing: border-box;
}
.wp-pagenavi span {
 background: #003366;
 color:#fff;
}
.wp-pagenavi a {
 text-decoration:none !important;
	color: #003366;
 transition:All 0.3s ease;
 -o-transition:All 0.3s ease;
 -ms-transition:All 0.3s ease;
 -moz-transition:All 0.3s ease;
 -webkit-transition:All 0.3s ease;
}
.wp-pagenavi a:hover {
 background: #003366;
 color:#fff;
}
.wp-pagenavi span.pages {
 display:none;
}

.junbi {
width: 100%;
font-size: 1.5em;
margin-top: 200px;
text-align: center;
}


/*ページ内アンカー*/
.anchor-list-ti {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 5px;
}
.anchor-list-1 {
/*display: flex;
justify-content: space-between;
flex-wrap: wrap;*/
margin-bottom: 30px;
}
.anchor-item-1 {
margin-bottom: 2px;
background: rgba(255,255,255,0.7);
border-left: solid 1px #173879;
box-sizing: border-box;
}

.anchor-item-1 a {
display: block;
padding: 1em 1em 1em 3em;
text-decoration: none !important;
position: relative;
}
.anchor-item-1 a::before {
content: "";
display: block;
width: 0px;
height: 0px;
border-width: 7px 7px 0px 7px;
border-color: #173879 transparent transparent transparent;
border-style: solid;
position: absolute;
left: 1em;
top: 50%;
margin-top: -0.5em;
transition: all 0.15s;
}
.anchor-item-1 a:hover::before {
margin-top: -1em;
}
/*@media screen and (min-width:403px) {
.anchor-item-1 {
width: calc((100% - 1px) / 2);
}
}*/


.list01__item {
margin-bottom: 1.5em;
}
.list01__item__ti {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0.3em;
}
.list01__item__ti__em {
display: inline-block;
background: rgba(23,56,121,0.5);
padding: 0.2em 0.5em;
color: #fff;
font-weight: bold;
border-radius: 3px;
vertical-align: middle;
margin-right: 0.5em;
}

/*ねりマニアックス*/
.essay-box:not(:last-child) {
margin-bottom: 60px;
}
@media screen and (min-width:768px) {
.essay-box:not(:last-child) {
margin-bottom: 100px;
}
}

h2.essay-g-name {
font-weight: normal;
padding: 10px 20px !important;
}
.essay-g-name span {
font-size: 1.71em;
}
.essay-g-profile {
padding: 20px;
text-align: justify;
text-justify: inter-character;
}
.essay-g-profile__ti {
font-size: 1.285em;
font-weight: bold;
}

@media screen and (min-width:768px) {
h2.essay-g-name {
font-weight: normal;
padding: 10px 0px !important;
margin: 0px 20px;
}
}

@media screen and (max-width:767px) {
.essay-link-list {
padding-top: 30px;
}
}
@media screen and (min-width:768px) {
.essay-g-bottom {
width: 640px;
display: flex;
margin: auto;
justify-content: space-between;
}
.essay-g-foto {
width: 300px;
}
}