@charset "utf-8";

/* PCモニター用CSS
------------------------------------------------------------*/

.inner { max-width: 950px; }

/* ヘッダー
*****************************************************/
#header { position: static; }
#header .headContact > li { display: block; }
#header .headContact > li:first-child { padding-right: 16px; }
#header .headContact > li:first-child img { display: block; width: 323px; }
#header .headContact > li:first-child a { display: block; }
#header .headContact > li:last-child { width: 247px; max-width: 100%; margin-left: 0; padding-left: 16px; border-left: 1px solid #EDEDED; }

/* -- ヘッダー固定 -- */
#header.is-fixed { box-shadow: none; }
#header.is-fixed h1 { max-height: none; padding: 10px; opacity: 1.0; visibility: visible; }

/* サイドバー
*****************************************************/
#sidebar { position: static; width: 28.42%; max-width: 270px; height: auto; padding: 0; border-left: none; }
#sidebar .sideBox { position: -webkit-sticky; position: sticky; top: 0; right: 0; width: 100%; height: auto; min-height: inherit; overflow: visible; }

/* コンテンツ
*****************************************************/
#content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin: 60px auto;
}
#content #page { width: 67.37%; max-width: 640px; }


/* フッター
*****************************************************/
#footer .footTel .tel p { font-size: 28px; font-size: 2.8rem; margin-bottom: 20px; }
#footer .footReservation { padding-left: 15px; padding-right: 15px; }

/* トップ
------------------------------------------------------------*/
.topCopy { flex-grow: 1; }