@charset "UTF-8";
/* CSS Document */

   a-scene {z-index: 1; position:absolute; top: 0px; padding-bottom: 100px}
		
		ul { display: static;}
		li { list-style-type: none; flex-grow: 1; line-height: 200%;}
		
　　header{ position: fixed; top: 0px; }
   .square { width: 100%; height: 50px;position:absolute; background:#1a8783; z-index: 4;}
   .font{font-size: 18
px; font-family: "Arial", "Helvetica", "sans-serif"; color: black; font-weight:bold; z-index: 6;}
		.font{ font-family: "Arial", "Helvetica", "sans-serif";}

   .font2{font-size: 12px; font-family: "Arial", "Helvetica", "sans-serif"; color: black; font-weight:bold; z-index: 6;}
		.font2{ font-family: "Arial", "Helvetica", "sans-serif";}
		
		    .pcc { position: fixed;}
	.pcc { display: block !important; }
    .spp { display: none !important; }
		
	.spp {position:absolute;}
		@media only screen and (max-width: 750px) {
     .pcc { display: none !important; }
     .spp { display: block !important; }
      }
		
    .pc { position: fixed;max-width:90%; z-index: 2; 	top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
	.pc { display: block !important; }
    .sp { display: none !important; }
	.sp {position:absolute; max-width:100%; z-index: 2; 	top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
		@media only screen and (max-width: 750px) {
     .pc { display: none !important; }
     .sp { display: block !important; }
      }

/*メニュー部分*/
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 20px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -300px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 300px; /*メニュー横幅①*/
    font-size: 20px;
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before { /*ボタン部分背景色*/
	 background-color: #fff;
    border-radius: 0 0 0 0px; /*左下角丸*/
    color: #000; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 70px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 40px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

.share_btn2{
    display: inline-block;
    text-decoration: none;
    width: 50px;
	margin:2px;
    height: 50px;
    line-height: 50px;
    font-size: 23px;
	color:white;
    border-radius: 12px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-weight: bold;
    transition: .3s;
}