@charset "UTF-8";
/* @import url(https://static.yama96.jp"contents.css"); */

/*--------------------------------------------------------*/
body {
	background: #1C1C1C;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.3em;
	margin: 0 auto;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}

a:link,
a:visited {
	color: #dab86d;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #e6cc78;
	text-decoration: none;
}

/* HTML5 未対応用 */
article, aside, figure, footer, header,hgroup, nav, section { display:block; }

/* リセット */
p,ul,ol,li,dl,dt,dd,form,input,img,video {
	margin: 0;
	padding: 0;
}
img,video,fieldset { border: 0; }
video{ object-fit: cover; }
ol,ul { list-style: none; }
address {
	font-style: normal;
	font-weight: normal;
}
marquee {
	margin-bottom: -5px;
}

/* テーブル */
table {
	font-size: 100%;
	line-height: 150%;
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.3em;
}

/* hタグ */
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------------------
 * レイアウト
 * --------------------------------------------------------------*/

/* clear */
.c-fix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.c-fix { min-height: 1px; }
* html .c-fix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* For modern browsers */
.c-fix:before,
.c-fix:after {
    content:"";
    display:block;
    overflow:hidden;
}
.c-fix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.c-fix { zoom:1; }

img.t { vertical-align: top; }
img.vm { vertical-align: middle; }
img.xb { vertical-align: text-bottom; }
video.t { vertical-align: top; }
video.vm { vertical-align: middle; }
video.xb { vertical-align: text-bottom; }

/* 背景色 */
.bg-b { background: #000; }
.bg-red { background: #2e120e; }
.bg-ds { background: #272727; }

/* 位置調整 */
.left { float: left; }
.right { float: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.va-t { vertical-align: top; }
.va-tt { vertical-align: text-top; }
.va-m { vertical-align: middle; }

.m01 { margin-top: 1px; }
.m03 { margin-top: 3px; }
.m05 { margin-top: 5px; }
.m08 { margin-top: 8px; }
.m10 { margin-top: 10px; }
.m15 { margin-top: 15px; }
.m18 { margin-top: 18px; }
.m20 { margin-top: 20px; }
.m25 { margin-top: 25px; }
.m30 { margin-top: 30px; }
.m35 { margin-top: 35px; }
.m40 { margin-top: 40px; }
.m45 { margin-top: 45px; }
.m50 { margin-top: 50px; }
.m60 { margin-top: 60px; }

.ml05 { margin-left: 5px; }
.ml08 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

.mr03 { margin-right: 3px; }
.mr04 { margin-right: 4px; }
.mr08 { margin-right: 8px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }

.ms-auto { margin-left: auto; margin-right: auto;}
.ms05 { margin-left: 5px; margin-right: 5px;}
.ms07 { margin-left: 7px; margin-right: 7px;}
.ms08 { margin-left: 8px; margin-right: 8px;}
.ms10 { margin-left: 10px; margin-right: 10px; }
.ms14 { margin-left: 14px; margin-right: 14px; }
.ms15 { margin-left: 15px; margin-right: 15px; }
.ms18 { margin-left: 18px; margin-right: 18px; }
.ms25 { margin-left: 25px; margin-right: 25px; }
.ms30 { margin-left: 30px; margin-right: 30px; }
.ms34 { margin-left: 34px; margin-right: 34px; }
.ms40 { margin-left: 40px; margin-right: 40px; }
.ms50 { margin-left: 50px; margin-right: 50px; }
.ms60 { margin-left: 60px; margin-right: 60px; }

.pt03 { padding-top: 3px; }
.pt05 { padding-top: 5px; }
.pt07 { padding-top: 7px; }
.pt08 { padding-top: 8px; }
.pt10 { padding-top: 10px; }

.pb05 { padding-bottom: 05px; }
.pb08 { padding-bottom: 08px; }
.pb15 { padding-bottom: 15px; }

.pt03b03 { padding-top: 3px; padding-bottom: 3px; }
.pt05b05 { padding-top: 5px; padding-bottom: 5px; }
.pt05b07 { padding-top: 5px; padding-bottom: 7px; }
.pt07b07 { padding-top: 7px; padding-bottom: 7px; }
.pt07b15 { padding-top: 7px; padding-bottom: 15px; }
.pt08b08 { padding-top: 8px; padding-bottom: 8px; }
.pt08b10 { padding-top: 8px; padding-bottom: 10px; }
.pt08b13 { padding-top: 8px; padding-bottom: 13px; }
.pt08b25 { padding-top: 8px; padding-bottom: 25px; }
.pt10b10 { padding-top: 10px; padding-bottom: 10px; }
.pt10b20 { padding-top: 10px; padding-bottom: 20px; }
.pt13b10 { padding-top: 13px; padding-bottom: 10px; }
.pt15b13 { padding-top: 15px; padding-bottom: 13px; }
.pt15b15 { padding-top: 15px; padding-bottom: 15px; }
.pt18b10 { padding-top: 18px; padding-bottom: 10px; }
.pt18b18 { padding-top: 18px; padding-bottom: 18px; }
.pt20b10 { padding-top: 20px; padding-bottom: 10px; }
.pt20b20 { padding-top: 20px; padding-bottom: 20px; }
.pt20b30 { padding-top: 20px; padding-bottom: 30px; }
.pt25b25 { padding-top: 25px; padding-bottom: 25px; }

.posi-r { position: relative; }

/* 横幅 */
.w100p { width: 100%; }

.w12 { width: 12px; }
.w20 { width: 20px; }
.w40 { width: 40px; }
.w70 { width: 70px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w145 { width: 145px; }
.w150 { width: 150px; }
.w158 { width: 158px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w185 { width: 185px; }
.w193 { width: 193px; }
.w205 { width: 205px; }
.w210 { width: 210px; }
.w253 { width: 253px; }
.w260 { width: 260px; }
.w285 { width: 285px; }

/* マウスオーバー */
/* .ro a:hover img, */
.ro a:active img {
	filter: alpha(opacity=80);	/* IE */
	opacity:0.80;	/* Safari Opera */
	-moz-opacity:0.80;	/* Firefox Netscape */
}
/* .ro input:hover, */
.ro input:active {
	filter: alpha(opacity=80);	/* IE */
	opacity:0.80;	/* Safari Opera */
	-moz-opacity:0.80;	/* Firefox Netscape */
}
/* a.ro:hover, */
a.ro:active {
	filter: alpha(opacity=80);	/* IE */
	opacity:0.80;	/* Safari Opera */
	-moz-opacity:0.80;	/* Firefox Netscape */
}

/* 表示・非表示 */
.disp { display: block; }
.nodisp { display: none; }

/* wrap */
.wrap {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
 * テキストスタイル 
 * --------------------------------------------------------------*/
.tn { font-weight: normal; }
.tb { font-weight: bold; }
.tul { text-decoration: underline; }

.tmin { font-family:"HGS明朝E", "ヒラギノ明朝 Pro W2", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", serif; }

/* Color */
.white { color: #FFF; }
.wgray { color: #cecece; }
.lgray { color: #d2d2d2; }
.gray { color: #666666; }
.dimgray { color: #606676; }
.dgray { color:#8a8781; }
.dgray02 { color: #786f6f; }
.wgray { color: #afafaf; }
.red { color: #FF0000; }
.red02 { color:#f63030 }
.red03 { color: #dd2020; }
.red04 { color: #d64343; }
.lred { color: #ed3136; }
.dred { color: #e60012; }
.crimson { color: #ec3535; }
.dpink { color: #f22f53; }
.orange { color: #f2923c; }
.yellow { color: #ffd58e; }
.yellow02 { color: #fef15c; }
.yellow03 { color: #f6d44d; }
.byellow { color: #ec9d41; }
.byellow02 { color: #efc51f; }
.byellow03 { color: #dcbb55; }
.lyellow { color: #f5f98c; }
.green { color: #494934; }
.lgreen { color: #c6f92a; }
.khaki { color: #d9af6d; }
.gold { color: #f7aa58; }
.sblue { color: #65c2e9; }
.cblue { color: #936ceb; }
.cblue02 { color: #9081d9; }
.aqua { color: #30e9bb; }
.aqua02 { color: #4de3de; }
.lightblue { color: #a0e2fa; }
.slateblue { color: #7f77ea; }
.purple { color: #8c61f8; }
.violet { color: #c48bff; }
.dviolet { color: #a247e2; }

/* フォント */
.fs { font-size: 10px; line-height: 1.2em; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; line-height: 1.3em}
.f20 { font-size: 20px; line-height: 1.3em}

.letter-s02 { letter-spacing: 2px; }

.t-s01 { text-shadow: 0 1px 2px rgba(0,0,0,0.7); }

/* 改行 */
.break-all { word-break:break-all; }

/*--------------------------------------------------------------
 * header
 * --------------------------------------------------------------*/

header { padding: 0 0 5px; }
header nav li { float: left; }
header nav img { width: 64px; height: 45px; }

/*--------------------------------------------------------------
 * footer
 * --------------------------------------------------------------*/

footer { margin: 15px 0 0; }
footer nav li {  float: left; }
footer nav img { width: 64px; height: 45px; }