@charset "UTF-8";
/* コンテンツ */

#title section span:nth-child(1) {
    background-image: url("../img/title_bg.webp");
}

.container section {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 8em;
}
.bdate {
	color:#999;
	width:250px;
}
.bdate {
	font-family:"Courier New", Courier, monospace;
}
.bdate span {
	font-size:3em;
}
.bdoc {
    flex-grow: 1;
}
.bdoc h3 {
	font-size:1.24em;
	border-bottom:1px solid #333;
	padding-bottom:10px;
	margin-bottom:40px;
	line-height:1.5;
}
.bdoc img {
	max-width:1000px;
	max-height:1000px;
	width: expression(this.width >= this.height ? "1000px" : "auto");
	height: expression(this.width <= this.height ? "1000px" : "auto");
}

.link_btn {
    width: 16em;
    margin: 0 0 0 auto;
}
.link_btn a {
    text-align: center;
    display: block;
    padding: 0.5em 1em;
    border: 1px solid #999;
    color: #333;
    transition: all 0.3s;
}
.link_btn a:hover {
    opacity: 0.6;
}

@media screen and (max-width: 1100px) {
.bdate {
	width:100%;
    text-align: right;
    margin-bottom: 1em;
}
.bdoc {
    width: 100%;
}
.bdoc img {
	max-width:100%;
	max-height:800px;
	width: expression(this.width >= this.height ? "100%" : "auto");
	height: expression(this.width <= this.height ? "800px" : "auto");
}
}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 520px) {

.bdoc img {
	max-width:100%;
	max-height:600px;
	width: expression(this.width >= this.height ? "100%" : "auto");
	height: expression(this.width <= this.height ? "600px" : "auto");
}


}