@charset "UTF-8";

/*--------------------------------------------------------
ブラウザ固有のcssをリセット
-------------------------------------------------------*/

* {
  letter-spacing: 0;
}

html {
  overflow-y: scroll;
}

body,
div,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
input,
p {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
small {
  font-size: 100%;
  font-weight: normal;
}

a:hover,
a:active {
  outline: 0;
}

img {
  border: 0;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

div {
  word-wrap: break-word;
}

form {
  margin: 0;
}

hr {
  clear: both;
  height: 1px;
  margin: 0.5em 0 0.5em;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
  color: #ccc;
  font-size: 1em;
  line-height: 1em;
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

/*--------------------------------------------------------
全体1カラムレイアウト設定
--------------------------------------------------------*/

.col1 #container,
.col1 #top,
.col1 #header,
.col1 #global-nav,
.col1 .main,
.col1 #footer {
  width: 100%;
  min-width: 950px;
}
.col1 #header-in {
  width: 1100px;
  margin: auto;
}
.col1 #top-in,
.col1 #global-nav-in,
.col1 .main-in,
.col1 .footer p {
  width: 950px;
  margin: auto;
}

.col1 #main-image {
  width: 100%;
  min-width: 1200px;
}

.col1 #main-image-in {
  width: 1200px;
  margin: auto;
}

.col1 #main-contents {
  width: 100%;
}

/*--------------------------------------------------------
全体1カラムレイアウト設定　　　　タブレット用レイアウト
------------------------------------------------------*/

@media only screen and (max-width: 1024px) {
  #container,
  #top,
  #header,
  #global-nav,
  #main-image,
  .main,
  #footer {
    width: 100% !important;
    min-width: 100% !important;
  }

  #top-in,
  #header-in,
  #global-nav-in,
  #main-image-in,
  .main-in,
  #footer p {
    width: 100% !important;
    margin: 0% !important;
  }

  .main-contents {
    float: none !important;
    width: 100% !important;
  }

  #main-image img {
    width: 100% !important;
  }
}

/*--------------------------------------------------------
1カラムレイアウト設定　　　　　スマホ用レイアウト
------------------------------------------------------*/

@media only screen and (max-width: 768px) {
  #container,
  #top,
  #header,
  #global-nav,
  #main-image,
  .main,
  #footer {
    width: 100% !important;
    min-width: 100% !important;
  }

  #top-in,
  #header-in,
  #global-nav-in,
  #main-image-in,
  .main-in,
  #footer p {
    width: 100% !important;
    margin: 0% !important;
  }

  #sub-contents,
  #sidebar,
  .main-contents {
    float: none !important;
    width: 100% !important;
  }

  #main-image img {
    width: 100% !important;
  }
}

/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
.contents:after,
#main-contents .sb:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/*------------------------------------------------------------
figureをリセット
-------------------------------------------------------------*/
/* UAの余白を消す */
figure {
  margin: 0;
}
/* キャプションも余白ゼロにしたい場合 */
figcaption {
  margin: 0;
}
/* 画像の下の“すき間”対策（任意） */
figure img {
  display: block;
  max-width: 100%;
  height: auto;
}