@charset "UTF-8";
/* CSS Document */
/*===============================================
ページタイトル（共通設計）（koedora_common.css）
=============================================== */
/*===============================================

main

=============================================== */
/*===============================================
アーカイブの紹介　FLEX
=============================================== */
.book_flex{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
	margin: 100px auto;
	border: solid 0px;
}
/*1枠*/
.book_flex .div_waku{
	width: 100%;
	max-width: 400px;
	padding: 0 20px;
	box-sizing: border-box;
	margin-right: auto;/*スマホで中央*/
	margin-left: auto;
	border: solid 0px;
}
/*画像枠*/
.book_flex .img_waku{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;/*画像を下揃え*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: flex-end;
	height: 350px;
border: solid 0px;
}
/*画像設定　20年のあゆみ*/
.book_flex .img_waku .img_1{
	  width: 100%;
  max-width:220px;
	border: solid 1px #C7BFBF;
}
/*画像設定　朗読のまち・美濃加茂*/
.book_flex .img_waku .img_2{
  width: 100%;
  max-width:300px;
	border: solid 1px #C7BFBF;
}
/*冊子名*/
.book_flex .info_waku .txt01{
	  font-size: 16px;
	text-align: center;
  margin: 15px 0 5px 0;
}
/*説明*/
.book_flex .info_waku .txt02{
	width: 100%;
	  margin-bottom: 10px;
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
  text-align: justify;
}
/*早稲田大学交流*/
.book_flex .info_waku ul{
	margin: 0;
	padding: 0;
}
.book_flex .info_waku ul li{
	margin: 0 0 5px 20px;
	padding: 0 0 0 0px;
}
/*発行日*//*値段など*/
.book_flex .info_waku .txt03,.book_flex .info_waku .txt04{
font-size: 12px;
  margin-left: 0px;
}
/*値段の囲み*/
.book_flex .info_waku .txt04 .price {
  padding: 0 2px 0 2px;
  font-size: 14px;
  color: #363435;
  background: #FFF;
  border: solid 1px #363435;
  border-radius: 3px;
  display: inline-block
}
/*========================================
  内容PDFボタン
======================================== */
.book_flex .btn_area{
	text-align: center;
	margin-top: 20px;
}
.book_flex .btn_area .btn {
  display: inline-block;
  padding: .6em 2em;
  background-image: none;
  /*background-color: #4CAF50;*/
	border: solid 1px #55D759;
	 /*border: none;*/
  color: #000000;
  text-decoration: none;
  border-radius: 0;
  cursor: pointer;
  -webkit-appearance: none;
  box-shadow: 0px 0px 0px 0 rgba(0,0,0,.2);
  position: relative;
}
.book_flex .btn_area  .btn:hover,
.book_flex .btn_area .btn:focus {
  /*outline: none;*/
	color: #ffffff;
	background-color: #55D759;
}
.book_flex .btn_area .btn::-moz-foucus-inner {
  padding: 0;
  /*border: none;*/
}


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

ディバイスサイズ設定

=========================================================== */
@media (max-width: 749px) {
/*===============================================
アーカイブの紹介　FLEX
=============================================== */
.book_flex{

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
/*1枠*/
.book_flex .div_waku{
	padding: 0 30px;

}
}
/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop ***************** */
@media (min-width: 1024px) {}