@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:100');

body {
	/* height: 100%;
	width: 100%;
	overflow: hidden; */
	background: #f4f4f4;
	margin:0;
	min-height: calc(100vh + 5px); /* 余白をページの高さ扱いに */
	padding: 0;
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 200;
	font-size: 10pt;
	letter-spacing: 0.1em;
	line-height: 1.6em;
	color: #111;
}
a, a:link, a:visited {
	color: #111;
	text-decoration:none;
	border-bottom: 0.2px solid #ccc;
}
a:hover, a:active {
	text-decoration:none;
	border-bottom: 1px solid #888;
	cursor: pointer;
}
/* /////////////////////////////////////////////////////////////////  Name, address, Description, Menu  //*/
.nameBlock {
	position: fixed;
	top: 8px;
	left: 50px;
	font-family: 'Raleway', sans-serif;
	font-size: 18pt;
	letter-spacing: 0.08em;
	color: #222;
	z-index: 10;
}
.contactBlock, .instaBlock {
	position: fixed;
	top: 27px;
	right: 0;
	padding: 5px;
	font-family: 'Raleway', sans-serif;
	font-size: 12pt;
	font-weight: 300;
	letter-spacing: 0.15em;
	color: #222;
	z-index: 7;
}
.contactBlock {
	margin-right: 100px;
}
.instaBlock {
	margin-right: 60px;
}
.nameBlock a, .contactBlock a, .instaBlock a,
.nameBlock a:link, .contactBlock a:link, .instaBlock a:link,
.nameBlock a:visited, .contactBlock a:visited, .instaBlock a:visited {
	color: #222;
	text-decoration:none;
	border-bottom: 0px solid #ccc;
}
/* caption */
/* 【修正1】セレクタにID #royalSliderTop を追加し、優先度を最大化 */
#royalSliderTop .rsContent .caption {
	position: absolute;
	bottom: 30px;
	text-align: center;
	left: 50%;
	width: 90%;
	transform: translateX(-50%); /* 水平方向の中央寄せ */
	font-size: 9pt;
	color: #000000;
}

/* /////////////////////////////////////////////////////////////////  Royal Slider  //*/
#royalSliderTop {
	position: fixed;
	top: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #ffffff;
	margin: 0 auto；
}

/* /////////////////////////////////////////////////////////////////  スマホ・タブレット設定 */
/*touch devices supports - font size
.supports-touch .menuBlock {
	top: 40px;
	font-size: 14pt;
}*/
/*touch devices supports - eable device fullscreen mode
.supports-touch #royalSliderTop {
	height: 113%;
}*/
/*touch devices supports - hide fullscreen button
.supports-touch .rsFullscreenBtn {
	display: none;
}*/
/* スマホ表示設定（縦・横どちらでも） */
@media (pointer: coarse) and (max-width: 768px) {
	/* .rsFullscreenBtn {
		display: none !important;
	} */
    body {
        /* iOSの自動テキストサイズ調整を無効化 */
        -webkit-text-size-adjust: 100%; 
        text-size-adjust: 100%;
    }
	.nameBlock {
		font-size: 12pt;
		top: 0px;
		left: 20px;
	}
	.contactBlock, .instaBlock {
		top: 12px;
	}
	.contactBlock {
		margin-right: 80px;
	}
	.instaBlock {
		margin-right: 40px;
	}
	/* キャプションのサイズをピクセル指定に変更し、!importantで上書き強度を上げる */
	/* セレクタにID #royalSliderTop を追加し、優先度を最大化 */
	#royalSliderTop .rsContent .caption {
		font-size: 9px !important;
	}
}
/* スマホ縦向き表示設定 */
@media screen and (max-width: 768px) and (orientation: portrait) {
	/* メニューの位置微調整（コンタクト / Instagram） */
	.contactBlock, .instaBlock {
		top: 50px;
	}
	.contactBlock {
		margin-right: 60px;
	}
	.instaBlock {
		margin-right: 20px;
	}
}
/*chrome support - disable bule outline*/
.info-popup:focus {
	outline:0;
}

/* /////////////////////////////////////////////////////////////////  Magnific-Popup  //*/
/* .popupContentBlock{
	position:relative;
	max-width:460px;
	margin:40px auto;
	padding:25px 40px 40px 40px;
	background:#FFF;
	background: rgba(255,255,255, 0.9);
	text-align:left;
	border-radius: 6px;
} */
/*settings of background
.mfp-bg {
	background: #ffffff;
	opacity: 0.4;
}*/
/*settings of close button
.mfp-close {
	font-family: 'Raleway', sans-serif;
	font-size: 30pt;
}*/
/*settings of progress cursor
.mfp-ajax-cur {
  cursor: wait;
}*/