.nen {
    padding-top: 0.2rem;
    padding-left: 1rem;
    padding-bottom: 0.2rem;
    border-left: 4px solid #AFA8A8;
    color: #4F4A4A;
    font-family: Georgia, "Times New Roman", Times, serif;
    background-color: #EFEEEB;
    font-size: 11px;
}
.kimama {
    color: #0EA505;/*文字色*/
    border-bottom: 1px dotted #B5BAC2;
    margin-bottom: 5px;
    padding-bottom: 1px;
    font-weight: bold;
    border-top: 1px dotted #B5BAC2;
}


.img_wrap{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    transition-duration: 0.5s;
    border: 1px #D0CECE solid;
    margin-top: 4px;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
}
.img_wrap:hover{
    box-shadow: 3px 3px 3px rgba(142,141,141,0.50);
    transform: translateY(-10px);
    transition-duration: 0.4s;
    -webkit-box-shadow: 3px 3px 3px rgba(142,141,141,0.50);
}

.cp_hr05 {
	position: relative;
	height: 1px;
	border-width: 0;
	background-color: #00bcd4;
	background-image: -webkit-linear-gradient(left,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
	background-image:         linear-gradient(90deg,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
}


h4 {
    padding-right: 0.5em;
    padding-left: 0.5em;/*上下 左右の余白*/
    color: #000000;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: 6px solid #FBF6F1;/*左線*/
    font-size: 33px;
    font-weight: bold;
    display: inline-block;
}



.media  img  {
  transition: .3s;
}

/*ホバー時に透明度50%*/
.media img:hover {
  opacity: 0.5;
}



.h01 {
    position: relative;
    padding-top: 0.25em;
    padding-right: 0;
    padding-bottom: 0.25em;
    font-size: 1.4rem;
    text-align: left;
    margin-bottom: 15px;
}
.h01:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(60, 220, 255), transparent);
  background: linear-gradient(to right, rgb(60, 220, 255), transparent);
}


.h02 {
    padding-top: 0.15em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.15em;/*上下 左右の余白*/
    color: #395B6F;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 5px #7db4e6;/*左線*/
    font-size: 15px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    line-height: 16px;
    margin-bottom: 8px;
}
.h02-2 {
    padding-top: 0.3em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.25em;/*上下 左右の余白*/
    color: #686836;/*文字色*/
    background: transparent;/*左線*/
    font-size: 1rem;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
}
.h03 {
    padding-top: 0.25em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.25em;/*上下 左右の余白*/
    color: #395B6F;/*文字色*/
    background: transparent;/*左線*/
    font-size: 1.8rem;
    font-weight: bold;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-align: center;
}

.touka {
  transition: .3s;
}

.touka:hover {
  opacity: 0.5;
}

.txt01 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 82%;
}
.info {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 18px;
}
.info a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 18px;
    color: #0959B8;
}
.info a:hover {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 18px;
    color: #B51D94;
}

.txt01 a {
    color: #0B99DA;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    text-decoration: none;
    font-size: 90%;
}

.txt01 a:hover {
    color: #F6DE80;
    text-decoration: none;
}

.txt01 a:active {
    color: #E3E7E7;
    text-decoration: none; 
}

.txt02 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 85%;
}
.footer {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 85%;
    color: #000000;
}
.footer a {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #7BFDFA;
    text-decoration: none;
}
.footer a:hover  {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #E0FAA1;
    text-decoration: none;
}

.txt02 a {
    color: #B6E3E2;
    text-decoration: none;
}

.txt02 a:hover {
 
color:#88DFEF;
text-decoration:underline;
 
}

.txt02 a:active {
    color: #E3E7E7;
    text-decoration: none; 
}

.txt03 {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 90%;
    color: #FFF8F8;
}


.txt03 a {
    color: #2F3131;
    text-decoration: none;
}

.txt03 a:hover {
    color: #88DFEF;
    text-decoration: none; 
}
.txt04 {
    font-size: 15px;
    color: #000000;
    font-family: "Times New Roman", Times, serif;
}
.txt04 a:link {
    font-size: 15px;
    color: #3439A8;
    font-weight: bold;
}
.txt04 a:hover {
    color: #75C4F3;
    text-decoration: none;
}
.txt05 {
    font-size: 11px;
    color: #838282;
    font-family: "Times New Roman", Times, serif;
    line-height: 12px;
}
.txt05 a {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 13px;
    color: #78451F;
    font-weight: bold;
    text-decoration: none;
    line-height: 15px;
}
.txt05 a:hover  {
    color: #B89A56;
    text-decoration: none;
}


.writer2 {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: bold;
    font-size: 18px;
    margin-top: 30px;
    color: #000000;
    margin-bottom: 30px;
}
.booksimg {
    background-color: #F5F6F1;
    padding-top: 30px;
    padding-bottom: 30px;
}
.bookstxt {
    background-color: #F5F6F1;
    padding-top: 40px;
    padding-bottom: 40px;
}
.bookssubtitle {
    color: #565555;
    line-height: 100%;
    font-size: 25px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 20px;
}
.magazine-no {
    color: #565555;
    line-height: 100%;
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 40px;
    margin-left: 20px;
}
.bookstitle {
    color: #000000;
    line-height: 100%;
    font-size: 33px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 40px;
    border-left: 5px solid #FEFEFE;
    padding-left: 15px;
}

.title {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
    margin-top: 3px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 3px;
    line-height: 15px;
}
.title a {
    color: #000000;
    text-decoration: none;
}
.title a:hover {
    color: #797A7A;
    text-decoration: none;
}

.subtitle {
    color: #453B3B;
    font-size: 11px;
    margin-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 2px;
    line-height: 13px;
}

.writer {
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 12px;
}

.top-aki {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: small;
    color: #000000;
}
.top-aki2 {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: small;
    background-color: #F1F5F6;
    color: #000000;
}
.top-aki2 a {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: small;
    background-color: #F1F5F6;
    color: #5C5C5D;
    text-decoration: none;
}
.top-aki2 a:hover  {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: small;
    background-color: #F5F6F1;
    color: #78CFFF;
    text-decoration: none;
}
.top-aki a {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: small;
    color: #5C5C5D;
    text-decoration: none;
}
.top-aki a:hover {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-size: small;
    color: #78CFFF;
    text-decoration: none;
}
.txt-top {
    vertical-align: top;
}
.img_frame {
    width: auto;
    height: 180px;
    margin-right: 0px;
    margin-top: 4px;
}
.img_frame-b {
    margin-right: 0px;
    margin-top: 4px;
}
.img_frame_w {
    margin-right: 0px;
    margin-top: 4px;
    height: auto;
    width: 135px;
}
.frame {
    margin-left: 6px;
    width: 148px;
    height: 310px;
}
.frame-b {
    width: 190px;
    height: 310px;
    margin-top: 8px;
}
.nen {
}

/*追加*/

.info-02-center{
	text-align: center;
}
.info-05{
	width: 330px;
	float: left;
}

p.image,p.caption{
	margin: 5px;
}
p.caption{
	font-size: 80%;
}