@charset "UTF-8";
/* 各要素リセット */
html,body {
margin: 0;
padding: 0; 
font-family: Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
color: #262626;
line-height: 1.5;
font-size: 12px;
}
h1,h2,h3,h4,h5,h6,p,em,strong,address {
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
}
strong { font-weight: 500 !important;}
dl,dt,dd,
ul,ol,li {
margin: 0;
padding: 0;
list-style: none;
font-weight: normal;
}
table{
border-collapse:collapse;
border-spacing:0;
}
form,fieldset,legend  {
margin: 0;
padding: 0;
}
fieldset {
border: none;
height: 100%;
}
img {
border: 0;
vertical-align: bottom;
}
sup{
line-height: 1.5;
top: auto;
vertical-align: super;
}
/* reset html5要素 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

/* リンク */
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.fade img{
	transition:all .3s;
}
.fade:hover img,
input.fade:hover{
opacity:0.7;
}

/* clearfix */
.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

/* 汎用設定 */
/* テキスト揃え */
.lefttxt{
text-align:left !important;
}
.righttxt{
text-align:right !important;
}
.centertxt{
text-align:center !important;
}

/* PC/SP切り分け */
.pcOnly{
  display: block;
}
.spOnly{
  display: none;
}
/* マージン */
.mb0{
margin-bottom: 0 !important;
}
.mb5{
margin-bottom: 5px !important;
}
.mb10{
margin-bottom: 10px !important;
}
.mb15{
margin-bottom: 15px !important;
}
.mb20{
margin-bottom: 20px !important;
}
.mb30{
margin-bottom: 30px !important;
}
.mb40{
margin-bottom: 40px !important;
}
.mb50{
margin-bottom: 50px !important;
}
.mb60{
margin-bottom: 60px !important;
}
.mb70{
margin-bottom: 70px !important;
}
.mb90{
margin-bottom: 90px !important;
}
.mb100{
margin-bottom: 100px !important;
}
.mb110{
margin-bottom: 110px !important;
}
.mt5{
margin-top: 5px !important;
}
.mt10{
margin-top: 10px !important;
}
.mt20{
margin-top: 20px !important;
}
.mt30{
margin-top: 30px !important;
}
.mr10{
margin-right: 10px !important;
}
.ml0{
margin-left: 0 !important;
}
/* パディング */
.pt10{
  padding-top: 10px !important;
}
.pt15{
  padding-top: 15px !important;
}
.pt20{
  padding-top: 20px !important;
}
.pt50{
  padding-top: 50px !important;
}
.pds10{
  padding: 0 10px !important;
}
.pb0{
  padding-bottom: 0 !important;
}
.pb10{
  padding-bottom: 10px !important;
}
.pb20{
  padding-bottom: 20px !important;
}
.pb40{
  padding-bottom: 40px !important;
}
.pb60{
  padding-bottom: 60px !important;
}

/* ***************************
   レスポンシブ
** ************************ */
@media screen and (max-width: 767px){

  /* 各要素リセット */
  html,body {
  margin: 0 auto;
  line-height: 1.4;
  min-width: 0;
  }
  body{
  -webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
  }
  /* マージン */
  .s_mb0{
  margin-bottom: 0 !important;
  }
  .s_mb5{
  margin-bottom: 5px !important;
  }
  .s_mb10{
  margin-bottom: 10px !important;
  }
  .s_mb15{
  margin-bottom: 15px !important;
  }
  .s_mb20{
  margin-bottom: 20px !important;
  }
  .s_mb30{
  margin-bottom: 30px !important;
  }
  .s_mb35{
  margin-bottom: 35px !important;
  }
  .s_mb40{
  margin-bottom: 40px !important;
  }
  .s_mb50{
  margin-bottom: 50px !important;
  }
  .s_mb60{
  margin-bottom: 60px !important;
  }
  .s_mb70{
  margin-bottom: 70px !important;
  }
}