@charset "utf-8";

/*  DESIGN STYLESHEET

    version :  20161201 (for ALLON INC.)
    caution :  RESPONSIVE READY
    author  :  FuminoriYano (BETA WORKS CO.)

    copyright (C) 2016 BETA WORKS CO.  ALL RIGHTS RESERVED.
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


/*  DEFAULT-CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
@import url("default.css");


/*  BASE
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
body, div, p, th, td, caption, a { color: #606163; }

#container {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
}

#header, #content {
  margin: 0 auto;
  padding: 0;
}

#footer {
  clear: both;
  width: 100%;
  background-color: #aaacae;
  color: #fff;
  text-align: center;
  font-size: 92%;
  margin: 5% 0 0 0;
  padding: 2% 0 2% 0;
}

img {
    max-width: 100%;
    width: auto\9;    /* ie8 */
    height: auto;
}

#teruteru {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    margin: 0 50px 70px 0;
}


/*  RESPONSIVE
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
img.responsive-L { display: block; }
img.responsive-S { display: none; }

div.responsive-L { display: block; }
div.responsive-S { display: none; }

.hdr_spacer { margin: 8% 0 0 0; }

#hdr_message1 {
  margin: 0;
  padding: 5% 0 8px 5%;
  text-align: left;
  font-size: 92%;
}

#hdr_message2 {
  margin: 0;
  padding: 5px 7% 5px 0;
  text-align: right;
  font-size: 92%;
}

.cnt_spacer {
  clear: both;
  margin: 0;
  padding: 1% 0 0 0;
}

.cnt_subject {
  float: left;
  margin: 0;
  padding: 0 3% 0 5%;
  width: 15%;
  text-align: left;
  font-weight: bold;
}

.cnt_article {
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0 5% 0 0;
  width: 53%;
  text-align: left;
  line-height: 1.8em;
}

.cnt_map {
  float: right;
  margin: 0 3% 0 3%;
  padding: 0;
  width: 60%;
  text-align: right;
}

#teruteru { display: block; }


/* *-*-*-*-*-*-*-*- */
@media screen and (max-width: 980px) {
  #container { width: 100%; }
  #header { height: auto; }
  #content { width: 100%; }

#hdr_message2 {
  margin: 0;
  padding: 5px 5% 5px 0;
  text-align: right;
}

  .cnt_map {
    float: right;
    margin: 0 3% 0 3%;
    padding: 0;
  }
}


/* *-*-*-*-*-*-*-*- */
@media screen and (max-width: 650px) {
  #container {
    width: 100%;
    overflow: hidden;
  }
  #header { height: auto; }
  #content { width: 100%; }

  .cnt_subject {
    float: none;
    margin: 0;
    padding: 0 0 2% 5%;
    width: 100%;
  }

  .cnt_article {
    float: none;
    margin: 0;
    padding: 0 0 0 7%;
    width: 88%;
  }

  .cnt_map {
    float: right;
    margin: 0 0 0 3%;
    padding: 0;
    text-align: right;
  }

  #teruteru { display: none; }
}


/* *-*-*-*-*-*-*-*- */
@media screen and (max-width: 480px) {
  html { -webkit-text-size-adjust: none; }

  img.responsive-L { display: none; }
  img.responsive-S { display: block; }

  div.responsive-L { display: none; }
  div.responsive-S { display: block; }


  .hdr_spacer { margin: 8% 0 0 0; }

  .cnt_article { float: left; }

  .cnt_map {
    float: none;
    margin: 5% 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }

  #teruteru { display: none; }
}