@charset "utf-8";
/* ===================================================
	Base CSS
====================================================== */
body {
	min-width: 1200px; min-height: 100vh; background: #fff; color: #000;
	font-size: 16px; font-weight: normal; line-height: 2;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%; position: relative;

	font-feature-settings: "palt"; letter-spacing: 0.08em;
	/* font-feature-settings: "palt"; こちらの指定をすると文字が詰まりすぎてしまう場合があるので、letter-spaceingの記述が必要です。デザイン上不要であれば削除してください。
	縦書きテキストだと崩れる可能性があります。縦書きの項目は下記のようにしてください。
	.v_rl{ writing-mode: vertical-rl; font-feature-settings: "palt" 0;}*/
}

/* courgette-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Courgette';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../fonts/courgette-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

div { box-sizing: border-box;}

a { 
	color: inherit;
	text-decoration: none;
	transition: opacity 0.5s;
}

#lineup-font-size-sampler { bottom: 0; left: 0;}
.fixed { width: 100%; min-width: 1100px; position: fixed; top:0; left: 0; z-index: 999;}
iframe[name="google_conversion_frame"] { position: absolute; bottom: 0; left: 0;}

.ofi { object-fit: cover; width: 100%; height: 100%;}
.view_sp { display: none;}

.en { font-family: 'Courgette';}

.flex_col { display: flex; justify-content: space-between;}

.inner_md { width: 1100px; max-width: 92%; margin: 0 auto;}

@media (hover: hover) {
	a:hover {
		opacity: 0.5;
		text-decoration: none;
	}
}

@media screen and (max-width: 600px) {
	body,
	input,
	select,
	textarea { font-size: 16px;}

	body { min-width: 0;}
	.view_sp { display: block;}
	.view_pc { display: none !important;}
}




/* ---------------------------------------------------
	Header
------------------------------------------------------ */

.hd_h1 { position: absolute; top: 0; left: 0; width: 210px; padding: 0 30px 20px; background: #fff; text-align: center; box-sizing: border-box; z-index: 100;}
.hd_h1 span { display: block; margin: 0 auto; font-size: 16px; font-weight: bold;}
.hd_nav { position: fixed; top: 46%; right: 18px; z-index: 100; writing-mode: vertical-rl; display: flex; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 14px;}
.hd_nav a { color: #000;}
.hd_insta { margin: 0 0 50px;}
.hd_insta a { padding: 30px 2px 0; background: url(../img/icon_insta.svg)no-repeat top center;}
.hd_access a { padding: 35px 0 0; background: url(../img/icon_access.svg)no-repeat top center;}


@media screen and (max-width: 600px) {
	.hd_h1 { width: 38%; padding: 20px 0; top: -40px;}
	.hd_h1 img { width: 100px;}
	.hd_h1 span { font-size: 13px;}

	.hd_nav { top: 15px; transform: inherit; -webkit-transform: inherit; -ms-transform: inherit; writing-mode: initial; font-size: 15px;}
	.hd_insta a { padding: 2px 0 2px 30px; background-position: left center;}
	.hd_access a { padding: 2px 0 2px 30px; background-position: left center;}
	.hd_insta { margin: 0;}
	.hd_access { margin: 0 0 0 25px; justify-content: flex-end;}
}



/* ---------------------------------------------------
	Contents
------------------------------------------------------ */
/* #contents_wrap { clear: both; padding: 5px 0 55px; flex-grow: 1;} */


@media screen and (max-width: 600px) {
	/* #contents_wrap { width: 90%; padding: 25px 0 55px; margin: 0 auto;} */
}



/* ---------------------------------------------------
	Footer
------------------------------------------------------ */


#footer {
	text-align: center; font-size: 12px;
	padding: 45px 0; color: #fff; line-height: 1.6; background-color: #000;
}


@media screen and (max-width: 600px) {
	#footer { padding: 20px 0;}
}



/* ---------------------------------------------------
	clear
------------------------------------------------------ */


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------

180228_〇〇 XXXX

------------------------------------------------------ */