@charset "UTF-8";

/*--------------------------------------------------------------
 * ----------------------------------------------------------------
 * ページ共通
 * ----------------------------------------------------------------
 * --------------------------------------------------------------*/

/* 角丸 */

#container .r05 {
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
}
#container .r07 {
	-moz-border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	border-radius: 7px !important;
}


#container .r05-top {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#container .r02-btm {
	-moz-border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	border-radius: 0px 0px 2px 2px;
}
#container .r05-btm {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

/* アイコン */

#container .koban {
	background: url(https://static.yama96.jp/images/common/sp/icon_koban.png), url(https://static.yama96.jp/images/common/sp/icon_koban.png);
	background-position: left top, right top;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    background-size: 35px 30px, 35px 30px;
	min-height: 30px;
	display: inline-block;
	text-align: center;
	padding: 9px 33px 0;
}

#container .icon-arrow01 {
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 12px;
    background-size: 6px 12px;
	background-position: center top;
	width: 14px;
	height: 11px;
	display: inline-block;
}

#container .icon-flag01 {
	background: url(https://static.yama96.jp/images/common/sp/icon_flag.png) no-repeat;
    -webkit-background-size: 43px auto;
    background-size: 43px auto;
	background-position: center top;
	width: 43px;
	height: 34px;
	display: inline-block;
}

#container .icon-flag02 {
	background: url(https://static.yama96.jp/images/common/sp/icon_flag_b.png) no-repeat;
    -webkit-background-size: 43px auto;
    background-size: 43px auto;
	background-position: center top;
	width: 43px;
	height: 34px;
	display: inline-block;
}

/*--------------------------------------------------------------
 * ポップアップ
 * --------------------------------------------------------------*/

#popup {
	background: #131313;
	border: 1px #a48d6d solid;
	-moz-border-radius: 5px 0px 5px 5px;
	-webkit-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;
}
#popup .menubtn { margin: 0 10px; padding: 3px 0 0 0; }
#popup .menubtn li { float: left; margin: 4px;  }
#popup .menubtn {
	border-bottom : 2px solid #1c1c1c;
}
#popup .menubtn:last-child {
	border-bottom : none;
}

#popup.info { padding: 10px 0 1px; }
#popup.info .head { text-align: center; font-weight: normal; }
#popup.info ul { margin: 8px 1px 0; }
#popup.info li { margin: 1px 0 0; }
#popup.info .btn01 {
	min-height: 30px;
	line-height: 30px;
	font-size: 16px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.popup-column-header { padding-top: 8px; padding-bottom: 0px;}
.popup-column-header img { width:100%; }
.popup-column2 li {width:calc(100% / 2);}
.popup-column3 li {width:calc(100% / 3);}
.popup-column4 li {width:calc(100% / 4);}
.popup-column2, .popup-column4 {width:260px;}
.popup-column3 {width:200px;}
.popup-column2, .popup-column3, .popup-column4 {margin:0 auto;}
.popup-column-btn { width:56px; } /* menu-btn */
.popup-column2 li, .popup-column3 li, .popup-column4 li {
	float: left;
	margin: 0px; 
	text-align:center;
}
.bx-wrapper #popup-slider img {
	max-width: 90%;
}

/*--------------------------------------------------------------
 * アイコン
 * --------------------------------------------------------------*/

.icon-e01 {
	background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
	width: 20px;
	height: 20px;
	vertical-align: text-top;
	display: inline-block;
}

.icon-e02 {
	background-repeat: no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
	width: 15px;
	height: 15px;
	vertical-align: text-top;
	display: inline-block;
}

.icon-e01.sun , .icon-e02.sun { background-image: url(https://static.yama96.jp/images/common/sp/icon_sun01.png); }
.icon-e01.sea , .icon-e02.sea { background-image: url(https://static.yama96.jp/images/common/sp/icon_sea01.png); }
.icon-e01.moon, .icon-e02.moon { background-image: url(https://static.yama96.jp/images/common/sp/icon_moon01.png); }
.icon-e01.wild, .icon-e02.wild { background-image: url(https://static.yama96.jp/images/common/sp/icon_wild01.png); }
.icon-e01.sun_moon, .icon-e02.sun_moon { background-image: url(https://static.yama96.jp/images/common/sp/icon_sun_moon01.png); }
.icon-e01.sun_sea, .icon-e02.sun_sea { background-image: url(https://static.yama96.jp/images/common/sp/icon_sun_sea01.png); }
.icon-e01.moon_sea, .icon-e02.moon_sea { background-image: url(https://static.yama96.jp/images/common/sp/icon_moon_sea01.png); }

/*--------------------------------------------------------------
 * タイトルBOX
 * --------------------------------------------------------------*/
#container .t-box01 {
	background: #262525;
	border-top: 1px #626262 solid;
	border-bottom: 1px #626262 solid;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	line-height: 1.1em;
	padding: 6px 0;
}

#container .t-box02 {
	background: #500909;
	background-image: url(https://static.yama96.jp/images/common/sp/title01_top.png), url(https://static.yama96.jp/images/common/sp/title01_btm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	text-align: center;
	color: #fece73;
	font-weight: normal;
	line-height: 1.1em;
	padding: 7px 0;
}
@media screen and (max-width: 1000px){
  #container .t-box02 {
    -webkit-background-size: 320px 1px, 320px 4px;
    background-size: 320px 1px, 320px 4px;
  }
}
#container .t-box03 {
	background: #1b1b1b;
	border-top: 1px #626262 solid;
	border-bottom: 1px #626262 solid;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	line-height: 1.1em;
	padding: 6px 0;
}

#container .t-box04 {
	background: url(https://static.yama96.jp/images/common/sp/title02_topline.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	text-align: center;
	padding: 15px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .t-box04 {
    -webkit-background-size: 320px 15px, 320px 3px;
    background-size: 320px 15px, 320px 3px;
  }
}
#container .t-box04.l-type02 {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	padding: 3px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .t-box04.l-type02 {
    -webkit-background-size: 320px 3px, 320px 3px;
    background-size: 320px 3px, 320px 3px;
  }
}
#container .t-box04 h3 {
	text-align: center;
	font-weight: normal;
	color: #FFF;
	padding: 6px 0;

}
#container .t-box04 .bg-black {
	background: #44474b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #44474b), color-stop(0.55, #000), color-stop(0.45, #000) color-stop(0.00, #44474b));
	background: -webkit-linear-gradient(top, #44474b 0%, #000 45%, #000 55%, #44474b 100%);
	background: -moz-linear-gradient(top, #44474b 0%, #000 45%, #000 55%, #44474b 100%);
	background: -o-linear-gradient(top, #44474b 0%, #000 45%, #000 55%, #44474b 100%);
	background: -ms-linear-gradient(top, #44474b 0%, #000 45%, #000 55%, #44474b 100%);
	background: linear-gradient(top, #44474b 0%, #000 45%, #000 55%, #44474b 100%);
	border-top: 1px #9cb17e solid;
}
#container .t-box04 .bg-g {
	background: #668738;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #668738), color-stop(0.50, #325a11), color-stop(0.00, #668738));
	background: -webkit-linear-gradient(top, #668738 0%, #325a11 50%, #668738 100%);
	background: -moz-linear-gradient(top, #668738 0%, #325a11 50%, #668738 100%);
	background: -o-linear-gradient(top, #668738 0%, #325a11 50%, #668738 100%);
	background: -ms-linear-gradient(top, #668738 0%, #325a11 50%, #668738 100%);
	background: linear-gradient(top, #668738 0%, #325a11 50%, #668738 100%);
	border-top: 1px #9cb17e solid;
}
#container .t-box04 .bg-sb {
	background: #668738;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #378485), color-stop(0.50, #11595a), color-stop(0.00, #378485));
	background: -webkit-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: -moz-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: -o-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: -ms-linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	background: linear-gradient(top, #378485 0%, #11595a 50%, #378485 100%);
	border-top: 1px #7cadad solid;
}
#container .t-box04 .bg-red {
	background: #9d282e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9d282e), color-stop(0.50, #4d0811), color-stop(0.00, #9d282e));
	background: -webkit-linear-gradient(top, #9d282e 0%, #4d0811 50%, #9d282e 100%);
	background: -moz-linear-gradient(top, #9d282e 0%, #4d0811 50%, #9d282e 100%);
	background: -o-linear-gradient(top, #9d282e 0%, #4d0811 50%, #9d282e 100%);
	background: -ms-linear-gradient(top, #9d282e 0%, #4d0811 50%, #9d282e 100%);
	background: linear-gradient(top, #9d282e 0%, #4d0811 50%, #9d282e 100%);
	border-top: 1px #b56266 solid;
}
#container .t-box04 .bg-purple {
	background: #668738;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #44214d), color-stop(0.50, #261533), color-stop(0.00, #44214d));
	background: -webkit-linear-gradient(top, #44214d 0%, #261533 50%, #44214d 100%);
	background: -moz-linear-gradient(top, #44214d 0%, #261533 50%, #44214d 100%);
	background: -o-linear-gradient(top, #44214d 0%, #261533 50%, #44214d 100%);
	background: -ms-linear-gradient(top, #44214d 0%, #261533 50%, #44214d 100%);
	background: linear-gradient(top, #44214d 0%, #261533 50%, #44214d 100%);
	border-top: 1px #907b95 solid;
}
#container .t-box04 .bg-purple02 {
	background: #5d4a84;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5d4a84), color-stop(0.50, #261533), color-stop(0.00, #5d4a84));
	background: -webkit-linear-gradient(top, #5d4a84 0%, #261533 50%, #5d4a84 100%);
	background: -moz-linear-gradient(top, #5d4a84 0%, #261533 50%, #5d4a84 100%);
	background: -o-linear-gradient(top, #5d4a84 0%, #261533 50%, #5d4a84 100%);
	background: -ms-linear-gradient(top, #5d4a84 0%, #261533 50%, #5d4a84 100%);
	background: linear-gradient(top, #5d4a84 0%, #261533 50%, #5d4a84 100%);
	border-top: 1px #9d92b5 solid;
}
#container .t-box04 .bg-lblue {
	background: #d0e4f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73b1e7), color-stop(50%,#0a77d5), color-stop(100%,#539fe1));
	background: -webkit-linear-gradient(top, #73b1e7 0%,#0a77d5 50%,#539fe1 100%); /* Chrome10+,Safari5.1+ */
	background: -moz-linear-gradient(top,  #73b1e7 0%, #0a77d5 50%, #539fe1 100%); /* FF3.6+ */
	background: -o-linear-gradient(top, #73b1e7 0%,#0a77d5 50%,#539fe1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #73b1e7 0%,#0a77d5 50%,#539fe1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #73b1e7 0%,#0a77d5 50%,#539fe1 100%); /* W3C */
}
#container .t-box04 .bg-yellow {
	background: #DD9F21;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DD9F21), color-stop(0.50, #5a4713), color-stop(0.00, #DD9F21));
	background: -webkit-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: -moz-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: -o-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: -ms-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
}
#container .t-box04 .bg-blue {
	background: #32398a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #32398a), color-stop(0.50, #23135a), color-stop(0.00, #32398a));
	background: -webkit-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -moz-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -o-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -ms-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
}
#container .t-box04 .bg-ranking01 {
	background: #F2C900;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #796c52), color-stop(0.00, #443924));
	background: -webkit-linear-gradient(top, #443924 0%, #796c52 100%);
	background: -moz-linear-gradient(top, #443924 0%, #796c52 100%);
	background: -o-linear-gradient(top, #443924 0%, #796c52 100%);
	background: -ms-linear-gradient(top, #443924 0%, #796c52 100%);
	background: linear-gradient(top, #443924 0%, #796c52 100%);
}
#container .t-box04 .bg-ranking02 {
	background: #818a95;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #818a95), color-stop(0.00, #4e5d67));
	background: -webkit-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: -moz-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: -o-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: -ms-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: linear-gradient(top, #4e5d67 0%, #818a95 100%);
}
#container .t-box04 .bg-ranking03 {
	background: #30474e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #30474e), color-stop(0.00, #213337));
	background: -webkit-linear-gradient(top, #213337 0%, #30474e 100%);
	background: -moz-linear-gradient(top, #213337 0%, #30474e 100%);
	background: -o-linear-gradient(top, #213337 0%, #30474e 100%);
	background: -ms-linear-gradient(top, #213337 0%, #30474e 100%);
	background: linear-gradient(top, #213337 0%, #30474e 100%);
}

#container .t-box05 {
	background: #32398a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #32398a), color-stop(0.50, #23135a), color-stop(0.00, #32398a));
	background: -webkit-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -moz-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -o-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -ms-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	border: 1px #424862 solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	padding: 8px;
}
#container .t-box05.bg-black {
	background: #48454d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #46494d), color-stop(0.55, #000), color-stop(0.45, #000) color-stop(0.00, #46494d));
	background: -webkit-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: -moz-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: -o-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: -ms-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	border: 1px #6f787b solid;
}
#container .t-box05.bg-dgray {
	background: #48454d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #48454d), color-stop(0.50, #25202e), color-stop(0.00, #48454d));
	background: -webkit-linear-gradient(top, #48454d 0%, #25202e 50%, #48454d 100%);
	background: -moz-linear-gradient(top, #48454d 0%, #25202e 50%, #48454d 100%);
	background: -o-linear-gradient(top, #48454d 0%, #25202e 50%, #48454d 100%);
	background: -ms-linear-gradient(top, #48454d 0%, #25202e 50%, #48454d 100%);
	background: linear-gradient(top, #48454d 0%, #25202e 50%, #48454d 100%);
	border: 1px #5a5766 solid;
}
#container .t-box05.bg-red {
	background: #530708;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #902b2b), color-stop(0.58, #000), color-stop(0.42, #000) color-stop(0.00, #902b2b));
	background: -webkit-linear-gradient(top, #902b2b 0%, #530708 42%, #530708 58%, #902b2b 100%);
	background: -moz-linear-gradient(top, #902b2b 0%, #530708 42%, #530708 58%, #902b2b 100%);
	background: -o-linear-gradient(top, #902b2b 0%, #530708 42%, #530708 58%, #902b2b 100%);
	background: -ms-linear-gradient(top, #902b2b 0%, #530708 42%, #530708 58%, #902b2b 100%);
	background: linear-gradient(top, #902b2b 0%, #530708 42%, #530708 58%, #902b2b 100%);
	border: 1px #665757 solid;
}
#container .t-box05.bg-red02 {
	background: #7a190e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7a190e), color-stop(0.53, #420f0f), color-stop(0.47, #420f0f) color-stop(0.00, #7a190e));
	background: -webkit-linear-gradient(top, #7a190e 0%, #420f0f 47%, #420f0f 53%, #7a190e 100%);
	background: -moz-linear-gradient(top, #7a190e 0%, #420f0f 47%, #420f0f 53%, #7a190e 100%);
	background: -o-linear-gradient(top, #7a190e 0%, #420f0f 47%, #420f0f 53%, #7a190e 100%);
	background: -ms-linear-gradient(top, #7a190e 0%, #420f0f 47%, #420f0f 53%, #7a190e 100%);
	background: linear-gradient(top, #7a190e 0%, #420f0f 47%, #420f0f 53%, #7a190e 100%);
	border: 1px #8c4646 solid;
}
#container .t-box05.bg-green {
	background: #6a8d37;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6a8d37), color-stop(0.50, #31590f), color-stop(0.00, #6a8d37));
	background: -webkit-linear-gradient(top, #6a8d37 0%, #31590f 50%, #6a8d37 100%);
	background: -moz-linear-gradient(top, #6a8d37 0%, #31590f 50%, #6a8d37 100%);
	background: -o-linear-gradient(top, #6a8d37 0%, #31590f 50%, #6a8d37 100%);
	background: -ms-linear-gradient(top, #6a8d37 0%, #31590f 50%, #6a8d37 100%);
	background: linear-gradient(top, #6a8d37 0%, #31590f 50%, #6a8d37 100%);
	border: 1px #687153 solid;
}
#container .t-box05.bg-green02 {
	background: #a0bf53;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a0bf53), color-stop(0.52, #4a631d), color-stop(0.48, #4a631d), color-stop(0.00, #a0bf53));
	background: -webkit-linear-gradient(top, #a0bf53 0%, #4a631d 48%, #4a631d 52%, #a0bf53 100%);
	background: -moz-linear-gradient(top, #a0bf53 0%, #4a631d 48%, #4a631d 52%, #a0bf53 100%);
	background: -o-linear-gradient(top, #a0bf53 0%, #4a631d 48%, #4a631d 52%, #a0bf53 100%);
	background: -ms-linear-gradient(top, #a0bf53 0%, #4a631d 48%, #4a631d 52%, #a0bf53 100%);
	background: linear-gradient(top, #a0bf53 0%, #4a631d 48%, #4a631d 52%, #a0bf53 100%);
	border: 1px #665757 solid;
}
#container .t-box05.bg-lgreen {
	background: #5a5766;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5a5766), color-stop(0.50, #1b333d), color-stop(0.00, #5a5766));
	background: -webkit-linear-gradient(top, #5a5766 0%, #1b333d 50%, #5a5766 100%);
	background: -moz-linear-gradient(top, #5a5766 0%, #1b333d 50%, #5a5766 100%);
	background: -o-linear-gradient(top, #5a5766 0%, #1b333d 50%, #5a5766 100%);
	background: -ms-linear-gradient(top, #5a5766 0%, #1b333d 50%, #5a5766 100%);
	background: linear-gradient(top, #5a5766 0%, #1b333d 50%, #5a5766 100%);
	border: 1px #687153 solid;
}
#container .t-box05.bg-lgreen02 {
	background: #358e86;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #53beb3), color-stop(0.58, #287972), color-stop(0.42, #287972) color-stop(0.00, #53beb3));
	background: -webkit-linear-gradient(top, #53beb3 0%, #287972 42%, #287972 58%, #53beb3 100%);
	background: -moz-linear-gradient(top, #53beb3 0%, #287972 42%, #287972 58%, #53beb3 100%);
	background: -o-linear-gradient(top, #53beb3 0%, #287972 42%, #287972 58%, #53beb3 100%);
	background: -ms-linear-gradient(top, #53beb3 0%, #287972 42%, #287972 58%, #53beb3 100%);
	background: linear-gradient(top, #53beb3 0%, #287972 42%, #287972 58%, #53beb3 100%);
	border: 1px #665757 solid;
}
#container .t-box05.bg-purple {
	background: #5d4a84;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5d4a84), color-stop(0.58, #2c223f), color-stop(0.42, #2c223f) color-stop(0.00, #5d4a84));
	background: -webkit-linear-gradient(top, #5d4a84 0%, #2c223f 42%, #2c223f 58%, #5d4a84 100%);
	background: -moz-linear-gradient(top, #5d4a84 0%, #2c223f 42%, #2c223f 58%, #5d4a84 100%);
	background: -o-linear-gradient(top, #5d4a84 0%, #2c223f 42%, #2c223f 58%, #5d4a84 100%);
	background: -ms-linear-gradient(top, #5d4a84 0%, #2c223f 42%, #2c223f 58%, #5d4a84 100%);
	background: linear-gradient(top, #5d4a84 0%, #2c223f 42%, #2c223f 58%, #5d4a84 100%);
	border: 1px #5a5766 solid;
}
#container .t-box05.bg-yellow {
	background: #DD9F21;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DD9F21), color-stop(0.50, #5a4713), color-stop(0.00, #DD9F21));
	background: -webkit-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: -moz-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: -o-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: -ms-linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	background: linear-gradient(top, #DD9F21 0%, #5a4713 50%, #DD9F21 100%);
	border: 1px #424862 solid;
}
#container .t-box05.bg-blue {
	background: #32398a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #32398a), color-stop(0.50, #23135a), color-stop(0.00, #32398a));
	background: -webkit-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -moz-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -o-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: -ms-linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	background: linear-gradient(top, #32398a 0%, #23135a 50%, #32398a 100%);
	border: 1px #424862 solid;
}

#container .t-box06 {
	background: #151d21 url(https://static.yama96.jp/images/common/sp/title_bg01.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.1em;
	padding: 8px 0;
}
#container .t-box06.pt03b03 { padding-top: 3px; padding-bottom: 3px; }
#container .t-box06.pt05b03 { padding-top: 5px; padding-bottom: 3px; }
#container .t-box06.bg-cblue {
	background: #273039 url(https://static.yama96.jp/images/common/sp/title_bg01s.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-gold {
	background: #322516 url(https://static.yama96.jp/images/common/sp/title_bg01g.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
	color: #fcd55f;
}
#container .t-box06.bg-black {
	background: #1a1b1f url(https://static.yama96.jp/images/common/sp/title_bg01b.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-blue {
	background: #10182a url(https://static.yama96.jp/images/common/sp/title_bg01b02.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-blue02 {
	background: #03052e url(https://static.yama96.jp/images/common/sp/title_bg01b03.jpg) center top repeat-x;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
}
#container .t-box06.bg-blue03 {
	background-color: #121a3c;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/title_bg01b04.jpg);
	background-position: center bottom, center top;
	background-repeat: no-repeat, repeat-x;
    -webkit-background-size: 100% 3px, 24px auto;
    background-size: 100% 3px, 24px auto;
	padding: 6px 0 8px;
}
#container .t-box06.bg-dgray {
	background: #19181d url(https://static.yama96.jp/images/common/sp/title_bg01dp.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-red {
	background: #231212 url(https://static.yama96.jp/images/common/sp/title_bg01r.jpg) center top repeat-x;
    -webkit-background-size: 24px 28px;
    background-size: 24px 28px;
}
#container .t-box06.bg-red02 {
	background: #180c0c url(https://static.yama96.jp/images/common/sp/title_bg01r02.jpg) center top repeat-x;
    -webkit-background-size: 24px 28px;
    background-size: 24px 28px;
}
#container .t-box06.bg-red03 {
	background: #1f0a0a url(https://static.yama96.jp/images/common/sp/title_bg01r03.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-red04 {
	background: #110505 url(https://static.yama96.jp/images/common/sp/title_bg01r04.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-red05 {
	background: #310303 url(https://static.yama96.jp/images/common/sp/title_bg01r05.jpg) center top repeat-x;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
}
#container .t-box06.bg-yellow {
	background: #352509 url(https://static.yama96.jp/images/common/sp/title_bg01g.jpg) center top repeat-x;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
}
#container .t-box06.bg-purple {
	background: #291d37 url(https://static.yama96.jp/images/common/sp/title_bg01p.jpg) center top repeat-x;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
}
#container .t-box06.bg-green {
	background: #005750;
    -webkit-background-size: 24px 32px;
    background-size: 24px 32px;
	color: #e0b100;
}

#container .t-box07 {
	background: #acbd71;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #acbd71), color-stop(0.00, #e6f0c3));
	background: -webkit-linear-gradient(top, #e6f0c3 0%, #acbd71 100%);
	background: -moz-linear-gradient(top, #e6f0c3 0%, #acbd71 100%);
	background: -o-linear-gradient(top, #e6f0c3 0%, #acbd71 100%);
	background: -ms-linear-gradient(top, #e6f0c3 0%, #acbd71 100%);
	background: linear-gradient(top, #e6f0c3 0%, #acbd71 100%);
	border: 1px #807e6a solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #132823;
	line-height: 1.1em;
	padding: 10px;
}
#container .t-box07.bg-lblue {
	background: #afafcd;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8685a4), color-stop(0.00, #ced0ec));
	background: -webkit-linear-gradient(top, #ced0ec 0%, #8685a4 100%);
	background: -moz-linear-gradient(top, #ced0ec 0%, #8685a4 100%);
	background: -o-linear-gradient(top, #ced0ec 0%, #8685a4 100%);
	background: -ms-linear-gradient(top, #ced0ec 0%, #8685a4 100%);
	background: linear-gradient(top, #ced0ec 0%, #8685a4 100%);
	border: 1px #cac8e9 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #1c2435;
	line-height: 1.1em;
	padding: 10px;
}

/*--------------------------------------------------------------
 * リンク色
 * --------------------------------------------------------------*/
#container .l-orange a { color: #dd7121; }
#container .l-orange a:hover { color: #f09933; }

#container .l-crimson a { color: #ff3232; }
#container .l-crimson a:hover { color: #ff5050; }

#container .l-ygreen a { color: #5adcaa; }
#container .l-ygreen a:hover { color: #5adcaa; }

#container .l-white a { color: #FFFFFF; }
#container .l-white a:hover { color: #EDEDED; }

#container .l-dwhite a { color: #ebebeb; }
#container .l-dwhite a:hover { color: #CCC; }

#container .l-green { color: #c0d248; }
#container .l-green:hover { color: #cce666; }

#container .l-purple { color: #945be0; }
#container .l-purple:hover { color: #a86fe0; }

/*--------------------------------------------------------------
 * リスト
 * --------------------------------------------------------------*/

#container .list-g li {
	background: #6a7c49;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6a7c49), color-stop(0.00, #53682b));
	background: -webkit-linear-gradient(top, #53682b 0%, #6a7c49 100%);
	background: -moz-linear-gradient(top, #53682b 0%, #6a7c49 100%);
	background: -o-linear-gradient(top, #53682b 0%, #6a7c49 100%);
	background: -ms-linear-gradient(top, #53682b 0%, #6a7c49 100%);
	background: linear-gradient(top, #53682b 0%, #6a7c49 100%);
	border-top: 1px #61743c solid;
}
#container .list-g li.even {
	background: #3f5318;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3f5318), color-stop(0.00, #3a491c));
	background: -webkit-linear-gradient(top, #3a491c 0%, #3f5318 100%);
	background: -moz-linear-gradient(top, #3a491c 0%, #3f5318 100%);
	background: -o-linear-gradient(top, #3a491c 0%, #3f5318 100%);
	background: -ms-linear-gradient(top, #3a491c 0%, #3f5318 100%);
	background: linear-gradient(top, #3a491c 0%, #3f5318 100%);
	border-top: 1px #4a582f solid;
}
#container .list-g a {
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px;
    background-size: 6px 11px;
	background-position: 95% 50%;
	display: block;
	text-align: left;
	text-decoration: none;
	padding: 15px;
}
#container .list-g .clear { background: none; }
#container .list-g .left { color: #FFF; }
#container .list-g .right { color: #f6c253; }

#container .list-gray li {
	background: #3f4143;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3f4143), color-stop(0.00, #343538));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #343538 0%, #3f4143 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #656568 solid;
}
#container .list-gray li.even {
	background: #292a2d;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #292a2d), color-stop(0.00, #242427));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #242427 0%, #292a2d 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #58595b solid;
}
#container .list-gray li.back {
	background: #3f4143;
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3f4143), color-stop(0.00, #343538));
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -moz-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -o-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -ms-linear-gradient(top, #343538 0%, #3f4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, linear-gradient(top, #343538 0%, #3f4143 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #656568 solid;
}
#container .list-gray li.evenback {
	background: #292a2d;
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #292a2d), color-stop(0.00, #242427));
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -moz-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -o-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -ms-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, linear-gradient(top, #242427 0%, #292a2d 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #58595b solid;
}
#container .list-gray li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 32px 14px 18px;
}
#container .list-gray li.back a, #container .list-gray li.evenback a { padding: 14px 18px 14px 28px; }

#container .list-dgray li {
	background: #3f4044;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2e2a33), color-stop(0.00, #251f2a));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #251f2a 0%, #2e2a33 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #58555c solid;
}
#container .list-dgray li.even {
	background: #2a2b2e;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #211e25), color-stop(0.00, #131116));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #131116 0%, #211e25 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #4b4a4d solid;
}
#container .list-dgray li.back {
	background: #3f4044;
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2e2a33), color-stop(0.00, #251f2a));
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -moz-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -o-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -ms-linear-gradient(top, #251f2a 0%, #2e2a33 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, linear-gradient(top, #251f2a 0%, #2e2a33 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #4b4a4d solid;
}
#container .list-dgray li.evenback {
	background: #2a2b2e;
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #211e25), color-stop(0.00, #131116));
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -moz-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -o-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -ms-linear-gradient(top, #131116 0%, #211e25 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, linear-gradient(top, #131116 0%, #211e25 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #4b4a4d solid;
}
#container .list-dgray li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 32px 14px 18px;
}
#container .list-dgray li.back a, #container .list-dgray li.evenback a { padding: 14px 18px 14px 28px; }

#container .list-lblue li {
	background: #469AE3;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left b,tt,m, color-stop(1.00, #368AD3), color-stop(0.00, #469AE3));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #469AE3 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,    -moz-linear-gradient(top, #469AE3 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,      -o-linear-gradient(top, #469AE3 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,     -ms-linear-gradient(top, #469AE3 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,         linear-gradient(top, #469AE3 0%, #368AD3 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #58555c solid;
}
#container .list-lblue li:nth-of-type(even) {
	background: #3570D8;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #368AD3), color-stop(0.00, #3570D8));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #3570D8 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,    -moz-linear-gradient(top, #3570D8 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,      -o-linear-gradient(top, #3570D8 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,     -ms-linear-gradient(top, #3570D8 0%, #368AD3 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat,         linear-gradient(top, #3570D8 0%, #368AD3 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #4b4a4d solid;
}
#container .list-lblue li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 32px 14px 18px;
}

#container .list-red li {
	background: #4d1d22;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4d1d22), color-stop(0.00, #3a191d));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #3a191d 0%, #4d1d22 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #5a3f41 solid;
}

#container .list-red li.even {
	background: #241415 url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #473a3b solid;
}
#container .list-red li.back {
	background: #4d1d22;
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4d1d22), color-stop(0.00, #3a191d));
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -moz-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -o-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -ms-linear-gradient(top, #3a191d 0%, #4d1d22 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, linear-gradient(top, #3a191d 0%, #4d1d22 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #5a3f41 solid;
}
#container .list-red li.evenback {
	background: #241415 url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat;
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #4b4a4d solid;
}
#container .list-red li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 32px 14px 18px;
}
#container .list-red li.back a, #container .list-red li.evenback a { padding: 14px 18px 14px 28px; }

#container .list-gold  li {
	background: #665829;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #665829), color-stop(0.00, #524121));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #524121 0%, #665829 100%);
	-webkit-background-size: 6px 11px, 100% 100%;
	background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #7b634d solid;
}

#container .list-gold li.even {
	background: #433622 url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px, 100% 100%;
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #6d5c4b solid;
}
#container .list-gold li.back {
	background: #665829;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #665829), color-stop(0.00, #524121));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #524121 0%, #665829 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #524121 0%, #665829 100%);
	-webkit-background-size: 6px 11px, 100% 100%;
	background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #7b634d solid;
}
#container .list-gold li.evenback {
	background: #433622 url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px, 100% 100%;
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	border-top: 1px #6d5c4b solid;
}
#container .list-gold li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 32px 14px 18px;
}
#container .list-gold li.back a, #container .list-gold li.evenback a { padding: 14px 18px 14px 28px; }

#container .list-member .box { position: relative; }
#container .list-member .line {
	border-top: 1px #464646 solid;
	padding: 9px 0 0;
}
#container .list-member .box .btn {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align: right;
}
#container .list-member .box .btn a {
	margin: 3px;
	display: inline-block;
}
#container .list-member .box .card-info {
	min-height: 80px;
}
#container .list-member .right { padding-bottom: 38px; }
#container .list-member.no .right { padding-bottom: 0;}
#container .list-member .right .right { padding-bottom: 0; }
#container .list-member .box .btn04 {
	color: #FFF;
	text-decoration: underline;
}

#container .list-member02 li { margin: 1px 1px 0; }
#container .list-member02 li a {
	background: #3f4044;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3f4044), color-stop(0.00, #343538));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #343538 0%, #3f4044 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #5d5f61 solid;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 6px 0 7px;
}
#container .list-member02 li.even a {
	background: #2a2b2e;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a2b2e), color-stop(0.00, #242427));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #242427 0%, #2a2b2e 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #525254 solid;
}
#container .list-member02 li>span {
	background: #3f4044;
	border-top: 1px #5d5f61 solid;
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 6px 0 7px;
}
#container .list-member02 li.even>span {
	background: #2a2b2e;
	border-top: 1px #525254 solid;
	display: block;
	text-decoration: none;
}
#container .list-member02 li .left { margin-left: 7px; }
#container .list-member02 li .right { width: 205px; font-size: 16px; margin-right: 7px; padding: 7px 0 0; }
#container .list-member02 li .right .name { color: #eda856; text-decoration: underline;}

#container .list-member03 li { margin: 1px 1px 0; }
#container .list-member03 li {
	background: #433560;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #433560), color-stop(0.00, #35244f));
	background: -webkit-linear-gradient(top, #35244f 0%, #433560 100%);
	background: -moz-linear-gradient(top, #35244f 0%, #433560 100%);
	background: -o-linear-gradient(top, #35244f 0%, #433560 100%);
	background: -ms-linear-gradient(top, #35244f 0%, #433560 100%);
	background: linear-gradient(top, #35244f 0%, #433560 100%);
	border-top: 1px #655879 solid;
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 1px 1px 0;
	padding: 6px 0 7px;
}
#container .list-member03 li.even {
	background: #322846;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #322846), color-stop(0.00, #231638));
	background: -webkit-linear-gradient(top, #231638 0%, #322846 100%);
	background: -moz-linear-gradient(top, #231638 0%, #322846 100%);
	background: -o-linear-gradient(top, #231638 0%, #322846 100%);
	background: -ms-linear-gradient(top, #231638 0%, #322846 100%);
	background: linear-gradient(top, #241638 0%, #322846 100%);
	border-top: 1px #584e68 solid;
}
#container .list-member03 li .right { width: 205px; font-size: 16px; padding-top: 4px; }
#container .list-member03 li .posi-r .right { padding-bottom: 32px; }
#container .list-member03 li .posi-r .btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

#container .list-member04 li { margin: 1px 1px 0; }
#container .list-member04 li {
	background: #3f4044;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3f4044), color-stop(0.00, #343538));
	background: -webkit-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: -moz-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: -o-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: -ms-linear-gradient(top, #343538 0%, #3f4044 100%);
	background: linear-gradient(top, #343538 0%, #3f4044 100%);
	border-top: 1px #5d5f61 solid;
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 1px 1px 0;
	padding: 6px 0 7px;
}
#container .list-member04 li.even {
	background: #2a2b2e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a2b2e), color-stop(0.00, #242427));
	background: -webkit-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: -moz-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: -o-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: -ms-linear-gradient(top, #242427 0%, #2a2b2e 100%);
	background: linear-gradient(top, #242427 0%, #2a2b2e 100%);
	border-top: 1px #525254 solid;
}
#container .list-member04 li .right { width: 205px; font-size: 16px; padding-top: 4px; }

#container .list-member05 li { margin: 1px 1px 0; }
#container .list-member05 li {
	background: #4d1d23;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4d1d23), color-stop(0.00, #3a191c));
	background: -webkit-linear-gradient(top, #3a191c 0%, #4d1d23 100%);
	background: -moz-linear-gradient(top, #3a191c 0%, #4d1d23 100%);
	background: -o-linear-gradient(top, #3a191c 0%, #4d1d23 100%);
	background: -ms-linear-gradient(top, #3a191c 0%, #4d1d23 100%);
	background: linear-gradient(top, #3a191c 0%, #4d1d23 100%);
	border-top: 1px #5a3e41 solid;
	border-left: 1px #5a3e41 solid;
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 1px 1px 0;
	padding: 6px 0 7px;
}
#container .list-member05 li.even {
	background: #281113;
	border-top: 1px #473a3b solid;
	border-left: 1px #473a3b solid;
}
#container .list-member05 li .posi-r .cts { padding-bottom: 26px; }
#container .list-member05 li .posi-r .btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

#container .list-info01 { border-bottom: 1px #535353 solid; }
#container .list-info01 li {
	background: #393838;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232323), color-stop(0.00, #393838));
	background: -webkit-linear-gradient(top, #393838 0%, #232323 100%);
	background: -moz-linear-gradient(top, #393838 0%, #232323 100%);
	background: -o-linear-gradient(top, #393838 0%, #232323 100%);
	background: -ms-linear-gradient(top, #393838 0%, #232323 100%);
	background: linear-gradient(top, #393838 0%, #232323 100%);
	border-top: 1px #535353 solid;
	line-height: 1.3em;
	padding: 8px 10px;
}
#container .list-info01 li a { color: #f0c05a; }
#container .list-info01 li a:hover { text-decoration: none; }

/* pager */
#container .pager-box01 {
	background: #151616;
	text-align: center;
	color: #FFF;
	letter-spacing: 0;
	padding: 6px 0;
}
#container .pager-box01 ul { margin-left: 12px; }
#container .pager-box01 li { float: left; }
#container .pager-box01 a {
	background: #2a2a2a;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a2a2a), color-stop(0.00, #18191a));
	background: -webkit-linear-gradient(top, #18191a 0%, #2a2a2a 100%);
	background: -moz-linear-gradient(top, #18191a 0%, #2a2a2a 100%);
	background: -o-linear-gradient(top, #18191a 0%, #2a2a2a 100%);
	background: -ms-linear-gradient(top, #18191a 0%, #2a2a2a 100%);
	background: linear-gradient(top, #18191a 0%, #2a2a2a 100%);
	border: 1px #525556 solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	line-height: 1.1em;
	margin-right: 9px;
}
#container .pager-box01 .arrow a {
	background: none;
	border: 1px #151616 solid;
}
#container .pager-box01 .on div {
	background: none;
	border: 1px #151616 solid;
	width: 30px;
	height: 30px;
	display: block;
	font-size: 16px;
	text-decoration: none;
	line-height: 1.1em;
	margin-right: 10px;
}
#container .pager-box01 a p,#container .pager-box01 .on p { padding-top: 7px; }
#container .pager-box01 .arrow a { background: none; }
#container .pager-box01 .arrow.on { color: #5d5d5d; }

/*--------------------------------------------------------------
 * ボタン
 * --------------------------------------------------------------*/
#container .btn-a01 {
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px;
    background-size: 6px 11px;
	background-position: 97% 50%;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 26px 14px 18px;
}
#container .btn-a01.back {
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat;
    -webkit-background-size: 6px 11px;
    background-size: 6px 11px;
	background-position: 3% 50%;
	padding: 14px 18px 14px 26px;
}

#container .btn01,#popup .btn01 {
	background: #1c1c1c;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1c1c1c), color-stop(0.00, #2e2b2b));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2em;
	padding: 10px 15px 9px 10px;
}
@media screen and (max-width: 1000px){
  #container .btn01,#popup .btn01 {
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
  }
}

#container .btn02 {
	display: block;
	border: 1px #434343 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	color: #dd7121;
	line-height: 1.1em;
	padding: 8px 0;
}

#container .btn03 {
	background: #1c1c1c;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1c1c1c), color-stop(0.00, #463f3f));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #463f3f 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #463f3f 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #463f3f 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #463f3f 0%, #1c1c1c 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #463f3f 0%, #1c1c1c 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 92% 50%, 0% 0% ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	line-height: 1.2em;
	padding: 10px 35px 10px 15px;
}
@media screen and (max-width: 1000px){
  #container .btn03 {
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
  }
}

#container .btn04 {
	background: #403f3b;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #26221f), color-stop(0.51, #1d1c1a), color-stop(0.50, #2f2e2c), color-stop(0.00, #403f3b));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    -webkit-background-size: 6px 11px, 100% 100%;
    background-size: 6px 11px, 100% 100%;
	background-position: 92% 50%, 0% 0% ;
	border: 1px #3e3d3b solid;
	-webkit-box-shadow: 0 1px 3px 0 #101010;
	-moz-box-shadow: 0 1px 3px 0 #101010;
	box-shadow: 0 1px 3px 0 #101010;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	text-align: left;
	text-decoration: none;
	line-height: 1.2em;
	padding: 10px 0;
}
@media screen and (max-width: 1000px){
  #container .btn04 {
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
  }
}
#container .btn04 p { margin: 0 35px 0 15px; }
#container .btn04.tc {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #26221f), color-stop(0.51, #1d1c1a), color-stop(0.50, #2f2e2c), color-stop(0.00, #403f3b));
	background: -webkit-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: -moz-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: -o-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: -ms-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
	background-position: 0% 0%;
	text-align: center;
	padding: 8px 0;
}
#container .btn04.tc .arrow {
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    background-size: 6px 11px;
	width: 6px;
	height: 11px;
	display: inline-block;
	margin-left: 8px;
}
#container .btn04.tc p { margin: 0 5px; }

#container .btn05 {
	background-color: #1c1c1c;
	background-image: url(https://static.yama96.jp/images/common/sp/line02.jpg), url(https://static.yama96.jp/images/common/sp/line02.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: center top, center bottom;
    -webkit-background-size: 320px 2px, 320px 2px;
    background-size: 320px 2px, 320px 2px;
	padding: 3px 0 2px;
}
#container .btn05 a {
	background: #2e2b2b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1c1c1c), color-stop(0.00, #2e2b2b));
	background: -webkit-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: -moz-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: -o-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: -ms-linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	background: linear-gradient(top, #2e2b2b 0%, #1c1c1c 100%);
	text-align: center;
	display: block;
	color: #dab86d;
	line-height: 1.1em;
	padding: 8px 0;
}

#container .btn06 {
	background: #232220;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232220), color-stop(0.51, #1d1c1a), color-stop(0.50, #333230), color-stop(0.00, #3e3c39));
	background: -webkit-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -moz-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -o-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -ms-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	border: 1px #4c4c4c solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	display: block;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 1.1em;
	padding: 8px 0;
}

#container .btn07 {
	background: #ebe9f9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ebe9f9), color-stop(0.00, #c1bfea));
	background: -webkit-linear-gradient(top, #c1bfea 0%, #ebe9f9 100%);
	background: -moz-linear-gradient(top, #c1bfea 0%, #ebe9f9 100%);
	background: -o-linear-gradient(top, #c1bfea 0%, #ebe9f9 100%);
	background: -ms-linear-gradient(top, #c1bfea 0%, #ebe9f9 100%);
	background: linear-gradient(top, #c1bfea 0%, #ebe9f9 100%);
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	height: 28px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #591bae;
	text-decoration: none;
	line-height: 1.1em;
}
#container .btn07 p { padding-top: 6px; }
#container .btn07.bg-red {
	background: #df1745;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #df1745), color-stop(0.00, #9c121f));
	background: -webkit-linear-gradient(top, #9c121f 0%, #df1745 100%);
	background: -moz-linear-gradient(top, #9c121f 0%, #df1745 100%);
	background: -o-linear-gradient(top, #9c121f 0%, #df1745 100%);
	background: -ms-linear-gradient(top, #9c121f 0%, #df1745 100%);
	background: linear-gradient(top, #9c121f 0%, #df1745 100%);
	color: #f8c963;
}

#container .btn08 {
	background: #1f1f20 url(https://static.yama96.jp/images/common/sp/arrow01.png) 95% 50% no-repeat;
    -webkit-background-size: 6px 11px; /* webkit系 */
    background-size: 6px 11px;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2em;
	padding: 14px 35px 14px 18px;
}

#container .btn09 {
	background: #2a2b2e;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a2b2e), color-stop(0.00, #242527));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #242527 0%, #2a2b2e 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border: 1px #4d4d4d solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2em;
	padding: 14px 35px 14px 15px;
}
#container .btn09.back {
	background: #2a2b2e;
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a2b2e), color-stop(0.00, #242527));
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -webkit-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -moz-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -o-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, -ms-linear-gradient(top, #242527 0%, #2a2b2e 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01r.png) no-repeat, linear-gradient(top, #242527 0%, #2a2b2e 100%);
    -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
    background-size: 6px 11px, 100% 100%;
	background-position: 5% 50%, 0% 0% ;
	padding: 14px 15px 14px 35px;
}

#container .btn10 {
	background: #594562;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #594562), color-stop(0.00, #241e2c));
	background: -webkit-linear-gradient(top, #241e2c 0%, #594562 100%);
	background: -moz-linear-gradient(top, #241e2c 0%, #594562 100%);
	background: -o-linear-gradient(top, #241e2c 0%, #594562 100%);
	background: -ms-linear-gradient(top, #241e2c 0%, #594562 100%);
	background: linear-gradient(top, #241e2c 0%, #594562 100%);
	border: 1px #7b6b85 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	display: block;
	color: #FFF;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.8);
	text-decoration: none;
	line-height: 1.1em;
	padding: 13px 0 11px;
}

#container .link-bg-red01 {
	background: url(https://static.yama96.jp/images/common/sp/bg_red01.jpg) center top repeat-y;
	-moz-background-size:100% auto;
	background-size:100% auto;
	display: block;
	text-align: center;
	color: #f62727;
	text-decoration: none;
	padding: 6px 0;
}
@media screen and (max-width: 1000px){
  #container .link-bg-red01 {
	-moz-background-size: 320px 5px;
	background-size: 320px 5px;
  }
}


/* ---タブナビ--- */
#container .tab-nav01 {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png) center bottom no-repeat;
	-moz-background-size: 320px 3px;
	background-size: 320px 3px;
	text-align: left;
	padding-bottom: 3px;
}
#container .tab-nav01 ul { margin: 0 0 0 8px; }
#container .tab-nav01.tab02 ul { margin: 0 0 0 7px; }
#container .tab-nav01 li { float: left; text-align: center; margin-right: 2px; }
#container .tab-nav01.tab02 li { margin-right: 6px; }
#container .tab-nav01 li a,#container .tab-nav01 li .on {
	border-top: 1px #4d3c0e solid;
	border-left: 1px #4d3c0e solid;
	border-right: 1px #4d3c0e solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	width: 98px;
	font-size: 16px;
	line-height: 1.1em;
	padding: 10px 0 8px;
}
#container .tab-nav01.tab02 li a, #container .tab-nav01.tab02 li .on {
	width: 148px;
}
#container .tab-nav01 li a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #131415), color-stop(0.00, #45484c));
	background: -webkit-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -moz-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -o-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -ms-linear-gradient(top, #45484c 0%, #131415 100%);
	background: linear-gradient(top, #45484c 0%, #131415 100%);
	display: block;
	color: #c2c2c2;
	text-decoration: underline;
}
#container .tab-nav01 li .on {
	background: #9e2626;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9e2626), color-stop(0.00, #550e0e));
	background: -webkit-linear-gradient(top, #550e0e 0%, #9e2626 100%);
	background: -moz-linear-gradient(top, #550e0e 0%, #9e2626 100%);
	background: -o-linear-gradient(top, #550e0e 0%, #9e2626 100%);
	background: -ms-linear-gradient(top, #550e0e 0%, #9e2626 100%);
	background: linear-gradient(top, #550e0e 0%, #9e2626 100%);
	color: #FFF;
}

#container .tab-nav02 {
	-moz-background-size: 320px 3px;
	background-size: 320px 3px;
	text-align: left;
	padding: 0 0 1px;
}
#container .tab-nav02 ul { margin: 0 0 0 8px; }
#container .tab-nav02 li { float: left; text-align: center; margin-right: 2px; }
#container .tab-nav02 li a,#container .tab-nav02 li .on {
	border-top: 1px #baac89 solid;
	border-left: 1px #baac89 solid;
	border-right: 1px #baac89 solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	width: 98px;
	font-size: 16px;
	line-height: 1.1em;
	padding: 10px 0 8px;
}
#container .tab-nav02 li a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #131415), color-stop(0.00, #45484c));
	background: -webkit-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -moz-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -o-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -ms-linear-gradient(top, #45484c 0%, #131415 100%);
	background: linear-gradient(top, #45484c 0%, #131415 100%);
	display: block;
	color: #c2c2c2;
	text-decoration: underline;
}
#container .tab-nav02 li .on {
	background: #15474b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #23676a), color-stop(0.00, #15474b));
	background: -webkit-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -moz-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -o-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -ms-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: linear-gradient(top, #15474b 0%, #23676a 100%);
	color: #FFF;
}

#container .tab-nav03 {
	border: 1px #4f5559 solid;
	background: #5f6266;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3b3b3b), color-stop(0.00, #15474b));
	background: -webkit-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: -moz-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: -o-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: -ms-linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	background: linear-gradient(top, #5f6266 0%, #3b3b3b 100%);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .tab-nav03 .left,#container .tab-nav03 .right { width: 50%; }
#container .tab-nav03 .left a,#container .tab-nav03 .left .on {
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	margin-right: 1px;
}
#container .tab-nav03 .right a,#container .tab-nav03 .right .on {
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
#container .tab-nav03 a,#container .tab-nav03 .on {
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
	padding: 9px 0 8px;
}
#container .tab-nav03 a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #191919), color-stop(0.00, #44474b));
	background: -webkit-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -moz-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -o-linear-gradient(top, #44474b 0%, #191919 100%);
	background: -ms-linear-gradient(top, #44474b 0%, #191919 100%);
	background: linear-gradient(top, #44474b 0%, #191919 100%);
	display: block;
	color: #c2c2c2;
	text-decoration: underline;
}
#container .tab-nav03 a.lvup {
	display: block;
	color: #858585;
	text-decoration: none;
}
#container .tab-nav03 a.f15 { font-size:15px !important; padding: 10px 0 8px; }
#container .tab-nav03 .on {
	background: #7e231f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7e231f), color-stop(0.00, #3f1b1a));
	background: -webkit-linear-gradient(top, #3f1b1a 0%, #7e231f 100%);
	background: -moz-linear-gradient(top, #3f1b1a 0%, #7e231f 100%);
	background: -o-linear-gradient(top, #3f1b1a 0%, #7e231f 100%);
	background: -ms-linear-gradient(top, #3f1b1a 0%, #7e231f 100%);
	background: linear-gradient(top, #3f1b1a 0%, #7e231f 100%);
	color: #FFF;
}
#container .tab-nav03 .on.bg-blue {
	background: #255da2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #255da2), color-stop(0.00, #262659));
	background: -webkit-linear-gradient(top, #262659 0%, #255da2 100%);
	background: -moz-linear-gradient(top, #262659 0%, #255da2 100%);
	background: -o-linear-gradient(top, #262659 0%, #255da2 100%);
	background: -ms-linear-gradient(top, #262659 0%, #255da2 100%);
	background: linear-gradient(top, #262659 0%, #255da2 100%);
	color: #FFF;
}
#container .tab-nav03 .on.bg-lsgreen {
	background: #2a6566;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2a6566), color-stop(0.00, #14373d));
	background: -webkit-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -moz-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -o-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: -ms-linear-gradient(top, #14373d 0%, #2a6566 100%);
	background: linear-gradient(top, #14373d 0%, #2a6566 100%);
	color: #FFF;
}

#container .tab-nav04 {
	-moz-background-size: 320px 3px;
	background-size: 320px 3px;
	text-align: left;
	padding: 0 0 1px;
}
#container .tab-nav04 ul { margin: 0 0 0 5px; }
#container .tab-nav04 li { float: left; text-align: center; margin-right: 2px; }
#container .tab-nav04 li a,#container .tab-nav04 li .on {
	border-top: 1px #baac89 solid;
	border-left: 1px #baac89 solid;
	border-right: 1px #baac89 solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	width: 74px;
	font-size: 16px;
	line-height: 1.1em;
	padding: 10px 0 8px;
}
#container .tab-nav04 li a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #131415), color-stop(0.00, #45484c));
	background: -webkit-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -moz-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -o-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -ms-linear-gradient(top, #45484c 0%, #131415 100%);
	background: linear-gradient(top, #45484c 0%, #131415 100%);
	display: block;
	color: #c2c2c2;
	text-decoration: underline;
}
#container .tab-nav04 li .on {
	background: #15474b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #23676a), color-stop(0.00, #15474b));
	background: -webkit-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -moz-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -o-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -ms-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: linear-gradient(top, #15474b 0%, #23676a 100%);
	color: #FFF;
}

#container .tab-nav05 {
	-moz-background-size: 320px 3px;
	background-size: 320px 3px;
	text-align: left;
	padding: 0 0 1px;
}
#container .tab-nav05 ul { margin: 0 0 0 5px; }
#container .tab-nav05 li { float: left; text-align: center; margin-right: 2px; }
#container .tab-nav05 li a,#container .tab-nav05 li .on {
	border-top: 1px #baac89 solid;
	border-left: 1px #baac89 solid;
	border-right: 1px #baac89 solid;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	width: 74px;
	font-size: 14px;
	line-height: 1.1em;
	padding: 10px 0 8px;
}
#container .tab-nav05 li a {
	background: #403f3b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #131415), color-stop(0.00, #45484c));
	background: -webkit-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -moz-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -o-linear-gradient(top, #45484c 0%, #131415 100%);
	background: -ms-linear-gradient(top, #45484c 0%, #131415 100%);
	background: linear-gradient(top, #45484c 0%, #131415 100%);
	display: block;
	color: #c2c2c2;
	text-decoration: underline;
}
#container .tab-nav05 li .on {
	background: #15474b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #23676a), color-stop(0.00, #15474b));
	background: -webkit-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -moz-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -o-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: -ms-linear-gradient(top, #15474b 0%, #23676a 100%);
	background: linear-gradient(top, #15474b 0%, #23676a 100%);
	color: #FFF;
}

/*--------------------------------------------------------------
フレーム
--------------------------------------------------------------*/
#container .f-black01 {
	background: #101010;
	border: 1px #696969 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-black02 {
	background: #0e0e0e;
	border: 1px #535353 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-black03 {
	background: #1a1f20;
	border: 1px #3f6769 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-black04 {
	background: #000;
	border: 1px #544040 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dgray01 {
	background: #2b2731;
	border: 1px #807584 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dgray02 {
	background: #282828;
	border: 1px #5b5c5e solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dgray03 {
	background: #2c2827;
	border: 1px #6b5b5b solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-blue01 {
	background: #202136;
	border: 1px #535353 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-blue02 {
	background: #242d45;
	border: 1px #7e8fa4 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-blue03 {
	background: #0e1426;
	border: 1px #d99e51 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dblue01 {
	background: #14181e;
	border: 1px #7e89a4 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dblue02 {
	background: #1a2131;
	border: 1px #5b5f6b solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-green01 {
	background: #1c210f;
	border: 1px #535353 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-green02 {
	background: #2c4e4f;
	border: 1px #747474 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dgreen01 {
	background: #494f2c;
	border: 1px #747474 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dgreen02 {
	background: #262b1e;
	border: 1px #515542 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dgreen02.line02 { border: 2px #515542 solid; }
#container .f-lgreen01 {
	background: #1b2a2f;
	border: 1px #535353 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-lgreen02 {
	background: #1e2a2b;
	border: 1px #747474 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-red01 {
	background: #231111;
	border: 1px #693f3f solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-red02 {
	background: #321414;
	border: 1px #a47e7e solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-red03 {
	background: #2b181a;
	border: 1px #d99e51 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-red04 {
	background: #1e0606;
	border: 1px #d99e51 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dbrown {
	background: #1e1414;
	border: 1px #a47e7e solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-dbrown02 {
	background: #160d0e;
	border: 1px #572b28 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-purple01 {
	background: #241f28;
	border: 1px #584d66 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-purple02 {
	background: #17151c;
	border: 1px #7f6c8a solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-purple03 {
	background: #252234;
	border: 1px #7d6b97 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-white {
	background: #f4f1eb;
	border: 1px #fff799 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #333;
}
#container .f-lblue01 {
	background: #3570D8;
	border: 1px #7cb6ad solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* ---模様--- */
#container .f-pattern01 {
	background-color: #131215;
	background-image: url(https://static.yama96.jp/images/common/sp/title01_top.png),url(https://static.yama96.jp/images/common/sp/title01_top.png),url(https://static.yama96.jp/images/common/sp/bg_p01.jpg);
	-moz-background-size: 100% 2px,100% 2px,25px 100px;
	background-size: 100% 2px,100% 2px,25px 100px;
	background-position: center top, center bottom, center bottom;
	background-repeat: no-repeat, no-repeat, repeat-x;
}


/* ---グラデーション--- */
#container .f-gra01 {
	border: 1px #457780 solid;
	background: #30474e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #30474e), color-stop(0.00, #213337));
	background: -webkit-linear-gradient(top, #213337 0%, #30474e 100%);
	background: -moz-linear-gradient(top, #213337 0%, #30474e 100%);
	background: -o-linear-gradient(top, #213337 0%, #30474e 100%);
	background: -ms-linear-gradient(top, #213337 0%, #30474e 100%);
	background: linear-gradient(top, #213337 0%, #30474e 100%);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .f-gra01.bg-black01 {
	border: 1px #66626f solid;
	background: #38363b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #38363b), color-stop(0.00, #1e1a22));
	background: -webkit-linear-gradient(top, #1e1a22 0%, #38363b 100%);
	background: -moz-linear-gradient(top, #1e1a22 0%, #38363b 100%);
	background: -o-linear-gradient(top, #1e1a22 0%, #38363b 100%);
	background: -ms-linear-gradient(top, #1e1a22 0%, #38363b 100%);
	background: linear-gradient(top, #1e1a22 0%, #38363b 100%);
}
#container .f-gra01.bg-cblue01 {
	border: 1px #91a7b9 solid;
	background: #818a95;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #818a95), color-stop(0.00, #4e5d67));
	background: -webkit-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: -moz-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: -o-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: -ms-linear-gradient(top, #4e5d67 0%, #818a95 100%);
	background: linear-gradient(top, #4e5d67 0%, #818a95 100%);
}
#container .f-gra01.bg-lblue01 {
	border: 1px #7cb6ad solid;
	background: #315c5d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #315c5d), color-stop(0.00, #1b3034));
	background: -webkit-linear-gradient(top, #1b3034 0%, #315c5d 100%);
	background: -moz-linear-gradient(top, #1b3034 0%, #315c5d 100%);
	background: -o-linear-gradient(top, #1b3034 0%, #315c5d 100%);
	background: -ms-linear-gradient(top, #1b3034 0%, #315c5d 100%);
	background: linear-gradient(top, #1b3034 0%, #315c5d 100%);
}
#container .f-gra01.bg-gold01 {
	border: 1px #807145 solid;
	background: #796c52;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #796c52), color-stop(0.00, #443924));
	background: -webkit-linear-gradient(top, #443924 0%, #796c52 100%);
	background: -moz-linear-gradient(top, #443924 0%, #796c52 100%);
	background: -o-linear-gradient(top, #443924 0%, #796c52 100%);
	background: -ms-linear-gradient(top, #443924 0%, #796c52 100%);
	background: linear-gradient(top, #443924 0%, #796c52 100%);
}
#container .f-gra01.bg-red01 {
	border: 1px #807145 solid;
	background: #482e2e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #482e2e), color-stop(0.00, #331c1c));
	background: -webkit-linear-gradient(top, #331c1c 0%, #482e2e 100%);
	background: -moz-linear-gradient(top, #331c1c 0%, #482e2e 100%);
	background: -o-linear-gradient(top, #331c1c 0%, #482e2e 100%);
	background: -ms-linear-gradient(top, #331c1c 0%, #482e2e 100%);
	background: linear-gradient(top, #331c1c 0%, #482e2e 100%);
}
#container .f-gra01.bg-red02 {
	border: 1px #996d6d solid;
	background: #6d1500;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6d1500), color-stop(0.00, #461218));
	background: -webkit-linear-gradient(top, #461218 0%, #6d1500 100%);
	background: -moz-linear-gradient(top, #461218 0%, #6d1500 100%);
	background: -o-linear-gradient(top, #461218 0%, #6d1500 100%);
	background: -ms-linear-gradient(top, #461218 0%, #6d1500 100%);
	background: linear-gradient(top, #461218 0%, #6d1500 100%);
}
#container .f-gra01.bg-gray01 {
    border: 1px #919191 solid;
    background: #464646;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #464646), color-stop(0.00, #313131));
    background: -webkit-linear-gradient(top, #313131 0%, #464646 100%);
    background: -moz-linear-gradient(top, #313131 0%, #464646 100%);
    background: -o-linear-gradient(top, #313131 0%, #464646 100%);
    background: -ms-linear-gradient(top, #313131 0%, #464646 100%);
    background: linear-gradient(top, #313131 0%, #464646 100%);
}
#container .f-gra01.bg-red-christmas {
	border: 1px #780100 solid;
	background: #cc0f00;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #780100), color-stop(0.00, #443924));
	background: -webkit-linear-gradient(top, #780100 0%, #cc0f00 100%);
	background: -moz-linear-gradient(top, #780100 0%, #cc0f00 100%);
	background: -o-linear-gradient(top, #780100 0%, #cc0f00 100%);
	background: -ms-linear-gradient(top, #780100 0%, #cc0f00 100%);
	background: linear-gradient(top, #780100 0%, #cc0f00 100%);
}

/*スノーホワイトガチャ背景*/
#container .f-gra01.bg-red-snow {
	border: 1px #223a70 solid;
	background: #030F2C;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #223a70), color-stop(0.00, #443925));
	background: -webkit-linear-gradient(top, #223a70 0%, #030F2C 100%);
	background: -moz-linear-gradient(top, #223a70 0%, #030F2C 100%);
	background: -o-linear-gradient(top, #223a70 0%, #030F2C 100%);
	background: -ms-linear-gradient(top, #223a70 0%, #030F2C 100%);
	background: linear-gradient(top, #223a70 0%, #030F2C 100%);
}

/* 注意書き */
#container .f-notes {
	background: #271616;
	border: 3px #e02222 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #e31a1a;
}

/*--------------------------------------------------------------
 * ライン
 * --------------------------------------------------------------*/

#container .line01 {
	background: url(https://static.yama96.jp/images/common/sp/line01.png) center top no-repeat;
	background-size: contain;
    background-size: 282px 2px;
	height: 2px;
}

/*--------------------------------------------------------------
 * ステータスバー
 * --------------------------------------------------------------*/

#container .status-bar {
	background: url(https://static.yama96.jp/images/mypage/sp/status_barbg.png) center top repeat;
	-moz-background-size: 120px 10px;
	background-size: 120px 10px;
	width: 120px;
	height: 10px;
	position: relative;
}
#container .status-bar ul { padding: 2px 0 0; margin-left: 7px; }
#container .status-bar li { float: left; height: 6px; }
#container .status-bar li img { vertical-align: top; }
#container .status-bar .max {
	position: absolute;
	top: -3px;
	left: 40px;
}

#container .status-bar-s {
	background: url(https://static.yama96.jp/images/mypage/sp/status_barbg.png) center top repeat;
	-moz-background-size: 90px 12px;
	background-size: 90px 12px;
	width: 90px;
	height: 12px;
	position: relative;
}
#container .status-bar-s ul { padding: 3px 0 0; margin-left: 4px; }
#container .status-bar-s li { float: left; height: 7px; }
#container .status-bar-s li img { vertical-align: top; }
#container .status-bar-s .max {
	position: absolute;
	top: -2px;
	left: 25px;
}

#container .status-bar-s02 {
	background: url(https://static.yama96.jp/images/common/sp/status_bar04bg.png) center top repeat;
	-moz-background-size: 89px 11px;
	background-size: 89px 11px;
	width: 89px;
	height: 11px;
	position: relative;
}
#container .status-bar-s02 ul { padding: 1px 0 0; margin-left: 2px; }
#container .status-bar-s02 li { float: left; height: 9px; }
#container .status-bar-s02 li img { vertical-align: top; }

#container .status-bar-m {
	background: url(https://static.yama96.jp/images/common/sp/status_bar03bg.png) center top repeat;
	-moz-background-size: 123px 11px;
	background-size: 123px 11px;
	width: 123px;
	height: 11px;
	position: relative;
}
#container .status-bar-m ul { padding: 1px 0 0; margin-left: 3px; }
#container .status-bar-m li { float: left; height: 9px; }
#container .status-bar-m li img { vertical-align: top; }

#container .status-bar-l {
	background: url(https://static.yama96.jp/images/common/sp/status_bar02bg.png) center top repeat;
	-moz-background-size: 218px 14px;
	background-size: 218px 14px;
	width: 218px;
	height: 14px;
	position: relative;
}
#container .status-bar-l ul { padding: 1px 0 0; margin-left: 5px; }
#container .status-bar-l li { float: left; height: 11px; }
#container .status-bar-l li img { vertical-align: top; }

#container .status-bar-ls {
	background: url(https://static.yama96.jp/images/common/sp/status_bar02bg.png) center top repeat;
	-moz-background-size: 218px 10px;
	background-size: 218px 10px;
	width: 218px;
	height: 10px;
	position: relative;
}
#container .status-bar-ls ul { padding: 1px 0 0; margin-left: 5px; }
#container .status-bar-ls li { float: left; height: 8px; }
#container .status-bar-ls li img { vertical-align: top; }


/*--------------------------------------------------------------
 * ガイド吹き出し
 * --------------------------------------------------------------*/
#container .guide {
	background-color: #4c4536;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png), url(https://static.yama96.jp/images/common/sp/guide_bg.png);
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-x;
	padding: 9px 0;
}
#container .guide-no-flame {
	background-color: #1C1C1C;
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-x;
	padding: 9px 0;
}
@media screen and (max-width: 1000px) {
  #container .guide {
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
  }
}
#container .guide.line02 {
	background-color: #4c4536;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linebtm.png), url(https://static.yama96.jp/images/common/sp/guide_bg.png);
	-moz-background-size: 320px 1px, 3px 93px;
	background-size: 320px 1px, 3px 93px;
	background-position: center bottom, center -3px;
	background-repeat: no-repeat, repeat-x;
	padding: 6px 0 7px;
}
@media screen and (max-width: 1000px){
  #container .guide.line02 {
	-moz-background-size: 320px 1px, 3px 93px;
	background-size: 320px 1px, 3px 93px;
  }
}
#container .guide .chara,
#container .guide-no-flame .chara,
#container .guide02 .chara { float: left; margin-left: 12px; }

#container .guide .chara02 { position: relative; top: -2px; float: left; margin-left: 6px; }
#container .guide .chara-card { position: relative; top: -2px; float: left; margin-left: 8px;}
#container .guide03 .chara { width:83px; position: relative; float: left; }
#container .guide03 .chara img { position: absolute; top: -7px; right: 0; }

#container .guide04 .chara1 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara2 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara3 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara4 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara5 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara6 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara7 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara8 { float: left; margin: 0 0 0 12px; }
#container .guide04 .chara9 { float: left; margin: 0 0 0 12px; }

#container .guide05 .chara { float: left; margin: 0 0 0 12px; }

#container .guide .frame,
#container .guide-no-flame .frame,
#container .guide02 .frame,
#container .guide03 .frame,
#container .guide04 .frame,
#container .guide05 .frame { float: right; width: 225px; margin-right: 12px; }

#container .guide .frame-card, 
#container .guide-no-flame .frame-card { float: right; width: 225px; margin-right: 8px; }

#container .guide .frame .top,
#container .guide .frame-card .top,
#container .guide-no-flame .frame .top,
#container .guide-no-flame .frame-card .top,
#container .guide02 .frame .top,
#container .guide03 .frame .top,
#container .guide04 .frame .top,
#container .guide05 .frame .top {
	background: url(https://static.yama96.jp/images/common/sp/guide_frametop.png) center top repeat-x;
	-moz-background-size: 225px 6px;
	background-size: 225px 6px;
	height: 6px;
	overflow: hidden;
}
#container .guide .frame .btm,
#container .guide .frame-card .btm,
#container .guide-no-flame .frame .btm,
#container .guide-no-flame .frame-card .btm,
#container .guide02 .frame .btm,
#container .guide03 .frame .btm,
#container .guide04 .frame .btm,
#container .guide05 .frame .btm {
	background: url(https://static.yama96.jp/images/common/sp/guide_framebtm.png) center top repeat-x;
	-moz-background-size: 225px 6px;
	background-size: 225px 6px;
	height: 6px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #container .guide .frame .top,#container .guide .frame .btm,
  #container .guide .frame-card .top,#container .guide .frame-card .btm,
  #container .guide-no-flame .frame .top,#container .guide-no-flame .frame .btm,
  #container .guide-no-flame .frame-card .top,#container .guide-no-flame .frame-card .btm,
  #container .guide02 .frame .top,#container .guide02 .frame .btm,
  #container .guide03 .frame .top,#container .guide03 .frame .btm,
  #container .guide04 .frame .top,#container .guide04 .frame .btm,
  #container .guide05 .frame .top,#container .guide05 .frame .btm {
	-moz-background-size: 225px 6px;
	background-size: 225px 6px;
  }
}
#container .guide .frame .box,
#container .guide .frame-card .box,
#container .guide-no-flame .frame .box,
#container .guide-no-flame .frame-card .box,
#container .guide02 .frame .box,
#container .guide03 .frame .box,
#container .guide04 .frame .box,
#container .guide05 .frame .box {

	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 21%, #e0e0e0 73%, #d7d7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(21%,#f7f7f7), color-stop(73%,#e0e0e0), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* W3C */

	min-height: 59px;
	line-height: 1.2em;
	padding: 3px 0;
}
#container .guide .frame-card .box, 
#container .guide-no-flame .frame-card .box { min-height: 75px; }

@media screen and (max-width: 1000px) {
/* #container .guide .frame .box, */
/* #container .guide02 .frame .box, */
  #container .guide03 .frame .box {
	-moz-background-size: 3px 75px;
	background-size: 3px 75px;
  }
}

#container .guide .frame .box p,
#container .guide .frame-card .box p,
#container .guide-no-flame .frame .box p,
#container .guide-no-flame .frame-card .box p,
#container .guide02 .frame .box p,
#container .guide03 .frame .box p,
#container .guide04 .frame .box p,
#container .guide05 .frame .box p {
	color: #5f3d27;
	margin: 0 10px; 
	word-break:break-all;
}

/*--------------------------------------------------------------
 * トレード
 * --------------------------------------------------------------*/
#container .tradebtn { margin: 9px 0 0 92px; }
#container .tradebtn .btn02 { width: 132px; }

/*--------------------------------------------------------------
 * マイページ
 * --------------------------------------------------------------*/

/* ---武士団--- */
#mypage .bushi {
	background: url(https://static.yama96.jp/images/mypage/sp/bushi_linetop.jpg), url(https://static.yama96.jp/images/mypage/sp/bushi_linebtm.jpg), url(https://static.yama96.jp/images/mypage/sp/bushi_bg.jpg) ;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat;
	background-size: contain;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1000px){
  #mypage .bushi {
    -webkit-background-size: 320px 3px, 320px 3px, 320px 49px; /* webkit系 */
    background-size: 320px 3px, 320px 3px, 320px 49px;
  }
}
#mypage .bushi .head {
	float: left;
	margin-left: 7px;
	padding: 3px 0 0;
}
#mypage .bushi .cts {
	width: 206px;
	float: right;
	margin-left: 4px;
	padding: 5px 0;
}
#mypage .bushi .frame {
	background: #000;
	border: 1px #4a3743 solid;
	text-align: center;
	line-height: 1.1em;
	padding: 2px 0;
}
/* ---緊急告知--- */
#mypage .urgent {
	background: url(https://static.yama96.jp/images/mypage/sp/urgent_bg.gif) center top repeat-y;
	background-size: contain;
	-moz-background-size:100% auto;
	background-size:100% auto;
	text-align: center;
	padding: 3px 0;
/*	margin: 5px 0 0; */
}

/*---ブックマーク ---*/
#mypage .bookmark {
	background-size: contain;
	-moz-background-size:100% auto;
	background-size:100% auto;
	text-align:center;
	padding: 3px 0;
}

#mypage .bookmark .top {
	background: url(https://static.yama96.jp/images/common/sp/guide_frametop.png) center top repeat-x;
	-moz-background-size: 320px 6px;
	background-size: 320px 6px;
	height: 6px;
	overflow: hidden;
}

#mypage .bookmark .box {
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 21%, #e0e0e0 73%, #d7d7d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(21%,#f7f7f7), color-stop(73%,#e0e0e0), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* W3C */
	color:#5f3d27;
}

#mypage .bookmark .btm {
	background: url(https://static.yama96.jp/images/common/sp/guide_framebtm02.png) center top repeat-x;
	-moz-background-size: 320px 22px;
	background-size: 320px 22px;
	height: 19px;
	overflow: hidden;
}

@media screen and (max-width: 1000px){
  #mypage .urgent {
    -webkit-background-size: 320px 2px; /* webkit系 */
    background-size: 320px 2px;
  }
}

/* ---ステータス・ボタン・メニュー--- */
#mypage .status {
	height: 370px;
	position: relative;
}
#mypage .status a.new {
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png), url(https://static.yama96.jp/images/mypage/sp/new_bg.png);
	background-position: 97% 50%, right top;
	background-repeat: no-repeat, no-repeat;
	-moz-background-size: 6px 11px, 199px 28px;
	background-size: 6px 11px, 199px 28px;
	width: 199px;
	height: 28px;
	display: block;
	position: absolute;
	top: 133px;
	right: 0;
	color: #fbea5a;
	z-index: 100;
}
@media screen and (max-width: 1000px){
  #mypage .status a.new {
    -webkit-background-size: 6px 11px, 199px 28px; /* webkit系 */
    background-size: 6px 11px, 199px 28p;
  }
}
#mypage .status a.new p { text-align: right; margin-right: 18px; padding-top: 5px; }
#mypage .status .box01 {
	width: 120px;
	position: absolute;
	top: 110px;
	left: 0;
	z-index: 100;
}
#mypage .status .box01 .cts01 {
	background: url(https://static.yama96.jp/images/mypage/sp/status_bg.png) center top repeat;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	line-height: 1.1em;
}
#mypage .status .box01 .cts01 .head {
	float: left;
	margin: 0 0 0 3px;
	padding: 9px 0 3px;
}
#mypage .status .box01 .cts01 .cts {
	float: right;
	font-size: 20px;
	color: #eec98f;
	margin: 0 4px 0 0;
	padding: 6px 0;
}
#mypage .status .box01 .cts02 {
	background: url(https://static.yama96.jp/images/mypage/sp/status_bg.png) center top repeat;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	line-height: 1.1em;
	margin: 1px 0 0;
	padding: 6px 0 3px;
}
#mypage .status .box01 .cts02 .bar {
	background: url(https://static.yama96.jp/images/mypage/sp/status_barbg.png) center top repeat;
	-moz-background-size: 108px 7px;
	background-size: 108px 7px;
	width: 108px;
	height: 7px;
	position: relative;
	margin-left: 7px;
}
@media screen and (max-width: 1000px){
  #mypage .status .box01 .cts02 .bar {
    -webkit-background-size: 108px 7px; /* webkit系 */
    background-size: 108px 7px;
  }
}
#mypage .status .box01 .cts02 ul { padding: 1px 0 0; margin-left: 6px; }
#mypage .status .box01 .cts02 li { float: left; height: 5px; }
#mypage .status .box01 .cts02 li img { vertical-align: top; }
#mypage .status .box01 .cts02 .bar .head {
	position: absolute;
	top: -7px;
	left: -5px;
	z-index: 101;
}
#mypage .box02 { line-height: 1.1em; position: absolute; top: 260px; left: 0; }
#mypage .box02 .menu01 { float: left; margin-left: 8px; }
#mypage .box02 .menu02 { float: right; margin-right: 8px; }
#mypage .box02 .menu03 { float: left; margin-left: 10px; }
#mypage .box02 .menu04 { float: left; margin-left: 5px; }
#mypage .box02 .menu05 { float: right; margin-right: 10px; }
#mypage .box03 {
	position: absolute;
	top: 11px;
	left: 11px;
	z-index: 100;
}
#mypage .box03 li { line-height: 1.1em; position: relative; }
#mypage .box03 li .new { position: absolute; top: -4px; right: -8px; }
#mypage .box03 li .new img { vertical-align: top; }

#mypage .box04 {
	position: absolute;
	top: 91px;
	right: 11px;
	z-index: 100;
}

#mypage .honor {
	height: 70px;
	top: 175px;
	left: 0;
	background: #21121b;
	border: 2px solid #a48d6d;
}
#mypage .honor_back {
	height: 60px;
    width: 305px;
    background: #21121b;
    border: 2px solid #a48d6d;
    margin: auto;
    margin-top: 3.0px;
}
#mypage .honor .menu01 { 
	float: left;
	margin-left: 8px; 
    margin-top: 5px;
}
#mypage .honor .menu02 {
	float: right;
	margin-right: 8px;
    margin-top: 9px;
}

/* ---バナーエリア--- */
#mypage .banner-area {
	text-align: center;
	color: #dab86d;
}

/* ---ステータス2--- */
#mypage .status02 { margin: 15px 0 0; }
#mypage .status02 .top {
	background: url(https://static.yama96.jp/images/mypage/sp/status02top.png) center top repeat-x;
	-moz-background-size: 320px 18px;
	background-size: 320px 18px;
	height: 18px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #mypage .status02 .top {
	-moz-background-size: 320px 18px;
	background-size: 320px 18px;
  }
}
#mypage .status02 .btm {
	background: url(https://static.yama96.jp/images/mypage/sp/status02btm.png) center top repeat-x;
	-moz-background-size: 320px 21px;
	background-size: 320px 21px;
	height: 21px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #mypage .status02 .btm {
	-moz-background-size: 320px 21px;
	background-size: 320px 21px;
  }
}
#mypage .status02 .box {
	background: #141414;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #141414), color-stop(0.00, #3a3a3a));
	background: -webkit-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: -moz-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: -o-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: linear-gradient(top, #3a3a3a 0%, #141414 100%);
	padding: 16px 0 12px;
}
#mypage .status02 .box table {
	width: 320px;
	margin-left: 15px;
	text-align: left;
}
#mypage .status02 ul { margin: 0 0 0 15px; }
#mypage .status02 li { float: left; margin: 0 30px 5px 0; }
#mypage .status02 li.c02 { margin: 0 12px 5px 0;}
#mypage .status02 .head { color: #cdb364; }


/* ---偽マイページステータス--- */
#mypage .statusfake { margin: 15px 0 0; }
#mypage .statusfake .top {
	background: url(https://static.yama96.jp/images/mypage/sp/status02top.png) center top repeat-x;
	-moz-background-size: 320px 18px;
	background-size: 320px 18px;
	height: 18px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #mypage .statusfake .top {
	-moz-background-size: 320px 18px;
	background-size: 320px 18px;
  }
}
#mypage .statusfake .btm {
	background: url(https://static.yama96.jp/images/mypage/sp/status02btm.png) center top repeat-x;
	-moz-background-size: 320px 21px;
	background-size: 320px 21px;
	height: 21px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #mypage .statusfake .btm {
	-moz-background-size: 320px 21px;
	background-size: 320px 21px;
  }
}
#mypage .statusfake .box {
	background: #141414;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #141414), color-stop(0.00, #3a3a3a));
	background: -webkit-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: -moz-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: -o-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: -ms-linear-gradient(top, #3a3a3a 0%, #141414 100%);
	background: linear-gradient(top, #3a3a3a 0%, #141414 100%);
	padding: 16px 0 12px;
}
#mypage .statusfake ul { margin: 0 0 0 15px; }
#mypage .statusfake li { float: left; margin: 0 35px 5px 0; }
#mypage .statusfake li.c02 { margin: 0 12px 5px 0;}
#mypage .statusfake .head { color: #cdb364; }

/* ---新着情報--- */
#mypage .infonew { margin: 20px 0 0; }
#mypage .infonew a {
	line-height: 30px;
}

/* ---マイページ確認--- */
#mypage .mypagebtn a{
	background-color: #000;
	background-image: url(https://static.yama96.jp/images/mypage/sp/maypage_linetop.png), url(https://static.yama96.jp/images/mypage/sp/maypage_linebtm.png);
	-moz-background-size: 320px 3px, 320px 3px;
	background-size: 320px 3px, 320px 3px;
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	display: block;
	text-align: center;
	line-height: 1.1em;
	padding: 10px 0;
}
@media screen and (max-width: 1000px){
  #mypage .mypagebtn a {
	-moz-background-size: 320px 3px, 320px 3px;
	background-size: 320px 3px, 320px 3px;
  }
}

/* ---重要なお知らせ--- */
#mypage .importantinfo a{
	margin-top: 5px;
	background-color: #000;
	background-image: url(https://static.yama96.jp/images/mypage/sp/maypage_linetop.png), url(https://static.yama96.jp/images/mypage/sp/maypage_linebtm.png);
	-moz-background-size: 320px 3px, 320px 3px;
	background-size: 320px 3px, 320px 3px;
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	display: block;
	text-align: center;
	line-height: 1.1em;
	padding: 10px 0;
	color: red;
}
@media screen and (max-width: 1000px){
  #mypage .mypagebtn a {
	-moz-background-size: 320px 3px, 320px 3px;
	background-size: 320px 3px, 320px 3px;
  }
}

/* ---ヨイデハナイカ履歴--- */
#mypage .yoideha .box {
	border-bottom: 1px #5f5d5d solid;
	margin: 8px 0 0;
	padding: 0 10px 5px;
}
#mypage .yoideha .box .frame {
	background: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #2d2d2d;
	margin: 7px 0 0;
	padding: 5px;
}
#mypage .yoideha .box .btn { margin: 6px 0; }
#mypage .yoideha .box .btn li {
	float: right;
	margin-right: 2px;
}
#mypage .yoideha .more { text-align: right; margin: 5px 0 0; }

/* お知らせリスト */
#mypage .info .box {
	border-bottom: 1px #5f5d5d solid;
	margin: 10px 0 0;
	padding: 0 10px 8px;
}
#mypage .info .more { text-align: right; margin: 5px 0 0; }

/* メニュー */
#mypage .menubtn { margin: 20px 0 0 29px; }
#mypage .menubtn li { float: left; margin: 0 16px 8px 0; }

/*--------------------------------------------------------------
 * クエスト
 * --------------------------------------------------------------*/
#container .area-img {
	width: 281px;
	position: relative;
	margin: auto;
}
#container .area-img .new {
	position: absolute;
	right: 1px;
	bottom: 3px;
}

/*--------------------------------------------------------------
 * ガチャページ
 * --------------------------------------------------------------*/
#gacha .pocket { margin: 6px 44px 0; }
#gacha .pocket .btn02 { background: #141414; border: 2px #535353 solid; color: #f1b05d; padding: 12px 0; }

#gacha .bg-red { padding: 6px 0 8px; }
#gacha .bg-red .catch { color: #e4e4e4; padding: 4px 0 0; }
#gacha .bg-red .frame {
	background: #200e10;
	border: 1px #535353 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #c0b4ac;
	margin-left: 7px;
	margin-right: 7px;
	padding: 14px 0 8px;
}
#gacha .bg-red .pay { color: #edd92c; }
#gacha .notes {
	text-align: right;
	margin: 8px 8px 0;
}

#gacha .bg-ds { padding: 10px 0; }
#gacha .bg-ds .frame {
	background: #1f1e1e;
	border: 1px #535353 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #c0b4ac;
	margin-left: 7px;
	margin-right: 7px;
	padding: 8px 0;
}

#container .nextreward {
	background: url(https://static.yama96.jp/images/common/sp/bg_nextreward.jpg) center top repeat-y;
	-moz-background-size: 302px 2px;
	background-size: 302px 2px;
	padding: 6px 0;
}
#container .nextreward .box { margin-left: 8px; }
#container .nextreward img, #container .nextreward video { width: 62px; margin-right: 8px; }

/* BOXスライド */
#card-box-slider {
	background: url(https://static.yama96.jp/images/common/sp/title_bg02.png) center top no-repeat;
    -webkit-background-size: 320px 45px;
    background-size: 320px 45px;
	width: 320px;
	position: relative;
	overflow: visible !important;
	zoom: 1;
}
#card-box-slider .bxslides li {
	width: 320px;
	display: block;
	text-align: center;
}
#card-box-slider .show-card li {
	width: 320px;
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
#card-box-slider .name {
	height: 45px;
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
}
#card-box-slider .name p { padding-top: 21px; }
#card-box-slider .status { font-size: 17px; }
#card-box-slider .status .left { width:173px; color:#b43cec; text-align: right; }
#card-box-slider .status .right { width:138px; text-align: left; }
#card-box-slider .number {
	background: #494949;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	height: 32px;
	display: inline-block;
	font-size: 17px;
	line-height: 1.1em;
	padding: 0 28px;
}
#card-box-slider .number p { padding-top: 8px;}
/* /BOXスライド */




/* 手形スライド */
#card-slider {
	background: url(https://static.yama96.jp/images/common/sp/title_bg02.png) center top no-repeat;
    -webkit-background-size: 320px 45px;
    background-size: 320px 45px;
	width: 320px;
	margin: 25px 0 0;
	position: relative;
	overflow: visible !important;
	zoom: 1;
}
#card-slider .bxslides li {
	width: 320px;
	display: block;
	text-align: center;
}
#card-slider .name {
	height: 45px;
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
}
#card-slider .name p { padding-top: 21px; }
#card-slider .status { font-size: 17px; }
#card-slider .status .left { width:173px; color:#b43cec; text-align: right; }
#card-slider .status .right { width:138px; text-align: left; }
#card-slider .number {
	background: #494949;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	height: 32px;
	display: inline-block;
	font-size: 17px;
	line-height: 1.1em;
	padding: 0 28px;
}
#card-slider .number p { padding-top: 8px;}
/* /手形スライド */

#container .battle_boss {
	background: url(https://static.yama96.jp/images/common/sp/title02_topline.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
    background-size: 100% 15px, 100% 3px;
	text-align: center;
	padding: 15px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .battle_boss {
    -webkit-background-size: 320px 15px, 320px 3px;
    background-size: 320px 15px, 320px 3px;
  }
}
#container .battle_boss .hp-box {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	width: 320px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	line-height: 1.1em;
	padding: 10px 0;
}
#container .battle_boss .hp-box .hp { color: #f6eb91; }
#container .battle_boss .hp-box .head { color: #ff2929; }

#container .roulette {
	background: #1e2a2b;
	border: 1px #747474 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 6px;
	margin-right: 6px;
	padding: 10px 0 1px;
}
#container .roulette ul { margin-left: 10px; }
#container .roulette li { width: 84px; height: 93px; overflow: hidden; position: relative; float: left; margin-right: 8px; }
#container .roulette li img { width: 84px; height: 84px; }
#container .roulette li .done { position: absolute; left: 0; top: 0; }

#container .battle_result {
	background: url(https://static.yama96.jp/images/common/sp/title02_topline.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
    background-size: 100% 15px, 100% 3px;
	text-align: center;
	padding: 15px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .battle_result {
    -webkit-background-size: 320px 15px, 320px 3px;
    background-size: 320px 15px, 320px 3px;
  }
}
#container .battle_result .title { position: absolute; top:0; left:0; }
#container .battle_result .box {
	width: 236px;
	position: absolute;
	left: 42px;
	bottom: 2px;
}
#container .battle_result .rkg {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	border: 2px #706b6b solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
	padding: 14px 0 10px;
}
#container .battle_result .damage { height:29px; font-size: 30px; color:#eb2e2e; }
#container .battle_result .number { height:29px; font-size: 30px; color:#2eebd3; }
#container .battle_result .no { font-family: Arial, Verdana, sans-serif; }
#container .battle_result .unit { font-size: 18px; }

#container .battle_rkg { line-height: 1.1em; }
#container .battle_rkg .damage { height:26px; font-size: 27px; color:#edbb59; }
#container .battle_rkg .number { height:26px; font-size: 27px; color:#2ce0c9; }
#container .battle_rkg .no { font-family: Arial, Verdana, sans-serif; }
#container .battle_rkg .unit { font-size: 18px; }

#container .get-general {
	background: #28292d;
	border: 1px #747474 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#container .get-general div:first-child {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}
#container .get-general div:last-child {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#container .get-general .g-lg { background: #50004E; }
#container .get-general .g-ssr { background: #52452a; }
#container .get-general .g-sr { background: #361818; }
#container .get-general .g-rr { background: #222b41; }
#container .get-general .title {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.1em;
	color: #FFF;
	padding: 9px;
}
#container .get-general .g-lg .title {
	background: #9A0597;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9A0597), color-stop(0.53, #720171), color-stop(0.47, #720171) color-stop(0.00, #9A0597));
	background: -webkit-linear-gradient(top, #9A0597 0%, #720171 47%, #720171 53%, #9A0597 100%);
	background: -moz-linear-gradient(top, #9A0597 0%, #720171 47%, #720171 53%, #9A0597 100%);
	background: -o-linear-gradient(top, #9A0597 0%, #720171 47%, #720171 53%, #9A0597 100%);
	background: -ms-linear-gradient(top, #9A0597 0%, #720171 47%, #720171 53%, #9A0597 100%);
	background: linear-gradient(top, #9A0597 0%, #720171 47%, #720171 53%, #9A0597 100%);
	border-top: 1px #aca383 solid;
}
#container .get-general .g-ssr .title {
	background: #c0a868;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c0a868), color-stop(0.53, #5c5027), color-stop(0.47, #5c5027) color-stop(0.00, #c0a868));
	background: -webkit-linear-gradient(top, #c0a868 0%, #5c5027 47%, #5c5027 53%, #c0a868 100%);
	background: -moz-linear-gradient(top, #c0a868 0%, #5c5027 47%, #5c5027 53%, #c0a868 100%);
	background: -o-linear-gradient(top, #c0a868 0%, #5c5027 47%, #5c5027 53%, #c0a868 100%);
	background: -ms-linear-gradient(top, #c0a868 0%, #5c5027 47%, #5c5027 53%, #c0a868 100%);
	background: linear-gradient(top, #c0a868 0%, #5c5027 47%, #5c5027 53%, #c0a868 100%);
	border-top: 1px #aca383 solid;
}
#container .get-general .g-sr .title {
	background: #89424e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #89424e), color-stop(0.53, #4f0a0a), color-stop(0.47, #4f0a0a) color-stop(0.00, #89424e));
	background: -webkit-linear-gradient(top, #89424e 0%, #4f0a0a 47%, #4f0a0a 53%, #89424e 100%);
	background: -moz-linear-gradient(top, #89424e 0%, #4f0a0a 47%, #4f0a0a 53%, #89424e 100%);
	background: -o-linear-gradient(top, #89424e 0%, #4f0a0a 47%, #4f0a0a 53%, #89424e 100%);
	background: -ms-linear-gradient(top, #89424e 0%, #4f0a0a 47%, #4f0a0a 53%, #89424e 100%);
	background: linear-gradient(top, #89424e 0%, #4f0a0a 47%, #4f0a0a 53%, #89424e 100%);
	border-top: 1px #8f5a5a solid;
}
#container .get-general .g-rr .title {
	background: #586285;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #586285), color-stop(0.53, #232a54), color-stop(0.47, #232a54) color-stop(0.00, #586285));
	background: -webkit-linear-gradient(top, #586285 0%, #232a54 47%, #232a54 53%, #586285 100%);
	background: -moz-linear-gradient(top, #586285 0%, #232a54 47%, #232a54 53%, #586285 100%);
	background: -o-linear-gradient(top, #586285 0%, #232a54 47%, #232a54 53%, #586285 100%);
	background: -ms-linear-gradient(top, #586285 0%, #232a54 47%, #232a54 53%, #586285 100%);
	background: linear-gradient(top, #586285 0%, #232a54 47%, #232a54 53%, #586285 100%);
	border-top: 1px #808497 solid;
}
#container .get-general .g-r .title {
	background: #595f66;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #595f66), color-stop(0.53, #2b2f33), color-stop(0.47, #2b2f33) color-stop(0.00, #595f66));
	background: -webkit-linear-gradient(top, #595f66 0%, #2b2f33 47%, #2b2f33 53%, #595f66 100%);
	background: -moz-linear-gradient(top, #595f66 0%, #2b2f33 47%, #2b2f33 53%, #595f66 100%);
	background: -o-linear-gradient(top, #595f66 0%, #2b2f33 47%, #2b2f33 53%, #595f66 100%);
	background: -ms-linear-gradient(top, #595f66 0%, #2b2f33 47%, #2b2f33 53%, #595f66 100%);
	background: linear-gradient(top, #595f66 0%, #2b2f33 47%, #2b2f33 53%, #595f66 100%);
	border-top: 1px #818893 solid;
}
#container .get-general .list { text-align: left; margin: 10px 0 0 23px; }
#container .get-general .list li { float: left; width: 72px; height: 106px; overflow: hidden; margin-left: 10px; }
#container .get-general .list li img { width: 72px; vertical-align: top; }

/*--------------------------------------------------------------
 * 妖魔
 * --------------------------------------------------------------*/
#container .boss-mainimg {
	background: url(https://static.yama96.jp/images/common/sp/title01_btm.png) center bottom no-repeat;
	-moz-background-size: 100% 2px;
	background-size: 100% 2px;
	position: relative;
	padding: 0 0 2px;
	min-height: 250px;
}
#container .boss-mainimg .name-box {
	background: url(https://static.yama96.jp/images/common/sp/bg_name01.png) left top repeat-y;
	-moz-background-size: 100% 2px;
	background-size: 100% 2px;
	width: 320px;
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 1000px){
  #container .boss-mainimg .name-box {
	-moz-background-size: 320px 5px;
	background-size: 320px 5px;
  }
}
#container .boss-mainimg .name-box li { float: left; line-height: 1.1em; }
#container .boss-mainimg .name-box .element { margin-left: 5px;	padding-top: 7px; }
/* #container .boss-mainimg .name-box .name { margin-left: 4px; padding-top: 4px; } */
#container .boss-mainimg .name-box .name { margin-left: 2px; padding-top: 4px; font-size: 20px; line-height: 30px; }
#container .boss-mainimg .name-box .lv { font-size:15px; margin-left: 6px; padding-top: 13px; }

#container .boss-mainimg .box {
	width: 300px;
	position: absolute;
	left: 10px;
	bottom: 6px;
}
#container .boss-mainimg .help {
	width: 80px;
	height: 80px;
	display: inline-block;
	border-radius: 40px;
}
#container .boss-mainimg .rkg {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	border: 2px #706b6b solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	font-size: 16px;
	margin: 6px 0 0;
	padding: 10px 0;
}
#container .boss-mainimg .rkg .hp { font-size: 20px; color: #f5ba6e; }
#container .boss-mainimg .rkg .head { color: #ff2929; }
#container .boss-mainimg .rkg .time { color: #f32a2a; }

#container .youma-info {
	border-top: 2px #000 solid;
	border-left: 2px #000 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
#container .youma-info th {
	background: #6e4f78;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6e4f78), color-stop(0.00, #241b30));
	background: -webkit-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -moz-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -o-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: -ms-linear-gradient(top, #241b30 0%, #6e4f78 100%);
	background: linear-gradient(top, #241b30 0%, #6e4f78 100%);
	border-top: 1px #3a2a48 solid;
	border-right: 2px #000 solid;
	width: 33%;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	line-height: 1.2em;
	padding: 3px;
}
#container .youma-info td {
	background: #0d0d0d;
	border-right: 2px #000 solid;
	border-bottom: 2px #000 solid;
	text-align: center;
	color: #FFF;
	line-height: 1.2em;
	padding: 5px 3px;
}

#container .c-deck {
	background: url(https://static.yama96.jp/images/common/sp/bg_deck01.jpg) center top repeat-y;
	-moz-background-size: 301px 2px;
	background-size: 301px 2px;
	padding: 9px 0;
}
#container .c-deck .box { margin-left: 4px; }
#container .c-deck img,
#container .c-deck video { width: 52px; margin-right: 4px; }

#container .youma-reward {
	background: url(https://static.yama96.jp/images/common/sp/bg_reward01.jpg) center top repeat-y;
	-moz-background-size: 300px 2px;
	background-size: 300px 2px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 10px 0;
}
#container .youma-reward .head { color: #dbb66f; }
#container .youma-reward .item { color: #f03535; }

#container .youma-getreward {
	background: url(https://static.yama96.jp/images/common/sp/bg_reward02.jpg) center top repeat-y;
	-moz-background-size: 287px 2px;
	background-size: 287px 2px;
	padding: 6px 0;
}
#container .youma-getreward .box { margin-left: 8px; }
#container .youma-getreward img { width: 88px; margin-right: 8px; }

/*--------------------------------------------------------------
 * 妖魔ちゃん
 * --------------------------------------------------------------*/

#container .y-chan {
	background: url(https://static.yama96.jp/images/yomachan/sp/youmachan_bg01.jpg) center top no-repeat;
	-moz-background-size: 320px 342px;
	background-size: 320px 342px;
	padding-top: 110px;
}
#container .y-chan .main-img { margin-left: 32px; }
#container .y-chan .name-box {
	background: url(https://static.yama96.jp/images/common/sp/bg_name01.png) left top repeat-y;
	-moz-background-size: 255px 5px;
	background-size: 255px 5px;
	width: 255px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 0;
}
#container .y-chan .name-box div { margin: 0 7px; }

#container .y-chan .count {
	background: url(https://static.yama96.jp/images/yomachan/sp/youmachan_count_bg.png) repeat;
	width: 255px;
	line-height: 1.1em;
	padding: 7px 0;
}
#container .y-chan .count p { margin: 0 7px; }
#container .y-chan-reward {
	background: url(https://static.yama96.jp/images/yomachan/sp/youmachan_reward.jpg) center top no-repeat;
	-moz-background-size: 288px113px;
	background-size: 288px 113px;
	width: 288px;
	height: 113px;
}
#container .y-chan-reward .box {
	margin: 0 8px 0 13px;
	padding: 14px 0 0;
}
#container .y-chan-reward .right { width: 170px; }
#container .y-chan-reward .name{ color: #c6f92a; }

#container .y-chan-list {
	background: #222b1e;
	border: 1px #747474 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 9px 0 15px;
}
#container .y-chan-list .row02 { margin-left: 56px; }
#container .y-chan-list .row03 { margin-left: 11px; }
#container .y-chan-list li {
	width: 85px;
	float: left;
	position: relative;
	text-align: center;
	margin-right: 7px;
}
#container .y-chan-list img { width: 85px; }
#container .y-chan-list .done .kan { position: absolute; left: 0; top: 0; }
#container .y-chan-list .done .name { color: #5f5f5f; }


/*--------------------------------------------------------------
 * イベント
 * --------------------------------------------------------------*/
#container .mainimg01 {
	background-image: url(https://static.yama96.jp/images/common/sp/title02_topline.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	-moz-background-size: 100% auto, 100% auto;
	background-size: 100% auto, 100% auto;
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	display: block;
	text-align: center;
	line-height: 1.1em;
	padding: 15px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .mainimg01 {
	-moz-background-size: 320px 15px, 320px 3px;
	background-size: 320px 15px, 320px 3px;
  }
}

#container .imgon_rkg {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	border: 2px #706b6b solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	width: 234px;
	position: absolute;
	left: 30px;
	bottom: 5px;
	font-size: 16px;
	padding: 10px 0 8px;
}
#container .imgon_rkg .number { color: #f0ce74; }
#container .imgon_rkg .all { color: #716a7b; }
#container .imgon_rkg .line { border-top: 2px #57505d solid; }

/*--------------------------------------------------------------
天下無双
--------------------------------------------------------------*/
#tenkamusou_head {
	position: relative;
	height: 153px;
	background: url(https://static.yama96.jp/images/tenkamusou/sp/image.jpg) center top no-repeat;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#tenkamusou_head .box {
	width: 265px;
	overflow: hidden;
	margin: 0 auto;
	padding: 50px 0 0;
	text-align: center;
}
#tenkamusou_head .class {
	font-size: 30px;
	font-weight: bold;
}
#tenkamusou_head .dviolet {
	padding-top: 16px;
	font-size: 16px;
	color: #a247e2;
}
#tenkamusou_head .up {
	padding-top: 16px;
	color: #F9F460;
}

#tenkamusou_head .record {
	position: absolute;
	top: 111px;
	left: 122px;
	width: 150px;
	height: 1.5em;
	overflow: hidden;
	color: #F88120;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.7em;
}

#tenkamusou_status {
	display: table;
	width: 100%;
	margin: -1em 0 0;
	padding: 7px 0 10px;
	background: #171516 url(https://static.yama96.jp/images/tenkamusou/sp/title_bg.jpg) center bottom repeat-x;
	-moz-background-size: 24px 100px;
	background-size:  24px 100px;
}
#tenkamusou_status .l, #tenkamusou_status .r { display: table-cell; vertical-align: middle; }
#tenkamusou_status .l { width: 126px; padding-left: 17px; }
#tenkamusou_status .r { width: 175px; color: #D5BB8E; text-align: center; }
#tenkamusou_status .l p {
	margin-top: 3px;
	padding: 5px 6px 3px;
	border: 1px #404040 solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #0E0E0E;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #252525), color-stop(0.00, #0E0E0E));
	background: -webkit-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: -moz-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: -o-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: -ms-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: linear-gradient(top, #0E0E0E 0%, #252525 100%);
	line-height: 1em;
}
#tenkamusou_status .l span { color: #F2B960; }
#tenkamusou_status #bp {
	width: 126px;
	height: 22px;
	margin-top: 6px;
	background: url(https://static.yama96.jp/images/tenkamusou/sp/bp_bg.png) center top no-repeat;
	-moz-background-size: 100%;
	background-size:  100%;
}
#tenkamusou_status #bp span {
	display: block;
	height: 18px;
	margin-left: 53px;
	padding-top: 3px;
	background: url(https://static.yama96.jp/images/tenkamusou/sp/bp_point.png) left center repeat-x;
	-moz-background-size: auto 16px;
	background-size:  auto 16px;
}
#tenkamusou_status #bp .bp1 { width: 16px; }
#tenkamusou_status #bp .bp2 { width: 38px; }
#tenkamusou_status #bp .bp3 { width: 62px; }
#tenkamusou_status .r a {
	position: relative;
	display: block;
	width: 144px;
	height: 48px;
	margin: 0 auto 5px;
	background: url(https://static.yama96.jp/images/tenkamusou/sp/btn_attack.png) center center no-repeat;
	-moz-background-size: 100%;
	background-size:  100%;
	text-decoration: none;
}
#tenkamusou_status .r span {
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	font-size: 10px;
	color: #FFF;
}
#tenkamusou_status .r span span { position: relative; top: 0; color: #F32B10; }

/* 天下無双BP表示 */

.bp_status {
	width: 100%;
	padding: 7px 0 10px;
	-moz-background-size: 24px 100px;
	background-size:  24px 100px;
}
.bp_status p {
	margin-left: 0;
	margin-top: 3px;
	padding: 5px 6px 3px;
	border: 1px #404040 solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #0E0E0E;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #252525), color-stop(0.00, #0E0E0E));
	background: -webkit-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: -moz-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: -o-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: -ms-linear-gradient(top, #0E0E0E 0%, #252525 100%);
	background: linear-gradient(top, #0E0E0E 0%, #252525 100%);
	line-height: 1em;
}
.bp_status span { color: #F2B960; }
.bp_status .bp {
	width: 126px;
	height: 22px;
	margin: 6px auto 0px;
	background: url(https://static.yama96.jp/images/tenkamusou/sp/bp_bg.png) center top no-repeat;
	-moz-background-size: 100%;
	background-size:  100%;
}
.bp_status .bp span {
	display: block;
	height: 18px;
	margin-left: 53px;
	padding-top: 3px;
	background: url(https://static.yama96.jp/images/tenkamusou/sp/bp_point.png) left center repeat-x;
	-moz-background-size: auto 16px;
	background-size:  auto 16px;
}
.bp_status .bp .bp1 { width: 16px; }
.bp_status .bp .bp2 { width: 38px; }
.bp_status .bp .bp3 { width: 62px; }


/* 階級/戦績/報酬ボタン */
#tenkamusou_button {
	margin-top: -1em;
	padding: 14px 0 30px;
	letter-spacing: -.40em;
}
#tenkamusou_button li {
	display: inline-block;
	width: 32%;
	margin: 0 .5%;
	font-size: 0;
}
#tenkamusou_button li img {
	width: 100%;
	max-width: 100% !important;
	height: auto !important;
}

/* 昇級ボーナス */
#tenkamusou_bonus.f-dgray01 {
	background: #292a2d;
	border: 1px #95929a solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#tenkamusou_bonus .t-box05 {
	background: #48454d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #46494d), color-stop(0.55, #000), color-stop(0.45, #000) color-stop(0.00, #46494d));
	background: -webkit-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: -moz-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: -o-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: -ms-linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	background: linear-gradient(top, #46494d 0%, #000 45%, #000 55%, #46494d 100%);
	border: 1px #6f787b solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: block;
	text-align: center;
	font-weight: normal;
	color: #FFF;
	padding: 8px;
}
#tenkamusou_bonus .bonus-item {
	background: url(https://static.yama96.jp/images/common/sp/bg_bonus01.jpg) center top repeat-y;
	-moz-background-size: 301px 2px;
	background-size: 301px 2px;
	padding: 6px 0;
}
#tenkamusou_bonus .bonus-item .box { margin-left: 8px; }
#tenkamusou_bonus .bonus-item img { width: 88px; margin-right: 8px; }
#tenkamusou_bonus .list-gray li {
	margin: 1px 0 0;
	background: #3F4143;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3F4143), color-stop(0.00, #343538));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #343538 0%, #3F4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #343538 0%, #3F4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #343538 0%, #3F4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #343538 0%, #3F4143 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #343538 0%, #3F4143 100%);
	-webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
	background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #656568 solid;
}
#tenkamusou_bonus .list-gray li:nth-child(even) {
	background: #292a2d;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #292a2d), color-stop(0.00, #242427));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #242427 0%, #292a2d 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #242427 0%, #292a2d 100%);
	-webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
	background-size: 6px 11px, 100% 100%;
	background-position: 95% 50%, 0% 0% ;
	border-top: 1px #58595b solid;
}
#tenkamusou_bonus .list-gray li:last-child {
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
#tenkamusou_bonus .list-gray li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 14px 32px 14px 18px;
}
#tenkamusou_bonus .list-gray li.back a, #tenkamusou_bonus .list-gray li.evenback a { padding: 14px 18px 14px 28px; }

/* 天下無双結果 */
#container .musou-score02 {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	border: 2px #5a5757 solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	padding: 5px 0 7px;
}
#container .musou-score02 .title {
	position: absolute;
	left: 6px;
	top: -16px;
}
#container .musou-score02 table {
	width: 283px;
	margin: 0 auto 0 15px;
}
#container .musou-score02 th,#container .musou-score02 td {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1em;
}
#container .musou-score02 th { color: #c49a58; }
#container .musou-score02 td { color: #FFF; }
#container .musou-score02 .cell01 { padding-top: 15px; }
#container .musou-score02 .cell02 { padding: 5px 0 8px; }
#container .musou-score02 .cell03 {
	border-left: 1px #3a3941 solid;
	width: 135px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
#container .musou-score02 .cell03 span { color: #a247e2; }

/*--------------------------------------------------------------
天下無双　ポップアップ
--------------------------------------------------------------*/
.noscroll { overflow: hidden; }
.popup_window {
	padding: 10px 0 0 10px;
	border: 1px #A48d6d solid;
	-moz-border-radius: 5px 0px 5px 5px;
	-webkit-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;
	background: #131313;
}
.popup_window .area:nth-child(3), .popup_window .area:nth-child(4) { display: none; }
.area {
	overflow: auto;
	margin: 5px 3px 5px 0;
	padding-right: 8px;
}
#class01, #bonus01, #bonus02 {
	position: relative;
}

/* tab */
.popup_tab {
	margin: 0 10px 0 2px;
}
.popup_tab li {
	float: left;
	width: 50%;
	margin-left: -1px;
	text-align: center;
}
.popup_tab li:first-child a {
	margin: 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
.popup_tab li:last-child a {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
.popup_tab li a {
	display: block;
	padding: 10px 0;
	border: 1px solid #4F5559;
	background: #44474B;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #191919), color-stop(0.00, #44474B));
	background: -webkit-linear-gradient(top, #44474B 0%, #191919 100%);
	background: -moz-linear-gradient(top, #44474B 0%, #191919 100%);
	background: -o-linear-gradient(top, #44474B 0%, #191919 100%);
	background: -ms-linear-gradient(top, #44474B 0%, #191919 100%);
	background: linear-gradient(top, #44474B 0%, #191919 100%);
	color: #7F7F7F;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(200,200,555,0);

}
.popup_tab li.current a { color: #FFF; }
.popup_tab.tab3 li { width: 33%; }
li.tab_y.current a {
	background: #806C39D;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #B7A05D), color-stop(0.00, #453413));
	background: -webkit-linear-gradient(top, #453413 0%, #B7A05D 100%);
	background: -moz-linear-gradient(top, #453413 0%, #B7A05D 100%);
	background: -o-linear-gradient(top, #453413 0%, #B7A05D 100%);
	background: -ms-linear-gradient(top, #453413 0%, #B7A05D 100%);
	background: linear-gradient(top, #453413 0%, #B7A05D 100%);
}
li.tab_b.current a {
	background: #254995;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3269B1), color-stop(0.00, #162375));
	background: -webkit-linear-gradient(top, #162375 0%, #3269B1 100%);
	background: -moz-linear-gradient(top, #162375 0%, #3269B1 100%);
	background: -o-linear-gradient(top, #162375 0%, #3269B1 100%);
	background: -ms-linear-gradient(top, #162375 0%, #3269B1 100%);
	background: linear-gradient(top, #162375 0%, #3269B1 100%);
}
li.tab_p.current a {
	background: #6E63AA;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9083CC), color-stop(0.00, #494084));
	background: -webkit-linear-gradient(top, #494084 0%, #9083CC 100%);
	background: -moz-linear-gradient(top, #494084 0%, #9083CC 100%);
	background: -o-linear-gradient(top, #494084 0%, #9083CC 100%);
	background: -ms-linear-gradient(top, #494084 0%, #9083CC 100%);
	background: linear-gradient(top, #494084 0%, #9083CC 100%);
}
li.tab_r.current a {
	background: #8E2916;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #A53B17), color-stop(0.00, #761616));
	background: -webkit-linear-gradient(top, #761616 0%, #A53B17 100%);
	background: -moz-linear-gradient(top, #761616 0%, #A53B17 100%);
	background: -o-linear-gradient(top, #761616 0%, #A53B17 100%);
	background: -ms-linear-gradient(top, #761616 0%, #A53B17 100%);
	background: linear-gradient(top, #761616 0%, #A53B17 100%);
}
li.tab_g.current a {
	background: #7A8835;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9EAD4F), color-stop(0.00, #4A5613));
	background: -webkit-linear-gradient(top, #4A5613 0%, #9EAD4F 100%);
	background: -moz-linear-gradient(top, #4A5613 0%, #9EAD4F 100%);
	background: -o-linear-gradient(top, #4A5613 0%, #9EAD4F 100%);
	background: -ms-linear-gradient(top, #4A5613 0%, #9EAD4F 100%);
	background: linear-gradient(top, #4A5613 0%, #9EAD4F 100%);
}

/* box */
.popup_window .box span { color: #EDC344; }
.popup_window .box h4, .popup_window .box p { margin: 0 0 0 10px; }

.popup_window .box {
	margin: 7px 2px 12px;
	padding-bottom: 12px;
	border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.popup_window .box h3 {
	margin-bottom: 10px;
	padding: 8px 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #32383F url(https://static.yama96.jp/images/tenkamusou/sp/title_gr.jpg) center top repeat-x;
	-webkit-background-size: 24px 32px;
	background-size: 24px 32px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.1em;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,.35);
}

.box_b .box { border-color: #81939E; }
.box_b .box h3 { background: #81BBE9 url(https://static.yama96.jp/images/tenkamusou/sp/title_b.jpg) center top repeat-x; -webkit-background-size: 24px 32px; background-size: 24px 32px; }

.box_p .box { border-color: #92819E; }
.box_p .box h3 { background: #A7A5CA url(https://static.yama96.jp/images/tenkamusou/sp/title_p.jpg) center top repeat-x; -webkit-background-size: 24px 32px; background-size: 24px 32px; }

.box_y .box.myRank { border-color: #8A816C; background-color: #2A251B; box-shadow: 0 0 5px 3px rgba(81,48,149,1); }
.box_y .box.myRank h3 { background: #BAA666 url(https://static.yama96.jp/images/tenkamusou/sp/title_y.jpg) center top repeat-x; -webkit-background-size: 24px 32px; background-size: 24px 32px; }

.popup_window .box.win { border-color: #8A6C6C; background-color: #2A1B1B; }
.popup_window .box.win h3 { background: #A53B16 url(https://static.yama96.jp/images/tenkamusou/sp/title_r.jpg) center top repeat-x; -webkit-background-size: 24px 32px; background-size: 24px 32px; }

.popup_window .box.lose { border-color: #6C708A; background-color: #1B1D2A; }
.popup_window .box.lose h3 { background: #354C86 url(https://static.yama96.jp/images/tenkamusou/sp/title_db.jpg) center top repeat-x; -webkit-background-size: 24px 32px; background-size: 24px 32px; }

.popup_window .box.draw { border-color: #0B610B; background-color: #0B3B0B; }
.popup_window .box.draw h3 { background: #354C86 url(https://static.yama96.jp/images/tenkamusou/sp/title_p.jpg) center top repeat-x; -webkit-background-size: 24px 32px; background-size: 24px 32px; }

/* 階級 */
#popup_class .popup_tab.tab3 li:nth-of-type(1) { width: 33%; }
#popup_class .popup_tab.tab3 li:nth-of-type(2) { width: 30%; }
#popup_class .popup_tab.tab3 li:nth-of-type(3) { width: 37%; }

/* 戦績 */
#popup_record .box { padding-bottom: 0; }
#popup_record.popup_window .box h3 { margin-bottom: 8px; }
#popup_record .box .c-fix {
	display: table;
	margin: 8px 10px;
}
#popup_record .box .c-fix img,
#popup_record .box .c-fix video,
#popup_record .box .c-fix div { display: table-cell; vertical-align: middle; }
#popup_record .box .c-fix img,
#popup_record .box .c-fix video {
	width: 58px;
	margin-right: 5px;
}
#popup_record .box h4 {
	margin-bottom: 5px;
}
#popup_record .box .date { color: #898989; }

/* 報酬 */
#popup_bonus .box { padding-bottom: 0; }
#popup_bonus.popup_window .box h3 { margin-bottom: 8px; }
#popup_bonus .box.myRank {
	box-shadow: 0 0 5px 3px rgba(128,39,77,1);
}
#popup_bonus .box .c-fix {
	display: table;
	margin: 8px 7px;
}
#popup_bonus .box .c-fix img,
#popup_bonus .box .c-fix span { display: table-cell; vertical-align: middle; }
#popup_bonus .box .c-fix img {
	width: 60px;
	margin-right: 16px;
}

#container .bonus-item {
	background: url(https://static.yama96.jp/images/common/sp/bg_bonus01.jpg) center top repeat-y;
	-moz-background-size: 301px 2px;
	background-size: 301px 2px;
	padding: 6px 0;
}
#container .bonus-item .box { margin-left: 8px; }
#container .bonus-item img { width: 88px; margin-right: 8px; }

#container .bonus_result .win {
	background: #59211c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #59211c), color-stop(0.00, #39110d));
	background: -webkit-linear-gradient(top, #39110d 0%, #59211c 100%);
	background: -moz-linear-gradient(top, #39110d 0%, #59211c 100%);
	background: -o-linear-gradient(top, #39110d 0%, #59211c 100%);
	background: -ms-linear-gradient(top, #39110d 0%, #59211c 100%);
	background: linear-gradient(top, #39110d 0%, #59211c 100%);
	border-bottom: 1px #0a0a0a solid;
	padding: 6px 0;
}
#container .bonus_result .lose {
	background: #1e4671;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1e4671), color-stop(0.00, #1a2a57));
	background: -webkit-linear-gradient(top, #1a2a57 0%, #1e4671 100%);
	background: -moz-linear-gradient(top, #1a2a57 0%, #1e4671 100%);
	background: -o-linear-gradient(top, #1a2a57 0%, #1e4671 100%);
	background: -ms-linear-gradient(top, #1a2a57 0%, #1e4671 100%);
	background: linear-gradient(top, #1a2a57 0%, #1e4671 100%);
	border-bottom: 1px #454343 solid;
	padding: 6px 0;
}
#container .bonus_result .draw {
	background: #1E7021;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1E7021), color-stop(0.00, #1A572B));
	background: -webkit-linear-gradient(top, #1A572B 0%, #1E7021 100%);
	background: -moz-linear-gradient(top, #1A572B 0%, #1E7021 100%);
	background: -o-linear-gradient(top, #1A572B 0%, #1E7021 100%);
	background: -ms-linear-gradient(top, #1A572B 0%, #1E7021 100%);
	background: linear-gradient(top, #1A572B 0%, #1E7021 100%);
	border-bottom: 1px #454343 solid;
	padding: 6px 0;
}
#container .bonus_result .imgs { width: 82px; }
#container .bonus_result .cts { width: 190px; }

/*--------------------------------------------------------------
 * 四神天武会
 * --------------------------------------------------------------*/

#tenbu {
	display: table;
	text-align: center;
	width: 100%;
	padding: 7px 0 10px;
	background: #171516 url(https://static.yama96.jp/images/tenkamusou/sp/title_bg.jpg) center bottom repeat-x;
	-moz-background-size: 24px 100px;
	background-size:  24px 100px;
}

/* 天下無双tenbu_point表示 */
.tenbu_point_status {
	width: 100%;
	-moz-background-size: 24px 100px;
	background-size:  24px 100px;
}
.tenbu_point_status_left {
	width: 50%;
	float: left;
	margin: 10px 0 0 5px;
	background-size:  24px 100px;
}
.tenbu_point {
	width: 148px;
	height: 22px;
	margin: 6px auto 0px;
	background: url(https://static.yama96.jp/images/tenbu/base/tenbu_point_bg.png) center top;
	-moz-background-size: 100%;
	background-size:  100%;
}
.tenbu_point span {
	display: block;
	height: 18px;
	margin-left: 44px;
	padding-top: 4px;
	background: url(https://static.yama96.jp/images/tenbu/base/tenbu_point.png) left center repeat-x;
	-moz-background-size: auto 16px;
	background-size:  auto 16px;
}
#tenbu_join a {
	position: relative;
	display: block;
	width: 140px;
	height: 48px;
	margin: 5px 5px 0 0;
	background: url(https://static.yama96.jp/images/tenbu/base/top_join.sp.png) center center no-repeat;
	-moz-background-size: 100%;
	background-size:  100%;
	text-decoration: none;
}
#tenbu_join span {
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	font-size: 10px;
	color: #FFF;
}

.tenbu_point .tenbu_point0 { width: 0px; }
.tenbu_point .tenbu_point1 { width: 16px; }
.tenbu_point .tenbu_point2 { width: 38px; }
.tenbu_point .tenbu_point3 { width: 60px; }
.tenbu_point .tenbu_point4 { width: 78px; }
.tenbu_point .tenbu_point5 { width: 99px; }

#regainText {
	float: left;
	margin: 5px 0 0 15px;
	font-size: 14px;
	color: #D5BB8E;
}

/* 天武会CardView */
.card-info .hand-attrs { height: 1.8em; }
.y_section .m5.hand-attrs div {
	width: 48%;
	display: inline-block;
	margin: 1% 0;
}

/*--------------------------------------------------------------
 * 武士団
 * --------------------------------------------------------------*/
#container .bushidan-battle {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	text-align: center;
	padding: 3px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .bushidan-battle {
    -webkit-background-size: 320px 3px, 320px 3px;
    background-size: 320px 3px, 320px 3px;
  }
}
#container .bushidan-battle .bg {
	background: #000 url(https://static.yama96.jp/images/bushidan/sp/battle_info_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
	padding: 5px 0;
}
@media screen and (max-width: 1000px){
  #container .bushidan-battle .bg {
    -webkit-background-size: 304px auto;
    background-size: 304px auto;
  }
}

#container .bushidan-battle .player01 {
	background: url(https://static.yama96.jp/images/bushidan/sp/player_bg01.png) left bottom no-repeat;
    -webkit-background-size: 127px 25px;
    background-size: 127px 25px;
	text-align: left;
	line-height: 1.1em;
	padding: 5px 0 4px 8px;
}
#container .bushidan-battle .player02 {
	background: url(https://static.yama96.jp/images/bushidan/sp/player_bg02.png) right bottom no-repeat;
    -webkit-background-size: 122px 25px;
    background-size: 122px 25px;
	text-align: right;
	line-height: 1.1em;
	padding: 5px 8px 4px 0;
}
#container .bushidan-battle .card {
	background: url(https://static.yama96.jp/images/bushidan/sp/battle_vs.png) no-repeat;
    -webkit-background-size: 75px auto;
    background-size: 75px auto;
	background-position: center 27px;
	margin: 8px 10px 0;
}

/* ---------------------------------------- 守護神バトル ---------------------------------------- */

#container .gvg-battle {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	text-align: center;
	padding: 3px 0 3px;
}
@media screen and (max-width: 1000px){
  #container .gvg-battle {
    -webkit-background-size: 320px 3px, 320px 3px;
    background-size: 320px 3px, 320px 3px;
  }
}
#container .gvg-battle .bg {
	background: #000 url(https://static.yama96.jp/images/bushidan/sp/battle_info_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
	padding: 5px 0;
}
@media screen and (max-width: 1000px){
  #container .gvg-battle .bg {
    -webkit-background-size: 304px auto;
    background-size: 304px auto;
  }
}

#container .gvg-battle .player01 {
	background: url(https://static.yama96.jp/images/gvg/battle/player_bg01.png) left bottom no-repeat;
    -webkit-background-size: 127px 25px;
    background-size: 127px 25px;
	text-align: left;
	line-height: 1.1em;
	padding: 5px 0 4px 8px;
}
#container .gvg-battle .player02 {
	background: url(https://static.yama96.jp/images/gvg/battle/player_bg02.png) right bottom no-repeat;
    -webkit-background-size: 122px 25px;
    background-size: 122px 25px;
	text-align: right;
	line-height: 1.1em;
	padding: 5px 8px 4px 0;
}
#container .gvg-battle .card {
	background: url(https://static.yama96.jp/images/bushidan/sp/battle_vs.png) no-repeat;
    -webkit-background-size: 75px auto;
    background-size: 75px auto;
	background-position: center 27px;
	margin: 8px 10px 0;
}

/* ---------------------------------------- 守護神バトル ---------------------------------------- */

#container .bushidan-message .box {
	background: #4b4646;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4b4646), color-stop(0.00, #3c3636));
	background: -webkit-linear-gradient(top, #3c3636 0%, #4b4646 100%);
	background: -moz-linear-gradient(top, #3c3636 0%, #4b4646 100%);
	background: -o-linear-gradient(top, #3c3636 0%, #4b4646 100%);
	background: -ms-linear-gradient(top, #3c3636 0%, #4b4646 100%);
	background: linear-gradient(top, #3c3636 0%, #4b4646 100%);
	border-top: 1px #5b5656 solid;
	padding: 8px 0;
}
#container .bushidan-message .box.even {
	background: #2c2728;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2c2728), color-stop(0.00, #232020));
	background: -webkit-linear-gradient(top, #232020 0%, #2c2728 100%);
	background: -moz-linear-gradient(top, #232020 0%, #2c2728 100%);
	background: -o-linear-gradient(top, #232020 0%, #2c2728 100%);
	background: -ms-linear-gradient(top, #232020 0%, #2c2728 100%);
	background: linear-gradient(top, #232020 0%, #2c2728 100%);
	border-top: 1px #464444 solid;
	padding: 8px 0;
}
#container .bushidan-message .box.my .imgs { margin-right: 8px; margin-left: 0; }
#container .bushidan-message .box .imgs { margin-right: 0; margin-left: 8px;  }
#container .bushidan-message .box .name { color: #e2a454; }
#container .bushidan-message .box .message {
	background: #1e1717;
	border: 1px #6b5c57 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 66px;
	position: relative;
	margin-top: 2px;
}
#container .bushidan-message .box.my .message {
	background: #1f0a03;
	border: 1px #97603b solid;
}
#container .bushidan-message .box .message .cts { margin: 0 7px; padding: 7px 0; }
#container .bushidan-message .box .message .balloon { position: absolute; top: 40px; left: -8px; }
#container .bushidan-message .box.my .message .balloon { left: auto; right: -8px; }

#container .bushidan-vs {
	background: url(https://static.yama96.jp/images/bushidan/sp/vs_bg.jpg) center top no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
	height: 138px;
	position: relative;
}
@media screen and (max-width: 1000px){
  #container .bushidan-vs {
    -webkit-background-size: 320px auto;
    background-size: 320px auto;
  }
}
#container .bushidan-vs .time { font-size: 11px; color: #f62727; line-height: 1.1em; padding-top: 5px; }
#container .bushidan-vs .cts-box {
	width: 320px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#container .bushidan-vs .player01 {
	background: url(https://static.yama96.jp/images/bushidan/sp/player_bg01.png) left bottom no-repeat;
    -webkit-background-size: 127px 25px;
    background-size: 127px 25px;
	width: 160px;
	float: left;
	text-align: left;
	line-height: 1.1em;
	padding: 5px 0 3px;
}
#container .bushidan-vs .player02 {
	background: url(https://static.yama96.jp/images/bushidan/sp/player_bg02.png) right bottom no-repeat;
    -webkit-background-size: 122px 25px;
    background-size: 122px 25px;
	width: 160px;
	float: right;
	text-align: right;
	line-height: 1.1em;
	padding: 5px 0 3px;
}
#container .bushidan-vs .player01 p { margin-left: 8px; }
#container .bushidan-vs .player02 p { margin-right: 8px; }
#container .bushidan-vs .cts-box .bg {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	padding: 4px 0 ;
}
#container .bushidan-vs .vs {
	position: absolute;
	left: 127px;
	top: 64px;
}
#container .bushidan-vs .power {
	height: 24px;
	font-size: 23px;
	line-height: 1.1em;
	margin: 0 5px;
}
#container .bushidan-vs .power .left { color: #d11212; }
#container .bushidan-vs .power .right { color: #3e7cbc; }

/* ---------------------------------------- 守護神バトル ---------------------------------------- */

#container .gvg-vs {
	background: url(https://static.yama96.jp/images/bushidan/sp/vs_bg.jpg) center top no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
	height: 138px;
	position: relative;
}
@media screen and (max-width: 1000px){
  #container .gvg-vs {
    -webkit-background-size: 320px auto;
    background-size: 320px auto;
  }
}
#container .gvg-vs .time { font-size: 11px; color: #f62727; line-height: 1.1em; padding-top: 5px; }
#container .gvg-vs .cts-box {
	width: 320px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#container .gvg-vs .player01 {
	background: url(https://static.yama96.jp/images/gvg/battle/player_bg01.png) left bottom no-repeat;
    -webkit-background-size: 127px 25px;
    background-size: 127px 25px;
	width: 160px;
	float: left;
	text-align: left;
	line-height: 1.1em;
	padding: 5px 0 3px;
}
#container .gvg-vs .player02 {
	background: url(https://static.yama96.jp/images/gvg/battle/player_bg02.png) right bottom no-repeat;
    -webkit-background-size: 122px 25px;
    background-size: 122px 25px;
	width: 160px;
	float: right;
	text-align: right;
	line-height: 1.1em;
	padding: 5px 0 3px;
}
#container .gvg-vs .player01 p { margin-left: 8px; }
#container .gvg-vs .player02 p { margin-right: 8px; }
#container .gvg-vs .cts-box .bg {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	padding: 4px 0 ;
}
#container .gvg-vs .vs {
	position: absolute;
	left: 127px;
	top: 64px;
}
#container .gvg-vs .power {
	height: 24px;
	font-size: 23px;
	line-height: 1.1em;
	margin: 0 5px;
}
#container .gvg-vs .power .left { color: #3e7cbc; }
#container .gvg-vs .power .right { color: #d11212; }

/* ---------------------------------------- 守護神バトル ---------------------------------------- */

#container .pb-bar {
	width: 320px;
	height: 19px;
	overflow: hidden;
	position: relative;
}
#container .pb-bar ul { margin: 0 7px; padding-top: 3px; }
#container .pb-bar ul li { height: 13px; overflow: hidden; float: left; }
#container .pb-bar .frame {
	background: url(https://static.yama96.jp/images/bushidan/sp/bar_vs_frame.png) center top no-repeat;
    -webkit-background-size: 320px 19px;
    background-size: 320px 19px;
	width: 320px;
	height: 19px;
	position: absolute;
	top: 0;
	left: 0;
}

#container .awaken-bar {
	width: 284px;
	height: 19px;
	overflow: hidden;
	position: relative;
}
#container .awaken-bar ul { margin: 0 3px; padding-top: 3px; }
#container .awaken-bar ul li { height: 13px; overflow: hidden; float: left; }
#container .awaken-bar .frame {
	background: url(https://static.yama96.jp/images/bushidan/sp/bar_awaken_frame.png) center top no-repeat;
    -webkit-background-size: 284px 19px;
    background-size: 284px 19px;
	width: 284px;
	height: 19px;
	position: absolute;
	top: 0;
	left: 0;
}

#container .bushidan-item {
	width: 265px;
	min-height: 100px;
	margin: auto;
}
#container .bushidan-item td { vertical-align: middle; }

/*--------------------------------------------------------------
 * 百鬼夜行
 * --------------------------------------------------------------*/

#container .hyakki-map { position: relative; padding-bottom: 40px; }
#container .hyakki-map .icon {
	position: absolute;
	top: 0;
	left: 0;
}
#container .hyakki-map .guide-box { position: absolute; left: 0; bottom: 0; }
#container .hyakki-area {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	text-align: center;
}
@media screen and (max-width: 1000px){
  #container .hyakki-area {
    -webkit-background-size: 320px 3px, 320px 3px;
    background-size: 320px 3px, 320px 3px;
  }
}
#container .hyakki-area .box {
	background: #9a8f6d;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #615435), color-stop(0.00, #9a8f6d));
	background: -webkit-linear-gradient(top, #9a8f6d 0%, #615435 100%);
	background: -moz-linear-gradient(top, #9a8f6d 0%, #615435 100%);
	background: -o-linear-gradient(top, #9a8f6d 0%, #615435 100%);
	background: -ms-linear-gradient(top, #9a8f6d 0%, #615435 100%);
	background: linear-gradient(top, #9a8f6d 0%, #615435 100%);
	border: 1px #9a8f6d solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 90px;
	height: 128px;
}
#container .hyakki-area .column-l { float: left; margin-left: 7px; }
#container .hyakki-area .column-c { float: left; margin-left: 6px; }
#container .hyakki-area .column-r { float: right; margin-right: 7px; }
#container .hyakki-area .count {
	background: #2e2a22;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.1em;
	margin: 6px 5px 0;
	padding: 3px 0;
}
#container .hyakki-area a.search { color: d7bc74; }
#container .list-red.area { border: none; }
#container .list-red.area li {
	background: #370f12 url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px;
    background-size: 6px 11px;
	background-position: 95% 50%;
	border-top: none;
}

#container .list-red.area li.even {
	background: #241415 url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat;
    -webkit-background-size: 6px 11px;
    background-size: 6px 11px;
	background-position: 95% 50%;
	border-top: none;
}

#container .hyakki-tsubo {
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/tsubo_bg.jpg) center top no-repeat;
    -webkit-background-size: 286px 286px;
    background-size: 286px 286px;
	width: 286px;
	height: 286px;
}
#container .hyakki-tsubo .box {
	width: 138px;
	padding-top: 15px;
}
#container .hyakki-tsubo .column-l { float: left; margin-left: 5px; }
#container .hyakki-tsubo .column-r { float: right; margin-right: 5px; }
#container .hyakki-tsubo .head { color: #ffda32; }
#container .hyakki-tsubo .column-l .count { color: #b1d64d; }
#container .hyakki-tsubo .column-r .count { color: #9366d6; }

#container .event-menu {
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_line_top.png), url(https://static.yama96.jp/images/hyakkiyako/sp/menu_line_btm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% auto, 100% auto;
    background-size: 100% auto, 100% auto;
	padding: 2px 0 1px;
}
@media screen and (max-width: 1000px){
  #container .event-menu {
    -webkit-background-size: 320px 2px, 320px 1px;
    background-size: 320px 2px, 320px 1px;
  }
}
#container .event-menu li {
	background: #37393b url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat;
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1c1d1d), color-stop(0.00, #37393b));
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat, -webkit-linear-gradient(top, #37393b 0%, #1c1d1d 100%);
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat, -moz-linear-gradient(top, #37393b 0%, #1c1d1d 100%);
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat, -o-linear-gradient(top, #37393b 0%, #1c1d1d 100%);
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat, -ms-linear-gradient(top, #37393b 0%, #1c1d1d 100%);
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/menu_icon.png) no-repeat, linear-gradient(top, #37393b 0%, #1c1d1d 100%);
    -webkit-background-size: 12px 13px, 100% 100%;
    background-size: 12px 13px, 100% 100%;
	background-position: 15px 50%, 0% 0% ;
	border-top: 1px #505254 solid;
	line-height: 1.1em;
	padding: 10px 10px 10px 38px;
}
#container .event-menu li a{
	font-size: 20px;
	color: #f2d54f;
	text-decoration: none;
}

#container .hyakki-area.bushi .count {
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	float: left;
	line-height: 1.1em;
	color: #9a89ff;
	margin: 0;
	padding: 1px 0 0;
}
#container .hyakki-area.bushi .bar {
	width: 191px;
	height: 18px;
	overflow: hidden;
	position: relative;
}
#container .hyakki-area.bushi .bar ul { margin: 0 3px; padding-top: 1px; }
#container .hyakki-area.bushi .bar ul li { height: 13px; overflow: hidden; float: left; }
#container .hyakki-area.bushi .bar .frame {
	background: url(https://static.yama96.jp/images/hyakkiyako/sp/bushi_s_bar_frame.png) center top no-repeat;
    -webkit-background-size: 191px 18px;
    background-size: 191px 18px;
	width: 191px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 0;
}
#container .hyakki-area.bushi table {
	width: 282px;
	border-left: 2px #84899c solid;
}
#container .hyakki-area.bushi table th.head {
	background: #888e9c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #32363f), color-stop(0.49, #4a4f5b), color-stop(0.45, #343a46), color-stop(0.00, #888e9c));
	background: -webkit-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: -moz-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: -o-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: -ms-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	border-top: 2px #84899c solid;
	border-right: 2px #84899c solid;
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	padding: 3px 0;
}
#container .hyakki-area.bushi table th.head span { color: #e3b86e; }
#container .hyakki-area.bushi table td {
	background: #0d0d0d;
	border-right: 2px #84899c solid;
	border-bottom: 2px #84899c solid;
	text-align: center;
	line-height: 1.1em;
	padding: 5px 0;
}
#container .hyakki-area.bushi table td span { color: #f0e535; }

#container .hyakki-info-f {
	border: 1px #d99e51 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .hyakki-info-f.bg-b { background: #252238; }
#container .hyakki-info-f.bg-r { background: #370f12; }
#container .hyakki-info-f.bg-y { background: #342c1e; }
#container .hyakki-info-f .imgs {
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png);
	background-position: center top, center bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: contain;
    -webkit-background-size: 100% 3px, 100% 3px;
    background-size: 100% 3px, 100% 3px;
	text-align: center;
}
#container .hyakki-info-f.bg-b .imgs { background-color: #09061e; }
#container .hyakki-info-f.bg-r .imgs { background-color: #1e0606; }
#container .hyakki-info-f.bg-y .imgs { background-color: #201910; }

#container .hyakki-info-f .box { width: 96px; }
#container .hyakki-info-f .column-l { float: left; margin-left: 6px; }
#container .hyakki-info-f .column02 .column-l { float: left; margin-left: 44px; }
#container .hyakki-info-f .column02 .column-r { float: right; margin-right: 44px; }
#container .hyakki-info-f a.battle { color:#f34848; }
#container .hyakki-info-f .unknown { color:#616161; }
#container .hyakki-info-f .time { color: #d22525; }

#container .hyakki-hama-main  { position: relative; padding-bottom: 30px; }
#container .hyakki-hama-main .guide-box { position: absolute; left: 0; bottom: 0; }
#container .hyakki-hama-main .guide-box .chara img { position: absolute; top: -30px; right: 0; }

#container .hyakki-hama-f {
	border: 1px #d99e51 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .hyakki-hama-f.bg-b { background: #06071e; }
#container .hyakki-hama-f.bg-r { background: #1e0606; }
#container .hyakki-hama-f.bg-y { background: #272116; }
#container .hyakki-hama-f .top-line {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png) center top no-repeat;
	background-size: contain;
    -webkit-background-size: 100% 3px;
    background-size: 100% 3px;
}
#container .hyakki-hama-f .number { color: #dbb76a; }

#container .hyakki-hama-fd {
	background: #160d0e;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#container .hyakki-hama-fd.border-b {
	border: 1px #324682 solid;
}
#container .hyakki-hama-fd.border-r {
	border: 1px #572b28 solid;
}
#container .hyakki-hama-fd.border-y {
	border: 1px #645a28 solid;
}

#container .hyakki-deck {
	background: #84899c;
	width: 285px;
	border-collapse:separate;
	border-spacing: 2px;
}
#container .hyakki-deck th.head {
	background: #888e9c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #32363f), color-stop(0.49, #4a4f5b), color-stop(0.45, #343a46), color-stop(0.00, #888e9c));
	background: -webkit-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: -moz-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: -o-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: -ms-linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	background: linear-gradient(top, #888e9c 0%, #343a46 45%, #4a4f5b 49%, #32363f 100%);
	font-weight: normal;
	text-align: center;
	line-height: 1.1em;
	padding: 3px 0;
}
#container .hyakki-deck td {
	background: #24262e;
	text-align: center;
	line-height: 1.1em;
	padding: 5px 0;
}
#container .hyakki-deck td span { color: #f0e535; }

#container .hyakki-member {
	background: #555980;
	border: 1px #7d8797 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#container .hyakki-member .box {
	background: #191d30;
	border: 1px #576773 solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#container .hyakki-member .box span { color: #f0e535; }


/*--------------------------------------------------------------
 * プロフィール
 * --------------------------------------------------------------*/

#container .myprofile .message {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png) repeat;
	border: 1px #705563 solid;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	min-height: 53px;
	font-size: 13px;
	margin: -56px 18px 0;
	position: relative;
}
#container .myprofile .message .box {
	margin: 0 10px;
	padding: 8px 0;
}
#container .myprofile .message a { color: #dd7121; }
#container .myprofile .rank {
	background: url(https://static.yama96.jp/images/profile/sp/bg_rank01.png) center top no-repeat;
    -webkit-background-size: 140px 47px;
    background-size: 140px 47px;
	height: 47px;
	text-align: center;
}
#container .myprofile .rank div { padding: 15px 0 0; }

#container .myprofile .status {
	background: #2c2e39;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2c2e39), color-stop(0.00, #1e1e28));
	background: -webkit-linear-gradient(top, #1e1e28 0%, #2c2e39 100%);
	background: -moz-linear-gradient(top, #1e1e28 0%, #2c2e39 100%);
	background: -o-linear-gradient(top, #1e1e28 0%, #2c2e39 100%);
	background: -ms-linear-gradient(top, #1e1e28 0%, #2c2e39 100%);
	background: linear-gradient(top, #1e1e28 0%, #2c2e39 100%);
	border: 1px #41434b solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.1em;
	padding: 6px 5px 4px 5px;
}
#container .myprofile .status .head { padding-top: 2px; }
#container .myprofile .status .head img { vertical-align: top; }
#container .myprofile .status .right { color:#ffcd7f; }
#container .myprofile .honor_setting {
	text-align: center;
	border: 1px solid gray;
    width: 70px;
    margin: 2px auto 0px;
	border-radius: 3px;
}

/*--------------------------------------------------------------
すごろく
--------------------------------------------------------------*/

#container .sugoroku .guide02 {
    padding: 8px 0;
    background-image: url(https://static.yama96.jp/images/common/sp/title01_top.png), url(https://static.yama96.jp/images/sugoroku/guide_bottom.sp.png), url(https://static.yama96.jp/images/sugoroku/guide_bg.sp.jpg);
    -webkit-background-size: 100% 2px, 100% 3px, 100% 100%;
    background-size: 100% 2px, 100% 3px, 100% 100%;
    background-position: center top, center bottom, center 2px;
    background-repeat: no-repeat;
}

#container .sugoroku .guide04 {
    padding: 8px 0;
    background-image: url(https://static.yama96.jp/images/common/sp/title01_top.png), url(https://static.yama96.jp/images/sugoroku/guide_bottom.sp.png), url(https://static.yama96.jp/images/sugoroku/guide_bg.sp.jpg);
    -webkit-background-size: 100% 2px, 100% 3px, 100% 100%;
    background-size: 100% 2px, 100% 3px, 100% 100%;
    background-position: center top, center bottom, center 2px;
    background-repeat: no-repeat;
}

#container .board img{
    display: block;
}

#container .board-img {
    position: relative;
}
#container .board-img ul {
    position: absolute;
    top: 24px;
    left: 26px;
    right: 33px;
}
#container .board-img li {
    position: relative;
    float: left;
    width: 79px;
    margin: 0 0 10px 8px;
}
#container .board-img li:nth-child(4), #container .board-img li:nth-child(5), #container .board-img li:nth-child(6) {
    float: right;
}
#container .board-img .complete:after,
#container .board-img li:first-child:before, #container .board-img li:last-child:before {
    content: "";
    position: absolute;
    display: block;
}

#container .board-img .complete:after {
     top: 0;
     z-index: 10;
     width: 79px;
     height: 79px;
     background: url(https://static.yama96.jp/images/sugoroku/complete.sp.png) no-repeat;
     -webkit-background-size: 100%;
     background-size: 100%;
 }

#container .board-img li:first-child:before {
    top: -1px;
    left: -2px;
    z-index: 1;
    width: 27px;
    height: 51px;
    background: url(https://static.yama96.jp/images/sugoroku/start.sp.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}
#container .board-img li:last-child:before {
    bottom: 7px;
    right: -12px;
    z-index: 1;
    width: 29px;
    height: 51px;
    background: url(https://static.yama96.jp/images/sugoroku/goal.sp.png) no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

#container .board-img li img.sugoroku-cell{ width: 100%; }

/* アニメーション */
#container .board-img li a {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none;
}
#container .board-img li .mirror {
    position: absolute;
    top: 0;
    width: 68px;
    height: 68px;
    overflow: hidden;
    margin: 6px 0 0 6px;
}
#container .board-img li .mirror span {
    display: block;
    position: absolute;
    top: -15px;
    width: 15px;
    height: 100%;
    background-color: #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: mirror 4s ease-in-out infinite;
    animation: mirror 4s ease-in-out infinite;
}
#container .board-img .complete .mirror {
    display: none;
}
#container .board-img .complete .mirror span {
    -webkit-animation: none;
    animation: none;
}
/*
#container .board-img li:nth-child(1) .mirror span { -webkit-animation-delay: 0s; animation-delay: 0s; }
*/
@-webkit-keyframes mirror {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    50% { -webkit-transform: scale(0) rotate(45deg); opacity: .2; }
    51% { -webkit-transform: scale(4) rotate(45deg); opacity: .4; }
    61% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
    100% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
}
@keyframes mirror {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    50% { transform: scale(0) rotate(45deg); opacity: .2; }
    51% { transform: scale(4) rotate(45deg); opacity: .4; }
    61% { transform: scale(50) rotate(45deg); opacity: 0; }
    100% { transform: scale(0) rotate(45deg); opacity: 0; }
}

/* ポップアップ */
.square-text #cboxContent {
    margin-top: 0;
    padding-top: 40px;
    background: url(https://static.yama96.jp/images/sugoroku/popup_hd.sp.png) center top no-repeat;
    -webkit-background-size: 100% 40px;
    background-size: 100% 40px;
}
.square-text #cboxLoadedContent { padding-top: 0; }
.square-text #cboxClose {
    top: 0;
    right: 15px;
    width: 32px;
    height: 32px;
    background: url(https://static.yama96.jp/images/sugoroku/popup_close.sp.png) center center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
}

/* すごろクロニクル モーダルウィンドウ */
#square {
    padding: 1.5em 25px 10px;
    background: url(https://static.yama96.jp/images/sugoroku/popup_bg.sp.png) center bottom no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #6d564e;
    line-height: 1.4;
}
#square h2 {
    margin-bottom: 1em;
    color: #544040;
    font-weight: bold;
}

#square .btn04 {
    background: #403f3b;
    background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #26221f), color-stop(0.51, #1d1c1a), color-stop(0.50, #2f2e2c), color-stop(0.00, #403f3b));
    background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    -webkit-background-size: 6px 11px, 100% 100%;
    background-size: 6px 11px, 100% 100%;
    background-position: 92% 50%, 0% 0% ;
    border: 1px #3e3d3b solid;
    -webkit-box-shadow: 0 1px 3px 0 #101010;
    -moz-box-shadow: 0 1px 3px 0 #101010;
    box-shadow: 0 1px 3px 0 #101010;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    text-align: left;
    text-decoration: none;
    line-height: 1.2em;
    padding: 10px 0;
    margin: 3em 0 .5em;;
}
@media screen and (max-width: 1000px){
    #square .btn04 {
        -webkit-background-size: 6px 11px, 100% 100%; /* webkit系 */
        background-size: 6px 11px, 100% 100%;
    }
}
#square .btn04 p { margin: 0 35px 0 15px; }

#square .guide {
	background-color: #4c4536;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png), url(https://static.yama96.jp/images/common/sp/guide_bg.png);
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-x;
	padding: 9px 0;
}
@media screen and (max-width: 1000px){
  #square .guide {
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
  }
}
#square .guide.line02 {
	background-color: #4c4536;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linebtm.png), url(https://static.yama96.jp/images/common/sp/guide_bg.png);
	-moz-background-size: 320px 1px, 3px 93px;
	background-size: 320px 1px, 3px 93px;
	background-position: center bottom, center -3px;
	background-repeat: no-repeat, repeat-x;
	padding: 6px 0 7px;
}
@media screen and (max-width: 1000px){
  #square .guide.line02 {
	-moz-background-size: 320px 1px, 3px 93px;
	background-size: 320px 1px, 3px 93px;
  }
}
#square .guide .chara { float: left; margin-left: 6px; }
#square .guide .chara img { width: 60px; }
#square .guide .frame { float: right; width: 181px; margin-right: 6px; }
#square .guide .frame .top {
	background: url(https://static.yama96.jp/images/common/sp/guide_frametop.png) center top repeat-x;
	-moz-background-size: 181px 6px;
	background-size: 181px 6px;
	height: 6px;
	overflow: hidden;
}
#square .guide .frame .btm {
	background: url(https://static.yama96.jp/images/common/sp/guide_framebtm.png) center top repeat-x;
	-moz-background-size: 181px 6px;
	background-size: 181px 6px;
	height: 6px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #square .guide .frame .top,#square .guide .frame .btm {
    -moz-background-size: 181px 6px;
    background-size: 181px 6px;
  }
}
#square .guide .frame .box {
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 21%, #e0e0e0 73%, #d7d7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(21%,#f7f7f7), color-stop(73%,#e0e0e0), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* W3C */

	min-height: 59px;
	line-height: 1.2em;
	padding: 3px;
	font-size:11px;
}
@media screen and (max-width: 1000px) {
/* #square .guide .frame .box, */
/* #square .guide02 .frame .box, */
  #square .guide03 .frame .box {
	-moz-background-size: 3px 75px;
	background-size: 3px 75px;
  }
}
#square .guide .frame .box img {
	width:40px;
	padding-right: 3px;
}
#square .guide .frame .box p {
	color: #5f3d27;
	margin: 0 10px; 
	word-break:break-all;
}

#square .btn01 {
	background: #403f3b;
	background: none, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #26221f), color-stop(0.51, #1d1c1a), color-stop(0.50, #2f2e2c), color-stop(0.00, #403f3b));
	background: none, -webkit-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: none, -moz-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: none, -o-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: none, -ms-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: none, linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    -webkit-background-size: 6px 11px, 100% 100%;
    background-size: 6px 11px, 100% 100%;
	background-position: 92% 50%, 0% 0% ;
	border: 1px #3e3d3b solid;
	-webkit-box-shadow: 0 1px 3px 0 #101010;
	-moz-box-shadow: 0 1px 3px 0 #101010;
	box-shadow: 0 1px 3px 0 #101010;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	padding: 10px 0;
	color: #CCCCCC;
}

#square .btn02 {
	background: #403f3b;
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #26221f), color-stop(0.51, #1d1c1a), color-stop(0.50, #2f2e2c), color-stop(0.00, #403f3b));
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -webkit-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -moz-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -o-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, -ms-linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
	background: url(https://static.yama96.jp/images/common/sp/arrow01.png) no-repeat, linear-gradient(top, #403f3b 0%, #2f2e2c 50%, #1d1c1a 51%, #26221f 100%);
    -webkit-background-size: 6px 11px, 100% 100%;
    background-size: 6px 11px, 100% 100%;
	background-position: 92% 50%, 0% 0% ;
	border: 1px #3e3d3b solid;
	-webkit-box-shadow: 0 1px 3px 0 #101010;
	-moz-box-shadow: 0 1px 3px 0 #101010;
	box-shadow: 0 1px 3px 0 #101010;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	text-align: left;
	text-decoration: none;
	line-height: 1.2em;
	padding: 10px 5px 10px 13px;
	color: #CCCCCC;
}

/* すごろクロニクル告知メッセージ */
#overlay {
	opacity: .64;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 999;
	background: #000;
	display: none;
}
#index-sugoroku .guide {
	background-color: #4c4536;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linetop.png), url(https://static.yama96.jp/images/common/sp/guide_linebtm.png), url(https://static.yama96.jp/images/common/sp/guide_bg.png);
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-x;
	padding: 9px 0;
}
@media screen and (max-width: 1000px){
  #index-sugoroku .guide {
	-moz-background-size: 320px 3px, 320px 3px, 3px 93px;
	background-size: 320px 3px, 320px 3px, 3px 93px;
  }
}
#index-sugoroku .guide.line02 {
	background-color: #4c4536;
	background-image: url(https://static.yama96.jp/images/common/sp/guide_linebtm.png), url(https://static.yama96.jp/images/common/sp/guide_bg.png);
	-moz-background-size: 320px 1px, 3px 93px;
	background-size: 320px 1px, 3px 93px;
	background-position: center bottom, center -3px;
	background-repeat: no-repeat, repeat-x;
	padding: 6px 0 7px;
}
@media screen and (max-width: 1000px){
  #index-sugoroku .guide.line02 {
	-moz-background-size: 320px 1px, 3px 93px;
	background-size: 320px 1px, 3px 93px;
  }
}
#index-sugoroku .guide .chara{ float: left; margin-left: 12px; }
#index-sugoroku .guide .chara02 { position: relative; top: -2px; float: left; margin-left: 6px; }
#index-sugoroku .guide .frame { float: right; width: 225px; margin-right: 12px; }
#index-sugoroku .guide .frame .top {
	background: url(https://static.yama96.jp/images/common/sp/guide_frametop.png) center top repeat-x;
	-moz-background-size: 225px 6px;
	background-size: 225px 6px;
	height: 6px;
	overflow: hidden;
}
#index-sugoroku .guide .frame .btm {
	background: url(https://static.yama96.jp/images/common/sp/guide_framebtm.png) center top repeat-x;
	-moz-background-size: 225px 6px;
	background-size: 225px 6px;
	height: 6px;
	overflow: hidden;
}
@media screen and (max-width: 1000px){
  #index-sugoroku .guide .frame .top,#index-sugoroku .guide .frame .btm {
	-moz-background-size: 225px 6px;
	background-size: 225px 6px;
  }
}
#index-sugoroku .guide .frame .box {
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #f7f7f7 21%, #e0e0e0 73%, #d7d7d7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(21%,#f7f7f7), color-stop(73%,#e0e0e0), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fdfdfd 0%,#f7f7f7 21%,#e0e0e0 73%,#d7d7d7 100%); /* W3C */

	min-height: 59px;
	line-height: 1.2em;
	padding: 3px 0;
}
@media screen and (max-width: 1000px) {
/* #index-sugoroku .guide .frame .box, */
/* #index-sugoroku .guide02 .frame .box, */
  #index-sugoroku .guide03 .frame .box {
	-moz-background-size: 3px 75px;
	background-size: 3px 75px;
  }
}
#index-sugoroku .guide .frame .box p {
	color: #5f3d27;
	margin: 0 10px; 
	word-break:break-all;
}

#container .board-img li img.sugoroku-sd-nako {
    position: absolute;
    top: -10px;
    left: 17px;
    z-index: 10;
    height: 70px;
}

/*--------------------------------------------------------------
 * VC一覧
 * --------------------------------------------------------------*/

#container .vc {
	background: url(https://static.yama96.jp/images/vc/sp/bg.jpg) center bottom repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#container .vc ul {
	padding-bottom: 22px;
	background: url(https://static.yama96.jp/images/vc/sp/ft.png) center bottom no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#container .vc li {
	clear: both;
	padding: 6px 15px 9px;
	border-top: 1px solid #e4dbd1;
	-webkit-box-shadow: 0 -2px 1px #908282;
	box-shadow: 0 -2px 1px #908282;
	color: #7C746E;
	font-size: 17px;
	line-height: 2;
}
#container .vc li a:before, #container .vc li span:before {
	display: inline-block;
	content: "";
	float: left;
	width: 2em;
	height: 2em;
	margin-right: .5em;
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#container .vc li a:before { background-image: url(https://static.yama96.jp/images/vc/sp/icon_vc.png); }
#container .vc li span:before { background-image: url(https://static.yama96.jp/images/vc/sp/icon_lock.png); }
#container .vc li a {
	color: #312414;
	text-decoration: none;
}
#container .vc li a:hover { background: rgba(255,255,255,.3); }

/*-------------------------------------------------------------------
 * ヘルプ画面
 * --------------------------------------------------------------------*/
.helpimage {
    display: block;
    margin: 10px auto;
    max-width: 80%;
}

/*------------------------------------------------------------------
 * 既存SR選択(BOXガチャ)
 * ----------------------------------------------------------------*/
#bg-sel-sr {
	background: #1e3333;
}

/*-------------------------------------------------------------------
 * お問い合わせ画面
 * --------------------------------------------------------------------*/
.support-new {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*font-weight: bold;*/
    color: white;
    text-align: center;
    background-color: #FF3333;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    float: left;
    margin: 14px 5px;
    top : -10px;
    right: -5px;
    z-index: 20;
    font-size: 14px;
    line-height: 20px;
}

/*-----------------------------------------
 * お出かけ幼魔ちゃん
 * ---------------------------------------- */
.otsukai-youma { float: left; margin-left: 5px }

a.link-r:link { color: #f63030; text-decoration:underline; }
a.link-r:visited { color: #f63030; text-decoration:underline; }
a.link-y:link { color: #fef15c; text-decoration:underline; }
a.link-y:visited { color: #fef15c; text-decoration:underline; }
a.link-b:link { color: #00DCFF; text-decoration:underline; }
a.link-b:visited { color: #00DCFF; text-decoration:underline; }

/*-----------------------------------------
 * デッキ編集
 * ---------------------------------------- */

/* デッキ編集ページ、コピーするボタン用*/
#deck_show_input {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;

	background: #232220;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232220), color-stop(0.51, #1d1c1a), color-stop(0.50, #333230), color-stop(0.00, #3e3c39));
	background: -webkit-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -moz-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -o-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: -ms-linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	background: linear-gradient(top, #3e3c39 0%, #333230 50%, #1d1c1a 51%, #232220 100%);
	border: 1px #4c4c4c solid;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	height: 40px;
	line-height: 1.2em;
	padding: 10px 10px;
}

#deck_show_table {
	border-collapse:separate;
	border-spacing:5px 15px;
}

/*-----------------------------------------
 * 地獄イベント
 * ---------------------------------------- */

/* 聖なる杯使用確認のポップアップ*/
#popup_confirm .f-pattern01 {
	background-color: #131215;
	background-image: url(https://static.yama96.jp/images/common/sp/title01_top.png),url(https://static.yama96.jp/images/common/sp/title01_top.png),url(https://static.yama96.jp/images/common/sp/bg_p01.jpg);
	-moz-background-size: 100% 2px,100% 2px,25px 100px;
	background-size: 100% 2px,100% 2px,25px 100px;
	background-position: center top, center bottom, center bottom;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

/*-----------------------------------------
 * 守護神バトル
 * ---------------------------------------- */

.gvg-box-top {
	width: 100%;
	position: absolute;
	left: 0px;
	top : 0px;
}

.gvg-box-bottom {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 4px;
}

.gvg-rkg {
	text-align: center;
	font-size: 16px;
	line-height: 1.1em;
	padding: 4px 0 4px;
}

.gvg-box-bottom > .gvg-rkg {
	background: url(https://static.yama96.jp/images/common/sp/bg_opacity74.png); repeat;
}

.gvg-box-top > .gvg-rkg {
	background: url(https://static.yama96.jp/images/common/sp/bg_name02.png); left top repeat-y;
}

.gvg-boss-hp {
	font-size: 20px;
	color: #f5ba6e;
}

.gvg-boss-hp > .head {
	color: #ff2929;
}

.trophy {
	background-image: url(https://static.yama96.jp/images/ally/l/trophy_bg.jpg);
	background-size: 320px 25px;
	padding: 3px;
}

/*--------------------------------------------------------------
 * ソロ討伐
 * --------------------------------------------------------------*/

#energy {
	display: table;
	text-align: center;
	width: 100%;
	padding: 7px 0 10px;
	background: #171516 url(https://static.yama96.jp/images/tenkamusou/sp/title_bg.jpg) center bottom repeat-x;
	-moz-background-size: 24px 100px;
	background-size:  24px 100px;
}

.energy_point_status {
	width: 100%;
	-moz-background-size: 24px 100px;
	background-size:  24px 100px;
}
.energy_point_status_left {
	width: 50%;
	float: left;
	margin: 10px 0 0 5px;
	background-size:  24px 100px;
}
.energy_point {
	width: 160px;
	height: 24px;
	margin: 6px auto 0px;
	background: url(https://static.yama96.jp/images/solo_raid/battle/energy_point_bg.png) center top;
	-moz-background-size: 100%;
	background-size:  100%;
}
.energy_point span {
	display: block;
	height: 19px;
	margin-left: 46.1px;
	padding-top: 4px;
	background: url(https://static.yama96.jp/images/solo_raid/battle/energy_point.png) left center repeat-x;
	-moz-background-size: auto 14.9px;
	background-size:  auto 14.9px;
}

#energy_join a {
	position: relative;
	display: block;
	width: 140px;
	height: 48px;
	margin: 5px 5px 0 0;
	background: url(https://static.yama96.jp/images/solo_raid/battle/btn_ep_join_on.sp.png) center center no-repeat;
	-moz-background-size: 100%;
	background-size:  100%;
	text-decoration: none;
}
#energy_join span {
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	font-size: 10px;
	color: #FFF;
}
#energy_regain_text {
	float: left;
	margin: 5px 0 0 65px;
	font-size: 14px;
	color: #D5BB8E;
}

.energy_point .energy_point0 { width: 0px; }
.energy_point .energy_point1 { width: 16px; }
.energy_point .energy_point2 { width: 36px; }
.energy_point .energy_point3 { width: 56px; }
.energy_point .energy_point4 { width: 73px; }
.energy_point .energy_point5 { width: 90px; }
.energy_point .energy_point6 { width: 109px; }

#container .tab-navi-solo {
	background: url(https://static.yama96.jp/images/common/sp/guide_linetop.png) center bottom no-repeat;
	-moz-background-size: 320px 3px;
	background-size: 320px 3px;
	padding-bottom: 3px;
}

/*
 * カード画像の重ね合わせ表示
 */
div.full-card,
div.slide-card {
	position: relative;
}
div.single-slider div.slide-card {
	width: 210px;
	left: 55px;
	right: 55px;
}
div.full-card img.base-card,
div.slide-card img.base-card {
	width: 100%;
}
div.full-card video.base-card,
div.slide-card video.base-card {
	width: 100%;
}
div.full-card img.exceed,
div.full-card img.awake {
	vertical-align: text-top;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
div.slide-card img.exceed,
div.slide-card img.awake {
	vertical-align: text-top;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
}
/* \Busho\Common\CardView用 */
div.cv-card {
	position: relative;
	display: inline-block;
}
div.cv-card img.base-card {
	width: 80px;
}
div.cv-card video.base-card {
	width: 80px;
}
div.cv-card img.exceed,
div.cv-card img.awake {
	vertical-align: text-top;
	position: absolute;
	width: 80px;
	left: 0;
	bottom: 0;
}
div.cv-card video.exceed,
div.cv-card video.awake {
	vertical-align: text-top;
	position: absolute;
	width: 80px;
	left: 0;
	bottom: 0;
}

/*--------------------------------------------------------------
 * 設定
 * --------------------------------------------------------------*/
 /*称号設定*/
 .settingMark {
    color: red;
    text-align: left;
    vertical-align: middle;
    font-size: 40px;
}

.honor_now{
	background-color: #17151c;
	border: 1px #a48d6d solid;
	border-radius: 5px;
	margin: 30px 2px;
	position: relative;
}

.honor_now .title {
	position: absolute;
    top: -15px;
    width: 100px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.honor_now .remove_form {
	width: 250px;
    margin: 0 auto 5px;
}

.honor_now .button {
    padding: 0;
    background-color: transparent;
    border: 1px #a48d6d solid;
    width: 50px;
	border-radius: 5px;
}

.honor_list{
	background-color: #222A2D;
	border: 1px #626262 solid;
	border-radius: 5px;
	margin: 0px 2px;
}

.honor_list .button {
    padding: 0;
    background-color: transparent;
    border: 1px #626262 solid;
    width: 50px;
	border-radius: 5px;
}

.honor_list .honor1:not(:first-child) {
	border-top: gray 1px solid;
}

.honor1 {
    text-align: center;
    width: 315px;
	margin-bottom: 5px;
}

.honor2 {
    text-align: center;
}

.honorChangeButton2 {
    padding: 0;
    margin: 0 0 0 55px;
    background-color: transparent;
    border: 0;
    width: 50%;
    color: #FFFFFF;
}