@charset "utf-8";

/*----------------------------------------------------
 .secWrapper.pages
----------------------------------------------------*/
.secWrapper.pages{
  padding: 0;
}
.secWrapper.pages .secOuter{
  width: 1152px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 auto;
  zoom: 1;
}
@media screen and (max-width:640px) {
  .secWrapper.pages{
    width: 100%;
  }
  .secWrapper.pages .secOuter{
    width: 100%;
    display: block;
  }
}
/*----------------------------------------------------
 mainContent
----------------------------------------------------*/
.secWrapper.pages .mainContent{
  width: 745px;
  order: 1;
}
@media screen and (max-width:640px) {
  .secWrapper.pages .mainContent{
    width: 100%;
    padding: 30px 3%;
  }  
}


/*--------------------------------
 section
--------------------------------*/
/*.secWrapper .mainContent#pages {
    padding: 30px 3%;
}*/
/*--------------------------------
 section
--------------------------------*/
.section{
	margin-bottom: 50px;
}
@media screen and (max-width:640px) {
	.section{
		margin-bottom: 50px;
	}
}

/*--------------------------------
 breadCrumbs
--------------------------------*/
.breadCrumbs {
    width: 100%;
    padding: 20px 0 25px;
}
@media screen and (max-width:640px) {
	.breadCrumbs {
	    display: none;
	}	
}
.breadCrumbs ul.pageLink{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
  flex-wrap: wrap;
}
.breadCrumbs ul.pageLink > li{
	font-size: 1.3rem;
  line-height: 1.3;
}
.breadCrumbs ul.pageLink > li > a{
	margin-right: 10px;
	color:#737373;
	font-size: 1.3rem;
}
.breadCrumbs ul.pageLink > li:after{
    content: '\f054';
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
    width: 1em;
    color: #0088ef;
    font-family: 'Font Awesome 5 Free';
    text-indent: 0;
}
.breadCrumbs ul.pageLink > li:last-child:after{
	content: none;
}

/* ==================== */
/* Title Text*/
/* ==================== */
.tit02{
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 4.0rem;
  color:#0088ef;
  letter-spacing: 0.3rem;
  margin-bottom: 30px;
  line-height: 1.2;
}
.tit02 span.en{
  display: block;
  font-size: 2.0rem;
  color: #383838;
  margin-top: 15px;
  letter-spacing: 0.4rem;
}

.tit03{
  font-size: 2.6rem;
  color:#000;
  letter-spacing: 0.3rem;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: solid 2px #0088ef;
  line-height: 1.4;
}

.tit04 {
  margin-top: 30px;
	margin-bottom: 30px;
  background-color: #0088ef;
  padding: 4px 10px;
  line-height: 1.2;
}
.tit04 span {
	color: #fff;
	font-size: 2.2rem;
  display: block;
  padding:5px 0 5px 20px;
  border-left: solid 4px #fff;
}
.tit05{
  margin-top: 30px;
	color:#000;
	font-size: 2.0rem;
	margin-bottom: 15px; 
  padding-left: 10px;
  border-left: solid 4px #0088ef;
  line-height: 1.2;
}
.tit06{
	font-size: 1.8rem;
	font-weight: 700;
	color:#0088ef;
  margin-top: 20px;
	margin-bottom: 10px;
  line-height: 1.2;
}

@media screen and (max-width: 640px) {
  .tit02{
    font-size: 2.8rem;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
  }
  .tit02 span.en{
    font-size: 1.5rem;
    margin-top: 10px;
    letter-spacing: 0.3rem;
  }
  .tit03{
    font-size: 2.2rem;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
  }
  .tit04 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 2px 6px;
    line-height: 1.2;
  }
  .tit04 span {
    font-size: 2.0rem;
    padding:3px 0 3px 15px;
    border-left: solid 3px #fff;
  }
  .tit05{
    margin-top: 20px;
    font-size: 1.8rem;
    margin-bottom: 10px; 
    padding-left: 7px;
    border-left: solid 3px #0088ef;
  }
  .tit06{
    margin-top: 15px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 1.2;
  }
}

p.txt{
	margin-bottom: 15px;
}
a.txtLink {
    color: #0088ef;
    text-decoration: none;
    word-break: break-all;
}
a.txtLink:before{
	content: '\f054';
    display: inline-block;
    font-weight: 700;
    font-size: 1.4rem;
    width: auto;
    color: #0088ef;
    font-family: 'Font Awesome 5 Free';
    text-indent: 0;
    margin-right: 5px;
}
a.txtLink.withBdr{
  padding: 0px 20px;
  border: solid 1px #ccc;
  display: inline-block;
}

/* ==================== */
/* img-content */
/* ==================== */
.img-content {
	margin-bottom: 30px;
}
.img-content .img{
	max-width: 40%;
}
.img-content .img img{
	max-width: 100%;
	margin-bottom: 5px;
}
.img-content.imgR .img {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.img-content.imgL .img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.img-content .img span.cap{
	display: inline-block;
	margin-bottom: 15px;
	font-size: 80%;
	color: #555;
	line-height: 1.2;
}
@media screen and (max-width: 640px) {
  .img-content {
  margin-bottom: 30px;
  }
  .img-content .img{
  max-width: 100%;
  width: 100%;
  text-align: center;
  }
  .img-content .img img{
  max-width: 100%;
  margin:0 auto 5px;
  max-width: 100%;
  }
  .img-content.imgR .img {
  float: none;
  margin-left: 0;
  margin-bottom: 15px;
  }
  .img-content.imgL .img {
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
  }
}

/* ==================== */
/* list-style */
/* ==================== */
/* ul-basic01 */
ul.ul-basic01{
  margin:0 0 30px 0;
}
ul.ul-basic01 > li {
  list-style:none;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  font-size: 1.5rem;
}
/*ul.ul-basic01 > li > * {
  padding-left: 1.5em;
}*/
ul.ul-basic01.dot > li:before{
	content: '●';
	color: #0088ef;
	font-size: 1.4rem;
	margin-right: 5px;
}

/* ol-basic01 */
ol.ol-basic01{
  margin:0 0 30px 0;
  list-style-position: inside;
}
ol.ol-basic01 > li {
  list-style-type: decimal;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  font-size: 1.5rem;
}

/* ol-basic02 */
ol.ol-basic02{
  margin:0 0 30px 0;
  list-style-position: inside;
}
ol.ol-basic02 > li {
  list-style-type: none;
  margin-bottom: 10px;
  text-indent: -2em;
  padding-left: 2em;
  line-height: 1.4;
  font-size: 1.5rem;
}

/* ==================== */
/* tbl-basic */
/* ==================== */
.tbl-basic{
  width:100%;
  margin: 0 0 30px 0;
  line-height: 1.8;
  font-size: 1.5rem;
}
.tbl-basic thead th {
    padding: 15px 15px;
    border: 1px solid #ccc;
    background: #0088ef;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.6rem;
    line-height: 1.5;
}
.tbl-basic thead td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #fff;
    color: #004576;
    text-align: center;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.5;
}
.tbl-basic tbody th {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #eaf6fd;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 1.5;
}
.tbl-basic tbody td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: top;
    font-size: 1.5rem;
    line-height: 1.5;
}
/*.tbl-basic tbody tr:nth-child(odd) td{
	background-color: #f3f4f3;
}
.tbl-basic tbody tr:nth-child(even) td{
	background-color: #e5e5e5;
}*/
.tbl-basic caption{
    color: #004576;
    margin-bottom: 10px;
    margin-top: 20px;
}
.tbl-basic.color-inherit{
  background-color: inherit;
}
.tbl-basic.color-inherit tbody td.color01,
.tbl-basic.color-inherit tbody th.color01{
  background-color: #FF99FF;
}
.tbl-basic.color-inherit tbody td.color02,
.tbl-basic.color-inherit tbody th.color02{
  background-color: #66CCFF;
}
.tbl-basic.color-inherit tbody td.color03,
.tbl-basic.color-inherit tbody th.color03{
  background-color: #CC33CC;
}
.tbl-basic.color-inherit tbody td.color04,
.tbl-basic.color-inherit tbody th.color04{
  background-color: #FFFF33;
}
.tbl-basic.color-inherit tbody td.color05,
.tbl-basic.color-inherit tbody th.color05{
  background-color: #B0FF3C;
}
@media screen and (max-width: 640px) {
  .table-wrap {
    overflow: auto;
    white-space: nowrap;
    display:block;
    width:auto;
    max-width: 1000px;
  }
  .table-wrap table {
    width: 100%;
    display:table;
  }
  .table-wrap:-webkit-scrollbar {
    height: 5px;
  }
  .table-wrap:-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .table-wrap:-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}

/* ==================== */
/* FLEX 2COL*/
/* ==================== */
.flex2Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.flex2Col > .flexInnerCol{
  width: calc( (100% - 20px) / 2 );
  margin-right: 20px;
  margin-bottom: 20px;
}
.flex2Col > .flexInnerCol:nth-child(2n){
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .flex2Col{
    display: block;
  }
  .flex2Col > .flexInnerCol{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .flex2Col > .flexInnerCol:nth-child(2n){
    margin-right: 0;
  }  
}

/* ==================== */
/* FLEX 3COL*/
/* ==================== */
.flex3Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.flex3Col > .flexInnerCol{
  width: calc( (100% - 40px) / 3 );
  margin-right: 20px;
  margin-bottom: 20px;
}
.flex3Col > .flexInnerCol:nth-child(3n){
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .flex3Col{
    display: block;
  }
  .flex3Col > .flexInnerCol{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .flex3Col > .flexInnerCol:nth-child(3n){
    margin-right: 0;
  }  
}

/* ==================== */
/* dl.dataTbl */
/* ==================== */
dl.dataTbl {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.6;
}
dl.dataTbl dt{
  width: 25%;
  padding: 10px 0;
}
dl.dataTbl dd{
  width: 75%;
  padding: 10px 0;
}
@media screen and (max-width: 640px) {
  dl.dataTbl {
    display: block;
    font-size: 1.5rem;
  }
  dl.dataTbl dt{
    width: 100%;
    padding: 10px 0 0 0;
    font-weight: 700;
  }
  dl.dataTbl dd{
    width: 100%;
    padding: 5px 0 10px;
  }
}

/* ==================== */
/* ICO AREA */
/* ==================== */
p.icoArea span{
  padding: 3px 15px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 5px;
  font-size: 1.8rem;
  font-weight: 700;
}
p.icoArea span.pdf {
  background-color: #ff0000;
  color: #fff;
}


/* ==================== */
/* PAGE-INNER LINK */
/* ==================== */

/* 4Col version  */
.pageInnerLink{
  margin-bottom: 30px;
}
.pageInnerLink ul{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.pageInnerLink ul > li{
  width: calc( 100% / 4 );
}
.pageInnerLink ul > li > a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  line-height: 1.5;
  background-color: #f4f4f4;
  padding: 10px 10px;
  font-size: 1.6rem;
  color:#0088ef;
  border-right: solid 1px #adadad;
  border-bottom: solid 1px #adadad;
}
.pageInnerLink ul > li:nth-of-type(-n+4) > a{
  border-top: solid 1px #adadad; 
}
.pageInnerLink ul > li:nth-child(1) > a,
.pageInnerLink ul > li:nth-child(5) > a,
.pageInnerLink ul > li:nth-child(9) > a,
.pageInnerLink ul > li:nth-child(13) > a{
  border-left: solid 1px #adadad; 
}
.pageInnerLink ul > li > a:before{
  content: '\f078';
  display: inline-block;
  font-weight: 700;
  font-size: 1.4rem;
  width: auto;
  color: #0088ef;
  font-family: 'Font Awesome 5 Free';
  text-indent: 0;
  margin-right: 7px;
}

/* 3Col version  */
.pageInnerLink.col3 ul > li{
  width: calc( 100% / 3 );
}
.pageInnerLink.col3 ul > li:nth-of-type(-n+3) > a{
  border-top: solid 1px #adadad; 
}
.pageInnerLink.col3 ul > li:nth-child(4) > a{
  border-top: none;
}
.pageInnerLink.col3 ul > li:nth-child(1) > a,
.pageInnerLink.col3 ul > li:nth-child(5) > a,
.pageInnerLink.col3 ul > li:nth-child(9) > a,
.pageInnerLink.col3 ul > li:nth-child(13) > a{
  border-left: none; 
}
.pageInnerLink.col3 ul > li:nth-child(1) > a,
.pageInnerLink.col3 ul > li:nth-child(4) > a,
.pageInnerLink.col3 ul > li:nth-child(7) > a,
.pageInnerLink.col3 ul > li:nth-child(10) > a{
  border-left: solid 1px #adadad; 
}

@media screen and (max-width: 640px) {
  .pageInnerLink{
    margin-bottom: 20px;
  }
  .pageInnerLink ul{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .pageInnerLink ul > li{
    width: calc( 100% / 2 );
  }
  .pageInnerLink.col3 ul > li{
    width: calc( 100% / 2 );
  }
  .pageInnerLink ul > li > a{
    padding: 10px 10px;
    font-size: 1.6rem;
  }
  .pageInnerLink ul > li:nth-of-type(-n+4) > a{
    border-top: none; 
  }
  .pageInnerLink.col3 ul > li:nth-of-type(-n+3) > a{
    border-top: none; 
  }
  .pageInnerLink ul > li:nth-of-type(-n+2) > a{
    border-top: solid 1px #adadad; 
  }
  .pageInnerLink ul > li:nth-child(1) > a,
  .pageInnerLink ul > li:nth-child(5) > a,
  .pageInnerLink ul > li:nth-child(9) > a,
  .pageInnerLink ul > li:nth-child(13) > a{
    border-left: none; 
  }
  .pageInnerLink.col3 ul > li:nth-child(1) > a,
  .pageInnerLink.col3 ul > li:nth-child(4) > a,
  .pageInnerLink.col3 ul > li:nth-child(7) > a,
  .pageInnerLink.col3 ul > li:nth-child(10) > a{
    border-left: none; 
  }
  .pageInnerLink ul > li:nth-child(odd) > a{
    border-left: solid 1px #adadad;  
  }
  .pageInnerLink ul > li > a:before{
    content: '\f078';
    display: inline-block;
    font-weight: 700;
    font-size: 1.4rem;
    width: auto;
    color: #0088ef;
    font-family: 'Font Awesome 5 Free';
    text-indent: 0;
    margin-right: 7px;
  }
}


/* ==================== */
/* mapIco */
/* ==================== */
.mapIco{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.mapIco > dl{
  width: calc( 100% / 3 );
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: solid 1px #ccc;
}
.mapIco > dl > dt{
  width: 20%;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mapIco > dl > dd{
  width: 80%;
  padding: 10px 10px;
}

@media screen and (max-width: 640px) {
  .mapIco > dl{
    width: calc( 100% / 2 );
  }
}

/* ==================== */
/* PAGENATION */
/* ==================== */
nav.pagination{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 50px 0;
}
nav.pagination h2.screen-reader-text{
  display: none !important;
}
nav.pagination .nav-links span,
nav.pagination .nav-links a{
  padding:10px 15px;
  background-color: #0088ef;
  color: #fff;
  margin: 0 5px;
}

/* ==================== */
/* FAQ */
/* ==================== */
dl.faq{
  border-bottom: solid 1px #ccc;
  padding: 15px 0;
}
dl.faq > dt,
dl.faq > dd{
  padding: 10px 10px 10px 30px;
  font-size: 1.5rem;
  line-height: 1.5;
  text-indent: -14px;
}
dl.faq > dt{
  font-weight: 700;
}
dl.faq > dt:hover{
  cursor: pointer;
}
dl.faq > dt:before{
  content: 'Q';
  font-weight: 700;
  font-size: 2.0rem;
  display: inline-block;
  margin-right: 10px;
  color: #0088ef;
}
dl.faq > dd{
  display: none;
}
dl.faq > dd:before{
  content: 'A';
  font-weight: 700;
  font-size: 2.0rem;
  display: inline-block;
  margin-right: 10px;
  color: #ed7f91;
}

/* ==================== */
/* bdrBox*/
/* ==================== */
.bdrBox{
  border: solid 2px #bbb;
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .bdrBox{
    padding: 15px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
  }  
}


/* ==================== */
/* planetarium-archive */
/* ==================== */
.planetarium-archive{
  border-top: solid 2px #a9a9a9;
  line-height: 1.6;
  margin-bottom: 40px;
  padding-top: 15px;
}

.planetarium-archive dl{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  border-bottom: solid 1px #c9c9ca ;
}
.planetarium-archive dl > dt{
  width: 70%;
  font-size: 1.5rem;
}
.planetarium-archive dl > dd{
  width: 30%;
}
.planetarium-archive h6 .num{
  font-size: 1.5rem;
  font-weight: 100;
}
.planetarium-archive h6 .tit{
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-block;
  margin-left: 10px;
}
.planetarium-archive h6 .movie{
  width: 70px;
  display: inline-block;
  margin-left: 10px;
}
.planetarium-archive p.lead{
  font-size: 1.5rem;
  padding: 10px 0;
  border-bottom: solid 1px #c9c9ca ;
}
.planetarium-archive ul.detail{
  background-color: #eeefef;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.planetarium-archive ul.detail > li{
  width: 25%;
  font-size: 1.5rem;
  padding: 10px 5px;
}

@media screen and (max-width: 640px) {
  .planetarium-archive{
    padding-top: 10px;
    margin-bottom: 30px;
  }

  .planetarium-archive dl{
    display: block;
    padding: 10px 0;
    border-bottom: solid 1px #c9c9ca ;
  }
  .planetarium-archive dl > dt{
    width: 100%;
  }
  .planetarium-archive dl > dd{
    width: 100%;
    padding-top: 5px;
    font-size: 1.4rem;
  }
  .planetarium-archive h6 .num{
    font-size: 1.5rem;
  }
  .planetarium-archive h6 .tit{
    font-size: 1.7rem;
  }
  .planetarium-archive p.lead{
    font-size: 1.5rem;
    padding: 10px 0;
    border-bottom: solid 1px #c9c9ca ;
  }
  .planetarium-archive ul.detail{
    padding: 10px 5px 5px 5px;
  }
  .planetarium-archive ul.detail > li{
    width: 50%;
    padding: 0 0 5px 0;
  }
}

/* ==================== */
/* yearSelect */
/* ==================== */
.yearSelect select{
    padding: 10px 10px;
    border: solid 1px #444444;
    border-radius: 5px;
}

/* ==================== */
/* staffList01 */
/* ==================== */
ul.staffList01{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
ul.staffList01 > li{
  width: calc( 100% / 3 );
}

@media screen and (max-width: 640px) {
  ul.staffList01{
    display: block;
  }
  ul.staffList01 > li{
    width: 100%;
  }
  ul.staffList01 > li a{
    display: block;
    text-align: center;
  }
}

/* ==================== */
/* publication2Col */
/* ==================== */
.publication2Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.publication2Col > .publicationInnerCol{
  width: calc((100% - 30px) / 2);
  margin-right: 30px;
  margin-bottom: 30px;
}
.publication2Col > .publicationInnerCol:nth-child(2n){
  margin-right: 0;
}
.publication2Col a{
  color: #000;
}
.publicationInnerCol .price{
  text-align: right;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.publicationInnerCol .img{
  margin-bottom: 10px;
}
.publicationInnerCol .lead{
  font-size: 1.5rem;
  line-height: 1.5;
}
.publicationInnerCol.disable{
  pointer-events:none;
}

@media screen and (max-width: 640px) {
  .publication2Col{
    display: block;
  }
  .publication2Col > .publicationInnerCol{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

/* ==================== */
/* reportList */
/* ==================== */
.reportList dl{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-bottom: solid 1px #ccc;
  font-size: 1.5rem;
  line-height: 1.5;
}
.reportList dl:first-child{
  border-top: solid 1px #ccc; 
}
.reportList dl > dt{
  width: 75%;
  padding: 10px 0;
}
.reportList dl > dt a{}
.reportList dl > dd{
  width: 25%;
  padding: 10px 0;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .reportList dl{
    display: block;
  }
  .reportList dl:first-child{
    border-top: solid 1px #ccc; 
  }
  .reportList dl > dt{
    width: 100%;
    padding: 10px 0 0;
  }
  .reportList dl > dt a{}
  .reportList dl > dd{
    width: 100%;
    padding: 5px 0 10px 0;
    text-align: right;
  }
}

/* ==================== */
/* exhibit */
/* ==================== */
.exhibit{
  margin-bottom: 50px;
}
.exhibit h4{
  font-size: 2.0rem;
  font-weight: 700;
  color: #0088ef;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.2;
}
.exhibit h4 span.new{
  font-size: 1.4rem;
  display: inline-block;
  background-color: #ed2625;
  color: #fff;
  vertical-align: top;
  line-height: 1.1;
  padding: 3px 10px 3px 10px;
  text-align: center;
  border-radius: 3px;
  letter-spacing: .04em;
  margin-left: 10px;
}
.exhibit h4 span.renew{
  font-size: 1.4rem;
  display: inline-block;
  background-color: #015db2;
  color: #fff;
  vertical-align: top;
  line-height: 1.1;
  padding: 3px 10px 3px 10px;
  text-align: center;
  border-radius: 3px;
  letter-spacing: .04em;
  margin-left: 10px;
}
.exhibit .flex2Col{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.exhibit .flex2Col .imgCol{
  width: 200px;
  margin-right: 20px;
  text-align: center;
  display: block;
}
.exhibit .flex2Col .imgCol img{
  margin-bottom: 10px;
}
.exhibit .flex2Col .detailCol{
  width: calc(100% - 220px);
}
.exhibit .flex2Col .detailCol .icoArea span{
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  line-height: 1.1;
  padding: 3px 10px 2px 11px;
  border: 1px solid #333;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-right: 3px;
  margin-bottom: 5px;
}
.exhibit .flex2Col .detailCol .icoArea span.ico01 {
  /* 映像 */
  border-color: #ff4400;
  color: #ff4400;
}
.exhibit .flex2Col .detailCol .icoArea span.ico02 {
  /* パネル */
  border-color: #5eb372;
  color: #5eb372;
}
.exhibit .flex2Col .detailCol .icoArea span.ico03 {
  border-color: #0fa8bf;
  color: #0fa8bf;
}
.exhibit .flex2Col .detailCol .icoArea span.ico04 {
  /* 資料 */
  border-color: #cc7300;
  color: #cc7300;
}
.exhibit .flex2Col .detailCol .icoArea span.ico05 {
  /* 体験 */
  border-color: #ed7f91;
  color: #ed7f91;
}
.exhibit .flex2Col .detailCol .icoArea span.ico06 {
  /* 装置 */
  border-color: #9a66ab;
  color: #9a66ab;
}
.exhibit .flex2Col .detailCol .icoArea span.ico07 {
  /* 実物 */
  border-color: #004f8b;
  color: #004f8b;
}
.exhibit .flex2Col .detailCol .icoArea span.ico08 {
  /* 模型 */
  border-color: #a18008;
  color: #a18008;
}
.exhibit .flex2Col .detailCol .icoArea span.ico09 {
  /* 実験 */
  border-color: #ff0000;
  color: #ff0000;
}

/* ポケット学芸員 */
.exhibit span.pocketNum{
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  line-height: 1.1;
  padding: 3px 10px 2px 11px;
  border: 1px solid #cc3454;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #cc3454;
  margin: 0 5px;
}

@media screen and (max-width: 640px) {
  .exhibit .flex2Col{
    display: block;
  }
  .exhibit .flex2Col .imgCol{
    width: 100%;
    margin-right: 0;
    text-align: center;
    display: block;
  }
  .exhibit .flex2Col .imgCol img{
    margin-bottom: 10px;
  }
  .exhibit .flex2Col .detailCol{
    width: 100%;
  }
  .exhibit h4{
    font-size: 1.8rem;
  }
}



/* ==================== */
/* zine3Col */
/* ==================== */
.zine3Col{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.zine3Col > dl.zine{
  width: calc( (100% - 60px) / 3 );
  margin-right: 30px;
  margin-bottom: 30px;
}
.zine3Col > dl.zine:nth-child(3n){
  margin-right: 0;
}
.zine3Col > dl.zine dt{
  text-align: center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px #ccc;
  font-size: 1.6rem;
}

@media screen and (max-width: 640px) {
  .zine3Col{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .zine3Col > dl.zine{
    width: calc( (100% - 20px) / 2 );
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .zine3Col > dl.zine:nth-child(3n){
    margin-right: 20px;
  }
  .zine3Col > dl.zine:nth-child(2n){
    margin-right: 0;
  }
  .zine3Col > dl.zine dt{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
    font-size: 1.6rem;
  }
}


/* ==================== */
/* zineDetail */
/* ==================== */
.zineDetail{
  margin-bottom: 20px;
}
.zineDetail > dl{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 5px;
  border-bottom: solid 1px #ccc ;
  font-size: 1.5rem;
  line-height: 1.6;
}
.zineDetail > dl:first-child{
  border-top: solid 1px #ccc ;
}
.zineDetail > dl > dt{
  width: 60%;
}
.zineDetail > dl > dd{
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
}
.zineDetail > dl > dd p.author{
  width: 50%;
}
.zineDetail > dl > dd p.number{
  width: 50%;
  text-align: right;
}

@media screen and (max-width: 640px) {
  .zineDetail{
    margin-bottom: 20px;
  }
  .zineDetail > dl{
    display: block;
    padding: 15px 0;
  }
  .zineDetail > dl > dt{
    width: 100%;
  }
  .zineDetail > dl > dd{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0;
  }
  .zineDetail > dl > dd p.author{
    width: 50%;
  }
  .zineDetail > dl > dd p.number{
    width: 50%;
    text-align: right;
  }
}


/* ==================== */
/* koyomi4Col */
/* ==================== */
.koyomi4Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.koyomi4Col > dl{
  width: calc( (100% - 60px) / 4 );
  margin-right: 20px;
  margin-bottom: 20px;
}
.koyomi4Col > dl:nth-child(4n){
  margin-right: 0;
}
.koyomi4Col > dl > dt{
  text-align: center;
  padding:5px 0 ;
  font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
  .koyomi4Col > dl{
    width: calc( (100% - 20px) / 2 );
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .koyomi4Col > dl:nth-child(4n){
    margin-right: 0;
  }
  .koyomi4Col > dl:nth-child(2n){
    margin-right: 0;
  }
  .koyomi4Col > dl > dt{
    text-align: center;
    padding:5px 0 ;
    font-size: 1.4rem;
  }
}


/* ==================== */
/* shop2Col */
/* ==================== */
.shop2Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.shop2Col > .itemCol{
  width: calc((100% - 20px ) / 2);
  margin-right: 20px;
  margin-bottom: 20px;
  border: solid 1px #ccc;
  padding: 15px 15px 0; 
}
.shop2Col > .itemCol:nth-child(2n){
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .shop2Col{
    display: block;
  }
  .shop2Col > .itemCol{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 15px 15px 0; 
  }
  .shop2Col > .itemCol:nth-child(2n){
    margin-right: 0;
  }  
}

.shop2Col > .itemCol p.icoArea span{
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  line-height: 1.1;
  padding: 3px 10px 2px 11px;
  border: 1px solid #333;
  border-radius: 3px;
  font-weight: 700;
  letter-spacing: .04em;
  margin-right: 3px;
  margin-bottom: 5px;
}
.shop2Col > .itemCol p.icoArea span.ico01 {
  /* NEW */
  border-color: #ff4400;
  color: #ff4400;
}
.shop2Col > .itemCol p.icoArea span.ico02 {
  /* オリジナル */
  border-color: #5eb372;
  color: #5eb372;
}
.shop2Col > .itemCol p.icoArea span.ico03 {
  /* 人気 */
  border-color: #0fa8bf;
  color: #0fa8bf;
}
.shop2Col > .itemCol p.icoArea span.ico04 {
  /* 資料 */
  border-color: #cc7300;
  color: #cc7300;
}
.shop2Col > .itemCol p.icoArea span.ico05 {
  /* 体験 */
  border-color: #ed7f91;
  color: #ed7f91;
}
.shop2Col > .itemCol p.icoArea span.ico06 {
  /* 装置 */
  border-color: #9a66ab;
  color: #9a66ab;
}
.shop2Col > .itemCol p.icoArea span.ico07 {
  /* 実物 */
  border-color: #004f8b;
  color: #004f8b;
}
.shop2Col > .itemCol p.icoArea span.ico08 {
  /* 模型 */
  border-color: #a18008;
  color: #a18008;
}
.shop2Col > .itemCol p.icoArea span.ico09 {
  /* 実験 */
  border-color: #ff0000;
  color: #ff0000;
}


.shop2Col > .itemCol h4{
  font-size: 1.8rem;
  line-height: 1.5;
  margin-bottom: 10px;
}
.shop2Col > .itemCol p.price{
  text-align: right;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.shop2Col > .itemCol p.itemImg{
  text-align: center;
  max-width: 60%;
  margin: 10px auto;
}


/* ==================== */
/* twitter3Col */
/* ==================== */
.twitter3Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.twitter3Col > .twitterCol{
  width: calc(100% / 3);
  border-right: solid 1px #ccc;
  padding: 0 15px;
}
.twitter3Col > .twitterCol:nth-child(3n){
  margin-right: 0;
  border-right: none;
}
.twitter3Col > .twitterCol h5{
  text-align: center;
  color: #0088ef;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .twitter3Col{
    display: block;
  }
  .twitter3Col > .twitterCol{
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 30px;
  }
  .twitter3Col > .twitterCol:nth-child(3n){
    border-bottom: none;
  }
}

/* ==================== */
/* youtube2Col */
/* ==================== */
.youtube2Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.youtube2Col > .youtubeCol{
  width: calc(100% / 2);
  border-right: solid 1px #ccc;
  padding: 0 15px;
  margin-bottom: 30px;
}
.youtube2Col > .youtubeCol:nth-child(2n){
  margin-right: 0;
  border-right: none;
}
.youtube2Col > .youtubeCol h5{
  text-align: center;
  color: #0088ef;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .youtube2Col{
    display: block;
  }
  .youtube2Col > .youtubeCol{
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #ccc;
    margin-bottom: 30px;
  }
  .youtube2Col > .youtubeCol:last-child{
    border-bottom: none;
  }
}



/* ==================== */
/* .select-month */
/* ==================== */
.select-month{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.select-month p.txt{
  font-weight: 700;
  margin:0 15px 0 0;
}
.select-month select{
  padding: 5px 15px;
  border: solid 1px #ccc;
  border-radius: 4px;
  outline: none;
}
/* ==================== */
/* .sche-select3Col */
/* ==================== */
.sche-select3Col{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.sche-select3Col p.prev a:before{
  content: '\f053';
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  width: 1em;
  color: #0088ef;
  font-family: 'Font Awesome 5 Free';
  text-indent: 0;
  margin-right: 10px;
}
.sche-select3Col p.next a:after{
  content: '\f054';
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  width: 1em;
  color: #0088ef;
  font-family: 'Font Awesome 5 Free';
  text-indent: 0;
  margin-left: 10px;
}

.sche-select3Col h3.now{
  font-size: 2.4rem;
  text-align: center;
  margin: 0 50px;
}

/* ==================== */
/* TABLE .schedule */
/* ==================== */
table.schedule{
  width:100%;
  margin: 0 0 30px 0;
  line-height: 1.8;
  font-size: 1.5rem;
}
table.schedule thead th,
table.schedule thead td,
table.schedule tbody th,
table.schedule tbody td{
  width: calc( 100% / 10 );
}
table.schedule thead th {
    padding: 5px 10px;
    border: 1px solid #bbb;
    background: #f7f7f7;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.5rem;
    line-height: 1.3;
}
table.schedule thead td {
    padding: 5px 10px;
    border: 1px solid #bbb;
    background: #fff;
    color: #004576;
    text-align: center;
    vertical-align: middle;
    font-size: 1.5rem;
    line-height: 1.3;
}
table.schedule tbody th {
    padding: 5px 5px;
    border: 1px solid #bbb;
    background: #f7f7f7;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    white-space: nowrap;
    font-size: 1.3rem;
    line-height: 1.3;
}
table.schedule tbody td {
    padding: 5px 5px;
    border: 1px solid #bbb;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.3;
}

/* col color */
table.schedule tbody td.close{background-color: #cbcbcb;}
table.schedule tbody td.study{background-color: #d6fbff;}
table.schedule tbody td.rosetta{background-color: #d0fdea;}
table.schedule tbody td.aurora{background-color: #dee5ff;}
table.schedule tbody td.family{background-color: #ffe6de;}
table.schedule tbody td.hayabusa{background-color: #ffd7ea;}
table.schedule tbody td.infant{background-color: #fffee2;}
table.schedule tbody td.amanogawa{background-color: #ffff99;}
table.schedule tbody td.starnight{background-color: #d4ffcf;}
table.schedule tbody td.tokubetsu{background-color: #fdc2fc;}

@media screen and (max-width: 640px) {
  .table-wrap {
    overflow: auto;
    white-space: nowrap;
    display:block;
    width:auto;
    max-width: 1000px;
  }
  .table-wrap table {
    width: 100%;
    display:table;
  }
  .table-wrap:-webkit-scrollbar {
    height: 5px;
  }
  .table-wrap:-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .table-wrap:-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}

/* ==================== */
/* dl.staff */
/* ==================== */
dl.staff{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 40px;
}
dl.staff > dt{
  width: 100px;
  margin-right: 10px;
}
dl.staff > dd{
  width: calc( 100% - 110px );
}
dl.staff > dd p.detail{
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 7px;
}

@media screen and (max-width: 640px) {
  dl.staff{
    margin-bottom: 20px;
  }
}

/*----------------------------------------------------
youtube
----------------------------------------------------*/
.youtube {
     position: relative;
     padding-bottom: 56.25%; 
     height: 0;
     overflow: hidden;
}

.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.youtubeWrap{
  position: relative;
  width: 100%;
}

/* ==================== */
/* inquiry FORM */
/* ==================== */
.inquiry dl.chrono{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 100%;
  line-height: 1.6;
  border-bottom: solid 1px #ccc;
  padding: 10px 0;
}
.inquiry dl.chrono:last-child{
  border-bottom: none;
}
.inquiry dl.chrono dt{
  width: 25%;
  padding: 5px 15px 5px 0;
}
.inquiry dl.chrono dd{
  width: 75%;
  padding: 5px 0 5px 0;
}
@media screen and (max-width: 640px) {
  .inquiry dl.chrono{
    display: block;
    line-height: 1.6;
  }
  .inquiry dl.chrono dt{
    width: 100%;
    padding: 5px 0 0 0;
  }
  .inquiry dl.chrono dd{
    width: 100%;
    padding: 0 0 5px 0;
  }
}
.inquiry dl.chrono{
  margin:0 auto;
}
.inquiry dl.chrono dt.require:after{
  content: '*必須';
  color: #a91616;
  font-size: 1.4rem;
  margin-left: 10px;
  vertical-align: top;
}
.inquiry dl.chrono dt{
  width: 35%;
}
.inquiry dl.chrono dd{
  width: 65%;
}
.inquiry input{
  outline: none;
}
.inquiry p.txt label{
  display: inline-block;
  margin-right: 15px;
}
.inquiry p.txt label span{
  display: flex;
  align-items: center;
}
.inquiry p.txt label span input{
  margin:0 5px 0 0;
}
.inquiry dl.chrono dd p.txt:last-child{
  margin-bottom: 0;
}
.inquiry input,
.inquiry textarea{
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #ccc;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif;
  outline: none;
}
.inquiry .byouinSec{
  display: none;
}
.inquiry .shiryouSec{
  display: none;
}

/* iinquiry SUBMIT btn */
/*.inquiry .btn-basic{
  align-items: center;
}
.inquiry .btn-basic .btn{
  position: relative;
}
.inquiry .btn-basic .btn:after {
  position: absolute;
  content: "";
  right: 6px;
  bottom: 6px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 10px solid #0088ef;
}
.inquiry .btn-basic .btn input {
  border: solid 1px #0088ef;
  padding:25px 10px ;
  width: 100%;
  margin:0 auto;
  color:#fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-decoration: none;
  position: relative;
  font-size: 1.8rem;
  color: #3f3f3f;
  line-height: 1.2;
  border-radius: 0;
}
.inquiry .btn-basic .btn input:hover{
  opacity: 0.7;
  transition: 0.3s;
  cursor: pointer;
}
.inquiry .btn-basic .btn input.reset{
  padding:15px 10px ;
}*/

.confirmArea .btn{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto;
}
.confirmArea .btn input:hover{
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}
.confirmArea .btn input{
  margin: 0 15px;
  padding: 10px 30px;
  font-size: 2.0rem;
  font-weight: 700;
  background-color:#0088ef ;
  color: #fff;
}

@media screen and (max-width:640px) {
  .page-sec.inquiry {
      width: 100%;
      margin:0 auto 30px;
  }
  .inquiry dl.chrono dt{
    width: 100%;
    font-weight: 400;
    margin-bottom: 10px;
  }
  .inquiry dl.chrono dd{
    width: 100%;
  }
}


/* ==================== */
/* demoStaff */
/* ==================== */
.demoStaff{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.demoStaff > dl{
  width: calc( (100% - 60px ) / 5 );
  margin-right: 15px;
  margin-bottom: 20px;
}
.demoStaff > dl:nth-child(5n){
  margin-right: 0;
}
.demoStaff > dl > dt{
  margin-bottom: 5px;
}
.demoStaff > dl > dt,
.demoStaff > dl > dd{
  text-align: center;
}

@media screen and (max-width:640px) {
  .demoStaff > dl{
    width: calc( (100% - 30px ) / 3 );
    margin-right: 15px;
    margin-bottom: 20px;
  }
  .demoStaff > dl:nth-child(5n){
    margin-right: 15px;
  }
  .demoStaff > dl:nth-child(3n){
    margin-right: 0;
  }
}


/*----------------------------------------------------
archive-press.php プレスリリース
----------------------------------------------------*/
dl.yearList{
  border-bottom: solid 1px #ccc;
}
dl.yearList > dt{
  padding: 15px 0 5px;
}
dl.yearList > dt span.new{
  background-color: #ff7e00;
  color: #fff;
  font-size: 1.4rem;
  padding: 0 7px;
  border-radius: 3px;
  margin-right: 5px;
}
dl.yearList > dd{
  padding: 5px 0 15px;
  line-height: 1.5;
}

@media screen and (max-width:640px) {
  dl.yearList > dt{
    padding: 10px 0 3px;
  }
  dl.yearList > dd{
    padding: 3px 0 10px;
    line-height: 1.5;
  }
}



/* ==================== */
/* exhibit-movie3Col */
/* ==================== */
.exhibit-movie3Col{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.exhibit-movie3Col > .innerCol{
  width: calc((100% - 40px) / 3);
  margin-right: 20px;
  margin-bottom: 30px;
}
.exhibit-movie3Col > .innerCol:nth-child(3n){
  margin-right: 0;
}
.exhibit-movie3Col h3.tit{
  font-size: 1.8rem;
  font-weight: 700;
  color: #0088ef;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 1.2;
}
.exhibit-movie3Col p.staff,
.exhibit-movie3Col p.date{
  font-size: 1.5rem;
  line-height: 1.6;
}

@media screen and (max-width:640px) {
  .exhibit-movie3Col{
    display: block;
  }
  .exhibit-movie3Col > .innerCol{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .exhibit-movie3Col > .innerCol:nth-child(3n){
    margin-right: 0;
  }
  .exhibit-movie3Col .thumb{
    text-align: center;
  }
  .exhibit-movie3Col h3.tit{
    font-size: 1.7rem;
    font-weight: 700;
    color: #0088ef;
    margin-top: 7px;
    margin-bottom: 5px;
    line-height: 1.2;
    text-align: center;
  }
  .exhibit-movie3Col p.staff,
  .exhibit-movie3Col p.date{
    font-size: 1.5rem;
    line-height: 1.6;
  }
}


/* ==================== */
/* SITEMAP */
/* ==================== */
ul.wsp-pages-list > li > a{
  display: block;
  font-size: 2.0rem;
  line-height: 1.5;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  border-bottom: solid 1px #0088ef;
}
ul.wsp-pages-list > li > ul.children > li > a{
  display: block;
  font-size: 1.8rem;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: 700;
  margin-left: 5px;
}
ul.wsp-pages-list ul.children ul.children {
  margin-left: 20px;
}
ul.wsp-pages-list ul.children ul.children > li > a{
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.wsp-pages-list ul.children ul.children ul.children{
  margin-left: 15px;
}
ul.wsp-pages-list ul.children ul.children ul.children > li > a{
  display: block;
  margin-top: 7px;
  margin-bottom: 7px;
}


/* =================================================

 WORDPRESS EDITOR STYLE

 ================================================= */


.wp-editor h2{
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 4.0rem;
  color:#0088ef;
  letter-spacing: 0.3rem;
  margin-bottom: 30px;
  line-height: 1.2;
}
.wp-editor h3{
  font-size: 2.6rem;
  color:#000;
  letter-spacing: 0.3rem;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-bottom: 5px;
  border-bottom: solid 2px #0088ef;
  line-height: 1.4;
}
.wp-editor h4 {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #0088ef;
  padding: 4px 10px;
  line-height: 1.2;
  color: #fff;
}
.wp-editor h5{
  margin-top: 30px;
  color:#000;
  font-size: 2.0rem;
  margin-bottom: 15px; 
  padding-left: 10px;
  border-left: solid 4px #0088ef;
  line-height: 1.2;
}
.wp-editor h6{
  font-size: 1.8rem;
  font-weight: 700;
  color:#0088ef;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.2;
}

@media screen and (max-width: 640px) {
  .wp-editor h2{
    font-size: 2.8rem;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
  }
  .wp-editor h3{
    font-size: 2.2rem;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
  }
  .wp-editor h4{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 2px 6px;
    line-height: 1.2;
  }
  .wp-editor h5{
    margin-top: 20px;
    font-size: 1.8rem;
    margin-bottom: 10px; 
    padding-left: 7px;
    border-left: solid 3px #0088ef;
  }
  .wp-editor h6{
    margin-top: 15px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 1.2;
  }
}

.wp-editor p {
    font-size: 1.5rem;
    line-height: 2.0;
    margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  p.txt {
      font-size: 1.4rem;
  }
}
.wp-editor img.alignright {
    float: right;
}
.wp-editor ul{
  margin:0 0 30px 0;
}
.wp-editor ul > li {
  list-style:none;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  font-size: 1.5rem;
}
.wp-editor ul > li:before{
  content: '●';
  color: #0088ef;
  font-size: 1.4rem;
  margin-right: 5px;
}
.wp-editor .pageInnerLink ul > li{
  padding-left: 0;
  margin-bottom: 0;
  text-indent: 0;
}
.wp-editor .pageInnerLink ul > li:before{
  content: none;
}
.wp-editor ol{
  margin:0 0 30px 0;
  list-style-position: inside;
}
.wp-editor ol > li {
  list-style-type: decimal;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: 1em;
  line-height: 1.4;
  font-size: 1.5rem;
}

.wp-editor table{
  width:100%;
  margin: 0 0 30px 0;
  line-height: 1.8;
  font-size: 1.5rem;
}
.wp-editor table thead th {
    padding: 15px 15px;
    border: 1px solid #ccc;
    background: #0088ef;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    font-size: 1.6rem;
    line-height: 1.5;
}
.wp-editor table thead td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #fff;
    color: #004576;
    text-align: center;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.5;
}
.wp-editor table tbody th {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #eaf6fd;
    text-align: center;
    vertical-align: middle;
    font-weight: 100;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 1.5;
}
.wp-editor table tbody td {
    padding: 10px 15px;
    border: 1px solid #ccc;
    background: #fff;
    vertical-align: top;
    font-size: 1.5rem;
    line-height: 1.5;
}

/* =================================================

 ADJUST STYLE

 ================================================= */

/* text-align */
.alnR { text-align: right !important; }
.alnL { text-align: left !important; }
.alnC { text-align: center !important; }
.valT { vertical-align: top !important; }
.valB { vertical-align: baseline !important; }
.valM { vertical-align: middle !important; }

/* adjust margin-bottom */
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

/* adjust margin-top */
.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

/* adjust width */
.w05{width: 5% !important;}
.w10{width: 10% !important;}
.w15{width: 15% !important;}
.w20{width: 20% !important;}
.w25{width: 25% !important;}
.w30{width: 30% !important;}
.w40{width: 40% !important;}
.w45{width: 45% !important;}
.w50{width: 50% !important;}
.w55{width: 55% !important;}
.w60{width: 60% !important;}
.w65{width: 65% !important;}
.w70{width: 70% !important;}
.w75{width: 75% !important;}
.w80{width: 80% !important;}
.w85{width: 85% !important;}
.w90{width: 90% !important;}
.w95{width: 95% !important;}
.w100{width: 100% !important;}

.pcW05{width: 5%; margin:0 auto;}
.pcW10{width: 10%; margin:0 auto;}
.pcW15{width: 15%; margin:0 auto;}
.pcW20{width: 20%; margin:0 auto;}
.pcW25{width: 25%; margin:0 auto;}
.pcW30{width: 30%; margin:0 auto;}
.pcW40{width: 40%; margin:0 auto;}
.pcW45{width: 45%; margin:0 auto;}
.pcW50{width: 50%; margin:0 auto;}
.pcW55{width: 55%; margin:0 auto;}
.pcW60{width: 60%; margin:0 auto;}
.pcW65{width: 65%; margin:0 auto;}
.pcW70{width: 70%; margin:0 auto;}
.pcW75{width: 75%; margin:0 auto;}
.pcW80{width: 80%; margin:0 auto;}
.pcW85{width: 85%; margin:0 auto;}
.pcW90{width: 90%; margin:0 auto;}
.pcW95{width: 95%; margin:0 auto;}
.pcW100{width: 100%; margin:0 auto;}

@media screen and (max-width:640px) {
  .pcW05{width: 100% ;}
  .pcW10{width: 100% ;}
  .pcW15{width: 100% ;}
  .pcW20{width: 100% ;}
  .pcW25{width: 100% ;}
  .pcW30{width: 100% ;}
  .pcW40{width: 100% ;}
  .pcW45{width: 100% ;}
  .pcW50{width: 100% ;}
  .pcW55{width: 100% ;}
  .pcW60{width: 100% ;}
  .pcW65{width: 100% ;}
  .pcW70{width: 100% ;}
  .pcW75{width: 100% ;}
  .pcW80{width: 100% ;}
  .pcW85{width: 100% ;}
  .pcW90{width: 100% ;}
  .pcW95{width: 100% ;}
  .pcW100{width: 100% ;}  

  .spW05{width: 5% ;}
  .spW10{width: 10% ;}
  .spW15{width: 15% ;}
  .spW20{width: 20% ;}
  .spW25{width: 25% ;}
  .spW30{width: 30% ;}
  .spW35{width: 35% ;}
  .spW40{width: 40% ;}
  .spW45{width: 45% ;}
  .spW50{width: 50% ;}
  .spW55{width: 55% ;}
  .spW60{width: 60% ;}
  .spW65{width: 65% ;}
  .spW70{width: 70% ;}
  .spW75{width: 75% ;}
  .spW80{width: 80% ;}
  .spW85{width: 85% ;}
  .spW90{width: 90% ;}
  .spW95{width: 95% ;}
  .spW100{width: 100% ;} 
}

.pd-l{padding:120px 0 70px;}
.pd-m{padding:90px 0 70px;}
.pd-s{padding:60px 0 60px;}

.pt-l{padding-top:90px;}
.pt-m{padding-top:60px;}
.pt-s{padding-top:30px;}

.pb-l{padding-bottom:90px;}
.pb-m{padding-bottom:60px;}
.pb-s{padding-bottom:30px;}

@media screen and (max-width:640px) { 
  .pd-l{padding:60px 0 35px;}
  .pd-m{padding:45px 0 35px;}
  .pd-s{padding:30px 0 30px;}

  .pt-l{padding-top:45px;}
  .pt-m{padding-top:30px;}
  .pt-s{padding-top:15px;}

  .pb-l{padding-bottom:45px;}
  .pb-m{padding-bottom:30px;}
  .pb-s{padding-bottom:15px;}
}

/*----------------------------------------------------
 display
----------------------------------------------------*/
.dispN  { display: none !important; }
.dispB  { display: block !important; }
.dispI  { display: inline !important; }
.dispIB { display: inline-block !important; }
.dispT  { display: table !important; }
.dispTC { display: table-cell !important; }

@media screen and (max-width:640px) { 

	/*----------------------------------------------------
	 display
	----------------------------------------------------*/
	.spdispN  { display: none !important; }
	.spdispB  { display: block !important; }
	.spdispI  { display: inline !important; }
	.spdispIB { display: inline-block !important; }
	.spdispT  { display: table !important; }
	.spdispTC { display: table-cell !important; }

}

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
.clearfix:after,
.img-content:after  {
  content:".";
  display:block;
  height:0.1px;
  visibility:hidden;
  clear:both;
  font-size:0.1em;
  line-height:0;
  }
.clearfix, .img-content { min-height:1px; }
* html .clearfix, * html .img-content { height:1px; };