@charset "UTF-8";

#header>h1{position:absolute; left:0px; bottom:8px;}
#content>div>strong.midashi{font-size:14px; display:inline-block;}

h2{border-bottom:1px solid #9d6f13; text-align:center; margin:48px auto 27px; padding-bottom:8px;}

h3{border-bottom:1px solid #9d6f13; width:720px; margin:48px auto 16px;}

.midashi{display:block; border-bottom:1px solid #cfcfcf; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", serif; text-shadow:0px 0px 1px #999; font-size:18px; margin-bottom:18px;}

/*visual*/
#visual{width:100%; min-width:940px; position:relative;}
#visual li{position:absolute; top:0px; left:0px; width:100%;}
#visual img{width:100%;}

#v_copy{position:absolute; height:100%; top:0; width:341px; right:24px; background:rgb(255,255,255); background:rgba(255,255,255,0.6);}
#v_copy div{height:218px; position:absolute; left:0px; top:50%; margin-top:-126px; width:341px;}

#v_con{display:block; position:absolute; width:36px; bottom:32px; left:50%; margin-left:-20px;}
#v_con span{display:block; height:4px; width:4px; float:left; margin:0 4px; background:#000; border-radius:2px; opacity:0.3;}
#v_con span.active{opacity:0.8;}
#v_con em{opacity:0.3; clear:both; display:block; margin-top:12px;}
#v_con em:hover{opacity:0.8; cursor:pointer;}

/*visual*/

p.copy{padding:0 12px; font-size:16px;}

#map{width:888px; height:508px; position:relative; margin:auto; background:url(../img/top/map.jpg) no-repeat;}
#map>ul{width:428px; height:374px; position:absolute; left: 32px; top:64px;}
#map li{width:200px; height:173px; margin:0 14px 14px 0; background:#FFF; float:left; line-height:0;}
#map li.hover{background:#f2e5cb;}
#map li img{display:block;}

p.map{display:block; background:#FFF; position:relative; width:660px; padding:8px 18px 14px; left:50%; margin-left:-349px; top:-54px; border:1px solid #CCC; margin-bottom:-54px; line-height:21px; text-shadow:0px 0px 1px #CCC;}
p.map img{display:block; line-height:0; margin-bottom:8px;}

#el_intro{width:520px; margin:auto;}
#el_intro >div{width:250px; height:150px; float:left; margin-left:20px; background:#CCC; box-shadow:0px 2px 2px #999;}
#el_intro >div:hover{box-shadow:none; opacity:0.8;}
#el_intro >div:first-child{margin-left:0;}

/*photo-3d*/
ul.photo-3d{ display: flex; justify-content: space-between;}
ul.photo-3d li{ width: 23%;}
ul.photo-3d li img{ width: 100%;}
.photo-tmb{ position: relative;}
.photo-tmb .btn3dlink,
.photo-tmb .btn3dlink-still
{
    position: absolute;
    font-size: 14px;
	line-height: 1.2;
    display: inline-block;
    padding: 6px 22px;
    bottom: 20px;
    left: 50%;
    margin-left: -55px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    border-radius: 20px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
}
.photo-tmb .btn3dlink:before {
	content: '\003E';
	position: absolute;
	opacity: 0;
	top: 5px;
	right: -20px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.photo-tmb:hover .btn3dlink:before {
	opacity: 1;
	right: 9px;
}

.photo-tmb img {
  height: 260px;
  object-fit: cover; /* この一行を追加するだけ！ */
}

ul.photo-3d h4 {
    text-transform: capitalize;
    color: #9d8d0e;
    font-size: 1.2em;
    text-align: center;
    margin-top:8px;
    margin-bottom: 20px;
}
.btn-gold {
    background: rgba(157,141,14,1);
    padding: 10px;
	line-height: 1;
	text-align: center;
    color: #FFF;
    font-size: 1em;
	text-decoration: none;
	display: inline-block;
}

.btn-gold:hover {
	 background: rgba(157,141,14,.6);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.center{ text-align: center;}
.mt-m{ margin-top: 20px;}
.mt-l{ margin-top: 40px;}
.mt-xl{ margin-top: 60px;}
.mb-m{ margin-bottom: 20px;}
.mb-l{ margin-bottom: 40px;}
.mt-minus-m{ margin-top: -20px;}
.pointer-events{pointer-events: none;}




/*news*/
.news{width:700px; margin:auto;}
.news li{margin-bottom:12px;}
.news li>*{display:table-cell;}
.news li> span {width:100px;}
.news li> .category div {border:1px solid #333; text-align:center; line-height:1.5em;}
.news li> p {padding-left:12px;}