/*------------------------
ページ内リンク用(ヘッダーに被らないように)
--------------------------*/
:root{
	scroll-padding: 184px;
	scroll-behavior: smooth;
}

.section_inner {
    padding: 6rem 0 6rem;
}

#intro .img_box{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
#intro p{
	text-align: center;
	line-height: 2;
}
@media screen and (min-width: 1200px){
	#intro .img_box{
		width: 50%;
		margin: 0 auto;
	}
}
/*------------------------
お知らせ
--------------------------*/

section#news{
    background-color: #F6F3ED;
}
#news .section_inner {
	display: block;
}

#news .news_wrap{
	width: 100%;
}
#news .news_wrap dl.news_dl {
    border-top: 1px solid hsla(0, 0%, 0%, 0.20);
    margin-bottom: 2em;
    width: 100%;
}

#news .news_wrap dl a {
    text-decoration: none;
    color: #333;
}

#news .news_wrap dl.news_dl a dt {
    padding-top: 1em;
    font-weight: bold;
}

#news .news_wrap dl.news_dl a dt span.whgc{
	background-color: #A28A3D;
}

#news .news_wrap dl.news_dl a dt span {
    display: inline-block;
    margin-left: 10px;
    color: #fff;
    background-color: #80232c;
    padding: 0.2em 10px;
    font-size: 0.8em;
    text-align: center;
    width: 130px;
}

#news .news_wrap dl.news_dl a dd {
	border-bottom: 1px solid hsla(0, 0%, 0%, 0.20);
    padding-left: 0em;
    padding-top: 0.5em;
	padding-bottom: 1.4em;
	margin: 0;
	line-height: 1.4;
	font-weight: bold;
}
@media screen and (min-width: 1200px){
	#news .section_inner {
	display: flex;
    justify-content: space-between;
	}
	#news .news_wrap{
	width: 50%;
	}
}



/*カレンダー*/
.calendar_wrap{
	width: 100%;
	margin-top: 10rem;
}
.fc .fc-view-harness {
    background-color: #fff;
}
.fc-day-sat .fc-scrollgrid-sync-inner a{
	color:#1110D8;
}
.fc-day-sun .fc-scrollgrid-sync-inner a{
	color:#C00606;
}

.closed_title{
	text-align: center;
}
.closed_title span {
    border: 1px solid #ccc;
    margin: 0 6px 0 0;
    padding: 0 0 0 18px;
	background-color: rgb(228 145 137);
}

.fc .fc-bg-event {
    opacity: .5 !important;
}

@media screen and (min-width: 1200px){
	.calendar_wrap{
		width: 40%;
		margin-top: 0;
	}
}


/*---------------------------
館内案内図
-----------------------------*/
.img_box_wide {
    margin: 0 calc(50% - 50vw) 30px;
    width: 100vw;
}

/*---------------------------
VR
-----------------------------*/

/* パノラマビュー部分 */
#panorama {
  width: 80%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
/* サムネイル部分 */
.panorama-navs {
  list-style: none;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-left: -3px;
  margin-right: -3px;
}
.panorama-navs li {
  width: calc(100% / 7);
  padding: 3px 5px;
}
.panorama-navs li > a {
  display: inline-block;
  background-color: #fff;
}
.panorama-navs li > a > img {
  width: 100%;
  height: auto;
}
.panorama-navs li > a:hover img {
  opacity: 0.65;
  cursor: pointer;
}
/* スマホ */
@media(max-width: 599px) {
  /* サムネイル数を4つ並びに */
  .panorama-navs li {
    width: calc(100% / 4);
  }
}


/*----------------------------
施設概要リスト
-----------------------------*/
.detail {
	max-width: 800px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 30px auto;
    padding: 0;
    border-top: 1px solid #CCCCCC;
    color: #343434;
}

.detail dt {
    width: 25%;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
    line-height: 1.8em;
}

.detail dd {
    width: calc(100% - 25%);
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
    line-height: 1.8em;
}