@charset "UTF-8";
/* CSS Document */

/* reset */

.one_column #contents{
margin-left:0;
width:auto;
}


/* headline */

#headline{
margin-bottom:15px;
}
.etto{
height:auto;
box-sizing: border-box;
border: 1px solid #5EB7E8;
background:#fff;
display: flex;
color: inherit !important;
text-decoration: none;
font-weight: 600;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
transition: background 0.5s;
}
.etto:hover{
background: #F3FBFF;
}
.etto .image{
flex: 0 0 65%;
max-width: 65%;
overflow: hidden;
position: relative;
}
.etto .image img{
display: block;
max-width: none;
width: 100%;
height: 100%;
object-fit: cover;
}
.etto .image .logo{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 30%;
height: auto;
opacity: 0;
transition: opacity 1s;
}
.etto:hover .image .logo{
opacity: 85%;
}
.etto dl{
flex: 1 1 auto;
max-width: 35%;
margin: 0;
}
.etto dt{
padding: 8px 0;
line-height: 1.6;
text-align: center;
}
.etto small{
display: block;
background: url("../common/images/line_etto.svg") no-repeat center bottom;
background-size: 100% auto;
padding-bottom: 15%;
margin-bottom: 20px;
}
.etto dl img{
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
.etto dd{
margin-left: 0;
padding: 12px;
position: relative;
padding-bottom: 30px;
}
.etto .link{
position: absolute;
right: 5px;
bottom:5px;
width: 99px;
height: 13px;
}

#main_contents{
display: flex;
margin-bottom: 20px;
}
#left_column{
flex-basis: 655px;
max-width:655px;
display: flex;
flex-direction: column;
}
/*20201013変更
.photo-exhibition*/
.photo-exhibition{
color: #e60012;
text-align: center;
margin-bottom: 20px;
max-height: 158px;
height:158px;
background: #5eb7e8;
}
.photo-exhibition a{
	display: block;
	border:solid 1px #5eb7e8;
	transition: 0.5s;
	opacity: 1.0;
}
.photo-exhibition a:hover{
opacity: 0.92;
}
.photo-exhibition img{
display: block;
	width:100%;
	height:auto;
}
.banner{
display: block;
margin-bottom: 10px;
flex: 0 0 auto;
}
.banner img{
display: block;
}
#digest{
background:#FFF2E9;
padding:0;
margin-bottom: 20px;
font-size:100%;
width: 100%;
flex: 1 1 auto;
}
#news{
position:relative;
top:0;
left:0;
margin-top:0;
margin-bottom:20px;
width:655px;
}
#news dt{
background:url(../images/header_news.jpg) no-repeat left top;
height:30px;
width:655px;
line-height:30px;
color:#fff;
padding:0;
padding-left:17px;
}
#news dt img{
display:block;
}
#news dt a{
position:absolute;
top:6px;
left:573px;
z-index:10;
}
#news dd{
height:500px;
padding:0;
overflow:auto;
}
#news ul{
list-style:none;
margin-left:0;
padding-left:0;
font-size:80%;
}
#news li{
border-bottom:1px solid #ccc;
padding:2px 0;
}
#news li::after{
content: "";
display: block;
clear: both;
}
#news .date{
color:#900;
float:left;
width:10em;
display:inline;
margin-right:-10em;
}
#news .text{
margin-left:10.1em;
display:block;
}

#right_column{
flex-basis: 225px;
max-width:225px;
margin-left: auto;
list-style: none;
padding-left: 0;
}
#right_column li{
margin-bottom: 0;
}
#right_column li + li{
margin-top: 10px;
}
#right_column a,
#right_column img{
display: block;
}
#right_column img{
margin: 0 auto;
width: auto;
max-width: 100%;
height: auto;
}
/*20201013変更*/
.parking_access{
margin-bottom: 30px;
max-width: 655px;
}
.parking_access a{
display: block;
text-decoration: none;
}
.parking_access a span{
display: block;
margin: 0;
padding: 1em 1em 1em 3.2em;
box-sizing: border-box;
background: #fff;
border:solid 1px #900;
color:#900;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 16px;
font-weight: bold;
position: relative;
}
.parking_access a span::before,
.parking_access a span::after{
content:"";
width:20px;
height:20px;
position: absolute;
top:0;
bottom:0;
left:1em;
margin: auto;
}
.parking_access a span:before{
background-image: url(../images/icn_car.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.parking_access a span:after{
left: auto;
right:0.5em;
background-image: url(../images/icn_next.svg) ;
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.parking_access a:hover span{
background: #900;
color:#fff;
}
.parking_access a:hover span:before{
background-image: url(../images/icn_car_hover.svg) ;
background-size: 100%;
}
.parking_access a:hover span:after{
background-image: url(../images/icn_next_hover.svg);
background-size: 50%;
}