@charset "UTF-8";
/* CSS Document */

html {
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
  font-size: 62.5%; /* ルートの文字サイズを10pxに設定 */
	background: url("../common/back1.jpg") center top repeat;
	background-color: #262B33;
  color: #000000;
  overflow-x: hidden;
}

body {
	font-size: 1.7em; 
  line-height: 1.8;
}

@media screen and (max-width: 960px) {
  body {
    font-size: 1.6em; 
    line-height: 1.6;
  }
}

a { text-decoration: none; }

ul,
li { list-style: none; }

@media screen and (min-width: 960px) {
  .sp { display: none; }
}
@media screen and (max-width: 959px) {
  .pc { display: none; }
}

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

img { vertical-align: top; }

img {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	user-drag: none;
}

body a img {
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  backface-visibility: hidden;
}
body a img:hover {
  -ms-filter: "alpha( opacity=$number*100 )";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* フロート
------------------------------------------------------------*/
.float_l { float: left; }
.float_r { float: right; }
.clear { clear: both; }

@media print { body { display: none !important; } }