@charset "UTF-8";
body {
  background-color: #FFFFFF;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center top; /* （横位置）（縦位置） */
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: subpixel-antialiased; /* Safari Transitionちらつき問題解消のため（とりまデフォルトにした） */
}
/* アドレスの斜体文字をノーマルに（例えば、addressの文字列をケスと全体設定になる） */
address {
  font-style: normal;
}
img {
  pointer-events: none;
}
img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  user-select: none;
}
#header {
  /* モニターサイズに連動させつつ、最大・最小サイズを指定する方法 */
  max-width: 1366px; /* 最大幅 */
  min-width: 748px; /* 最小幅（768-20） */
  height: auto; /* この数値の下部に、#fotter がフロートされている */
  margin: 0 auto;
  overflow: hidden;
}
#copyright {
  max-width: 1366px; /* 最大幅 */
  min-width: 748px; /* 最小幅（768-20） */
  text-align: right;
  margin: auto auto -12px; /* 上 左右 下*/
  padding-right: 12px; /* アンサー画像の右空白ぶん */
  font-size: 14px;
  color: #8489A4; /* 文字色（アカデミックブルー50％） */
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: relative; /* z-indexを適応させるために必要なもの */
  z-index: 9999; /* 要素の重なりを一番上にする */
}
#copyright .italics {
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: italic; /* その他の要素は親のが継承されるぽい */
}
#copyright-in {
  display: inline; /* SNSを改段させないため */
  /* インライン要素とは、span要素・a要素・strong要素などのように、文中に記述しても特に改行されない要素のことです */
}
#copyright .twitter-share-button {
  vertical-align: top; /* 要素を上揃え */
}
#copyright .fb-like {
  vertical-align: top; /* 要素を上揃え */
}
#main_world-tt {
  /* モニターサイズに連動させつつ、最大・最小サイズを指定する方法 */
  max-width: 1366px; /* 最大幅 */
  min-width: 748px; /* 最小幅（768-20） */
  height: auto; /* この数値の下部に、#fotter がフロートされている */
  margin: 0 auto;
  overflow: hidden;
}
/* 以下、画像（img）を指定することで width の設定が生きる（自動調整）*/
#main_world-tt img {
  display: block; /* inlineだと幅と高さが指定できないから */
  margin-left: auto;
  margin-right: auto;
  /* 上記の「最大幅」「最小幅」に関係する */
  width: 100%; /* 画像サイズ は表示空間の横幅に合わせて自動調整されます */
  height: auto;
}
#fotter {
  text-align: center;
}
#fotter_logo {
  width: 250px; /* ブラウザの幅を狭くしたときロゴがセンターにくるように1024pxより狭くした */
  height: 100px;
  margin: 0 auto 50px;
  text-align: center;
}
#fotter_logo .logo_w {
  display: block; /* inlineだと幅と高さが指定できないから */
  margin-left: auto;
  margin-right: auto;
  width: 180px; /* cssで大きさをしていしないとレスポンシブで困ることに */
}
/*　ここから 768-20=748 以下　（iPhone 8/7/6s/6 Plus [w414px]）*/
/*　ここから 768-20=748 以下　（iPhone 8/7/6s/6 Plus [w414px]）*/
/*　ここから 768-20=748 以下　（iPhone 8/7/6s/6 Plus [w414px]）*/
/*　ここから 768-20=748 以下　（iPhone 8/7/6s/6 Plus [w414px]）*/
/*　ここから 768-20=748 以下　（iPhone 8/7/6s/6 Plus [w414px]）*/
@media screen and (max-width: 748px) {
  #header {
    /* モニターサイズに連動させつつ、最大・最小サイズを指定する方法 */
    max-width: 768px; /* 最大幅 */
    min-width: 300px; /* 最小幅（320-20） */
    height: auto; /* この数値の下部に、#fotter がフロートされている */
    margin: 0 auto;
    overflow: hidden;
  }
  #copyright {
    max-width: 768px; /* 最大幅 */
    min-width: 300px; /* 最小幅（320-20） */
    /* 理由が分からないがバグるので レスポンシブはフォントがらみを ちょい上に移動させた*/
    font-size: 12.9px;
    color: #8489A4; /* 文字色（アカデミックブルー50％） */
    font-family: nimbus-sans, sans-serif;
    font-weight: 300; /* 細くした */
    font-style: normal;
    text-align: right;
    margin: 2em -6px 10px 0px; /* iPhoneは「コピーライト」と「sns」を逆にした */
    /* ここの padding-right レスポンシブは削除した（なせかバグる） */
    position: relative; /* z-indexを適応させるために必要なもの */
    z-index: 9999; /* 要素の重なりを一番上にする */
  }
  #copyright small {
    margin-right: 5px;
  }
  #copyright .italics {
    font-family: nimbus-sans, sans-serif;
    font-weight: 300; /* 細くした */
    font-style: italic; /* その他の要素は親のが継承されるぽい */
  }
  #copyright-in {
    display: block; /* SNSを改段させるため */
    /* ブロックレベル要素とは、div要素・p要素・blockquote要素などのように、前後で改行され、1行の横幅全域を占有するような要素のこと */
    margin: -3em 0px 0px 0px; /* iPhoneは「コピーライト」と「sns」を逆にした */
    /* 上記、クロームで右があくから、右に寄せている */
    /* 上記、やっぱりやめたけど、記述だけ残しておいた */
  }
  /* Macの Safari だけに適用されるスタイルを指定したい場合 */
  _::-webkit-full-page-media, _:future, :root #copyright-in {
    margin-right: 0px;
  }
  /* 上記、右に寄せたぶん、サファリは戻した */
  /* 上記、やっぱりやめたけど、記述だけ残しておいた */
  #copyright .twitter-share-button {
    vertical-align: top; /* 要素を上揃え */
  }
  #copyright .fb-like {
    vertical-align: top; /* 要素を上揃え */
  }
  #main_world-tt {
    /* モニターサイズに連動させつつ、最大・最小サイズを指定する方法 */
    max-width: 768px; /* 最大幅 */
    min-width: 300px; /* 最小幅（320-20） */
    height: auto; /* この数値の下部に、#fotter がフロートされている */
    margin: 0 auto;
    overflow: hidden;
  }
  /* 以下、画像（img）を指定することで width の設定が生きる（自動調整）*/
  #main_world-tt img {
    display: block; /* inlineだと幅と高さが指定できないから */
    margin-left: auto;
    margin-right: auto;
    /* 上記の「最大幅」「最小幅」に関係する */
    width: 100%; /* 画像サイズ は表示空間の横幅に合わせて自動調整されます */
    height: auto;
  }
  #fotter {
    text-align: center;
  }
  #fotter_logo {
    width: 250px; /* ブラウザの幅を狭くしたときロゴがセンターにくるように1024pxより狭くした */
    height: 100px;
    margin: 0 auto 30px;
    text-align: center;
  }
  #fotter_logo .logo_w {
    display: block; /* inlineだと幅と高さが指定できないから */
    margin-left: auto;
    margin-right: auto;
    width: 135px; /* cssで大きさをしていしないとレスポンシブで困ることに */
  }
}