/* 画面左右を灰色 */
body{
  margin: 0;
  padding: 0;
  background-color: #dcdcdc;
}

/* 頁下位置の横３段カラムリンク用ここから */
table.cm4{
  width: 900px;
  margin: 0 auto;
}
table.cm4 td{
  margin: 0 auto;
  text-align: center;
  width: 310px;
  vertical-align: top;
}
/* 頁下位置の横３段カラムリンク用ここまで */

/* ここからはＤＩＶ要素 */
/* 画面中央へ */
div#cyuou{
  margin: 0 auto;
  width: 1000px;
  background-color: white;
}

div.a_1{
  position: absolute;
  top: 40px;
  left: 180px;
  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.hyoudai{
  position: relative;
  /* width: 1000px; */
  text-align: center;
}

div.hyoudai_2{
  text-align: center;
  margin: 0px 0px;
  padding: 0px 0px;
}
div.sen{
  text-align: center;
  margin: 5px auto 20px auto;
  padding: 0;
}

div.ans{
  font-size: 26px;
  line-height: 40px;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
/* 今日の月齢で使用中 */
div.moon{
  background-color: black;
  color: yellow;
  font-size: 20px;
  padding-top: 10px;
margin-right: 10px;
}

p#geturei{
  background-color: black;
  color: yellow;
  font-size: 20px;
  margin-right: 10px;
}
div.seiza{
  text-align: center;
}

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

table.nizi_q{
  width: 300px;
  margin: 0 auto;
}
table.nizi_q td{
  font-size: 20px;
  text-align: center;
}
table.nizi_q td a{
  text-decoration: none;
}
div.nizi_link{
  width: 300px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  background-color: yellow;
  font-weight: bold;
  border: solid 1px;
}

a.td_r{
  display: block;
  text-decoration: none;
  color: white;
}
table.wakusei_kako a:visited{
  text-decoration: none;
  color: white;
}
table.wakusei_kako{
  width: 620px;
  margin: 0 auto 20px auto;
  font-size: 18px;
  text-align: center;
  color: white;
  background-color: navy;
}

div.cm{
  /* width: 600px; */
  text-align: center;
  font-size: 18px;
  margin:10px 0;
}
div.cm_a8{
  width: 340px;
  background: navy;
  color:white;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  margin:10px 0;
}
div.cm_a8 a{
  text-decoration:none;
  color:white;
}
div.cm_a8 a:visited {
color:white;
}
/* ダブルレクタングル */
table.cm{
  width: 640px;
  text-align: center;
}
table.cm td{
  width: 320px;
    text-align: center;
}
div.center{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0px;
}
div.center_top0{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0px auto;
}
div.center_top0_rela{
  position: relative;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0px auto;
}

div.center_30_auto_0_auto{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 30px auto 0px auto;
}
div.center_30_auto_0_auto_22px{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 30px auto 0px auto;
}
div.center_0_auto_0_auto{
  /* font-size: 22px; */
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin: 0px auto 0px auto;
}
div.center_0_auto_0_auto_20px {
  /* font-size: 22px; */
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 0px auto 0px auto;
}
div.center_0_auto_0_auto_18px {
  /* font-size: 18px; */
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0px auto 0px auto;
}
div.center_big{
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  margin: 10px 0px;
}

div.center_0_auto{
  width: 340px;
  text-align: center;
  margin: 0px auto;
  padding:0;
}
div.center_blue{
  /* width: 310px; */
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 10px auto;
  border: solid 1px blue;
}
div.cyairo{
  width: 620px;
  background-color: #ffeaea;
  margin: 5px auto 5px auto;
}
h2{
  line-height: 25px;
  font-size: 20px;
  font-weight : bold;
  padding: 5px 10px 0 15px;
  text-align: left;
  margin: 15px 0 10px 0;
}

  div.syukan_wakusei{
    width: 620px;
    text-align: left;
    border: 1px solid blue;
    margin: 0 auto 10px auto;
  }

/* ここからＰ要素 */

/* フォント２０ｐｘ（前文に使用中） */
p.main{
  font-size: 22px;
  padding-left: 20px;
  padding-right: 20px;
}
div#sekki{
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: red;
  line-height: 40px;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
p#sekki_2{
  font-size: 20px;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
p#sekki_3{
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
span.bold_purple{
  font-size: 20px;
  color: #800080;
  font-weight: bold;
}

span.bold_blue{
  font-size: 22px;
  color:blue;
  font-weight: bold;
}

span.bold_brown{
  font-size: 22px;
  color:brown;
  font-weight: bold;
}
span.bold_black{
  font-size: 22px;
  color:black;
  font-weight: bold;
}
/* フォント２０ｐｘ（前文左右パディングに使用中） */
p.main_1{
  font-size: 20px;
  text-align: left;
  padding-left: 40px;
  padding-right: 40px;
}
p.main_2{
  font-size: 18px;
  text-align: left;
  font-weight:normal;
  margin:0 auto;
  padding:0 10px;
  /* padding-right: 40px; */
}
/* フォント２０ｐｘ青（前文臨時で使用中） */
p.rinzi{
  color: red;
  font-size: 20px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 10px;
}
p.bun{
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  text-align: left;
  line-height:30px;
}
p.bun_1{
  font-size: 20px;
  margin-top: 0px;
  padding:0px 10px 0px 10px;
  font-weight: normal;
  text-align: left;
  line-height:30px;
  text-decoration: none;
}
p.bun_s{
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  text-align: left;
  line-height:20px;
}
p.bun_narrow{
  font-size: 20px;
  padding: 0 50px 0 50px;

  font-weight: normal;
  text-align: left;
  line-height:30px;
}
p.bun_w{
  font-size: 20px;
  padding-left: 20px;
  padding-right: 5px;
  font-weight: normal;
  text-align: left;
  line-height:30px;
  margin: 0;
}

p.bun_200{
  margin: 10px 0 0 50px;
  text-align: left;
  font-size: 18px;
}
p.bun_blue{
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  text-align: left;
  color: navy;
}

p.s{
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  margin: 0px 1px 1px 270px;
  padding: 0;
}

/* 表題内自由配置文字用ｐタグ top_ａは表題で使用中*/
p.top_a{
  margin: 0;
  text-align: center;
  line-height:100px;
  position: absolute;
  top:40px;
  left:440px;
  font-size: 36px;
  font-weight: bold;
  color: white;
  /* background-color:#990000; */
}

/* 表題内自由配置文字用ｐタグ b*/
p.top_b{
  position: absolute;
  bottom:110px;
  left:100px;
  font-size: 14px;
  color: white;
  text-align: left;
}

/* 表題の日付に使用中 */
p.day_1{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height:26px;
}
div#ans_w{
  margin: 10px auto;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height:26px;
}


/* 点滅星 */
div.hyoudai div.d{
  position: absolute;
  top: 30px;
  right: 50px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: yellow;
}
div.hyoudai div.f{
  position: absolute;
  bottom: 70px;
  right: 150px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: yellow;
}
div.hyoudai div.e{
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: skyblue;
}
div.hyoudai div.f{
  position: absolute;
  bottom: 80px;
  left: 200px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: yellow;
}
div.hyoudai div.g{
  position: absolute;
  bottom: 70px;
  left: 210px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: white;
}
div.hyoudai div.h{
  position: absolute;
  bottom: 60px;
  left: 190px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: yellow;
}
div.hyoudai div.i{
  position: absolute;
  top: 40px;
  left: 300px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: yellow;
}
div.hyoudai div.tuki{
  position: absolute;
  top: 40px;
  right: 0px;
  animation: ugoku 10s 0s 1 linear forwards;
}
@keyframes ugoku {
  0% {right: 0;}
  95% {right:900px; opacity: 1;}
  100% {right:950px; opacity: 0;}
}


div.hyoudai div.d,div.f,div.g{
  animation: flash 1s ease infinite alternate;
}
div.hyoudai div.h,div.i{
  animation: flash 0.5s ease infinite alternate;
}
div.hyoudai div.e{
  animation: flash 2s ease infinite alternate;
}
@keyframes flash {
  50% {
    opacity: 0;
  }
}

div.waku{
  border: dotted 6px blue;
  text-align: center;
  margin: 10px 10px 10px 10px;
  padding: 5px;
}
p#mame_q{
  font-size: 20px;
  text-align: left;
}
p#mame_a{
  font-size: 20px;
  color: indigo;
  text-align: left;
}
span.quizu{
  font-size: 25px;
  color: #800080;
  font-weight: bold;
}
span.bold_big{
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
span.m{
  color:black;
  font: size 18px;
}
.mawaru{
  animation: anime_move1 20s linear infinite;
}
@keyframes anime_move1 {
  0% { transform: rotateX(0deg) rotate(0deg); }
  100% { transform: rotateX(0deg) rotate(360deg); }
}


/* 先頭４列リンク用 */
p.link4 a{
display: inline-block;
width:210px;
border: 1px solid red;
padding: 0.3em;
margin: 0px 0.2em 0.2em 0px;
background-color: red;
font-size: 20px;
font-weight: bold;
color:white;
text-decoration: none;
line-height: 1.4;
text-align: center;
}
/* a.tv{
  background-color: #008000;
} */

/* マウスが上に来た時黄色に　使用中 */
p.link4 a:hover{
background-color: #ff4f50;
}

/* 青枠センター寄せ２箇所で使用 */
p.center{
text-align: center;
font-size: 20px;
border: 1px solid blue;
text-align: left;
}

p.moon{
  border: 5px solid blue;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  margin-right: 10px;
}
p.wakusei{
  border: 1px solid blue;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  margin-right: 10px;
}

/* 右のカラムでリンク用に使用中 */
p.block a{
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  background-color: red;
  color:white;
  line-height: 80px;
}
p.block3 a{
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  background-color: blue;
  color:white;
  line-height: 80px;
}


p.block2{
  border: 1px solid blue;
}


/* 右のカラムでリンク用に使用中 */
p.block2 a{
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  /* background-color:#8b0000; */
  color:blue;
  line-height:60px;
}
p.right{
  text-align: right;
}
span.red{
  color: red;
  font-weight: bold;
  font-size: 25px;
}
span.red_bold{
  color: red;
  font-weight: bold;
  font-size: 28px;
}
span.pink{
  color: rgb(253, 118, 141);
  font-weight: bold;
  font-size: 25px;
}
span.dai{
font-size: 30px;
}

input{
  font-size: 25px;
  line-height : 48px;
  width: 30px;
  border:none;
}


/* 星座表用に使用中 */
table.seiza{
font-size : 18px;
line-height : 40px;
margin: 0 auto;
/* color : white; */
background-color : #004000;
border-collapse: collapse;
/* border:3px solid white; */
}
table.seiza td.yellow{
  color: black;
  background-color: lime;
  font-weight: bold;
}

/* 星座表用に使用中 */
table.seiza td{
  width: 150px;
  border:2px solid white;
  text-align: center;
  color : white;
}


/* ２段カラム用のテーブル１０００ｐｘ */
table.dangumi{
width: 1000px;
}

/* ２段カラム左 */
table.dangumi td.left{
width: 640px;
vertical-align: top;
text-align: left;
}

/* ２段カラム右 */
table.dangumi td.right{
width:360px;
vertical-align: top;
text-align: center;
}
/* 占いリンク用div */
div.tv{
    margin: 0px auto 10px auto;
    width:620px;
    border: 2px black solid;
    font-size: 30px;
    background-color:#990000;
    font-weight: bold;
    color:white;
    line-height : 40px;
    text-align: center;
}
div.blue{
  margin: 10px auto;
  width:580px;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  border-left : 20px blue solid;
  border-right: 2px black solid;
  line-height : 40px;
  font-size: 18px;
  background-color: white;
  text-decoration:none; 
}
div.pink2{
  margin: 10px auto;
  width:600px;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  border-left : 2px black solid;
  border-right: 2px black solid;
  line-height : 40px;
  font-size: 18px;
  background-color: #ffbbff;
  text-decoration:none; 
}
div.pink2_end{
  margin: 0px auto;
  width:600px;
  border-top: 1px black solid;
  border-bottom: 2px black solid;
  border-left : 2px black solid;
  border-right: 2px black solid;
  line-height : 40px;
  font-size: 18px;
  background-color: #ffbbff;
  text-decoration:none; 
}
div.kiiro{
  margin: 0px auto;
  width:600px;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  border-left : 2px black solid;
  border-right: 2px black solid;
  line-height : 40px;
  font-size: 18px;
  background-color:#ffffcc;
  text-decoration:none;
}


/* 一般紙欄のヘッダ青 */


div.sport{
    width: 600px;
    margin: 0 auto;  
    background-color:purple;
    color: white;
    font-size: 40px;
    line-height : 100px;
    font-weight: bold;
    text-align: center;
}
div.bangai{
  width: 600px;
  margin: 0 auto;  
  background-color:red;
  color: white;
  font-size: 40px;
  line-height : 100px;
  font-weight: bold;
  text-align: center;
}
div.red{
  margin: 0px auto;
  width:620px;
  border: 2px black solid;
  font-size: 30px;
  background-color:red;
  font-weight: bold;
  color:white;
  line-height : 40px;
  text-align: center;
}
div.midori{
  margin: 0px auto;
  width:620px;
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  border-left : 2px black solid;
  border-right: 2px black solid;
  line-height : 40px;
  font-size: 18px;
  background-color:#cbffd3;
  text-decoration:none;
}


/* 右カラム写真付き２段目次 */
table.migimokuzi{
  border: 1px black solid;
  border-collapse: collapse;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 18px;
}

/* 右カラム写真付き２段目次 */
table.migimokuzi td{
  border: 1px black solid;
  text-align: left;
  padding: 0;
}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

p.migisyou{
font-size: 16px;
color: brown;
}

/* ａタグブロック化 */
a.widelink{
  display: block;
  padding: 10px 20px;
  text-decoration:none;
}
/* ａタグブロック化padding小 */
a.widelink_s{
  display: block;
  padding: 5px 5px 5px 10px;
  text-decoration:none;
}
/* 右サイドリンク用 */
p.rlink a {
  display: inline-block;      /* リンクをインラインブロック化して表示 */
  font-size: 20px;
  width: 280px;                 /* 横幅を300px分*/
  border: 1px solid skyblue;    /* 枠線を加える */
  padding: 0.7em;               /* 内側の余白量を0.7文字分にする。この余白は「クリック可能な空白」 */
  margin: 0px 0px 1px 0px;
  /* 外側の余白量として、右に0.15文字分、下に0.5文字分。この余白は「クリック対象外」 */
  text-decoration: none;        /* リンクの下線を消す */
  line-height: 1.2;             /* 行の高さを1.4倍にする */
    background-color: #99FF99;
}

/* ヒントの折り畳み */
/*全体*/
.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 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;
}
/* 最下段の横メニュー */
div.center_1{
  margin: 5px auto 5px 30px;
}
.globalNav {
  list-style: none;
  overflow: hidden;
  padding: 10px 13px;
  margin: 0;
}

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

.globalNav li a {
  display: block;
  padding: 15px 5px;
  font-size: 20px;
  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: 22px;
  /* font-weight: bold; */
  padding: 0;
  margin: 0;
}
/* 最下段横メニューここまで */

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


/* ここから移植 */

div.tv_waku{
  width: 600px;
  background-color: #b1fcb0;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.news_waku{
  width: 600px;
  background-color: rgb(151, 151, 250);
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.sport_waku{
  width: 600px;
  background-color: rgb(151, 151, 250);
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.bangai_waku{
  width: 600px;
  background-color: rgb(253, 187, 187);
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 5px;
  text-align: center;
}
div.koi_midori{
  width: 600px;
  margin: 0 auto;  
  background-color: #008000;
  color: white;
  font-size: 40px;
  line-height : 100px;
  font-weight: bold;
  text-align: center;
}

div.news{
  width: 600px;
  margin: 0 auto;  
  background-color:#0000bb;
  color: white;
  font-size: 40px;
  line-height : 100px;
  font-weight: bold;
  text-align: center;
}
div.kobetu_orange{
  width: 540px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: orange 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 24px;
  line-height : 40px;
  text-align: left;
}
div.kobetu_red{
  width: 540px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: red 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 24px;
  line-height : 40px;
  text-align: left;
}
span.orange_bold{
  font-size: 28px;
  color: rgb(197, 128, 1);
  font-weight: bold;
}
a.td_r{
  text-decoration: none;
  color: black;
  }
span.red{
  color: red;
}
span.bold{
  font-weight: bold;
}
span.bold_font22px{
  font-size: 24px;
  font-weight: bold;
}
span.bold_18px_red{
  color: red;
  font-weight: bold;
}
span.bold_18px_blue {
  color: blue;
  font-weight: bold;
}
span.black{
  color: #333;
}
hr {
  border-top: 2px dotted blue;
  border-right: none;
  border-bottom: none;
  border-left: none;
}
div.kobetu_blue{
  width: 540px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: blue 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 24px;
  line-height : 40px;
  text-align: left;
}
div.kobetu_purple{
  width: 540px;
  background-color: white;
  color: rgb(31, 31, 31);
  border-left: purple 20px solid;
  margin: 10px auto;
  padding: 10px 10px 10px 10px;
  font-size: 24px;
  line-height : 40px;
  text-align: left;
}
span.blue_bold{
  font-size: 28px;
  color: blue;
  font-weight: bold;
}
span.purple_bold{
  font-size: 28px;
  color: purple;
  font-weight: bold;
}
span.font12px{
  font-size: 12px;
}
span.font18px{
  font-size: 18px;
}

span.blue{
  color: blue;
  font-size: 25px;
}
span.purple{
  color: purple;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100; 
}
/* 先頭４列リンク用 */
p.link4 a.tv{
  display: inline-block;
  width:210px;
  border: 1px solid #008000;
  padding: 0.3em;
  margin: 0px 0.2em 0.2em 0px;
  background-color: #008000;
  font-size: 30px;
  font-weight: bold;
  color:white;
  text-decoration: none;
  line-height: 1.4;
  text-align: center;
  }
  p.link4 a.news{
    display: inline-block;
    width:210px;
    border: 1px solid blue;
    padding: 0.3em;
    margin: 0px 0.2em 0.2em 0px;
    background-color: blue;
    font-size: 30px;
    font-weight: bold;
    color:white;
    text-decoration: none;
    line-height: 1.4;
    text-align: center;
    }
    p.link4 a.sport{
      display: inline-block;
      width:210px;
      border: 1px solid purple;
      padding: 0.3em;
      margin: 0px 0.2em 0.2em 0px;
      background-color: purple;
      font-size: 30px;
      font-weight: bold;
      color:white;
      text-decoration: none;
      line-height: 1.4;
      text-align: center;
      }
      p.link4 a.bangai{
        display: inline-block;
        width:210px;
        border: 1px solid red;
        padding: 0.3em;
        margin: 0px 0.2em 0.2em 0px;
        background-color: red;
        font-size: 30px;
        font-weight: bold;
        color:white;
        text-decoration: none;
        line-height: 1.4;
        text-align: center;
        }
/* トレンドとお勧め */
div.osusume{
  width: 300px;
  font-size: 20px;
  text-align: left;
  margin: 0 auto 20px;
  padding: 20px 10px 20px 10px;
  line-height: 1.4;
  background-color: rgb(223, 232, 247);
  color: rgb(0, 2, 99);
}
div.osusume_top{
  width: 300px;
  font-size: 25px;
  text-align:center;
  margin:30px auto 0 auto;
  padding: 20px 10px;
  line-height: 1.4;
  background-color: rgb(32, 23, 192);
  color: white;
  font-weight: bold;
}
div.aisatu_top{
  width: 300px;
  font-size: 25px;
  text-align:center;
  margin:30px auto 0 auto;
  padding: 20px 10px;
  line-height: 1.4;
  background-color: rgb(145, 192, 231);
  color: black;
  font-weight: bold;
}
div.aisatu{
  width: 300px;
  font-size: 20px;
  text-align: left;
  margin: 0 auto;
  padding: 20px 10px;
  line-height: 1.4;
  background-color: rgb(186, 215, 218);
  color: black;
}

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;
}
/* ＳＮＳ */
/*---SNSシェアボタン---*/
/* ボタン上の文字 */
.fa-twitter:before, .fa-hatena:before, .fa-line:before, .fa-pocket:before
{
  font-family: helvetica neue,helvetica,arial,sans-serif;
  font-weight: bold;
  /* font-size:14px */
}
.fa-facebook:before {
  content: "f";
  font-family: Verdana;
  font-size:25px;
  font-weight: bold
}
.fa-twitter:before {
  content: "twitter";
  font-size:25px;
}

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

/* ボタン表示位置の調整 */
.button-area {
  text-align: center;
  overflow:hidden;
  /* clear:left; */
  margin-top:15px;
  margin-left: 15px;
  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: 38px;
  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);
}
/* ＳＮＳボタンここまで */

/* ここからＬＩＮＫ用のＣＳＳ */
div.under_red_link{
  width: 322px;
  line-height : 40px;
  font-size: 23px;
  color: red;
  font-weight : bold;
  padding: 2px 10px;
  margin: 20px auto 0 auto;
  text-align: center;
  border-bottom: solid 4px #ff0000;
}
div.center_waku_link{
  /* margin: 3px 29px 3px 29px; */
  margin: 3px 9px 3px 9px;
  padding: 0;
  line-height : 20px;
  text-align: center;
  border: 1px solid;
}
p.bun_link{
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  padding: 0 20px;
}