body{
	padding:30px;
	overflow-y: scroll;
	background-image:url('img/bk_l.png'),url('img/bk_r.png');
	background-repeat:no-repeat;
	background-position:left top,right top;
	background-attachment:fixed;
	background-color:#efe8d9;
	font-family: "Hiragino Maru Gothic ProN W4", "ヒラギノ丸ゴ ProN W4", "メイリオ" ;
}

#attention{
	text-align:center;
	line-height:1.5em;
	letter-spacing:0.05em;
	font-size:0.9em;
	color:#453031;
	margin:30px auto;
	width:700px;
	padding:20px;
	border: 3px solid #cbc4b4;
	position: relative;
	z-index: 0;
}
#attention:after{
	border-top:3px solid #ad2132;
	border-left:3px solid #ad2132;
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 20px;
	height: 20px;
	z-index: 1;
}
#attention:before{
	border-bottom:3px solid #00458e;
	border-right:3px solid #00458e;
	content: '';
	display: block;
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 20px;
	height: 20px;
	z-index: 2;
}
strong{
	background: linear-gradient(transparent 60%, rgb(247,204,108) 60%);
}

/* iziModal強制 */
.iziModal .iziModal-button-close:hover{
    transform: rotate(90deg);
}
.iziModal ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.iziModal .iziModal-button{
    opacity: 0.5;
}
.iziModal .iziModal-button:hover{
    opacity: 1;
}
.iziModal-wrap{
overflow-x: auto !important;
}

/* iziModal 個別 */
.iziModal-t{
	padding:80px 50px;
	font-size:1em;
	line-height:1.9em
}
.iziModal-c{
	text-align:center;
}
.iziModal-c img{
	vertical-align:top;
}

main{
	margin-top:40px;
	padding:15px 0;
	height:100%;
	background-image:url('img/bg.png');
	border-radius: 35px;
}
/* 作品コンテナ */
article {
	background-color:#efe8d9;
	width:500px;
	padding:10px;
	margin:30px auto 60px auto;

	box-shadow:
	10px -5px 0 0px rgb(176, 169, 154),
	15px 8px 0 0px rgb(105, 121, 138)
}

/* 作家名・タイトル見出し等 */
h1 {
	position: relative;
	margin-top: 5px;
	padding: 15px 0 10px 13px;
	background-color: #8d0f1e;
	color: white;
	font-size: 1.3em;
	left: -25px;
	letter-spacing: 0.1em;
	cursor: pointer;
	width: 102%
}

h1::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 15px #453031;
}
h1:hover{
	background-color:#313265;
}
h1 span{
	font-size:1em;
	margin-left:15px;
	padding-left:10px;
	letter-spacing:0;
	color:#ddd;
	border-left:dashed 2px #999;
	font-weight:400;
}
article ul{
	display: flex;
	justify-content: right;
	align-items:right;
}
li{
	list-style: none;
	margin-left: 10px;
}

/* 作品 */
.thumb{
	border:1px solid black;
	cursor:pointer;
}
.thumb:hover{
  opacity: 0.8;
}

article p{
	margin:10px 0;
	padding:15px;
	line-height:1.4em;
}

/* 作品下部ボタン */
.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 70px;
	height: 25px;
	color: white;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	background-color: #453031;
	border: 1px solid transparent;
	border-radius: 15px;
	transition: 0.2s;
}

.btn a::before {
	content: '';
	position: absolute;
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	background-color: transparent;
	border: 1px solid #453031;
	border-radius: 15px;
}

.btn a:hover {
	background-color: #c99e3d;
	color:#453031;
}