@charset "utf-8";

/* ===================================================================
 common.css
=================================================================== */

/*-----------------------------------------------
body
----------------------------------------------- */
body {
  background: #FFF;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  color: #333;
}

html { -webkit-text-size-adjust: 100%; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
}

/* ------------------------------
 　画像に疑似ロールオーバー
------------------------------ */

a:hover .rollover {
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

/*-----------------------------------------------
リンク指定
----------------------------------------------- */
a:link {
    color: #006cff;
    text-decoration: none;
}
a:visited {
    color: #006cff;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    cursor: pointer;
}


/*--------------------
clearfixの設定
--------------------*/

.clearfix:after {
  content :".";
  display :block;
  visibility :hidden;
  height :0.1px;
  font-size :0.1em;
  line-height :0;
  clear :both;
}

.clearfix{
  display :inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix{height :1%;}
.clearfix{display :block;}
/* End Holly Hack */

/*-----------------------------------------------
汎用
----------------------------------------------- */
.f-left {
  float:left;
  padding: 0 10px 10px 0;
}
.f-right {
  float:right;
  padding: 0 0 10px 10px;
}
.clear {
    clear: both;
}
@media screen and (max-width: 768px) {
  .wrapper {
      padding: 0 3.125%;
  }
}
@media screen and (min-width: 769px) {
  .wrapper {
      padding: 0;
  }
}

/*-----------------------------------------------
font
----------------------------------------------- */
h2,
h3,
h4,
h5 {
  font-size: 100%;
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.right {
  text-align: right;
}
.center {
  text-align: center;
}

/* フォントカラー
----------------------------------------------------------------------------- */



/* マージン・パディング
----------------------------------------------------------------------------- */
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px;
}
.mt0 {
  margin-top: 0 !important;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.pt0 {
  padding-top: 0 !important;
}

/* メディアクエリ
----------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
.for-sp {
  display: none;
}
.for-pc {
  display: block;
}
.for-table {
  display: table;
}
}/* Media Queries END */

@media screen and (max-width: 768px) {
.for-sp {
  display: block;
}
.for-pc {
  display: none;
}
.for-table {
  display: none;
}
HEADER img{width:100%;}
#maincontent img{width:100%;}
FOOTER img{width:100%;}
}/* Media Queries END */