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

html{ margin-top: 66px!important;}

/*index----------------------------------------*/
.SiteSearchBox { width: 100%; }

.ASideBanner li { margin-bottom: 10px}

.InnerWhite { width: 95%; margin: 0 auto}


.BookSample { width: 100%; text-align: center !important; margin-bottom: 20px }
.BookSample img { width: 40%;  }

.icon-file img { width: 14px}
.icon-file2 img { width: 14px !important; padding-bottom: 5px}






/*パンくずリスト----------------------------------------*/
.Breadcrumbs { width: 100%;}

.Breadcrumbs a { color: #888888; font-size: 1.2rem;}
.Breadcrumbs a:hover { color: #2F2F2F; text-decoration: underline}

.Breadcrumbs ul { list-style: none; margin: 10px}
.Breadcrumbs ul li { float: left; position: relative; margin-left: 20px }
.Breadcrumbs ul li::after { display: block;
  content: '';
  position: absolute;
  top: 6px;
  left: -13px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);}

.Breadcrumbs ul li:nth-child(1) {margin-left: 0px}
.Breadcrumbs ul li:nth-child(1)::after {content: none}


/*BookBox----------------------------------------*/

.BookBox { width: 100% }
.BookBox li { padding: 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 20px}
.BookBox li a:link { color: #000000}
.BookBox li a:visited { color: #000000}
.BookBox li a:hover { opacity: 0.7; -webkit-transition: .2s ease; transition: .2s ease}
.BookBox-L { width: 25%; float: left}
.BookBox-R { width: 70%; float: right}

.BookBox li ul li { width: 100%; padding: 0%; margin-bottom: 10px; font-size: 1.6rem; position: relative; margin-left: 10px}

.BookBox li ul li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0.9em !important;
  left: -10px !important;
  width: 5px;
  height: 5px;
  border-right: 1px solid #262626;
  border-bottom: 1px solid #262626;
  -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}



/*BookBox2----------------------------------------*/

.BookBox2 { width: 100%; box-sizing: border-box }
ul.BookBox2 {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; }

.BookBox2 li { width: 100%; padding: 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 20px}
.BookBox2 li:nth-child(2n) { margin-right: 0%}
.BookBox2 li a:link { color: #000000}
.BookBox2 li a:visited { color: #000000}
.BookBox2 li a:hover { opacity: 0.7; -webkit-transition: .2s ease; transition: .2s ease}
.BookBox2-L { width: 30%; float: left}
.BookBox2-R { width: 65%; float: right}

.BookBox2 li ul li { width: 100%; padding: 0%; margin-bottom: 10px; font-size: 1.4rem; position: relative; margin-left: 10px}

.BookBox2 li ul li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 0.9em !important;
  left: -10px !important;
  width: 5px;
  height: 5px;
  border-right: 1px solid #262626;
  border-bottom: 1px solid #262626;
  -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);}

  /*BookBox③----------------------------------------*/

  .BookBox3 { width: 100% }
  .BookBox3 li { padding: 20px; box-sizing: border-box; background-color: #FFFFFF; margin-bottom: 20px}
  .BookBox3 li a:link { color: #000000}
  .BookBox3 li a:visited { color: #000000}
  .BookBox3 li a:hover { opacity: 0.7; -webkit-transition: .2s ease; transition: .2s ease}
  .BookBox3-L { width: 70%; float: left}
  .BookBox3-R { width: 25%; float: right}

  .BookBox3 li ul li { width: 100%; padding: 0%; margin-bottom: 10px; font-size: 1.6rem; position: relative; margin-left: 10px}

  .BookBox3 li ul li a::before {
    display: block;
    content: '';
    position: absolute;
    top: 9px !important;
    left: -10px !important;
    width: 5px;
    height: 5px;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
    -webkit-transform: rotate(-45deg);
  	transform: rotate(-45deg);}


/*other----------------------------------------*/

.SliderBoxSp{}
.SliderBoxPc{ display: none}


/*日本地図----------------------------------------*/
#image_map {
    max-width: 100%;
    width: auto;
}

ul.MapLink {}
.MapLink li { width: 19%; float: left; background-color: #FFFFFF; box-sizing: border-box; margin-left: 1%;
              text-align: center; margin-bottom: 10px}



.PrivacyBox { width: 90%; margin: 0 auto; padding: 20px; box-sizing: border-box; background-color: #f7f7f8;
              height: 300px; overflow-y: scroll}









/* width 769以上 */

@media print, screen and (min-width : 769px){

html{ margin-top: 0!important;}

/*index----------------------------------------*/
.BookSample img { width: 75% }



/*その他----------------------------------------*/
.NameBox { width: 30%}
.margin-header { margin-bottom:80px}


.SliderBoxSp{ display: none}
.SliderBoxPc{ display: block; padding-top: 20px}


.BookBox2 li { width: 49%; float: left; margin-right: 2%}





}