@charset "utf-8";
/* CSS Document */

/* Common */
a{
  color: #fd9301;
  font-weight: bold;
}

a:hover, a:active{
  color: #ee6200;
  text-decoration: none;
}

.mar_left{
  margin-left: 10px;
}

/* PC */
html{
  min-height: 100%;
}

body{
  background: linear-gradient(#6dedf8,#2d98d0);
  height: 100%;
  font-family: "Hiragino Kaku Gothic ProN","meiryo","メイリオ","ms pgothic","ms pゴシック","osaka",sans-serif,"TakaoPGothic","Sazanami Gothic";
  padding-bottom: 50px;
}

#pc_container{
  margin: 50px auto 20px;
  width: 600px;
  background-color: #fff;
  border-left: 8px solid #2c3135;
  border-right: 8px solid #2c3135;
  border-bottom: 8px solid #2c3135;
  padding-bottom: 20px;
}

.section_top{
  margin-top: 0;
}


h2{
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  background-color: #5b5b5b;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,
              color-stop(.25, #2c3135), color-stop(.25, transparent),
              color-stop(.5, transparent), color-stop(.5, #2c3135),
              color-stop(.75, #2c3135), color-stop(.75, transparent),
              to(transparent));
  background-image: -webkit-linear-gradient(-45deg, #2c3135 25%, transparent 25%,
            transparent 50%, #2c3135 50%, #2c3135 75%,
            transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, #2c3135 25%, transparent 25%,
            transparent 50%, #2c3135 50%, #2c3135 75%,
            transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, #2c3135 25%, transparent 25%,
            transparent 50%, #2c3135 50%, #2c3135 75%,
            transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, #2c3135 25%, transparent 25%,
            transparent 50%, #2c3135 50%, #2c3135 75%,
            transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #2c3135 25%, transparent 25%,
            transparent 50%, #2c3135 50%, #2c3135 75%,
            transparent 75%, transparent);
  /* background: linear-gradient(#ffb003,#f88300); */
  font-size: 1.2em;
  padding: 3px 10px;
  margin-bottom: 20px;
  color: #f3da00;
  border-top: 8px solid #2c3135;
  border-bottom: 8px solid #2c3135;
}

p{
  margin: 0 20px;
}

ol{
  padding: 0 0 0 2em;
}

ul li, ol li{
  margin: 10px 15px 0 0;
}

ol li{
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}

ol li:before{
  display: marker;
  content: "(" counter(cnt) ")";
  margin-right: 5px;
}

.btn_area{
  text-align: center;
}

a.close_btn{
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  background-color: #9ac22d;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%,
              color-stop(.25, #85b500), color-stop(.25, transparent),
              color-stop(.5, transparent), color-stop(.5, #85b500),
              color-stop(.75, #85b500), color-stop(.75, transparent),
              to(transparent));
  background-image: -webkit-linear-gradient(-45deg, #85b500 25%, transparent 25%,
            transparent 50%, #85b500 50%, #85b500 75%,
            transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, #85b500 25%, transparent 25%,
            transparent 50%, #85b500 50%, #85b500 75%,
            transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, #85b500 25%, transparent 25%,
            transparent 50%, #85b500 50%, #85b500 75%,
            transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, #85b500 25%, transparent 25%,
            transparent 50%, #85b500 50%, #85b500 75%,
            transparent 75%, transparent);
  background-image: linear-gradient(-45deg, #85b500 25%, transparent 25%,
          transparent 50%, #85b500 50%, #85b500 75%,
          transparent 75%, transparent);
  display: inline-block;
  width: 180px;
  margin: 0 auto;
  padding: 8px;
  text-align: center;
  color: #2c3135;
  text-decoration: none;
  border: 8px solid #2c3135;
}

a.close_btn:hover, a.close_btn:active{
  filter:brightness(80%);
}

@media only screen and (max-width: 640px) {
  #pc_container{
  width: 94%;
  margin-top: 50px;
  padding-bottom: 20px;
}

h2{
  font-size: 1em;
}

}