html,body {
  font-family: Verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
  -webkit-text-size-adjust: none;
  font-size:14px;
  line-height:24px;
  color:#000;
  width: 100%;
}
img { 
  max-width: 100%; 
  height:auto;
  vertical-align:bottom;
}
a,a:link,a:visited{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}
aside {
  margin:20px 0 0 0;
  height:auto;
  background:#F1F2E4;
  border:1px solid #ccc;
  padding:10px;
  line-height:20px;
}

/* ----------------------------------------------------- */

/* h-tag-s */
h1{

}
/* h-tag-e */

/* ----------------------------------------------------- */

/* head-tag-s */
header {
  position: fixed;
  top:0;
  height:83px;
  background:#000;
  width:100%;
  z-index: 5;
  
}
#header_contents {
  width:988px;
  margin:0 auto;
  padding:0;
}
#header_menu {
  width:800px;
  margin:0;
  padding:0;
  float:left;
}
#header_menu img{
  display:block;
  float:left;
  margin:0 5px 0 0;
}
#header_menu_close {
  width:988px;
  margin:0;
  padding:0;
  float:left;
}
#header_menu_close img{
  display:block;
  float:left;
  margin:0 20px 0 0;
}
/* head-tag-e */

/* ----------------------------------------------------- */

/* footer-tag-s */
footer {
	background:#000;
	text-align:center;
	padding:15px;
	color:#fff;
	line-height:33px;
}
footer a{
	color:#fff;
}

/* footer-tag-e */


/* ----------------------------------------------------- */

/* head_img-tag-s */
#head_contents{
	background: url(../img/head.jpg) center no-repeat #E5E1DE;
	margin-top:83px;
	height:476px;
	width:100%;
	border-bottom:#000 solid 15px;
	}
#head_text{
	width:988px;
	padding-top:33px;
	margin:0 auto;
	}
	

#head_noscroll_text{
	width:607px;
	height:390px;
	padding:0;
	float:right;
	}
		
#head_scroll_text{
	width:607px;
	height:390px;
	padding:0;
	overflow:hidden;
	float:right;
 -ms-overflow-style:none;
	}
#head_scroll_text::-webkit-scrollbar{
 display:none;
}

#txt_up_anime{
	width:607px;
    -webkit-animation: txt_up_anime 25s linear forwards ;
    -moz-animation: txt_up_anime 25s linear forwards ;
    -ms-animation: txt_up_anime 25s linear forwards ;
    -o-animation: txt_up_anime 25s linear forwards ;
    animation: txt_up_anime 25s linear forwards ;
}
@-webkit-keyframes txt_up_anime {
   0% { -webkit-transform:translateY(390px);opacity: 1; }
   100% { -webkit-transform:translateY(-332px);opacity: 1; }
}
@keyframes txt_up_anime {
   0% { transform:translateY(390px);opacity: 1; }
   100% { transform:translateY(-332px);opacity: 1; }
}
/* head_img-e */

/* ----------------------------------------------------- */


/* ----------------------------------------------------- */

/* main-tag-s */

.d1{background:url(../img/1.jpg) center top no-repeat; height:924px; width:100%;}
.d2{background:url(../img/2.jpg) center no-repeat #000; height:1424px; width:100%;}
.d3{background:url(../img/3.jpg) center no-repeat; height:238px; width:100%;}
.d4{background:url(../img/4.jpg) center no-repeat; height:653px; width:100%;}

.top_bana{
	width:988px;
	margin:0 auto;
	padding-top:580px;
	}
.top_bana img{
	display:block;
	}
.top_bana .bana_anime img:hover {
      -webkit-animation: bana_anime 1.0s linear 0s 1;
      animation: bana_anime 1.0s linear 0s 1;
    }
    @-webkit-keyframes bana_anime {
      0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      25%  { -webkit-transform: scale(0.98, 1.03) translate(0%, -3%); }
      50%  { -webkit-transform: scale(1.01, 0.95) translate(0%, 2%); }
      60%  { -webkit-transform: scale(0.97, 1.0) translate(0%, -1%); }
      80%  { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
      100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
    @keyframes bana_anime {
      0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
      25%  { transform: scale(0.98, 1.03) translate(0%, -3%); }
      50%  { transform: scale(1.01, 0.95) translate(0%, 2%); }
      60%  { transform: scale(0.97, 1.0) translate(0%, -1%); }
      80%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
      100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
    }
	@media screen and (-webkit-min-device-pixel-ratio:0){
 .top_bana .bana_anime img:hover {
	  background:url(../img/top_bana_shadow.png);
    }
}
.use_1{background:url(../img/5.jpg) center no-repeat; height:598px; width:100%;}
.use_cotents{
	width:988px;
	margin:0 auto;
	}
.use_cotents_box{
	padding:10px;
	background:#931A2D;
	margin-bottom:50px;
	}
.shironashi_1{
	background:url(../img/shironashi_1.jpg) center top no-repeat;
	width:100%;
	border-top:#000 solid 15px;
	padding:525px 0 70px 0;
	}
.shironashi_cotents{
	width:988px;
	margin:0 auto;
	}
.bana_img:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.shironashi_fit_1{
	background:#000;
	width:100%;
	padding:70px 0;
	}
.shironashi_fit_cotents{
	width:988px;
	margin:0 auto;
	}

.point{text-align:center; background:#EBE8E3; padding:50px 0;}

.pay{background: url(../img/pay_back.jpg) #000; padding:50px 0 30px 0; border-top:10px #D9D2CA solid;}

#video_cotents{
  background:#000;
  padding:50px 0;
}
.video_cotents_box{
  width:850px;
  margin:0 auto;
}
.video_area{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video_area iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.ranking_area{
  background:#000;
  text-align:center; padding:0 0 18px 0;
}
/* main-tag-e */

/* ----------------------------------------------------- */

/* qa-tag-s */

.qa{margin:30px auto; width:988px;}
.qa_1_l{
	width:480px;
	float:left;
	}
.qa_1_r{
	width:480px;
	float:right;
	}
.qa_1 ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
.qa_1 ul li{
	border:#D9D2CA 1px solid;
	width:478px;
	margin:0 0 20px 0;
	}
.qa_1 ul li h3{
	background:url(../img/qa_t.jpg) left;
	padding:10px 10px 10px 50px;
	font-size:18px;
	font-weight:bold;
	}
.qa_1 ul li p{
	padding:10px;
	background:#fff;
	}
/* qa-tag-e */

/* ----------------------------------------------------- */

/* order-tag-s */

#order_1 {
	background:#000;
	}
#order_contents {
	background:#000;
	width:988px;
	margin:0 auto;
	padding:50px 0;
	}
.order_box {
	background:#fff;
	}
.order_bana_box {
	background:#fff;
	text-align:center;
	border-left:#DFDFD0 5px solid;
	border-right:#DFDFD0 5px solid;
	padding:30px 0;
	}
.anime_1{
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
 
.anime_1:hover{
-webkit-box-shadow: 3px 3px 15px #000;
-moz-box-shadow: 3px 3px 15px #000;
-ms-box-shadow: 3px 3px 15px #000;
-o-box-shadow: 3px 3px 15px #000;
box-shadow: 3px 3px 15px #000;
}

/* order-tag-e */

/* ----------------------------------------------------- */

/* pay-tag-s */

.contents_area{
	margin:0 auto;
	padding:0;
	width:988px;
	line-height:20px;
}
.contents_area_l{
	margin:0;
	padding:0;
	width:482px;
	float:left;
}
.contents_area_r{
	margin:0;
	padding:0;
	width:482px;
	float:right;
}

.pay_box{
	border:#DFDFD0 5px solid;
	background:#fff;
	padding:10px;
	margin:0 0 20px 0;
}
/* pay-tag-e */

/* ----------------------------------------------------- */

/* set-tag-s */
.fl_r {
	float:right;
	}
.fl_l {
	float:left;
	}
.fl_l_l20 {
	float:left;
	margin-left:20px;
	}
.im_l {
	float:left;
	margin:0 20px 0 0;
	}
.im_r {
	float:right;
	margin:0 0 0 20px;
	}
.im_t {
	margin:0 0 20px 0;
	display:block;
	}
.cl{clear:both;}
.cl_15{clear:both; padding:15px 0 0 0;}
.cl_30{clear:both; padding:30px 0 0 0;}
.cl_50{clear:both; padding:50px 0 0 0;}
.cl_70{clear:both; padding:70px 0 0 0;}
.txt_1{ font-size:20px; font-weight:bold; margin: 0 0 6px 0;}
		

a:hover img.oh{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

a:hover img.fh {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/* set-tag-e */

/* ----------------------------------------------------- */