@charset "utf-8";
/*========= LoadingのためのCSS ===============*/

/* Loading背景画面設定　*/
#splash {
    /*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background:#fff;
	text-align:center;
	color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo svg{
	width:1500px;
}

/*========= SVG操作手書き風にするためのCSS ===============*/

#mask .st0{
    fill:none;
    stroke:#fff;
    stroke-width:150;/*線の太さを指定する*/
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
    stroke-dasharray: 1500; /* 線の間隔を指定する */
    stroke-dashoffset:1500; /* 線の位置を指定する */
}

/*========= レイアウトのためのCSS ===============*/

#container{
    width:100%;
    height: 100vh;
    background: #D4E2CF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 160%;
    padding-bottom: 10%;
}

#container a{
  
    color: #9DA7BD;
}

a:hover{
     text-decoration: none; 
     color: #9DA7BD;
}
 a.active {
	ccolor: #9DA7BD;
}

/* Tablet Layout 縦向きのみ Inherits styles from: Mobile Layout. */
@media only screen and (min-device-width: 744px) and (max-device-width: 1024px) and (orientation:portrait) {

 #container{
    width:100%;
    height: 100vh;
    background: #D4E2CF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 160%;
    padding-bottom: 20%;
}  
 
}

/*＝＝＝＝＝＝＝＝＝＝＝タブレット以下の見え方＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){

/*========= レイアウトのためのCSS ===============*/

#container{
    width:100%;
    height: 100vh;
    background: #D4E2CF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 120%;
    padding-bottom: 20%;
}   
}


 
 
/* Mobile Layout: iPhone6. Inherits styles from: Mobile Layout. */

@media only screen and (min-device-width: 375px)
 and (max-device-width: 667px)
 and (orientation : portrait){

#container{
    width:100%;
    height: 100vh;
    background: #D4E2CF;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 120%;
    padding-bo: 40%;
}   
}