@charset "UTF-8";
* {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

p.header_title {
  color: #fff;
  font-size: 30pt;
  font-family: serif;
  font-weight: 900;
  position: absolute;
  top: 180px;
  left: 30px;
  text-shadow: 0px 0px 30px #fff;
}

body {
  background-attachment: fixed;
  background-repeat: no-repeat;
}

body#log {
  margin-top: 0px;
  background-image: url(../web_img/background04.jpg);
}

body#material {
  background-image: url(../web_img/background05.jpg);
}

body#game {
  background-image: url(../web_img/bg06.jpg);
}

A:link {
  color: #333;
}

A:visited {
  color: #333;
}

A:hover {
  color: #999;
}

A:active {
  color: #999;
}

A.side_menu {
  text-decoration: none;
}

#banner {
  margin-top: 30px;
}

iframe.counter {
  left: 20px;
  height: 30px;
}

/*サイドメニュー*/
div#side_menu {
  z-index: 1;
  width: 15%;
  position: fixed;
  padding-top: 1%;
  right: 1.25%;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #50994d;
}

div.side_menu_button {
  padding: 0px 4px;
  margin: 0px;
  font-size: 100%;
  font-family: "impact";
}

div.link {
  border-color: #50994d;
  border-style: none;
  border-width: 0px 5px 0px 15px;
  -webkit-transition: all 300ms cubic-bezier(0, 0, 0, 1);
  transition: all 300ms cubic-bezier(0, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
          transition-timing-function: cubic-bezier(0, 0, 0, 1);
}

div.link:hover {
  background-color: #f7fffb;
  font-size: 180%;
  border-style: none solid none solid;
  color: #000;
  -webkit-transform: rotate(0.025turn);
          transform: rotate(0.025turn);
}

div.side_menu_title {
  font-size: 170%;
  color: #50994d;
}

a.side_menu {
  padding-left: 7px;
  display: block;
  top: 0px;
  width: 100%;
}

a.side_menu:hover {
  color: #3c8345;
  padding-left: 8px;
  text-shadow: 0px 0px 1.5px #3c8345;
}

#sitename {
  position: absolute;
  left: -20px;
  top: -28px;
  z-index: 3;
  color: white;
  font-weight: 900;
  font-family: serif;
  font-size: 700%;
  text-shadow: 0px 0px 5px white;
  -webkit-transform: rotate(0.97turn);
          transform: rotate(0.97turn);
}

/*カウンター*/
#counter {
  position: absolute;
}

#total {
  padding-left: 10px;
  padding-bottom: 10px;
  color: #000;
  font-family: "impact";
  font-size: 80%;
}

.count {
  color: #ccc;
  font-family: "impact";
  font-size: 80%;
}

/*フッター*/
div#footer {
  font: bold 700% "Impact";
  z-index: -1;
  position: fixed;
  bottom: 40px;
  right: 15%;
}

/*日記*/
img.top_img {
  position: relative;
  left: -36px;
}

/*日記*/
.diary_box {
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  left: 2.5%;
  width: 80%;
  overflow: hidden;
}

.diary_box img.hover:hover {
  display: block;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.diary_box img.for_hover:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition-duration: 5.0s;
          transition-duration: 5.0s;
}

.height_fixed {
  height: 400px;
}

.diary_header {
  color: #50994d;
  font-size: 140%;
}

.diary_header::before,
.diary_header::after {
  content: "";
  display: block;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#50994d), to(white));
  background: linear-gradient(to right, #50994d, white 100%);
}

.diary_title {
  display: block;
  position: relative;
  left: 4%;
  font-weight: 900;
}

.diary_date {
  font-family: impact;
  font-size: 90%;
  margin: 0px;
  padding: 0px;
  position: absolute;
  right: 10%;
  top: 0.2%;
}

.diary_img {
  margin-left: 65px;
  margin-top: 5px;
  float: left;
}

.diary {
  font-weight: bold;
  line-height: 170%;
  font-size: 95%;
  color: #333;
  margin-bottom: 40px;
}

/*素材*/
.material_info:hover {
  height: 200px;
}

.material_info {
  height: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  position: relative;
  left: 2.5%;
  width: 80%;
  -webkit-transition: all 500ms cubic-bezier(0.88, -0.585, 0.185, 1.63);
  transition: all 500ms cubic-bezier(0.88, -0.585, 0.185, 1.63);
  -webkit-transition-timing-function: cubic-bezier(0.88, -0.585, 0.185, 1.63);
          transition-timing-function: cubic-bezier(0.88, -0.585, 0.185, 1.63);
  overflow: hidden;
}

.material_zip {
  padding: 4px;
  font-family: impact;
  text-decoration: none;
}

.material_box {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 20px;
  border-top: solid;
  border-bottom: solid;
  border-width: 1px;
  border-color: #50994d;
  left: 2.5%;
  width: 80%;
}

img.image {
  border-color: #666;
  border-style: inset;
  border-width: 1px;
}

img.other {
  border-color: #50994d;
  border-style: solid solid solid double;
  border-width: 1px 1px 1px 8px;
}

img.bg_black {
  background-color: #000;
}

.diary_table {
  position: relative;
  left: 60px;
}

/*メールフォーム*/
input.send {
  position: relative;
  top: -30px;
  width: 414px;
  height: 220px;
  background-image: URL("../web_img/c0.png");
}

input.send:hover {
  background-image: URL("../web_img/c1.png");
}

div.fukidashi {
  background-image: URL("../web_img/fukidashi.png");
  width: 521px;
  height: 158px;
}

textarea.fukidashi {
  position: relative;
  left: 5px;
  top: 10px;
  resize: none;
  font-size: 120%;
  background-color: rgba(255, 255, 255, 0);
  width: 490px;
  height: 99px;
  outline: 0;
  border: none;
  *border: 0;
}

div#thankyou {
  width: 524px;
  height: 234px;
  background-image: URL("../web_img/c2.png");
}

/*パーツ*/
#clap {
  width: 150px;
  position: relative;
  left: 48%;
}

p {
  margin: 10px 0px 0px 55px;
}

p.cap {
  margin: 2px;
  font-size: 11px;
}

p.com {
  font-weight: bold;
  line-height: 150%;
  font-size: 100%;
  margin-bottom: 0px;
  color: #50994d;
}

span.aa {
  line-height: 0%;
}

.diary_image {
  color: #fff;
}

.clear {
  margin: 15px 0px 15px 0px;
  clear: both;
}

.big600 {
  font-size: 600%;
}

span.font_white {
  color: #ffffff;
}

.dummy {
  width: 100%;
  height: 400px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 75px;
  margin-bottom: 100px;
}

.box {
  width: 60%;
  height: 200px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 75px;
  font-weight: 700;
  -webkit-transition: .7s ease-in-out;
  transition: .7s ease-in-out;
}

body#game {
  background-image: url(../web_img/bg06.jpg);
  margin: 0px;
  padding: 0px;
}

body {
  background-attachment: fixed;
  background-repeat: no-repeat;
  boder-style: none;
}

.game_title {
  position: relative;
  left: 36px;
  color: white;
  font-weight: 900;
  font-family: serif;
  color: #000;
  text-shadow: 0px 0px 2px #000;
  font-size: 30px;
}

.game_title_main {
  top: 240px;
  left: 70px;
  color: #fff;
  text-shadow: 0px 0px 3px #fff;
  font-size: 55px;
}

.site_title {
  top: 200px;
}

.text-shadow {
  font-size: 2em;
  text-align: center;
  margin: 1em auto;
  text-shadow: none;
}

.game_manual_navi {
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1;
  position: fixed;
  left: 2.5%;
  width: 80%;
}

.manual_navi_c {
  font-weight: bold;
  line-height: 8px;
  text-decoration: none;
}

.manual_navi_c:link {
  color: #aaa;
}

.manual_navi_c:link:visited {
  color: #aaa;
}

.manual_navi_c:link:hover {
  color: #fff;
}

.manual_navi_c:link:active {
  color: #aaa;
}
/*# sourceMappingURL=main.css.map */