@charset "UTF-8";
/*----------------------------------*/
/*	art-archive */
/*----------------------------------*/
.ta-r{
	text-align: right;
	line-height: 32px;
}
.archive-flex03 .ta-r small{
	color: #12889a;
    text-decoration: underline;
}
.mr-2{
	margin-right:2%;
}
.mr-3{
	margin-right:3%;
}
.solid{
	border:2px solid #9a9a9a;
	width:140px !important;
}
#art-archive{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	font-size:1rem;
	line-height:1.2rem;
}
#art-archive a{
	color: #12889a;
	text-decoration: underline;
}
#art-archive a:hover{
	opacity: 0.6;
}
#art-archive img{
	width:100%;
	display: inline-block;
}
#art-archive small{
	font-size:0.8rem;
}
/*---------- h3 ----------*/
#art-archive h3{
	font-size:2.2rem;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: 300;
	text-align: center;
	position: relative;
	margin-bottom:40px;
}
#art-archive h3:before, #art-archive h3:after{
	content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 19%;
    height: 3px;
    background-color: #ffd453;
}
h3#contents:before,  h3#contents:after{
    width: 32%;
}
#art-archive h3:before {left:0;}
#art-archive h3:after {right: 0;}
/*----------------------------------*/
/*	introduction */
/*----------------------------------*/
.introduction{
	margin-bottom:80px;
}
.art-flex{
	display: flex;
	justify-content: space-between;
}
.art-flex dl{
	width:100%;
}
.art-flex dt{
	font-size:1.2rem;
	font-weight: bold;
	color: #12889a;
	margin-bottom:16px;
}
.art-flex dd{
	line-height: 1.8rem;
	text-align: justify;
}
.art-flex ul{
	width:732px;
}
.contents-flex{
	display: flex;
	flex-wrap: wrap;
	margin-top:32px;
}
.contents-flex li{
	margin-right: 3%;
    font-size: 0.8rem;
	line-height: 1.6rem;
}
/*----------------------------------*/
/*	archive */
/*----------------------------------*/
.fw-b{
	font-weight: bold;
}
.archive{
	margin-bottom:64px;
}
.archive section{
	font-family: "Rounded Mplus 1c";
	width: 400px;
	margin-bottom:16px;
}
.archive h4 span{
	font-size:0.8rem;
	font-weight: 400;
	color:#9a9a9a;
}
.archive h4{
	font-size:2rem;
	line-height: 2.4rem;
	font-weight: 700;
	margin-top: -16px;
	margin-bottom:8px;
	text-align: left;
}
.archive section p{
	font-size:1.2rem;
	font-weight: 500;
	text-align: left;
}
.archive-flex01{
	display: flex;
}
.archive-flex02{
	display: flex;
}
.archive-flex02 li,.archive-flex-none li{
	font-size:0.9rem;
	line-height: 1.6rem;
}
.archive-flex03{
	display: flex;
}
.flame{
	background-color: #f0f0f0;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding:8px 1.6%;
	margin-top:16px;
}
/*----------------------------------*/
/*	iziModal */
/*----------------------------------*/
.iziModal-content img{
	width:100%;
}
button, .button {
	background-color: transparent;
    border-style: solid;
    border-width: 0px;
	padding: 0;
	text-align: left;
	width:100%;
}
button:hover{
	opacity: 0.8;
	cursor : pointer;
}
.modal-options13{
	color:#fff;
}