/* RESET */
h1,h2,h3,h4,h5,h6 {
  margin: 0;
}

body {
  font-size: 1.2em;
  line-height: 1.2;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

main, aside, section, article, footer, div {
  box-sizing:border-box;
}
.main_aside {
  display: flex;
  flex-wrap: wrap;
}
main {
  padding: 0.1em;
  width: 50%;
}
aside {
  padding: 0.1em;
  width: 50%;
}
footer {
  padding: 0.1em;
  width: 100%;
  text-align: center;
}

.mini{
  font-size: 1%;
}
.small{
  font-size: 85%;
}
.large{
  font-size: 115%;
}

/* ページタイトル */
h1{
  padding: 0.1em;
}
/* ページ内の項目名 */
h2{
}
/*  */
h3{
}
/* 名前等 */
h4{
}
/* タグ名等 */
h5{
}
/*  */
h6{
}
/* Larger than tablet */
@media all and (min-width: 768px) and (max-width: 1024px) {
  h1{
    font-size: 1.8em;
  }
  h2{
    font-size: 1.5em;
  }
  h3{
    font-size: 1.5em;
  }
  h4{
  }
  h5{
  }
  h6{
  }
}
/* Larger than mobile */
@media all and (min-width: 480px) and (max-width: 768px) {
  h1{
    font-size: 1.2em;
  }
  h2{
    font-size: 1.1em;
  }
  h3{
    font-size: 1.1em;
  }
  h4{
  }
  h5{
  }
  h6{
  }
}
/* small mobile */
@media all and (max-width: 480px) {
  h1{
    font-size: 1em;
  }
  h2{
    font-size: 1em;
  }
  h3{
    font-size: 1em;
  }
  h4{
  }
  h5{
  }
  h6{
  }
}

/* リスト */
li {
  list-style-type: none;
}

table{
  /*border: 1px solid #ccc;*/
}
/* リンク色 */
a:link {
  color: #aaa;
  text-decoration: none;
}
a:visited {
  color: #aaa;
    text-decoration: none;
}
a:hover {
  color: #bbb;
  /*    font-style:normal; */
}
a:active {
  color: #aaa;
  /*  text-decoration: none; */
}

/*画像関連*/
img.img_size_s {
  width: 150px;
}
img.img_size_m {
  width: 300px;
}
img.img_size_l {
  width: 450px;
}

/* ボタン */
input[type="button"], input[type="submit"] {
  margin: 2px 1px;
  height: 2.2rem;
  line-height:2.2rem;
  min-width: 4rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  padding: 0 0.5rem;
  color: #FFF;
  background: #239d52;
  box-sizing:border-box;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 4px;
}

/* radio */
input[type="radio"] {
  margin: 0.5rem;
}

div#message {
  color: #CCCC00;
  background-color: #EEE;
}
div#error {
  color: #FF0000;
  background-color: #EEE;
  font-weight: bold;
}
div#debug {
  clear: both;
  color: #339;
  background-color: #FFC;
  font-size: 120%;
  min-height: 100px;
}

/* **********************************************/
/* エリア詳細設定 */
/* **********************************************/

/* テキストボックス入力時 変色 */
select.w:focus,
input.w[type="text"]:focus,
input.w[type="password"]:focus,
textarea.w:focus {
  border: solid 1px #999;
  background-color: #ffcc33;
}

/* コメント */
.comment {
  font-size: 70%;
  color: #000000;
}
/* 注意 */
.attention {
  color: #FF0000;
}
span.error {
  color: #FF0000;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 1rem 1.5rem;
  text-decoration: none;
}
.pagination a.active {
  background-color: #999;
  color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}