@charset "UTF-8";
body {font-family: 'メイリオ','Hidagino Kaku Gothic Pro', sans-serif;}
body {background-color:black;}
a{text-decoration: none;}

header {text-align: center;
    position: relative;
}

#subbanner{
    width:100%;
    border-top:1px #660000 solid;
    border-bottom:1px #660000 solid;
    background-color:black;

}
#subbanner img:hover{opacity:0.6;}
header#fix #subbanner{position:fixed;top:0;}





.bookinfo{width:700px;
    height:auto;; padding-top:3px;padding-bottom:3px;margin:100px auto;

}
#bookinfo2{padding-top:20px;}

h2.new{color:white;text-align: center; margin-top:3px;margin-bottom:5px;}
.article img{border:1px solid grey;max-width: 250px}

p.info{color:white;margin-bottom:15px;text-align:center;letter-spacing: 1px;}
p.info a{color:white}


.article{background-color:cornsilk;margin-bottom:55px;padding-top:5px;padding-bottom:15px;display:block;}
.article:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.article{display: inline-table}

.deepedge{background-image:url("images/log_deepedge2.png");
background-position: right top;
background-repeat: no-repeat;
background-color:#BBB;
}

.caption{padding-left:25px;}
/*.article:after{content:"";display:block;clear:both;}*/
#new_article{margin-bottom:0px;}

.border{float:none;}


.entitle {font-size: 12pt;font-family: 'Josefin Slab', serif;margin-top:2px;margin-bottom:2pt;}

.img{display:block;width:250px;float:left;margin: 10px;margin-right:18px;}
.double{clear:both}

.article h3{margin-top:8px;margin-bottom:0px;}
.article h4{margin-top:0px;margin-bottom:3px}
.article h5{margin-top:0px;margin-bottom:3px;border-bottom:1px solid grey}
p.p_caption{margin-right: 5px;padding-bottom:10px; border-bottom: dotted 2px #D8BFD8;}


date{font-size:10pt;font-weight: bold;color:darkslategray}

award{display:inline-box;background-color:darkgoldenrod;padding:3px;border-radius: 3px;margin-top:8px;font-size:80%;color:white;}


.btn-square-soft{
    background-color: #B0A481;padding:3px 5px;border-radius: 8px;
    color:cornsilk;font-weight:500;
}
.btn-square-soft:hover{background-color: 
#96885e;}
.btn-square-soft:active{position:relative;
	top:1px;}




.container {
      width: 100%; /* 画像とボックスの横幅を設定 */
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
        border: 1px solid white;
    margin-top:80px;
    }
 #cor {
      max-width:500px;
      height: auto;
    }

    .description-box {
      background-color: #f9f9f9; /* ボックスの背景色を設定 */
      padding: 20px;
      margin-top: 20px; /* ボックスと画像の間のマージンを設定 */
      border: 1px solid #ddd; /* ボックスにボーダーを追加 */
      border-radius: 8px; /* ボックスの角を丸くする */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* ボックスに影を追加 */}




@media(max-width:1024px){
    .info{font-size:20px;
        padding:5px 10px;}
}