/* 縺後￥縺偵＞繧｢繝励Μ 邨ｱ荳€ CSS  gg_yoko.css*/
/* 縲先ｳｨ諢上€繊charset 縺ｯ蠢�★蜀帝�ｭ縺ｧ菴ｿ縺� */
@charset "utf-8";
/* 縲先ｳｨ諢上€大ｿ�★蜀帝�ｭ縺ｧimport縲� notosansjp縺ｯjapanese縺ｫ豈斐∋蟄苓ｩｰ繧∝庄閭ｽ */

/*css 縺ｧweb繝輔か繝ｳ繝医�url縺ｮ謖�ｮ壹� ../繧�../font/縺悟柑縺九↑縺九▲縺溘�縺ｧ縲∝酔縺倥ヵ繧ｩ繝ｫ繝€縺ｫ縺�ｌ縺ｦ繝代せ謖�ｮ壹ｒ逵∫払縺励◆*/
@font-face {
  font-family: "Noto_Sans"; /*繧ｴ繧ｷ繝�け*/
  src:
    url("NotoSansJP_Regular_webY.woff") format('woff');
}
@font-face {
  font-family: "Noto_Serif";  /*譏取悃*/
  src:
    url("NotoSerifJP_Medium_webY.woff") format('woff');
}

html {
  -ms-touch-action:manipulation;/*1 IE10莉･荳翫ｄEdge縺ｧ繝€繝悶Ν繧ｿ繝��縺ｫ繧医ｋ諡｡螟ｧ繧堤┌蜉ｹ蛹悶☆繧�*/
  touch-action:manipulation;/*2 IE10莉･荳翫ｄEdge縺ｧ繝€繝悶Ν繧ｿ繝��縺ｫ繧医ｋ諡｡螟ｧ繧堤┌蜉ｹ蛹悶☆繧�*/
  -webkit-touch-callout: none;/*iOS 荳翫〒髟ｷ謚ｼ縺励＆繧後◆縺ｨ縺阪€ヾafari 縺ｯ縺昴�繝ｪ繝ｳ繧ｯ縺ｫ髢｢縺吶ｋ諠��ｱ繧定｡ｨ遉ｺ縺吶ｋ縲ゅ◎繧後ｒ辟｡蜉ｹ縺ｫ縺吶ｋ*/
}

/*笘��iPad縺ｫ蟇ｾ蠢懊＆縺帙ｋ縺溘ａ縺ｮ險ｭ螳壺�笘�*/
/*body縺ｧ縺ｯ繝輔か繝ｼ繧ｫ繧ｹ縺悟､悶ｌ縺夂判髱｢蜈ｨ菴薙′髱偵￥縺ｪ縺｣縺溘€りｦ∫ｴ�繧帝剞螳壹☆繧九％縺ｨ*/
body, div, img, #page {
	touch-action: manipulation; /*縺吶∋縺ｦ縺ｮ繝代Φ繧�ぜ繝ｼ繝�縺ｮ繧ｸ繧ｧ繧ｹ繝√Ε繝ｼ繧呈桶縺�％縺ｨ繧堤┌蜉ｹ縺ｫ*/
}
/*笘��iPad縺ｫ蟇ｾ蠢懊＆縺帙ｋ縺溘ａ縺ｮ險ｭ螳壹€€縺薙％縺ｾ縺ｧ笘��*/

body {
	background-color: #ffffff; /*#ffffdd*/
	background-repeat: no-repeat;
	background-attachment: fixed;
  font-family: 'Noto_Serif';
  white-space: pre-wrap;
  overflow-x: hidden;
  overflow-y: hidden;
}



/*object-fit縺ｯ笘�IE髱槫ｯｾ蠢懊€Ｂbsolute縺ｧ縺ｯ髢｢菫ゅ↑縺�∩縺溘＞*/
/*#page {
  object-fit: none;
}*/

/*繝ｫ繝�*/
/* data-ruby縺ｯ<fireFox縺ｧ縺ｯ蜉ｹ縺九↑縺� 2018_0614 */
[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -0.6em;
	text-align: center;
	left: 0px;
	right: 0px;
	margin: -2px;
	font-size: 0.45em;
  white-space: nowrap;
}
rt { /*髻ｳ螢ｰ隱ｭ縺ｿ荳翫￡縺ｧ菴ｿ逕ｨ縺輔ｌ繧九％縺ｨ繧定€�∴縺ｦ逕ｨ諢� 譛ｪ遒ｺ隱�*/
	display: none;
}

/*遨ｺ逋ｽ蜊願ｧ偵€∝�隗偵�蟷�ｒ陦ｨ遉ｺ縺吶ｋ*/
span.w {
	margin-right:1em;
}

svg {
  cursor: default;
}

.go {
  font-family: "Noto_Sans";
}

#蜻ｼ縺ｳ蜃ｺ縺励き繝舌� {
  position: absolute;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  background-color: #CCF8F8;
  opacity: 1;
}

#蜻ｼ縺ｳ蜃ｺ縺玲凾險� { /*繧｢繝九Γ繝ｼ繧ｷ繝ｧ繝ｳgif*/
  position: absolute;
  top:45%;
  left:45%;
  width:8vmin;
  height:8vmin;
}
#髻ｳ陬懷勧蠕�■譁� {
  position: absolute;
  background-color: white;
  /*padding:6px;*/
  border-radius:8px;
  opacity:0.9;
}

#髻ｳ陬懷勧閭梧勹 { /*遯捺棧驛ｨ蜩�*/
  position: absolute;
  background-color: #278FFF/*dodgerblue*/;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}

#髻ｳ陬懷勧繝励Ξ繧､繝懊ち繝ｳ { /*遯捺棧驛ｨ蜩�*/
  position:absolute;
  left:47%;
  top:47%;
  width:11vmin;
  height:11vmin;
}

#遶�menu謌ｻbtn { /*遯捺棧驛ｨ蜩�*/
  position:absolute;
  left:30%;
  bottom: 10%;
  width:11vmin;
  height:11vmin;
}

#髻ｳ陬懷勧蠕�■譎りｨ� { /*遯捺棧驛ｨ蜩�*/
  position:absolute;
  left:30%;
  bottom: 30%;
  width:8vmin;
  height:8vmin;
}

/*隍�尅縺ｪCSS縺ｮanimation縺ｧ縲�Κ蜩∽ｸｭ縺ｫ蟄宣Κ蜩√ｒ謖√▽譎ゅ€∝ｭ宣Κ蜩√�蟷�€�ｫ倥＆縺瑚ｦｪ譫�縺ｨ蜷後§縺ｫ縺ｪ繧九ｈ縺�↓*/
.Jr {
  width: 100%; height: 100%;
}

.逋ｽ {
  color:white;
}