/*====================================================*/
/* Mac,IE適応 */
/*====================================================*/
* html div, * html ul {
  height:1%;
}
div, ul {
  display: block;
  zoom: 1;
}
@media screen and (min-width:980px) {
.sp {
  display:none !important;
}
}
@media screen and (max-width:979px) {
.pc {
  display:none !important;
}
}

/*====================================================*/
/* サイト各ページ 共通部分 */
/*====================================================*/
html {
  width:100%;
  height:100%;
}
body {
  width:100%;
  height:100%;

  word-break:break-all;
  word-wrap:break-word;
  margin: 0;
  padding: 0;
  font:75%/1.3 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", Arial, Verdana, Helvetica, sans-serif;
}
/* Body横幅制御 */
@media screen and (min-width:980px) {
body {
  min-width: 980px;
}
}
@media screen and (max-width:979px) {
body {
  min-width: 320px;
  overflow-x:hidden;
}
}
div {
  word-break: break-all;
  word-wrap: break-word;
}
ul {
  list-style:none;
}
ul, ol, dl, form, input {
  padding: 0;
  margin: 0;
}
p {
  margin-top: 0;
  padding-right: auto;
  padding-left: auto;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding-right: auto;
  padding-left: auto;
}
div:after, ul:after {
  content:"";
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
}
h1{
margin-top:1% !important;
}
@media screen and (min-width:980px) {
h1{
margin-top:5% !important;
}
}

li {
  list-style: none;
}
/* clearfix */
.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
}
a {
  outline:none;
  color:#000;
  text-decoration:none;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  padding:0;
  margin:0;
  border:0;
  vertical-align: top;
}