@charset "UTF-8";
body{
  margin: 0;
  padding: 0;
}
div.container{
  /* overflow: hidden; */
  width:400px;
  margin: 0 auto;
  font-size: 18px;
  font-family:"Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;
}
/* ＴＯＰの写真 */
div.photo_mozi{
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
}
div.photo_mozi p.a{
  position: absolute;
  bottom: 40px;
  left: 8px;
  font-size: 10px;
  color: white;
}
div.photo_mozi p.b{
  position: absolute;
  top: 5px;
  left: 125px;
  font-size: 24px;
  font-weight: bold;
  color: white;
}
div.photo_mozi p.c{
  position: absolute;
  bottom: 10px;
  left:1px;
  font-size: 5px;
  color: rgb(110, 253, 110);
}
div.photo_mozi div.d{
  position: absolute;
  top: 30px;
  right: 50px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: yellow;
}

div.tv_waku{
  width: 350px;
  background-color: #b1fcb0;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.news_waku{
  width: 350px;
  background-color: rgb(141, 141, 252);
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.spo_waku{
  width: 350px;
  background-color: #f8c8e6;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.waku_red{
  width: 350px;
  background-color: #ff35b1;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.koi_midori{
  width: 350px;
  margin: 0 auto;  
  background-color: #008000;
  color: white;
  font-size: 26px;
  line-height : 80px;
  font-weight: bold;
  text-align: center;
}
div.blue{
  width: 350px;
  background-color: blue;
  color: white;
  margin: 0 auto;
  padding: 20px auto;
  font-size: 26px;
  font-weight: bold;
  line-height : 80px;
  text-align: center;
}
div.pink{
  width: 350px;
  background-color: #ff35b1;
  color: white;
  margin: 0 auto;
  padding: 20px auto;
  font-size: 26px;
  font-weight: bold;
  line-height : 80px;
  text-align: center;
}
div.red{
  width: 350px;
  background-color: red;
  color: white;
  margin: 0 auto;
  padding: 20px auto;
  font-size: 26px;
  font-weight: bold;
  line-height : 80px;
  text-align: center;
}
div.kobetu_orange{
  width: 290px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: orange 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 15px;
  line-height : 22px;
  text-align: left;
}
div.kobetu_blue{
  width: 290px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: blue 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 15px;
  line-height : 22px;
  text-align: left;
}
div.kobetu_red{
  width: 290px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: red 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 15px;
  line-height : 22px;
  text-align: left;
}
div.kobetu_purple{
  width: 290px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: purple 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 15px;
  line-height : 22px;
  text-align: left;
}
div.cm{
  margin:5px auto 5px auto;
  padding: 0px;
  width:350px;
  line-height : 25px;
  font-size: 11px;
  text-align: center;
}
div.policy{
  width: 300px;
  text-align: center;
  font-size: 20px;
  margin: 10px auto;
  padding: 10px;
  background-color: #3b5998;
  color: white;
}
div.policy a{
  font-size: 20px;
  color: white;
}
/* div.cm_a8{
  margin:3px auto 3px auto;
  width:320px;
  line-height : 40px;
  font-size: 16px;
  text-align: center;
  background: navy;
  color: white;
} */
div.cm_a8{
  margin:3px auto 3px auto;
  line-height : 25px;
  font-size: 15px;
  text-align: center;
}
div#photo{
  margin: 5px auto 20px auto;
  text-align: center;
  font-size: 15px;
}
/* div.cm_a8 a{
  text-decoration:none;
  color:white;
} */
/* div.cm_a8 a:visited {
color:white;
} */
div.waku_a8{
  border: dotted 2px blue;
  text-align: center;
}
/* 黄色背景320px */
div.yellow_320px{
  background-color: rgb(255, 255, 212);
  width: 320px;
  margin: 5px auto;
  padding: 15px 10px;
}
div.sen{

  text-align: center;
  margin: 5px auto 20px auto;
      position: relative;
}
/* 写真の中に文字 */
p#yozi{
  font-size: 16px;
  color: white;
  position: absolute;
  top:50%;
  left:20%;
}
div.center{
  margin-top: 40px;
  line-height : 20px;
  font-size: 18px;
  text-align: center;
  line-height: 1.25;
}
div.center_no_margin{
  margin: 0 auto;
  line-height : 20px;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 1.25;
}
div.rela{
  position: relative;
  text-align: center;
}
div.a_1{
  position: absolute;
  top: 50px;
  left: 205px;
  width: 8px;
  height: 30px;
  border-radius: 50%;
  background-color:white;
  box-shadow: 0 0 30px 20px white;
  animation: flash 0.3s ease infinite normal;
}
@keyframes flash {
  50% {
    opacity: 0.1;
  }
}

div.center_blue{
  margin-top: 20px;
  line-height : 30px;
  background-color: #FFC0CB;
  color: #FF4500;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}



div.main{
text-align: center;
margin: 10px 0px 0px 10px
  /* 200pxの写真を中央に置くだけ */
}
div.kanzi{
  width:340px;
  font-size: 16px;
  line-height:23px;
  color: white;
  /* background-color : grey; */
  background-color : #666666;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 0 0 0;
}
div.kanzi_q{
  width:340px;
  font-size: 16px;
  line-height:23px;
  color: #2E2E2E;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 3px 0 0 0;
  border: solid 1px #2E2E2E;
}

div.ans{
  font-size: 18px;
  line-height:30px;
  margin: 6px auto;
  text-align: center;
}

div.all_sikaku{
  text-align: center;
  margin: 10px auto;
}
div.sikaku{
  display: inline-block;
  width:20px;
  height: 20px;
  font-size: 18px;
  font-weight: bold;
  border: solid 2px #2E2E2E;
  margin-right: 10px;
}

div.kaisetu{
  width:340px;
  margin-left:auto;
  margin-right:auto;
  font-size: 20px;
  line-height:40px;
  /* color: white; */
  font-weight : bold;
  /* background-color : navy; */
  text-align: center;
}
div.navy{
  width:340px;
  font-size: 20px;
  font-weight: bold;
  line-height:40px;
  /* background-color :navy; */
  color: navy;
  text-align: center;
margin: 10px auto 0 auto;
}

div.wakusei{
  margin: 10px auto 10px auto;
  padding: 10px 0;
  width: 340px;
  font-size: 18px;
  font-weight: bold;
  color: white;
  line-height:20px;
  text-align: center;
  background-color : navy;
  /* border: solid 1px yellow; */
}
div.wakusei_kaisetu{
  margin-left:auto;
  margin-right:auto;
  padding: 5px 10px;
  width: 360px;
  font-size: 20px;
  color: white;
  line-height:30px;
  text-align: left;
  background-color : navy;
}
div.osusume{
  margin-left:auto;
  margin-right:auto;
  margin-top: 20px;
  width: 340px;
  font-size: 20px;
  color: white;
  line-height:40px;
  text-align: center;
  background-color : navy;
}

div.syukan_wakusei{
  text-align: left;
  border: 1px solid blue;
  margin: 0 10px 10px 10px;
}
div.iremono{
  text-align: center;
}
.sticky {
  position: -webkit-sticky; 
  position:sticky; 
  top:0; 
  z-index: 100; 
}

div.waku{
  border: dotted 6px blue;
  text-align: center;
  width: 340px;
  margin: 5px auto;
}
/* 文末の挨拶囲み */
.box28 {
  position: relative;
  margin: 2em 5px;
  padding: 25px 10px 7px;
  border: solid 2px #FFC107;
}
.box28 .box-title {
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
  background: #FFC107;
  color: #ffffff;
  font-weight: bold;
}
.box28 p {
  font-size: 16px;
  margin: 0; 
  padding: 0;
}
/* 文末の挨拶囲みここまで */

/* 目次囲み二重線 */
.box17 {
  border: #ec59ba 3px double;
  margin: 10px auto;
  padding: 10px;
  width: 300px;
  font-size: 18px;
  font-weight: bold;
  line-height: 34px;
}



/* ここまで目次囲み二重線 */

/* 目次囲み */
.box18{
  margin:10px 80px 1px 20px;
  position: relative;
  padding: 0.25em 1em;
  border: solid 2px #ffcb8a;
  border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
  content: '';
  position: absolute;
  width:10px;
  height: 10px;
  border: solid 2px #ffcb8a;
  border-radius: 50%;
}
.box18:after {
  top:-12px;
  left:-12px;
}
.box18:before {
  bottom:-12px;
  right:-12px;
}
.box18 p {
  margin: 0; 
  padding: 0;
  font-size: 15px;
  line-height:40px;
  color: #463f8a;
}
/* 目次囲みここまで */

/* 目次ボタン */
.btn-sticky {
  display: inline-block;
  margin: 20px auto 5px 40px;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
/* トレンドとお勧め */
.box10 {
  width: 300px;
  padding: 0.5em 1em;
  margin: 2em auto;
  color: #0043d4;
  font-weight: bold;
  background: #e4fcff;/*背景色*/
  border-top: solid 6px #1dc1d6;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.box10 p {
  margin: 0; 
  padding: 0;
  font-weight: normal;
}
/* 上に戻るボタン */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  /* content: '\f102'; */
  content: '戻';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/* ここまで上に戻るボタン */
/* div終わり */
hr {
  border-top: 2px dotted blue;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* Ｐここから */




p.bun{
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding: 0 20px;
}
p.bun_a8{
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 20px;
}
div#sekki{
  text-align:center;
  font-size: 30px;
  font-weight: bold;
  color: red;
  line-height: 50px;
  margin: 0;
  padding: 0 20px;
}
p#sekki_2{
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding: 0 20px;
}
p#sekki_3{
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding: 0 20px;
}
p.bun_slim{
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding: 0 20px;
}
p.bun_blue{
  text-align: left;
  font-size: 18px;
  color: navy;
  line-height: 26px;
  padding-top: 10px;
  margin: 0;
}
p.bun_w{
  font-size: 16px;
  padding-left: 10px;
  padding-right: 5px;
  font-weight: normal;
  text-align: left;
  line-height:26px;
  margin: 0;
}
p.bun_top_10{
  font-size: 16px;
  line-height: 26px;
  margin: 0;
  padding: 20px 20px 10px 20px;
}
p.right{
  font-size: 15px;
  font-weight: bold;
  text-align: right;
}


/* 前文臨時用（赤） */
p.rinzi{
  text-align: left;
  color: red;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  margin: 20px 0px 0px 0px;
}
p.day{
  font-weight : bold;
  font-size: 20px;
  text-align: center;
  padding: 6px 0;
  margin: 0 10px;
}
div#ans_w{
  font-weight : bold;
  font-size: 20px;
  text-align: center;
  padding: 6px 0;
  margin: 0 10px;
}
p.nav{
  text-align: center;
  margin: 10px 3px 20px 3px;
  padding: 0 5px 0 5px;
}
div.koyomi{
  font-size: 18px;
  text-align: center;
  margin:0px 60px 0x 60px;
}
a.koyomi{
  margin:0px 60px 0x 60px;
  text-decoration: none;
}
div.main p{
text-align: left;
font-size: 18px;
}

p.nav a {
  display: inline-block;      /* リンクをインラインブロック化して表示 */
  width: 65px;                 /* 横幅*/
  border-radius: 10px;      /* 枠線の角を丸くする */
  padding: 0.3em 0.3em 0.3em 0.3em;               /* 内側の余白量を設ける。この余白は「クリック可能な空白」 */
  margin: 0px 0px 2px 0px; /* 外側の余白、この余白は「クリック対象外」 */
  /* background-color: #eeffff; */
      /* 背景色として淡い水色 */
  color:#000000;

  font-weight: bold;
  font-size: 12px;
  text-decoration: none;        /* リンクの下線を消す */
  line-height: 50px;             /* 行の高さ */
}

p{
  padding-left: 20px;
  padding-right: 20px;
}

p#noukatu_4_2q{
font-size: 35px;
font-weight: bold;
text-align: center;
color: white;
width: 250px;
background-color: blue;
margin: 15px auto 2px auto;
/* font-family:"ＭＳ Ｐゴシック"; */
}

p#noukatu_4_2a{
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: blueviolet;
  }

p#mame_a{
  font-size: 16px;
  color: indigo;
  text-align: left;
}
p#mame_q{
  font-size: 16px;
  text-align: left;
}
/* p.wakusei{
  width: 100%;
  font-size: 23px;
  font-weight : bold;
  background-color : #e1ffff;
  line-height:30px;
} */

p.seiza{
  width: 340px;
  font-size: 20px;
  line-height:25px;
  font-weight : bold;
  text-align: center;
  margin: 5px auto;
  padding: 0;
}
p.s{
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  margin: 0px 1px 1px 120px;
  padding: 0;
}


/* ｐ此処まで */

/* spanここから */
a.normal{
  text-decoration:none;
  color: black;
}
span.bold{
  font-weight: bold;
}
span.black{
  color: #333;
}
span.font20px{
  font-size: 20px;
}
span.bold_font22px {
  font-size: 22px;
  font-weight: bold;
}

span.font15px{
  font-size: 15px;
}
span.font14px{
  font-size: 14px;
}



span.orange_bold{
  font-size: 17px;
  color: orange;
  font-weight: bold;
}
span.blue_bold{
  font-size: 17px;
  color: blue;
  font-weight: bold;
}
span.red_bold{
  font-size: 17px;
  color: red;
  font-weight: bold;
}
span.purple_bold{
  font-size: 17px;
  color: purple;
  font-weight: bold;
}
span.blue{
  color: blue;
}
span.black{
  color:black
}
span.pink{
  color:rgb(255, 109, 133)
}
span.purple{
  color: purple;
}
span.bold_big{
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
span.bold_18px_red {
  font-size: 18px;
  color: red;
  font-weight: bold;
}
span.bold_18px_blue {
  font-size: 18px;
  color: rgb(1, 15, 160);
  font-weight: bold;
}
span.red{
  color: rgb(207, 2, 2);
}
span.bold_purple{
  font-size: 15px;
  color: #800080;
  font-weight: bold;
}
span.bold_blue{
  font-size: 15px;
  color: #800080;
  font-weight: bold;
}
span.quizu{
  font-size: 25px;
  color: #800080;
  font-weight: bold;
}
span.dai{
font-size: 30px;;
}
span.m{
color:black;
font-size:15px;
}


h1{
  line-height : 40px;
  font-size: 20px;
  /* color: #ff00ff; */
  color: navy;
  font-weight : bold;
  padding: 2px 10px;
  margin: 2px 10px;
  text-align: center;
  border-bottom: solid 4px #ff0000;
}
h2{
  line-height: 18px;
  font-size: 16px;
  font-weight : bold;
  padding: 5px 10px 0 10px;
  text-align: left;
  margin: 10px 0 8px 0;

}
/* ..................................... */
/* グラデーションのテスト */

p.nav a.a1{
  display: inline-block;
  /* padding: 0.5em 1em; */
  text-decoration: none;
  background-image: linear-gradient(45deg, #008000 70%, #fbfffb 100%);
  /* transition: .4s; */
  /* border: 1px solid #2b6dff; */
  color:white;
  font-size: 18px;
  padding: 5px 2px 1px 2px;
  line-height: 50px;
}









/* ............................................................. */


/* ａ要素ここから */
/* p.nav a.a1{
  background-color: #c66300;
  border: 1px solid #844200;
  color:white;
  font-size: 20px;
  padding: 5px 2px 1px 2px;
  line-height: 50px;
} */
p.nav a.a2{
  /* background-color: #e1ffff; */
  background-image: linear-gradient(45deg, #002aff 70%, #e8ffff 100%);
  /* border: 1px solid #34efef; */
  color: white;
  font-size: 16px;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}
p.nav a.a3{
  /* background-color: #ffb0b0; */
  background-image: linear-gradient(45deg, #ff35b1 50%, #ffe8e8 100%);
  /* border: 1px solid #d67171; */
  font-size: 16px;
    color: white;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}
p.nav a.a4{
  /* background-color: teal; */
  background-image: linear-gradient(45deg, red 70%, rgb(255, 250, 250) 100%);
  /* border: 1px solid #00657f; */
  color: white;
  font-size: 16px;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}
p.nav a.a5{
  background-image: linear-gradient(45deg, #000002 70%, #e5e5e5 100%);
  /* background-color: black; */
  border: 1px solid black;
  color: white;
  font-size: 16px;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}

p.nav a.a6{
  background-image: linear-gradient(45deg, #0e0093 50%, #9aaaf9 100%);
  /* background-color: blue; */
  border: 1px solid #191970;
  color: white;
  font-size: 13px;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}
p.nav a.a7{
    background-image: linear-gradient(45deg, #00a813 60%, #b1fcb0 100%);
  /* background-color: #00FF00; */
  border: 1px solid #00a000;
  font-size: 16px;
    color: white;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}
p.nav a.a8{
  background-image: linear-gradient(45deg, #ff0000 70%, #fce4e3 100%);
  /* background-color: red; */
  border: 1px solid #dd0000;
  color: white;
  font-size: 14px;
  line-height: 50px;
  padding: 5px 2px 1px 2px;
}


a.moon{
  display: inline-block;
  border: 4px solid;
  border-radius: 0.75em;
  border-color: white;
  color: white;
  font-size: 18px;
  line-height:25px;
  margin: 15px;
  text-decoration: none;
  padding: 0 5px;
}
p.link{
  width:340px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
}
p.link a {
  display: block;      /* リンクをインラインブロック化して表示 */
  border: 1px solid skyblue;    /* 枠線を加える */
  border-radius: 10px;        /* 枠線の角を丸くする */
  padding: 0.7em;
    /* 内側の余白量。「クリック可能な空白」 */
  margin: 0 0 4px 0;
  /* 外側の余白量。この余白は「クリック対象外」 */
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  line-height: 35px;
}
p.link a.usucya{
  background-color: #EEE8AA;
}
p.link a.usuaka{
  background-color: #FFBEDA;
}
p.link a.usumidori{
  background-color: #99FF99;
}
p.link a.usuki{
  background-color: #ffffcc;
}
p.link a.sorairo{
  background-color: #eeffff;
}
p.link a.red{
  background-color: red;
  color: white;
  font-weight: bold;
}

a.mokuzi{
  text-decoration: none;
  color: red;
  font-size: 20px;
}

p.link a.wakusei{
  display: block;      /* リンクをインラインブロック化して表示 */
  border: 1px solid skyblue;    /* 枠線を加える */
  border-radius: 10px;        /* 枠線の角を丸くする */
  padding: 0.7em;
    /* 内側の余白量。「クリック可能な空白」 */
  margin: 0 0 4px 0;
  /* 外側の余白量。この余白は「クリック対象外」 */
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 25px;
  background-color: #eeffff;
}


/* ここから「table」 */
table.seizahyou{
  width: 280px;
  margin: 10px auto 10px auto;
  border-collapse: collapse;
  line-height : 30px;
  color : white;
  background-color : #004000;
  font-size: 18px;
}
td.block{
  background: block;
}
td.yellow{
color: black;
background-color: lime;
}
/* ******　　TV用table　　*********** */
table.uranai_a{
 width:340px;
 border: solid 1px #FF570D;
 border-collapse: collapse;
 font-size: 13px;
 font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
 line-height : 20px;
 color : #363636; /* 墨色 */
 margin: 10px 5px 10px 10px;
}

table.uranai_a th{
text-align: center;
font-size:20px;
font-weight: bold;
color: white;
background-color: #c66300;
line-height: 40px;
}
td.click{
text-align: left;
font-family: HGP創英角ﾎﾟｯﾌﾟ体, メイリオ, "ＭＳ Ｐゴシック";
font-size:20px;
font-weight: bold;
color: blue;
}

table.uranai_a td.l{
  width: 60px;
  border: 1px solid #ff570d;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

table.uranai_a td.r{
  border: 1px solid #ff570d;
  vertical-align: middle;
  line-height: 23px;
  font-size: 14px;
  padding-left: 5px;
}

a.td_r{
text-decoration: none;
color: black;
}
table.wakusei_kako a:visited{
  font-weight: bold;
  text-decoration: none;
  color: white;
}
table.wakusei_kako{
  width: 320px;
  margin: 0 auto;
  font-size: 16px;
  text-align: center;
  color: white;
  background-color: navy;
}
/* 四字熟語クイズ問題 */
table.kuizu_yozi{
  margin: 10px auto 0 auto;
  border-collapse: collapse;
}
table.kuizu_yozi td{
  width:45px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 45px;
  font-size: 22px;
  text-align: center;
}


/* 惑星情報リンク */
table.kuizu_0{
  margin: 0px auto 20px auto;
  border-collapse: collapse;
}
/* table.kuizu_0 td{
  width:45px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 45px;
  font-size: 22px;
  text-align: center;
} */
table.kuizu_0 td.wide_blue{
  width:320px;
  border: 2px black solid;
  border-collapse: collapse;
  text-align: center;
  line-height : 55px;
  font-size: 25px;
  color: white;
  background-color: blue;
}
table.kuizu_0 td.wide_maroon{
  width:320px;
  border: 2px #800000 solid;
  border-collapse: collapse;
  text-align: center;
  line-height : 55px;
  font-size: 25px;
  color: white;
  background-color: #800000;
}







/* 二字熟語クイズ */
table.kuizu{
  margin: 20px auto;
  border-collapse: collapse;
}
table.kuizu_2{
  margin: 20px auto;
    border-collapse: collapse;
}
table.kuizu td{
  width:45px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 45px;
  font-size: 22px;
  text-align: center;
}
/* 枠無し */
table.kuizu td.no{
  width:45px;
  border: 0px;
  border-collapse: collapse;
  line-height : 45px;
}
/* 幅広３００ｐｘ */
table.kuizu td.wide{
  width:320px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 55px;
  font-size: 25px;
  background-color: yellow;
}
table.kuizu td.wide_blue{
  width:320px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 55px;
  font-size: 25px;
  color: white;
  background-color: blue;
}
table.kuizu td.black{
  width:45px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 45px;
  font-size: 25px;
  background-color:black;
  text-align: center;
}
select{
  font-size: 25px;
  line-height : 48px;
  width: 48px;
  border:none;
}
select.sele_1{
  font-size: 15px;
  line-height : 48px;
  width: 48px;
  border:none;
}
/* ーーーーーーーーーーーーーーーーーーーー */
/* 二字熟語クイズの小さい表 */
table.kuizu_s{
  margin: 20px auto;
    border-collapse: collapse;
}

table.kuizu_s td{
  width:35px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 35px;
  font-size: 15px;
  text-align: center;
}
/* 枠無し */
table.kuizu_s td.no{
  width:35px;
  border: 0px;
  border-collapse: collapse;
  line-height : 35px;
}
table.kuizu_s td.black{
  width:35px;
  border: 2px black solid;
  border-collapse: collapse;
  line-height : 35px;
  font-size: 15px;
  background-color: black;
  text-align: center;
}
table.kuizu_s select{
  font-size: 12px;
  line-height : 35px;
  width: 35px;
  border:none;
}
/* ーーーーーーーーーーーーーーーーーーーー */



input{
  font-size: 25px;
  line-height : 48px;
  width: 30px;
  border:none;
}
/* ここからuranai_b */
table.uranai_b{
 width:340px;
 border: solid 1px navy;
 border-collapse: collapse;
 font-size: 13px;
 font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
 line-height : 20px;
 color : #363636;
 margin: 10px 5px 10px 10px;
}

table.uranai_b th{
text-align:center;
line-height:40px;
font-size:20px;
color: navy;
font-weight: bold;
border: 1px solid navy;
background-color:#e1ffff;
}

/* table.uranai_b td{
  border: 1px solid navy;
  vertical-align: middle;
} */
table.uranai_b td.l{
  border: 1px solid navy;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  width: 60px;
}
table.uranai_b td.r{
  border:1px solid navy;
  vertical-align: middle;
  line-height: 23px;
  font-size: 14px;
  padding-left: 5px;
}
/* ここからuranai_c */
table.uranai_c{
 width:340px;
 border: solid 1px purple;
 border-collapse: collapse;
 font-size: 13px;
 font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
 line-height : 20px;
 color : #363636;
 margin: 10px 5px 10px 10px;
}

table.uranai_c th{
  text-align:center;
  line-height:40px;
  font-size:20px;
  color: navy;
  font-weight: bold;
  border: 1px solid purple;
  background-color:pink;
}
table.uranai_c td.l{
  border: 1px solid purple;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  width: 60px;
}
table.uranai_c td.r{
  border: 1px solid purple;
  vertical-align: middle;
  line-height: 23px;
  font-size: 14px;
  padding-left: 5px;
}
/* ここからuranai_d */
table.uranai_d{
 width:340px;
 border: solid 1px olive;
 border-collapse: collapse;
 font-size: 13px;
 font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
 line-height : 20px;
 color : #363636;
 margin: 10px 5px 10px 10px;
}
table.uranai_d th{
  text-align: center;
  font-weight : bold;
  line-height:40px;
  font-size:20px;
  color: white;
  background-color : teal;
  border: 1px solid olive;
  vertical-align: middle;
}
table.uranai_d td.l{
  border: 1px solid olive;
  vertical-align: middle;
  width: 60px;
  padding: 0;
  margin: 0;
}

table.uranai_d td.r{
  border: 1px solid olive;
  vertical-align: middle;
  padding-left:8px;
}

table.moon_star{
  width:340px;
  border: solid 1px black;
  border-collapse: collapse;
  font-size: 18px;
  font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
  line-height : 28px;
  color : white;
  background-color: black;
  margin: 10px 5px 10px 10px;
}
table.moon_star a.black{
  color:white;
  text-decoration: none;
}
table.moon_star a.black:visited{
  text-decoration: none;
  color: white;
}
a.no{
  text-decoration: none;
}
a.no:visited {
color:inherit;
}
/* a.black{} */
table.tuki{
  width:340px;
  border-collapse: collapse;
  font-size: 18px;
  font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
  line-height : 28px;
  color : white;
    background-color:black;
  margin: 10px 5px 10px 10px;
  }

table.tuki td.kyouno_tuki{
  font-size: 24px;
  text-align: center;
  /* background-color:#e1ffff; */
  line-height : 40px;
}


/* table.uranai_d td{
  border: 1px solid purple;
  vertical-align: middle;
} */
/* table.uranai_d td.sport{wide
} */

/* table.uranai_d td.sport2{
text-align: left;
font-family: HGP創英角ﾎﾟｯﾌﾟ体, メイリオ, "ＭＳ Ｐゴシック";
font-size20px;
font-weight: bold;
color: blue;
} */

table.uchi_link{
 width:340px;
 border: solid 1px olive;
 border-collapse: collapse;
 font-size: 18px;
 font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
 line-height : 28px;
 color : #363636;
 /* 墨色 */
 margin: 10px 5px 10px 10px;
 }
table.uchi_link th{
text-align: center;
font-weight: bold;
line-height: 40px;
background-color : #510000;
color: white;
}



table.seizahyou td,table.seizahyou th{
  border:2px solid #fff;
  /* ＃ｆｆｆは白 */
}
img{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  border: 0;
}

table.osusume{
  margin-left: auto;
  margin-right: auto;
  width:340px;
  /* font-size: 20px;
  line-height:25px; */
  color: white;
  background-color: black;
  text-align:left;
  padding-left: 10px;
}
table.osusume a.black{
  color:white;
  font-size: 15px;
  line-height: 18px;
  text-decoration: none;
}
/* ヒントの折り畳み */
/*全体*/
.hidden_box {
  text-align: center;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
    background: #efefef;
}

/*ボタンホバー時*/
/* .hidden_box label:hover {
    background: #efefef;
} */

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

.mawaru{
    animation: anime_move1 20s linear infinite;
}
@keyframes anime_move1 {
    0% { transform: rotateX(0deg) rotate(0deg); }
    100% { transform: rotateX(0deg) rotate(360deg); }
}
/* 下部ｃｍ・サイト内リンク用table */
table.link_end{
  width:340px;
  border-collapse: collapse;
  font-size: 12px;
  font-family: メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
  line-height : 20px;
  color : #363636; /* 墨色 */
  margin: 10px 5px 10px 10px;
 }

 table.link_end td a{
  text-decoration: none;
  color : #363636; /* 墨色 */  
}
table.link_end td.l{
  border: none;
  border-bottom: 1px solid #DDD;
  text-align: center;
  vertical-align: middle;
    width: 60px;
padding: 10px 0px;
    margin: 0;
}

table.link_end td.r{
  border: none;
  border-bottom: 1px solid #DDD;
  vertical-align: middle;
  padding-left:8px;
}

img[width="1"] {
  display: none;
 }

.globalNav {
  list-style: none;
  overflow: hidden;
  padding: 10px 13px;
  margin: 0;
}

.globalNav li {
  float: left;
  border-right: 1px solid #DDD;
  width: 65px;
}

.globalNav li a {
  display: block;
  padding: 15px 5px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.globalNav li a:hover {
  background: #EEE;
}

.globalNav li.active a {
  background: #F08080;
  color: #EEE;
}
.globalNav li.left {
  border-left: 1px solid #DDD;
}

.bb{
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

footer{
  width: 100%;
  line-height : 30px;
  font-size: 18px;
  text-align: center;
  margin-bottom: 50px;
}

/* ＳＮＳ */
/*---SNSシェアボタン---*/
/* ボタン上の文字 */
.fa-twitter:before, .fa-hatena:before, .fa-line:before, .fa-pocket:before
{
  font-family: helvetica neue,helvetica,arial,sans-serif;

  /* font-size:14px */
}
.fa-facebook:before {
  content: "f";
  font-family: Verdana;
  font-size:23px;
  /* font-weight: bold */
}
.fa-twitter:before {
  content: "twitter";
  font-size:23px;
}

.fa-hatena:before {
  content: "B!";
  font-family: Verdana;
}
.fa-line:before {
  content: "Line";
  font-size:23px;
}
.fa-pocket:before {
  content: "pocket";
}

/* ボタン表示位置の調整 */
.button-area {
  text-align: center;
  overflow:hidden;
  /* clear:left; */
  margin-top:15px;
  margin-left: 8px;
  margin-bottom: 15px;
}

/* タイトルの表示設定 */
.button-area-title {
  text-align: center;
  padding:.7em;
}

/* ボタンブロックのデザイン */
.button-area li a {
  padding: 2px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 4px; 
}

/* SNSごとの背景色 */
.twitter a {
  background-color: #55acee;
}
.facebook a{
  background-color: #3b5998;
}
.hatena a{
  background-color: #008fde;
}
.line a{
  background-color: #1dcd00;
}
.pocket a{
  background-color: #ea5a6c;
}

/* リスト「・」の削除 */
.button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ボタン幅と余白の設定 */
.button-area li {
  float: left;
  /* width: 19%; */
  width: 32%;
/* 追加 */
  line-height: 30px;
  margin: 0 .3%;
}

.button-area  ul:after {
  display: block;
  clear: both;
}

/* ボタンにカーソルを合わせた時の表示設定 */
.button-area li a:hover {
  -ms-transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
/* ＳＮＳボタンここまで */