@charset "Shift_JIS";
body {background-image: url(img/nikukyu.JPG); background-repeat: repeat; font-size: 18px; text-align: center;}
h1 {font-size: 22px; color: black; font-weight: bold; background: white; border: 3px dashed pink;}
h2 {font-size: 18px; font-weight: bold; text-decoration: underline orange wavy;}
p {font-size: 18px; text-align: left; margin-left: 10%; margin-right: 10%;}
img {max-width: 100%; height: auto;}
#cursive {font-family: "Croissant One", cursive;}
#border {border: 2px dashed orange; background: white;}
#mainmenu {font-weight: bold; color: black; font-size: 22px; text-align: center; border: 3px red outset; background: white;}
#mainmenu:active {border: 3px red inset;}
#rss {text-align: center; color: black; font-size: 16px;}
#com {font-size: 20px; text-align: center; font-weight: bold; border: 3px dashed orange; border-radius: 10px; background: white;}
table {background-color: white; font-size: 18px;}

iframe {border: 2px orange outset;}
#others {border: 2px orange outset;}
#counter {border: 1px pink double; align: center;}
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  text-align: center;
  font-size: 18px;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
#clock {text-align: right; font-size: 18px; border: 4px black solid; background-color: white;}


#yellow {font-size: 20px; color: orange; font-weight: bold;}
.player {border: 2px orange double; background: white; border-radius: 8px;}
.topbtn {font-size: 18px; font-weight: bold; text-align: center; border: 2px outset orange;}
.topbtn[aria-expanded="true"] {border: 2px inset orange;}
#index1 {background: white; border-radius: 8px; text-align: center; font-size: 18px;}
#newsitem {background: white; border-radius: 8px; text-align: center; font-size: 18px;}

#sharelist text-align: left; background: white; border: 2px double orange;}
#shareme {text-align: left; text-indent: 0em; background: white; border-radius: 8px; text-decoration: none;}
#googlesrc {text-align: left; font-size: 18px; background: whitesmoke; border-radius: 30%; font-weight: normal;}
#googlebtn {text-align: center; font-weight: bold; border: 3px solid orange; border-radius: 40%; background: white;}

#fortune-area {font-size: 16px; text-align: center; background-image: url(img/washi.png);}
#lucky-items {text-align: center; border: 2px solid orange; border-radius: 9px; margin-left: 10%; margin-right: 10%;}
#lucky-items p {text-align: left; margin-left: 5%; margin-right: 5%; color: black; font-size: 16px;}
#delete-btn {text-align: center; font-size: 16px; line-height: 18px; border: 2px solid black; border-radius: 8px; outline: none;}
#input-name {text-align: center; font-size: 16px; font-weight: bold; border: 3px outset orange; border-radius: 4px; outline: none;}
#pickup {border: 2px dashed orange; background: white;}
#pickup ol {list-style-type: decimal;}
.news {text-align: center; color: black; font-size: 18px; text-indent: 1em;}
.news-imp {text-align: center; font-size: 18px; font-weight: bold; text-indent: 1em;}
.news-imp:before {content: "\2763";}