@charset "utf-8";
@media screen and (max-width : 767px) {

	.pc{display: none;}
	.pc_in{display: none;}
	.sp{display: block;}
	.sp_in{display: inline;}
	
	header{
		height: auto!important;
	}
	
	header.front_page_navi{
		display: block;
	}
	
	header #header_navi .header_navi_head{
		height: auto;
		box-shadow: none;
	}
	
	header #header_navi{
		height: 0;
		overflow: auto;
		background: #fff;
	}
	
	header #header_navi p{
		display: none;
		position: fixed;
		margin: 0;
		top: 25px;
	}
	
	header #header_navi .logo{
		position: fixed;
		margin-left: 5%;
		top: 5px;
		z-index: 1001;
	}
	
	header #header_navi .logo img{
		height: 5.0rem;
	}
	
	.page-top {
		position: fixed;
		bottom: 30px;
		right: 10px;
		z-index: 1;
		width: 10%;
		background-color: #19559f;
		border: 1px solid #fff;
	}
		
	.page-top img{
		width: 100%;
		height: auto;
	}
	
	#content{
		padding: 0;
		padding-bottom: 4.0rem;
	}
	
	.slicknav_menu{
		height: 6.0rem;
		display: block;
	}
	
	/* footer */
	footer{
		width: 100%;
		background: #bacce2;
	}
	
	footer .footer_logo{
	    width: calc(100% - 6%);
		padding: 20px 3% 150px;
		background-image: url(../images/footer_back.png);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: auto 60%;
		text-align: center;
	}
	
	footer .footer_logo a img{
		width: 100%;
	    max-width: 200px;
	    height: auto;
	}
	
	footer #copy{
		font-size: 1.2rem;
	}
	
	/* 共通 */
	#content section{
		padding: 10.0rem 4% 3.0rem;
	    width: calc(100% - 8%);
		margin: 0 auto;
		min-height: calc(100vh - 0);
	}
	
	#content section h1{
		font-size: 1.8rem;
		margin: 0 auto 1.5em;
	}
	
	#content section .inner{
	    width: calc(100% -6%);
		padding: 0 3%;
	    width: 100%;
		padding: 0 ;
	}
	
	#content section .anchor_m{
		bottom: 8.0rem;	
	}
	
	/* フロントページ */
	#content #front_page{
		padding: 0 4% 4.0rem;
	}
	
	#content #mv{
		padding-top: 7.0rem;
	}
	
	#content #front_page #read{
		font-size: 1.8rem;
	}
	
	#content #front_page #site_navi{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2.0rem 0 4.0rem;
	}
	
	#content #front_page #site_navi a{
		font-size: 1.6rem;
	}
	
	#content #front_page #news_ttl{
		padding: 3.0rem 0 2.0rem;
	}
	
	#content #front_page #news_ttl h2{
		font-size: 1.8rem;
	}
	
	#content #front_page #news_ttl a{
		font-size: 1.6rem;
	}
	
	#content #front_page #news_list{
		max-width: 500px;
		margin: 0 auto;
	}
	
	#content #front_page #news_list a{
		width: 100%;
		margin-bottom: 1.0rem;
	}
	
	#content #front_page #news_list img{
	    aspect-ratio: 16 / 12;  
	}
	
	#content #front_page #news_list a .article{
		font-size: 1.6rem;
	}
	
	#content #front_page #news_list a .article .tenant .day{
		font-size: 1.4rem;
	}

	#content #front_page #news_list a .article .tenant .name{
		font-size: 1.4rem;
	}
	
	.slick-prev {
	    left: 0;
	}
	
	.slick-next {
	    right: 0;
	}
	
	.slick-prev, .slick-next {
	    aspect-ratio: 40 / 60;  
	    width: 5%;
	    height: auto;
	}
	
	/* フロアガイド・店舗紹介 */
	
	#content section#floor #floor_navi{
	  padding: 4.0rem 0;
	}
	
	#content section#floor #floor_navi a{
		font-size: 1.6rem;
	}
	
	#content section#floor #floor_list .cassette{
		padding: 2.0rem 0 3.0rem;
	}
	
	#content section#floor #floor_list .cassette h2{
		display: flex;
		justify-content: flex-start;
		align-content: center;
		padding: 0.5rem 0 2.0rem;
	}
	
	#content section#floor #floor_list .cassette h2 .no{
	    width: calc(30px - 1.0em);
		height: 30px!important;
		font-size: 2.2rem;
		margin: 0 0.5em 0 0 ;
	}
	
	#content section#floor #floor_list .cassette h2 div p{
		font-size: 2.0rem;
	}
	
	#content section#floor #floor_list .cassette h2 div p.sub{
		font-size: 1.4rem;
		padding: 0.35em 0 0.1em 2.3em;
		margin-bottom: 0.5em;
	}
	
	#content section#floor #floor_list .cassette > div{
		display: block;
	}
	
	#content section#floor #floor_list .cassette > div .ph{
		width: 100%;
		max-width: none;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 2.0rem;
	}
	
	#content section#floor #floor_list .cassette > div .ph img{
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	
	#content section#floor #floor_list .cassette > div .txt{
		width: 100%;
	}
	
	#content section#floor #floor_list .cassette > div .txt p{
		font-size: 1.6rem;
	}
	
	#content section#floor #floor_list .cassette > div .link{
		text-align: center;
		padding: 1.0rem 0 0;
	}
	
	#content section#floor #floor_list .cassette > div a{
		font-size: 1.6rem;
		line-height: 2.8em;
	}
	
	
	/* イベント・NEWS詳細 */
	#content section#event #event_list .cassette{
		padding: 2.0rem 0;
	}
	
	#content section#event #event_list .cassette > div{
		display: block;
	}
	
	#content section#event #event_list .cassette > div .ph{
		width: 100%;
		max-width: none;
		text-align: center;
		margin: 0 auto;
		padding-bottom: 2.0rem;
	}
	
	#content section#event #event_list .cassette > div .ph img{
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	
	#content section#event #event_list .cassette > div .txt{
		width: 100%;
	}
	
	#content section#event #event_list .cassette > div .txt h2 a{
		font-size: 1.8rem;
		line-height: 1.6em;
		font-weight: 700;
		color: #000;
	}
	
	#content section#event #event_list .cassette > div .txt .category{
		padding: 2.0rem 0;
		font-size: 1.6rem;
	}
	
	/* 施設紹介・アクセス */
	#content section#access h2{
		font-size: 2.0rem;
		line-height: 1.6em;
		font-weight: 600;
	}
	
	#content section#access .description{
		margin: 5.0rem auto 0 ;
	}
	
	#content section#access .description h3{
		font-size: 1.8rem;
	}
	
	#content section#access .description h4{
		font-size: 1.8rem;
		line-height: 1.5em;
	}
	
	#content section#access .description p{
		font-size: 1.6rem;
		line-height: 1.6em;
	}
	
	#content section#access .banner > div{
		width: 100%;
		margin: 3.0rem auto;
		justify-content: center;
		gap: 30px 52px;
		flex-wrap: wrap;
	}
	
	#content section#access .banner img{
		height: 4.5rem;
		width: auto;
	}
	
	#content section#access .banner a:hover{
		opacity: 0.5;	
	}
	
	#content section#access table {
		border: 1px #808080;
		border-collapse: collapse;
		margin: 4.0rem 0;
	}
	
	#content section#access table td, #content section#access table th {
		font-size: 1.4rem;
		line-height: 1.6em;
		padding: 0.5em;
		height: auto;
	}
	
	#content section#access table th{
		width: 5.0em;
	}
}

@media screen and (max-width : 500px) {

	#content #front_page #site_navi{
		padding: 2.0rem 0;
	}

	#content #front_page #site_navi a{
		font-size: 1.2rem;
		line-height: 1.2em;
	    width: calc(32% - 0.5em);
	    padding: 3.2em 0.25em 1.0em;
	}

	#content #front_page #news_ttl{
		padding: 3.0rem 0 2.0rem;
		display: block;
		flex-wrap: wrap;
	}
	
	#content #front_page #news_ttl h2{
		width: calc(100% - 3.4em);
	}

	#content #front_page #news_ttl a{
		padding: 0.5em 2.0em;
		background-position: 95% center;
		margin-top: 0.5em;
	}

	#content section#floor #floor_navi a{
		font-size: 1.2rem;
	}

	#content section#floor #floor_list .cassette h2 div p{
		font-size: 1.8rem;
	}


	footer .footer_logo{
	    width: calc(100% - 6%);
		padding: 20px 3% 80px;
		background-image: url(../images/footer_back.png);
		background-repeat: no-repeat;
		background-position: center 130%;
		background-size: auto 60%;
		text-align: center;
	}

/* 404 */
#error-404{
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.6em;
	height: auto;
}

	#error-404 p{
		padding: 0.5em;
	}
	
	/* 投稿ページ */
		#content section#single {
		padding: 10.0rem 4% 3.0rem;
		width: calc(100% - 8%);
	}
	
	/* アイキャッチ画像エリア */
	#content section#single .entry-thumbnail {
	    margin-bottom: 2.0rem;
	}
	
	/* 記事ヘッダー（タイトル・メタ情報） */
	#content section#single .entry-header {
	    padding-bottom: 2.0rem;
	}
	
	#content section#single .entry-title {
		font-size: 2.0rem;
		line-height: 1.6em;
		font-weight: 500;
		margin: 0 auto 0.6em;
	}
	
	#content section#single .entry-meta {
	    padding: 1.0rem 0 0;
	    font-size: 1.6rem;
	}
	
	#content section#single .entry-meta .day {
	    font-weight: 300;
	    color: #666;
	}
		
	#content section#single .entry-content {
	    font-size: 1.6rem; 
	    line-height: 1.8em; 
	}
	
	#content section#single .entry-content h2 {
	    font-size: 2.0rem;
	}
	
	#content section#single .entry-content h3 {
	    font-size: 1.8rem;
	}
		
	#content section#single .wp-block-button__link {
	    font-size: 1.4rem;
	}
	
	#content section#single .post-navigation a {
	    font-size: 1.4rem;
	}
	
	
}