@charset "utf-8";
/* ==========================================================================*/
/* 全般設定 */
/* ==========================================================================*/

* {
  border: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

img {
  height: auto;
  max-width: 100%;
}

html {

}

body {
  background-image: none;
  color: #434343;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Helvetica,Arial,Verdana,sans-serif;
  font-size: 10px;
  line-height: 1.8;
  text-align: center;
}



/* ==========================================================================*/
/* Font読み込み */
/* ==========================================================================*/

@font-face {
  font-family: 'Rounded Mplus 1c';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/roundedmplus1c/v1/RoundedMplus1c-Regular.eot);
  src: url(//fonts.gstatic.com/ea/roundedmplus1c/v1/RoundedMplus1c-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/roundedmplus1c/v1/RoundedMplus1c-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/roundedmplus1c/v1/RoundedMplus1c-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/roundedmplus1c/v1/RoundedMplus1c-Regular.ttf) format('truetype');
}

/* ==========================================================================*/
/* 見出しの設定 */
/* ==========================================================================*/

h1 {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.6rem;
}

h2.side-title {
  font-size: 1.2rem;
}

h3 {
  font-size: 1.4rem;
}

h3.side-title-sub {
  font-size: 1.2rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1.2rem;
}

/* ==========================================================================*/
/* レイアウト・セクションの設定 */
/* ==========================================================================*/

.container {
  font-size: 1.2rem;
}

.contents {
  margin: 0 auto;
  width: 100%;
}

/*サイドバーあり*/
.content-flex {
  display: block;
  /*justify-content: space-between;*/
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}

.content-flex:before,
.content-flex:after {
  content: " ";
  display: table;
}

.content-flex:after {
  clear: both;
}

.content-flex {
  *zoom: 1;
}

.content-flex .main {
  float: left;
  margin-right: 1rem;
  text-align: left;
  width: 72%;
}

.content-flex .sub {
  float: right;
  text-align: left;
  width: 25%;
  background: #e5e6e0;
  padding: 1rem;
}

.sub-title{
  /*background: #16517e;*/
  color: #fff;
  line-height:1.2;
  margin-bottom: 1rem;
  padding: 2rem;
}

/*サイドバーなし*/
.content {
  margin: 1.5rem auto;
  width: 100%;
}

.content .main {
  text-align: left;
  width: 95%;
}

.content .sub {
  margin-top: 1.5rem;
  text-align: left;
  width: 100%;
}

article {
  overflow: hidden;
}

p {
  margin: 1.6em 0;
  text-align: left;
}

/* ==========================================================================*/
/* ヘッダーの設定*/
/* ==========================================================================*/

.head-menu1 ul li {
  font-size: 1.2rem;
}

.head-menu3 ul li {
  font-size: 1.2rem;
}


.nav-menu-container .searchform {
  display: none;
}

.nav-img {
  display: block;
  margin: auto;
  width: 100%;
}

.sp-menu-btn {
  display: none;
}

.sp-menu-btn img {
  height: 50%;
  margin: .5vmin;
}

.sp-menu-btn-txt {
  color: #fff;
  display: block;
  font-size: .8rem;
}

.header-menu {
  width: 35%;
}


/* ==========================================================================*/
/* サイドメニュー */
/* ==========================================================================*/

.side-menu-sub,
.side-menu-sub li,
.side-menu-sub-sub,
.side-menu-sub-sub li {
  font-size: 1.2rem;
}

/* ==========================================================================*/
/* ページナビの設定 */
/* ==========================================================================*/

.wp-pagenavi {
  font-size: 1.2rem;
}

/* ==========================================================================*/
/*　フッターの設定　*/
/* ==========================================================================*/

.footer {
  clear: both;
  font-size: 1.2rem;
}

.copyright small {
  font-size: .8rem;
}


/* ==========================================================================*/
/* おすすめの図書・映画等*/
/* ==========================================================================*/

.list-recommend {
  display: block;
  *zoom: 1;
}

.list-recommend a {
  font-size: 1.2rem;
  margin: .5%;
  width: 49%;
  float: left;
  min-height: 20rem;
}

.list-recommend:after {
  display: none;
}

/* ==========================================================================*/
/* スタッフ紹介*/
/* ==========================================================================*/

.list-staff {
  display: block;
  *zoom: 1;
}

.list-staff a {
  font-size: 1.2rem;
  margin: .5%;
  width: 49%;
  float: left;
  min-height: 35rem;
}

.list-staff:before {
  display: none;
}

.list-staff:after {
  display: none;
}