@charset "UTF-8";

[v-cloak] {
  display: none;
}

/* reset & base style CSS */

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

Reset Stylesheet v0.3 2012

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

body,
div,
pre,
p,
blockquote,
form,
fieldset,
input,
textarea,
select,
option,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
embed,
object {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}
table,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body {
  color: #343434;
  font-family: MS UI Gothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN',
    Helvetica, Arial, HiraKakuProN-W3;
  font-size: 62.5%; /* 10px */
  line-height: 1.8;
  -webkit-text-size-adjust: none; /* iPhone、iPod touchなどでフォントサイズが変わる対応 */
}

/* ----- link ----- */
#contentArea a:link,
#contentAreaPlain a:link {
  color: #7d2c1c;
  text-decoration: none;
}
#contentArea a:visited,
#contentAreaPlain a:visited {
  color: #885d47;
  text-decoration: none;
}
#contentArea a:hover,
#contentAreaPlain a:hover {
  color: #c93;
  text-decoration: underline;
}
#contentArea a:active,
#contentAreaPlain a:active {
  color: #930;
  text-decoration: none;
}

/* ----- other ----- */
ul,
ol {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td {
  border-collapse: collapse;
}
img {
  border: 0;
  vertical-align: bottom;
}
address {
  font-style: normal;
}

/* ----- clearfix ----- */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
ul,
ol,
dl {
  zoom: 1;
}
ul:after,
ol:after,
dl:after {
  content: '';
  display: block;
  /* clear: both; */
}
div {
  zoom: 1;
}
div:after {
  content: '';
  display: block;
  clear: both;
}
div.noafter:after {
  display: none;
}

.m-auto,
.margin-auto,
.margin-a {
  margin: auto;
}

.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

.block {
  display: block;
}

.wordbreak {
  word-wrap: break-word;
  word-break: break-all;
}

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

Base Stylesheet

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

body {
  background: url(../img/common/bg_body_7th.jpg) #fefefe repeat-x;
}

/* 基本構造
-------------------------------------------------- */

#container {
  position: relative;
  width: 1120px;
  margin: 0 auto;
  background-image: url(../img/common/bg_container_7th.png);
}

/* ヘッダー */
#globalHeader {
  position: relative;
  z-index: 1000;
  min-width: 1120px;
  height: 46px;
  background: #000 url(../img/common/bg_globalline.png) repeat-x left bottom;
}
#wrapper_header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 46px;
  z-index: 100;
}
#globalHeaderArea {
  position: relative;
  width: 1120px;
  margin: 0 auto;
}
#globalHeaderArea #logo_square_enix {
  position: absolute;
  width: 132px;
  left: 45px;
  top: 13px;
  z-index: 500;
}
#globalHeaderArea #logo_square_enix a {
  display: block;
  width: 132px;
  height: 14px;
  background: url(../img/common/parts_globalheader.png) no-repeat 0 -27px;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}

#globalHeaderArea .btnArea_g {
  position: absolute;
  top: 0;
  right: 0;
  width: 710px;
  padding-right: 30px;
  z-index: 500;
}
#globalHeaderArea #navi_globalHeader {
  float: right;
  width: 330px;
  margin: 9px 0 0 0;
  text-align: right;
}
#globalHeaderArea #navi_globalHeader li {
  box-sizing: border-box;
  display: inline;
  padding: 4px 15px 0 43px;
  border-left: 1px solid #fff;
  background: url(../img/common/parts_globalheader.png) no-repeat 12px 0px;
}
#globalHeaderArea #navi_globalHeader li:first-child {
  border-left: none;
}
#globalHeaderArea #navi_globalHeader li a {
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
}
#globalHeaderArea ul li a:hover {
  text-decoration: underline;
}
#globalHeaderArea .goMypage a,
#globalHeaderArea .logout a {
  float: right;
  display: block;
  width: 84px;
  height: 22px;
  margin: 9px 5px 0 0;
  background: url(../img/common/parts_globalheader.png) no-repeat 0 -115px;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
#globalHeaderArea .goMypage a:hover {
  background: url(../img/common/parts_globalheader.png) no-repeat 0 -147px;
}
#globalHeaderArea .logout a {
  width: 61px;
  margin-right: 0;
  background: url(../img/common/parts_globalheader.png) no-repeat 0 -51px;
}
#globalHeaderArea .logout a:hover {
  background: url(../img/common/parts_globalheader.png) no-repeat 0 -83px;
}

/* タイトル基本 */
.title {
  width: 1060px;
  margin: 0 auto;
}

/* 簡易タイトル */
#lightTitle {
  width: 1060px;
  height: 124px;
  background: url(../img/common/bg_lightTitle_7th.jpg?NDrSpUa2IK) no-repeat 0 0;
  position: relative;
}
#lightTitle .logo_top_link {
  position: absolute;
  top: 0;
  left: 25px;
  width: 165px;
  height: 115px;
  display: block;
}
#lightTitle p {
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
/* #leaf */
#wrapper #leaf {
  padding: 0;
  background: url(../img/common/bg_band_7th.png) no-repeat 30px 0;
}
.myPage #wrapper #leaf {
  background: none;
}

/* グローバルナビ */
#globalNavi,
#lightNavi {
  position: relative;
  width: 1060px;
  height: 56px;
  margin: 0 auto;
  background: url(../img/common/bg_globalnavi_7th.png?NDrSpUa2IK) no-repeat 0 0;
}

/* グローバルナビのプルダウンアイコン */
.globalnavi-down {
  position: absolute;
  margin-top: -18px;
  margin-left: 66px;
  width: 34px;
  height: 15px;
  background-image: url(../img/common/global_select/ico_down.png?d=20141225);
}
/* メインナビ＆交流酒場のニュー表示 */
.globalnavi-new,
.pubnavi-new,
.dqbtn-new {
  display: block;
  width: 31px;
  height: 13px;
  position: absolute;
  background-image: url(../img/common/ico_new.png);
}

/* メインナビのニュー表示 */
.globalnavi-new {
  margin: -47px 0 0 5px;
}

/* 交流酒場のニュー表示 */
.pubnavi-new {
  margin: -42px 0 0 8px;
}

/* マイページ、フレンド用ナビ */
#mypageNavi,
#friendNavi {
  clear: both;
  margin-top: 10px;
}

/* 左メニュー */
#userArea {
  float: left;
  width: 210px;
  margin: 18px 0 0 47px;
  padding-bottom: 15px;
}

/* 左メニュー　フォーラム */
#userArea_forum {
  float: left;
}
#userArea_forum #userArea {
  float: none;
}

/* 左メニュー　フォーラム～今日コメントした掲示板～ */
#foram_commentArea {
  margin: 5px 0 20px 47px;
}
#foram_commentToday,
#foram_commentPost,
#foram_bbsListCtt {
  padding: 10px 18px;
  color: #fff;
}
#foram_commentArea a,
#foram_bbsList a {
  color: #d6d2a2;
  text-decoration: none;
}

#foram_commentToday {
  border-bottom: none;
  /* -moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0; */
}
#foram_commentPost {
  margin: 0 auto;
  border-top: 2px solid #fff;
  /* -moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px; */
}
#userArea_forum #foram_bbsList {
  margin: 0 0 0 47px;
}

#foram_commentToday h2,
#foram_commentPost h2,
#userArea_forum #foram_bbsList h2 {
  margin-bottom: 8px;
  font-size: 1.2em;
  line-height: 1.4;
}
#foram_commentArea a {
  padding-left: 10px;
  background: url(../img/common/bg_ico.png) no-repeat 0 -243px;
  font-size: 1.2em;
}

#foram_commentArea a:hover {
  text-decoration: underline;
}

#foram_commentArea .txt_categoryName {
  color: #8f8b88;
  font-size: 1em;
  line-height: 1.4;
}
#userArea_forum .threadTitle {
  margin-top: 8px;
  line-height: 1.4;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP Printers */
  word-wrap: break-word; /* IE 5+ */
}
.comCount {
  width: 177px;
  height: 43px;
  margin: 20px auto 0;
  background: url(../img/user_area/bg_comCount.png) no-repeat 0 0;
  text-align: center;
}
.comCount img {
  margin-top: 4px;
}
.comCount strong {
  padding-right: 3px;
  color: yellow;
  font-size: 1.4em;
  line-height: 1.4;
}
#foram_bbsList ul {
  width: 175px;
  margin: 0 auto;
}
.btn_maintop a,
.btn_pretop a,
.btn_pasttop a,
.btn_close a {
  display: block;
  width: 175px;
  height: 27px;
  margin-top: 8px;
  background: url(../img/common/bg_btn_square.png) no-repeat top left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.btn_maintop a {
  background-position: 0 -265px;
}
.btn_maintop a:hover {
  background-position: -175px -265px;
}
.btn_pretop a {
  background-position: 0 -297px;
}
.btn_pretop a:hover {
  background-position: -175px -297px;
}
.btn_pasttop a {
  background-position: 0 -329px;
}
.btn_pasttop a:hover {
  background-position: -175px -329px;
}
.btn_close a {
  background-position: 0 -1430px;
  width: 150px;
  height: 27px;
}
.btn_close a:hover {
  background-position: 0 -1470px;
}
.btn_close {
  width: 150px;
}

/* メインコンテンツ　1カラム */
#contentArea_oneColumn {
  width: 1060px;
  margin: 0 auto;
  padding-bottom: 15px;
}

/* メインコンテンツ */
#contentArea,
#contentAreaPlain {
  float: left;
  width: 654px;
  margin: 16px 0 0 17px;
  padding-bottom: 15px;
}
#contentAreaPlain {
  font-size: 12px;
}

/* 右メニュー */
#extraArea {
  position: absolute;
  right: 44px;
  width: 148px;
  padding: 16px 0;
}

/* フッター */

/*----------------------------------------------------
=div#sqexFooter
----------------------------------------------------*/
div#sqexFooter {
  margin-top: 0px;
  min-width: 1120px;
  background: url(../img/common/bg_footer.jpg) center top repeat-x;
  font-size: 12px;
  clear: both;
  text-align: center;
  font-family: Verdana, Arial, Meiryo, 'Hiragino Kaku Gothic Pro', Osaka, 'MS P Gothic',
    sans-serif;
  font-weight: normal !important;
}
div#sqex-footer-contents {
  clear: both;
  border-bottom: 1px solid #333;
}
div#sqexFooter dl.sqex-footer-shares img {
  vertical-align: top;
}
div#sqexFooter div.sqex-footer-links {
  position: absolute;
  right: 10px;
  padding-top: 11px;
  height: 54px;
  text-align: right;
}
/* div#sqexFooter div.sqex-footer-links a {
margin-left: 20px;
} */
div#sqexFooter dl.sqex-footer-shares {
  margin: 0 auto;
  padding-top: 20px;
  height: 46px;
  text-align: center;
  z-index: 1000;
}
div#sqexFooter dl.sqex-footer-shares dt,
div#sqexFooter dl.sqex-footer-shares dd {
  display: inline;
  margin-right: 15px;
}
div#sqexFooter dl.sqex-footer-shares dt {
  margin-left: 15px;
}
div#sqexFooter div.sqex-footer-logos,
div#sqexFooter div.sqex-footer-logos2 {
  position: absolute;
  left: 10px;
  top: 0;
  width: 40%;
}
div#sqexFooter p.sqex-footer-copyright {
  margin: 0 auto;
  padding: 12px 0 20px;
  text-align: center;
  z-index: 1000;
  width: 70%;
}

#sqex-footer-contents .customer-info-policy {
  padding-top: 20px;
  text-align: center;
}
#sqex-footer-contents .customer-info-policy a,
#sqex-footer-contents .customer-info-policy a:visited {
  color: #333 !important;
}
#sqex-footer-contents .customer-info-policy a:hover {
  text-decoration: none;
}

/*----------------------------------------------------
=div.sqex-footer-white
----------------------------------------------------*/
div.sqex-footer-white {
  color: #333;
  background: #fff;
}

/* 各構造の詳細設定
-------------------------------------------------- */

/* グローバルナビ＆簡易ナビ
------------------------------ */
.mainNavi ul {
  width: 1017px;
  margin: 0 auto;
  padding-top: 3px;
}
.mainNavi ul li {
  float: left;
  width: 167px;
  margin: 0 0 0 3px;
  position: relative;
}
.mainNavi ul li:first-child {
  margin: 0 0 0 0;
}
.mainNavi .navi_shop {
  margin-right: 0;
}
.mainNavi li a {
  display: block;
  width: 167px;
  height: 50px;
  background: url(../img/common/btn_globalnavi_7th.png?ver=NDrSpUa2IK) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
#superTop .mainNavi .navi_superTop a,
.body_news .mainNavi .navi_news a,
.body_playguide .mainNavi .navi_playguide a,
.body_community .mainNavi .navi_community a,
.body_forum .mainNavi .navi_forum a,
.body_other .mainNavi .navi_shop a {
  display: block;
}
.mainNavi .navi_news a {
  background-position: 0 0;
}
.mainNavi .navi_news a:hover {
  background-position: 0 -50px;
}
.mainNavi .navi_playguide a {
  background-position: -170px 0;
}
.mainNavi .navi_playguide a:hover {
  background-position: -170px -50px;
}
.mainNavi .navi_community a {
  background-position: -340px 0;
}
.mainNavi .navi_community a:hover {
  background-position: -340px -50px;
}
.mainNavi .navi_ranking a {
  background-position: -510px 0;
}
.mainNavi .navi_ranking a:hover {
  background-position: -510px -50px;
}
.mainNavi .navi_forum a {
  background-position: -680px 0;
}
.mainNavi .navi_forum a:hover {
  background-position: -680px -50px;
}
.mainNavi .navi_shop a {
  background-position: -850px 0;
}
.mainNavi .navi_shop a:hover {
  background-position: -850px -50px;
}

/* 簡易ナビ
------------------------------ */
.subNaviArea {
  position: absolute;
  width: 1060px;
  top: 9px;
  left: 0;
}

/* ====================================================================== */
/* サブナビゲーション */
/* ====================================================================== */
.sub-navi {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 1060px;
  height: 60px;
  background-repeat: no-repeat;
}
.sub-navi li {
  position: relative;
  float: left;
}
.sub-navi li a,
#sub-navi-goto-mypage {
  display: block;
  overflow: hidden;
  height: 72px;
  text-indent: -9999em;
}
/* ===== サブナビ用マイページボタン ===== */
#sub-navi-goto-mypage {
  position: absolute;
  top: 12px;
  left: 15px;
  width: 119px;
  height: 35px;
  background-image: url(../img/subnavi/button/goto_mypage.png);
}
/* ===== 各ページ用 ===== */
#mypage-navi {
  /* マイページ */
  background-image: url(../img/subnavi/mypage/bg_7th.png?20171102);
}
#character-navi {
  /* 他人のページ */
  background-image: url(../img/subnavi/character/bg_7th.png?20171102);
}
#team-character-navi {
  /* 他人のチーム */
  background-image: url(../img/subnavi/team/character_7th.png?20171102);
}
#team-leader-navi {
  /* チームリーダー */
  background-image: url(../img/subnavi/team/leader_7th.png?20171102);
}
#team-member-navi {
  /* チームメンバー */
  background-image: url(../img/subnavi/team/member_7th.png?20171102);
}
#mypage-navi ul,
#character-navi ul,
#team-leader-navi ul,
#team-member-navi ul,
#team-character-navi ul {
  position: absolute;
  padding-left: 149px;
}
#team-member-navi ul {
  padding-left: 213px;
}
#team-character-navi ul {
  padding-left: 276px;
}
#character-navi li {
  width: 115px;
}
#mypage-navi li,
#team-character-navi li,
#team-leader-navi li,
#team-member-navi li {
  width: 127px;
}
/* ○○○のページ */
#sub-navi-character {
  width: 185px !important;
}
#mypage-navi li a {
  /* マイページのボタン背景 */
  background-image: url(../img/subnavi/mypage/bg_7th.png);
}
#character-navi li a {
  /* 他人ページのボタン背景 */
  background-image: url(../img/subnavi/character/bg_7th.png);
}
#team-leader-navi li a {
  /* チームリーダーのボタン背景 */
  background-image: url(../img/subnavi/team/leader_7th.png);
}
#team-member-navi li a {
  /* チームメンバーのボタン背景 */
  background-image: url(../img/subnavi/team/member_7th.png);
}
#team-character-navi li a {
  /* 他人チームのボタン背景 */
  background-image: url(../img/subnavi/team/character_7th.png);
}
/* ===== マイページ用 ===== */
/* ----- マイページ ----- */
#mypage-navi #sub-navi-mytop a {
  background-position: -149px 0;
}
#mypage-navi #sub-navi-mytop a:hover {
  background-position: -149px -72px;
}
.tab_mytop #mypage-navi #sub-navi-mytop a {
  background-position: -149px -144px;
  cursor: default;
}
/* ----- 冒険日誌 ----- */
#mypage-navi #sub-navi-diary a {
  background-position: -276px 0;
}
#mypage-navi #sub-navi-diary a:hover {
  background-position: -276px -72px;
}
.tab_footprints #mypage-navi #sub-navi-diary a {
  background-position: -276px -144px;
  cursor: default;
}
/* ----- 仲間モンス ----- */
#mypage-navi #sub-navi-mercenarylist a {
  background-position: -403px 0;
}
#mypage-navi #sub-navi-mercenarylist a:hover {
  background-position: -403px -72px;
}
.tab_f_nakamamonster #mypage-navi #sub-navi-mercenarylist a {
  background-position: -403px -144px;
  cursor: default;
}
/* ----- マイバザー ----- */
#mypage-navi #sub-navi-bazzar a {
  background-position: -530px 0;
}
#mypage-navi #sub-navi-bazzar a:hover {
  background-position: -530px -72px;
}
.tab_myBazaar #mypage-navi #sub-navi-bazzar a {
  background-position: -530px -144px;
  cursor: default;
}
/* ----- フレンド ----- */
#mypage-navi #sub-navi-friendlist a {
  background-position: -657px 0;
}
#mypage-navi #sub-navi-friendlist a:hover {
  background-position: -657px -72px;
}
.tab_friendlist #mypage-navi #sub-navi-friendlist a {
  background-position: -657px -144px;
  cursor: default;
}
/* ----- 設定 ----- */
#mypage-navi #sub-navi-preference a {
  background-position: -784px 0;
}
#mypage-navi #sub-navi-preference a:hover {
  background-position: -784px -72px;
}
.tab_setup #mypage-navi #sub-navi-preference a {
  background-position: -784px -144px;
  cursor: default;
}

/* ===== 他人ページ用 ===== */
/* ----- ○○○のページ ----- */
#character-navi #sub-navi-character a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-indent: 0;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 1px 0 #000;
  line-height: 4.4;
  background-position: -149px 0;
}
#character-navi #sub-navi-character a:hover {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  background-position: -149px -72px;
}
.tab_f_friendtop #character-navi #sub-navi-character a {
  color: #ffec85;
  text-shadow: 0 1px 0 #000;
  background-position: -149px -144px;
}
/* ----- 冒険日誌 ----- */
#character-navi #sub-navi-diary a {
  background-position: -334px 0;
}
#character-navi #sub-navi-diary a:hover {
  background-position: -334px -72px;
}
.tab_f_footprints #character-navi #sub-navi-diary a {
  background-position: -334px -144px;
  cursor: default;
}
/* ----- つよさ ----- */
#character-navi #sub-navi-status a {
  background-position: -449px 0;
}
#character-navi #sub-navi-status a:hover {
  background-position: -449px -72px;
}
.tab_f_status #character-navi #sub-navi-status a {
  background-position: -449px -144px;
  cursor: default;
}
/* ----- せんれき ----- */
/*
			#character-navi #sub-navi-senreki a { background-position: -526px 0; }
				#character-navi #sub-navi-senreki a:hover { background-position: -526px -72px; }
				.tab_senreki #character-navi #sub-navi-senreki a { background-position: -526px -144px; }
				*/
#character-navi #sub-navi-senreki a {
  /* せんれきのマスク */
  cursor: default;
  background-image: url(../img/subnavi/character/mask.png?20191009);
}
/* ----- 仲間モンス ----- */
#character-navi #sub-navi-mercenarylist a {
  background-position: -564px 0;
}
#character-navi #sub-navi-mercenarylist a:hover {
  background-position: -564px -72px;
}
.tab_f_nakamamonster #character-navi #sub-navi-mercenarylist a {
  background-position: -564px -144px;
  cursor: default;
}
/* ----- マイバザー ----- */
#character-navi #sub-navi-bazzar a {
  background-position: -679px 0;
}
#character-navi #sub-navi-bazzar a:hover {
  background-position: -679px -72px;
}
.tab_f_myBazaar #character-navi #sub-navi-bazzar a {
  background-position: -679px -144px;
  cursor: default;
}
/* ----- フレンド ----- */
#character-navi #sub-navi-friendlist a {
  background-position: -794px 0;
}
#character-navi #sub-navi-friendlist a:hover {
  background-position: -794px -72px;
}
.tab_f_friendlist #character-navi #sub-navi-friendlist a {
  background-position: -794px -144px;
  cursor: default;
}

/* ===== チームリーダー用 ===== */
/* ----- チームトップ ----- */
#team-leader-navi #sub-navi-teamtop a {
  background-position: -149px 0;
}
#team-leader-navi #sub-navi-teamtop a:hover {
  background-position: -149px -72px;
}
.tab_t_teamtop #team-leader-navi #sub-navi-teamtop a {
  background-position: -149px -144px;
}
/* ----- メンバー一覧 ----- */
#team-leader-navi #sub-navi-member a {
  background-position: -276px 0;
}
#team-leader-navi #sub-navi-member a:hover {
  background-position: -276px -72px;
}
.tab_t_teammember #team-leader-navi #sub-navi-member a {
  background-position: -276px -144px;
}
/* ----- チーム掲示板 ----- */
#team-leader-navi #sub-navi-bbs a {
  background-position: -403px 0;
}
#team-leader-navi #sub-navi-bbs a:hover {
  background-position: -403px -72px;
}
.tab_t_teambbs #team-leader-navi #sub-navi-bbs a {
  background-position: -403px -144px;
}
/* ----- 活動記録 ----- */
#team-leader-navi #sub-navi-history a {
  background-position: -530px 0;
}
#team-leader-navi #sub-navi-history a:hover {
  background-position: -530px -72px;
}
.tab_t_history #team-leader-navi #sub-navi-history a {
  background-position: -530px -144px;
}
/* ----- チームクエスト ----- */
#team-leader-navi #sub-navi-quest a {
  background-position: -657px 0;
}
#team-leader-navi #sub-navi-quest a:hover {
  background-position: -657px -72px;
}
.tab_t_quest #team-leader-navi #sub-navi-quest a {
  background-position: -657px -144px;
}
/* ----- 設定 ----- */
#team-leader-navi #sub-navi-preference a {
  background-position: -784px 0;
}
#team-leader-navi #sub-navi-preference a:hover {
  background-position: -784px -72px;
}
.tab_t_setup #team-leader-navi #sub-navi-preference a {
  background-position: -784px -144px;
}
/* ===== チームメンバー用 ===== */
/* ----- チームトップ ----- */
#team-member-navi #sub-navi-teamtop a {
  background-position: -213px 0;
}
#team-member-navi #sub-navi-teamtop a:hover {
  background-position: -213px -72px;
}
.tab_t_teamtop #team-member-navi #sub-navi-teamtop a {
  background-position: -213px -144px;
}
/* ----- メンバー一覧 ----- */
#team-member-navi #sub-navi-member a {
  background-position: -340px 0;
}
#team-member-navi #sub-navi-member a:hover {
  background-position: -340px -72px;
}
.tab_t_teammember #team-member-navi #sub-navi-member a {
  background-position: -340px -144px;
}
/* ----- チーム掲示板 ----- */
#team-member-navi #sub-navi-bbs a {
  background-position: -467px 0;
}
#team-member-navi #sub-navi-bbs a:hover {
  background-position: -467px -72px;
}
.tab_t_teambbs #team-member-navi #sub-navi-bbs a {
  background-position: -467px -144px;
}
/* ----- 活動記録 ----- */
#team-member-navi #sub-navi-history a {
  background-position: -594px 0;
}
#team-member-navi #sub-navi-history a:hover {
  background-position: -594px -72px;
}
.tab_t_history #team-member-navi #sub-navi-history a {
  background-position: -594px -144px;
}
/* ----- チームクエスト ----- */
#team-member-navi #sub-navi-quest a {
  background-position: -721px 0;
}
#team-member-navi #sub-navi-quest a:hover {
  background-position: -721px -72px;
}
.tab_t_quest #team-member-navi #sub-navi-quest a {
  background-position: -721px -144px;
}
/* ===== 他のチーム用 ===== */
/* ----- チームトップ ----- */
#team-character-navi #sub-navi-teamtop a {
  background-position: -276px 0;
}
#team-character-navi #sub-navi-teamtop a:hover {
  background-position: -276px -72px;
}
.tab_t_teamtop #team-character-navi #sub-navi-teamtop a {
  background-position: -276px -144px;
}
/* ----- メンバー一覧 ----- */
#team-character-navi #sub-navi-member a {
  background-position: -403px 0;
}
#team-character-navi #sub-navi-member a:hover {
  background-position: -403px -72px;
}
.tab_t_teammember #team-character-navi #sub-navi-member a {
  background-position: -403px -144px;
}
/* ----- チーム掲示板 ----- */
#team-character-navi #sub-navi-bbs a {
  background-position: -530px 0;
}
#team-character-navi #sub-navi-bbs a:hover {
  background-position: -530px -72px;
}
.tab_t_teambbs #team-character-navi #sub-navi-bbs a {
  background-position: -530px -144px;
}
/* ----- 活動記録 ----- */
#team-character-navi #sub-navi-history a {
  background-position: -657px 0;
}
#team-character-navi #sub-navi-history a:hover {
  background-position: -657px -72px;
}
.tab_t_history #team-character-navi #sub-navi-history a {
  background-position: -657px -144px;
}

/* マイページへ、ミニボタン */
.goto-mypage-mini {
  width: 63px;
  height: 18px;
  display: block;
  background-image: url(../img/common/btn_mypage_mini.png);
}
.goto-mypage-mini:hover {
  background-position: 0 bottom;
}

/* やることリストへボタン */
#goto-yarkotolist-button {
  display: block;
  width: 178px;
  height: 46px;
  margin: auto;
  background-image: url(../img/common/btn_goto_yarukotolist.png);
}

/* 冒険スタンプへボタン */
#goto-boukenstamp-button {
  display: block;
  margin: 0 auto 14px auto;
  width: 173px;
  height: 32px;
  background-image: url(../img/common/btn_goto_boukenstamp.png);
}
#goto-boukenstamp-button:hover,
#goto-yarkotolist-button:hover {
  background-position: 0 bottom;
}

/* 冒険スタンプへボタン */
#goto-boukenstamp-navi {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 9px;
  width: 178px;
}
/* 開閉ボタン */
#goto-boukenstamp-navi-switch {
  cursor: pointer;
  width: 178px;
  height: 34px;
}
#goto-boukenstamp-navi-arrow {
  position: absolute;
  top: 13px;
  left: 24px;
  width: 12px;
  height: 12px;
}
.boukenstamp-navi-arrow-close {
  background-image: url(../img/boukenstamp/login/icon/right_arrow.png);
}
.boukenstamp-navi-arrow-open {
  background-image: url(../img/boukenstamp/login/icon/down_arrow.png);
}
/* ナビメニュー */
#goto-boukenstamp-navi-menu {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  width: 172px;
  height: 0;
  background-image: url(../img/boukenstamp/login/menu/bg.jpg);
}
#goto-boukenstamp-navi-menu ul {
  padding-top: 5px;
  padding-bottom: 5px;
}
/* ホバー */
#goto-boukenstamp-navi-menu li {
  margin-left: 3px;
  overflow: hidden;
  width: 166px;
  height: 21px;
  line-height: 1;
}
#goto-boukenstamp-navi-menu li:hover {
  background-image: url(../img/boukenstamp/login/label/hover.png);
}
#goto-boukenstamp-navi-menu a {
  outline: none;
  display: block;
  padding-top: 2px;
  background-repeat: no-repeat;
  background-position: 98px 3px;
}
#goto-boukenstamp-navi-menu a.stamp-cleared {
  background-image: url(../img/boukenstamp/login/icon/clear.png);
}

/* ====================================================================== */
/* サブナビ子ページ用ナビ */
/* ====================================================================== */
.sub-child-navi {
  margin-top: 2px;
  width: 654px;
}
.sub-child-navi-header {
  height: 9px;
  background-image: url(../img/subnavi/children/bg/header.png);
}
.sub-child-navi-footer {
  height: 6px;
  background-image: url(../img/subnavi/children/bg/footer.png);
}
.sub-child-navi-main {
  background-image: url(../img/subnavi/children/bg/main.png);
}
.sub-child-navi-main ul {
  padding-top: 3px;
  padding-bottom: 1px;
  padding-left: 12px;
}
.sub-child-navi-main li {
  position: relative;
  float: left;
  margin-bottom: 3px;
  margin-right: 3px;
  width: 208px;
}
.sub-child-navi-main li a {
  display: block;
  width: 208px;
  height: 34px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 0 #000;
  text-decoration: none !important;
  line-height: 2.8;
  background-image: url(../img/subnavi/children/button.png);
}
.sub-child-navi-main li a.is-green {
  background-image: url(../img/subnavi/children/button_green.png);
}
.sub-child-navi-main li a,
.sub-child-navi-main li a:hover {
  color: #fff !important;
}
.sub-child-navi-main li a:hover {
  background-position: 0 center;
}
.sub-child-navi-main li a:active {
  color: #c2a28e !important;
  background-position: 0 bottom;
}

/* ===== 各ボタンのアクティブ状態 ===== */
#battlePencil #sub-child-navi-battlePencil,
#battletrinity #sub-child-navi-battletrinity,
#pharaoh #sub-child-navi-pharaoh,
#casinoRaid #sub-child-navi-casinoRaid,
#fishingContest #sub-child-navi-fishingContest,
#pub_top #sub-child-navi-diary,
#defenceRanking #sub-child-navi-defenceRanking,
#bossRanking #sub-child-navi-bossRanking,
#dannisenRanking #sub-child-navi-dannisenRanking,
#banmaRanking #sub-child-navi-banmaRanking,
#colosseumRanking #sub-child-navi-colosseumranking,
#slimeracing #sub-child-navi-slimeracingranking,
#limitedRanking #sub-child-navi-limitedRanking,
#slimeracing #sub-child-navi-limitedRanking,
#daifugouGP #sub-child-navi-limitedRanking,
#battletrinity #sub-child-navi-limitedRanking,
#battlePencil #sub-child-navi-limitedRanking,
#pharaoh #sub-child-navi-limitedRanking,
#casinoRaid #sub-child-navi-limitedRanking,
#dressupTop #sub-child-navi-dressup,
#playerevent #sub-child-navi-playerevent,
#openhouse #sub-child-navi-opunhouse,
#fishingContest #sub-child-navi-limitedRanking,
#colosseumRanking #sub-child-navi-limitedRanking,
#bulletinBoard #sub-child-navi-bulletinboard,
.snavi_status #sub-child-navi-status,
.snavi_skillpoint #sub-child-navi-statusdetail,
.snavi_orb #sub-child-navi-orb,
.snavi_renkingama #sub-child-navi-renkingama,
.snavi_anlucea #sub-child-navi-anlucea,
.snavi_maumet #sub-child-navi-maumet,
.snavi_tarot #sub-child-navi-tarot,
.snavi_map #sub-child-navi-map,
.snavi_senreki_stamp #sub-child-navi-stampcard,
.snavi_senreki_quest #sub-child-navi-quest,
.snavi_senreki_monster #sub-child-navi-monster,
.snavi_senreki_mahou_meikyu #sub-child-navi-mahou-meikyu,
.snavi_senreki_memorandum #sub-child-navi-memorandum,
.playlog #sub-child-navi-diary,
.picture #sub-child-navi-picture,
.mercenaryhistory #sub-child-navi-mercenaryhistory,
.partyhistory #sub-child-navi-partyhistory,
.mail_attach_hist #sub-child-navi-mailattachrecv,
.navi_lottery #sub-child-navi-lottery,
.navi_exppool #sub-child-navi-exppool,
.navi_rewardkeep #sub-child-navi-rewardkeep,
.ashiato-is-settings #sub-child-navi-preference,
.ashiato-is-charabg #sub-child-navi-preferencelocation,
.ashiato-is-emotemsg #sub-child-navi-preferenceemotemsg,
.ashiato-is-friendinvsetting #sub-child-navi-friendinvsetting,
.monstermercenarylist #sub-child-navi-monstermercenarylist,
.monstermercenarydetail #sub-child-navi-monstermercenarylist,
.monstermercenarymeathis #sub-child-navi-monstermeathistory,
.monsterbattleroad #sub-child-navi-monsterbattleroad,
#hirobabbs #sub-child-navi-hirobabbs,
#mycoord #sub-child-navi-mycoord,
.tab_myBazaar #sub-child-navi-bazaar,
.snavi_senreki_chagana #sub-child-navi-chagana {
  cursor: default;
  color: #c2a28e !important;
  background-position: 0 bottom;
}

/* グローバルメニュー */
/* ---------------------------------------------------------------------- */
.global-select {
  display: none;
  position: absolute;
  top: 40px;
  z-index: 2000 !important;
  border: 1px solid #533f19;
}
/* 明るめフチ */
.global-select-border {
  border: 1px solid #ccc496;
}
/* 黒フチ */
.global-select-main {
  padding: 10px 8px;
  border: 1px solid #533f19;
  background-image: url(../img/common/global_select/main.png);
}
/* ボタン部分 */
.global-select-main a {
  margin-top: 1px;
  width: auto !important;
  height: auto !important;
  min-width: 165px;
  overflow: visible !important;
  text-indent: 0 !important;
  text-decoration: none;
  background-color: #0c1a2e !important;
  background-image: none !important;
  border: 2px solid transparent;
  border-radius: 6px;
}
.global-select-main a:first-child {
  margin-top: 0;
}
* html .global-select-main a {
  width: 165px;
}
.global-select-main a:hover {
  background-color: #23688c !important;
  border: 2px solid #938334;
}
/* NEWアイコンの表示 */
.global-select-main a.is-new {
  background-image: url(../img/common/global_select/ico_new.png) !important;
  background-repeat: no-repeat;
  background-position: right center;
}
.global-select-main a:hover.is-new {
  background-position: right center;
}
/* ラベル */
.global-select-main a span {
  margin-left: -2px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 3px;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 0.1em;
  background-image: url(../img/common/global_select/icon.png) !important;
  background-repeat: no-repeat;
  background-position: 0 center !important;
}

.global-select-main a:hover span {
  background-position: -403px center !important;
}
/* NEWつきのラベル */
.global-select-main a.is-new span {
  padding-right: 46px;
}

/* wrapper
------------------------------ */
#wrapper,
#wrapper_light {
  background: url(../img/common/bg_wrapper_7th.jpg?20191008) repeat-y 30px 0;
}
#wrapper #leaf_l {
  /*background:url(../img/common/bg_wrapper_leaf_l_4th.png) repeat-y left top;*/
}
#wrapper #leaf_r {
  /*background:url(../img/common/bg_wrapper_leaf_r_4th.png) repeat-y right top;*/
}
#superTop .btn_pagetop a {
  margin-bottom: 20px;
}

/* 左メニュー
------------------------------ */
/* ベース */

#userArea #conceptBtn a,
#userArea .myMenuBtn a,
#userArea .btn_threadlist a,
#userArea .btn_viewdiary a,
#addTeammember .btn_addTeammember a {
  display: block;
  background: url(../img/user_area/bg_btn_userarea.png?var=20140227) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}

/* ウェルカムギフト フレーム */
#welcomeGiftFrame {
  position: relative;
  width: 210px;
  height: auto;
  font-size: 12px;
  text-align: center;
  margin-bottom: 20px;
  color: #fff;
}
/**
	 * 2019版
	 */
.welcomgift-campaign,
.welcomgift-campaign-with-shoppoint {
  display: block;
  width: 210px;
}
.welcomgift-campaign {
  height: 82px;
  background-image: url(../img/welcomegifts/btn/campaign.png);
}
.welcomgift-campaign-with-shoppoint {
  height: 105px;
  background-image: url(../img/welcomegifts/btn/campaign_with_shoppoint.png);
}

#welcomeGiftFrame .wgc-frame-head {
  width: 210px;
  height: 69px;
  background: url(../img/welcomegifts/frame/frame_head.png) no-repeat;
}
#welcomeGiftFrame .wgc-frame-head-date {
  width: 210px;
  height: 21px;
  font-weight: bold;
  background: url(../img/welcomegifts/frame/frame_head_date.png) no-repeat;
}
#welcomeGiftFrame .wgc-frame-head-date p {
  padding-top: 1px;
}
#welcomeGiftFrame .wgc-frame-head-bottom {
  width: 210px;
  height: 8px;
  background: url(../img/welcomegifts/frame/frame_head_bottom.png) no-repeat;
}
#welcomeGiftFrame .wgc-frame-main {
  padding-top: 3px;
  width: 210px;
  background: url(../img/welcomegifts/frame/frame_bg.png) repeat-y;
}

#welcomeGiftFrame .wgc-frame-line {
  width: 202px;
  height: 4px;
  background-color: #ffe868;
  margin: 3px auto 0 auto;
}
#welcomeGiftFrame .wgc-frame-foot {
  width: 210px;
  height: 9px;
  background: url(../img/welcomegifts/frame/frame_foot.png) no-repeat;
}

/* 未ログインバナー */
#welcomeGiftFrame .wgc-banner {
  width: 194px;
  height: 165px;
  margin: 0 auto 0 auto;
  background: url(../img/welcomegifts/banner_welcomegift.png) no-repeat;
}
/* ギフト見出し */
#welcomeGiftFrame .wgc-gift-head {
  width: 198px;
  height: 24px;
  margin: 3px auto 0 auto;
}
/* 今日 */
#welcomeGiftFrame .wgc-gift-head.wgc-today {
  background: url(../img/welcomegifts/txt_today.png) no-repeat;
}
/* 未受領 */
#welcomeGiftFrame .wgc-gift-head.wgc-unclaimed {
  margin: 10px auto 0 auto;
  background: url(../img/welcomegifts/txt_unclaimed.png) no-repeat;
}
/* 明日 */
#welcomeGiftFrame .wgc-gift-head.wgc-tomorrow {
  margin: 10px auto 0 auto;
  background: url(../img/welcomegifts/txt_tomorrow.png) no-repeat;
}

#welcomeGiftFrame .wgc-gift-main {
  width: 170px;
  margin: 0 auto;
}
#welcomeGiftFrame .wgc-gift-main table {
  width: 170px;
}
#welcomeGiftFrame .wgc-gift-main td {
  height: 36px;
  text-align: left;
  vertical-align: middle;
}
/* アイコン */
#welcomeGiftFrame .wgc-gift-main .wgc-gift-icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 10px;
}
#welcomeGiftFrame .wgc-gift-main .wgc-gift-icon img {
  width: 30px;
  height: 30px;
}

/* 交換期限の帯 */
#welcomeGiftFrame .wgc-period {
  position: relative;
  width: 210px;
  height: 34px;
  margin: 10px auto 0 auto;
  background: url(../img/welcomegifts/period.png) no-repeat;
  background-size: 100% auto;
}
#welcomeGiftFrame .wgc-period p {
  font-weight: bold;
  padding-top: 8px;
}

/* ウェルカムギフト　ボタン */
#welcomeGiftFrame a.wgc-btn {
  position: relative;
  width: 194px;
  height: 75px;
  margin: 3px auto 0 auto;
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#welcomeGiftFrame .wgc-btn div {
  position: absolute;
  left: 0;
  right: 0;
  line-height: 1.3;
}
/* 未達成 */
#welcomeGiftFrame .wgc-btn-beforeAchieved {
  background: url(../img/welcomegifts/btn/btn_before.png) no-repeat;
}
#welcomeGiftFrame .wgc-btn-beforeAchieved div {
  top: 15px;
}
/* 達成 */
#welcomeGiftFrame .wgc-btn-achievement {
  background: url(../img/welcomegifts/btn/btn_achievement.png) no-repeat;
}
#welcomeGiftFrame .wgc-btn-achievement div {
  top: 34px;
}
/* 受取済 */
#welcomeGiftFrame .wgc-btn-received {
  background: url(../img/welcomegifts/btn/btn_received.png) no-repeat;
}

/* ログイン */
#loginBtn {
  position: relative;
  height: 74px;
}
#userArea #btn_no_login,
#userArea a#btn_login {
  display: block;
  background: url(../img/user_area/btn_login.png?20200131) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
#userArea a#btn_login,
#userArea #btn_no_login {
  position: absolute;
  top: -3px;
  left: -6px;
  width: 218px;
  height: 76px;
  text-indent: -9999em;
}
#userArea a#btn_login {
  background-position: 0 0;
}
#userArea a#btn_login:hover {
  background-position: 0 -76px;
}
#userArea #btn_no_login {
  background-position: 0 bottom;
}

/* 運営コンセプト */
#userArea #conceptBtn {
  margin-top: 86px;
}
#userArea #conceptBtn a {
  background-position: 0 -878px;
  width: 213px;
  height: 52px;
}
#userArea #conceptBtn a:hover {
  background-position: 0 -940px;
}

/* ログインユーザパネル */
.lupBox {
  position: relative;
  width: 211px;
  padding-top: 10px;
  background: url(../img/user_area/bg_loginUserPanel_h.png?d=20150805) no-repeat 0 0;
}
.lupBox_f {
  padding-bottom: 10px;
  background: url(../img/user_area/bg_loginUserPanel_f.png?d=20150805) no-repeat left
    bottom;
}
.lupBox_b {
  background: url(../img/user_area/bg_loginUserPanel_b.png) repeat-y 0 0;
}
.lupBox_other {
  width: 211px;
  background: url(../img/user_area/bg_loginUserPanel_other.png) no-repeat 0 0;
}

#loginUserPanel a:link {
  color: #d9d390;
}
#loginUserPanel a:visited {
  color: #b1ad70;
}
#loginUserPanel a:hover {
  color: #fff77d;
}
#loginUserPanel a:active {
  color: #fff77d;
}

/* キャラクターデータボックス */
#myCharacterRadius {
  font-size: 1.2em;
  padding: 0 8px;
}
#myCharacterTitle {
  color: #fff;
  text-align: center;
  padding: 12px 0 5px;
}
#tit_CharacterName {
  height: 35px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  line-height: 3.2;
}
#myCharacterImg {
  margin: 0 auto 15px;
  width: 188px;
  height: 158px;
  background: url(../img/user_area/bg_myCharacterImg.png) no-repeat 0 0;
  text-align: center;
}
#myCharacterImg img {
  width: 166px;
  margin-top: 9px;
  border: 1px solid #fff;
}
#myCharacterStatus {
  color: #fff;
}
#myCharacterName {
  margin-left: 10px;
  font-size: 1em;
  font-weight: normal;
}
#myCharacterStatusList {
  margin-left: 10px;
  margin-bottom: 9px;
  text-align: left;
}
#myCharacterStatusList dl dt {
  margin: 0;
}
#myCharacterStatusList dl dd {
  margin: -21px 0 -4px 85px;
}
#myCharacterStatusList dl dd strong,
#myCharacterStatus dl dd strong {
  color: #ff0;
  font-weight: normal;
}

/* 自宅の場所 */
#myHouseStage {
  margin: 0 12px 18px;
}
#myHouseStage h2 {
  border-bottom: 1px dotted #fff;
  font-size: 1em;
  font-weight: normal;
}
.ico_myHouseWelcome {
  margin-top: 6px;
  padding-left: 8px;
  background: url(../img/common/bg_ico.png) no-repeat -30px -508px;
}
.txt_myHouseWelcome {
  line-height: 1.2;
}

/* チーム情報 */
#myTeam {
  margin: 18px 0 10px;
  font-size: 12px;
}
#myTeamImg {
  float: right;
  width: 65px;
  margin: 0 8px 0 0;
  padding: 3px;
  background: url(../img/user_area/bg_myTeamImg.png) no-repeat 0 0;
}
#myTeamImg img {
  width: 61px;
  height: 61px;
}
#myTeamStatusList {
  float: left;
  width: 98px;
  margin-left: 12px;
}
#myTeamStatusList dt {
  color: #fff;
  margin-bottom: 5px;
  border-bottom: 1px dotted #fff;
}
#myTeamStatusList dd a {
  color: #d8ca8b;
  text-decoration: none;
}
#myTeamStatusList dd a:hover {
  text-decoration: underline;
}

/* ライブカメラ */
#liveArea {
  position: relative;
  width: 210px;
  height: 163px;
  margin-top: 20px;
  background: url(../img/live/bg_liveArea.png) no-repeat 0 0;
}
#liveArea h2 {
  width: 76px;
  height: 21px;
  margin: 0 auto;
  background: url(../img/live/tit_live.png) no-repeat 0 1px;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
/* btn注意文言 */
.btn_caution a {
  display: block;
  width: 211px;
  height: 17px;
  margin-top: 3px;
  background: url(../img/live/btn_caution.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
.btn_caution a:hover {
  background-position: 0 -20px;
}
/* 切り替えボタン */
#toggleLive {
  display: flex;
  justify-content: center;
  width: 190px;
  margin: 0 auto;
}
.toggleLiveBtn,
.toggleLiveBtnOff {
  display: block;
  float: left;
  width: 64px;
  height: 21px;
  background: url(../img/live/btn_live.png) no-repeat 0 0;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
.toggleLiveBtnOff {
}
.toggleLiveBtnOff:hover {
  background-position: 0 -25px;
}
.toggleLiveBtn {
  background-position: 0 -50px;
}
.toggleLiveBtnOff:active {
}
#toggleMovie2d {
  width: 62px;
}
#toggleMovie3d {
  background-position: -62px 0;
}
#toggleMovie3d:hover {
  background-position: -62px -25px;
}
#toggleMovie3d.toggleLiveBtn {
  background-position: -62px -50px;
}
#togglePicture {
  background-position: -126px 0;
}
#togglePicture:hover {
  background-position: -126px -25px;
}
#togglePicture.toggleLiveBtn {
  background-position: -126px -50px;
}

/* ライブ静止画 */
#liveMovie,
#livePicBox {
  padding-bottom: 5px;
  background: url(../img/live/bg_liveArea.png) no-repeat left bottom;
}
#livePicBox a {
  display: block;
  width: 200px;
  margin: 3px auto 0;
}
#livePicBox a {
  display: block;
  width: 200px;
  height: 113px;
  overflow: hidden;
  text-align: center;
}
#livePicBox a img {
  margin-top: -3px;
}
.movieError #livePicBox {
}
/* ライブ動画 */
#liveMovie iframe {
  display: block;
  width: 200px;
  margin: 3px auto 0;
  border: none;
  padding: 0px;
}
#console {
  margin-top: 24px;
  font-size: 9pt;
  width: 211px;
  height: 200px;
}
.underMaintenance {
  width: 200px;
  height: 113px;
  margin: 3px auto 0;
  background: url(../img/live/bg_underMaintenance.jpg) no-repeat 0 0;
}
.underMaintenanceTxt {
  width: 176px;
  margin: 0 auto;
  padding-top: 35px;
}
.movieError #liveMovie {
  height: 200px;
}

/* ----- ライブモーダル ----- */
#live-modal {
  cursor: default;
}
#live-modal-hl,
#live-modal-hr {
  width: 125px !important;
}
#live-modal-hc {
  vertical-align: top;
  background-image: url(../img/common/modal/live/frame/header_c.png);
}
#live-modal-fc {
  background-image: url(../img/common/modal/live/frame/footer_c.png);
}
#live-modal-ml div,
#live-modal-mr div {
  width: 20px;
}
#live-modal-ml {
  background-image: url(../img/common/modal/live/frame/main_l.png);
}
#live-modal-mr {
  background-position: right top;
  background-image: url(../img/common/modal/live/frame/main_r.png);
}
#live-modal-mc {
  background-color: #f1e9dc;
}
#live-modal-head {
  /* 見出し */
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#live-modal-close,
#live-modal-goto {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: -9999em;
  text-decoration: none !important;
}
#live-modal-close:hover,
#live-modal-goto:hover {
  background-position: 0 bottom;
}
#live-modal-close {
  /* 閉じるボタン */
  width: 154px;
  height: 30px;
  background: url(../img/common/modal/button/close.png);
}
#live-modal-goto {
  /* 遷移ボタン */
  width: 178px;
  height: 31px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-indent: 0em;
  line-height: 2.7;
  background-image: url(../img/common/modal/live/button/goto.png);
}
.live-modal-content {
  /* ライブモーダルの中身 */
}
#live-modal-manga {
  /* マンガコンテスト */
  width: 570px;
}
#live-modal-manga ul {
  margin-right: auto;
  margin-left: auto;
  width: 410px;
}
#live-modal-photo,
#live-modal-contest {
  /* 写真コン&ライブ */
  padding-left: 20px;
  padding-right: 20px;
}
#live-modal-photo-frame {
  /* 写真フレーム */
  margin-bottom: 10px;
  padding: 10px;
  background-color: #fff;
}
#live-modal-photo-frame img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 853px;
  height: 480px;
}
#live-modal-photo-info {
  /* ライブ画像の情報エリア */
  padding-top: 10px;
  font-size: 12px;
}
#live-modal-photo-info table {
  margin-right: auto;
  margin-left: auto;
}

/* ４コママンガコンテスト */
/* ------------------------------------------------------------ */
/* ----- ４コマビュー ----- */
#photocontest-4koma-view,
.photocontest-4koma-view {
  width: 410px;
}
#photocontest-4koma-view-main,
.photocontest-4koma-view-main {
  border: 3px solid #000;
  background-color: #fff;
}
#photocontest-4koma-view-main dt,
.photocontest-4koma-view-main dt,
#photocontest-4koma-view-main dd,
.photocontest-4koma-view-main dd {
  margin-bottom: 10px;
}
/* 4コマタイトル */
#photocontest-4koma-view-main dt,
.photocontest-4koma-view-main dt {
  color: #fff;
  font-size: 16px;
  text-align: center;
  background-color: #590916;
}
/* 4コマ中身 */
#photocontest-4koma-view-main dd,
.photocontest-4koma-view-main dd {
}
/* 1コマ */
#photocontest-4koma-view-main dd div,
.photocontest-4koma-view-main dd div {
  margin-right: auto;
  margin-left: auto;
  width: 388px;
}
#photocontest-4koma-view-main dd div img,
.photocontest-4koma-view-main dd div img {
  width: 384px;
  border: 2px solid #000;
}
#photocontest-4koma-view-main dd div span,
.photocontest-4koma-view-main dd div span {
  display: block;
  margin-top: 2px;
  padding-top: 2px;
  padding-bottom: 1px;
  font-size: 14px;
  text-align: center;
  line-height: 1.5;
  background-color: #e6e6e6;
}

/* 拡大表示時 */
#livePicLarge h2 {
  position: absolute;
  top: 13px;
  left: 0;
  width: 950px;
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
#livePicLarge h2 {
  background-image: url(../img/common/tit_live_zoom.png);
}
/* 写真コンテストスライドショー */
#eventArea {
  position: relative;
  width: 211px;
  height: 157px;
  margin-top: 20px;
  padding-top: 8px;
  background: url(../img/common/live.png) no-repeat 0 0;
}
/* 写真コンテストプリンセスコン */
#eventArea.eventAreaPrincessContest {
  background: url(../img/event/photocontest_princess/live.png) no-repeat 0 0;
}
/* 写真コンテストプリンスコン */
#eventArea.eventAreaPrinceContest {
  background: url(../img/event/photocontest_prince/live.png) no-repeat 0 0;
}
/* 見出し */
#eventArea.eventAreaPrincessContest h2,
#eventArea.eventAreaPrinceContest h2 {
  visibility: hidden;
}
/* 七夕日誌イベント */
#eventArea.eventAreaNataFestival h2 {
  background: url(../img/common/tit_natafes.png) no-repeat center 0;
}
/* 写真イベントサムネ */
#eventArea a {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 8px;
  width: 195px;
  height: 117px;
  overflow: hidden;
  text-align: center;
}
#eventPicCaption,
#eventPicCaptionMask {
  display: none;
  position: absolute;
  top: 0;
}
#eventPicCaption {
  padding-top: 30px;
  width: 195px;
  color: #fff !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none !important;
  text-align: center;
}
#eventPicCaptionMask {
  width: 195px;
  height: 117px;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#eventArea h2 {
  height: 12px;
  background-position: top center;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
/* 外枠 */
#eventPicLarge {
}
#eventPicLarge.livePrincess {
  /* プリンセス用 */
  background: url(../img/event/photocontest_princess/bg_live.jpg) no-repeat 0 0;
}
#eventPicLarge.livePrince {
  /* プリンセス用 */
  background: url(../img/event/photocontest_prince/bg_live.jpg) no-repeat 0 0;
}
#eventPicLarge.liveNataFes {
  /* 七夕イベント */
}
#eventPicLarge h2 {
  position: absolute;
  top: 13px;
  left: 0;
  width: 950px;
  background-position: top center;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
}
/* 通常版 */
#eventArea h2 {
  background-image: url(../img/event/common/tit_event.png);
}
#eventPicLarge h2 {
  background-image: url(../img/event/common/tit_event_zoom.png);
}
#eventPicLarge.liveHousing h2 {
  background-image: url(../img/event/common/tit_housing_zoom.png);
}
#eventPicLarge.liveNataFes h2 {
  background-image: url(../img/common/tit_natafes_zoom.png);
}
#eventPicLarge.liveNataFes .entryBox {
  display: none;
}
/* プリンセス＆プリンス用 */
#eventPicLarge.livePrincess h2,
#eventPicLarge.livePrince h2 {
  background-image: none;
}
#eventPicLarge .btn_square {
  position: absolute;
  left: 0;
  bottom: 78px;
  width: 890px;
  text-align: right;
}
#eventPicLarge .btn_square a {
  text-decoration: none;
}

#eventPicLarge .btn_square {
  z-index: 1500 !important;
}

/* 冒険者の広場　データベース */
#searchBoxArea h2,
p.btn_searchBox,
p.btn_SearchBoxForm input {
  display: block;
  margin: 0 auto;
  background: url(../img/user_area/bg_database.png) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
#searchBoxArea {
  width: 211px;
  height: 185px;
  margin-top: 32px;
  padding-top: 7px;
  background: url(../img/user_area/bg_database_box.jpg) no-repeat 0 0;
}
#searchBoxArea h2 {
  width: 161px;
  height: 59px;
  margin-bottom: 4px;
  background-position: 0 0;
}
p.txt_description {
  margin-bottom: 8px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  text-shadow: 2px 0px 0px #000, 0px 2px 0px #000, -2px 0px 0px #000, 0px -2px 0px #000;
}
.searchBoxWin {
  width: 180px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.searchBoxWin input {
  width: 168px;
  padding: 7px 5px;
  border: 1px solid #c3bdbd;
  font-size: 1.2em;
}
p.btn_SearchBoxForm input {
  width: 95px;
  height: 31px;
  background-position: 0 -90px;
  cursor: pointer;
}
/* 検索ボックス下部のリンクエリア */
#searchBoxBottom {
  width: 209px;
  height: 33px;
}
#searchBoxBottom a {
  display: block;
  width: 100%;
  height: 100%;
  color: #9d2100;
  font-size: 12px;
  text-decoration: none;
  text-indent: 20px;
  line-height: 2.8;
  background-image: url(../img/user_area/bg_database_bottom.png);
}
#searchBoxBottom a:hover {
  text-decoration: underline;
  background-position: right 0;
}

/* 新着情報 */
.whatsNew {
  clear: both;
  width: 170px;
  margin: 0 auto 8px;
  border: 1px solid #a09a91;
  background: url(../img/user_area/bg_whatsnew.png) repeat 0 0;
}
.whatsNew ul.list {
  margin: 12px 10px 10px;
  font-size: 1em;
  line-height: 1.8;
}
.whatsNew ul.list a {
  color: #1a23d7;
  text-decoration: none;
}
.whatsNew ul.list a:hover {
  color: #308dff;
  text-decoration: underline;
}
/* ボタン */
#userArea .myMenuBtn {
  clear: both;
  width: 170px;
  margin: 15px auto 0;
  padding-bottom: 7px;
}
#userArea .myMenuBtn li {
  margin-bottom: 8px;
}
#myMenu {
  clear: both;
  width: 207px;
  margin: 0 auto;
  border-top: 2px solid #fff;
}
/* .myMenuBtnエリア */
#userArea .myMenuBtn a {
  width: 170px;
  height: 34px;
}
#userArea .myMenuBtn a:hover {
  background-position: 0 bottom;
}
#userArea .myMenuBtn .btn_l_charachange a {
  background-image: url(../img/user_area/btn_chnage_caharcter.png);
}
#userArea .myMenuBtn .btn_l_diary a {
  background-image: url(../img/user_area/btn_goto_diary.png);
}
#userArea .myMenuBtn .btn_l_mypage a {
  background-image: url(../img/user_area/btn_goto_mypage.png);
}
#userArea .myMenuBtn .btn_l_itemcode a {
  background-image: url(../img/user_area/btn_goto_itemcode.png);
}
#userArea .myMenuBtn .btn_l_proposal a {
  background-image: url(../img/user_area/btn_goto_proposal_history.png);
}
#userArea .logoutBtn {
  position: absolute;
  left: 0;
  bottom: -26px;
  width: 211px;
  margin: 0 auto;
}
/* 自分の投稿一覧 */
#userArea #myThreadList {
  clear: both;
  width: 207px;
  margin: 0 auto 0;
  border-top: 2px solid #fff;
}
#userArea #myThreadList p {
  width: 170px;
  margin: 0 auto;
  padding: 15px 0 8px;
}
#userArea #myThreadList a {
  width: 170px;
  height: 27px;
}
#userArea .btn_threadlist a {
  background-position: 0 -1150px;
}
#userArea .btn_threadlist a:hover {
  background-position: 0 -1190px;
}
/* ログアウト */
#userArea .logoutBtn a {
  display: block;
  font-size: 0;
  width: 90px;
  height: 26px;
  margin: 0 auto;
  background-image: url(../img/common/btn_logout.png);
}
#userArea .logoutBtn a:hover {
  background-position: 0 bottom;
}
/* 他人の投稿記録 */
#container #userArea .otherThreadList {
  margin: 10px auto 0;
}
#container #userArea .otherThreadList ul {
  margin-top: 15px;
  padding-bottom: 1px;
}
#container #userArea .otherThreadList li {
  width: 170px;
  margin: 0 auto 0;
}
#container #userArea .otherThreadList .btn_threadlist a {
  width: 170px;
  height: 27px;
  margin-bottom: 8px;
  background-position: 0 -1230px;
}
#container #userArea .otherThreadList .btn_threadlist a:hover {
  background-position: 0 -1270px;
}
/* 他人の冒険日誌を見る */
#container #myThreadList .btn_viewdiary a {
  margin-bottom: 7px;
  height: 37px;
  background-position: 0 -1610px;
}
#container #myThreadList .btn_viewdiary a:hover {
  background-position: 0 -1655px;
}
/* フレンドにさそう */
#userArea #myThreadList .btn_friend a {
  background-position: 0 -1310px;
}
#userArea #myThreadList .btn_friend a:hover {
  background-position: 0 -1350px;
}

/* 右メニュー
------------------------------ */
.right-menu {
  width: 146px;
}
.right-menu * {
  box-sizing: border-box;
}
/* ----- メニューメインエリア ---- */
.right-menu__main {
  margin-top: 12px;
}
.right-menu__loop {
  background-image: url(../img/common/right/navi/main/header.png),
    url(../img/common/right/navi/main/loop.png);
  background-repeat: no-repeat, repeat-y;
}
.right-menu__footer {
  width: 146px;
  height: 32px;
  margin-top: -3px;
  background-image: url(../img/common/right/navi/main/footer.png);
}
/* ----- サーバーステータス ----- */
.server-status {
  cursor: default;
  position: relative;
  width: 146px;
}
.server-status img {
  display: block;
}
/* アクティブなサーバーステータス＝メンテ以外 */
.server-status.is-active {
  cursor: pointer;
}
.server-status.is-active img:nth-of-type(2) {
  display: none;
}
/* ホバー */
.server-status.is-active:hover img:nth-of-type(1) {
  display: none;
}
.server-status.is-active:hover img:nth-of-type(2) {
  display: block;
}

/* ------ お支払い ----- */
.right-menu__pay {
  margin-top: 12px;
}
/* アスカン */
.right-menu__pay-askan {
  width: 146px;
  height: 108px;
  background-image: url(../img/common/right/navi/pay/top-bg.png);
  background-repeat: no-repeat;
  padding-top: 26px;
  padding-left: 4px;
}
.right-menu__pay-askan a {
  width: 136px;
  height: 77px;
}

/* 各お支払い */
.right-menu__pay-type {
  position: relative;
  padding-left: 4px;
}
.right-menu__pay-type a {
  width: 136px;
  height: 41px;
}
.right-menu__pay-type__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.right-menu__pay-type__bg li {
  height: 100%;
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-image: url(../img/common/right/navi/pay/center-bg.png);
}
.right-menu__pay-type__bg::before,
.right-menu__pay-type__bg::after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
}
.right-menu__pay-type__bg::before {
  flex: 0 0 23px;
  background-image: url(../img/common/right/navi/pay/center-top-cover.png);
}
.right-menu__pay-type__bg::after {
  flex: 0 0 8px;
  background-image: url(../img/common/right/navi/pay/center-bottom-cover.png);
}
.right-menu__pay-type__content {
  position: relative;
  z-index: 1;
  padding-bottom: 4px;
  padding-top: 19px;
}

/* お支払いについて */
.right-menu__pay-about {
  width: 146px;
  height: 44px;
  background-image: url(../img/common/right/navi/pay/bottom-bg.png);
  background-repeat: no-repeat;
  padding-left: 7px;
  padding-top: 3px;
}
.right-menu__pay-about a {
  width: 134px;
  height: 34px;
}

/* ------ 特殊エリア ----- */
.right-menu__battle {
  margin-top: 12px;
}
.right-menu__battle a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 36px;
}
.right-menu__battle a img {
  position: absolute;
}
.right-menu__battle a:hover img {
  top: -36px;
}
.right-menu__battle-option {
  box-sizing: border-box;
  padding-left: 4.5px;
  padding-top: 2px;
  background-image: url(../img/common/right/navi/battle/loop.png);
}
/* ------ メインボタンエリア ----- */
.right-menu__buttons {
  padding-top: 4px;
  margin-left: 4px;
}
.right-menu__button {
  cursor: pointer;
  display: inline-block;
}
.right-menu__button img:first-child,
.right-menu__button:hover img:last-child {
  display: block;
}
.right-menu__button img:last-child,
.right-menu__button:hover img:first-child {
  display: none;
}
.right-menu__buttons .right-menu__button:nth-of-type(n + 2) {
  margin-top: -1px;
}

/** お問い合わせ */
.irght-menu-inquiries {
  box-sizing: border-box;
  padding-top: 39px;
  padding-left: 4px;
  width: 146px;
  height: 210px;
  background-image: url(../img/common/right/inquiries/frame.png);
}
.irght-menu-inquiries a {
  display: block;
  width: 136px;
  height: 51px;
}
.irght-menu-inquiries a:hover {
  background-position: 0 bottom;
}
.irght-menu-inquiries a.dqx {
  height: 41px;
  background-image: url(../img/common/right/inquiries/dqx.png);
}
.irght-menu-inquiries a.ios-3ds {
  background-image: url(../img/common/right/inquiries/ios.png);
}
.irght-menu-inquiries a.android {
  background-image: url(../img/common/right/inquiries/android.png);
}

#extraBox {
  width: 128px;
  margin-left: 15px;
  text-align: center;
}
#extraBox .banner {
  margin-bottom: 5px;
}
#extraBox .frame {
  padding: 3px 0;
  border: 1px solid #333;
  background-color: #fff;
}

/* メインコンテンツ
-------------------------------------------------- */

.border-box {
  box-sizing: border-box;
}

/* 要素スタイル
------------------------------ */
#contentArea input,
#contentArea textarea {
  padding: 5px;
  border: 1px solid #c3bdbd;
  font-size: 12px;
}

.common-select {
  padding: 2px;
  border: 1px solid #c3bdbd;
  font-size: 12px;
}

.common-text {
  border: 1px solid #c3bdbd;
  font-size: 12px;
}

/* わりと共通で使うテーブル */
.common-table {
  border: 1px solid #777;
}
.common-table .common-th,
.common-table .common-th-em,
.common-table .common-th-em-2 {
  border-bottom: 1px solid #777;
  background-color: #a79873;
  color: #fff;
}
.common-table .common-th-em {
  background-color: #816940;
}
.common-table .common-th-em-2 {
  background-color: #51422c;
}
.common-table .common-th-em-2.is-deco {
  background-image: url(../img/common/ico_thdeco_l.png),
    url(../img/common/ico_thdeco_r.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
}
.common-table .common-td,
.common-table .common-td-em {
  border-bottom: 1px dotted #a7a7a7;
  background-color: #fff;
}
.common-table .common-td.is-gray {
  background-color: #d7d7d7;
}
.common-table .common-td.is-yellow {
  background-color: #fffcd0;
}
.common-table .common-td-em {
  background-color: #e4e3c9;
}
.common-table .common-td,
.common-table .common-td-em,
.common-table .common-th,
.common-table .common-th-em {
  border-left: 1px solid #d6cfbd;
  padding: 5px 10px 3px 10px;
  text-align: left;
}
.common-table .common-th:first-child,
.common-table .common-th-em:first-child,
.common-table .common-th-em-2:first-child,
.common-table .common-td:first-child,
.common-table .common-td-em:first-child {
  border-left: none;
}

/* わりと共通で使うテーブル2 */
.common-table2 {
  border: 1px solid #777777;
}

.common-table2 .common-th,
.common-table2 .common-th-em {
  color: #000;
  border-bottom: 1px solid #777;
  background-color: #e1caac;
}
.common-table2 .common-th-em {
  background-color: #816940;
}
.common-table2 .common-th-em.is-light {
  background-color: #a79773;
}
.common-table2 .common-th-em .common-table2 .common-td,
.common-table2 .common-td-em {
  border-bottom: 1px dotted #a7a7a7;
  background-color: #f9f5ef;
}
.common-table2 .common-td-em {
  background-color: #f9eeda;
}
.common-table2 .common-td,
.common-table2 .common-td-em,
.common-table2 .common-th,
.common-table2 .common-th-em {
  border: 1px solid #777;
  padding: 5px 10px 3px 10px;
  text-align: left;
}

/* 共通コンテンツ領域 */
.common-width {
  width: 598px;
}

/* 共通で使うボーダーで枠をつけた白背景エリア */
.common-box {
  border: 1px solid #777;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* 共通ボックスと対になったタブ */
.common-box-tab {
}
.common-box-tab li {
  float: left;
  cursor: pointer;
  line-height: 1;
  border-top: 1px solid #d5d5d5 !important;
}
.common-box-tab li:first-child {
  border-left: 1px solid #d5d5d5 !important;
}
/* タブ選択状態とホバー状態 */
.common-box-tab li.selected,
.common-box-tab li:hover {
  cursor: default;
  border-top: 1px solid #d5d5d5 !important;
  border-right: 1px solid #d5d5d5 !important;
}
.common-box-tab a {
  color: #4a4a4a !important;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #ddd8a4;
  border-right: 1px solid #ddd8a4;
  background-color: #f6f9c4;
}
.common-box-tab a:hover {
  color: #4a4a4a !important;
  text-decoration: none !important;
  background-color: none;
  background-image: url(../img/common/box_tab_hover.png);
  background-repeat: repeat-x;
}
/* タブ選択状態 */
.common-box-tab li.selected a {
  cursor: default;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #fff;
  background-image: none;
}
.common-box-tab span,
.common-box-tab li.selected:hover span {
  display: block;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-left: 29px;
  padding-right: 30px;
  font-size: 12px;
  text-align: center;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
/* リストにホバーすると左右に1pxの罫線が現れるので、
	 * パディングを左右1pxずつつめて、親のサイズを保つ */
.common-box-tab li:hover span {
  padding-right: 29px;
}

/* 共通で使う罫線つきエリア */
.common-border {
  border: 1px solid #777;
  background-color: #fff;
}

/* 矢印アイコンつきのPC名 */
.common-pc-name {
  padding-left: 8px;
  background-image: url(../img/common/ico_pc_name.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
}

/* 共通警告ダイアログ */
.common-caution-dialog {
  width: 421px;
  height: 238px;
  background-image: url(../img/chat/bg_error.png);
}
.common-caution-dialog table {
  width: 100%;
}
/* 見出し */
.common-caution-dialog-head {
  width: 100%;
  height: 48px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
}
/* 中身 */
.common-caution-dialog-main {
  padding-top: 32px;
  height: 79px;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
}
/* OKボタン */
.common-caution-dialog-ok {
  margin: 21px auto 0 auto;
  width: 134px;
  height: 28px;
  display: block;
  cursor: pointer;
}

/* ----- 汎用モーダル ----- */
.common-nextprev-modal {
  zoom: 1;
}
.common-nextprev-modal:after {
  content: '';
  display: block;
  clear: both;
}
.common-nextprev-modal,
.common-nextprev-modal-main {
  border-radius: 6px;
}
.common-nextprev-modal {
  background-color: #222;
}
/* ローディングアイコンつき */
.common-nextprev-modal-main {
  padding: 12px 6px;
  border: 2px solid #f3f3f3;
  background-image: url(../img/common/nextprev_modal_loading.gif);
  background-repeat: no-repeat;
  background-position: center;
}
/* 次へ前へ */
.common-nextprev-modal-next,
.common-nextprev-modal-prev {
  cursor: pointer;
  width: 30px;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-color: #c7c7b3;
}
.common-nextprev-modal-next {
  background-image: url(../img/dressup/btn_arrow_r.png);
}
.common-nextprev-modal-prev {
  background-image: url(../img/dressup/btn_arrow_l.png);
}
.common-nextprev-modal-next:hover,
.common-nextprev-modal-prev:hover {
  background-color: #d9d9aa;
  background-position: -30px center;
}
.common-nextprev-modal-next.disabled,
.common-nextprev-modal-prev.disabled {
  cursor: default;
  background-image: none;
  background-color: #222;
}
.common-nextprev-modal-next a,
.common-nextprev-modal-prev a {
  display: block;
  cursor: pointer;
  width: 100%;
}
.common-nextprev-modal-next.disabled a,
.common-nextprev-modal-prev.disabled a {
  cursor: default;
}

/* ----- 汎用確認ダイアログ ----- */
.common-confirm-dialog {
  width: 330px;
  height: 162px;
  background-image: url(../img/dressup/bg_nicedialog.jpg);
  font-size: 12px;
  line-height: 1;
}
/* メインテキスト */
.common-confirm-dialog-text {
  color: #970027;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
/* 注釈 */
.common-confirm-dialog-note {
  color: #000;
  font-size: 10px;
  text-align: center;
}
/* いいね */
.common-confirm-good {
}
.common-confirm-good:hover {
  background-position: -130px 0;
}
/* 超いいね */
.common-confirm-super {
  background-position: 0 -30px;
}
.common-confirm-super:hover {
  background-position: -130px -30px;
}
/* キャンセル */
.common-confirm-cancel {
  background-position: 0 -60px;
}
.common-confirm-cancel:hover {
  background-position: -130px -60px;
}
.common-confirm-good,
.common-confirm-super,
.common-confirm-cancel {
  display: block;
  width: 121px;
  height: 27px;
  overflow: hidden;
  text-indent: -9999em;
  white-space: nowrap;
  cursor: pointer;
  background-image: url(../img/dressup/btn_good.png);
}
/* ナビ */
.common-confirm-dialog-navi {
  margin-right: auto;
  margin-left: auto;
}
.common-confirm-dialog-navi td:first-child {
  padding-right: 3px;
}
.common-confirm-dialog-navi td:first-child + td {
  padding-left: 3px;
}

/* ----- 飾りのついたボックス ----- */
.common-deco-box {
  margin-right: auto;
  margin-left: auto;
  width: 602px;
  background-image: url(../img/common/decobox/main.png);
}
.common-deco-box .deco-box-header,
.common-deco-box .deco-box-footer {
  background-repeat: no-repeat;
}
.common-deco-box .deco-box-header {
  background-image: url(../img/common/decobox/header.png);
}
.common-deco-box .deco-box-footer {
  background-image: url(../img/common/decobox/footer.png);
  background-position: left bottom;
}
.common-deco-box .deco-box-main {
}
/* 通常分割線 */
.common-deco-box .deco-box-solid,
.common-deco-box .deco-box-dotted {
  height: 1px;
  background-repeat: repeat-x;
}
.common-deco-box .deco-box-solid {
  background-image: url(../img/common/decobox/solid_line.png);
}
.common-deco-box .deco-box-dotted {
  background-image: url(../img/common/decobox/solid_line.png);
}

/* ----- アイコンつき見出し ----- */
.common-ico-head {
  padding-left: 13px;
  color: #968876;
  font-size: 12px;
  font-weight: bold;
  background-image: url(../img/senreki/list_ico.png);
  background-repeat: no-repeat;
}

/* ----- 汎用ツールチップ ----- */
.common-tooltip {
  box-sizing: border-box;
  position: absolute;
  padding-bottom: 5px;
  width: 272px;
  color: #fff;
  background-image: url(../img/mypage/bg_tooltip.png?var=20140417);
  background-position: left bottom;
}
.common-tooltip:after {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  min-height: 15px;
  background-image: url(../img/mypage/bg_tooltip_h.png?var=20140417);
}
.common-tooltip-main {
  position: relative;
  z-index: 1;
}
/* 半分サイズのツールチップ */
.common-tooltip.half-size {
  width: 180px;
  background-image: url(../img/mypage/bg_tooltip_2.png?var=20140417);
}
.common-tooltip.half-size:after {
  background-image: url(../img/mypage/bg_tooltip_h_2.png?var=20140417);
}
/* CSS版汎用ツールチップ */
.common-tooltip2 {
  box-sizing: border-box;
  position: absolute;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #000;
  border-radius: 6px;
  background-color: #000;
  box-shadow: 2px -2px #fff inset, 2px 2px #fff inset, -2px -2px #fff inset,
    -2px 2px #fff inset;
}

/* 角丸ボタン */
.round-button {
  width: 150px;
  height: 27px;
}

/* ボタンのホバー */
.button-hover:hover,
.button-hover a:hover {
  background-position: 0 bottom;
}

/* input buttonのスタイルリセット */
.button-reset {
  background-color: transparent;
  border: none !important;
  cursor: pointer;
  outline: none;
  padding: 0 !important;
  appearance: none;
}

/* 汎用ボタンベース */
.basic-button-1 {
  cursor: pointer;
  display: block;
  width: 240px;
  height: 40px;
  background-color: #75664f;
  border: 1px solid #6f5e22 !important;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 2.9;
  overflow: hidden;
}
.basic-button-1:hover {
  color: #fff !important;
  background-color: #b39f15;
  text-decoration: none !important;
}

* html .basic-button-1 {
  width: 240px;
}

/* IMGタグを使用して、ホバーの表現をさせるボタン */
.img-button {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: 0;
}
.img-button img {
  position: absolute;
}
.img-button:hover img {
  bottom: 0;
}

/* 複数の画像を使うパターン */
.img-button.img-button--multi-image img {
  position: relative;
}
.img-button.img-button--multi-image img:nth-of-type(n + 2) {
  display: none;
}
.img-button.img-button--multi-image:hover img:nth-of-type(1) {
  display: none;
}
/* ホバー */
.img-button.img-button--multi-image:hover img:nth-of-type(2) {
  display: block;
}
/* アクティブ */
.img-button.img-button--multi-image.is-disabled img {
  display: none;
}
.img-button.img-button--multi-image.is-disabled img:nth-of-type(3) {
  display: block;
}

.img-button.goto-html5 {
  margin-left: -8px;
  margin-bottom: 20px;
  height: 106px;
}

/* 表示状態
------------------------------ */
.hide {
  display: none !important;
}

.show {
  display: block !important;
}

/* 行間 */
.lh1 {
  line-height: 1;
}

.pointer-events-none {
  pointer-events: none;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default;
}

/* 余白
------------------------------ */
.mb00 {
  margin-bottom: 0 !important;
}
.mb05 {
  margin-bottom: 5px !important;
}
.mr05 {
  margin-right: 5px !important;
}

.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt11 {
  margin-top: 11px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.mt13 {
  margin-top: 13px !important;
}
.mt14 {
  margin-top: 14px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt17 {
  margin-top: 17px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mt19 {
  margin-top: 19px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt75 {
  margin-top: 75px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt85 {
  margin-top: 85px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt95 {
  margin-top: 95px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mra {
  margin-right: auto !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr11 {
  margin-right: 11px !important;
}
.mr12 {
  margin-right: 12px !important;
}
.mr13 {
  margin-right: 13px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr16 {
  margin-right: 16px !important;
}
.mr17 {
  margin-right: 17px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.mr19 {
  margin-right: 19px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr65 {
  margin-right: 65px !important;
}
.mr70 {
  margin-right: 70px !important;
}
.mr75 {
  margin-right: 75px !important;
}
.mr80 {
  margin-right: 80px !important;
}
.mr85 {
  margin-right: 85px !important;
}
.mr90 {
  margin-right: 90px !important;
}
.mr95 {
  margin-right: 95px !important;
}
.mr100 {
  margin-right: 100px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb11 {
  margin-bottom: 11px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb13 {
  margin-bottom: 13px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb17 {
  margin-bottom: 17px !important;
}
.mb18 {
  margin-bottom: 18px !important;
}
.mb19 {
  margin-bottom: 19px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb75 {
  margin-bottom: 75px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb85 {
  margin-bottom: 85px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb95 {
  margin-bottom: 95px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mla {
  margin-left: auto !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml11 {
  margin-left: 11px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml13 {
  margin-left: 13px !important;
}
.ml14 {
  margin-left: 14px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.ml17 {
  margin-left: 17px !important;
}
.ml18 {
  margin-left: 18px !important;
}
.ml19 {
  margin-left: 19px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml21 {
  margin-left: 21px !important;
}
.ml22 {
  margin-left: 22px !important;
}
.ml23 {
  margin-left: 23px !important;
}
.ml24 {
  margin-left: 24px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
.ml65 {
  margin-left: 65px !important;
}
.ml70 {
  margin-left: 70px !important;
}
.ml75 {
  margin-left: 75px !important;
}
.ml80 {
  margin-left: 80px !important;
}
.ml85 {
  margin-left: 85px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.ml95 {
  margin-left: 95px !important;
}
.ml100 {
  margin-left: 100px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt11 {
  padding-top: 11px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pt13 {
  padding-top: 13px !important;
}
.pt14 {
  padding-top: 14px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.pt17 {
  padding-top: 17px !important;
}
.pt18 {
  padding-top: 18px !important;
}
.pt19 {
  padding-top: 19px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt65 {
  padding-top: 65px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt75 {
  padding-top: 75px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pt85 {
  padding-top: 85px !important;
}
.pt90 {
  padding-top: 90px !important;
}
.pt95 {
  padding-top: 95px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr11 {
  padding-right: 11px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.pr13 {
  padding-right: 13px !important;
}
.pr14 {
  padding-right: 14px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.pr17 {
  padding-right: 17px !important;
}
.pr18 {
  padding-right: 18px !important;
}
.pr19 {
  padding-right: 19px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr55 {
  padding-right: 55px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pr65 {
  padding-right: 65px !important;
}
.pr70 {
  padding-right: 70px !important;
}
.pr75 {
  padding-right: 75px !important;
}
.pr80 {
  padding-right: 80px !important;
}
.pr85 {
  padding-right: 85px !important;
}
.pr90 {
  padding-right: 90px !important;
}
.pr95 {
  padding-right: 95px !important;
}
.pr100 {
  padding-right: 100px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb11 {
  padding-bottom: 11px !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.pb13 {
  padding-bottom: 13px !important;
}
.pb14 {
  padding-bottom: 14px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.pb17 {
  padding-bottom: 17px !important;
}
.pb18 {
  padding-bottom: 18px !important;
}
.pb19 {
  padding-bottom: 19px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb65 {
  padding-bottom: 65px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb75 {
  padding-bottom: 75px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb85 {
  padding-bottom: 85px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.pb95 {
  padding-bottom: 95px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl11 {
  padding-left: 11px !important;
}
.pl12 {
  padding-left: 12px !important;
}
.pl13 {
  padding-left: 13px !important;
}
.pl14 {
  padding-left: 14px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.pl17 {
  padding-left: 17px !important;
}
.pl18 {
  padding-left: 18px !important;
}
.pl19 {
  padding-left: 19px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pl60 {
  padding-left: 60px !important;
}
.pl65 {
  padding-left: 65px !important;
}
.pl70 {
  padding-left: 70px !important;
}
.pl75 {
  padding-left: 75px !important;
}
.pl80 {
  padding-left: 80px !important;
}
.pl85 {
  padding-left: 85px !important;
}
.pl90 {
  padding-left: 90px !important;
}
.pl95 {
  padding-left: 95px !important;
}
.pl100 {
  padding-left: 100px !important;
}

.y0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.y1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.y2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.y3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.y4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.y5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.y6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.y7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.y8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.y9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.y10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.y11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}
.y12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.y13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}
.y14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.y15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.y16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.y17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}
.y18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.y19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}
.y20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.y25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.y30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.y35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.y40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.y45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.y50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.y55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}
.y60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.y65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}
.y70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.y75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}
.y80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.y85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}
.y90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}
.y95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}
.y100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.x0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.x1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.x2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.x3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.x4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.x5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.x6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.x7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.x8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.x9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.x10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.x11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}
.x12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.x13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}
.x14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.x15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.x16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.x17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}
.x18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.x19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}
.x20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.x25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.x30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.x35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.x40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.x45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.x50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.x55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}
.x60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.x65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}
.x70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
.x75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}
.x80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.x85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}
.x90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}
.x95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}
.x100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.fs12 {
  font-size: 12px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs16 {
  font-size: 16px !important;
}
.lh1 {
  line-height: 1 !important;
}
.dpi {
  display: inline !important;
}

.w100 {
  width: 100% !important;
}
.w95 {
  width: 95% !important;
}
.w90 {
  width: 90% !important;
}
.w80 {
  width: 80% !important;
}
.w70 {
  width: 70% !important;
}
.w60 {
  width: 60% !important;
}
.w50 {
  width: 50% !important;
}
.w600 {
  width: 600px !important;
}

/* float */
.float-left,
.f-left,
.float-l {
  float: left !important;
}
.float-right,
.f-right,
.float-r {
  float: right !important;
}
.float-end,
.f-end,
.float-clear,
.f-clear,
.float-c {
  clear: both !important;
}
/* text-align */
.text-left,
.t-left,
.text-l {
  text-align: left !important;
}
.text-right,
.t-right,
.text-r {
  text-align: right !important;
}
.text-center,
.t-center,
.text-c {
  text-align: center !important;
}
/* テキスト汎用注釈色 */
.notice-text {
  color: #6e680a;
}
/* テキスト汎用警告色 */
.caution-text {
  color: #d50000;
}
/* 汎用注釈赤系 */
.notice-text-em {
  color: #970027;
}
/* ぶら下がり */
.hang-indent,
.h-indent {
  text-indent: -1em;
  padding-left: 1em;
}
.bold {
  font-weight: bold;
}
.f-normal {
  font-weight: normal;
}
/* 角丸ボックス */
.roundcorner-box {
  padding: 5px 10px;
  border: 4px solid #e6aca8;
  border-radius: 4px;
  background-color: #fffdfb;
}
/* ディスプレイ */
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-iblock {
  display: inline-block !important;
}
/* float横並びのセンタリング */
.list-centering,
.list-centering ul,
.list-centering li {
  position: relative;
}
.list-centering {
  overflow: hidden;
}
.list-centering ul {
  left: 50%;
  float: left;
}
.list-centering li {
  left: -50%;
  float: left;
}
a.text-underline-link {
  text-decoration: underline !important;
}
a.text-underline-link:hover {
  text-decoration: none !important;
}

/* Flex系
-------------------------------------------------- */
.u-flex {
  display: flex;
}
.u-justify-start {
  justify-content: start;
}
.u-justify-end {
  justify-content: end;
}
.u-justify-center {
  justify-content: center;
}
.u-align-items-center {
  align-items: center;
}

/* 見出し
--------------  ---------------- */
h1#cttTitle {
  width: 644px;
  height: 50px;
  margin: 0 0 15px;
  background-image: url(../img/title/bg_cttTitle_general.png);
  color: #fff;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,
    Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 1.6em;
  text-align: center;
  line-height: 2.8;
  letter-spacing: 0.1em;
  text-shadow: 0px 0px 5px #000;
}
/* マイページ */
.myPage h1#cttTitle {
  background: url(../img/title/bg_cttTitle_mypage.png) no-repeat 0 0;
}
/* マイページ　他人 */
.othersPage h1#cttTitle {
  background: url(../img/title/bg_cttTitle_others.png) no-repeat 0 0;
}
/* チーム */
.team_ie h1#cttTitle {
  background: url(../img/title/bg_cttTitle_team.png) no-repeat 0 0;
}
/* チーム　他人 */
.othersTeam h1#cttTitle {
  background: url(../img/title/bg_cttTitle_team_others.png) no-repeat 0 0;
}
.tit_friend {
  clear: both;
  width: 546px;
  height: 35px;
  margin: 0 auto 10px;
  padding: 0 12px;
  background: url(../img/title/title_friend.png) no-repeat 0 0;
  color: #fff;
  font-size: 1.4em;
  line-height: 2.6;
}

/* 小さなアイコン付 */
.iconTitle {
  clear: both;
  margin: 0 22px 8px;
  padding-left: 21px;
  color: #4b3232;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.4;
}
.writeArea .iconTitle {
  margin: 0 18px 5px;
  padding-top: 5px;
  background-position: -40px -164px;
}

/* ちゃいろのリボン */
h2.ribbonBrown {
  clear: both;
  width: 570px;
  height: 27px;
  margin: 0 auto 8px;
  padding-left: 30px;
  background: url(../img/title/titlebar_darkbrown.png) no-repeat 0 0;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2;
}
/* ちゃいろのリボンw559 */
h2.ribbonBrown_w559 {
  clear: both;
  width: 570px;
  height: 27px;
  margin: 0 auto 8px;
  padding-left: 30px;
  background: url(../img/title/titlebar_darkbrown.png) no-repeat 0 0;
  color: #fff;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 2;
}

/* アイコン付タイトル基本 ----- */
.tit_icon {
  clear: both;
  position: relative;
  width: 580px;
  height: 47px;
  margin: 20px auto 10px;
  padding-left: 20px;
  color: #fff;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 3;
  letter-spacing: 0.1em;
  background: url(../img/common/bg_newsBox_h.png) no-repeat 0 0;
}

/* タイトルコンパス */
.tit_compass {
  clear: both;
  position: relative;
  width: 545px;
  height: 32px;
  margin: 15px auto;
  padding-left: 33px;
  background: url(../img/title/bg_title_compass.png) no-repeat 0 0;
  font-size: 1.2em;
  line-height: 2.8;
  color: #473511;
}
/* クリアアイコンつき */
.tit_compass.is-clear {
  padding-left: 107px;
  width: 471px;
  background-image: url(../img/common/ico_clear.png),
    url(../img/title/bg_title_compass.png);
  background-repeat: no-repeat, no-repeat;
  background-position: 34px center, 0 0;
}

/* 装飾ヘッダ */
.c-head--b .c-head--g {
  box-sizing: border-box;
  padding-left: 30px;
  width: 590px;
  height: 39px;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 13px !important;
  background-image: url(../img/common/c_head_g.png);
}
.c-head--b {
  background-image: url(../img/common/c_head_b.png);
}
/* テーブル
------------------------------ */
/* セルの上揃え */
.vaTop {
  vertical-align: top;
}

/* ボックス
------------------------------ */
/* メインボックス */
.cttBox {
  /* IEの背景画像設定はcommon_ie.jsで設定 */
  clear: both;
  min-height: 650px;
  padding: 5px 5px 30px 5px;
  background: url(../img/common/bg_contentarea_box_f.png) no-repeat left bottom,
    url(../img/common/bg_contentarea_box_h.png) no-repeat 0 0,
    url(../img/common/bg_contentarea_box_b.png) repeat-y 0 0;
}
.cttBox_h.add-bg {
  background: url(/dq_resource/img/common/bg_contentarea_box_h.png) no-repeat 0 0;
}
.cttBox_b.add-bg {
  background: url(/dq_resource/img/common/bg_contentarea_box_b.png) repeat-y 0 0;
}
/* ----- サブメニューをもつボックスのヘッダー画像を削除する ----- */
#pub_top .cttBox,
#bossRanking .cttBox,
#defenceRanking .cttBox,
#colosseumRanking .cttBox,
#dressupTop .cttBox,
#playerevent .cttBox,
#bulletinBoard .cttBox,
.playlog .cttBox,
.picture .cttBox,
.mercenaryhistory .cttBox,
.partyhistory .cttBox,
.mail_attach_hist .cttBox,
.navi_lottery .cttBox,
.navi_exppool .cttBox,
.ashiato-is-settings .cttBox,
.ashiato-is-charabg .cttBox,
.ashiato-is-emotemsg .cttBox,
.monstermercenarymeathis .cttBox,
.monstermercenarydetail .cttBox,
.monsterbattleroad .cttBox,
.cttBox.myCttBox {
  padding: 0 5px 30px 5px;
  background: url(../img/common/bg_contentarea_box_f.png) no-repeat left bottom,
    url(../img/common/bg_contentarea_box_b.png) repeat-y 0 0;
}

/* ボーダー付1 */
.bdBox1 {
  border: 1px solid #000;
  background-color: #fff;
}

/* おしらせ系 */
.newsBox,
.newsBoxWithoutHead {
  clear: both;
  position: relative;
  width: 600px;
  margin: 20px auto;
  background: url(../img/common/bg_newsBox.png) repeat-y left bottom;
  border-bottom: 1px solid #423729;
}
.newsBoxWithoutHead {
  border-top: 1px solid #423729;
}

.noRepeat {
  background: url(../img/common/bg_newsBox_norepeat.png) repeat-y left bottom;
}
.newsBox_f {
  margin-bottom: -1px;
  padding-top: 0;
  padding-bottom: 43px;
  background: url(../img/common/bg_newsBox_f.png) no-repeat left bottom;
}
.newsBox .tit_icon {
  margin-top: 0;
  padding-top: 0;
  position: relative;
  margin-bottom: 10px;
}

/* 茶色のボックス */
#postBox {
  clear: both;
  width: 600px;
  margin: 0 auto 40px;
  padding-top: 8px;
  background: url(../img/common/bg_writeBox_h_f.png) no-repeat 0 0;
}
#postBox_f {
  padding-bottom: 8px;
  background: url(../img/common/bg_writeBox_h_f.png) no-repeat -600px bottom;
}
#postBox_b {
  width: 100%;
  background: url(../img/common/bg_writeBox_b.png) repeat-y 0 0;
}

/* ライン
------------------------------ */
.lineType1 {
  clear: both;
  width: 568px;
  margin: 15px auto;
  border: 0;
  height: 12px;
  background: url(../img/common/line_type1.png) repeat-x 0 0;
}
hr.lineType2 {
  clear: both;
  width: 600px;
  margin: 10px auto;
  border: 0;
  height: 3px;
  background: url(../img/common/line_type2.png) repeat-x 0 0;
}
hr.lineTypeDotted1 {
  margin: 0;
  padding: 0;
  height: 1px;
  border: none;
  border-bottom: 1px dotted #9f9272;
}
hr.lineTypeDotted2 {
  margin: 0;
  padding: 0;
  height: 5px;
  border: none;
  background-image: url(../img/common/line_dotted_type2.png);
}

/* ボタン ～スプライト～
------------------------------ */
/* 角丸 ---------- */
#contentArea .btn_bazaar_search a,
.btn_delete_choice a,
#contentArea .btn_form_check a,
#contentArea .btn_form_check input,
.btn_r_delete a,
.btn_form_public a,
#contentArea .btn_write input,
.btn_lock_choice a,
.btn_m_back a,
.btn_pictu_top a,
.btn_quotation a,
.btn_report a,
#formBack a,
#formBack input,
#contentArea #historyBack a,
#contentArea #historyBack input,
.btn_s_cancel a,
.btn_s_change a,
#btn_change input,
#btn_change a,
.btn_s_change_out a,
.btn_s_ok a,
#contentArea .btn_s_ok input,
.btn_s_ok a:hover,
.btn_sys_delete a,
.btn_sys_ok a,
.btn_sys_reload a,
.chara_choice a,
#contentArea .btn_consent a,
#contentArea .btn_toThem a,
#contentArea .btn_success a,
#contentArea .btn_success input,
#contentArea .btn_backMytop a,
#contentArea .btn_backMytop input,
#contentArea .btn_submit input,
#contentArea .btn_gotoST a,
#contentArea .btn_gotoItemcodeTop a,
#contentArea .btn_mailEntry a,
#contentArea .btn_comment input {
  display: block;
  border: none;
  background: url(../img/common/bg_btn_round.png) no-repeat top left;
  text-align: center;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

#contentArea .btn_bazaar_search a {
  background-position: 0 0;
  width: 150px;
  height: 27px;
}
#contentArea .btn_bazaar_search a:hover {
  background-position: 0 -28px;
  width: 160px;
  height: 27px;
}
.btn_delete_choice a {
  background-position: 0 -56px;
  width: 160px;
  height: 23px;
}
.btn_delete_choice a:hover {
  background-position: 0 -84px;
  width: 160px;
  height: 23px;
}
.btn_delete_choice_out a {
  background-position: 0 -112px;
  width: 160px;
  height: 23px;
}
#contentArea .btn_form_check a,
#contentArea .btn_form_check input {
  background-position: 0 -140px;
  width: 150px;
  height: 27px;
} /* 確認する h:27px */
#contentArea .btn_form_check a:hover {
  background-position: 0 -172px;
  width: 150px;
  height: 27px;
}
.btn_r_delete a,
#footprint .btn_r_delete {
  background-position: 0 -204px;
  width: 150px;
  height: 27px;
}
.btn_r_delete a:hover {
  background-position: 0 -236px;
  width: 150px;
  height: 27px;
}
.btn_form_public a {
  background-position: 0 -268px;
  width: 150px;
  height: 27px;
}
.btn_form_public a:hover {
  background-position: 0 -300px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_write input {
  background-position: 0 -332px;
  width: 150px;
  height: 27px;
}
.btn_lock_choice a {
  background-position: 0 -396px;
  width: 160px;
  height: 23px;
}
.btn_lock_choice a:hover {
  background-position: 0 -424px;
  width: 160px;
  height: 23px;
}
.btn_lock_choice_out a {
  background-position: 0 -452px;
  width: 160px;
  height: 23px;
}
#formBack a,
#formBack input,
#contentArea #historyBack a,
#contentArea #historyBack input {
  background-position: 0 -480px;
  width: 150px;
  height: 27px;
} /* 戻る */
#contentArea #formBack a:hover,
#contentArea #historyBack a:hover {
  background-position: 0 -512px;
  width: 150px;
  height: 27px;
}
.btn_pictu_top a {
  background-position: 0 -544px;
  width: 208px;
  height: 27px;
}
.btn_pictu_top a:hover {
  background-position: 0 -576px;
  width: 208px;
  height: 27px;
}
.btn_quotation a {
  background-position: 0 -608px;
  width: 123px;
  height: 21px;
} /* 引用してコメント */
.btn_quotation a:hover {
  background-position: 0 -634px;
  width: 123px;
  height: 21px;
}
.btn_report a {
  background-position: 0 -660px;
  width: 79px;
  height: 21px;
} /* 通報する */
.btn_report a:hover {
  background-position: 0 -686px;
  width: 79px;
  height: 21px;
}
.btn_s_cancel a {
  background-position: 0 -796px;
  width: 150px;
  height: 27px;
}
.btn_s_cancel a:hover {
  background-position: 0 -828px;
  width: 150px;
  height: 27px;
}
.btn_s_change a {
  background-position: 0 -860px;
  width: 161px;
  height: 23px;
}
#btn_change input,
#btn_change a {
  background-position: 0 -888px;
  width: 150px;
  height: 27px;
}
#btn_change input:hover,
#btn_change a:hover {
  background-position: 0 -920px;
}
.btn_s_change a:hover {
  background-position: 0 -952px;
  width: 161px;
  height: 23px;
}
.btn_s_change_out a {
  background-position: 0 -980px;
  width: 161px;
  height: 23px;
}
.btn_s_ok a,
#contentArea .btn_s_ok input {
  background-position: 0 -1008px;
  width: 150px;
  height: 27px;
}
.btn_s_ok a:hover {
  background-position: 0 -1040px;
  width: 150px;
  height: 27px;
}
.btn_sys_delete a {
  background-position: 0 -1072px;
  width: 162px;
  height: 23px;
}
.btn_sys_delete a:hover {
  background-position: 0 -1100px;
  width: 162px;
  height: 23px;
}
.btn_sys_ok a {
  background-position: 0 -1128px;
  width: 150px;
  height: 27px;
}
.btn_sys_ok a:hover {
  background-position: 0 -1160px;
  width: 150px;
  height: 27px;
}
.btn_sys_reload a {
  background-position: 0 -1192px;
  width: 162px;
  height: 23px;
}
.btn_sys_reload a:hover {
  background-position: 0 -1220px;
  width: 162px;
  height: 23px;
}
.change2_out a {
  background-position: 0 -1248px;
  width: 160px;
  height: 23px;
}
.chara_choice a {
  background-position: 0 -1276px;
  width: 150px;
  height: 27px;
}
.chara_choice a:hover {
  background-position: 0 -1318px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_consent a {
  background-position: 0 -1340px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_consent a:hover {
  background-position: 0 -1372px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_success a,
#contentArea .btn_success input {
  background-position: 0 -1532px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_success a:hover {
  background-position: 0 -1564px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_backMytop a,
#contentArea .btn_backMytop input {
  background-position: 0 -1596px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_backMytop a:hover {
  background-position: 0 -1628px;
}
#contentArea .btn_submit input {
  background-position: 0 -1008px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_gotoST a {
  background-position: 0 -2224px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_gotoST a:hover {
  background-position: 0 -2256px;
}
#contentArea .btn_gotoItemcodeTop a {
  background-position: 0 -2288px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_gotoItemcodeTop a:hover {
  background-position: 0 -2320px;
}
#contentArea .btn_mailEntry a {
  background-position: 0 -2352px;
  width: 150px;
  height: 27px;
}
#contentArea .btn_mailEntry a:hover {
  background-position: 0 -2384px;
}
#contentArea .btn_comment input {
  background-position: 0 -1724px;
  width: 150px;
  height: 27px;
}

/* スプライト その他 ---------- */
.btn_arrow_first,
.btn_arrow_last,
.btn_arrow_next,
.btn_arrow_prev,
.btn_back_top,
.btn_back_top_on,
.btn_delete a,
.btn_more01,
.btn_more01_on,
.btn_more02,
.btn_more02_on,
.btn_sort,
.btn_sort_on,
.btn_quote a,
.btn_invalid_s a,
.btn_delete_bbs a,
.btn_pickup_migration a,
.btn_edit a {
  display: block;
  background: url(../img/common/bg_btn_other.png) no-repeat top left;
  text-align: center;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.btn_arrow_first {
  background-position: 0 0;
  width: 13px;
  height: 13px;
}
.btn_arrow_last {
  background-position: 0 -18px;
  width: 13px;
  height: 13px;
}
.btn_arrow_next {
  background-position: 0 -36px;
  width: 12px;
  height: 14px;
}
.btn_arrow_prev {
  background-position: 0 -55px;
  width: 12px;
  height: 14px;
}
.btn_back_top {
  background-position: 0 -74px;
  width: 143px;
  height: 29px;
}
.btn_back_top_on {
  background-position: 0 -108px;
  width: 143px;
  height: 29px;
}
.btn_delete a {
  background-position: 0 -142px;
  width: 56px;
  height: 18px;
} /* ちいさい削除 */
.btn_delete a:hover {
  background-position: 0 -163px;
}
.btn_more01 {
  background-position: 0 -184px;
  width: 85px;
  height: 22px;
}
.btn_more01_on {
  background-position: 0 -211px;
  width: 85px;
  height: 22px;
}
.btn_more02 {
  background-position: 0 -238px;
  width: 85px;
  height: 22px;
}
.btn_more02_on {
  background-position: 0 -265px;
  width: 85px;
  height: 22px;
}
.btn_sort {
  background-position: 0 -334px;
  width: 103px;
  height: 28px;
}
.btn_sort_on {
  background-position: 0 -367px;
  width: 103px;
  height: 28px;
}
.btn_quote a {
  background-position: 0 -400px;
  width: 67px;
  height: 13px;
}
.btn_quote a:hover {
  background-position: 0 -418px;
  width: 67px;
  height: 13px;
}
.btn_invalid_s a {
  background-position: 0 -435px;
  width: 60px;
  height: 17px;
}
.btn_invalid_s a:hover {
  background-position: 0 -455px;
}
.btn_delete_bbs a {
  background-position: -72px -435px;
  width: 16px;
  height: 17px;
}
.btn_delete_bbs a:hover {
  background-position: -72px -455px;
}
.btn_pickup_migration a {
  background-position: 0 -518px;
  width: 121px;
  height: 16px;
}
.btn_pickup_migration a:hover {
  background-position: 0 -539px;
}
.btn_edit a {
  background-position: 0 -560px;
  width: 56px;
  height: 16px;
}
.btn_edit a:hover {
  background-position: 0 -581px;
}

.btn-add-playerevent,
.btn-agree-and-reg,
.btn-edit-input,
.btn-goto-playerevent,
.btn-playerevent-top,
.btn-update-image,
.btn-senditem-confirm,
.btn-senditem-submit,
.btn-reg,
.btn-koukan,
.btn-clover-kessai,
.btn-haifu-sentaku,
.btn-crysta-kessai,
.btn-report,
.btn-lottery-result,
.btn-lottery-purchased,
.btn-get-reward,
.btn-more-kaimono,
.btn-received,
.btn-back {
  width: 150px;
  height: 27px;
}
.btn-crysta-kessai {
  width: 190px;
}
.btn-ok-mini,
.btn-ng-mini {
  padding-left: 15px;
  display: block;
  cursor: pointer;
  overflow: hidden;
  width: 28px;
  height: 23px;
  font-size: 10px;
  color: #595757 !important;
  line-height: 2.3;
  text-align: left !important;
}
.btn-ok-mini:hover,
.btn-ng-mini:hover {
  text-decoration: none !important;
  background-position: 0 bottom;
}
/* タブ */
.btn-tab {
  cursor: pointer;
  display: block;
  overflow: hidden;
  width: 116px;
  height: 38px;
  color: #343434 !important;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none !important;
  line-height: 3.4;
  background-image: url(../img/common/btn_tab.png);
}
.btn-tab:hover {
  color: #343434 !important;
  background-position: 0 center;
}
.btn-tab.disabled {
  cursor: default;
  background-position: 0 bottom;
}

.round-button a,
.btn-add-playerevent a,
.btn-add-playerevent input,
.btn-agree-and-reg a,
.btn-edit-input a,
.btn-goto-playerevent a,
.btn-playerevent-top a,
.btn-back a,
.btn-back input,
.btn-tweet a,
.btn-join-event a,
.btn-add-event a,
.btn-add-house a,
.btn-kanrikyoku1 a,
.btn-kanrikyoku1-l a,
.btn-update-image a,
.btn-update-image input,
.btn-senditem-confirm a,
.btn-senditem-confirm input,
.btn-senditem-submit a,
.btn-senditem-submit input,
.btn-reg a,
.btn-reg input,
.btn-run-search a,
.btn-koukan a,
.btn-koukan input,
.btn-clover-kessai a,
.btn-clover-kessai input,
.btn-haifu-sentaku a,
.btn-haifu-sentaku input,
.btn-crysta-kessai a,
.btn-crysta-kessai input,
.btn-report a,
.btn-report input,
.btn-lottery-result a,
.btn-lottery-purchased a,
.btn-get-reward a,
.btn-get-reward input,
.btn-received a,
.btn-received input,
.btn-more-kaimono a,
.btn-more-kaimono span {
  width: 100%;
  height: 100%;
  display: block;
  border: none !important;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  background-color: transparent !important;
}
.btn-add-playerevent a:hover,
.btn-add-playerevent input:hover,
.btn-agree-and-reg a:hover,
.btn-edit-input a:hover,
.btn-goto-playerevent a:hover,
.btn-playerevent-top a:hover,
.btn-tweet a:hover,
.btn-join-event a:hover,
.btn-add-house a:hover,
.btn-add-event a:hover,
.btn-kanrikyoku1 a:hover .btn-kanrikyoku1-l a:hover,
.btn-update-image a:hover,
.btn-update-image input:hover,
.btn-senditem-confirm a:hover,
.btn-senditem-confirm input:hover,
.btn-senditem-submit a:hover,
.btn-senditem-submit input:hover,
.btn-ok-mini a:hover,
.btn-ok-mini input:hover,
.btn-ng-mini a:hover,
.btn-ng-mini input:hover,
.btn-reg a:hover,
.btn-reg input:hover,
.btn-run-search a:hover,
.btn-koukan a:hover,
.btn-koukan input:hover,
.btn-clover-kessai a:hover,
.btn-clover-kessai input:hover,
.btn-haifu-sentaku a:hover,
.btn-haifu-sentaku input:hover,
.btn-crysta-kessai a:hover,
.btn-crysta-kessai input:hover,
.btn-report a:hover,
.btn-report input:hover,
.btn-lottery-result a:hover,
.btn-lottery-purchased a:hover,
.btn-get-reward a:hover,
.btn-get-reward input:hover,
.btn-more-kaimono a:hover,
.btn-received a:hover,
.btn-received input:hover {
  background-position: 0 bottom;
}
.btn-add-playerevent a,
.btn-add-playerevent input {
  background-image: url(../img/bg_btn_round/btn_add_playerevent.png);
}
.btn-agree-and-reg a {
  background-image: url(../img/bg_btn_round/btn_agree_and_reg.png);
}
.btn-edit-input a {
  background-image: url(../img/bg_btn_round/btn_edit_input.png);
}
.btn-goto-playerevent a {
  background-image: url(../img/bg_btn_round/btn_goto_playerevent.png);
}
.btn-playerevent-top a {
  background-image: url(../img/bg_btn_round/btn_playerevent_top.png);
}
.btn-update-image a,
.btn-update-image input {
  background-image: url(../img/common/btn_update_image.png);
}
.btn-senditem-confirm a,
.btn-senditem-confirm input {
  background-image: url(../img/common/btn_senditem_confirm.png);
}
.btn-senditem-submit a,
.btn-senditem-submit input {
  background-image: url(../img/common/btn_senditem_submit.png?20200120);
}
.btn-reg a,
.btn-reg input {
  background-image: url(../img/common/btn_reg.png);
}
.btn-koukan a,
.btn-koukan input {
  background-image: url(../img/common/btn_koukan.png);
}
.btn-haifu-sentaku a,
.btn-haifu-sentaku input {
  background-image: url(../img/common/btn_haifu_sentaku.png);
}
.btn-crysta-kessai a,
.btn-crysta-kessai input {
  background-image: url(../img/common/btn_crysta_kessai.png?20170721);
}
.btn-clover-kessai a,
.btn-clover-kessai input {
  background-image: url(../img/common/btn_clover_kessai.png?20170721);
}
.btn-report a,
.btn-report input {
  background-image: url(../img/common/btn_report.png);
}
.btn-lottery-result a {
  background-image: url(../img/common/btn_lottery_result.png);
}
.btn-lottery-purchased a {
  background-image: url(../img/common/btn_lottery_purchased.png);
}
.btn-get-reward a,
.btn-get-reward input {
  background-image: url(../img/common/btn_get_reward.png);
}
.btn-more-kaimono a,
.btn-more-kaimono span {
  background-image: url(../img/common/btn_more_kaimono.png);
}
.btn-more-kaimono span {
  cursor: default;
  opacity: 0.5;
  filter: (alpha=50);
}
.btn-received a,
.btn-received input {
  background-image: url(../img/common/btn_received.png);
}
.btn-clover-kessai.disabled a,
.btn-clover-kessai.disabled input,
.btn-clover-kessai.disabled a:hover,
.btn-clover-kessai.disabled input:hover,
.btn-disabled,
.btn-disabled:hover {
  cursor: default;
  opacity: 0.5;
  filter: (alpha=50);
  background-position: 0 top !important;
}

.btn-back a,
.btn-back input {
  background: url(../img/common/bg_btn_round.png) no-repeat top left;
  background-position: 0 -480px;
  width: 150px;
  height: 27px;
}
.btn-back a:hover,
.btn-back input:hover {
  background-position: 0 -512px;
  width: 150px;
  height: 27px;
}
.btn-backtolist {
  background-image: url(../img/common/btn_backtolist.png);
}

/* つぶやきボタン */
.btn-tweet {
  width: 231px;
  height: 35px;
}
.btn-tweet a {
  background-image: url(../img/bg_btn_square/btn_x.png);
}
/* イベントに参加する */
.btn-join-event {
  width: 223px;
  height: 42px;
}
.btn-join-event a {
  background-image: url(../img/bg_btn_square/btn_join_event.png);
}
/* 新しいイベントを登録する,新しいオープンハウスを登録する */
.btn-add-event,
.btn-add-house {
  width: 299px;
  height: 40px;
}
.btn-add-event a {
  background-image: url(../img/bg_btn_square/btn_add_event.png);
}
.btn-add-house a {
  background-image: url(../img/bg_btn_square/btn_add_house.png);
}

/* 実行ボタン */
.btn-run-search {
  width: 79px;
  height: 32px;
}
.btn-run-search a {
  background-image: url(../img/common/btn_run_search.png);
}

/**
 * ミニボタン
 */
.btn-ok-mini {
  background-image: url(../img/common/btn_ok_mini.png);
}
.btn-ng-mini {
  background-image: url(../img/common/btn_ng_mini.png);
}

/**
 * 左メニュートップ１０導線
 */
#btn-top10-shortcut {
  display: block;
  width: 210px;
  height: 48px;
  background-image: url(../img/common/btn_top10_shortcut.png);
}
#btn-top10-shortcut:hover {
  background-position: left bottom;
}

/* 戻る */
#historyBack {
  clear: both;
  width: 150px;
  margin: 15px auto 0;
}

/* 一つ並びボタン */
.oneBtnArea {
  clear: both;
  width: 150px;
  margin: 15px auto 0;
}

/* 二つ並びボタン */
.twoBtnArea {
  clear: both;
  width: 310px;
  margin: 15px auto 0;
}
table.twoBtnArea {
  width: auto !important;
}
table.twoBtnArea td {
  padding: 0 8px !important;
  border: none !important;
}
#formBack,
.btn_left {
  float: left;
  width: 150px;
}
#contentArea .btn_submit,
.btn_right {
  float: right;
  width: 150px;
}
#contentArea .btn_submit input,
#contentArea .btn_submit #submit {
  display: block;
  width: 150px;
  height: 27px;
  border: none;
  text-align: center;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
#contentArea .btn_submit input {
  text-indent: -9999em;
}
#formBack a {
  margin-right: 10px;
}

/* もっとみる */
.btn_more {
  clear: both;
  width: 600px;
  margin: 12px auto 0;
}
.btn_more_auto {
}
.btn_more a,
.btn_more_auto a {
  display: block;
  float: right;
  width: 100px;
  height: 22px;
  margin-bottom: 20px;
  border: none;
  background: url(../img/common/btn_more02.png) no-repeat 0 0;
  text-align: center;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.btn_more_auto a {
  margin-bottom: 0;
  float: none;
}
.btn_more a:hover,
.btn_more_auto a:hover {
  background: url(../img/common/btn_more02_on.png) no-repeat 0 0;
}

/* もっとみる…見出し内 */
.newsBox .btn_more,
.newsBoxWithoutHead .btn_more,
.newsBox .btn_backnum {
  position: absolute;
  bottom: -13px;
  right: 8px;
  width: 101px;
}
.tit_compass .btn_more {
  bottom: -16px;
}
.newsBox .btn_more a,
.newsBoxWithoutHead .btn_more a,
.btn_backnum a {
  display: block;
  float: right;
  width: 101px;
  height: 22px;
  margin-bottom: 20px;
  border: none;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.newsBox .btn_more a {
  background: url(../img/common/btn_more02.png) no-repeat 0 0;
}
.newsBox .btn_more a:hover {
  background: url(../img/common/btn_more02_on.png) no-repeat 0 0;
}
.btn_backnum a {
  background: url(../img/super_top/btn_backnum.png) no-repeat 0 0;
}
.btn_backnum a:hover {
  background: url(../img/super_top/btn_backnum_on.png) no-repeat 0 0;
}

/* ページトップへ戻る */
.btn_pagetop {
  width: 654px;
  margin: 10px auto 0;
}
.btn_pagetop a {
  display: block;
  float: right;
  width: 143px;
  height: 29px;
  background: url(../img/bg_btn_other/btn_back_top.png) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.btn_pagetop a:hover {
  display: block;
  float: right;
  width: 143px;
  height: 29px;
  background: url(../img/bg_btn_other/btn_back_top_on.png) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
/* ソーシャルボタン */
#social_btn {
  width: 170px;
  height: 28px;
  padding: 3px 0 0 80px;
  background: url(../img/common/bg_snsbutton.png) no-repeat 0 0;
}
#superTop #social_btn {
  margin: 0 auto;
}
#myTop #social_btn,
#status #social_btn,
#topicsDetail #social_btn,
#friendTop #social_btn,
#friendStatus #social_btn,
#shopItem #social_btn {
  float: right;
  margin: -10px 10px 10px 0;
}
#myTop #social_btn {
  margin: 0 22px 10px 0;
}
#social_btn .facebook {
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 40px;
}
#social_btn .twitter {
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 40px;
}
#social_btn .mixi {
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 40px;
}
#social_btn .google {
  display: block !important;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  width: 50px;
}
.social_btnArea {
  padding: 15px;
  border-bottom: #333333 solid 1px;
}

/* シンプルな四角いボタン */
.btn_square {
  font-size: 12px;
}
.btn_square a {
  margin-top: 8px;
  padding-left: 2px;
  display: inline-block;
  background: url(../img/playguide/btn_playguide_l.png) no-repeat 0 0;
  color: #3b390e !important;
}
.btn_square a:hover {
  color: #534903 !important;
  text-decoration: none !important;
}
.btn_square a span {
  display: inline-block;
  height: 20px;
  padding: 0 12px 0 10px;
  background: url(../img/playguide/btn_playguide_r.png) no-repeat top right;
  line-height: 1.8;
}
.btn_square a:hover span {
  background: url(../img/playguide/btn_playguide_r.png) no-repeat bottom right;
  text-decoration: none;
  cursor: pointer;
}

/* PC-スマートフォン切り替えボタン */

#changeSP a {
  display: block;
  width: auto;
  padding: 8px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e46a67),
    color-stop(0.45, #f49996),
    color-stop(0.5, #f1928c),
    color-stop(0.55, #f27c7c),
    to(#8c2e24)
  );
  border-bottom: 2px solid #bab9a9;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.1);
}

/* アイコン
------------------------------ */
.btn_arrow_first,
.btn_arrow_last,
.btn_arrow_next,
.btn_arrow_prev,
.ico_comment,
.ico_hukidashi,
.ico_list,
.ico_lock,
.ico_new,
.ico_subhead,
.renew_icon a,
.team_th_san,
.iconTitle,
.iconTitle_Leader,
#contentArea .quoteBox .charaName a {
  display: block;
  background: url(../img/common/bg_ico.png) no-repeat top left;
}
.renew_icon a,
.ico_new {
  text-align: center;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.btn_arrow_first {
  background-position: 0 0;
  width: 13px;
  height: 13px;
}
.btn_arrow_last {
  background-position: 0 -18px;
  width: 13px;
  height: 13px;
}
.btn_arrow_next {
  background-position: 0 -36px;
  width: 12px;
  height: 14px;
}
.btn_arrow_prev {
  background-position: 0 -55px;
  width: 12px;
  height: 14px;
}
.ico_comment {
  background-position: 0 -74px;
  width: 16px;
  height: 17px;
}
.ico_hukidashi {
  background-position: 0 -96px;
  width: 16px;
  height: 16px;
}
.ico_list {
  background-position: 0 -117px;
  width: 10px;
  height: 10px;
}
.ico_lock {
  background-position: 0 -131px;
  width: 16px;
  height: 17px;
}
.ico_new {
  background-position: 0 -153px;
  width: 31px;
  height: 13px;
}
.ico_subhead {
  background-position: 0 -171px;
  width: 18px;
  height: 18px;
}
.renew_icon a {
  background-position: 0 -194px;
  width: 14px;
  height: 17px;
}
.team_th_san {
  background-position: 0 -212px;
}
.iconTitle {
  background-position: -40px -171px;
}
.iconTitle_Leader {
  background-position: 0 -275px;
}
#contentArea .quoteBox .charaName a {
  background-position: 0 -240px;
}
/* newアイコン　1st,2ndアイコン */
.ico_newsystem,
.ico_1st,
.ico_2nd,
.ico_3rd,
.ico_4th,
.ico_5th,
.ico_6th,
.ico_7th,
.ico_teian,
.ico_checkmark {
  display: inline-block;
  height: 13px;
  margin: 0 3px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: -2px;
  /vertical-align: middle;
}
.ico_checkmark {
  background-image: url(../img/common/ico_check.png);
  width: 37px;
}
.ico_newsystem {
  background-image: url(../img/common/ico_new.png);
  width: 31px;
}
.ico_1st {
  background-image: url(../img/common/ico_1st.gif);
  width: 20px;
}
.ico_2nd {
  background-image: url(../img/common/ico_2nd.gif);
  width: 20px;
}
.ico_3rd {
  background-image: url(../img/common/ico_3rd.gif);
  width: 20px;
}
.ico_3ds {
  background-image: url(../img/common/ico_3ds.gif);
  width: 20px;
}
.ico_4th {
  background-image: url(../img/common/ico_4th.gif);
  width: 20px;
}
.ico_5th {
  background-image: url(../img/common/ico_5th.gif);
  width: 20px;
}
.ico_6th {
  background-image: url(../img/common/ico_6th.gif);
  width: 20px;
}
.ico_7th {
  background-image: url(../img/common/ico_7th.gif);
  width: 20px;
}
.ico_smt {
  background-image: url(../img/common/ico_smt.gif);
  width: 20px;
}
.ico_teian {
  width: 44px;
  background-image: url(../img/common/ico_teian.gif);
}
.img_new,
.img_1st,
.img_2nd,
.img_3rd,
.img_4th,
.img_3ds,
.img_smt,
.img_ico {
  margin: 0 3px;
  vertical-align: text-bottom;
}
.ico_new_s {
  position: absolute;
  display: block;
  width: 26px;
  height: 13px;
  font-size: 0;
  background-image: url(../img/common/ico_new_s.png);
}
.sub-navi li .ico_new_s {
  top: 8px;
  left: 2px;
  margin-left: 1px;
}
.sub-child-navi li .ico_new_s {
  top: 5px;
  left: 5px;
}

/* コメント変更完了
------------------------------ */
#pictureCommentSuccess .txt {
  margin: 15px;
  padding: 15px;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
}

/* テキスト
------------------------------ */
/* 注意 */
.caution {
  clear: both;
  width: 600px;
  margin: 0 auto 10px;
  color: #d50000;
  font-size: 1.2em;
  font-weight: bold;
}
/* 確認 */
.txt_check {
  clear: both;
  margin: 15px;
  padding: 15px;
  font-size: 1.2em;
  text-align: center;
}
/* このコメントは削除されました系 */
.infoDelete {
  clear: both;
  width: 502px;
  height: 29px;
  margin: 0 auto 10px;
  padding: 10px 0 0 100px;
  background: url(../img/common/bg_infoDelete.png) no-repeat;
  color: #f0e8db;
  font-size: 1.2em;
}
.delete_txt {
  display: block;
  float: left;
  width: 350px;
  height: 20px;
}
.delete_date {
  display: block;
  float: left;
  width: 120px;
  height: 20px;
  color: #f0e8db;
  font-size: 1em;
  text-align: right;
}
/* Lvキャップ時 */
.lvcap {
  color: #afaa22 !important;
  font-weight: bold !important;
}
/* できのよさ */
.starArea {
  color: #dcdcdc;
}
.starArea .star {
  color: #9e8c0c;
}

/* 状態
------------------------------ */
/* データがない */
#notFoundBox {
  margin: 15px;
  padding: 15px;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
}
/* データがない　枠付き（大） */
.notFoundBox_b {
  position: relative;
  width: 553px;
  height: 247px;
  margin: 0 auto;
  border: 1px dotted #595656;
  background: #fff url(../img/error/img_nodata.png) no-repeat 0 7px;
  color: #535250;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.notFoundBox_b .txt_error {
  position: absolute;
  left: 0;
  top: 50%;
  width: 553px;
  height: 30px;
  margin-top: -15px;
}
/* データがない　枠付き（小） */
.notFoundBox_b_s {
  position: relative;
  width: 553px;
  height: 100px;
  margin: 0 auto;
  border: 1px dotted #595656;
  background: #fff url(../img/error/img_nodata_s.png) no-repeat 0 5px;
  color: #535250;
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.notFoundBox_b_s .txt_error {
  position: absolute;
  left: 0;
  top: 50%;
  width: 553px;
  height: 30px;
  margin-top: -15px;
  font-size: 14px;
}

/* ナビ
------------------------------ */
/* 検索結果の件数 */
.searchResult {
  float: left;
  width: 200px;
  margin: 0 0 20px 25px;
  font-size: 1.2em;
  line-height: 1.3;
}
/* ページ送り */
.pageNavi {
  float: right;
  width: 390px;
  margin-right: 25px;
  text-align: right;
}
.pageNavi li {
  display: inline;
  margin-right: -4px;
  border-left: 1px solid #d2d2d2;
  font-weight: bold;
  line-height: 1.4;
}
.pageNavi li.first,
.pageNavi li.last {
  zoom: 1;
  *margin-right: 0;
  border-left: none;
}
.pageNavi li.prev {
  zoom: 1;
  *margin-right: 1px;
  border-left: none;
}
.pageNavi li.next {
  zoom: 1;
  *margin-right: 1px;
}
#contentArea .pageNavi li a:link,
#contentArea .pageNavi li a:visited {
  padding: 0 7px;
  zoom: 1;
  color: #676767;
  text-decoration: none;
}
#contentArea .pageNavi li.first a:link,
#contentArea .pageNavi li.first a:visited,
#contentArea .pageNavi li.last a:link,
#contentArea .pageNavi li.last a:visited {
  padding: 0 1px;
}
#contentArea .pageNavi li.prev a:link,
#contentArea .pageNavi li.prev a:visited,
#contentArea .pageNavi li.next a:link,
#contentArea .pageNavi li.next a:visited {
  padding: 0 5px;
}
#contentArea .pageNavi li a:hover {
  padding: 0 6px;
  border-left: 1px solid #f1e9dc;
  border-right: 1px solid #f1e9dc;
  background-color: #f3f3f3;
  text-decoration: none;
}
#contentArea .pageNavi li.first a:hover,
#contentArea .pageNavi li.last a:hover {
  padding: 0;
  background-color: transparent;
  border-left: 1px solid #f1e9dc;
  border-right: 1px solid #f1e9dc;
}
#contentArea .pageNavi li.prev a:hover,
#contentArea .pageNavi li.next a:hover {
  background-color: transparent;
  border-left: none;
  border-right: none;
}
.pageNavi li img {
  vertical-align: -3px;
}
.pageNavi li a:hover img {
  background-color: transparent;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.pageNavi li.location {
  padding: 0 10px;
  zoom: 1;
  color: #f90;
  font-weight: bold;
}
.pageNavi li.first a img,
.pageNavi li.prev a img,
.pageNavi li.next a img,
.pageNavi li.last a img {
  margin: 0;
}

/* jsでコントロールするページャ */
.jsPageNavi {
}
.jsPageNavi .float-left {
  font-size: 12px;
}
.jsPageNavi li {
  margin-right: 0;
}
.jsPageNavi .pageNavi {
  margin-right: 0;
}

/* ページリスト */
ul#pageList {
  clear: both;
  width: 600px;
  margin: 0 auto 12px;
  font-size: 1.2em;
  color: #2a2a2a;
}
ul#pageList li {
  display: inline;
  padding-right: 8px;
  background: url(../img/common/bg_ico.png) no-repeat right -230px;
}
ul#pageList li.last {
  background: none;
}

/* 各ページの設定
-------------------------------------------------- */

/* マイページTOP
------------------------------ */
#eventBanner {
  height: 30px;
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #eee;
  text-align: center;
}
#togetherAdventure {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #eee;
}
#togetherAdventure img {
  width: 40px;
}
#whatsNew {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #eee;
}
#recentComments {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #eee;
}
#recentComments img {
  width: 40px;
}

/* 並び替えエリア */
.sortArea {
  clear: ;
  width: 250px;
  margin: 0 auto;
}
.sort {
  float: left;
  width: 140px;
  padding-top: 3px;
  margin-bottom: 10px;
}
.sort select {
  padding: 2px;
  border: 1px solid #c3bdbd;
}
.sort select option {
  padding: 0 10px 0 0;
}
.btn_sort {
  float: right;
  width: 103px;
  margin-bottom: 10px;
}
.btn_sort a {
  display: block;
  width: 103px;
  height: 28px;
  background: url(../img/common/btn_sort.png) no-repeat 0 0;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.btn_sort a:hover {
  background: url(../img/common/btn_sort_on.png) no-repeat 0 0;
}

/* 各掲示板基本
------------------------------ */
/* リスト引用 */
.quoteBox {
  margin: 6px 6px 8px 6px;
  padding: 10px;
  border: 1px solid #bcbcb4;
  background: #e7e7de url(../img/common/bg_quoteBox.png) repeat-y top right;
}
#contentArea .quoteBox .charaName a {
  padding-left: 10px;
  color: #777737;
  font-size: 1.2em;
  font-weight: bold;
}
#forumCommentcheck #contentArea .charaName {
  padding-left: 10px;
  background: url(../img/common/bg_ico.png) no-repeat 0 -241px;
  color: #777737;
  font-size: 1.2em;
}
#forumCommentcheck #contentArea .quoteTxt {
  font-size: 1.2em;
}
.quoteBox .commentText {
  font-size: 1.2em;
  white-space: pre; /* CSS 2.0 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3.0 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP Printers */
  word-wrap: break-word; /* IE 5+ */
}
.btn_quote {
  float: right;
  width: 67px;
}

/* 非公開設定用画面 */

#error_closed {
  width: 600px;
  background: #fff;
  margin: 0 auto;
  border: #999 dotted 1px;
}
#error_closed .bg_mainbox {
  background: url(../img/error/img_common.jpg);
  width: 553px;
  height: 239px;
  margin: 30px auto;
  text-align: center;
}
#error_closed .bg_mainboxtxt {
  font-size: 1.6em;
  font-weight: bold;
}
#error_closed .bg_mainboxpin {
  display: flex;
  width: 553px;
  height: 239px;
  align-items: center;
  justify-content: center;
}

/* トピックス運営用 */
.contentsTable1 th,
.contentsTable1 td {
  border: 1px solid #948b54;
  background: #f9f5ef;
  text-align: center;
  padding: 2px;
}
.contentsTable1 .ct_bg01 {
  background: #e1caac;
}
.contentsTable1 .ct_bg02 {
  background: #f9eeda;
}

/* for Android */
ul,
li,
p {
  background-image: url(../img/common/space.gif);
}

/* 広場内検索 */
#hirobaSearch {
  float: right;
  width: 252px;
  margin: 8px 4px 0 20px;
}

/**
 * ドラクエ風フレーム
 */
.dq-frame {
  font-size: 12px;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  padding: 2px;
}
.dq-frame-inside {
  color: #fff;
  background-color: #000;
}

/* 外側の白ボーダーが太目、内側の背景が黒い */
.dq-frame-2 {
  font-size: 12px;
  border: 2px solid #fff;
  border-radius: 6px;
  background-color: #000;
}

/* 基本コンテンツ幅 */
.content-size {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}

/* 基本テキスト */
.basic-text {
  font-size: 12px;
  line-height: 1.5;
}

/* チャンスとくぎカラー */
.chance-tokugi {
  color: #c601dd;
}
/* ひっさつカラー */
.hissatsu-tokugi {
  color: #198ee0;
}

/* =============== */
/* ツイッター枠 */
/* =============== */
#left-navi-twitter {
  width: 212px;
}
#left-navi-twitter-body {
  padding-top: 1px;
  background-image: url(../img/common/twitter/body.png);
}
#left-navi-twitter-main {
  margin-right: auto;
  margin-left: auto;
  width: 200px;
  background-color: #fff;
}

/* ヘッダにつける開閉トグルアイコン */
.headtoggle-ico,
.headtoggle-ico-2 {
  cursor: pointer;
  display: inline-block;
  width: 92px;
  height: 26px;
  background-image: url(../img/common/head/head_toggle.png);
}
.headtoggle-ico-2 {
  width: 88px;
  background-image: url(../img/common/head/head_toggle_2.png);
}

.headtoggle-ico.is-closed,
.headtoggle-ico-2.is-closed {
  background-position: 0 bottom;
}

/* 詳しくはこちらつきヘッダ */
.head-base,
.head-base-mini,
.head-base-mid,
.head-withinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 600px;
  height: 37px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background-image: url(../img/common/head/head_withinfo.png);
}
.head-base {
  background-image: url(../img/common/head/head_base.png);
}
.head-base-mini {
  width: 561px;
  background-image: url(../img/common/head/head_base_mini.png);
}
.head-base-mid {
  width: 578px;
  background-image: url(../img/common/head/head_base_mid.png);
}
.head-withinfo::after {
  display: none;
}
.head-withinfo span,
.head-base span,
.head-base-mini span {
  display: inline-block;
  margin-left: 10px;
  line-height: 1;
}
.head-withinfo a {
  display: inline-block;
  width: 120px;
  height: 37px;
}

/* アイコンつき見出し
------------------------------ */
.withico {
  position: relative;
}
.withico:before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
}
.withico.is-caution {
  color: #c16060;
}
.withico.is-caution:before {
  position: relative;
  top: 2px;
  width: 19px;
  height: 14px;
  background-image: url(../img/common/ico_caution.png);
}

/* エコボタン
------------------------------ */
.ecobtn-container {
  display: flex;
  justify-content: center;
}
.ecobtn-container .ecobtn {
  margin-right: 4px;
  margin-left: 4px;
}
.ecobtn {
  user-select: none;
  cursor: pointer !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 154px !important;
  height: 30px !important;
  color: #444 !important;
  font-size: 12px !important;
  font-weight: bold !important;
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ ProN W3',
    'Hiragino Kaku Gothic ProN W3', 'HiraKakuProN-W3', 'ヒラギノ角ゴ ProN',
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro',
    '游ゴシック体', 'YuGothic', 'Yu Gothic M', '游ゴシック Medium', 'Yu Gothic Medium' !important;
  text-decoration: none !important;
  text-shadow: 1px 1px #fff;
  line-height: 1;
}
.ecobtn.ecobtn-lg {
  width: 200px !important;
}
.ecobtn:hover {
  background-position: 0 bottom;
}
.ecobtn:before,
.ecobtn:after {
  content: '';
  display: block;
  height: 17px;
}
.ecobtn:before {
  margin-right: 2px;
  margin-bottom: 1px;
  width: 17px;
}
.ecobtn:after {
}
.ecobtn span {
  display: flex;
  align-items: center;
}
.ecobtn.is-disabled {
  cursor: default !important;
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
}
.ecobtn.is-disabled:hover {
  background-position: 0 0;
}
/* 黄：アイコンなし */
.ecobtn.is-plain::before {
  display: none;
}
.ecobtn.is-ok,
.ecobtn.is-plain {
  /* 黄 */
  background-image: url(../img/common/eco/button/ok.png);
}
.ecobtn.ecobtn-lg.is-ok {
  background-image: url(../img/common/eco/button/ok-lg.png);
}
.ecobtn.is-ng {
  /* 青 */
  background-image: url(../img/common/eco/button/ng.png);
}
.ecobtn.is-warning {
  /* 赤 */
  background-image: url(../img/common/eco/button/warning.png);
}
.ecobtn.is-close:before {
  /* ☓ボタン */
  background-image: url(../img/common/eco/button/ico/close.png);
}
.ecobtn.is-okarrow:before {
  /* ok用矢印 */
  background-image: url(../img/common/eco/button/ico/ok.png);
}
.ecobtn.is-ngarrow:before {
  /* ng用矢印 */
  background-image: url(../img/common/eco/button/ico/ng.png);
}
.ecobtn.is-pencil:before {
  /* 鉛筆 */
  width: 18px;
  background-image: url(../img/common/eco/button/ico/pencil.png);
}
.ecobtn.is-lock:before {
  /* 錠前 */
  width: 16px;
  height: 18px;
  background-image: url(../img/common/eco/button/ico/lock.png);
}
.ecobtn.is-update:before {
  /* リロードマーク */
  height: 19px;
  background-image: url(../img/common/eco/button/ico/update.png);
}
.ecobtn.is-checked:before {
  /* チェックマーク */
  background-image: url(../img/common/eco/button/ico/checked.png);
}
.ecobtn.is-star:before {
  width: 20px;
  height: 19px;
  background-image: url(../img/common/eco/button/ico/star.png);
}
/* 無効状態 */
.ecobtn.is-selected {
  cursor: default;
  pointer-events: none;
  background-image: url(../img/common/eco/button/selected.png);
}
.ecobtn.is-orange {
  /* オレンジの大きいボタン */
  width: 200px !important;
  height: 32px !important;
  color: #fff !important;
  text-shadow: 1px 1px 2px black;
  background-image: url(../img/common/eco/button/orange.png);
}
.ecobtn.is-orange:before {
  display: none;
}

/**
 * アイテム表示カラー
 */
.item-color[data-color='1'] {
  color: #00a6e3;
}

/* 行間
------------------------------ */
.leading-3 {
  line-height: 0.75rem;
}
.leading-4 {
  line-height: 1rem;
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-6 {
  line-height: 1.5rem;
}
.leading-7 {
  line-height: 1.75rem;
}
.leading-8 {
  line-height: 2rem;
}
.leading-9 {
  line-height: 2.25rem;
}
.leading-10 {
  line-height: 2.5rem;
}

.text-white {
  color: #fff;
}
.text-red {
  color: #cc0000;
}

.hidden-after::after {
  display: none;
}