@charset "utf=8";

/*すべてのページに適用される設定*/
.eigobotann {
    margin: 20px  auto 20px auto;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}
.eigobotann:hover {
    background: #67c5ff;
    color: white;
}
.Webcon {
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 75px;
    padding-bottom: 75px;
    background-color: #253958;
    color: #ffffff;
    text-align: center;
    margin: 0;
    width: 100%;
}
.ue p {
    position: absolute;
    left: 0;
    top: 0;
}
img {
    max-width: 100%;
    height: auto;
}
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background-image: url(../saitoirasuto/TOPnimodorubotann.png);
	border-radius: 5px;
	width: 60px;
	height: 60px;
	color: #fff;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:0.6rem;
	transition:all 0.3s;
}
#page-top a:hover{
	background: #777;
}
/*リンクを右下に固定*/
#page-top {
    background-image: url(../saitoirasuto/TOPnimodorubotann.png);
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
    /*はじめは非表示*/
	opacity: 0;
	transform: translateY(100px);
}
/*　上に上がる動き　*/
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
/*　下に下がる動き　*/
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}
* {
    box-sizing:border-box;
    text-align: center;
}
h1 {
    font-size: 50px;
}
h2 {
    background-image: url(../saitoirasuto/komidasi.png);
}
.saigai {
    display: inline;
    background-position: left -100% center;
    padding-bottom: 0.6em;/*ここで高さを決める*/
    background-size: 200% 0.5em;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(43, 121, 167, 0.616) 50%);
  }
  body {
    margin: 0 0 0 0;
  }
/*すべてのページに適用　ー　ヘッダー　ー　*/
.hedda- {
    padding-top: 40px;
    background-image: url(../saitoirasuto/yokogazou.png);
    background-repeat: repeat-x;
}
/*すべてのページに適用　ー　ヒーロー　ー */
/*すべてのページに適用　ー　メイン　ー　*/
.dekinai {
    pointer-events: none;
}
.kasen {
        display: inline;
        background-position: left -100% center;
        padding-bottom: 1.0em;/*ここで高さを決める*/
        background-size: 200% 0.2em;
        background-repeat: repeat-x;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(43, 121, 167, 0.616) 50%);
}
.kuzi {
    position: relative;
    display: inline-block;
  }
  .kuzi::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: matrix(-50%);
    width: 0;
    height: 3px; /* アンダーラインの高さ */
    top: 20px;
    background-color: rgba(43, 121, 167, 0.616); /* アンダーラインの色 */
    transition: width 0.5s /* アニメーションの時間（0.5秒） */
  }
  
  .kuzi:hover::after {
    width: 100%; /* アンダーラインの幅 */
  }
p {
    font-size: 17px;
}
.mennba-syoukai {
    border-collapse: collapse;
}
.mennba-syoukai th, .mennba-syoukai td {
    border: 3px solid rgb(12, 8, 248, 0.4);
    padding: 20px;
}
.menba- {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
img {
    max-width: 100%;
}
.toppeezi {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.toppeezi:hover {
      /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
.menba- {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #627295;
    border-radius: 3px;
}
.menba-:hover {
      /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}