﻿@charset "utf-8";
/* CSS Document */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

/* body
----------------------------------------------- */

body{ 
font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
height:100%;
background-repeat:repeat-y;
background-position:center top;
margin: 0 auto;
overflow-x:hidden;
}

#bodyimage1{
height:100%; 
min-height:100%;
background-repeat: no-repeat;
background-position:center top;
margin: 0 auto;
height:auto; 
} 

color: #1a1a1a;
a:link { color: #99998a; }
a:visited { color: #99998a; }
a:hover { color: #99998a; }
a:active { color: #99998a; }
a { text-decoration: none; }


/* sp-back1
----------------------------------------------- */

.font0 {
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  letter-spacing : 0.03em;
  font-size:14px;
  color:#66665c;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

.font1 {
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  letter-spacing : 0.03em;
  font-size:16px;
  color:#66665c;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

.red {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color:#99998a;
  margin: 0px 6px 0px 6px;
}

.blu {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color:#66ccff;
  margin: 0px 6px 0px 6px;
}

.s0 {
  margin: 0px 0px 12px 0px;
}

.ba1 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color:#cc2949;
  margin: 0px 6px 0px 6px;
}

.ba2 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color:#ff33a0;
  margin: 0px 6px 0px 6px;
}

.ba3 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 25px;
  font-size:13px;
  color:#b452cc;
  margin: 0px 6px 0px 6px;
}

/* 
----------------------------------------------- */

table.form,td.form,th.form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  width: 400px;
}

table tr.form {
  border: none;
  vertical-align: top;
  text-align: left;
}

table td.form {
  border: none;
  vertical-align: top;
  text-align: left;
  width: 400px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* 
----------------------------------------------- */

table.t20,td.t20b, {
  text-align: center;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

table td.t20b{
  font-family: "Font Awesome 6 Free";
  letter-spacing : 0.04em;
  line-height: 13px;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
}

/*
----------------------------------------------- */

table.t19,td.t19, {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 400px;
  border: none;
}

table td.t19{
  vertical-align:top;
  font-size: 15px;
  color: #1a1a1a;
  text-align: left;
  padding: 0px 0px 5px 0px;
}

/* blink
----------------------------------------------- */

@keyframes blink {
10% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}

.blink {
animation: blink 1s linear infinite;
}

/* icon
--------------------- */

.yj{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #dc143c;
  float:left;
  margin: 10px 15px 0px 0px;
}

.yj2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #dc143c;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yj3{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #db4260;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yj4{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #db8495;
  float:left;
  margin: 9px 5px 0px 0px;
}


/* icon2
--------------------- */

.yjb{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff33a0;
  float:left;
  margin: 10px 15px 0px 0px;
}

.yjb2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff33a0;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yjb3{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff4dac;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yjb4{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ffb3db;
  float:left;
  margin: 9px 5px 0px 0px;
}

/* icon3
--------------------- */

.yjc{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #b452cc;
  float:left;
  margin: 10px 15px 0px 0px;
}

.yjc2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #b452cc;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yjc3{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff99ff;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yjc4{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ffccff;
  float:left;
  margin: 9px 5px 0px 0px;
}


/* icon4
--------------------- */

.yjd{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff00ff;
  float:left;
  margin: 10px 15px 0px 0px;
}

.yjd2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff00ff;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yjd3{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff99ff;
  float:left;
  margin: 9px 5px 0px 0px;
}

.yjd4{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ffccff;
  float:left;
  margin: 9px 5px 0px 0px;
}


/* icon-e
--------------------- */

.yje{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #66ccff;
  float:left;
  margin: 10px 15px 0px 0px;
}

.yje2{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #66ccff;
  float:left;
  margin: 9px 5px 0px 0px;
}

/* icon-f
--------------------- */

.yjf{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 9px 5px 0px 0px;
}

/* t20b
--------------------- */

.imgs {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: left;
  vertical-align: top;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.imgu {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 20px;
}

.imguv {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 20px;
}

.blx {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.04em;
  line-height: 20px;
  font-size:14px;
  color:#b3ae7f;
  margin: 10px 6px 0px 5px;
}

.re {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 13px;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 10px;
}

.re2 {   
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: 500;
  line-height: 11px;
  font-size:13px;
  color:#333329;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 10px;
}

.re3 {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.04em;
  line-height: 17px;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 10px 0px 8px 20px;
}

.s0v {
  margin: 12px 0px 0px 0px;
}

.s0x {
  margin: 7px 0px 0px 0px;
}

.yj8{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 10px 2px 0px 20px;
}

.yj8x{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 6px 2px 0px 20px;
}

.fonts {
  font-family: "Font Awesome 6 Free";
  font-weight: 800;
  letter-spacing : 0.03em;
  font-size:18px;
  color:#66665c;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

/* t20w
--------------------- */


.fontx {
  font-family: "Font Awesome 6 Free";
  font-weight: 700;
  letter-spacing : 0.03em;
  font-size:17px;
  color:#808073;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

.blv {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.02em;
  font-size:15px;
  color:#66ccff;
  margin: 0px 0px 0px 0px;
}

.fontv {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.03em;
  font-size:14px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

.fontw {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.01em;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

.yjea{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #66ccff;
  float:left;
  margin: 5px 17px 0px 0px;
}

.yjez{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #66ccff;
  float:left;
  margin: 3px 17px 0px 0px;
}

.yj9{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #e6e6e6;
  float:left;
  margin: 3px 17px 0px 0px;
}

.yj9x{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ffffff;
  float:left;
  margin: 3px 17px 0px 0px;
}

.s0z {
  margin: 15px 0px 0px 0px;
}

.s0z2 {
  margin: 2px 0px 0px 0px;
}

.s0z3 {
  margin: 3px 0px 0px 0px;
}

.s0z5 {
  margin: 5px 0px 0px 0px;
}

.s0z7 {
  margin: 7px 0px 0px 0px;
}

.s0z10 {
  margin: 10px 0px 0px 0px;
}

.imgv {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: left;
  vertical-align: top;
  width: 10px;
  margin: 0px 0px 0px 3px;
}

.imgvv {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: left;
  vertical-align: top;
  width: 35px;
  margin: 6px 15px 0px 0px;
}

/*
--------------------- */

.fontv2 {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.03em;
  font-size:13px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
}

/*rss
------------------------------------------ */

.imgrss {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0px 0px 120px 0px;
}

.img98 {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.img99 {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  text-align: center;
  vertical-align: top;
  width: 32px;
  margin: 6px 10px 0px 0px;
}

.ti {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 0.09em;
  line-height: 26px;
  font-size:18px;
  color:#b3ae7f;
  margin: 0px 0px 0px 0px;
}

.time9{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #808073;
float:left;
margin: 9px 5px 0px 0px;
}

.time8{
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #ff4500;
float:left;
margin: 7px 0px 0px 0px;
}

/*21
--------------------- */

table.t21,td.t21,td.t21a,td.t21b, {
  text-align: center;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 500px;
  border: none;
}

table td.t21{
  text-align: center;
  vertical-align: top;
  width: 60%;
  padding: 0px 10px 0px 0px;
  margin: 20px 0px 10px 0px;
}

table td.t21a{
  text-align: left;
  vertical-align: top;
  width: 40%;
  padding: 0px 0px 0px 10px;
  margin: 20px 0px 10px 0px;
}

table td.t21b{
  text-align: center;
  vertical-align: top;
  width: 500px;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 5px 0px;
}

/*22
--------------------- */

table.t22,td.t22,td.t22a,td.t22b, {
  text-align: center;
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
}

table td.t22{
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  letter-spacing : 0.05em;
  line-height: 25px;
  font-size:16px;
  color:#b3b3a1;
  text-align: left;
  vertical-align: top;
  width: 100%;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

table td.t22a{
  text-align: left;
  vertical-align: top;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

table td.t22b{
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  font-weight: 600;
  letter-spacing : 0.5px;
  line-height: 25px;
  font-size:15px;
  color:#808080;
  text-align: left;
  vertical-align: top;
  width: 100%;
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}




























