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

body {
	background-color: #000;
	font-family:  "メイリオ","HG明朝E","ＭＳ Ｐ明朝";
}

header {
	width: 100%;
}

article {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

p {

}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

li {

}

/* メニュー */
.menu {
  width: 200px;
  display: none;
  z-index: 99;
  position: absolute;
  top: 120px;
  right: 0;
}

.menu li a {
  display: block;
  padding: 10px;
  color: #000;
  font-size: 16px;
  text-decoration: none;
  border-left: solid 0px #999;
  margin-bottom: 0px;
  text-align: center;
}

.menu li {
  background-color: #FFF;
  border-bottom :solid 2px #999;
  border-right :solid 1px #999;
  border-left :solid 1px #999;
}

/* 汎用CSS */

/* margin & border */

.m-0 {margin: 0;}


.mt-0 {margin-top: 0;}

.mt-5 {margin-top: 5px;}

.mt-10 {margin-top: 10px;}

.mt-15 {margin-top: 15px;}

.mt-20 {margin-top: 20px;}

.mt-25 {margin-top: 25px;}

.mt-30 {margin-top: 30px;}

.mt-35 {margin-top: 35px;}

.mt-40 {margin-top: 40px;}

.mt-45 {margin-top: 45px;}

.mt-50 {margin-top: 50px;}


.mr-0 {margin-right: 0;}

.mr-5 {margin-right: 5px;}

.mr-10 {margin-right: 10px;}

.mr-15 {margin-right: 15px;}

.mr-20 {margin-right: 20px;}

.mr-25 {margin-right: 25px;}

.mr-30 {margin-right: 30px;}

.mr-35 {margin-right: 35px;}

.mr-40 {margin-right: 40px;}

.mr-45 {margin-right: 40px;}

.mr-50 {margin-right: 50px;}


.mb-0 {margin-bottom: 0;}

.mb-5 {margin-bottom: 5px;}

.mb-10 {margin-bottom: 10px;}

.mb-15 {margin-bottom: 15px;}

.mb-20 {margin-bottom: 20px;}

.mb-25 {margin-bottom: 25px;}

.mb-30 {margin-bottom: 30px;}

.mb-35 {margin-bottom: 35px;}

.mb-40 {margin-bottom: 40px;}

.mb-45 {margin-bottom: 45px;}

.mb-50 {margin-bottom: 50px;}


.ml-0 {margin-left: 0;}

.ml-5 {margin-left: 5px;}

.ml-10 {margin-left: 10px;}

.ml-15 {margin-left: 15px;}

.ml-20 {margin-left: 20px;}

.ml-25 {margin-left: 25px;}

.ml-30 {margin-left: 30px;}

.ml-35 {margin-left: 35px;}

.ml-40 {margin-left: 40px;}

.ml-45 {margin-left: 45px;}

.ml-50 {margin-left: 50px;}


.bt-0 {border-top: 0;}

.bt-5 {border-top: 5px;}

.bt-10 {border-top: 10px;}

.bt-15 {border-top: 15px;}

.bt-20 {border-top: 20px;}

.bt-25 {border-top: 25px;}

.bt-30 {border-top: 30px;}

.bt-35 {border-top: 35px;}

.bt-40 {border-top: 40px;}

.bt-45 {border-top: 45px;}

.bt-50 {border-top: 50px;}


.br-0 {border-right: 0;}

.br-5 {border-right: 5px;}

.br-10 {border-right: 10px;}

.br-15 {border-right: 15px;}

.br-20 {border-right: 20px;}

.br-25 {border-right: 25px;}

.br-30 {border-right: 30px;}

.br-35 {border-right: 35px;}

.br-40 {border-right: 40px;}

.br-45 {border-right: 45px;}

.br-50 {border-right: 50px;}


.bb-0 {border-bottom: 0;}

.bb-5 {border-bottom: 5px;}

.bb-10 {border-bottom: 10px;}

.bb-15 {border-bottom: 15px;}

.bb-20 {border-bottom: 20px;}

.bb-25 {border-bottom: 25px;}

.bb-30 {border-bottom: 30px;}

.bb-35 {border-bottom: 35px;}

.bb-40 {border-bottom: 40px;}

.bb-45 {border-bottom: 45px;}

.bb-50 {border-bottom: 50px;}


.bl-0 {border-left: 0;}

.bl-5 {border-left: 5px;}

.bl-10 {border-left: 10px;}

.bl-15 {border-left: 15px;}

.bl-20 {border-left: 20px;}

.bl-25 {border-left: 25px;}

.bl-30 {border-left: 30px;}

.bl-35 {border-left: 35px;}

.bl-40 {border-left: 40px;}

.bl-45 {border-left: 45px;}

.bl-50 {border-left: 50px;}


/* solid; */

.bb-sol-1 {border-bottom: solid 1px #999999;}

.bb-dot-1 {border-bottom: dotted 1px #999999;}

.midashi-red {
  border-left: solid 3px #ff3333;
  border-bottom: dotted 1px #ff3333;
}


/* font-size */

.fs-6 {font-size: 6px;}

.fs-8 {font-size: 8px;}

.fs-10 {font-size: 10px;}

.fs-12 {font-size: 12px;}

.fs-14 {font-size: 14px;}

.fs-16 {font-size: 16px;}

.fs-18 {font-size: 18px;}

.fs-20 {font-size: 20px;}

.fs-24 {font-size: 24px;}

.fs-28 {font-size: 28px;}

.fs-32 {font-size: 32px;}

.fs-36 {font-size: 36px;}

.fs-48 {font-size: 48px;}

.fs-72 {font-size: 72px;}


/* text */

.font-n {font-weight: normal;}

.font-b {font-weight: bold;}

/* shadow */

.t-shadow {text-shadow:1px 1px 1px #000000;}

.b-shadow {box-shadow:1px rgba(0,0,0,1);}

/* color */

.c-white {color: #ffffff;}

.c-black {color: #000000;}

.c-red {color: #ff0000;}

.c-green {color: #00ff00;}

.c-blue {color: #0000ff;}

.c-yellow {color: #ffff00;}

.c-purple {color: #ff00ff;}


/* background-color */

.bg-white {background-color: #ffffff;}

.bg-black {background-color: #000000;}

.bg-red {background-color: #ff0000;}

.bg-green {background-color: #00ff00;}

.bg-blue {background-color: #0000ff;}

.bg-yellow {background-color: #ffff00;}

.bg-purple {background-color: #ff00ff;}

.gradation-red {
  border: solid 2px #fff;
  color: #ffffff;
  background: #8e8dd6;
  background: -moz-linear-gradient(top, #8e8dd6 4%, #625987 100%);
  background: -webkit-linear-gradient(top, #8e8dd6 4%,#625987 100%);
  background: linear-gradient(to bottom, #f14c4f 4%,#461515 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8dd6', endColorstr='#625987',GradientType=0 );
}


/* background-image */

.bi {background-image: ("img/abc.jpg");}


/* opacity */

.op {opacity: 0.5;}

.h-op:hover {opacity: 0.5;}


/* float */

.cf:after {
	content: "";
	display: block;
	clear: both;
}

.fl {float: left;}

.fr {float: right;}


/* postion */

.pos {position: absolute;}


/* display */

.dn {display: none;}

.dib {display: inline-block;}

.db {display:block;}

.di {display:inline;}


/* list-style */

.ln {list-style: none;}


/* text-decoration */

.tn {text-decoration: none;}




/* ###########767px以下(smartphone only) ########## */
@media (max-width: 767px) {

/* margin & border */

.m-0 {margin: 0;}


.mt-0_sp {margin-top: 0;}

.mt-5_sp {margin-top: 5px;}

.mt-10_sp {margin-top: 10px;}

.mt-15_sp {margin-top: 15px;}

.mt-20_sp {margin-top: 20px;}

.mt-25_sp {margin-top: 25px;}

.mt-30_sp {margin-top: 30px;}

.mt-35_sp {margin-top: 35px;}

.mt-40_sp {margin-top: 40px;}

.mt-45_sp {margin-top: 45px;}

.mt-50_sp {margin-top: 50px;}


.mr-0_sp {margin-right: 0;}

.mr-5_sp {margin-right: 5px;}

.mr-10_sp {margin-right: 10px;}

.mr-15_sp {margin-right: 15px;}

.mr-20_sp {margin-right: 20px;}

.mr-25_sp {margin-right: 25px;}

.mr-30_sp {margin-right: 30px;}

.mr-35_sp {margin-right: 35px;}

.mr-40_sp {margin-right: 40px;}

.mr-45_sp {margin-right: 40px;}

.mr-50_sp {margin-right: 50px;}


.mb-0_sp {margin-bottom: 0;}

.mb-5_sp {margin-bottom: 5px;}

.mb-10_sp {margin-bottom: 10px;}

.mb-15_sp {margin-bottom: 15px;}

.mb-20_sp {margin-bottom: 20px;}

.mb-25_sp {margin-bottom: 25px;}

.mb-30_sp {margin-bottom: 30px;}

.mb-35_sp {margin-bottom: 35px;}

.mb-40_sp {margin-bottom: 40px;}

.mb-45_sp {margin-bottom: 45px;}

.mb-50_sp {margin-bottom: 50px;}


.ml-0_sp {margin-left: 0;}

.ml-5_sp {margin-left: 5px;}

.ml-10_sp {margin-left: 10px;}

.ml-15_sp {margin-left: 15px;}

.ml-20_sp {margin-left: 20px;}

.ml-25_sp {margin-left: 25px;}

.ml-30_sp {margin-left: 30px;}

.ml-35_sp {margin-left: 35px;}

.ml-40_sp {margin-left: 40px;}

.ml-45_sp {margin-left: 45px;}

.ml-50_sp {margin-left: 50px;}


/* font-size */

.fs-6_sp {font-size: 6px;}

.fs-8_sp {font-size: 8px;}

.fs-10_sp {font-size: 10px;}

.fs-12_sp {font-size: 12px;}

.fs-14_sp {font-size: 14px;}

.fs-16_sp {font-size: 16px;}

.fs-18_sp {font-size: 18px;}

.fs-20_sp {font-size: 20px;}

.fs-24_sp {font-size: 24px;}

.fs-28_sp {font-size: 28px;}

.fs-32_sp {font-size: 32px;}

.fs-36_sp {font-size: 36px;}

.fs-48_sp {font-size: 48px;}

.fs-72_sp {font-size: 72px;}


/* float */

.cf_sp:after {
	content: "";
	display: block;
	clear: both;
}

.fl_sp {float: left;}

.fr_sp {float: right;}

}

/* ###########768px以上(pc only) ########## */
@media (min-width: 768px) {

	/* margin & border */

.m-0_pc {margin: 0;}


.mt-0_pc {margin-top: 0;}

.mt-5_pc {margin-top: 5px;}

.mt-10_pc {margin-top: 10px;}

.mt-15_pc {margin-top: 15px;}

.mt-20_pc {margin-top: 20px;}

.mt-25_pc {margin-top: 25px;}

.mt-30_pc {margin-top: 30px;}

.mt-35_pc {margin-top: 35px;}

.mt-40_pc {margin-top: 40px;}

.mt-45_pc {margin-top: 45px;}

.mt-50_pc {margin-top: 50px;}


.mr-0_pc {margin-right: 0;}

.mr-5_pc {margin-right: 5px;}

.mr-10_pc {margin-right: 10px;}

.mr-15_pc {margin-right: 15px;}

.mr-20_pc {margin-right: 20px;}

.mr-25_pc {margin-right: 25px;}

.mr-30_pc {margin-right: 30px;}

.mr-35_pc {margin-right: 35px;}

.mr-40_pc {margin-right: 40px;}

.mr-45_pc {margin-right: 40px;}

.mr-50_pc {margin-right: 50px;}


.mb-0_pc {margin-bottom: 0;}

.mb-5_pc {margin-bottom: 5px;}

.mb-10_pc {margin-bottom: 10px;}

.mb-15_pc {margin-bottom: 15px;}

.mb-20_pc {margin-bottom: 20px;}

.mb-25_pc {margin-bottom: 25px;}

.mb-30_pc {margin-bottom: 30px;}

.mb-35_pc {margin-bottom: 35px;}

.mb-40_pc {margin-bottom: 40px;}

.mb-45_pc {margin-bottom: 45px;}

.mb-50_pc {margin-bottom: 50px;}


.ml-0_pc {margin-left: 0;}

.ml-5_pc {margin-left: 5px;}

.ml-10_pc {margin-left: 10px;}

.ml-15_pc {margin-left: 15px;}

.ml-20_pc {margin-left: 20px;}

.ml-25_pc {margin-left: 25px;}

.ml-30_pc {margin-left: 30px;}

.ml-35_pc {margin-left: 35px;}

.ml-40_pc {margin-left: 40px;}

.ml-45_pc {margin-left: 45px;}

.ml-50_pc {margin-left: 50px;}


/* font-size */

.fs-6_pc {font-size: 6px;}

.fs-8_pc {font-size: 8px;}

.fs-10_pc {font-size: 10px;}

.fs-12_pc {font-size: 12px;}

.fs-14_pc {font-size: 14px;}

.fs-16_pc {font-size: 16px;}

.fs-18_pc {font-size: 18px;}

.fs-20_pc {font-size: 20px;}

.fs-24_pc {font-size: 24px;}

.fs-28_pc {font-size: 28px;}

.fs-32_pc {font-size: 32px;}

.fs-36_pc {font-size: 36px;}

.fs-48_pc {font-size: 48px;}

.fs-72_pc {font-size: 72px;}


/* float */

.cf_pc:after {
	content: "";
	display: block;
	clear: both;
}

.fl_pc {float: left;}

.fr_pc {float: right;}

}