@charset "UTF-8";

/*
.sns-button02 + .lead:first-child,
.mainImage + .lead:first-child,
.topImg + .lead:first-child,
.article > .lead:first-child.post .list-normal li:last-child,.post .list-no li:last-child,.post .list-check li:last-child
{
font-size:13px;
color:#444;
}
*/
.goTop {
  width: 100%;
  height: 100%;
  display: block;
}

.adstir_native_wrapper_147300 {
  background: #fff;
  width: 90%;
  margin: 0 auto;
}

#mntad276978 .adstir_native_contents_147300 {
  padding-top: 10px;
}

.question span {
  font-size: 15px;
}

.question {
  margin: 20px 0 10px 0 !important;
}

#sidebar-43 {
  margin: 0;
}

#sidebar-43 .titleListTop10 li a img {
  width: 25px;
  padding-right: 0px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  margin-right: 2px;
  vertical-align: middle;
}

#sidebar-43 .titleListTop10 {
  margin-bottom: 10px;
}

#sidebar-43 p a {
  border: none;
}

#container #main-contents .topPageTitle+.post-meta02 {
  display: block;
  margin: 5px 0;
}

.topPageTitle {
  font-size: 20px;
  font-weight: bold;
}

.post-meta02 span:nth-child(1) {
  float: left;
}

.post-meta02 span:nth-child(2) {
  float: right;
}

.headerJack img {
  width: 100%;
}

#form-area p {
  font-weight: bold;
}

#form-area .privacy_sct.first p {
  font-weight: normal;
}

.kojinJoho {
  overflow: auto;
  height: 100px;
  border: 1px solid #ccc;
  padding: 10px;
}

.joken li {
  color: #767676;
  font-size: 10px;
}

table td a,
table th a {
  font-weight: 700;
}

.fixedGachaBtn {
  display: none;
}

.fixedGachaBtn a {
  position: fixed;
  bottom: 30%;
  left: 25%;
  display: inline-block;
  width: 190px;
  padding: 7px 10px;
  border-radius: 4px;
  color: #fff !important;
  background: #49c0f0;
  background: -moz-linear-gradient(top, #49c0f0 0%, #0289dd 100%);
  background: -webkit-linear-gradient(top, #49c0f0 0%, #0289dd 100%);
  background: linear-gradient(to bottom, #49c0f0 0%, #0289dd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49c0f0', endColorstr='#0289dd', GradientType=0);
  box-shadow: 2px 2px 7px #333;
  text-align: center;
  z-index: 99999;
  font-weight: bold;
}

#main-contents table .6moji {
  font-size: 10px;
}

.tyusyaku li span {
  font-size: 10px !important;
  color: #767676 !important;
}

#mainCenter table td li,
#main-contents table td li {
  margin-bottom: 1px;
}

#mainCenter h5 {
  margin: 0 0 1.5em;
  padding: 0 0 0.5em;
  border-bottom: 2px solid #414141;
  font-weight: bold;
  font-size: 110%;
}

/*------------------------------------------------------------
事前登録
-------------------------------------------------------------*/
.jizenNolink {
  font-size: 140%;
  font-weight: bold;
}

/*------------------------------------------------------------
みんなの評価
-------------------------------------------------------------*/

.voiceTopWrap .hyokaToko {
  width: 68%;
  margin-top: 21px;
}

.voiceTopWrap .hyokaToko+div {
  width: 68%;
}

.voiceTopWrap .hyokaToko02 {
  margin-bottom: 15px;
  margin-right: 10px;
  width: auto;
}

.tokoHyoka {
  background: #efefef;
  display: inline-block;
  padding: 1px 10px;
  border-radius: 2px;
  text-align: center;
  font-size: 85%;
}



/*------------------------------------------------------------
各タイトル
-------------------------------------------------------------*/
div[id^="mntad"] {
  display: block;
  padding-right: 100px;
}

#main-contents div[id^="mntad"] {
  display: block;
  padding: 0px;
  text-align: left !important;
}

hr {
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 1px dotted #bbb;
  width: 100%;
}

#mainCenter hr {
  border: 0;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  border-top: 1px dotted #bbb;
  width: 100%;
  margin: 3px;
}

#header-in .search-form form {
  float: right;
  margin: 20px 0px 0;
}

#header-in .search-form form input {
  border-radius: 5px;
  padding: 5px 0 5px 5px;
  border: none;
}

#header-in .search-form form input:nth-child(2) {
  margin-left: 10px;
  display: inline-block;
  background: #34a3d1;
  color: #fff;
  padding: 5px 20px;
}

#header-in p.header-logo img {
  vertical-align: middle;
  width: 58px;
  display: inline-block;
  margin-right: 10px;
}

.osiraseBtn {
  background: #fff;
}

#main-contents .contents .interviewTitle {
  background: none;
  font-weight: bold;
  border-bottom: 3px solid #ccc;
  color: #333;
  padding: 0 0 3px 0;
}

.youtubeMovie {
  height: 350px;
  width: 100%;
}

#header .kasouTitle {
  color: #7E7E7E;
  margin: 0 0 0 0;
  float: none;
  font-size: 12px;
  padding-top: 17px;
  padding-bottom: 8px;
}

#sns-button {
  margin: 15px 0 15px 0;
}

#mainCenter .contactWrap .contactInner01 ul li {
  margin-bottom: 15px;
}

.article p,
.article h3,
.aricle h2 {
  margin: 0 0 10px 0;
  line-height: 1.7em;
}

.copyright small {
  font-size: 10px;
}

#mainInner #breadcrumbs {
  margin: 10px 0 10px 0;
  font-size: 11px;
  display: block;
  background: none;
}

#more-review-btn {
  margin-bottom: 15px;
}

#mainCenter table td ul li {
  padding: 5px 0 5px 0px;
  border-bottom: 0px dotted #ccc;
  background: #fff;
  margin-bottom: 0 !important;
}

#mainCenter table td ul li:last-child {
  border-bottom: 0;
  margin: 0px 0;
}

#mainCenter table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

#mainCenter th,
#mainCenter td {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#mainCenter th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

#mainCenter h3 {
  background: #eaeeef;
  border: medium none;
  color: #333;
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 8px 2px 8px 12px;
}

#mainCenter .review h3 {
  background: #eaeeef;
  border: medium none;
  color: #333;
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 8px 2px 8px 12px;
}

#mainCenter h2 {
  background-color: #014c6b;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 120%;
  padding: 10px 0 10px 12px;
  margin: 12px 0 20px;
  font-weight: bold;
}

body {
  color: #444;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  background: #fff;
  line-height: 1.5;
  overflow-wrap: break-word;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-contents table td li {
    padding: 0;
    border: 0;
  }

  #main-contents form.commentToukou_wp+span+script+div[id^="mntad"] {
    display: block;
    padding: 0px;
    text-align: center !important;
  }
}

/*------------------------------------------------------------
NewAppArea
-------------------------------------------------------------*/

.osusumeAppMbInner img {
  border-radius: 15px;
}


.osusumeAppMb {
  border-bottom: 1px dotted #e5e5e5;
  margin: 10px 0;
}

.osusumeAppMb div div {
  float: left;
}

.osusumeAppMb div dl {
  float: left;
  margin: 5px 0 0 10px;
  max-width: 75%;
}

.osusumeAppMb p a {
  display: block;
  /*margin: 0 0 0 10px;*/
  font-size: 90%;
  text-decoration: underline;
}

.osusumeAppMb p {
  color: #444;
  font-size: 90%;
}

.osusumeAppMb div dd {
  background: #bebebe;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 2px 8px;
  font-size: 80%;
  margin: 0 10px 0 0;
  display: inline-block;
}

.osusumeAppMb div dd a {
  color: #fff;
}

.osusumeAppMb p {
  margin: 5px 0 10px 0;
  font-size: 90%;
}

#main-contents .space {
  letter-spacing: -1.5px;
}

#main-contents .sTable th,
#main-contents .sTable td {
  padding: 2px !important;
}

.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}

.movie iframe,
.movie-wrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#main-contents .mokujiInfo h2 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #333;
  font-size: 110%;
  font-weight: bold;
  margin-top: 0;
  padding: 5px 0 5px 10px;
}

#main-contents .mokujiInfo p {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #333;
  font-size: 110%;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 5px 0 5px 10px;
}

#main-contents .chart-bt-box+.mokujiInfo {
  margin-top: 12px;
}

/*---パズドラ・ゲリラ----*/
#main-contents .gerira th {
  text-align: center;
  padding: 3px 0 3px 0;
}

#main-contents .gerira td {
  padding: 1px;
  font-size: 80%;
  letter-spacing: -0.5px;
  height: 33px;
}

#main-contents #skillTable th {
  padding: 2px !important;
  font-size: 9px !important;
  letter-spacing: -2px !important;
}

#main-contents #scheList li {
  line-height: 3.5em !important;
}

#main-contents .risemaraT tr td:nth-child(1) {
  text-align: center !important;
}

/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/
#main-in .tableLine td img {
  vertical-align: middle;
}

#main-in .tableLine tr:nth-child(odd) {
  background: #f9f9f9;
}

#main-contents .genjuTable td {
  padding: 3px !important;
}

#main-contents #schedule td,
#main-contents #schedule th {
  padding: 2px !important;
  font-size: 10px !important;
}

td ul {
  margin-left: 0 !important;
}

#main-contents td .topUl li {
  margin-left: 0 !important;
}

.imgTable {
  vertical-align: middle;
  padding-left: 10px;
}

fieldset,
abbr {
  border: 0;
}

.gameDt {
  font-size: 80%;
  margin: 10px 0 0 0;
}

.gameDd {
  font-size: 80%;
  margin: 10px 0 10px 0;
}

.gameTitle {
  min-height: 50px;
}

#search-2 {
  background: #fff;
  border-left: 1px solid #34A3D1;
  border-right: 1px solid #34A3D1;
  border-bottom: 1px solid #34A3D1;
  border-top: 5px #34A3D1 solid;
  padding: 10px;
}

#search-2 h3 {
  border: none;
  margin: 0 0 5px 0;
  color: #34A3D1;
}

#search-2 .search-box {
  margin: 0;
}

#searchsubmit {
  background: #222;
  color: #fff;
  border: none;
}

#search-2 input {
  border-radius: 4px;
}

.cat-post-widget .post-title {
  font-size: 12px !important;
  font-weight: normal !important;
}


/*-- アコーディオンメニュー --*/
.acMenu dt {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 10px 0 17px;
  padding: 7px 5px;
  text-align: center;
  display: block;
  box-shadow: none;
  background: #fff;
  color: #666;
  cursor: pointer;
  position: relative;
}

.acMenu dt:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 99%;
  height: 2px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.acMenu dt:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 98%;
  height: 1px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.acMenu dd {
  display: none;
  margin: 0 0 5px !important;
  box-sizing: border-box;
}

.acMenu dt.active {
  border: 1px solid #ffeea1;
  background: #fff2b7;
  margin: 0 0 5px !important;
  box-shadow: 0 2px 0 0 #bbb;
  border-radius: 4px 4px 0 0;
  color: #444;
}

.acMenu dt.active:before {
  border: none;
}

.acMenu dt.active:after {
  border: none;
}

#sub-contents .acMenu {
  margin: 5px 0;
}

#sub-contents .acMenu dt {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0px 0 10px;
  padding: 5px 5px;
  text-align: center;
  display: block;
  background: #fff;
  cursor: pointer;
  color: #666;
}

#sub-contents .acMenu dt:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 99%;
  height: 1px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

#sub-contents .acMenu dt:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 98%;
  height: 0px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

#sub-contents .acMenu dt.active {
  border: 1px solid #ffeea1;
  background: #fff2b7;
  margin: 0 0 10px !important;
  box-shadow: 0 2px 0 0 #bbb;
  border-radius: 4px 4px 0 0;
  color: #444;
}

#sub-contents .acMenu dt.active:before {
  border: none;
}

#sub-contents .acMenu dt.active:after {
  border: none;
}

.acMenu+h3 {
  margin-top: 27px !important;
}


.hyokaTd {
  width: 17% !important;
}

.genkaiTxt {
  font-size: 14pt;
  color: #f00;
}

.hyokaData dt {
  font-size: 14pt;
  color: #f00;
  padding: 15px 0 15px 0;
}

.hyokaData dd {
  margin: 0;
}

.hyokaTable {
  text-align: center;
}

.charaImg {
  text-align: center;
  padding: 20px 0 10px 0;
}

.kyaraIchiranTable th span {
  float: left;
  padding-top: 13px;
}

.kyaraIchiranTable th:nth-child(1) span {
  padding-top: 0;
}

.kyaraIchiranTable th ul {
  float: right;
  margin: 0 !important;
}

.kyaraIchiranTable th ul li:nth-child(2) {
  margin-bottom: 0 !important;
}

.hyokaTable td {
  text-align: center;
}

.hyokaTable td span {
  font-size: 18px;
}

.kyaraTb th {
  width: 64px;
}

#main-contents .listNo {
  margin-left: 0 !important;
}

.deckTable td {
  vertical-align: top;
}

.qa dd {
  margin-left: 0 !important;
  margin: 10px 0 10px 0;
}

.qa dt {
  font-size: 120%;
  border-left: 6px solid #ccc;
  padding: 0 0 0 10px;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #ccc;
}

.qa dl {
  margin: 35px 0 35px 0;
}

.detailTable th {
  text-align: left;
}

.detailTable td {
  vertical-align: middle;
}

.marubatu span {
  font-size: 200% !important;
}

.nolistmark {
  margin-left: 0 !important;
}

/*-- モンスト評価投稿 --*/
.monsterForm li {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}

.monsterForm li:last-child {
  border-bottom: 1px solid #ccc;
}

.monsterForm li span {
  color: #004c6b;
  display: block;
  margin: 5px 0;
}

#main-contents ul.monsterForm {
  margin: 10px 0;
}

/*-- 評価送信ボタン --*/
#hyoukatoukou p {
  display: block;
  text-align: center;
  margin: 0 auto;
  position: relative;
}

#hyoukatoukou p a:hover {
  opacity: 0.7;
}

#hyoukatoukou p a:before {
  content: url(/common/submitBtn.jpg);
  color: #FFF;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: auto;
}

#hyoukatoukou p a img {
  display: none;
}

#hyoukatoukou p {
  margin: 25px auto 15px;
  text-align: center;
}

#hyoukatoukou p a {
  display: block;
  width: 40%;
  position: relative;
  border-radius: 5px;
  font-weight: bold;
  box-sizing: border-box;
  margin: 0 auto;
}

#main-contents #hyoukatoukou p>input+input+input+#submit {
  background: #34a3d1 !important;
  padding: 0 !important;
  height: 38px;
  text-align: center;
  position: relative;
}

#main-contents #hyoukatoukou p>input+input+input+#submit img {
  display: none !important;
}

#main-contents #hyoukatoukou p>input+input+input+#submit:before {
  content: "送信";
  position: absolute;
  top: 25%;
  left: 42%;
  text-align: center;
}

#main-contents #hyoukatoukou p>input+input+a#submit {
  padding: 10px 0px 20px;
}

#main-contents #hyoukatoukou p>input+input+input+a#submit {
  padding: 10px 0px 20px;
}

#hyoukatoukou p a.pinponsumbit {
  background: #34a3d1;
  display: block;
  padding: 8px;
  width: 50%;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 1px #0094cc !important;
  font-weight: bold;
  box-sizing: border-box;
  border: 0;
  color: #FFF;
  text-align: center;
  margin: 20px auto;
  cursor: pointer;
  font-size: 14px;
}

#hyoukatoukou p a.pinponsumbit:before {
  display: none !important;
}

/*-- 評価送信ボタン end --*/
/*-- モンスト評価投稿 end --*/
/*---みんなの点数(チャート)---*/
.chart img {
  display: block;
  height: 30%;
  width: 100%;
}

.chart {
  border: medium none !important;
}

.chart td {
  border: medium none !important;
}

.chart tr:nth-child(1) td {
  border-bottom: 1px solid #acce15 !important;
  padding-bottom: 0 !important;
}

.chart tr:nth-child(2) td {
  padding: 5px 0 !important;
  text-align: center;
}

.chart td span {
  color: #acce15;
  font-size: 11px;
}

#hyo_tukaeru,
#hyo_tukaenai {
  width: 100%;
}

/*---みんなの点数(チャート) End ---*/
/* FFBE-パズドラ-評価投稿&表示 */
.toko {
  border-bottom: 1px solid #004c6b;
  color: #004c6b !important;
  padding: 0 0 5px;
}

.iineWrap {
  width: 100%;
}

.iine {
  background-color: #db6b0f;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 2px 10px 2px 15px;
}

.iinegray {
  background-color: #cccccc;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: 2px 10px 2px 15px;
}

.iineWrap span {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #db6b0f;
  margin-left: 10px;
  padding: 3px 8px;
  position: relative;
}

.iineWrap span::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  content: "";
  display: block;
  left: -5px;
  position: absolute;
  top: 7px;
  width: 0;
  z-index: 1;
}

.iineWrap span::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #ccc transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  content: "";
  display: block;
  left: -6px;
  position: absolute;
  top: 7px;
  width: 0;
}

/*-- カテゴリ一覧 --*/
#categoryBox {
  width: 100%;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
  margin: 15px 0;
}

#categoryTitle01 {
  width: 83%;
  float: right;
  padding-top: 10px;
}

#categoryBox #categoryTitle02 {
  margin: 5px 0 10px 0;
  font-size: 90%;
}

/*●目次*/
#main-contents .mokujiInfo {
  background: #f5f5f5;
  border: 1px solid #dde4e6;
  margin-bottom: 20px;
  padding: 5px;
}

#main-contents .mokujiInfo ul {
  margin: -10px 10px 12px 10px;
}

#main-contents .contents .mokujiInfo h2 {
  background: none;
  font-size: 110%;
  margin: 0 0 10px 0;
  padding: 10px 0 10px 12px;
}

#main-contents .mokujiInfo h2 {
  position: relative;
  z-index: 1;
}

#main-contents .mokujiInfo ul li {
  font-size: 12px;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}

#main-contents .mokujiInfo ul li a {
  display: block;
}

/*●目次end*/
/*-- ツイート/LINEボタン--*/

#main-contents .snsBox01 {
  float: right;
  width: 60%;
}

#main-contents .snsBox01 li {
  float: left;
  width: 47.5%;
}

#main-contents .snsBox01 li img {
  width: 100%;
}

#main-contents .snsBox01 li:nth-child(1) {
  margin-right: 12px;
}

#main-contents .commentlist .comment-image img {
  width: 100%;
}

#main-contents dd {
  margin: 5px 0 5px 0;
}

.kyaraTable img {
  width: 50%;
}

/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/
.headerMenuBoxBt {
  display: none;
  background: #012C6B;
}

.snsBox {
  float: right;
  width: 320px;
}

.snsBoxHed {
  margin-top: 30px;
}

.snsBoxHed li {
  display: inline-block;
  width: 100px;
}

.snsBoxHed .odd {
  padding-left: 10px;
}

/*-----------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/
a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #0c749b;
}

a:hover,
a:active {
  outline: 0;
  color: #f60;
}

.textlink-kasen {
  border-bottom: 1px solid #448acb;
}

.textlink-kasen:hover,
.textlink-kasen:active {
  border-bottom: 1px solid #f60;
}

/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/
#container {
  position: relative;
}

/*--------------------------------------------------------
トップ
--------------------------------------------------------*/
#top {
  position: absolute;
  top: 0;
  background-color: #fff;
  font-size: 1.2em;
}

#top-in {
  position: relative;
  padding: 5px 0;
}

#top-menu {
  text-align: right;
}

#top-menu li {
  display: inline;
  margin-left: 1em;
}

#top-menu li a {
  padding-left: 12px;
  background: url(./images/icon/icon-arrow01.png) left center no-repeat;
}

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/
#main-in,
#main-image {
  padding-top: 10px;
}

/*●メイン画像*/
#main-image-in {
  position: relative;
  padding-bottom: 1.5em;
}

#main-image img {
  width: 100%;
  height: auto;
}

/*●パン屑ナビ*/
#breadcrumbs {
  clear: both;
  margin-bottom: 5px;
  font-size: 12px;
}

#breadcrumbs li {
  display: inline;
  margin-right: 0.5em;
  line-height: 1.8;
}

#breadcrumbs li a {
  padding-right: 15px;
  background: url(/images/icon/icon-brc.gif) center right no-repeat;
}

#breadcrumbs ol {
  overflow: hidden;
  white-space: nowrap;
  height: 23px;
}

@media only screen and (max-width: 753px) {
  #main-in #breadcrumbs ol {
    overflow: auto;
    white-space: nowrap;
    height: auto;
    padding-left: 0px;
  }

  #main #main-contents .h-koushin-box p.saisyu-txt {
    display: inline-block;
    text-align: left;
    background: url();
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 12px center;
    color: #9b9b9b;
    padding-left: 25px;
    margin: 0;
    font-size: 11px;
  }
}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents .contents {
  margin-bottom: 30px !important;
  padding: 0;
}

.col2 #main-contents .contents {
  padding: inherit;
}

#main-contents ol {
  margin-left: 15px;
}

/*--------------------------------------------------------
ヘッダー管理
--------------------------------------------------------*/
/*●ヘッダーの基本設定*/
#main-contents h2,
#main-contents h3,
#main-contents h4,
#main-contents h5 {
  font-weight: bold;
  margin: 12px 0 12px;
}

#main-contents h2 a:hover,
#main-contents h2 a:active,
#main-contents h3 a:hover,
#main-contents h3 a:active,
#main-contents h4 a:hover,
#main-contents h4 a:active,
#main-contents h5 a:hover,
#main-contents h5 a:active {
  color: #f60;
}

#main-contents h3 a:link,
#main-contents h3 a:visited,
#main-contents h4 a:link,
#main-contents h4 a:visited,
#main-contents h5 a:link,
#main-contents h5 a:visited {
  color: #333;
}

#main-contents h2.img-title,
#main-contents h3.img-title,
#main-contents h4.img-title,
#main-contents h5.img-title {
  margin: 0 0 1.5em;
  padding: 0;
  border: 0;
  background: none;
}

/*●H2タグ*/
#main-contents h2 {
  background-color: #014c6b;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 16px;
  padding: 10px 0 10px 12px;
  margin-bottom: 20px;
}

/*●H3タグ*/
#main-contents h3 {
  padding: 0.8em;
  font-size: 15px;
}

/*●H4タグ*/
#main h4,
#sub-contents h4 {
  border-left: 6px solid #888;
  margin: 10px 0 10px;
  padding-left: 6px;
  font-size: 14px;
}

/*●H5タグ*/
#main h5 {
  margin: 0 0 1.5em;
  padding: 0 0.8em 0.5em;
  border-bottom: 2px solid #414141;
}

/*-- top見出しh3 --*/
#main-contents h3,
.topTitle {
  background: #eaeeef;
  border: medium none;
  color: #333;
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 8px 2px 8px 12px;
}

.article h3 a {
  color: #fff;
}

/*●段落タグ*/
#main-contents p {
  margin-bottom: 1.5em;
}

/*●リストタグ*/
#main-contents ul,
#main-contents ol {
  margin: 0;
  padding: 0;
}

#main-contents li {
  margin-bottom: 0.5em;
  line-height: 1.5em;
}

/*●引用タグ*/
blockquote {
  background-color: #ddd;
  padding: 1em 3em;
  position: relative;
  border: 5px solid #fff;
}

#main-contents blockquote p {
  margin-bottom: 0;
}

blockquote:before {
  content: "“";
  font-size: 600%;
  line-height: 1em;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  color: #999;
  position: absolute;
  left: 0;
  top: 0;
}

/*●テーブルタグ*/
#main-contents table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

#main-contents th,
#main-contents td {
  padding: 0.4em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#main-contents th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

/*●テーブルタグ スタイル01*/
#main-contents table.table-style01 th,
#main-contents table.table-style01 td {
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
}

/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02 {
  clear: both;
}

.link-next,
.link-next02 {
  text-align: right;
}

.link-back,
.link-back02 {
  text-align: left;
}

.link-next a {
  padding: 3px 0 3px 15px;
  background: url(./images/icon/icon-arrow_r.png) 0 5px no-repeat;
}

.link-back a {
  padding: 3px 0 3px 15px;
  background: url(./images/icon/icon-arrow_l.png) 0 5px no-repeat;
}

.link-next02 a {
  padding: 3px 0 3px 15px;
  background: url(./images/icon/icon-arrow_r-red.png) 0 5px no-repeat;
}

.link-back02 a {
  padding: 3px 0 3px 15px;
  background: url(./images/icon/icon-arrow_l-red.png) 0 5px no-repeat;
}

/*●段組み*/
.box-wrap .box-l {
  float: left;
  width: 48%;
  margin: 0 0 1.5em;
  border: 1px solid #aaa;
  /*boxの枠線の指示*/
}

.box-wrap .box-r {
  float: right;
  width: 48%;
  margin: 0 0 1.5em;
  border: 1px solid #aaa;
}

#main-contents .box-wrap .title {
  margin-bottom: 1.5em;
  background-color: #999;
  /*boxのタイトルの背景色*/
}

#main-contents .box-wrap .title p {
  margin: 0 10px;
  padding: 5px 0;
  color: #fff;
  font-weight: bold;
}

/*●ページネーション スタイル01*/
#main-contents .cont-menu01 {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#main-contents .cont-menu01 ul {
  position: relative;
  left: 50%;
  float: left;
  margin-left: 10px;
}

#main-contents .cont-menu01 li {
  position: relative;
  left: -50%;
  float: left;
  margin-right: 10px;
}

#main-contents .cont-menu01 li:last-child {
  margin-right: 0;
}

#main-contents .cont-menu01 li.cur {
  padding: 3px 10px;
  border: 1px solid #ccc;
  background-color: #959595;
  color: #fff;
  font-weight: bold;
}

#main-contents .cont-menu01 li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #ccc;
}

#main-contents .cont-menu01 li a:link,
#main-contents .cont-menu01 li a:visited {
  background-color: transparent;
}

#main-contents .cont-menu01 li a:hover,
#main-contents .cont-menu01 li a:active {
  background-color: #959595;
  color: #fff;
}

#main-contents .text-field {
  width: 90%;
}

/*●ページネーション スタイル02*/
#main-contents .cont-menu02 {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#main-contents .cont-menu02 ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

#main-contents .cont-menu02 li {
  max-width: 50%;
}

#main-contents .cont-menu02 li.prev {
  float: left;
}

#main-contents .cont-menu02 li.next {
  float: right;
}

#main-contents .cont-menu02 li a {
  display: block;
  padding: 3px 10px;
  border: 1px solid #ccc;
}

#main-contents .cont-menu02 li a:link,
#main-contents .cont-menu02 li a:visited {
  background-color: transparent;
}

#main-contents .cont-menu02 li a:hover,
#main-contents .cont-menu02 li a:active {
  background-color: #959595;
  color: #fff;
}

/*●サイトマップ*/
#main-contents .sitemap li a {
  display: block;
  padding: 3px 0 3px 20px;
  background: url(./images/icon/icon-arrow_r.png) 0 5px no-repeat;
}

#main-contents .sitemap ul {
  margin-top: 1em;
}

#main-contents .sitemap li li a {
  padding: 0 0 0 15px;
  border-left: none;
  background: url(./images/icon/icon-menu02.png) 0 6px no-repeat;
}

/*--------------------------------------------------------
掲示板
--------------------------------------------------------*/
.comment-author01 span {
  font-size: 11px;
}

.comment-author01 .authname {
  color: gray;
}

.comment-author02 {
  color: gray;
  font-size: 11px;
}

.comment-report a {
  text-decoration: none;
  color: gray;
}

.clonecom {
  background: none repeat scroll 0 0;
  border: 1px solid;
  display: block;
  position: absolute;
  width: 100%;
}

#comreload {
  display: block;
  text-align: center;
  padding: 10px 0 10px 0;
  color: #39f;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  background-size: 18px;
  background-position: 28% 48%;
}

.getajcom {
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #39f;
  padding: 2px 5px;
  color: #39f;
  font-size: 80%;
  display: inline-block;
  margin-bottom: 15px;
}

.comment-author span:first-child {
  font-weight: bold;
}

.comment-reply-link a {
  padding: 3px 20px;
  font-size: 110%;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  font-weight: bold;
  box-shadow: 0 3px 0 #f0f0f0;
  float: right;
}

.comment-author02 {
  font-size: 10px;
}

#commentform #submit,
#commentform #submitbtn,
#comment_form #submit,
#comment_form #submitbtn {
  background: #34a3d1;
  display: block;
  padding: 8px;
  width: 40%;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 1px #0094cc;
  font-weight: bold;
  box-sizing: border-box;
  border: 0;
  color: #FFF;
  text-align: center;
  margin: 20px auto;
  cursor: pointer;
  font-size: 14px;
}

#commentform input,
#commentform textarea,
#comment_form input,
#comment_form textarea {
  border-radius: 4px;
  -webkit-appearance: none;
  box-shadow: none;
  box-sizing: border-box;

}

#commentform textarea,
#comment_form textarea {
  width: 100% !important;
}

#comment-image-wrapper {
  font-size: 80%;
}

#author,
#comment {
  border: 1px solid #2EA2CC;
}

#main-contents #commentform p,
#main-contents #comment_form p {
  margin: 2px 0 2px 0;
}

.comment_paging a,
.comment_paging .current {
  background: #4E9B0F none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff !important;
  padding: 5px 10px;
}

.comment_paging .current {
  border: 1px solid #3a7c9e;
  background: #fff;
  color: #3a7c9e !important;
}

#comment_image {
  width: 300px;
  margin: 10px 0 10px 0;
}

#dummy_comment {
  margin-bottom: 20px;
}

#dummy {
  width: 100%;
  height: 30px;
  border: 2px solid #ccc;
  background: #f0f0f0;
}

#comment_close {
  font-size: 85%;
  color: #39f;
}

#comment_close:hover {
  color: #FFA90A;
}

.commentimgsub {
  font-size: 80%;
  margin-top: 14px;
}

#comment-image-wrapper {
  margin-top: -10px;
}

#comment {
  margin-bottom: 5px;
}

/*-----------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

#main-contents h2.post-title {
  margin-bottom: 0.5em;
}

.archive-title {
  padding: 1em;
  background-color: #333;
  color: #fff;
  font-weight: bold;
}

/*●メインコンテンツ内での検索*/
#main-contents dl.search-box {
  margin: 0 0 16px;
  width: 100%;
}

#main-contents dl.search-box dt {
  display: block;
  float: left;
  width: 63%;
  margin: 0;
  padding: 0;
  padding-right: 5px;
}

#main-contents dl.search-box dt input {
  width: 95%;
  height: 1.4em;
  padding: 2px;
  border: 1px solid #aaa;
  color: #aaa;
  line-height: 1.4em;
}

#main-contents dl.search-box dt input.onfocus {
  color: #333;
}

#main-contents dl.search-box dd {
  float: left;
  margin: 0;
  padding: 0;
}

#main-contents dl.search-box dd input {
  height: 2em;
  padding: 0.1em 1em;
  line-height: 1.4em;
}

#main-contents .sb {
  text-align: right;
}

/*コメントフォーム*/
#main-contents p textarea {
  width: 70%;
}

#main-contents #submit {
  padding: 0.3em 1em;
}

#main-contents #author,
#main-contents #email,
#main-contents #url {
  width: 50%;
  padding: 0.3em;
}

#main-contents .comment-body em {
  font-weight: bold;
}

#main-contents .commentlist,
#main-contents .commentlist ul {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding: 0;
}

#main-contents .commentlist {
  padding: 10px;
}

#main-contents .commentlist li {
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

#main-contents .commentlist li li {
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 0;
  border-top: 1px solid #ccc;
  border-bottom: none;
}

#main-contents .comment-author,
#main-contents .comment-meta {
  margin-bottom: 1em;
}

#main-contents .reply {
  clear: both;
}

#main-contents .reply a {
  padding-left: 17px;
  background: url(./images/icon/icon-arrow_r.png) 0 4px no-repeat;
}

/*PS Auto Sitemap基本デザイン*/
ul#sitemap_list,
ul#sitemap_list ul {
  margin: 0;
}

#sitemap_list li {
  padding: 3px 10px 3px 20px;
  background: url(./images/icon/icon-arrow_r.png) 2px 8px no-repeat;
}

#sitemap_list li ul {
  margin-top: 0.5em;
  margin-bottom: 0;
}

#sitemap_list li li {
  padding: 6px 10px 6px 15px;
  border-left: none;
  background: url(./images/icon/icon-menu02.png) 2px 12px no-repeat;
}

/*●ページネーション WP用*/
#main-contents .cont-menu-wp {
  position: relative;
  overflow: hidden;
  width: 100%;
  /zoom: 1;
}

#main-contents .cont-menu-wp:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#main-contents .cont-menu-wp ul {
  overflow: hidden;
  width: 100%;
  margin: 0;
  margin-bottom: 1.5em;
  padding: 0;
}

#main-contents .cont-menu-wp li {
  max-width: 50%;
}

* html #main-contents .cont-menu-wp li {
  white-space: nowrap;
}

/* IE6 */
#main-contents .cont-menu-wp li.nav-prev {
  float: right;
}

#main-contents .cont-menu-wp li.nav-next {
  float: left;
}

#main-contents .cont-menu-wp li.nav-next a {
  padding: 3px 0 3px 15px;
  background: url(./images/icon/icon-arrow_l.png) left 7px no-repeat;
}

#main-contents .cont-menu-wp li.nav-prev a {
  padding: 3px 15px 3px 0;
  background: url(./images/icon/icon-arrow_r.png) right 7px no-repeat;
}

/*コメントナビ*/
.navigation .alignright {
  float: right;
}

.navigation .alignleft {
  float: left;
}

.navigation:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.navigation {
  margin-bottom: 30px;
  /zoom: 1;
}


/*コメントコピー*/
.comment_content_copybutton {
  font-size: 11px;
  display: inline-block;
  height: 15px;
  line-height: 15px;
  background: #b1c1c5;
  padding: 1px 8px 0;
  margin-left: 5px;
  border-radius: 3px;
  border-bottom: 1px solid #7f8689;
  color: #FFF;
  cursor: pointer;
  transition: 0.5s;
}

.comment_content_copybutton:hover {
  border-bottom: 0px solid #7f8689;
  height: 16px;
  line-height: 15px;
  opacity: 0.6;
}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix {
  /zoom: 1;
}

/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/
.comment-body .comment-author01 {
  background: #222;
  color: #fff;
  padding: 5px 0 5px 10px;
}

.comment-body .fn {
  color: #fff;
}

.comremove {
  text-align: right;
  font-size: 80%;
  position: absolute;
  top: 10px;
  right: 20px;
}

.comremove img {
  width: 50%;
  display: inline-block;
  padding-top: 5px;
}

.comment-body {
  padding: 10px;
  box-shadow: 0 0px 4px #ccc;
  border: none;
  position: relative;
  z-index: 3;
  background: #FFF;
  width: 100%;
  box-sizing: border-box;
}

.clonecom {
  border: none;
}

.gsc-search-box td {
  border: none !important;
}

table.gsc-search-box {
  width: 75% !important;
}

form.gsc-search-box {
  width: 80% !important;
}

.mokuji li {
  margin: 5px 0 5px 0;
}

.gachaList {
  margin: 0;
}

.gachaList li {
  padding: 15px 0 15px 0;
}

td input {
  width;
  auto;
}

.form-table tr td label {
  margin-right: 1em;
}

.wp-list-table .thumbnail img {
  width: 50%;
  height: 50%;
}

.inside table {
  max-width: 100%;
}

/*------------------------------------------------------------
　　　　　　　　　　　編集前　↑↑↑
-------------------------------------------------------------*/



/*------------------------------------------------------------
　　　　　　　　　　　編集後　↓↓↓
-------------------------------------------------------------*/
/*------------------------------------------------------------
全体の構成
(html／body／main-in／column)
-------------------------------------------------------------*/
html {
  width: 100%;
  overflow-y: scroll;
  letter-spacing: 0;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  line-height: 1.5;
  color: #444;
  background: #fff;
  word-wrap: break-word;
}

/*------------------------------------------------------------
各タグの基本設定
-------------------------------------------------------------*/
body,
div,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
small,
address,
caption,
cite,
code,
dfn,
var {
  font-size: 100%;
  font-weight: normal;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea,
optgroup,
option {
  margin: 0;
  font-family: sans-serif;
  font-size: 100%;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[type="text"],
textarea {
  padding: 2px;
}

input[type="text"] {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  input[type="text"] {
    font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
  }
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  margin: 0;
  padding: 0;
  border: 0;
}


/*------------------------------------------------------------
記事見出し
-------------------------------------------------------------*/
.post h1 {
  font-weight: bold;
  font-size: 145%;
  margin: 5px 0 0px 2px;
}

/*------------------------------------------------------------
最新情報の見出しラベル + 【更新】
-------------------------------------------------------------*/
.blog2,
.dungeon,
.medal,
.quest,
.monster,
.card,
.chara,
.collabo,
.news,
.update,
.chara_ranking,
.matome,
.sonota,
.tenplate,
.deck,
.radar,
.areana,
.gacha,
.event,
.kosatu,
.touron,
.korin,
.boss,
.event,
.beginner,
.sobi {
  width: 45px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 90%;
  margin-right: 5px;
  margin-top: -3px;
  padding: 1px 8px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -1px;
}

/*--  最新情報配下 --*/
.saisin {
  margin-bottom: 40px;
}

.saisin dt {
  font-size: 80%;
  padding: 3px 3px;
  color: #333;
  font-weight: bold;
}

.saisin dd {
  margin: 3px 0 5px 0;
}

/*--------------------------------------------------------
search-form デフォルト
-------------------------------------------------------*/
.search-form_input,
.search-form_inputXX {
  position: relative;
  margin-bottom: 20px;
}

.search-form_inputXX form input {
  border-radius: 4px;
}

.search-form_inputXX {
  background: #f5f5f5;
  padding: 5px 0;
  border: 1px solid #dde4e6;
  margin-bottom: 20px;
}

.search-form_inputXX input {
  border: 1px solid #dde4e6 !important;
  display: inline-block;
  height: 33px;
  padding-left: 5px;
}

.search-form_inputXX input.css-button {
  background: #34a3d1 !important;
  color: #fff;
  height: 40px;
  padding-left: inherit;
  right: 3%;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}

#search-form-box,
#search-form-box_side {
  width: 78%;
  margin-left: 2%;
}

table.gsc-search-box {
  display: none;
}

#___gcse_0 table {
  padding: 0;
  border: none;
  margin-bottom: 0;
}

.gsc-results table {
  display: table-cell;
}

#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse {
  padding: 0;
}

#main-contents #___gcse_0 th,
#main-contents #___gcse_0 td {
  padding: 1px;
  border-right: 0;
  border-bottom: 0;
}

.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 8px 4px 0;
  line-height: 100%;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  zoom: 1;
  border: none;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 4px;
  width: 24px;
  height: 24px;
  line-height: 25px;
  background: #5B6783;
  font-size: 11px;
  color: #FFFFFF;
}

.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #34a3d1;
  background-color: #34a3d1;
}

div.gcsc-branding div {
  display: inline-block;
}

div.gcsc-branding {
  text-align: -webkit-center;
}

#___gcse_0 .gcsc-branding td.gcsc-branding-text {
  width: initial;
}

#resInfo-0 {
  font-size: 11px;
}

table.gsc-table-result {
  border: none !important;
}

#siteTopSearch.search-form_inputXX {
  display: none;
}

.gsc-resultsHeader {
  display: none;
}

/*--------------------------------------------------------
search-form デフォルト　ここまで
-------------------------------------------------------*/

/*------------------------------------------------------------
gachaBtn
-------------------------------------------------------------*/
#main .gachaBtn,
#main .gachaBtn02,
#main .btn01 {
  border: 1px solid #34a3d1;
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 11px 0;
  text-align: center;
  width: 99%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.gachaBtn02 {
  width: 99%;
}

#main .gachaBtn:hover,
#main .gachaBtn02:hover,
#main .btn01:hover {
  color: #fff;
  background: #34a3d1;
}

#main .gachaBtn:before {
  content: '▶';
  margin-right: 4px;
}

#main .gachaBtn.gb-none:before {
  content: '';
}

/*------------------------------------------------------------
gachaBtn調整
-------------------------------------------------------------*/
#main .gachaBtn,
#main .gachaBtn02,
#main .btn01 {
  border-bottom-width: 3px;
  border-radius: 50px;
}

#main .gachaBtn {
  position: relative;
  padding-right: 26px;
  padding-left: 26px;
}

#main .gachaBtn:hover:after {
  border-color: #fff;
}

#main div.ikenform-area p.ikenform-btn a.gachaBtn {
  padding-left: 0;
  padding-right: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  position: static;
}

#main div.ikenform-area p.ikenform-btn a.gachaBtn:after {
  display: none;
}

/*------------------------------------------------------------
header.php 内の記述
-------------------------------------------------------------*/
#container {
  margin-top: 0;
  padding: 0;
}

.headerMenuBox li a {
  color: #fff !important;
}

/*------------------------------------------------------------
div#header
(gNaviwrap)
-------------------------------------------------------------*/
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.headerWrap {
  border-bottom: 1px dotted #ccc;
  padding: 0px 0 2px;
}

.headerInner {
  margin: 0 auto;
  padding-top: 5px;
  width: 1050px;
}

.headerInner img {
  width: 100px;
}

#header-in {
  padding: 1em 0;
}

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title {
  float: left;
  width: 70.5%;
  /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header .header-logo {
  float: left;
  width: 500px;
  padding: 10px;
  margin-bottom: 0.2em;
}

.header-logo a {
  font-size: 18px;
}

.header-logo a:link,
.header-logo a:visited {
  color: #333;
}

/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text {
  float: right;
  width: 40%;
  /*・1行の幅はwidthの値を変更*/
  color: #333;
}

#header h1 {
  float: left;
  font-size: 13px;
  padding-top: 20px;
  line-height: 33px;
}

/*----  gNavi  ---*/
.gNaviWrap {
  background: #34a3d1;
  box-shadow: 3px 3px #1e8fbe;
  height: 39pxt;
}

.gNavi {
  width: 1050px;
  margin: 0 auto 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.gNavi li {
  float: left;
  text-align: center;
  /*width:14%;*/
  line-height: 38px;
  border-left: 1px solid #a9e1f5;
}

.gNavi li:last-child {
  border-right: 1px solid #a9e1f5;
}

.gNavi li a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
}

.gNavi li a:hover {
  color: #0c749b;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background: #fff;
  width: 100%;
}

#gNavi_button {
  display: none;
}

/*------------------------------------------------------------
div#footer
(ﾌｯﾀｰmenu)
-------------------------------------------------------------*/
/*●フッターメニュー*/
#footer .footer-menu {
  overflow: hidden;
  width: 100%;
  padding: 0;
}

#footer .footer-menu ul {
  float: left;
  width: 42%;
  margin-right: 5%;
  padding: 1%;
}

#footer .footer-menu ul ul {
  float: none;
  width: auto;
  margin-top: 1em;
  margin-right: 0;
}

.footer-menu li {
  background: url("/common/icon-ken.png") no-repeat scroll left top;
  margin-bottom: 5px;
  padding: 0 0 3px 25px;
}

.footer-menu li li {
  padding-left: 15px;
  padding-top: 0;
  background: url(./images/icon/icon-arrow03.png) left 5px no-repeat;
}

.footerBtnWrap {
  display: none;
}

.col3 #footer {
  margin-top: 30px;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer {
  clear: both;
  background: #959595;
  padding: 30px 0 10px 0;
  color: #fff;
  font-size: 12px;
}

#footer a:link,
#footer a:visited {
  color: #fff;
}

#footer h3 {
  margin-bottom: 1em;
  padding: 0.8em;
  background-color: #fff;
  color: #333;
  font-weight: bold;
}

#footer .area01 {
  /* float: left; */
  width: 95%;
  padding-bottom: 20px;
}

#footer .area02 {
  float: right;
  width: 60%;
  padding-bottom: 20px;
}

.footerBtn {
  display: none;
}

/*--東証ロゴ--*/
.footer-left-area {
  float: left;
  width: 39%;
}

.area03-img {
  width: 25%;
}

.area03-img img {
  width: 100%;
}

div.area03 {
  width: 95%;
  display: flex;
  align-items: center;
}

.area03-freebox {
  margin-left: 10px;
}


/*------------------------------------------------------------
div.copyright
-------------------------------------------------------------*/
/*●コピーライト*/
.copyright {
  padding: 15px 0;
  background: #eaeaea;
  font-size: 1.2em;
  text-align: center;
}

/*------------------------------------------------------------
大カテ side-column
-------------------------------------------------------------*/
/*--------------------------------------------------
サブコンテンツ / サイドバー
----------------------------------------------------*/
#sub-contents,
#sidebar,
#sidebar-in,
#sub-contents-in {
  margin: 0;
  padding: 0;
}

#sub-contents,
#sidebar {
  overflow: hidden;
}

#sub-contents .sub-contents-btn,
#sidebar .sidebar-btn {
  display: none;
}

.sub-column {
  font-size: 12px;
}

/*●コンテンツ*/
.sub-column .widget-conts {
  margin: 0 0 1.5em 0;
}

.sub-column hr {
  clear: both;
}

.sub-column h3 {
  border-bottom: 4px solid #fdd000;
  font-size: 130%;
  padding: 0 0 5px 0;
  margin-bottom: 10px;
}

/*●ウィジェットメニュー*/
.sub-column .widget-conts ul {
  margin: 0;
}

.sub-column .widget-conts ul li,
#recent-posts-2 ul li a {
  background: url("") no-repeat scroll 2px 6px;
  padding: 3px 10px 3px 20px;
  font-size: 11px;
}

.sub-column .widget-conts ul li li {
  padding: 6px 10px 6px 15px;
  background: url("") 2px 12px no-repeat;
}

.sub-column .widget_links li {
  overflow: hidden;
}

.sub-column .widget_links li img {
  display: block;
}

/*---------  ウィジェットEnd  --------*/
/*------  QA start  --------*/

#side-menu-qa-new {
  position: relative;
}

#side-menu-qa-new ul {
  margin-top: 22px;
}

#side-menu-qa-new div.ranking-period,
#side-menu-qa-new span.more-qa {
  position: absolute;
  right: 5px;
  color: #999;
}

#side-menu-qa-new span,
#side-menu-qa-new span {
  display: inline-block;
  padding: 0 5px 0 0;
  text-align: right;
}

#side-menu-qa-new div.ranking-period a,
#side-menu-qa-new span.more-qa a {
  border-bottom: none;
}

#side-menu-qa-new span {
  display: inline-block;
  padding: 0 5px 0 0;
}

#side-menu-qa-new ul li:nth-child(5) {
  border-bottom: none;
}

#side-menu-qa-new ul li:before {
  display: inline-block;
  min-width: 20px;
  padding: 5px 4px 2px;
  margin-right: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
}

/*------  QA end  --------*/


/*------------------------------------------------------------
コンテンツ固有のCSS
-------------------------------------------------------------*/
/*------モンスト適正ページ-----*/
#main-contents .tekisei th {
  background: #e0650d;
  color: #fff;
  font-size: 110%;
}

/*------モンスト適正 end -----*/
/*--ピンポイントgacha-FFBE--*/
.pinponsumbit {
  box-shadow: 0 5px #749b0a;
}

#main-contents #pinpoint li:first-child {
  background: #7FAA12;
  color: #fff;
  box-shadow: 0 5px #749b0a;
  border-radius: 4px;
  display: inline-block;
  width: 45%;
  text-align: center;
}

#main-contents #pinpoint li:first-child a {
  color: #fff;
}

#pinpoint {
  margin-right: 0 !important;
}

#pinpoint li:last-child {
  float: right;
  padding: 9px 0 9px 0;
  border-radius: 4px;
  box-shadow: 0 5px #7FAA12;
  border: 1px solid #7FAA12;
  display: inline-block;
  width: 45%;
  text-align: center;
}

#pinpoint li:last-child a {
  color: #7FAA12;
}

#twitterbtn a {
  background: #3D84D0;
  width: 100%;
  border-radius: 4px;
  color: #fff;
  margin: 18px 0 18px 0;
  display: block;
  box-shadow: 0 5px #2371C4;
  padding: 10px 0 10px 0;
}

/*---ピンポイントgacha End--*/

/*------ flexBox st -----*/
*[class|="flex"] {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}

/*------ flexBox end -----*/
/*--------------------------------------------
投票(アンケート)
---------------------------------------------*/
.tohyoForm input {
  border-radius: 4px;
}

.tohyoTxt {
  left: 3%;
  position: absolute;
  top: 2px;
}

.tohyoBtn {
  background: #34a3d1 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff !important;
  display: inline-block;
  padding: 3px 10px;
  text-align: center;
  float: left;
}

.tohyoBtn02 {
  float: left;
}

.tohyoWrap02 {
  border: 1px solid #ffcd6b !important;
}

.tohyoWrap02 .tohyoContents01 {
  background: #ffcd6b;
}

.tohyoWrap {
  border: 1px solid #ade1f7;
  border-radius: 4px;
  display: inline-block;
  float: left;
  margin-left: 7px;
  position: relative;
  width: 75%;
  height: 22px;
}

.tohyodefo {
  display: inline-block;
  height: 30px;
}

.tohyoContents01 {
  background: #ade1f7 none repeat scroll 0 0;
  display: inline-block;
  height: 22px;
  width: 10%;
}

/*-- 投票end --*/
/*--- シャドバ・全カード評価一覧 ---*
/*-- 絞り込みフォーム --*/
#siborikomiForm p {
  text-align: center;
  margin: auto;
}

a.btSiborikomi {
  display: inline-block;
  width: 40%;
  margin: 0 auto;
  background: #333;
  border-radius: 5px;
  color: #fff !important;
  text-align: center;
  padding: 10px 0 10px 0;
}

a.btReset {
  display: inline-block;
  width: 40%;
  margin: 0 auto;
  margin-left: 15px;
  background: #333;
  border-radius: 5px;
  color: #fff !important;
  text-align: center;
  padding: 10px 0 10px 0;
}

a.btSiborikomi2 {
  padding: 5px 15px;
  border-radius: 4px;
  background: #333;
  color: #fff;
  text-align: center;
}

button.btSiborikomi2 {
  display: inline-block;
  cursor: pointer;
  border: none;
  padding: 5px 15px;
  border-radius: 4px;
  background: #333;
  color: #fff;
  font-size: 13px;
  text-align: center;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
  font-style: normal;
  line-height: 1.5;
}

#main-contents .icon {
  color: #fff;
  border-radius: 3px;
  padding: 1px 0;
  text-align: center;
  display: block;
  width: 100%;
}

#main-contents .premiere {
  background: #E497FC;
  font-size: 56%;
  padding: 6px 0 6px;
}

#main-contents .gold {
  background: #BBCC00;
  font-size: 70%;
  padding: 4px 0 4px;
}

#main-contents .silver {
  background: #AFAFAF;
  font-size: 70%;
  padding: 4px 0 4px;
}

#main-contents .bronze {
  background: #CE4244;
  font-size: 70%;
  padding: 4px 0 4px;
}

#main-contents .pack {
  background: #1A1E21;
}

/*全カード評価一覧ツールチップ　ここから*/
#tooltip {
  text-align: center;
  color: #fff;
  background: #111;
  position: absolute;
  z-index: 100;
  padding: 15px;
}

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}

#tooltip.left:after {
  left: 10px;
  margin: 0;
}

#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

.sort {
  color: #0c749b;
  display: block;
  cursor: pointer;
}

.sort:hover {
  color: #f60;
}

/*ツールチップ　ここまで*/

/*KHUX*/
.avaterGenteiTable td img {
  width: 100%;
}

#kanren_kiji_frame {
  width: 100%;
}

/*------------------------------------------------------------
おそらく評価ページのCSS
-------------------------------------------------------------*/
.karma {
  color: #21A2DD;
}

.rin {
  color: #7F0E12;
}

.trick {
  color: #FF8300;
}

.yuji {
  color: #3DAFED;
}

.ori {
  color: #FF7F00;
}

.teo {
  color: #710EB7;
}

.noho {
  color: #89D617;
}

.fuen {
  color: #7FBA09;
}

.ryof {
  background: #936007;
  color: #fff;
}

.berika {
  background: #841DE5;
  color: #fff;
}

.deiji {
  background: #EA44CC;
  color: #fff;
}

.ace {
  background: #0CC7B7;
  color: #fff;
}

.goku {
  background: #CE1E1E;
  color: #fff;
}

.rose {
  background: #F28D0A;
  color: #fff;
}

.ruri {
  background: #F00C7E;
  color: #fff;
}

.nia {
  background: #04E004;
  color: #fff;
}

.jufi {
  background: #5BA80D;
  color: #fff;
}

.ria {
  background: #993366;
  color: #fff;
}

.aragon {
  background: #2D2D2D;
  color: #fff;
}

.shugosha {
  background: #2D2D2D;
  color: #fff;
}

.akuryo {
  background: #2828BF;
  color: #fff;
}

.bushi {
  background: #FFCC99;
}

.kenja {
  background: #AD7610;
  color: #fff;
}

.shinju {
  background: #086959;
  color: #fff;
}

.niji {
  background: #0D83DE;
  color: #fff;
}

.gold {
  background: #DED70D;
}

.gold {
  color: #F7A000;
  font-weight: bold;
}

.silver {
  color: #AAAAAA;
  font-weight: bold;
}

.bronze {
  color: #9B5E20;
  font-weight: bold;
}

.tensu {
  font-size: 12pt;
}

.tensu02 {
  font-size: 90%;
  color: #9c9c9c;
}

.tensu03 {
  font-size: 12pt;
  color: #444;
}

/*------------------------------------------------------------
アルテマトップのみのCSS
-------------------------------------------------------------*/
/*-- アルテマトップ 右側のサイドバー--*/
#game {
  margin-bottom: -30px;
}

#game li {
  background: none;
  padding: 0;
}

#game a {
  background: #fff no-repeat;
  background-position: 5px 5px;
  display: block;
  box-shadow: 0 3px #f0f0f0;
  border: 1px solid #f0f0f0;
  margin-bottom: 8px;
  padding: 15px 0 15px 45px;
}

/*------------------------------------------------------------
使ってるか怪しいグループ(WPテーマtemplateの残滓)
※ 追記：col2はアルテマトップ、col3は通常ページのbodyレイアウト
-------------------------------------------------------------*/

/*------------------------------------------------------------
レイアウト.css
-------------------------------------------------------------*/
/*--------------------------------------------------------
1カラムレイアウト
--------------------------------------------------------*/
.col1 #container,
.col1 #top,
.col1 #header,
.col1 #global-nav,
.col1 #main,
.col1 #main-image,
.col1 #footer,
.col1 .copyright {
  width: 100%;
  min-width: 950px;
}

.col1 #top-in,
.col1 #header-in,
.col1 #global-nav-in,
.col1 #main-in,
.col1 #main-image-in,
.col1 #footer-in,
.col1 .copyright p {
  width: 950px;
  margin: auto;
}

.col1 #main-contents {
  width: 100%;
}

/*--------------------------------------------------------
2カラムレイアウト
--------------------------------------------------------*/
.col2 #container,
.col2 #top,
.col2 #header,
.col2 #global-nav,
.col2 #main,
.col2 #main-image,
.col2 #footer,
.col2 .copyright,
.col2r #container,
.col2r #top,
.col2r #header,
.col2r #global-nav,
.col2r #main,
.col2r #main-image,
.col2r #footer,
.col2r .copyright {
  width: 100%;
  min-width: 950px;
}

.col2 #top-in,
.col2 #header-in,
.col2 #global-nav-in,
.col2 #main-in,
.col2 #main-image-in,
.col2 #footer-in,
.col2 .copyright p,
.col2r #top-in,
.col2r #header-in,
.col2r #global-nav-in,
.col2r #main-in,
.col2r #main-image-in,
.col2r #footer-in,
.col2r .copyright p {
  width: 950px;
  margin: auto;
}

.col2 #sidebar,
.col2r #sidebar {
  width: 29.5%;
}

.col2 #main-and-sub,
.col2r #main-and-sub {
  width: 66.8%;
}

/*コンテンツ配置*/
.col2 #main-and-sub {
  float: left;
}

.col2 #sidebar {
  float: right;
}

.col2r #main-and-sub {
  float: right;
}

.col2r #sidebar {
  float: left;
}

/*--------------------------------------------------------
3カラムレイアウト
--------------------------------------------------------*/
.col3 #container,
.col3 #top,
.col3 #header,
.col3 #global-nav,
.col3 #main,
.col3 #main-image,
.col3 #footer,
.col3 .copyright,
.col3r #container,
.col3r #top,
.col3r #header,
.col3r #global-nav,
.col3r #main,
.col3r #main-image,
.col3r #footer,
.col3r .copyright {
  width: 100%;
  min-width: 950px;
}

.col3 #top-in,
.col3 #global-nav-in,
.col3 #header-in,
.col3 #main-in,
.col3 #main-image-in,
.col3 #footer-in,
.col3 .copyright p,
.col3r #top-in,
.col3r #header-in,
.col3r #global-nav-in,
.col3r #main-in,
.col3r #main-image-in,
.col3r #footer-in,
.col3r .copyright p {
  width: 1050px;
  margin: auto;
}

.col3 #main {
  overflow: hidden;
}

.col3 #sidebar,
.col3r #sidebar {
  width: 310px;
}

.col3 #main-and-sub,
.col3r #main-and-sub {
  width: 710px;
}

.col3 #main-contents,
.col3r #main-contents {
  width: 480px;
}

.col3 #sub-contents,
.col3r #sub-contents {
  width: 200px;
}

/*コンテンツ配置*/
.col3 #main-and-sub {
  float: left;
}

.col3 #main-contents {
  float: right;
}

.col3 #sub-contents {
  float: left;
}

.col3 #sidebar {
  float: right;
}

.col3r #main-and-sub {
  float: left;
}

.col3r #main-contents {
  float: left;
}

.col3r #sub-contents {
  float: right;
}

.col3r #sidebar {
  float: right;
}

/*prof-img*/
.col1 .sub-column .profile-img,
.col2 #sub-contents .profile-img,
.col2r #sub-contents .profile-img {
  float: left;
  padding-right: 20px;
}

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
#global-nav {
  background-color: #fff;
  border-bottom: 4px solid #000;
}

#global-nav dl {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

#global-nav dt,
#global-nav dd {
  margin: 0;
  padding: 0;
}

/*●メニューボタンを非表示*/
#global-nav .btn-gnav {
  display: none;
}

/*●グローバルメニュー*/
#global-nav .menu-wrap {
  display: block;
}

#menu {
  padding-bottom: 5px;
  font-size: 1.2em;
}

/*--------------------------------------------------------
注目の記事
--------------------------------------------------------*/

.chumoku {
  border: 1px solid rgb(19, 104, 174);
  border-radius: 4px;
  padding: 8px 10px;
  margin-bottom: 10px;
  width: 86%;
  margin: 10px auto;
}

/*--------------------------------------------------------
人気のページﾗﾝｷﾝｸﾞ
--------------------------------------------------------*/
#sidebar #ranking-area {
  margin-top: 20px;
}

#sidebar #ranking-area li {
  border: none;
}


/*--------------------------------------------------------
SNS
--------------------------------------------------------*/
/*
#snsBox01 li {
display:inline-block;
position: relative;
height: 21px;
box-sizing: border-box;
padding: 2px 7px 1px 5px;
border-radius: 3px;
cursor: pointer;
font-size:90%;
}
#snsBox01 li img {
width:15px;
margin-right:2px;
margin-bottom: 2px;
}
#snsBox01 li a:link,
#snsBox01 li a:visited,
#snsBox01 li a:hover,
#snsBox01 li a:active{
color: #fff;
}
#snsBox01 li.line-icon {
background-color: #3cc833;
}
#snsBox01 li.twi-icon {
background-color: #1b95e0;
}
*/
#sns-button {
  padding: 0 0px;
}

#snsBox01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#snsBox01 ul {
  padding: 10px;
}

#snsBox01 li {
  display: inline-block;
  position: relative;
  height: 28px;
  box-sizing: border-box;
  padding: 7px 0px 0px 0px;
  border-radius: 0px;
  cursor: pointer;
  font-size: 80%;
  width: 23.0%;
  text-align: center;
  vertical-align: middle;
}

#mainCenter .post #snsBox01 li {
  padding: 7px 0px 0px 0px;
}

#snsBox01 li img {
  width: 13px;
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
}

#snsBox01 li.facebook-icon img {
  width: auto;
  height: 13px;
  margin-right: 4px;
  margin-bottom: 2px;
  vertical-align: middle;
}

#snsBox01 li a:link,
#snsBox01 li a:visited,
#snsBox01 li a:hover,
#snsBox01 li a:active {
  color: #fff;
}

#snsBox01 li.twi-icon {
  background-color: #20bee2;
}

#snsBox01 li.line-icon {
  background-color: #22af94;
}

#snsBox01 li.facebook-icon {
  background-color: #5f699e;
}

#snsBox01 li.hate-icon {
  background-color: #297faa;
}

#snsBox01 li.twi-icon:hover {
  background-color: #00b4ff;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

#snsBox01 li.line-icon:hover {
  background-color: #22af94;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

#snsBox01 li.facebook-icon:hover {
  background-color: #5f699e;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

#snsBox01 li.hate-icon:hover {
  background-color: #297faa;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

/*--------------------------------------------------------
SNS(一時的修正)
--------------------------------------------------------*/
/*
#snsBox01 li {
display:inline-block;
position: relative;
height: 21px;
box-sizing: border-box;
padding: 2px 7px 1px 5px;
border-radius: 3px;
cursor: pointer;
font-size:90%;
}
#snsBox01 li img {
width:15px;
margin-right:2px;
margin-bottom: 2px;
}
#snsBox01 li a:link,
#snsBox01 li a:visited,
#snsBox01 li a:hover,
#snsBox01 li a:active{
color: #fff;
}
#snsBox01 li.line-icon {
background-color: #3cc833;
}
#snsBox01 li.twi-icon {
background-color: #1b95e0;
}
*/
.sns-button02 {
  padding: 10px 0 5px;
}

.home .article .sns-button02 {
  margin: -18px 0px -25px;
}

.contents .article .sns-button02 {
  margin: 0px;
}

.snsBox02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.snsBox02 ul {
  padding: 10px;
}

.article .snsBox02 li {
  display: inline-block;
  position: relative;
  height: 24px;
  box-sizing: border-box;
  border-radius: 0px;
  cursor: pointer;
  font-size: 80%;
  width: 21%;
  text-align: center;
  vertical-align: middle;
}

.snsBox02 li {
  display: inline-block;
  position: relative;
  height: 24px;
  box-sizing: border-box;
  border-radius: 0px;
  cursor: pointer;
  font-size: 80%;
  width: 23%;
  text-align: center;
  vertical-align: middle;
}

.article .snsBox02 li a {
  padding: 4px 0px 0px 0px;
  display: block;
}

.snsBox02 li a {
  padding: 4px 0px 0px 0px;
  display: block;
}

@media only screen and (max-width : 640px) {
  .snsBox02 li {
    display: inline-block;
    position: relative;
    height: 24px;
    box-sizing: border-box;
    padding: 0px;
    border-radius: 0px;
    cursor: pointer;
    font-size: 80%;
    width: 24%;
    text-align: center;
    vertical-align: middle;
  }

  .article .snsBox02 li {
    display: inline-block;
    position: relative;
    height: 24px;
    box-sizing: border-box;
    padding: 0px;
    border-radius: 0px;
    cursor: pointer;
    font-size: 80%;
    width: 24%;
    text-align: center;
    vertical-align: middle;
  }

  .sns-button02 {
    padding: 10px 0 5px;
    margin: 0 5px;
  }

  .article .sns-button02 {
    margin: -18px 5px -25px;
  }

  .post ul.snsBox02 li {
    padding: 0px;
  }
}

/*
#mainCenter .post .snsBox02 li{
padding: 7px 0px 0px 0px;
}
*/

.snsBox02 li img {
  width: 13px;
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.snsBox02 li.facebook-icon img {
  width: auto;
  height: 13px;
  margin-right: 4px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.snsBox02 li a:link,
.snsBox02 li a:visited,
.snsBox02 li a:hover,
.snsBox02 li a:active {
  color: #fff;
}

.snsBox02 li.twi-icon {
  background-color: #FFF;
  border: 1px solid #dde4e6;
}

.snsBox02 li.twi-icon a {
  color: #20bee2;
  font-weight: bold;
}

.snsBox02 li.line-icon {
  background-color: #FFF;
  border: 1px solid #dde4e6;
}

.snsBox02 li.line-icon a {
  color: #50b945;
  font-weight: bold;
}

.snsBox02 li.facebook-icon {
  background-color: #FFF;
  border: 1px solid #dde4e6;
}

.snsBox02 li.facebook-icon a {
  color: #5f699e;
  font-weight: bold;
}

#mainCenter .snsBox02 li.hate-icon {
  background-color: #FFF;
  border: 1px solid #dde4e6;
}

#main-contents .snsBox02 li.hate-icon {
  background-color: #FFF;
  border: 1px solid #dde4e6;
}

.snsBox02 li.hate-icon a {
  color: #297faa;
  font-weight: bold;
}

.snsBox02 li.twi-icon:hover {
  background-color: #fbfbfb;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

.snsBox02 li.line-icon:hover {
  background-color: #fbfbfb;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

.snsBox02 li.facebook-icon:hover {
  background-color: #fbfbfb;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}

.snsBox02 li.hate-icon:hover {
  background-color: #fbfbfb;
  transition: background-color 0.5s;
  -webkit-transition: background-color 0.5s;
}


/*--------------------------------------------------------
リンク切れ
--------------------------------------------------------*/
.broken_link,
a.broken_link {
  text-decoration: line-through;
}

/*--------------------------------------------------------
人気のページﾗﾝｷﾝｸﾞ
--------------------------------------------------------*/
.ranking_left,
.ranking_right {
  display: table-cell;
  vertical-align: middle;
}

.ranking_right {
  padding-left: 8px;
  text-align: left;
}

.ranking_left {
  width: 70px;
  background-color: #111;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.ranking_left img {
  height: 35px;
}

.wpp-list li:not(:last-child) {
  border-bottom: 1px solid #dde4e6;
  border-top: 0;
  position: relative;
  margin-top: 2px;
}

.wpp-list a {
  text-align: center;
}

/*--------------------------------------------------------
人気のページﾗﾝｷﾝｸﾞ ver.2
--------------------------------------------------------*/
.ninki-ranking div {
  font-size: 140%;
  font-weight: bold;
  padding: 0 0 0 8px;
}

.ninki-ranking div img {
  padding-right: 5px;
}

.ninki-ranking dt,
.ninki-ranking dd {
  display: table-cell;
  vertical-align: middle;
}

.koukoku_common_tag.ads_position_title_top_ninki_list a>div:first-child {
  width: 50px !important;
  max-width: 50px !important;
}

.ninki-ranking dt {
  width: 50px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
  overflow: hidden;
  max-width: 50px;
}

.ninki-ranking dt img {
  height: 50px;
  object-fit: cover;
  width: 50px;
}

.koukoku_common_tag.ads_position_title_top_ninki_list img {
  height: 50px !important;
  object-fit: cover;
  width: 50px !important;
  padding-right: 5px;
}

.ninki-ranking dd {
  padding-left: 8px;
  text-align: left;
}

.ninki-ranking dd a {
  display: block;
  box-sizing: border-box;
}


.ninki-ranking dl:not(:last-child) {
  border: 1px solid #dde4e6;
  border-radius: 4px;
  margin: 5px 0;
  padding: 5px;
  box-sizing: border-box;
  position: relative;
}

.ninki-ranking dl {
  border: 1px solid #dde4e6;
  border-radius: 4px;
  padding: 5px;
  box-sizing: border-box;
  margin: 5px 0 20px;
  position: relative;
  color: #448acb;
}

.ninki-ranking dl:hover {
  color: #f60;
}

.ninki-ranking dl {
  color: #448acb;
}

.ninki-ranking dl:hover {
  color: #f60;
}

.ninki-ranking dd.ninki-all-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.ninki-ranking dd.ninki-all-link a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

.ninki-ranking.otabdetail dl {
  color: #448acb;
}

.ninki-ranking.otabdetail dl:hover {
  color: #f60;
}

.ninki-ranking.otabdetail dl dd:last-child {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.ninki-ranking.otabdetail dl dd:last-child a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------
人気ページランキングの全体リンク用
--------------------------------------------------------*/
.ninki-ranking.ninki-pageranking dd.ninki-all-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.ninki-ranking.ninki-pageranking dd.ninki-all-link a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .ninki-ranking dl:not(:last-child) {
    border-radius: none;
    position: relative;
    background: #fff;
    padding: 10px;
    margin: 0 10px -1px;
    box-sizing: content-box;
  }

  .ninki-ranking dl {
    border-radius: none;
    position: relative;
    background: #fff;
    padding: 10px;
    margin: 0 10px;
    box-sizing: content-box;
  }
}

.ninki-ranking div.h3mode+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl+dl+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode+dl+dl+dl+dl+dl+dl+dl+dl+dl+dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 3px;
}

.ninki-ranking div.h3mode {
  background: #eaeeef;
  border: medium none;
  color: #333;
  font-size: 110%;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 8px 2px 8px 12px;
  margin-bottom: 15px;
}

#more_rank {
  display: block;
  color: #39f;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.osusumeAppMb div dd.review-update {
  background: #f97f7f;
}

/*--------------------------------------------------------
人気のページﾗﾝｷﾝｸﾞ ver.2（ランキングアイコン設定）
--------------------------------------------------------*/
.ninki-ranking div.adWrapForNinkiRnking dl {
  background: #fff;
  padding: 10px;
  margin: 0;
  position: relative;
}

.ninki-ranking div.adWrapForNinkiRnking dd {
  padding-left: 8px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}

.ninki-ranking div.adWrapForNinkiRnking dl:not(:last-child) {
  border-bottom: 1px solid #dde4e6;
}

.ninki-ranking div.adWrapForNinkiRnking dl:before {
  display: none;
}

.ninki-ranking dl:before,
.widget-ninki-ranking dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 2px;
}

.ninki-ranking dl.rosso_wrapper:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: none !important;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 2px;
}

.ninki-ranking#recommend_list dl:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: none !important;
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 2px;
}

.ninki-ranking#ninki-list dl:nth-of-type(6):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: none !important;
  background-size: contain;
  background-repeat: no-repeat;
  top: 2px;
  left: 2px;
}

.ninki-ranking dl:nth-of-type(1):before,
.widget-ninki-ranking dl:nth-of-type(1):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 2px;
}

.ninki-ranking dl:nth-of-type(2):before,
.widget-ninki-ranking dl:nth-of-type(2):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 2px;
}

.ninki-ranking dl:nth-of-type(3):before,
.widget-ninki-ranking dl:nth-of-type(3):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 2px;
}

.ninki-ranking dl:nth-of-type(4):before,
.widget-ninki-ranking dl:nth-of-type(4):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(5):before,
.widget-ninki-ranking dl:nth-of-type(5):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(6):before,
.widget-ninki-ranking dl:nth-of-type(6):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(7):before,
.widget-ninki-ranking dl:nth-of-type(7):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(8):before,
.widget-ninki-ranking dl:nth-of-type(8):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(9):before,
.widget-ninki-ranking dl:nth-of-type(9):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(10):before,
.widget-ninki-ranking dl:nth-of-type(10):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(11):before,
.widget-ninki-ranking dl:nth-of-type(11):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(12):before,
.widget-ninki-ranking dl:nth-of-type(12):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(13):before,
.widget-ninki-ranking dl:nth-of-type(13):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(14):before,
.widget-ninki-ranking dl:nth-of-type(14):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(15):before,
.widget-ninki-ranking dl:nth-of-type(15):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(16):before,
.widget-ninki-ranking dl:nth-of-type(16):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(17):before,
.widget-ninki-ranking dl:nth-of-type(17):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(18):before,
.widget-ninki-ranking dl:nth-of-type(18):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(19):before,
.widget-ninki-ranking dl:nth-of-type(19):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(20):before,
.widget-ninki-ranking dl:nth-of-type(20):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(21):before,
.widget-ninki-ranking dl:nth-of-type(21):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(22):before,
.widget-ninki-ranking dl:nth-of-type(22):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(23):before,
.widget-ninki-ranking dl:nth-of-type(23):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(24):before,
.widget-ninki-ranking dl:nth-of-type(24):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(25):before,
.widget-ninki-ranking dl:nth-of-type(25):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(26):before,
.widget-ninki-ranking dl:nth-of-type(26):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(27):before,
.widget-ninki-ranking dl:nth-of-type(27):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(28):before,
.widget-ninki-ranking dl:nth-of-type(28):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(29):before,
.widget-ninki-ranking dl:nth-of-type(29):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(30):before,
.widget-ninki-ranking dl:nth-of-type(30):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(31):before,
.widget-ninki-ranking dl:nth-of-type(31):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(32):before,
.widget-ninki-ranking dl:nth-of-type(32):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(33):before,
.widget-ninki-ranking dl:nth-of-type(33):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(34):before,
.widget-ninki-ranking dl:nth-of-type(34):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(35):before,
.widget-ninki-ranking dl:nth-of-type(35):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(36):before,
.widget-ninki-ranking dl:nth-of-type(36):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(37):before,
.widget-ninki-ranking dl:nth-of-type(37):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(38):before,
.widget-ninki-ranking dl:nth-of-type(38):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(39):before,
.widget-ninki-ranking dl:nth-of-type(39):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(40):before,
.widget-ninki-ranking dl:nth-of-type(40):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(41):before,
.widget-ninki-ranking dl:nth-of-type(41):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(42):before,
.widget-ninki-ranking dl:nth-of-type(42):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(43):before,
.widget-ninki-ranking dl:nth-of-type(43):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(44):before,
.widget-ninki-ranking dl:nth-of-type(44):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(45):before,
.widget-ninki-ranking dl:nth-of-type(45):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(46):before,
.widget-ninki-ranking dl:nth-of-type(46):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(47):before,
.widget-ninki-ranking dl:nth-of-type(47):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(48):before,
.widget-ninki-ranking dl:nth-of-type(48):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(49):before,
.widget-ninki-ranking dl:nth-of-type(49):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(50):before,
.widget-ninki-ranking dl:nth-of-type(50):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(51):before,
.widget-ninki-ranking dl:nth-of-type(51):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(52):before,
.widget-ninki-ranking dl:nth-of-type(52):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(53):before,
.widget-ninki-ranking dl:nth-of-type(53):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(54):before,
.widget-ninki-ranking dl:nth-of-type(54):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(55):before,
.widget-ninki-ranking dl:nth-of-type(55):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(56):before,
.widget-ninki-ranking dl:nth-of-type(56):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(57):before,
.widget-ninki-ranking dl:nth-of-type(57):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(58):before,
.widget-ninki-ranking dl:nth-of-type(58):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(59):before,
.widget-ninki-ranking dl:nth-of-type(59):before {
  background-image: url();
}

.ninki-ranking dl:nth-of-type(60):before,
.widget-ninki-ranking dl:nth-of-type(60):before {
  background-image: url(/common/ranking_game/rank/pr60.png);
}

.ninki-ranking dl:nth-of-type(61):before,
.widget-ninki-ranking dl:nth-of-type(61):before {
  background-image: url(/common/ranking_game/rank/pr61.png);
}

.ninki-ranking dl:nth-of-type(62):before,
.widget-ninki-ranking dl:nth-of-type(62):before {
  background-image: url(/common/ranking_game/rank/pr62.png);
}

.ninki-ranking dl:nth-of-type(63):before,
.widget-ninki-ranking dl:nth-of-type(63):before {
  background-image: url(/common/ranking_game/rank/pr63.png);
}

.ninki-ranking dl:nth-of-type(64):before,
.widget-ninki-ranking dl:nth-of-type(64):before {
  background-image: url(/common/ranking_game/rank/pr64.png);
}

.ninki-ranking dl:nth-of-type(65):before,
.widget-ninki-ranking dl:nth-of-type(65):before {
  background-image: url(/common/ranking_game/rank/pr65.png);
}

.ninki-ranking dl:nth-of-type(66):before,
.widget-ninki-ranking dl:nth-of-type(66):before {
  background-image: url(/common/ranking_game/rank/pr66.png);
}

.ninki-ranking dl:nth-of-type(67):before,
.widget-ninki-ranking dl:nth-of-type(67):before {
  background-image: url(/common/ranking_game/rank/pr67.png);
}

.ninki-ranking dl:nth-of-type(68):before,
.widget-ninki-ranking dl:nth-of-type(68):before {
  background-image: url(/common/ranking_game/rank/pr68.png);
}

.ninki-ranking dl:nth-of-type(69):before,
.widget-ninki-ranking dl:nth-of-type(69):before {
  background-image: url(/common/ranking_game/rank/pr69.png);
}

.ninki-ranking dl:nth-of-type(70):before,
.widget-ninki-ranking dl:nth-of-type(70):before {
  background-image: url(/common/ranking_game/rank/pr70.png);
}

.ninki-ranking dl:nth-of-type(71):before,
.widget-ninki-ranking dl:nth-of-type(71):before {
  background-image: url(/common/ranking_game/rank/pr71.png);
}

.ninki-ranking dl:nth-of-type(72):before,
.widget-ninki-ranking dl:nth-of-type(72):before {
  background-image: url(/common/ranking_game/rank/pr72.png);
}

.ninki-ranking dl:nth-of-type(73):before,
.widget-ninki-ranking dl:nth-of-type(73):before {
  background-image: url(/common/ranking_game/rank/pr73.png);
}

.ninki-ranking dl:nth-of-type(74):before,
.widget-ninki-ranking dl:nth-of-type(74):before {
  background-image: url(/common/ranking_game/rank/pr74.png);
}

.ninki-ranking dl:nth-of-type(75):before,
.widget-ninki-ranking dl:nth-of-type(75):before {
  background-image: url(/common/ranking_game/rank/pr75.png);
}

.ninki-ranking dl:nth-of-type(76):before,
.widget-ninki-ranking dl:nth-of-type(76):before {
  background-image: url(/common/ranking_game/rank/pr76.png);
}

.ninki-ranking dl:nth-of-type(77):before,
.widget-ninki-ranking dl:nth-of-type(77):before {
  background-image: url(/common/ranking_game/rank/pr77.png);
}

.ninki-ranking dl:nth-of-type(78):before,
.widget-ninki-ranking dl:nth-of-type(78):before {
  background-image: url(/common/ranking_game/rank/pr78.png);
}

.ninki-ranking dl:nth-of-type(79):before,
.widget-ninki-ranking dl:nth-of-type(79):before {
  background-image: url(/common/ranking_game/rank/pr79.png);
}

.ninki-ranking dl:nth-of-type(80):before,
.widget-ninki-ranking dl:nth-of-type(80):before {
  background-image: url(/common/ranking_game/rank/pr80.png);
}

.ninki-ranking dl:nth-of-type(81):before,
.widget-ninki-ranking dl:nth-of-type(81):before {
  background-image: url(/common/ranking_game/rank/pr81.png);
}

.ninki-ranking dl:nth-of-type(82):before,
.widget-ninki-ranking dl:nth-of-type(82):before {
  background-image: url(/common/ranking_game/rank/pr82.png);
}

.ninki-ranking dl:nth-of-type(83):before,
.widget-ninki-ranking dl:nth-of-type(83):before {
  background-image: url(/common/ranking_game/rank/pr83.png);
}

.ninki-ranking dl:nth-of-type(84):before,
.widget-ninki-ranking dl:nth-of-type(84):before {
  background-image: url(/common/ranking_game/rank/pr84.png);
}

.ninki-ranking dl:nth-of-type(85):before,
.widget-ninki-ranking dl:nth-of-type(85):before {
  background-image: url(/common/ranking_game/rank/pr85.png);
}

.ninki-ranking dl:nth-of-type(86):before,
.widget-ninki-ranking dl:nth-of-type(86):before {
  background-image: url(/common/ranking_game/rank/pr86.png);
}

.ninki-ranking dl:nth-of-type(87):before,
.widget-ninki-ranking dl:nth-of-type(87):before {
  background-image: url(/common/ranking_game/rank/pr87.png);
}

.ninki-ranking dl:nth-of-type(88):before,
.widget-ninki-ranking dl:nth-of-type(88):before {
  background-image: url(/common/ranking_game/rank/pr88.png);
}

.ninki-ranking dl:nth-of-type(89):before,
.widget-ninki-ranking dl:nth-of-type(89):before {
  background-image: url(/common/ranking_game/rank/pr89.png);
}

.ninki-ranking dl:nth-of-type(90):before,
.widget-ninki-ranking dl:nth-of-type(90):before {
  background-image: url(/common/ranking_game/rank/pr90.png);
}

.ninki-ranking dl:nth-of-type(91):before,
.widget-ninki-ranking dl:nth-of-type(91):before {
  background-image: url(/common/ranking_game/rank/pr91.png);
}

.ninki-ranking dl:nth-of-type(92):before,
.widget-ninki-ranking dl:nth-of-type(92):before {
  background-image: url(/common/ranking_game/rank/pr92.png);
}

.ninki-ranking dl:nth-of-type(93):before,
.widget-ninki-ranking dl:nth-of-type(93):before {
  background-image: url(/common/ranking_game/rank/pr93.png);
}

.ninki-ranking dl:nth-of-type(94):before,
.widget-ninki-ranking dl:nth-of-type(94):before {
  background-image: url(/common/ranking_game/rank/pr94.png);
}

.ninki-ranking dl:nth-of-type(95):before,
.widget-ninki-ranking dl:nth-of-type(95):before {
  background-image: url(/common/ranking_game/rank/pr95.png);
}

.ninki-ranking dl:nth-of-type(96):before,
.widget-ninki-ranking dl:nth-of-type(96):before {
  background-image: url(/common/ranking_game/rank/pr96.png);
}

.ninki-ranking dl:nth-of-type(97):before,
.widget-ninki-ranking dl:nth-of-type(97):before {
  background-image: url(/common/ranking_game/rank/pr97.png);
}

.ninki-ranking dl:nth-of-type(98):before,
.widget-ninki-ranking dl:nth-of-type(98):before {
  background-image: url(/common/ranking_game/rank/pr98.png);
}

.ninki-ranking dl:nth-of-type(99):before,
.widget-ninki-ranking dl:nth-of-type(99):before {
  background-image: url(/common/ranking_game/rank/pr99.png);
}

.ninki-ranking dl:nth-of-type(100):before,
.widget-ninki-ranking dl:nth-of-type(100):before {
  background-image: url(/common/ranking_game/rank/pr100.png);
}

/*--------------------------------------------------------
人気ページランキング
--------------------------------------------------------*/

.ninki-ranking#ninki-list dl:first-child:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url(/common/ranking_game/rank/pr1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(2):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url(/common/ranking_game/rank/pr2.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(3):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url(/common/ranking_game/rank/pr3.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(4):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr4.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(5):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr5.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(6):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr6.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(6):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr6.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(7):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr7.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(8):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr8.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(9):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr9.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

.ninki-ranking#ninki-list dl:nth-child(10):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/common/ranking_game/rank/pr10.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 5px;
  left: 0px;
}

/*--------------------------------------------------------
4G
--------------------------------------------------------*/
#news-content {
  padding: 10px;
}

#news-content img {
  margin: auto;
  display: inherit;
}

/*--------------------------------------------------------
ジャック広告
--------------------------------------------------------*/
#sub-contents {
  position: relative;
  overflow: visible;
}

.jackBtn02 img {
  display: block;
}

.jackBtn01 a,
.jackBtn02 a {
  position: absolute;
  z-index: 99;
}

.jackBtn01 a img,
.jackBtn02 a img {
  border-radius: 0;
}

.jackBtn01 a {
  margin-top: 0%;
  right: -553%;
}

.jackBtn02 a {
  margin-top: 0%;
  left: -165%;
}

#main-in {
  position: relative;
}

body.home #main-in .jackBtn01 a {
  right: -522%;
  margin-top: 0%;
}

body.home #main-in .jackBtn02 a {
  left: -145%;
  margin-top: 0%;
}

#main-in .jackBtn01 a {
  right: -522%;
  margin-top: 0%;
}

#main-in .jackBtn02 a {
  left: -145%;
  margin-top: 0%;
}

#main-in .jackBtn01 a {
  margin-top: 0%;
  right: -522%;
}

#main-in .jackBtn02 a {
  margin-top: 0%;
  left: -145%;
}

#mainRight .jackBtn01 a {
  right: -215%;
  margin-top: 0%;
}

#mainRight .jackBtn02 a {
  left: -530%;
  margin-top: 0%;
}

body:not(.home) .jackBtn01 a,
body:not(.home) .jackBtn02 a {}

.jackHeaderImg {
  margin: 0 auto;
  width: 1050px;
  position: relative;
  left: -0.35%;
}

.jackHeaderImg .imgDiv {
  width: 100%;
  height: 200px;
}

#main-contents .apph1 {
  margin: 15px 0 0;
}

/*--------------------------------------------------
jackAltemaTop@0926
----------------------------------------------------*/
.col2 #sidebar {
  position: relative;
  overflow: visible;
}

.col2 .jackBtn01 a {
  right: -102%;
  margin-top: -105%;
}

.col2 .jackBtn02 a {
  left: -320%;
  margin-top: -105%;
}

/*-------------------------------------------------------
k-widget
-------------------------------------------------------*/
.widgetAppHead {
  border-left: 6px solid #888;
  font-weight: bold;
  margin: 15px 0 10px 0;
  padding-left: 6px;
}

.appDiv01 li {
  display: inline-block;
  width: 22%;
  padding: 0;
  font-size: .8em;
  text-align: center;
}

.appDiv01 li img {
  display: block;
  margin: auto;
}

.sub-column .widget-conts ul.appDiv01 li,
.sub-column .widget-conts ul.appDiv02 li {
  background: none;
  padding: 0;
}

.appDiv02 dl dt {
  font-weight: bold;
}

.appDiv02 dl dd {
  line-height: 1.2em;
}

.appDiv02 .imgDiv {
  display: inline-block;
  float: left;
}

/*
オススメ記事のタブ
*/
#main-contents .osusume-navi li {
  table-layout: fixed;
  display: table-cell;
  width: 30%;
}

#main-contents .osusume-navi li.otabactive a {
  background: #1298d6;
}

#main-contents .osusume-navi li a {
  background: #78bede;
  border-radius: 4px 4px 0 0;
  padding: 7px;
  text-align: center;
  width: 85%;
  color: #fff;
  display: block;
  font-size: 12px;
}

#main-contents .osusume-navi li a:link {
  color: #fff !important;
}



.more_rank {
  display: block;
  color: #39f;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}



/*------------------------------------------------------------
review
-------------------------------------------------------------*/

.ribbon4 {
  display: inline-block;
  position: relative;
  height: 60px;
  /*高さ*/
  line-height: 60px;
  /*高さ*/
  vertical-align: middle;
  text-align: center;
  padding: 0 40px 0 18px;
  /*文字の左右の余白*/
  font-size: 18px;
  /*文字サイズ*/
  background: #ffc668;
  /*背景色*/
  color: #FFF;
  /*文字色*/
  box-sizing: border-box;
}

.ribbon4:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon4:after {
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

#mainCenter .paraBox .sougou {
  float: left;
  margin: 25px 0 0 25px;
  color: #34a3d1;
}

#mainCenter .paraBox div {
  float: left;
  width: 60%;

}

#mainCenter .paraBox div {
  float: left;
}

#mainCenter .reviewTopBox {
  background: url(/altema/review/bg-last.jpg) no-repeat left top;
  background-size: cover;
  color: #fff;
  width: 98%;
}

#mainCenter .custom-slide {
  width: 75%;
}

#mainCenter .reviewTopBox .reviewTensu {
  color: #fff;
}

#mainCenter .reviewTopBox dt {
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 0px;
}

#mainCenter .reviewTopBox dd:first-child {
  margin-bottom: 3px;
}

#mainCenter .reviewTopBox dd {
  margin: 0 0 1px 0;
  font-size: 90%;
}

#mainCenter .reviewTopBox div img {
  width: 100%;
  border-radius: 15px;
}

.custom-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1;
  width: 100%;
  padding-bottom: 60px;
  /* height: 100%; */
}

/*------ 2018/05/08 --
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
width: 60%;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
opacity: 0.5;
}

.swiper-slide.swiper-slide-active {
  opacity: 1;
}

----*/ .custom-bullet {
  padding-left: 3px;
  padding-right: 3px;
}

.custom-bullet img {
  opacity: 0.5;
  height: 40px;
}

.custom-bullet.custom-bullet-active img {
  opacity: 1;
}


body {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  line-height: 1.5;
  color: #444;
}

.qaTop dl {
  margin: 10px 0;
}

.qaTop dl dt span {
  display: inline-block;
  border-radius: 4px;
  background: #47bae0;
  font-weight: bold;
  padding: 3px 10px;
  margin: 0 5px 0 0;
  text-align: center;
  font-size: 130%;
  color: #fff;
}

.qaTop dl dd span {
  display: inline-block;
  border-radius: 4px;
  background: #f76a6a;
  font-weight: bold;
  padding: 4px 10px;
  margin: 0 5px 0 0;
  text-align: center;
  float: left;
  font-size: 130%;
  color: #fff;
}

.qaTop dl dd {
  margin: 0 0 20px 0;
}

.qaTop dl dd div {
  float: left;
  width: 87%;
  line-height: 1.5;
}

.qaTop dl dt {
  font-weight: bold;
  margin: 0 0 10px 0;
}

#mainCenter .contents .syokai-douga li {
  padding: 10px 0 10px 0px;
}

#mainCenter .contents .syokai-douga li div {
  padding: 0;
}

.reviewTopBox {
  width: 100%;
  background: #f7f7f7;
  padding: 5px;
  border-radius: 4px 4px 0 0;
}

.reviewTopBox div {
  float: left;
  width: 23%;
  padding: 5px;
}

.reviewTopBox dl {
  float: left;
  width: 68%;
  margin: 3px 0 0 5px;
}

.reviewTopBox dl dd {
  margin: 0;
}

.topTable td {
  background: #e3e7e9;
}

#mainCenter .reviewTopBox ul li {
  margin: 0px;
  padding: 0;
  border-bottom: none;
  background: none;
}

#mainCenter .reviewTopBox ul {
  margin: 0 0 0 0;
}

#mainCenter h2 {
  background: #004c6b;
  color: #fff;
  font-size: 120%;
  padding: 10px 0 10px 12px;
  font-weight: bold;
  margin: 12px 0 12px;
}

.sougou {
  font-size: 130%;
  width: 100px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #34a3d1;
  text-align: center;
  padding: 18px 0 2px 0px;
  font-weight: bold;
  line-height: 1.3em;
}

.sougou span {
  font-size: 200%;
  display: block;
}

.voiceTopWrap02 {
  padding: 10px;
  border: 1px solid #dde4e6;
  box-shadow: #EDEDED 3px 3px 3px;
  border-radius: 10px;
  margin: 15px 0 20px 0;
}

.voiceTopWrap02 table {
  margin-bottom: 0;
}

.voiceTopWrap div {
  float: left;
  width: 20%;
}

.voiceTopWrap .voiceTop {
  float: left;
  width: 70%;
}

.voiceTopWrap .voiceTop dd {
  margin: 0;
}

.voiceTop dt {
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 0 5px;
}

.voiceTop dd span:first-child {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  background: #a1a1a1;
  padding: 1px 7px;
  margin: 0 5px 0 5px;
}

.voiceTop {
  margin: 5px 0 0 0;
}

.good dd,
.bad dd {
  margin: 0;
}

.good {
  background: #ffdfdf;
  padding: 10px;
  position: relative;
  border-radius: 4px;
}

.good:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  z-index: 2;
}

.good:after {
  content: "";
  position: absolute;
  top: -23px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 19px solid #ffdfdf;
  z-index: 1;
}

.bad {
  background: #cee6f3;
  padding: 10px;
  border-radius: 4px;
  position: relative;
}

.bad:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  z-index: 2;
}

.bad:after {
  content: "";
  position: absolute;
  top: -23px;
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 19px solid #cee6f3;
  z-index: 1;
}

.good dt {
  font-weight: bold;
  color: #cb2e19;
  font-size: 120%;
}

.bad dt {
  font-weight: bold;
  color: #26709e;
  font-size: 120%;
}

.topReview .topReviewInner div a img {
  border-radius: 4px;
}

.topReview dd a {
  background: #bebebe;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 2px 8px;
  font-size: 80%;
  margin: 0 10px 0 0;
  display: inline-block;
}


.topReview dd .revkosin a {
  color: #cc0000;
  background: none;
  font-weight: bold;
  padding-left: 0px;

}

.chumokuIcon {
  background: #cc0000;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  padding: 0px 3px;
  width: 92%;
  margin: 5px 0 0 0;
}

.topReviewInner div {
  text-align: center;
}

.ninkiRanking .Rank img {
  vertical-align: middle;
}

.ninkiRanking li {
  border-bottom: 1px dotted #ddd;
}

.ninkiRanking .Rank {
  float: left;
  width: 10%;
  line-height: 7;
}

.ninkiRanking .topReview {
  float: right;
  width: 90%;
  border: none;
}

.ninkiRanking .topReviewInner dl {
  width: 81%;
}

#mainCenter .post ul li {
  padding: 0;
}

#mainCenter dl dd th,
#mainCenter dl dd td {
  padding: 0;
  border-right: none;
  border-bottom: none;
  font-size: 11px;
}

#mainCenter dl dd table {
  border: none;
}

#mainCenter .acMenu dd th,
#mainCenter .acMenu dd td {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#mainCenter .acMenu dd table {
  border: none;
}



.topReview dd td a {
  background: none;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  margin: 0;
  display: inline-block;
  padding: 2px 5px 2px 0px;
}


/*------------------------------------------------------------
アプリゲットCSS
-------------------------------------------------------------*/
#mainCenter .app-table {
  background: url(/altema/images/top/mainImageTop.jpg) no-repeat center;
  border: none;
  border-radius: 5px;
  padding: 10% 8%;
}

#mainCenter .app-table th h1 {
  font-size: inherit;
  margin-left: inherit;
  font-size: 130%;
  padding-top: 7px;
}

#mainCenter .app-table th p {
  margin: inherit;
}

#mainCenter.app-table th {
  background: inherit;
  font-size: 1.2em;
  vertical-align: bottom;
}

#mainCenter .app-table th,
#main-contents .app-table td {
  border: none;
  color: #fff;
  padding: 0;

}

#mainCenter .app-table .img-td {
  width: 15%;
  padding: 9px;
  font-size: 14px;
  border-radius: 4px;
  border-right: 0;
}

#mainCenter .app-table .star-td {
  font-size: 1.15em;
  vertical-align: top;
  color: #fff;
  border: 0;
}

#mainCenter .contents .app-table th {
  background: none;
  padding: 7px;
}

#mainCenter .tabmenu {
  display: none;
}

#mainCenter .flex-storeBtn {
  display: table;
}

#mainCenter .flex-storeBtn a {
  margin: 0 1em 1em;
  width: 48%;
  display: table-cell;
  table-layout: fixed;
}

#mainCenter .flex-storeBtn a img {
  width: 70%;
}

#mainCenter .review:not(h2) {
  line-height: 2;
}

#mainCenter .review h2 {
  line-height: 1.5em;
}

#mainCenter .review h2,
#mainCenter .review h3 {
  padding: 7px 0 7px 10px;
}

.custom-swiper-next {
  background: url(/altema/review/swiper-button-next.png) no-repeat top left;
  position: absolute;
  top: 28%;
  z-index: 99999999;
  height: 87px;
  width: 47px;
  right: 0;
}

.custom-swiper-prev {
  background: url() no-repeat top left;
  position: absolute;
  top: 28%;
  z-index: 99999999;
  height: 87px;
  width: 47px;
  left: 0;
}

.voiceTopWrap02 .voiceTop dt input {
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.voiceTopWrap02 textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 5px;
}

.star-input span {
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 6px;
  padding: 2px 4px;
  border: 1px solid #ccc;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ededed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
  /* IE6-9 */
}

.voiceTopWrap02 button {
  width: 40%;
  border: none;
  background: #333;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 4px;
  font-size: 110%;
  padding: 5px 0 5px;
  margin: 0 auto;
}

#mainCenter .contents .dlTable {
  margin-bottom: 0;
}

.reviewStar {
  font-weight: bold;
  color: #ffc700;
  font-size: 120%;
}

.reviewTensu {
  font-weight: bold;
  color: #cc0000;
  font-size: 110%;
  padding-left: 5px;
}

/*-------------------------------------------------------
カレンダーテーブル
-------------------------------------------------------*/
#main-contents .fc-view table {
  padding: 0;
  margin-bottom: inherit;
  border: none;
}

#main-contents .fc-view td {
  border-right: 1px solid #dde4e6;
  font-size: 11px;
  border-bottom: none;
  padding: .2em;
}

#main-contents .fc-view th {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: center;
}

#main-contents tbody.fc-body {
  background: #3a3833;
}

#main-contents tbody.fc-body td {
  background: inherit;
  color: #FFF;
}

#main-contents tbody.fc-body td a:link {
  color: #FFF;
}

#main-contents tbody.fc-body td a:visited {
  color: #FFF;
}

#main-contents tbody.fc-body td a:hover {
  outline: 0;
  color: #f60;
}

#main-contents tbody.fc-body td a:active {
  outline: 0;
  color: #f60;
}

#main-contents tbody.fc-body td.fc-today {
  background-color: #613c70;
}

#main-contents .fc-center .title-date {
  background: none;
  padding: 0px;
  background-size: 100% 100%;
  color: #333;
  font-size: 130%;
  margin: 3px;
  font-weight: bold;
}

/*--------------------------------------------------
ページナビゲーション
----------------------------------------------------*/
.article-pagenavi ul {
  padding: 15px 10px 10px !important;
  /*background: #fff;*/
  /*border: 1px solid #ccc;*/
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.article-pagenavi ul li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

.article-pagenavi ul li a {
  background: #4E9B0F none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff !important;
  padding: 5px 13px;
}

.article-pagenavi ul li.current a {
  background: none;
}

.article-pagenavi ul li.current span {
  border: 1px solid #3a7c9e;
  background: #fff;
  color: #3a7c9e !important;
  padding: 5px 13px;
  border-radius: 4px;
}

#mainCenter .contents .interviewTitle {
  font-weight: bold;
  background: none;
  border-bottom: 3px solid #ccc;
  color: #333;
  padding: 0 0 3px 0;
}

#mainLeft #sub-contents #submenu-30,
#mainLeft #sub-contents #submenu-2,
#mainLeft #sub-contents #submenu-3 {
  margin-bottom: 0;
}

#mainCenter .reviewTopBox ul li span {
  display: inline-block;
  width: 48px;
}

.post ol.toriatukai li {
  width: 24%;
}

.post ol.toriatukai li p {
  line-height: 1.1em;
}

/*---------------------------------------------------------------------------
↑改修前** 改修後CSSは以下に記載していってください **　改修後↓
----------------------------------------------------------------------------*/

/*------------------------------------------------------------
header
-------------------------------------------------------------*/
.headerIn .header-logo a {
  display: inline-block;
  width: 55%;
}

.headerIn .header-logo img {
  width: 100%;
}

.header_naviArea {
  position: relative;
  background-size: cover;
  min-height: 120px;
}

.header_navi {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.header_icon a {
  padding: 8px;
  display: inline-block;
}

.header_icon img {
  border-radius: 8px;
}

.header_icon h1 {
  display: inline-block;
  font-size: 1.5em;
  color: #fff;
  vertical-align: middle;
}

/*--- .header_naviArea --*/
.header_naviArea ul {
  background-color: #2f4e66cc;
  display: flex;
  color: #fff;
  font-weight: bold;
}

.header_naviArea ul li {
  text-align: center;
  padding: 8px;
}

.header_naviArea ul li:first-child:nth-last-child(3),
.header_naviArea ul li:first-child:nth-last-child(3)~li {
  width: 30%;
}

.header_naviArea ul li:first-child:nth-last-child(4),
.header_naviArea ul li:first-child:nth-last-child(4)~li {
  width: 23%;
}

.header_naviArea ul li:first-child:nth-last-child(5),
.header_naviArea ul li:first-child:nth-last-child(5)~li {
  width: 19.5%;
  font-size: 11px;
  padding: 10px 0;
}

.header_naviArea ul li a img {
  width: 15px;
  margin-right: 3px;
}

/*--- .header_naviArea --*/
.gnavi-Area {
  background-color: #ddd;
}

.gnavi-Area ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}

.gnavi-Area ul li {
  width: 32.8%;
  background: linear-gradient(to bottom, #fefefe, #ededed);
  padding: 5px 0;
  border: 1px solid #ddd;
  font-weight: bold;
}

@media only screen and (max-width : 640px) {
  .gnavi-Area ul li {
    width: 32.75%;
  }
}

.topic-section {
  background-color: #303539;
  color: #fff;
  font-size: 1.3em;
  padding: 5px 20px;
}

/*------------------------------------------------------------
sokuhou
-------------------------------------------------------------*/
.swiper-container-horizontal {
  background-color: #eee;
}

ul.sokuhou-swiper-list {
  display: flex;
}

#main-contents ul.sokuhou-swiper-list li {
  position: relative;
  width: 200px;
  min-width: 200px;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 10px 5px 10px;
  margin: 13px 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  min-height: 170px;
}

ul.sokuhou-swiper-list li div,
ul.sokuhou-swiper-list li span {
  display: block;
}

ul.sokuhou-swiper-list li img {
  max-width: 100%;
  max-height: 100px;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

ul.sokuhou-swiper-list li div.img_div {
  width: 100%;
  height: 100px;
  background: #ccc;
  border-radius: 5px;
  position: relative;
}

ul.sokuhou-swiper-list li span.sokuhou_title {
  font-size: 12px;
  font-weight: bold;
  min-height: 30px;
  line-height: 1.3em;
  margin-top: 4px;
}

ul.sokuhou-swiper-list li span.sokuhou_date {
  color: #666;
  font-size: 9px;
  margin-top: 3px;
}

#search-form-box {
  border: 2px solid #34a3d1 !important;
}

/*------------------------------------------------------------
あとで消していいやつ(と思う)
-------------------------------------------------------------*/
body {

  width: 100%;
}

header {

  width: 100%;
}

a:link,
a:visited {
  color: #448acb;
}

a:hover,
a:active {
  outline: 0;
  color: #f60;
}

.search-form_input,
.search-form_inputXX {
  position: relative;
  margin-bottom: 20px;
}

.search-form_inputXX form input {
  border-radius: 4px;
}

.search-form_inputXX {
  background: #f5f5f5;
  padding: 5px 0;
  border: 1px solid #dde4e6;
  margin-bottom: 20px;
}

.search-form_inputXX input {
  border: 1px solid #dde4e6 !important;
  display: inline-block;
  height: 30px;
  padding-left: 5px;
}

.search-form_inputXX input.css-button {
  background: #34a3d1 !important;
  color: #fff;
  height: 38px;
  padding-left: inherit;
  right: 2%;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  width: 21%;
}

#search-form-box,
#search-form-box_side {
  width: 78%;
  margin-left: 3%;
}


/*------------------------------------------------------------
新タイトルTOPheader
-------------------------------------------------------------*/

#rogin {
  float: right;
  margin: 5px 14px 5px 0px;
  font-size: 90%;
}

#rogin p,
#rogin a {
  display: inline;
  vertical-align: middle;
}


#header-in_wrap .glade_black {
  background: -moz-linear-gradient(bottom, #000, transparent 28%);
  background: -webkit-linear-gradient(bottom, #000, transparent 28%);
  background: linear-gradient(to top, #000, transparent 28%);
}

#header-in_new h1 {
  background: -moz-linear-gradient(bottom, #000, transparent 30%);
  background: -webkit-linear-gradient(bottom, #000, transparent 30%);
  background: linear-gradient(to top, #000, transparent 30%);
}

#header-in_new {
  box-sizing: border-box;
  width: 1050px;
  height: 340px;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

#header-in_new h1 {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 8px;
  left: 10px;
  line-height: 77px;
  color: #FFF;
  font-size: 25px;
  font-weight: bold;
  text-shadow: 3px 2px 6px #222;
}

#header-in_new h1 img {
  border-radius: 8px;
  margin-right: 10px;
  width: 65px;
  vertical-align: middle;
  margin-left: -10px;
}



#header-in_new div.topHeadWrap {
  width: 510px;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  padding: 10px 0 0 0;
  float: right;
}

.title_header_img {
  width: 51px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
  max-width: 51px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  background: #111;
}

#header-in_new .sokuhoBox,
#header-in_new .ninkiBox {
  box-sizing: border-box;
  width: 49%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  height: 262px;
  border-radius: 5px;
  margin-bottom: 15px;
  background-color: rgba(255, 255, 255, 0.8);
}

#header-in_new .sokuhoTitle,
#header-in_new .ninkiTitle {
  padding: 0;
  margin: 0;
  line-height: 34px;
  padding-left: 2px;
  color: #FFF;
  font-size: 13px;
  background-color: #0b060d;
  border-radius: 5px 5px 0 0;
}

#header-in_new .sokuhoBox .sokuhoTitle:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url("");
  background-size: contain;
  vertical-align: middle;
  padding-top: 4px;
  background-repeat: no-repeat;

}

#header-in_new .ninkiBox .ninkiTitle:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("");
  background-size: contain;
  vertical-align: middle;
  padding-top: 4px;
}

#header-in_new .sokuhoBox {
  float: left;
}

#header-in_new .ninkiBox {
  float: right;
}

#header-in_new div.topHeadWrap ul {
  padding: 3px 7px 0 7px;
  margin-bottom: 3px;
  height: 185px;
}

#header-in_new div.topHeadWrap li {
  box-sizing: border-box;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: 2px;
  line-height: 10px;
  border-bottom: 1px dotted #999;
  padding: 5px 0 5px 0;
}

#header-in_new div.topHeadWrap li img {
  width: 51px;
  height: 26px;
  object-fit: cover;
  object-position: center;
  display: inline-block;
}

#header-in_new div.topHeadWrap li:last-child {
  border: 0;
}

#header-in_new div.topHeadWrap li a {
  display: block;
  font-size: 12px;
}

#header-in_new div.topHeadWrap p {
  padding: 0 7px 2px 7px;
}

#header-in_new div.topHeadWrap p a {
  background-color: #FFF;
  display: block;
  box-sizing: border-box;
  color: #34a3d1;
  text-align: center;
  line-height: 30px;
  border: 1px solid #34a3d1;
  border-radius: 5px;
}

#header-in_new div.topHeadWrap p a:hover {
  background-color: #34a3d1;
  color: #fff;
}

#header-in_new div.topHeadWrap .search-form {
  width: 510px;
  position: absolute;
  right: 11px;
  bottom: 22px;
}

#header-in_new div.topHeadWrap .search-form input:first-child {
  border: 0;
  padding: 0 0 0 8px;
  margin: 0;
  height: 36px;
  line-height: 36px;
  width: 375px;
  border-radius: 5px;
  background-color: rgba(233, 233, 233, 0.7);
}

#header-in_new div.topHeadWrap .search-form input:last-child {
  border: 0;
  padding: 0;
  width: 116px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  text-align: center;
  color: #FFF;
  background-color: #34a3d1;
  font-size: 15px;
  float: right;
}

/*------------------------------------------------------------
追加　下層トップ検索フォーム
-------------------------------------------------------------*/
#header-in .search-form form input[type="text"] {
  width: 348px;
  border: 2px solid #34a3d1 !important;
}

/*------------------------------------------------------------
クイズ　テーブルタグ
-------------------------------------------------------------*/
#main-contents table.quiztab tr:nth-child(odd) {
  background: none;
}

#main-contents table.quiztab {
  margin-bottom: 1.5em;
  padding: 0;
  border: none;
  background: none;
}

#main-contents table.quiztab th,
#main-contents table.quiztab td {
  border: none;
  background: none;
  padding: 0px;
}

#main-contents table.quiztab th {
  background-color: #000;
  font-weight: bold;
  text-align: left;
}

#main .quizBtn-a {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main .quizBtn-a:hover {
  background: url("") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main .quizBtn-b {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main .quizBtn-b:hover {
  background: url("") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main .quizBtn-c {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main .quizBtn-c:hover {
  background: url("") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main .quizBtn-d {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main .quizBtn-d:hover {
  background: url("") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main a.quizmainBtn {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 35px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  background-size: 70%;
}

#main a.quizmainBtn:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 70%;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main a.quizmainBtn2 {
  background-color: none;
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 35px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  background-size: 70%;
}

#main a.quizmainBtn2:hover {
  background-color: #FFF;
  border: none;
  border-radius: none;
  color: none;
  background-size: 70%;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main li.quizmainBtn0 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main li.quizmainBtn0:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main li.quizmainBtn1 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main li.quizmainBtn1:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main li.quizmainBtn2 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main li.quizmainBtn2:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main li.quizmainBtn3 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main li.quizmainBtn3:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main li.quizmainBtn4 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main li.quizmainBtn4:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main li.quizmainBtn5 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main li.quizmainBtn5:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn6 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn6:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn7 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn7:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn8 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn8:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}


/*新タイトルTOPheadero終わり*/

@media only screen and (min-width : 768px) {
  .sokuhou-swiper-container {
    display: none;
  }
}

/*------------------------------------------------------------
クイズフォームの調整CSS
-------------------------------------------------------------*/
#form-control- .form-submit {
  background: #34a3d1;
  display: block;
  padding: 8px;
  width: 40%;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 1px #0094cc;
  font-weight: bold;
  box-sizing: border-box;
  border: 0;
  color: #FFF;
  text-align: center;
  margin: 20px auto;
  cursor: pointer;
  font-size: 14px;
}

#form-control- .form-submit:hover {
  opacity: 0.7;
}

#form-control-question input,
#form-control-title_name input,
#form-control-answer1 input,
#form-control-answer2 input,
#form-control-answer3 input,
#form-control-answer4 input {
  width: 98.5%;
  text-align: center;
  display: block;
  margin: auto;
  text-align: left;
}

#form-area p {
  margin: 10px 0 !important;
}

/*-------------------------------------------------------
投稿テーブルへのいいね！設置
-------------------------------------------------------*/
.m_wrap_0607 li {
  float: right;
  margin-bottom: 0;
}

.m_wrap_0607 li:first-child {
  float: left;
  position: relative;
  top: 2px;
}

.m_wrap_0607 .iine {
  background-color: #db6b0f;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 2px 10px 2px 15px;
}

.hyouka_m {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #db6b0f;
  margin-left: 10px;
  padding: 3px 8px;
  position: relative;
  top: 2px;
}

.hyouka_m::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  content: "";
  display: block;
  left: -5px;
  position: absolute;
  top: 7px;
  width: 0;
  z-index: 1;
}

.hyouka_m::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #ccc transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  content: "";
  display: block;
  left: -6px;
  position: absolute;
  top: 7px;
  width: 0;
}

#main-contents .m_wrap_0607 li {
  margin-bottom: 0;
}

/*-------------------------------------------------------
みんなの評価　PC版調整
-------------------------------------------------------*/
@media only screen and (min-width : 641px) {
  div.paraBox>div:first-child {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
  }

  p.sougou {
    display: inline-block;
    vertical-align: middle;
  }
}


/*------------------------------------------------------------
追従コメントボタン
-------------------------------------------------------------*/

p.t-bt-comment {
  position: fixed;
  top: 80px;
  right: 0px;
  z-index: 1;
  display: block;
}

/*
p.t-bt-comment a{
display: block;
position: relative;
display: inline-block;
padding: 5px 10px 5px 25px;
font-size: 12px;
color: #ffffff;
background-color: #00b0d3;
background-image:url();
background-repeat:no-repeat;
background-size:15px;
background-position:5px 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top: 1px solid #008da9;
border-left: 1px solid #008da9;
border-bottom: 1px solid #008da9;
box-shadow: #00b0d3 0px 1px 1px 0px;
font-size: 100%;
opacity: 0.9;
}
*/
p.t-bt-comment a {
  display: block;
  position: relative;
  display: inline-block;
  padding: 3px 10px 3px 10px;
  font-size: 12px;
  color: #444;
  background-color: #FFF;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 5px 8px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  box-shadow: rgba(140, 140, 140, 0.6) 0px 1px 1px 0px;
  font-size: 100%;
}

/*------------------------------------------------------------
事前登録ランキング
-------------------------------------------------------------*/
body #osusume-game-ranking-area td.Appimg-box {
  text-align: center;
  width: 120px;
  vertical-align: middle;
}

body #osusume-game-ranking-area .Appimg {
  text-align: center;
  position: relative;
  padding: 4px;
}

body #osusume-game-ranking-area .Appimg img.appicon {
  border-radius: 10px;
  width: 60px;
  position: relative;
  padding: 0px;
  border: 1px solid #e6e6e6;
}

body #osusume-game-ranking-area .Appimg a.rank-1:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url();
  background-size: contain;
  top: 2px;
  left: 28px;
}

body #osusume-game-ranking-area .Appimg a.rank-2:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url();
  background-size: contain;
  top: 2px;
  left: 28px;
}

body #osusume-game-ranking-area .Appimg a.rank-3:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url();
  background-size: contain;
  top: 2px;
  left: 28px;
}

body #osusume-game-ranking-area .Appimg a.rank-4:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url();
  background-size: contain;
  top: 2px;
  left: 28px;
}

body #osusume-game-ranking-area .Appimg a.rank-5:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url();
  background-size: contain;
  top: 2px;
  left: 28px;
}

body #osusume-game-ranking-area .Appimg img.apprank {
  position: absolute;
  top: 1px;
  left: 28px;
  width: 36%;
  opacity: 1;
}

body #osusume-game-ranking-area .Apptitle {
  font-size: 12px;
  padding: 5px;
  margin: 0px;
  display: block;
}

body #osusume-game-ranking-area p.Apptxt {
  padding: 5px;
  margin: 0px;
}

/*------------------------------------------------------------
事前予約実施中一覧
-------------------------------------------------------------*/
#mainCenter td.sinsaku-item p.Jizenlistimg {
  position: relative;
  margin: 0px;
}

#mainCenter td.sinsaku-item p.Jizenlistimg img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

#mainCenter td.sinsaku-item {
  position: relative;
}

#mainCenter td.sinsaku-item p {
  vertical-align: top;
}

#mainCenter td.sinsaku-item p.yoyakuBt {
  position: initial;
  display: block;
  width: 100%;
  margin: 0 auto;
}

#mainCenter td.sinsaku-item p.game-name {
  margin: 5px 0 3px 0;
  line-height: 1.2em;
  font-size: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mainCenter td.sinsaku-item p.company-name {
  margin: 0px 0 2px 0;
  font-size: 0.9em;
}

#mainCenter td.sinsaku-item .yoyakuBt a {
  border: 1px solid #34a3d1;
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 3px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  box-shadow: none;
  background-color: #fff;
  font-size: 0.9em;
}

#mainCenter td.sinsaku-item .yoyakuBt a:hover {
  color: #fff;
  background: #34a3d1;
}

#main-contents td.sinsaku-item p.Jizenlistimg {
  position: relative;
  margin: 0px;
}

#main-contents td.sinsaku-item p.Jizenlistimg img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

#main-contents td.sinsaku-item {
  position: relative;
}

#main-contents td.sinsaku-item p {
  vertical-align: top;
}

#main-contents td.sinsaku-item p.yoyakuBt {
  position: initial;
  display: block;
  width: 100%;
  margin: 0 auto;
}

#main-contents td.sinsaku-item p.game-name {
  margin: 5px 0 3px 0;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main-contents td.sinsaku-item p.company-name {
  margin: 0px 0 2px 0;
  font-size: 0.9em;
}

#main-contents td.sinsaku-item .Appneme {
  display: block;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 6px;
}

#main-contents td.sinsaku-item .yoyakusuu {
  display: block;
}

.yoyakuBt a {
  border: 1px solid #34a3d1;
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 3px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  box-shadow: none;
  background-color: #fff;
  font-size: 0.9em;
}

.haisinbi-i {
  background: #bbb;
  padding: 0px 5px;
  border-radius: 2px;
  margin-right: 5px;
  font-size: 0.8em;
  color: #FFF;
  width: 40px;
  display: inline-block;
  text-align: center;
}

.yoyaku-i {
  background: #f7931e;
  padding: 2px 5px;
  border-radius: 2px;
  margin-right: 5px;
  font-size: 0.8em;
  color: #FFF;
  width: 40px;
  display: inline-block;
  text-align: center;
}

.wchance-p {
  position: absolute;
  top: 4%;
  opacity: 0.95;
}

.wchance-i {
  background: #8cc63f;
  padding: 2px 5px;
  border-radius: 0px 2px 2px 0;
  margin-right: 2px;
  font-size: 0.8em;
  color: #FFF;
}

.Appneme {
  display: block;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 6px;
}

td.sinsaku-item .yoyakusuu {
  display: block;
}

.mojigen {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jizenTopBox {
  background-size: 100% !important;
}

/*------------------------------------------------------------
事前登録一覧
-------------------------------------------------------------*/
#mainCenter ul.gacha-list {}

#mainCenter ul.gacha-list p {
  margin: 0;
  padding: 0;
}

#mainCenter li.app-item {
  border: 2px solid #f2f2f2;
  margin: 20px 0;
  background: none;
  position: relative;
}

.media-box {
  border: 1px solid #cccccc;
  padding: 0 0 10px;
}

.media-title-box {
  display: block;
  min-height: 100px;
  position: relative;
}

.media-title-box p {
  margin: 0;
}

p.sub-info {
  color: #FFF;
  font-size: 0.9em;
  margin-bottom: 5px;
}

.icon-app {
  position: relative;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000000f5);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000000f5);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, #000000f5);
}

.icon-app img {
  width: 100%;
  display: inline;
  z-index: -1;
  position: relative;
  height: 150px;
  object-fit: cover;
  object-position: top;
}

.icon-app a {
  display: block;
}

.media-title {
  display: inline-block;
  position: absolute;
  bottom: 0;
  margin-bottom: 10px;
}

#mainCenter ul.gacha-list .media-title p {
  padding: 0 10px;
}

.media-title p a {
  font-size: 1.3em;
  font-weight: bold;
  color: #FFF;
}

.tokuten-box {
  margin-bottom: 10px;
  padding: 0 10px;
}

.reserv-txt {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}

.yoyakunin {
  text-align: center;
  padding: 3px 0;
  background: #f7931e;
  color: #fff;
  font-size: 0.9em;
}

.tokuten-box .yoyakusuu {
  text-align: center;
  padding: 6px 0;
  font-size: 0.9em;
  border: 1px solid #ccc;
  border-top: 0px;
}

.wchance-icon {
  text-align: center;
  font-size: 0.8em;
  padding: 5px 0;
  margin-top: 5px;
  color: #FFF;
  background-color: #8cc63f;
}

.tokuten-item {
  width: 69%;
  display: inline-block;
  vertical-align: top;
}

#mainCenter ul.gacha-list .tokuten-item p {
  padding: 0 10px;
  line-height: 1.5em;
  font-size: 1.2em;
}

#mainCenter ul.gacha-list .tokuten-item p.tokuten-icon {
  font-size: 1.3em;
  color: #ff3e55;
  font-weight: bold;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 10px 2px;
  background-size: 15px;
  padding-left: 30px;
  margin-bottom: 5px;
}

.review-btn {
  border: 1px solid #34A3D1;
  border-radius: 2px;
  color: #34A3D1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  margin: 0 10px;
}

.review-btn:hover {
  background-color: #34A3D1;
  color: #fff;
}

.release-txt {
  padding: 5px 0;
  background: #bbb;
  color: #FFF;
  margin-bottom: 10px;
  text-align: center;
  font-size: 0.8em;
}

.release-txt span {}

.app-gchend {
  background: #00000070;
  position: absolute;
  width: 100%;
  height: 47%;
  top: 0;
}

.app-ouboend {
  background: #34a3d15e;
  position: absolute;
  width: 100%;
  height: 47%;
  top: 0;
}

img.z-img-end {
  position: absolute;
  top: 10%;
  left: 15%;
  width: 300px;
}

/*------------------------------------------------------------
マイページ
-------------------------------------------------------------*/
.myNews-list {}

#mainCenter #notice_area ul.myNews-list {
  list-style: none;
  padding-left: 0px;
}

#mainCenter #notice_area .myNews-list li {
  list-style: none;
}

#mainCenter .myNews-list li a {
  padding: 10px 5px 10px 35px;
  font-size: 14px;
  background-image: url();
  background-position: 5px 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

#mainCenter .myNews-list li a:hover {
  background-color: #F2F2F2;
}

.moreBt a {
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #F2F2F2;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #4D4D4D;
  border: 1px #808080 solid;
  border-radius: 5px;
}

.moreBt a:hover {
  background-color: #808080;
  color: #FFF;
  border: 1px #F2F2F2 solid;
}

.moreBtJ a {
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #E6FAFF;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #086A9B;
  border: 1px #0C749B solid;
  border-radius: 5px;
}

.moreBtJ a:hover {
  background-color: #0C749B;
  color: #FFF;
  border: 1px #E6FAFF solid;
}

#mainCenter .myReserv-list table {
  border: 1px solid #BDCCD4;
}

#mainCenter .myReserv-list table td {
  padding: 0.6em;
  border-right: 0px solid #BDCCD4;
  border-bottom: 1px solid #BDCCD4;
  vertical-align: middle;
}

.myAppicon {
  width: 20%;
}

.myAppicon img {
  width: 100%;
}

.myAppname {
  width: 55%;
  font-size: 14px;
}

.myAppname span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
  color: #89C13F;
  padding: 2px;
  border-radius: 10px;
  border: 1px solid;
  text-align: center;
}

.myAppdown {
  width: 31%;
}

.myAppdown a.gacha-on {
  background-color: #E85142;
  color: #FFF;
}

.myAppdown a {
  display: block;
  margin: 0 auto;
  background-color: #03bf58;
  color: #FFF !important;
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
}

.myAppdown a:hover {
  opacity: 0.8;
}

.myAppdown span.gacha-off {
  background-color: #bdbdbd;
  color: #FFF;
  display: block;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
}

#mainCenter h2.myPh {
  background: rgba(10, 10, 43, 1);
  background: -moz-linear-gradient(left, rgba(10, 10, 43, 1) 0%, rgba(10, 10, 43, 1) 13%, rgba(36, 34, 81, 1) 13%, rgba(36, 34, 81, 1) 87%, rgba(10, 10, 43, 1) 87%, rgba(10, 10, 43, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10, 10, 43, 1)), color-stop(13%, rgba(10, 10, 43, 1)), color-stop(13%, rgba(36, 34, 81, 1)), color-stop(87%, rgba(36, 34, 81, 1)), color-stop(87%, rgba(10, 10, 43, 1)), color-stop(100%, rgba(10, 10, 43, 1)));
  background: -webkit-linear-gradient(left, rgba(10, 10, 43, 1) 0%, rgba(10, 10, 43, 1) 13%, rgba(36, 34, 81, 1) 13%, rgba(36, 34, 81, 1) 87%, rgba(10, 10, 43, 1) 87%, rgba(10, 10, 43, 1) 100%);
  background: -o-linear-gradient(left, rgba(10, 10, 43, 1) 0%, rgba(10, 10, 43, 1) 13%, rgba(36, 34, 81, 1) 13%, rgba(36, 34, 81, 1) 87%, rgba(10, 10, 43, 1) 87%, rgba(10, 10, 43, 1) 100%);
  background: -ms-linear-gradient(left, rgba(10, 10, 43, 1) 0%, rgba(10, 10, 43, 1) 13%, rgba(36, 34, 81, 1) 13%, rgba(36, 34, 81, 1) 87%, rgba(10, 10, 43, 1) 87%, rgba(10, 10, 43, 1) 100%);
  background: linear-gradient(to right, rgba(10, 10, 43, 1) 0%, rgba(10, 10, 43, 1) 13%, rgba(36, 34, 81, 1) 13%, rgba(36, 34, 81, 1) 87%, rgba(10, 10, 43, 1) 87%, rgba(10, 10, 43, 1) 100%);
  color: #FFF;
  text-align: center;
  margin-bottom: 0;
}

.myMainbox {
  background-color: #E9F8FF;
  padding: 15px 5px 5px;
  margin-bottom: 0px;
  border-bottom: 0px solid #242251;
  position: relative;
}

.myProBox {
  width: 100%;
  margin-top: 20px;
  display: initial;
  vertical-align: middle;
}

.myProImg {
  width: 16%;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.myProImg img {
  border-radius: 35px;
  height: 50px;
  width: 50px;
  border: 2px solid #008DCA;
  padding: 2%;
  box-shadow: 0 0 0 2px #067caf47;
}

.myProName {
  width: 60%;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin: 0 10px;
  vertical-align: middle;
}

.myProTxt {
  position: relative;
  margin: 20px 10px 10px;
  display: block;
  border: 2px #999 solid;
  background-color: #FFF;
  padding: 5px;
}

.myProTxt::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 10px;
  top: -15px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #999;
  border-left: 15px solid transparent;
}

.myProTxt::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 10px;
  top: -12px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #FFF;
  border-left: 15px solid transparent;
}

span.settIcon {
  position: absolute;
  border-radius: 10px;
  border: 1px #65657C solid;
  background: #9190a8;
  color: #FFF;
  text-align: center;
  top: 10px;
  right: 10px;
}

span.settIcon a {
  color: #FFF;
  padding: 6px 8px;
}

span.settIcon a:hover {
  opacity: 0.8;
}

/*------------------------------------------------------------
モーダル内コンテンツ
-------------------------------------------------------------*/
#alert-yoyaku {
  min-height: auto !important;
  padding-bottom: 60px !important;
}

#alert-yoyaku p.jgacha-midashi {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  background-color: #004c6b;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 20px;
  min-height: auto;
  border-radius: 3px 3px 0 0px;
}

#alert-yoyaku .device-select-box ul {
  display: block;
  text-align: center;
}

#alert-yoyaku .device-select-box li:first-child {
  display: inline-block;
  width: 40%;
  background-color: #f5f5f5;
  text-align: center;
  margin: 5px;
  border: solid 1px #ccc;
  border-radius: 5px;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 75px;
  background-position: 50% 20%;
}

#alert-yoyaku .device-select-box li {
  display: inline-block;
  width: 40%;
  background-color: #f5f5f5;
  text-align: center;
  margin: 5px;
  border: solid 1px #ccc;
  border-radius: 5px;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 75px;
  background-position: 50% 20%;
}

#alert-yoyaku .device-select-box li label {
  padding: 120px 0 10px 0;
  width: 100%;
  display: block;
  vertical-align: middle;
  cursor: pointer;
}

#alert-yoyaku .device-select-box li label input {
  margin-right: 5px;
  vertical-align: middle;
}

#alert-yoyaku .device-select-box span {
  display: block;
  margin: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

#alert-yoyaku .device-select-box a.yoyaku-start-btn {
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #E6FAFF;
  border: 1px solid #0C749B;
}

#alert-yoyaku .device-select-box a.yoyaku-start-btn:hover {
  border-radius: 2px;
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #0C749B;
  border: 1px solid #0C749B;
}

#alert-yoyaku .gacha-touch-area {}

#alert-yoyaku .gacha-touch-area img {
  width: 100%;
  margin-top: 30px;
  cursor: pointer;
}

/*------------------------------------------------------------
当選画面
-------------------------------------------------------------*/
#alert-yoyaku .gacha-los-box {}

#alert-yoyaku .gacha-los-box .los-img {
  width: 100%;
  text-align: center;
  height: 50px;
  padding: 50px 0;
  background-color: #FFF;
}

#alert-yoyaku .gacha-los-box p {
  background-color: #f2f2f2;
  text-align: center;
}

#alert-yoyaku .gacha-los-box span.wchaicon-h {
  display: block;
  color: #ff3e55;
  background-color: #FFF;
  border-radius: 50px;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 15px 2px;
  background-size: 15px;
  padding-left: 30px;
  font-weight: bold;
  width: 130px;
  padding-top: 2px;
  margin: 0 auto;
  padding-right: 5px
}

#alert-yoyaku .gacha-los-box span {
  font-size: 16px;
  color: #333333;
  display: block;
  font-weight: bold;
  margin-top: 10px;
}

#alert-yoyaku .gacha-los-box .hit-img img {
  width: 100%;
  margin: 0 auto;
}

#alert-yoyaku .gacha-hit-box {}

#alert-yoyaku .gacha-hit-box .hit-img {
  width: 100%;
  text-align: center;
  background-color: #FFF;
}

#alert-yoyaku .gacha-hit-box .hit-img img {
  width: 100%;
  margin: 0 auto;
}

#alert-yoyaku .gacha-hit-box p {
  background-color: #f2f2f2;
  text-align: center;
  padding: 20px 0;
  min-height: auto;
}

#alert-yoyaku .gacha-hit-box span.wchaicon-h {
  display: block;
  color: #ff3e55;
  background-color: #FFF;
  border-radius: 50px;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 15px 4px;
  background-size: 15px;
  padding-left: 30px;
  font-weight: bold;
  width: 130px;
  padding-top: 5px;
  margin: 0 auto;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#alert-yoyaku .gacha-hit-box span {
  font-size: 16px;
  color: #333333;
  display: block;
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
  margin: 0 auto;
}

#alert-yoyaku .gacha-af-txt {
  padding: 10px 0 0px;
}

#alert-yoyaku .gacha-af-txt p {
  background-color: #FFF;
  text-align: center;
  padding: 0px 10px;
  min-height: auto;
  font-size: 12px;
  margin-bottom: 20px;
}

#alert-yoyaku .gacha-af-txt a.gachaBtn {
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #E6FAFF;
  border: 1px solid #0C749B;
  font-size: 12px;
  margin: 0 auto;
}

#alert-yoyaku .gacha-af-txt a.gachaBtn:hover {
  border-radius: 2px;
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #0C749B;
  border: 1px solid #0C749B;
  font-size: 12px;
}

#alert-yoyaku .gacha-af-txt a {
  color: #0c749b;
}

#alert-yoyaku .gacha-af-txt a:hover {
  color: #f60;
}

/*------------------------------------------------------------
メールアドレス登録
-------------------------------------------------------------*/
.kariEntry {
  padding: 10px;
  margin-bottom: 20px;
}

.kariEntry p.entryMail {
  display: block;
  background-color: #4D4D4D;
  padding: 10px;
  font-weight: bold;
  padding-left: 50px;
  color: #fff;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 30px;
}

.mailError {
  padding: 10px 10px 2px;
  background-color: #f5f5f5;
  border-radius: 10px;
  width: 95%;
  display: block;
  margin: 20px auto 10px;
}

.mailError dl {
  margin-top: 0px;
}

.mailError dt {
  font-weight: bold;
}

.mailError dd {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-top: 10px;
}

.mailError dd::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

.mailError dd a {
  font-size: 14px;
  font-weight: bold;
}

.mailError span {
  color: red;
}

.mailEntry {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}

.mailEntry p {
  font-weight: bold;
}

div.mailEntry input {
  width: 90%;
  padding: 10px 0;
  background-color: #E6E6E6;
  border: 1px solid #9E9E9E;
  background-image: url();
  background-repeat: no-repeat;
  background-position: 5px;
  background-size: 20px;
  padding-left: 32px;
  -webkit-appearance: none;
}

/*------------------------------------------------------------
ドメイン設定
-------------------------------------------------------------*/
.Jushinset p {
  padding: 0 5px;
  margin: 0 0 0 0;
}

.Jushinset h2 {
  margin: 20px 0 10px;
}

#mainCenter .Jushinset ul {
  margin: 10px;
}

#mainCenter .Jushinset ul li {
  border: none;
  margin-bottom: 5px;
  padding: 5px;
}

#main-contents .Jushinset ul {
  margin: 10px;
}

#main-contents .Jushinset ul li {
  border: none;
  margin-bottom: 5px;
  padding: 5px;
}

.copyBox {
  display: table;
  padding: 0 5px;
  margin: 10px 0;
  width: 95%;
}

.copyBox p {
  display: inline-block;
  border: 1px solid #CCC;
  padding: 5px;
  width: 70%;
}

.copyBt {
  display: inline-block;
  width: 20%;
  text-align: center;
  background-color: #34A3D1;
  padding: 7px 0px;
  color: #FFF;
  cursor: pointer;
}

/*------------------------------------------------------------
会員登録(無料)のご案内
-------------------------------------------------------------*/
body .ui-dialog .ui-dialog-content .gacha-login-box {
  position: relative;
}

body .ui-dialog .ui-dialog-content .gacha-login-box p.touroku-h {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  background-color: #25244E;
  color: #FFF;
  font-size: 18px;
  margin-bottom: 20px;
  min-height: auto;
  border-radius: 3px 3px 0 0px;
}

body .ui-dialog .ui-dialog-content .gacha-login-box p {
  padding: 10px;
  min-height: auto;
}

body .ui-dialog .ui-dialog-content .gacha-login-box p.lead {
  padding: 0px 10px 0;
  font-size: 11px;
  color: #888;
  font-weight: bold;
}

body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox {
  display: block;
  margin: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox p {
  margin: 0;
}

body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.muryoubt {
  border-radius: 2px;
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #34A3D1;
  border: 1px solid #34A3D1;
}

body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.muryoubt:hover {
  opacity: 0.5;
}

body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.loginbt {
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #E6FAFF;
  border: 1px solid #0C749B;
}

body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.loginbt:hover {
  border-radius: 2px;
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #0C749B;
  border: 1px solid #0C749B;
}

/*------------------------------------------------------------
メールアドレス認証のご案内
-------------------------------------------------------------*/
body .ui-dialog .ui-dialog-content .gacha-mailnin {
  position: relative;
}

body .ui-dialog .ui-dialog-content .gacha-mailnin p.touroku-h {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  background-color: #25244E;
  color: #FFF;
  font-size: 14px;
  margin-bottom: 5px;
  min-height: auto;
  border-radius: 3px 3px 0 0px;
}

body .ui-dialog .ui-dialog-content .gacha-mailnin p {
  padding: 10px;
  text-align: left;
  min-height: auto;
}

body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox {
  display: block;
  margin: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox p {
  margin: 0;
}

body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox a.gachaBtn {
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #E6FAFF;
  border: 1px solid #0C749B;
}

body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox a.gachaBtn:hover {
  border-radius: 2px;
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background-color: #0C749B;
  border: 1px solid #0C749B;
}

/*------------------------------------------------------------
事前登録当選ギフトコード確認
-------------------------------------------------------------*/
#mainCenter table.codeTb td {
  vertical-align: middle;
}

/*------------------------------------------------------------
お知らせ一覧
-------------------------------------------------------------*/
#mainCenter #notice_list li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

#notice_list .notice-link li:last-child {
  border: none;
}

#notice_list .notice-icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

#notice_list .notice-link {
  display: inline-block;
  vertical-align: middle;
}

#notice_list .notice-link span {
  display: block;
  margin: 0;
  padding: 0;
}

#mainCenter #notice_list .notice-link li {
  margin: 0 0 5px 0;
  font-size: 12px;
  border: none;
  padding: 0;
}

#mainCenter #notice_list .notice-link li a {
  width: 100%;
}

#mainCenter #notice_list .notice-link li:nth-child(2) {
  display: block;
  font-size: 10px;
  padding: 0;
  margin: 0;
}

#main-contents #notice_list li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

#main-contents #notice_list .notice-link li {
  margin: 0 0 5px 0;
  font-size: 12px;
  border: none;
  padding: 0;
}

#main-contents #notice_list .notice-link li a {
  width: 100%;
}

#main-contents #notice_list .notice-link li:nth-child(2) {
  display: block;
  font-size: 10px;
  padding: 0;
  margin: 0;
}

/*------------------------------------------------------------
ガチャとは？
-------------------------------------------------------------*/
#mainCenter .post .gachaWhat h2 {
  margin: 20px 0;
}

#mainCenter .post .gachaWhat h3 {
  margin: 20px 0;
}

#mainCenter .post .gachaWhat ul li {
  border: none;
  padding: 5px 0;
  margin: 0;
}

#mainCenter .post .gachaWhat ul li span {
  color: red;
  margin-right: 5px;
}

#mainCenter .post .gachaWhat h4 {
  background-image: url();
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
  background-color: #fff;
  background-size: 20px;
  border-bottom: solid 1px #ccc;
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0px 5px 25px;
  border-left: none;
}

#mainCenter .post .gachaWhat p.p-non {
  margin-bottom: 0;
}

#main-contents .post .gachaWhat h2 {
  margin: 20px 0;
}

#main-contents .post .gachaWhat h3 {
  margin: 20px 0;
}

#main-contents .post .gachaWhat ul li {
  border: none;
  padding: 5px 0;
  margin: 0;
}

#main-contents .post .gachaWhat ul li span {
  color: red;
  margin-right: 5px;
}

#main-contents .post .gachaWhat h4 {
  background-image: url();
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 25px;
  background-color: #fff;
  background-size: 20px;
  border-bottom: solid 1px #ccc;
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0px 5px 25px;
  border-left: none;
}

#main-contents .post .gachaWhat p.p-non {
  margin-bottom: 0;
}

/*------------------------------------------------------------
予約ガチャボタン
-------------------------------------------------------------*/
.yoyakuGacha-box {
  position: relative;
  /* border: 5px solid #141A63;*/
  background-color: #FFF;
  padding: 20px 0 10px;
  margin: 20px 0;
}

.yoyakuGacha-box img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.yoyakuGacha-box p.yoyaku-btn-area {
  background-color: #FFF;
  margin-top: 40px;
}

body #mainInner .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn:hover {
  border: 3px solid #961c00 !important;
  border-radius: 10px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  font-size: 24px;
  background: rgba(255, 243, 115, 1) !important;
  background: -moz-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 243, 115, 1)), color-stop(48%, rgba(255, 239, 64, 1)), color-stop(100%, rgba(254, 182, 69, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
  cursor: pointer;
  opacity: 0.5;
}

body #mainInner .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn {
  border: 3px solid #961c00;
  border-radius: 10px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  font-size: 24px;
  background: rgba(255, 243, 115, 1);
  background: -moz-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 243, 115, 1)), color-stop(48%, rgba(255, 239, 64, 1)), color-stop(100%, rgba(254, 182, 69, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 243, 115, 1) 0%, rgba(255, 239, 64, 1) 48%, rgba(254, 182, 69, 1) 100%);
  text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
  position: relative;
}

body #mainInner .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn::before {
  content: '';
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 2px solid rgb(255, 163, 8);
  position: absolute;
  top: -4px;
  left: -4px;
  border-radius: 10px;
}

.end-stamp {
  background: #0a0c0c;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.8;
  color: #FFF;
  top: 0;
}

.end-stamp span {
  color: #FFF;
  font-size: 24px;
  border: 3px solid #FFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
}

.oubozumi-stamp {
  background: #141A63;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.8;
  color: #FFF;
  top: 0;
}

.oubozumi-stamp span {
  color: #FFF;
  font-size: 24px;
  position: absolute;
  border: 3px solid #FFF;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 20px;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
}


/*------------------------------------------------------------
予約ガチャボタン(SP)
-------------------------------------------------------------*/
#main .yoyakuGacha-box {
  position: relative;
  border: 5px solid #141A63;
  background-color: #FFF;
  padding: 20px 0 10px;
  margin: 20px 0;
}

#main .yoyakuGacha-box img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

#main .yoyakuGacha-box p.yoyaku-btn-area {
  background-color: #FFF;
  margin-top: 20px;
}

#main .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn:hover {
  border: 3px solid #F7931E;
  border-radius: 10px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  font-size: 24px;
  background: rgba(243, 178, 0, 1);
  background: -moz-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243, 178, 0, 1)), color-stop(100%, rgba(252, 237, 33, 1)));
  background: -webkit-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: -o-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: -ms-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: linear-gradient(to right, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
  cursor: pointer;
  opacity: 0.5;
}

#main .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn {
  border: 3px solid #F7931E;
  border-radius: 10px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  font-size: 20px;
  background: rgba(243, 178, 0, 1);
  background: -moz-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243, 178, 0, 1)), color-stop(100%, rgba(252, 237, 33, 1)));
  background: -webkit-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: -o-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: -ms-linear-gradient(left, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  background: linear-gradient(to right, rgba(243, 178, 0, 1) 0%, rgba(252, 237, 33, 1) 100%);
  text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
}

/*--------------------------------------------------------
ポップアップ画面
-------------------------------------------------------*/

body .gacha-modal {
  position: absolute;
  height: auto;
  width: 30% !important;
  /* top: 10%!important;*/
  left: 33% !important;
  display: block;
  z-index: 101;
}

body .gacha-modal .ui-dialog-titlebar {
  position: absolute;
  color: white;
  top: 0%;
  right: -10%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  border: #ffffff 1px solid;
  background: #62617f;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 1;
}

body .gacha-modal .ui-dialog-titlebar-close {
  border: none;
  background: none;
  position: absolute;
  padding: 1px;
  height: 20px;
}

body .gacha-modal bottan.ui-button:before {
  content: "×";
  color: #FFF;
}

body .gacha-modal .ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -10px;
}

body .gacha-modal .ui-button .ui-icon {
  background-image: url("/css/images/ui-icons_ffffff_256x240.png");
}

body .gacha-modal .ui-button .ui-icon:hover {
  background-image: url("/css/images/ui-icons_ffffff_256x240.png");
}

body .gacha-modal .ui-dialog-content {
  padding: 0 !important;
}

body .gacha-modal .ui-dialog-content h3 {
  color: #FFF;
  background: #23244e;
  text-align: center;
  font-size: 1.3em;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.2em;
}

body .gacha-modal .ui-dialog-content p {
  text-align: left;
  padding: 10px 15px 10px;
  min-height: 70px;
}

span.dlog-w-bt a {
  border: 1px solid #34a3d1;
  border-radius: 0px;
  color: #FFF;
  display: block;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  width: 90%;
  margin: 10px auto;
  transition: 0.3s;
  background: #34a3d1;
  letter-spacing: 0.2em;
  font-weight: normal;
}

span.dlog-w-bt a:hover {
  color: #388faf;
  background: #e6faff;
  border: 1px solid #388faf;
}

@media only screen and (max-width : 768px) {
  body .gacha-modal {
    width: 85% !important;
    /* top: 10%!important; */
    left: 7% !important;
  }
}


/*--------------------------------------------------------
フォーム周りの追加修正点
-------------------------------------------------------*/

#information_update input[type="text"] {
  padding: 10px;
  display: block;
  margin: 0 auto 10px;
  width: 90% !important;
}

#mailform input.txtBox {
  padding: 10px 8% 10px 2% !important;
  display: block;
  margin: 0 auto 10px;
  width: 90% !important;
}

#mailform .loginBtn {
  padding: 10px !important;
  width: 65%;
  display: block;
  text-align: center;
  padding: 10px;
  background-color: #E6FAFF;
  margin: 20px auto;
  color: #086A9B;
  border: 1px #0C749B solid;
  border-radius: 5px;
}

#mailform .loginBtn:hover {
  background-color: #0C749B;
  color: #FFF;
  border: 1px #E6FAFF solid;
}

#information_update .mypageTop {
  background: #fff;
  color: #6AAA0A;
  border: 1px solid #6AAA0A;
  display: block;
  border-radius: 4px;
  width: 50%;
  text-align: center;
  margin: 0 auto 15px auto;
  padding: 0px;
  cursor: pointer;
}

#information_update .mypageTop a {
  padding: 10px;
  display: block;
  cursor: pointer;
}

#information_update .mypageTop a:hover {
  opacity: 0.8;
}

#information_update .mypageTop.submit_button {
  border-radius: 5px;
  color: #fff !important;
  font-size: 110%;
  text-align: center;
  background-color: #a8c293;
  text-shadow: 0 1px #819f64;
  box-shadow: 0 3px #9ab681;
  border-style: none;
  padding: 10px 0;
  cursor: pointer;
}

#account_update .mypageTop {
  background: #fff;
  color: #6AAA0A;
  border: 1px solid #6AAA0A;
  display: block;
  border-radius: 4px;
  width: 50%;
  text-align: center;
  margin: 0 auto 15px auto;
  padding: 0px;
  cursor: pointer;
}

#account_update .mypageTop a {
  padding: 10px;
  display: block;
  cursor: pointer;
}

#account_update .mypageTop a:hover {
  opacity: 0.8;
}

#account_update .mypageTop.submit_button {
  border-radius: 5px;
  color: #fff !important;
  font-size: 110%;
  text-align: center;
  background-color: #a8c293;
  text-shadow: 0 1px #819f64;
  box-shadow: 0 3px #9ab681;
  border-style: none;
  padding: 10px 0;
  cursor: pointer;
}

#account_update table input {
  padding: 5px 5px 5px 10px;
}

#account_update table input[type="email"] {
  padding: 5px 5px 5px 10px;
}

#account_update table select {
  padding: 3px;
  font-size: 14px;
  margin: 5px 0;
}

#account_update table label {
  margin: 5px 10px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}

#account_update table input[type="radio"]:first-child {
  vertical-align: middle;
  margin: 0px 5px 0 0;
  cursor: pointer;
}

#account_update table input[type="radio"]:nth-child(2) {
  vertical-align: middle;
  margin: 0px 5px 0 0px;
  cursor: pointer;
}

#favorite_list {
  margin-bottom: 30px;
  display: block;
  text-align: center;
}

#main-contents ul#favorite_list {
  display: block;
  text-align: center;
}

#mainCenter .post #favorite_list li {
  display: inline-block;
  margin: 10px auto;
  background: #f0f0f0;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  width: 40%;
}

#favorite_list li {
  display: inline-block;
  margin: 10px auto;
  background: #f0f0f0;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  width: 40%;
}

#favorite_list li div:first-child {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 60px;
  height: 60px;
}

#favorite_list li div img {
  width: 60px;
}

#favorite_list li div:nth-child(2) {
  text-align: center;
  font-size: 10px;
  margin: 5px 0;
}

#favorite_list li div:nth-child(3) {
  display: flex;
  margin: 0px auto;
  padding: 0px 0px 0px;
}

#favorite_list li div button.delete_btn {
  width: 100%;
  display: inline-block;
  padding: 5px 0;
  border: none;
  background-color: #ccc;
  color: #676767;
  border: #dde4e6 1px solid;
  cursor: pointer;
  margin-right: 1px;
}

#favorite_list li div button.active {
  width: 100%;
  display: inline-block;
  padding: 5px 0;
  border: none;
  background-color: rgb(52, 163, 209);
  color: #FFF;
  border: rgb(41, 127, 170) 1px solid;
  cursor: pointer;
}

#favorite_list li div button.delete_btn {
  width: 100%;
  display: inline-block;
  padding: 5px 0;
  border: none;
  background-color: #ccc;
  color: #676767;
  border: #dde4e6 1px solid;
  cursor: pointer;
  margin-right: 1px;
}

#favorite_list li div button.add_btn {
  width: 100%;
  display: inline-block;
  padding: 5px 0;
  border: none;
  background-color: rgb(52, 163, 209);
  color: #FFF;
  border: rgb(41, 127, 170) 1px solid;
  cursor: pointer;
}

#favorite_list li div button:hover {
  opacity: 0.5;
}


/*--------------------------------------------------------
マイページの追加修正点
-------------------------------------------------------*/

#notice_area,
#jizentoroku-gift,
.mypageList {
  margin-bottom: 20px;
}

#mainCenter #game_area span {
  margin-bottom: 30px;
  display: block;
}

.mypageList dl.MyPageAcMenu {
  margin: 0;
  padding: 0;
}

.MyPageAcMenu dt.active {
  background: #ff7800;
  color: #FFF;
  margin-bottom: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.MyPageAcMenu dt {
  background: rgb(52, 163, 209);
  color: #FFF;
  padding: 10px 5%;
  margin-bottom: 10px;
  border-radius: 5px;
  cursor: pointer;
  width: 90%;
}

.MyPageAcMenu dt:hover {
  background: rgb(52, 163, 209);
  color: #FFF;
  margin-bottom: 10px;
  border-radius: 5px;
  cursor: pointer;
  opacity: 0.8
}

div.article .mypageList .MyPageAcMenu dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

div.article .mypageList li dl {
  border-top: 0px solid #ececec !important;
  border-bottom: 0px solid #ececec !important;
}

div.article .mypageList li a {
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
}

div.article .mypageList li a {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
}

div.article .mypageList li a::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

/*------------------------------------------------------------
グッドバッド
-------------------------------------------------------------*/
#main-contents ol.commentlist {
  padding: 0;
}

.comment {
  padding: 0 10px 10px;
  border-bottom: 1px #f0f0f0 solid;
  box-sizing: border-box;
}

.comment:last-child {
  padding: 0 10px 10px;
  border-bottom: 0px #f0f0f0 solid;
  box-sizing: border-box;
}

.comment-goodbad {
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-bottom: 20px
}

.comment-goodimg,
.comment-badimg {
  width: 14px;
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
}

.comment-goodimg:hover,
.comment-badimg:hover {
  cursor: pointer;
  opacity: 0.8;
}

.comment-goodcount {
  font-size: 11px;
  color: #999;
  margin-right: 20px;
}

.comment-badcount {
  font-size: 11px;
  color: #999;
  margin-right: 0px;
}

.comment-reply-link {
  float: right;
}

.comment-reply-link a {
  float: none;
}



/*----------------------------------------------------------
Twitter-campaign
----------------------------------------------------------*/
.twitter-campa {
  background-color: #FFF;
  padding: 20px 0;

}

.twitter-campa2 {
  background-color: #f5fdff;
  padding: 20px 0;
}

.twitter-content img {
  margin: auto;
  text-align: center;
  display: block;
}

.twitter-follow img {
  width: 95%;
}

.twitter-content p {
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding: 10px 20px;
  color: #333;
}

a.twitter-Btn {
  background: #808080;
  border-radius: 4px;
  display: block;
  color: #fff;
  border-radius: 5px;
  padding: 10px 0;
  text-align: center;
  font-size: 140%;
  width: 60%;
  margin: 30px auto 0;
}

.twitter-content p.twitter-box-text {
  color: #666;
  font-size: 16px;
}

.twitter-content p span {
  color: #ff7bac;
  font-weight: bold;
}

.twitter-content p span.twitter-txt-r {
  color: #ff1d25;
}

.twitter-content p span.twitter-txt-b {
  color: #29abe2;
}

/*------------------------------------------------------------
広告センター
-------------------------------------------------------------*/
#main-in .fluct_ad_container {
  text-align: center;
  margin: 10px 0;
}

.new_koukokuwaku_wrapper {
  text-align: center;
}

#sp_article_footer_1st {
  text-align: center;
}

/*--------------------------------------------------------
新作ゲーム一覧デザイン変更CSS
--------------------------------------------------------*/
#mainCenter table.NewApplist tr td:first-child {
  position: relative;
  padding: 10px;
}

#main-contents table.NewApplist tr td:first-child {
  position: relative;
  padding: 10px;
}

#main-contents table.NewApplist tr td:first-child p {
  margin: 0;
}

table.NewApplist tr td:first-child p {
  margin-bottom: 0;
}

table.NewApplist tr td:nth-child(2) {
  vertical-align: top;
}

table.NewApplist tr td:nth-child(2) hr {
  border: none;
  border-top: dashed 1px #CCC;
  height: 1px;
  color: #FFFFFF;
  margin: 5px auto;
  width: 100%;
}

span.Applist {
  font-size: 11px;
  position: absolute;
  width: 80px;
  bottom: 5px;
  left: 12%;
  background: #232450;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
  padding: 2px 0;
  opacity: 0.9;
  color: #f5f5f5 !important;
  letter-spacing: 2px;
}

.App-ribbon {
  position: absolute;
  left: 17px;
  top: 4px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  text-align: right;
}

@-moz-document url-prefix() {
  .App-ribbon {
    position: absolute;
    left: 26px;
    top: 4px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
  }
}

.App-ribbon-in {
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 0;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 84px;
  display: block;
  box-shadow: 0 3px 10px -5px #000;
  position: absolute;
  top: 14px;
  left: -17px;
}

.App-ribbon-in:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #FFF;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FFF;
}

.App-ribbon-in:after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #FFF;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #FFF;
}

.App-ribbon-in.Icolor {
  background: #ff6500;
}

.App-ribbon-in.Icolor:before {
  border-left: 3px solid #c53903;
  border-top: 3px solid #c53903;
}

.App-ribbon-in.Icolor:after {
  border-right: 3px solid #c53903;
  border-top: 3px solid #c53903;
}


@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  span.Applist {
    color: #f5f5f5;
    font-size: 11px;
    position: absolute;
    width: 82%;
    bottom: 5px;
    left: 9%;
    background: #232450;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 2px 0;
    color: #FFF;
    opacity: 0.9;
  }

  .App-ribbon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    overflow: hidden;
    width: 82px;
    height: 82px;
    text-align: right;
  }
}

@media only screen and (max-width : 360px) {
  span.Applist {
    color: #f5f5f5;
    font-size: 11px;
    position: absolute;
    width: 87%;
    bottom: 5px;
    left: 6%;
    background: #232450;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 2px 0;
    color: #FFF;
    opacity: 0.9;
  }

  .App-ribbon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    overflow: hidden;
    width: 74px;
    height: 78px;
    text-align: right;
  }

  .App-ribbon-in {
    width: 80px;
    top: 13px;
    left: -19px;
  }
}

@media only screen and (max-width : 320px) {
  span.Applist {
    color: #f5f5f5;
    font-size: 11px;
    position: absolute;
    width: 85%;
    bottom: 12px;
    left: 8%;
    background: #232450;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    padding: 2px 0;
    color: #FFF;
    opacity: 0.9;
  }

  .App-ribbon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    margin: auto;
    overflow: hidden;
    width: 74px;
    height: 74px;
    text-align: right;
  }

  .App-ribbon-in {
    width: 70px;
    top: 9px;
    left: -15px;
    font-size: 10px;
  }
}


#mainCenter h2.bgcolor-h5 {
  margin: 0 0 10px;
  padding: 0 0 3px;
  border-bottom: 2px solid #414141;
  font-weight: bold;
  font-size: 16px;
  background: none;
  color: #414141;
}

#mainCenter h5.bgcolor-h2 {
  background: #004c6b;
  color: #fff;
  font-size: 14px;
  padding: 10px 0 10px 12px;
  margin: 10px 0;
  border: none;
}

#main-contents h2.bgcolor-h5 {
  margin: 0 0 10px;
  padding: 0 0 3px;
  border-bottom: 2px solid #414141;
  font-weight: bold;
  font-size: 16px;
  background: none;
  color: #414141;
}

#main-contents h5.bgcolor-h2 {
  background: #004c6b;
  color: #fff;
  font-size: 14px;
  padding: 10px 0 10px 12px;
  margin: 10px 0;
  border: none;
}

span.info-day {
  text-align: right;
  font-size: 10px;
  color: #828282;
  float: right;
  margin-right: 5px;
}

#mainCenter dl dd table.NewApplist td {
  padding: 0.5em;
}

/*--------------------------------------------------------
新作ゲームおすすめ用
--------------------------------------------------------*/
table.NewApplist2 {
  width: 98%;
  margin: 20px auto 0;
}

table.NewApplist2 tr td {
  position: relative;
}

.NewApplist2 tr:first-of-type td img {
  width: 90%;
}

.NewApplist2 tr:first-of-type td:first-of-type {
  width: 20% !important;
}

table.NewApplist2 .App-ribbon {
  left: 4px;
  top: 30px;
}

@-moz-document url-prefix() {
  table.NewApplist2 .App-ribbon {
    left: 21px;
    top: 4px;
  }
}

@media only screen and (max-width : 414px) {
  table.NewApplist2 .App-ribbon {
    left: -5px;
    top: 26px;
    transform: scale(0.8)
  }
}

@media only screen and (max-width : 375px) {
  table.NewApplist2 .App-ribbon {
    left: -5px;
    top: 36px;
    transform: scale(0.8)
  }
}

@media only screen and (max-width : 360px) {
  table.NewApplist2 .App-ribbon {
    left: -2px;
    top: 38px;
    transform: scale(0.8)
  }
}

@media only screen and (max-width : 320px) {
  table.NewApplist2 .App-ribbon {
    left: -6px;
    top: 36px;
    transform: scale(0.7)
  }
}

/*------------------------------------------------------------
更新日
-------------------------------------------------------------*/
#mainCenter span.post-data {
  font-size: 11px;
  display: inline-block;
  margin: 0 5px 0px 0;
  color: #999;
}

#main-contents .post-meta {
  font-size: 11px;
  display: inline-block;
  margin: 0 5px 0px 0;
  color: #999;
}

#container #main-contents p.post-meta02 {
  font-size: 11px;
  display: inline-block;
  margin: 0 5px 0px 0;
  color: #999;
}


/*------------------------------------------------------------
掲示板検索絞り込み
-------------------------------------------------------------*/
div.comment_keyword_search {
  margin: 20px 0;
}

div.comment_date_search {
  margin: 20px 0 0;
}

#main-contents div.comment_date_search li:first-child {
  display: inline-flex;
  width: 30px;
  vertical-align: middle;
  margin: 0;
}

div.comment_date_search li:nth-child(2),
div.comment_date_search li:nth-child(3),
div.comment_date_search li:nth-child(4) {
  display: inline-flex;
  width: 30%;
  vertical-align: middle;
}

div.comment_date_search li.comment_date_select input[type=checkbox] {
  display: none;
}

#main-contents li.comment_date_select {
  position: relative;
  margin: 0px 0 0px;
  text-align: center;
  vertical-align: middle;
}

div.comment_date_search li label {
  cursor: pointer;
  border: 1px solid #BFBFBF;
  background-color: #999999;
  border-radius: 1px;
  padding: 5px 0px;
  width: 100%;
  color: #fff;
}

/*div.comment_date_search li label:hover{
background-color:#8CC63F;
color: #fff;
}*/
div.comment_date_search li label.search_selected {
  background-color: #8CC63F;
}

.comment_datebtn_area {
  text-align: center;
  margin: 20px 0 20px;
}

.comment_datebtn_area button {
  background-color: #8CC63F;
  border: none;
  color: #FFF;
  padding: 5px 20px;
  border-radius: 10px;
  cursor: pointer;
}

.comment_datebtn_area button:hover {
  opacity: 0.6;
}

#main-contents div.comment_time_search li:first-child {
  display: inline-flex;
  width: 30px;
  vertical-align: middle;
  margin: 0;
}

div.comment_time_search li:nth-child(2),
div.comment_time_search li:nth-child(3),
div.comment_time_search li:nth-child(4),
div.comment_time_search li:nth-child(5),
div.comment_time_search li:nth-child(6) {
  display: inline-flex;
  width: 17.6%;
  font-size: 12px;
}

div.comment_time_search li.comment_time_select input[type=checkbox] {
  display: none;
}

li.comment_time_select {
  position: relative;
  margin: 10px 0;
  text-align: center;
  vertical-align: middle;
}

div.comment_time_search li label {
  cursor: pointer;
  border: 1px solid #BFBFBF;
  background-color: #999;
  border-radius: 1px;
  padding: 5px 0px;
  width: 100%;
  color: #fff;
}

/*div.comment_time_search li label:hover{
background-color:#0B8BB2;
color: #fff;
}*/
div.comment_time_search li label.search_selected {
  background-color: #0B8BB2;
}

div.search_date_text {
  display: block;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

div.comment_keyword_search {
  margin: 20px 0;
  padding: 0 5px;
}

div.comment_keyword_search input {
  width: 80%;
  border: 1px #BFBFBF solid;
  padding: 5px;
  background: #F2F2F2;
  vertical-align: middle;
}

div.comment_keyword_search button {
  width: 16%;
  padding: 5px 0;
  background-color: #29ABE2;
  border-style: none;
  border: 1px solid #BFBFBF;
  cursor: pointer;
}

div.comment_keyword_search button img {
  width: 14px;
  vertical-align: middle;
}

div.comment_keyword_search button:hover {
  opacity: 0.8;
}

@media only screen and (max-width : 414px) {

  div.comment_date_search li:nth-child(2),
  div.comment_date_search li:nth-child(3),
  div.comment_date_search li:nth-child(4) {
    display: inline-flex;
    width: 29%;
  }

  div.comment_time_search li:nth-child(2),
  div.comment_time_search li:nth-child(3),
  div.comment_time_search li:nth-child(4),
  div.comment_time_search li:nth-child(5),
  div.comment_time_search li:nth-child(6) {
    display: inline-flex;
    width: 17%;
    font-size: 12px;
  }

  div.comment_keyword_search input {
    width: 79%;
  }
}

@media only screen and (max-width : 320px) {

  div.comment_date_search li:nth-child(2),
  div.comment_date_search li:nth-child(3),
  div.comment_date_search li:nth-child(4) {
    display: inline-flex;
    width: 29%;
  }

  div.comment_time_search li:nth-child(2),
  div.comment_time_search li:nth-child(3),
  div.comment_time_search li:nth-child(4),
  div.comment_time_search li:nth-child(5),
  div.comment_time_search li:nth-child(6) {
    display: inline-flex;
    width: 17%;
    font-size: 10px;
  }

  div.comment_keyword_search input {
    width: 77%;
  }

  #main-contents div.comment_time_search li:first-child {
    width: 20px;
    height: 20px
  }

  #main-contents div.comment_date_search li:first-child {
    width: 20px;
    height: 20px
  }
}

/*------------------------------------------------------------
掲示板検索絞り込み（ポップアップカレンダーデザイン修正）
-------------------------------------------------------------*/

body .ui-dialog.comment-shiborikomi-modal {
  position: fixed !important;
  top: -250px !important;
  left: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  z-index: 101 !important;
  margin: auto !important;
  height: 350px !important;
  width: 500px !important;
}

body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to {
  margin: 0 0 0 15px;
}

body .ui-widget-overlay {
  background: #000;
  opacity: 0.7;
  filter: Alpha(Opacity=.3);
}

@media only screen and (max-width : 414px) {
  body .ui-dialog.comment-shiborikomi-modal {
    position: fixed !important;
    top: -250px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    z-index: 101 !important;
    margin: auto !important;
    height: 350px !important;
    width: 98% !important;
  }

  #comment_datepicker_from,
  #comment_datepicker_to {
    float: none !important;
    display: inline-block !important;
  }

  #comment_datepicker_from div.ui-widget.ui-widget-content {
    display: inline-block;
    width: 185px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
  }

  #comment_datepicker_to div.ui-widget.ui-widget-content {
    width: 185px;
  }

  body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to {
    margin: 0 0 0 0px;
  }

  #comment_shiborikomi_dialog {
    margin: 0 0 0 0px;
    padding: 0;
  }
}

@media only screen and (max-width : 375px) {
  body .ui-dialog.comment-shiborikomi-modal {
    position: fixed !important;
    top: -250px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    z-index: 101 !important;
    margin: auto !important;
    height: 350px !important;
    width: 98% !important;
  }

  #comment_datepicker_from,
  #comment_datepicker_to {
    float: none !important;
    display: inline-block !important;
  }

  #comment_datepicker_from div.ui-widget.ui-widget-content {
    display: inline-block;
    width: 170px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
  }

  #comment_datepicker_to div.ui-widget.ui-widget-content {
    width: 170px;
  }

  body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to {
    margin: 0 0 0 0px;
  }

  #comment_shiborikomi_dialog {
    margin: 0 0 0 0px;
    padding: 0;
  }
}

@media only screen and (max-width : 320px) {
  body .ui-dialog.comment-shiborikomi-modal {
    position: fixed !important;
    top: -150px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    z-index: 101 !important;
    margin: auto !important;
    height: 350px !important;
    width: 98% !important;
  }

  #comment_datepicker_from,
  #comment_datepicker_to {
    float: none !important;
    display: inline-block !important;
  }

  #comment_datepicker_from div.ui-widget.ui-widget-content {
    display: inline-block;
    width: 147px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 1px;
    font-size: 12px
  }

  #comment_datepicker_to div.ui-widget.ui-widget-content {
    width: 147px;
    font-size: 12px
  }

  body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to {
    margin: 0 0 0 0px;
  }

  #comment_shiborikomi_dialog {
    margin: 0 0 0 0px;
    padding: 0;
  }
}


/*--------------------------------------------------------
おすすめ記事
-------------------------------------------------------*/
div.recommendPostTop {
  padding: 0;
  margin-bottom: 10px;
}

div.recommendPostTop span {
  font-size: 14px;
  margin-bottom: 2px;
  display: block;
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 0px 0px;
  padding-left: 5px;
  padding-top: 2px;
  font-weight: bold;
}

div.recommendPostTop ul {}

#main div.recommendPostTop li {
  font-size: 12px;
  border-top: 1px dashed #eee;
  margin: 0;
  position: relative;
}

#main div.recommendPostTop li:first-child {
  font-size: 12px;
  border-top: 1px solid #cfdee4;
}

#main div.recommendPostTop li:last-child {
  font-size: 12px;
  border-bottom: 1px solid #cfdee4;
}

div.recommendPostTop li a {
  padding: 5px 20px 5px 5px;
  font-size: 12px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main div.recommendPostTop li::after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 2px #9aa8b5;
  border-right: solid 2px #9aa8b5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 10px;
  margin-top: -3px;
}




/*--------------------------------------------------------
NEWページネーション
-------------------------------------------------------*/
div.comment-pagenavi.goto-comment-list {
  margin: 20px auto 5px;
}

div.comment-pagenavi {
  display: block;
  margin: 20px auto 0px;
  position: relative;
  min-height: 90px;
}

div.comment-pagenavi ul {
  display: flex;
  justify-content: space-between;
  margin: 10px auto 20px;
  padding: 0 5px;
}

div.comment-pagenavi ul li {
  display: inline-block;
  background: #587587;
  text-align: center;
  width: 100%;
  font-size: 11px;
}

div.comment-pagenavi ul li:nth-child(odd) {
  display: inline-block;
  background: #587587;
  text-align: center;
  width: 100%;
  font-size: 11px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

div.comment-pagenavi ul li a {
  display: block;
  background: #587587;
  text-align: center;
  font-size: 11px;
  padding: 10px 0;
  color: #fff;
}

div.comment-pagenavi ul li a:hover {
  display: block;
  background: #48a3ff;
  text-align: center;
  font-size: 11px;
  padding: 10px 0;
  color: #fff;
}

div.comment-pagenavi ul li.current {
  display: block;
  background: #d6d6d6;
  text-align: center;
  font-size: 11px;
  padding: 10px 0;
  color: #444;
}

div.comment-pagenavi ul li:first-child {
  display: inline-block;
  background: #587587;
  text-align: center;
  width: 10%;
  font-size: 11px;
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 49%;
  border: none;
}

div.comment-pagenavi ul li:last-child {
  display: inline-block;
  background: #587587;
  text-align: center;
  width: 10%;
  font-size: 11px;
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 49%;
  border: none;
}

div.comment-pagenavi ul li:first-child a,
div.comment-pagenavi ul li:last-child a {
  font-size: 14px;
}

/*--------------------------------------------------------
サイドメニュー（最新ゲーム情報）
-------------------------------------------------------*/

#sidebar ul.new-g-list {
  margin-top: 10px;
}

#sidebar ul.new-g-list li {
  list-style-type: none;
  list-style-image: none;
  background: none;
  padding: 0;
  margin: 5px 0;
  position: relative;
}

#sidebar ul.new-g-list li img {
  width: 60px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#sidebar ul.new-g-list li p {
  width: 75%;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

#sidebar ul.new-g-list li span {
  width: 60px;
  height: 15px;
  padding: 0;
  position: absolute;
  top: 18px;
  left: 0px;
  display: block;
  background-color: #ff0026;
  text-align: center;
  opacity: 0.7;
  color: #FFF;
}


#mainRight ul.new-g-list {
  margin-top: 10px;
}

#mainRight ul.new-g-list li {
  list-style-type: none;
  list-style-image: none;
  background: none;
  padding: 0;
  margin: 5px 0;
  position: relative;
}

#mainRight ul.new-g-list li:first-child img {
  width: 60px;
  position: relative;
  display: inline-block;
  vertical-align: sub;
}

#mainRight ul.new-g-list li img {
  width: 60px;
  position: relative;
  display: inline-block;
  vertical-align: sub;
}

#mainRight ul.new-g-list li p {
  width: 73%;
  display: inline-block;
  margin-left: 5px;
}

#mainRight ul.new-g-list li span {
  width: 60px;
  height: 15px;
  padding: 0;
  position: absolute;
  top: 18px;
  left: 0px;
  display: block;
  background-color: #ff0026;
  text-align: center;
  opacity: 0.7;
  color: #FFF;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  #main #sidebar ul.new-g-list {
    margin-top: 10px;
  }

  #main #sidebar ul.new-g-list li {
    list-style-type: none;
    list-style-image: none;
    background: none;
    padding: 0;
    margin: 5px 0;
    position: relative;
    border: none !important;
  }

  #main #sidebar ul.new-g-list li a {
    width: 50px;
    display: inline-block;
    margin-left: 0px;
    padding: 0;
    border: none;
  }

  #main #sidebar ul.new-g-list li:first-child img {
    width: 50px;
    position: relative;
    display: inline-block;
    vertical-align: sub;
  }

  #main #sidebar ul.new-g-list li img {
    width: 50px;
    position: relative;
    display: inline-block;
  }

  #main #sidebar ul.new-g-list li a {
    width: 100%;
    display: inline-block;
    padding: 0;
    border: none;
  }

  #main #sidebar ul.new-g-list li p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #main #sidebar ul.new-g-list li span {
    width: 50px;
    height: 15px;
    padding: 0;
    position: absolute;
    top: 11px;
    left: 0px;
    display: block;
    background-color: #ff0026;
    text-align: center;
    opacity: 0.7;
    color: #FFF;
    font-size: 10px;
  }
}

/*------------------------------------------------------------
PC表示次のおすすめ
-------------------------------------------------------------*/
.recommendDispPc {
  display: block;
  width: 25%;
  background: #fff;
  border-radius: 10px;
  opacity: 0.8;
  font-size: 15px;
  color: #333;
  right: 4%;
  position: fixed;
  bottom: 5px;
  box-shadow: 2px 2px 2px #999;
  border: 1px solid #34a3d1;
  display: none !important;
}

.recommendDispPc img {
  height: 40px;
  padding: 4px;

}

.recommendDispPc a {
  color: #0c749b;
  display: block;
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}

.recommendDispPc a:hover {
  color: #ff6600;
}

.recommendDispPc a:nth-child(3) {
  border: none;
}

.recommendDispPc span:nth-child(1) {
  font-weight: bold;
  display: inline-block;
  width: 97.5%;
  padding: 10px 0px 10px 10px;
  color: #ffe500;
  font-size: 18px;
  background: #34a3d1;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
}

.recommendDispPc span:nth-child(2) {
  position: absolute;
  top: 0px;
  right: 13px;
  font-size: 25px;
  color: #fff;
}

.footerBtn .recommendDispPc dl {
  width: 100%;
  margin: 2px 2px 0 0;
  padding: 2px;
}

.recommendDispPc dt {
  /* float:left; */
  width: 23%;
  text-align: center;
  background: #222;
  margin: 0 5px 0 15px;
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
}

.recommendDispPc dd {
  /* float:left; */
  width: 60%;
  font-size: 14px;
  margin-left: 0;
  padding-top: 0px;
  vertical-align: middle;
  display: inline-block;
}

@media only screen and (max-width : 1200px) {
  .recommendDispPc span:nth-child(1) {
    font-weight: bold;
    display: inline-block;
    width: 94%;
    padding: 10px;
    color: #ffe500;
    font-size: 18px;
    background: #34a3d1;
    border-radius: 8px 8px 0 0;
    font-size: 16px;
  }
}

@media only screen and (max-width : 1040px) {
  .recommendDispPc span:nth-child(1) {
    font-weight: bold;
    display: inline-block;
    width: 92%;
    padding: 10px;
    color: #ffe500;
    font-size: 18px;
    background: #34a3d1;
    border-radius: 8px 8px 0 0;
    font-size: 16px;
  }
}

@media only screen and (max-width : 800px) {
  .recommendDispPc {
    display: none !important;

  }

  .recommendDispPc span:nth-child(1) {
    font-weight: bold;
    display: inline-block;
    width: 90%;
    padding: 10px;
    color: #ffe500;
    font-size: 18px;
    background: #34a3d1;
    border-radius: 8px 8px 0 0;
    font-size: 16px;
  }
}

/*-------------------------------------------------------
当選ページ（事前ガチャ）
-------------------------------------------------------*/

#wchance-result {
  margin: 20px 0;
  padding: 10px;
  background: #fffef8;
  border: 2px solid #ffe9de;
  border-radius: 5px;
}

#wchance-result p:first-child span {
  font-size: 20px !important;
  margin: 5px 0 10px;
  display: block;
  color: #fc4401;
  font-weight: 900;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ff9c2a;
}

#wchance-result p {
  font-size: 14px;
  margin: 0;
  padding: 5px 10px;
}

#wchance-result p:last-child {
  font-size: 14px;
  margin: 10px 0;
  padding: 0px;
  display: block;
}

#wchance-result p:last-child .gachaBtn:hover {
  color: #fff;
  background: #34a3d1;
}

#wchance-result p:last-child .gachaBtn {
  border: 1px solid #34a3d1;
  border-radius: 2px;
  color: #34a3d1 !important;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background: #FFF;
}

#wchance-result p:last-child .gachaBtn:hover {
  color: #FFF !important;
}

#wchance-result table {
  background: #FFF;
}

#wchance-result table th {
  background: -webkit-repeating-linear-gradient(-45deg, #e41e27, #e41e27 2px, #f26369 4px, #f26369 3px);
  background: repeating-linear-gradient(-45deg, #e41e27, #e41e27 2px, #f26369 4px, #f26369 4px);

  color: #fff;
  font-size: 12px
}




/*-------------------------------------------------------
最新情報用テーブル
-------------------------------------------------------*/
#main-contents table.newinfo-box {
  border: 0px;
  margin-bottom: 10px;
}

#main-contents table.newinfo-box tr {
  padding: 0px;
  margin: 0px 0 5px;
  display: block;
  border: 1px solid #dde4e6;
  border-radius: 3px;
  position: relative;
  width: 99.4%;
}

#main-contents table.newinfo-box tr:first-child {
  padding: 0px;
  margin: 0px 0 5px;
  display: block;
  border: 0px solid #dde4e6;
  border-radius: 3px;
  font-size: 16px;
  width: 100%;
}

#main-contents table.newinfo-box tr:first-child td {
  width: auto;
  padding: 2px 8px;
  margin: 5px 0 5px;
  display: block;
  border: 0px solid #dde4e6;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #333, #333 3px, #3c3c3c 3px, #3c3c3c 7px);
  background: repeating-linear-gradient(-45deg, #333, #333 3px, #3c3c3c 3px, #3c3c3c 7px);
}

#main-contents table.newinfo-box tr:hover:first-child {
  background: #FFF;
  border: 0px solid #dde4e6;
}

#main-contents table.newinfo-box tr:hover {
  background: #f2fbfd;
  border: 1px solid #c7e3ea;
}

#main-contents table.newinfo-box td {
  border: 0px;
  position: relative;
  width: 98%;
  display: block;
  padding: 5px;
}

#main-contents table.newinfo-box td:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#main-contents table.newinfo-box td a {
  display: block;
}

#main-contents table.newinfo-box tr:first-child:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 0px solid #888;
  /* 線の太さ */
  border-right: 0px solid #888;
  /* 線の太さ */
  transform: rotate(45deg);
  /* 右向き矢印 */
}

#main-contents table.newinfo-box tr:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #888;
  /* 線の太さ */
  border-right: 2px solid #888;
  /* 線の太さ */
  transform: rotate(45deg);
  /* 右向き矢印 */
}

#main-contents table.newinfo-box td img {
  width: 65px;
  height: 40px;
  object-fit: cover;
  display: inline-block;
  float: left;
}

#main-contents table.newinfo-box td p:nth-child(2) {
  display: none
}

#main-contents table.newinfo-box td p {
  width: 78%;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 0 5px;
  line-height: 1.5em;
}

#main-contents table.newinfo-box td p a {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main-contents table.newinfo-box td p:last-child {
  font-size: 11px;
  color: #666;
}

#main-contents table.newinfo-box td p:last-child a {
  font-size: 11px;
  color: #666;
}

@media only screen and (max-width : 414px) {
  #main-contents table.newinfo-box td img {
    width: 55px;
    height: 35px;
    object-fit: cover;
    display: inline-block;
    float: left;
  }

  #main-contents table.newinfo-box td p {
    width: 78%;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0px 5px;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media only screen and (max-width : 375px) {
  #main-contents table.newinfo-box td img {
    width: 55px;
    height: 35px;
    object-fit: cover;
    display: inline-block;
    float: left;
  }

  #main-contents table.newinfo-box td p {
    width: 78%;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 0px 5px;
    line-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media only screen and (max-width : 320px) {
  #main-contents table.newinfo-box td img {
    width: 45px;
    height: 30px;
    object-fit: cover;
    display: inline-block;
    float: left;
  }

  #main-contents table.newinfo-box td p {
    width: 78%;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0px 5px;
    line-height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #main-contents table.newinfo-box tr:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #888;
    /* 線の太さ */
    border-right: 1px solid #888;
    /* 線の太さ */
    transform: rotate(45deg);
    /* 右向き矢印 */
  }
}




/*-------------------------------------------------------
会員まわりてすと
-------------------------------------------------------*/
span.favorite-button {
  font-size: 20px;
  float: right;
  cursor: pointer;
}

span.favorite-button:after {
  content: '☆';
}

span.favorite-button.selected:after {
  content: '★';
}

.member-popup {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: auto;
  background-color: rgba(17, 17, 17, 0.7);
}

.member-popup-inner {
  background-color: #fff;
  margin: 30px auto auto;
  max-width: 400px;
  text-align: center;
  top: auto;
  border: 1px solid #999;
  position: relative;
  width: 80%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
}

.member-popup-close {
  text-align: center;
  font-size: 30px;
  padding: 0px 0;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  line-height: 0.85em;
  position: absolute;
  right: 3px;
  top: 3px;
  border-radius: 5px;
  background-color: #0c749b;
  color: #FFF;
  cursor: pointer;
}

.member-popup-close:hover {
  text-align: center;
  font-size: 30px;
  padding: 0px 0;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  line-height: 0.85em;
  position: absolute;
  right: 3px;
  top: 3px;
  border-radius: 5px;
  background-color: #8fb4c1;
  color: #FFF;
  cursor: pointer;
}

.member-popup-title {
  margin: 0;
  padding: 20px 0;
  font-weight: bold;
  font-size: large;
}

.member-popup-contents {
  padding-bottom: 20px;
}

.member-popup-contents>p {
  margin-bottom: 30px;
}

.member-regist-button a,
.member-login-button a,
.member-merit-button a {
  margin: 15px auto 0;
  display: inline-block;
  text-decoration: none;
  color: #086A9B;
  border: 1px #0C749B solid;
  background-color: #E6FAFF;
  border-radius: 3px;
  width: 80%;
  display: block;
  padding: 10px;
}

.member-regist-button a:hover,
.member-login-button a:hover,
.member-merit-button a:hover {
  background-color: #0C749B;
  color: #FFF;
  border: 1px #E6FAFF solid;
}

.drawer-menu-top-link img {
  width: 45px;
  height: 45px;
}

/*
#list-favorite  {
width: 100%;
overflow: hidden;
}
*/

#list-favorite li {
  position: relative;
  height: 36px;
  /* width: 120%;*/
}

.drawer-menu-list li img {
  width: 60px;
  height: 30px;
}

.favorite-del-btn {
  height: 36px;
  position: absolute;
  /*top: 0;*/
  right: 0;

  /*width: 18%;*/
  margin-left: 0;
  margin-right: 0;
  float: right;
}

.favorite-del-btn a,
.favorite-del-btn a:active,
.favorite-del-btn a:visited,
.favorite-del-btn a:focus,
.favorite-del-btn a:hover {
  color: white;
  background-color: red !important;
  text-shadow: none;
}

#favorite-message {
  width: 50%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 25%;
  transform: translate(-50%, -50%);
  padding: 10px;
  z-index: 2;
  background-color: #333;
  border: solid 3px #eaeaea;
  font-size: 14px;
  color: #FFF;
  box-shadow: 0 0 5px #1a4268;
}

/*-------------------------------------------------------
会員まわりてすと
-------------------------------------------------------*/


.no-p {
  display: none;
}

/*-------------------------------------------------------
登録ボタン(PC)
-------------------------------------------------------*/
#main-contents .post {
  position: relative;
}

#main-contents .post .okini-box {
  position: absolute;
  top: 0px;
  right: 50px;
  width: 100%;
}

#main-contents .post h1 {
  position: relative;
  width: 88%;
  font-size: 20px;
  padding: 0 0 0px 0px;
}

span.favorite-button {
  border: 2px solid #2aa7dc;
  padding: 0px 3px 0px 3px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: -3px;
  right: -38px;
  font-size: 13px;
}

span.favorite-button.selected {
  border: 2px solid #2aa7dc;
  padding: 0px 3px 0px 3px;
  border-radius: 50%;
  background-color: #2aa7dc;
  position: absolute;
  top: -3px;
  right: -38px;
  font-size: 13px;
}

span.favorite-button.selected:after {
  content: '★';
  color: #FFF;
  font-weight: bold;
}

span.favorite-button:after {
  content: '☆';
  color: #2aa7dc;
  font-weight: bold;
}

span.okini-txt {
  font-size: 10px;
  position: absolute;
  top: 20px;
  width: auto;
  right: -52px;
  color: #2aa7dc;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  /*-------------------------------------------------------
サブメニューデザイン
-------------------------------------------------------*/
  #favorite-message {
    width: 80%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    padding: 10px;
    z-index: 2;
    background-color: #333;
    border: solid 3px #eaeaea;
    font-size: 14px;
    color: #FFF;
    box-shadow: 0 0 5px #1a4268;
  }

  /*-------------------------------------------------------
登録ボタン
-------------------------------------------------------*/
  #main-contents .post .okini-box {
    position: absolute;
    top: 0px;
    right: 46px;
    width: 100%;
  }

  #main-contents .post h1 {
    position: relative;
    width: 85%;
    font-size: 20px;
    padding: 0 0 0px 5px;
  }

  span.favorite-button {
    border: 2px solid #2aa7dc;
    padding: 1px 4px 1px 4px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    right: -30px;
    font-size: 12px;
  }

  span.favorite-button.selected {
    border: 2px solid #2aa7dc;
    padding: 1px 4px 1px 4px;
    border-radius: 50%;
    background-color: #2aa7dc;
    position: absolute;
    top: 0px;
    right: -30px;
    font-size: 12px;
  }

  span.favorite-button.selected:after {
    content: '★';
    color: #FFF;
    font-weight: bold;
  }

  span.favorite-button:after {
    content: '☆';
    color: #2aa7dc;
    font-weight: bold;
  }

  span.okini-txt {
    font-size: 10px;
    position: absolute;
    top: 23px;
    width: auto;
    right: -41px;
    color: #2aa7dc;
  }


  /*-------------------------------------------------------
サブメニュー(メイン)
-------------------------------------------------------*/

  .drawer-menu-box2 .drawer-menu-top-link {
    vertical-align: middle;
    padding: 10px 10px 5px 10px;
    background: url() no-repeat top left;
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .drawer-menu-box2 .drawer-menu-top-link img {
    vertical-align: middle;
  }

  .drawer-menu-box2 .drawer-menu-top-link a {
    color: #FFF;
  }

  .drawer-menu-box2 .drawer-menu-top-link a span {
    margin-left: 5px;
  }

  .drawer-menu-box2 #siteTopSearch.search-form_inputXX {
    margin: 0;
    border: 0;
  }

  /*-------------------------------------------------------
サブメニュー(お気に入り部分)
-------------------------------------------------------*/

  .drawer-menu-box2 {
    width: :100%;
    border: none;
  }

  .drawer-menu-box2 li#disp-favorite {
    background-color: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    color: #444;
    padding-left: 10px;
    border: none;
    position: relative;
    border-bottom: 1px solid #dde4e6;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: 12px;
    padding-left: 35px;
  }

  .drawer-menu-box2 li#disp-favorite:after {
    content: '';
    position: absolute;
    top: 45%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #34a3d1;
    /* 線の太さ */
    border-right: 2px solid #34a3d1;
    /* 線の太さ */
    transform: rotate(135deg);
    /* 右向き矢印 */
  }

  .drawer-menu-box2 ul.drawer-menu-level2 li div.favorite-del-btn {
    height: 100%;
    position: absolute;
    top: -1px;
    right: -44px;
    width: 42px;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 0px;
    float: none;
    border: 1px solid #FFF;
  }

  .drawer-menu-box2 ul.drawer-menu-level2 li:last-child div.favorite-del-btn a {
    background-color: #888 !important;
    margin: 0;
    padding: 0;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    line-height: 4.5em;
    font-size: 14px;
  }

  .drawer-menu-box2 ul.drawer-menu-level2 li div.favorite-del-btn a {
    background-color: #888 !important;
    margin: 0;
    padding: 0;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    line-height: 4.5em;
    font-size: 14px;
  }

  #list-favorite li img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }

  .drawer-menu-box2 li div.favorite-menu-icon {}

  body .drawer-menu-box2 ul#list-favorite {
    width: 100%;
    overflow: inherit;
    margin: 0;
  }

  body .drawer-menu-box2 ul#list-favorite li {
    position: relative;
    height: auto;
    width: auto;
    background-color: #fffad4;
    margin: 0px 0;
    padding: 0;
    border: none;
    width: auto;
    position: relative;
    font-size: 14px;
    border-bottom: 1px solid #c9d5e0;
    position: relative;
  }

  body .drawer-menu-box2 ul#list-favorite li.favorite-more {
    margin: 0;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    background-color: #fffad4;
    font-size: 14px;
  }

  body .drawer-menu-box2 ul#list-favorite li div+a {
    font-size: 14px;
    background-color: #fffad4;
    height: 100%;
    margin: 0 0 0 0;
    padding: 10px 25px 10px 10px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    width: 88%;
    position: relative;
  }

  body .drawer-menu-box2 ul#list-favorite li div+a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #ffd29f;
    /* 線の太さ */
    border-right: 1px solid #ffd29f;
    /* 線の太さ */
    transform: rotate(45deg);
    /* 右向き矢印 */
  }

  /*-------------------------------------------------------
サブメニュー(サブ)
-------------------------------------------------------*/
  .drawer-menu-box2 li.drawer-menu-list-sub {
    margin: 0;
    padding: 10px;
    background-color: #f9f9f9;
    font-size: 14px;
    font-weight: bold;
  }

  .drawer-menu-box2 ul.drawer-menu-level2 li {
    width: auto;
  }

  .drawer-menu-box2 ul.drawer-menu-level2 li a {
    display: inline-block;
    width: 78%;
    margin: 0 5px 0 5px;
    background-color: #fff;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    height: auto;
    vertical-align: middle;
  }

  .drawer-menu-level2 li img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
  }

  .drawer-menu-box2 .drawer-menu-list .drawer-menu-level2 {
    background-color: #FFF;
    margin: 0 0 0 0px;
    padding: 0;
  }

  .drawer-menu-list {
    background-color: #FFF;
  }

  ul.drawer-menu-list li:last-child {
    background-color: #FFF;
    padding: 0;
    margin: 0;
    padding: 0 10px;
  }

  ul.drawer-menu-list li:last-child a {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    font-size: 11px;
    font-weight: normal;
    margin: 0;
  }

  .drawer-menu-list li a {
    display: block;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 10px;
    margin: -10px -10px -10px -10px;
  }

  ul.drawer-menu-list ul.drawer-menu-level2 li:last-child {
    background-color: #ffffff;
    padding: 0;
    margin: 0;
    padding: 0 15px;
  }

  ul.drawer-menu-list ul.drawer-menu-level2 li:last-child a {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    font-size: 12px;
  }

  ul.drawer-menu-list ul.drawer-menu-level2 li:last-child[class*="more"] {
    margin: 0;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    background-color: #fffad4;
    font-size: 14px;
  }

  ul.drawer-menu-list ul.drawer-menu-level2 li.54-more {
    margin: 0;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    background-color: #fffad4;
    font-size: 14px;
  }

  /*-------------------------------------------------------
サブメニュー(追加アコーディオン)
-------------------------------------------------------*/
  .drawer-menu-level2 h4 {
    background: #aeb9bc;
    color: #FFF;
    padding: 5px 0 5px 10px;
    box-sizing: border-box;
    font-weight: bold;
    margin: 0px 0 0;
    border: 0 !important;
  }

  /*-- アコーディオンメニュー --*/
  .drawer-menu-level2 .acMenu dt {
    border: 1px solid #bbb;
    border-radius: 3px;
    margin: 10px 0 17px;
    padding: 7px 5px;
    text-align: center;
    display: block;
    box-shadow: none;
    background: #fff;
    color: #666;
    cursor: pointer;
    position: relative;
  }

  .drawer-menu-level2 .acMenu dt:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5px;
    width: 99%;
    height: 2px;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
  }

  .drawer-menu-level2 .acMenu dt:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5px;
    width: 98%;
    height: 1px;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
  }

  .drawer-menu-level2 .acMenu dd {
    display: none;
    margin: 0 0 5px !important;
    box-sizing: border-box;
  }

  .acMenu dt.active {
    border: 1px solid #ffeea1;
    background: #fff2b7;
    margin: 0 0 5px !important;
    box-shadow: 0 2px 0 0 #bbb;
    border-radius: 4px 4px 0 0;
    color: #444;
  }

  .drawer-menu-level2 .acMenu dt.active:before {
    border: none;
  }

  .drawer-menu-level2 .acMenu dt.active:after {
    border: none;
  }

  .drawer-menu-level2 .acMenu {
    margin: 0px 0;
    padding: 0 0px;
    box-sizing: border-box;
  }

  .drawer-menu-level2 .acMenu dt {
    border: 0;
    border-bottom: 1px solid #dde4e6;
    border-radius: 0px;
    margin: 0px 0 10px;
    padding: 5px 0px;
    text-align: center;
    display: block;
    background: #f9f9f9;
    cursor: pointer;
    color: #666;
  }

  .drawer-menu-level2 .acMenu dt:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5px;
    width: 98%;
    height: 2px;
    border-bottom: 1px solid #dde4e6;
    border-left: 0px solid #dde4e6;
    border-right: 0px solid #dde4e6;
  }

  .drawer-menu-level2 .acMenu dt:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 5px;
    width: 96%;
    height: 0px;
    border-bottom: 1px solid #dde4e6;
    border-left: 0px solid #bbb;
    border-right: 0px solid #bbb;
  }

  .drawer-menu-level2 .acMenu dt.active {
    border: 1px solid #ffeea1;
    background: #fff2b7;
    margin: 0 0 5px !important;
    box-shadow: 0 1px 0 0 #bbb;
    border-radius: 1px 1px 0 0;
    color: #444;
  }

  .drawer-menu-level2 .acMenu dt.active:before {
    border: none;
  }

  .drawer-menu-level2 .acMenu dt.active:after {
    border: none;
  }

  .drawer-menu-level2 .acMenu li {
    font-size: 11px;
    cursor: pointer;
    margin: 0;
    padding: 0;
  }

  .drawer-menu-level2 .acMenu li a {
    display: block;
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 5px 0 5px 10px;
    margin: 5px 0;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }

  .drawer-menu-level2 .acMenu li a:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #ebebeb;
    border: 1px solid #dfdfdf;
    display: block;
    margin-right: 5px;
  }

  .drawer-menu-level2 .acMenu li:last-child {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .drawer-menu-level2 .acMenu li:last-child a {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    padding: 5px 0 5px 10px;
    margin: 5px 0;
    font-size: 11px;
    font-weight: normal;
  }


  /*-------------------------------------------------------
サブメニュー(他)
-------------------------------------------------------*/

  .drawer-menu-box2 .drawer-menu-title {
    font-size: 12px;
    padding: 5px 0 5px 30px;
    height: auto;
    font-weight: bold;
    background: #f5f5f5;
    border-left: 0px solid #002D57;
    position: relative;
  }

  .drawer-menu-box2 .drawer-menu-title:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 0;
    height: 20px;
    width: 0px;
    border-left: 5px solid #d8d8d8;
    border-right: 5px solid #d8d8d8;
    border-bottom: 6px solid transparent;
  }

  .drawer-menu-box:after {
    content: "×";
    font-size: 250%;
    position: absolute;
    right: 1px;
    bottom: 5%;
    display: block;
    width: 44px;
    height: 40px;
    border-radius: 0 4px 4px 0;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
    /* IE6-9 */
    text-align: center;
    padding-top: 3px;
    line-height: 1.0em;
  }

  .drawer-menu-close-button {
    z-index: 1;
  }
}


/*-------------------------------------------------------
PCお気に入り
-------------------------------------------------------*/
.favorite-popup {
  position: fixed;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  overflow: auto;
  background-color: rgba(17, 17, 17, 0.7);
}

.favorite-popup-inner {
  background-color: #fff;
  margin: 30px auto auto;
  max-width: 400px;
  text-align: center;
  top: auto;
  border: 1px solid #999;
  position: relative;
  width: 80%;
  height: 45%;
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -50%);
}

.favorite-popup-close {
  text-align: center;
  font-size: 30px;
  padding: 0px 0;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  line-height: 0.85em;
  position: absolute;
  right: 10px;
  top: 15px;
  border-radius: 5px;
  background-color: #0c749b;
  color: #FFF;
  cursor: pointer;
}

.favorite-popup-close:hover {
  text-align: center;
  font-size: 30px;
  padding: 0px 0;
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  line-height: 0.85em;
  position: absolute;
  right: 10px;
  top: 15px;
  border-radius: 5px;
  background-color: #8fb4c1;
  color: #FFF;
  cursor: pointer;
}

.favorite-popup-title {
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
  background: url() no-repeat top left;
  background-position: top right;
  background-size: 100%;
  background-repeat: no-repeat;
  text-align: left;
  margin-bottom: 2px;
}

.favorite-popup-title img {
  width: 40px;
  height: 40px;
  vertical-align: middle;
}

.favorite-popup-title span {
  vertical-align: middle;
  color: #FFF;
}

.favorite-popup #list-favorite li {
  text-align: left;
  position: relative;
  height: 50px;
  font-size: 14px;
  background-color: #fffad4;
  height: 100%;
  margin: 0 0 0 0;
  padding: 10px 25px 10px 10px;
  width: 80%;
}

.favorite-popup li img {
  width: 60px;
  height: 30px;
}

span.favorite-article-date {
  display: block;
  font-size: 10px;
  position: absolute;
  width: 100%;
  top: 39px;
  right: -60px;
  color: #888;
}

/*-------------------------------------------------------
PCサブメニュー(メイン)
-------------------------------------------------------*/

.drawer-menu-box2 .drawer-menu-top-link {
  vertical-align: middle;
  padding: 10px 10px 5px 10px;
  background: url() no-repeat top left;
  background-position: top right;
  background-size: 100%;
  background-repeat: no-repeat;
}

.drawer-menu-box2 .drawer-menu-top-link img {
  vertical-align: middle;
}

.drawer-menu-box2 .drawer-menu-top-link a {
  color: #FFF;
}

.drawer-menu-box2 .drawer-menu-top-link a span {
  margin-left: 5px;
}

.drawer-menu-box2 #siteTopSearch.search-form_inputXX {
  margin: 0;
  border: 0;
}

/*-------------------------------------------------------
PCサブメニュー(お気に入り部分)
-------------------------------------------------------*/

.drawer-menu-box2 {
  width: :100%;
  border: none;
}

.drawer-menu-box2 li#disp-favorite {
  background-color: #f9f9f9;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  color: #444;
  padding-left: 10px;
  border: none;
  position: relative;
  border-bottom: 1px solid #dde4e6;
  background-image: url();
  background-repeat: no-repeat;
  background-size: 5%;
  background-position: 12px;
  padding-left: 35px;
}

.drawer-menu-box2 li#disp-favorite:after {
  content: '';
  position: absolute;
  top: 45%;
  right: 10px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #34a3d1;
  /* 線の太さ */
  border-right: 2px solid #34a3d1;
  /* 線の太さ */
  transform: rotate(135deg);
  /* 右向き矢印 */
}

.favorite-popup #list-favorite li div.favorite-del-btn {
  height: 98%;
  position: absolute;
  top: 0px;
  right: 1px;
  width: 35px;
  margin: 0;
  padding: 0;
  text-align: center;
  padding: 0px;
  float: none;
  border: 0px solid #FFF;
}

.favorite-popup #list-favorite li:last-child div.favorite-del-btn a {
  margin: 0;
  padding: 0;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  line-height: 3.0em;
  font-size: 20px;
}

.favorite-popup #list-favorite li div.favorite-del-btn a {
  background-color: #888 !important;
  margin: 0;
  padding: 0;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  z-index: 2;
  position: absolute;
  line-height: 3.0em;
  font-size: 20px;
}

.favorite-popup #list-favorite li div.favorite-del-btn a:hover {
  opacity: 0.6;
}

#list-favorite li img {
  width: 40px;
  height: 40px;
  object-fit: cover;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}

.favorite-popup ul#list-favorite {
  width: 100%;
  overflow: inherit;
  margin: 0;
}

.favorite-popup ul#list-favorite li {
  position: relative;
  height: auto;
  width: auto;
  background-color: #fffad4;
  margin: 0px 0;
  padding: 0;
  border: none;
  width: auto;
  position: relative;
  font-size: 14px;
  border-bottom: 1px solid #c9d5e0;
  position: relative;
}

.favorite-popup ul#list-favorite li.favorite-more {
  margin: 0;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  background-color: #f5f5f5;
  font-size: 14px;
}

.favorite-popup ul#list-favorite li.favorite-more:hover {
  margin: 0;
  padding: 15px;
  text-align: center;
  font-size: 14px;
  background: #34a3d1;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}

.favorite-popup ul#list-favorite li div+a {
  font-size: 14px;
  background-color: #fffad4;
  height: 100%;
  margin: 0 0 0 0;
  padding: 10px 25px 10px 10px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  width: 80%;
  position: relative;
}

.favorite-popup ul#list-favorite li div+a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 1px solid #ffd29f;
  /* 線の太さ */
  border-right: 1px solid #ffd29f;
  /* 線の太さ */
  transform: rotate(45deg);
  /* 右向き矢印 */
}


/*-------------------------------------------------------
最新情報用テーブル(NEW/p)
-------------------------------------------------------*/
#main-contents p.newinfo-h {
  width: auto;
  padding: 2px 8px;
  margin: 0px 0 5px;
  display: block;
  border: 0px solid #909596;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #909596, #909596 3px, #95999a 3px, #95999a 7px);
  background: repeating-linear-gradient(-45deg, #8d9394, #8d9394 3px, #888f90 3px, #888f90 7px);
}

#main-contents p.newinfo-box {
  padding: 0px;
  margin: 0px 0 5px;
  display: block;
  border: 1px solid #dde4e6;
  border-radius: 3px;
  position: relative;
  width: 100%;
}

#main-contents p.newinfo-box p:empty {
  display: none;
}

#main-contents p.newinfo-box:hover {
  background: #f2fbfd;
  border: 1px solid #c7e3ea;
}

#main-contents p.newinfo-box:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #888;
  /* 線の太さ */
  border-right: 2px solid #888;
  /* 線の太さ */
  transform: rotate(45deg);
  /* 右向き矢印 */
}

#main-contents p.newinfo-box a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 5px 5px;
}

#main-contents p.newinfo-box a:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#main-contents p.newinfo-box a img {
  width: 85px;
  height: 40px;
  object-fit: cover;
  display: inline-block;
  margin-right: 8px;
  float: left;
}

#main-contents p.newinfo-box a {
  display: block;
  width: 90%;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
}

#main-contents p.newinfo-box a u {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  line-height: normal;
  text-decoration-line: none;
  text-decoration: none;
}

#main-contents p.newinfo-box a u:before {
  content: "\A";
  white-space: pre;
}

@media only screen and (max-width : 414px) {
  #main-contents p.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents p.newinfo-box a {
    display: block;
    width: 90%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
  }
}

@media only screen and (max-width : 375px) {
  #main-contents p.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents p.newinfo-box a {
    display: block;
    width: 90%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
  }
}

@media only screen and (max-width : 320px) {
  #main-contents p.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents p.newinfo-box a {
    display: block;
    width: 90%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  _::-webkit-full-page-media,
  _:future,
  :root p.newinfo-box a u {
    text-decoration-line: none;
    text-decoration: none;
  }
}


/*-------------------------------------------------------
最新情報用テーブル(NEW/div)
-------------------------------------------------------*/
#main-contents div.newinfo-h {
  width: auto;
  padding: 2px 8px;
  margin: 0px 0 5px;
  display: block;
  border: 0px solid #909596;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #909596, #909596 3px, #95999a 3px, #95999a 7px);
  background: repeating-linear-gradient(-45deg, #8d9394, #8d9394 3px, #888f90 3px, #888f90 7px);
}

#main-contents div.newinfo-box {
  padding: 0px;
  margin: 0px 0 5px;
  display: block;
  border: 1px solid #dde4e6;
  border-radius: 3px;
  position: relative;
  width: 100%;
}

#main-contents div.newinfo-box:hover {
  background: #f2fbfd;
  border: 1px solid #c7e3ea;
}

#main-contents div.newinfo-box a {
  display: block;
  width: 98%;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 0px;
  height: 100%;
  padding: 5px 5px 5px;
  position: relative;
}

#main-contents div.newinfo-box a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #888;
  /* 線の太さ */
  border-right: 2px solid #888;
  /* 線の太さ */
  transform: rotate(45deg);
  /* 右向き矢印 */
}

#main-contents div.newinfo-box p>a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 0px solid #888;
  /* 線の太さ */
  border-right: 0px solid #888;
  /* 線の太さ */
  transform: rotate(45deg);
  /* 右向き矢印 */
}

#main-contents div.newinfo-box a:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#main-contents div.newinfo-box a img {
  width: 85px;
  height: 40px;
  object-fit: cover;
  display: inline-block;
  margin-right: 8px;
  float: left;
}

#main-contents div.newinfo-box a p img {
  width: 85px;
  height: 40px;
  object-fit: cover;
  display: inline-block;
  margin-right: 8px;
  float: left;
}

#main-contents div.newinfo-box a+p {
  display: inline-block;
  width: 50%;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 40px;
  position: absolute;
  top: 0;
  left: 95px;
}

#main-contents div.newinfo-box a u {
  font-size: 11px;
  color: #666;
  font-weight: normal;
  line-height: normal;
  text-decoration-line: none;
  text-decoration: none;
}

#main-contents div.newinfo-box a u:before {
  content: "\A";
  white-space: pre;
}

#main-contents div.newinfo-box br {
  display: none;
}

#main-contents div.newinfo-box p {
  margin: 0;
}

#main-contents div.newinfo-box p:empty {
  display: none;
}

@media only screen and (max-width : 414px) {
  #main-contents div.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents div.newinfo-box a {
    display: block;
    width: 90%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
    position: relative;
  }

  #main-contents div.newinfo-box a u {
    font-size: 11px;
    color: #666;
    font-weight: normal;
    line-height: normal;
    text-decoration-line: none;
    text-decoration: none;
    position: absolute;
    left: 100px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }
}

@media only screen and (max-width : 375px) {
  #main-contents div.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents div.newinfo-box a {
    display: block;
    width: 85%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
  }

  #main-contents div.newinfo-box a u {
    font-size: 11px;
    color: #666;
    font-weight: normal;
    line-height: normal;
    text-decoration-line: none;
    text-decoration: none;
    position: absolute;
    left: 100px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }

  #main-contents div.newinfo-box a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #888;
    /* 線の太さ */
    border-right: 2px solid #888;
    /* 線の太さ */
    transform: rotate(45deg);
    /* 右向き矢印 */
  }
}

@media only screen and (max-width : 360px) {
  #main-contents div.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents div.newinfo-box a {
    display: block;
    width: 85%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
    position: relative;
  }

  #main-contents div.newinfo-box a u {
    font-size: 11px;
    color: #666;
    font-weight: normal;
    line-height: normal;
    text-decoration-line: none;
    text-decoration: none;
    position: absolute;
    left: 100px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }

  #main-contents div.newinfo-box a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #888;
    /* 線の太さ */
    border-right: 2px solid #888;
    /* 線の太さ */
    transform: rotate(45deg);
    /* 右向き矢印 */
  }
}

@media only screen and (max-width : 320px) {
  #main-contents div.newinfo-box {
    padding: 0px;
    margin: 0px auto 5px;
    display: block;
    border: 1px solid #dde4e6;
    border-radius: 3px;
    position: relative;
    width: 99%;
  }

  #main-contents div.newinfo-box a {
    display: block;
    width: 85%;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 40px;
    position: relative;
  }

  #main-contents div.newinfo-box a u {
    font-size: 11px;
    color: #666;
    font-weight: normal;
    line-height: normal;
    text-decoration-line: none;
    text-decoration: none;
    position: absolute;
    left: 100px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }

  #main-contents div.newinfo-box a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 2px solid #888;
    /* 線の太さ */
    border-right: 2px solid #888;
    /* 線の太さ */
    transform: rotate(45deg);
    /* 右向き矢印 */
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

  _::-webkit-full-page-media,
  _:future,
  :root #main-contents div.newinfo-box a u {
    text-decoration-line: none;
    text-decoration: none;
    position: absolute;
    left: 100px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
  }

  _::-webkit-full-page-media,
  _:future,
  :root #main-contents div.newinfo-box a {
    position: relative;
  }
}

/*-------------------------------------------------------
書き込み画像並び
-------------------------------------------------------*/
/*コメントフォーム画像配置*/
#main-contents .commentlist p.comment-image {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 5px;
  margin-left: 10px;
  border-bottom: 0;
  padding-bottom: 0;
}

#main-contents .commentlist .comment-image:nth-child(3) {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 5px;
  margin-left: 0px;
  border-bottom: 0;
  padding-bottom: 0;
}

#main-contents .commentlist p.comment-image img {
  object-fit: contain;
  width: 55px;
  height: 55px;
  background-color: #000;
}

#main-contents p.comment-image:before {
  content: '';
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url();
  background-color: #FFF;
  background-position: center;
  right: 0;
  bottom: 3px;
  border-radius: 5px 0px 0 5px;
  padding: 5px;
  background-size: 15px;
  opacity: 0.8;
}

#main-contents p.comment-image:hover {
  opacity: 0.7;
  cursor: pointer;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-contents .commentlist p.comment-image {
    margin-left: 10px;
  }

  #main-contents .commentlist p.comment-image img {
    width: 50px;
    height: 50px;
  }

  #main-contents p.comment-image:before {
    width: 10px;
    height: 10px;
    bottom: 5px;
    padding: 5px;
    background-size: 15px;
  }
}

@media screen and (max-width:320px) {
  #main-contents .commentlist p.comment-image {
    margin-left: 10px;
    margin-bottom: 5px;
  }

  #main-contents .commentlist p.comment-image img {
    width: 50px;
    height: 50px;
  }

  #main-contents p.comment-image:before {
    width: 10px;
    height: 10px;
    bottom: 5px;
    padding: 5px;
    background-size: 15px;
  }
}

#main-contents #comment_form #comment-image-wrapper {
  margin: 10px 0 0 0;
}

#main-contents #comment_form p#throwsSpamAway {
  font-size: 11px;
  color: #777;
}

#main-contents #comment_form #comment-image-wrapper ul {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

#main-contents #comment_form #comment-image-wrapper li {
  width: 25%;
  margin: 0 5px 0 0;
  text-align: center;
}

#main-contents #comment_form #comment-image-wrapper li:last-child {
  margin-right: 0;
}

#main-contents #comment_form #comment-image-wrapper label {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#main-contents #comment_form #comment-image-wrapper label span.file_path {
  display: block;
  background-color: #dde4e6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 25px 0 5px;
  border-radius: 4px;
  text-align: left;
  border: 1px solid #b2c7ce;
  height: 30px;
  line-height: 30px;
  background-size: 13px;
  background-position: 95% 50%;
  background-image: url();
  background-repeat: no-repeat;
}

#main-contents #comment_form #comment-image-wrapper label span.file_path:hover {
  opacity: 0.8;
}

#main-contents #comment_form #comment-image-wrapper label span.file_path.file_selected {
  display: block;
  background-color: #5ab2d6;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 25px 0 5px;
  border-radius: 4px;
  text-align: left;
  border: 1px solid #4e9dbd;
  height: 30px;
  line-height: 30px;
  background-size: 13px;
  background-position: 95% 50%;
  background-image: url();
  background-repeat: no-repeat;
}

#main-contents #comment_form #comment-image-wrapper li p {
  margin: 6px 0 0 0;
}

#comment_form #submit,
#comment_form #submitbtn {
  cursor: pointer;
}

#comment_form #submit,
#comment_form #submitbtn:hover {
  opacity: 0.8;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-contents #comment_form #comment-image-wrapper li {
    width: 24%;
    margin: 0 5px 0 0;
  }

  #main-contents #comment_form #comment-image-wrapper label {
    font-size: 10px;
  }

  #main-contents #comment_form #comment-image-wrapper label span.file_path {
    display: block;
    background-color: #dde4e6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0px 0 5px;
    border-radius: 4px;
    text-align: left;
    border: 1px solid #b2c7ce;
    height: 30px;
    line-height: 30px;
    background-size: 10px;
    background-position: 97% 50%;
    background-image: url();
    background-repeat: no-repeat;
  }

  #main-contents #comment_form #comment-image-wrapper label span.file_path.file_selected {
    display: block;
    background-color: #5ab2d6;
    color: #FFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 10px 0 5px;
    border-radius: 4px;
    text-align: left;
    border: 1px solid #4e9dbd;
    height: 30px;
    line-height: 30px;
    background-size: 10px;
    background-position: 97% 50%;
    background-image: url();
    background-repeat: no-repeat;
  }
}
}

.local_photo {}

.local_photo img {
  width: 100%;
  object-fit: contain;
  height: 120px;
  background-color: #000;
}

p.commentimgsub a.hide {
  float: right;
}

/*------------------------------------------------------------
コメント書き込みフォーム追記分
-------------------------------------------------------------*/
.error_msg {
  color: #f00;
  padding: 10px 5px;
  border: solid 2px #ffff00;
}

#comreload {
  cursor: pointer;
}

#more_comment {
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  color: #39f;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin: -1px 0 0 0;
}

#comment_description {
  margin: 10px 0;
}

/*------------------------------------------------------------
書き込み画像
-------------------------------------------------------------*/
#comment_filter_background {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
  display: none;
}

#comment_popup_image {
  display: none;
  position: fixed;
}

#comment_popup_image .popup-in {
  width: 670px;
  height: 670px;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 998;
  position: fixed;
  background: #171717;
  padding: 10px;
  border-radius: 5px;
}

#comment_popup_image img {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 650px;
  max-height: 650px;
}

#comment_popup_image div.close-box {
  /* width: 750px; */
  /* height: 50px; */
  display: block;
  margin: 0 auto;
  position: relative;
}

#comment_popup_image span.popup-close {
  width: 40px;
  height: 40px;
  background-color: #f5f5f5;
  border: 2px solid #34a3d1;
  position: relative;
  margin: 0;
  z-index: 1;
  border-radius: 10px;
  cursor: pointer;
  display: block;
  float: right;
}

#comment_popup_image span.popup-close:before {
  content: "×";
  position: absolute;
  top: -5px;
  left: 9px;
  z-index: 1;
  font-size: 30px;
  font-weight: bold;
  line-height: normal;
}

#comment_popup_image span.popup-close:hover {
  opacity: 0.8;
}

/*------------------------------------------------------------
書き込み画像
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  #comment_filter_background {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
    display: none;
  }

  #comment_popup_image {
    display: none;
    position: fixed;
  }

  #comment_popup_image .popup-in {
    width: 100% !important;
    height: 60% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }

  #comment_popup_image img {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100% !important;
    max-height: none !important;
  }

  #comment_popup_image div.close-box {
    width: 750px;
    height: 50px;
    display: block;
    margin: 0 auto;
    position: relative;
  }

  #comment_popup_image span.popup-close {
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border: 2px solid #34a3d1;
    position: relative;
    margin: 0;
    z-index: 1;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    float: right;
  }

  #comment_popup_image span.popup-close:before {
    content: "×";
    position: absolute;
    top: -5px;
    left: 9px;
    z-index: 1;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
  }

  #comment_popup_image span.popup-close:hover {
    opacity: 0.8;
  }

  #comment_popup_image span.popup-close {
    width: 30px;
    height: 30px;
    background-color: #f5f5f5;
    border: 2px solid #34a3d1;
    position: absolute;
    top: -30px;
    right: -30px;
    margin: auto;
    z-index: 1;
    border-radius: 10px;
    cursor: pointer;
  }

  #comment_popup_image span.popup-close:before {
    content: "×";
    position: absolute;
    top: -5px;
    left: 6px;
    z-index: 1;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
  }

  #comment_popup_image .popup-in div.close-box {
    width: 70%;
    height: 50%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    opacity: 0.9;
  }
}

/*--------------------------------------------------------
iOS調整用
--------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {

  _::-webkit-full-page-media,
  _:future,
  :root #comment_popup_image span.popup-close:before {
    content: "×";
    position: absolute;
    top: -6px;
    left: 7px;
    z-index: 1;
    font-size: 24px;
    font-weight: bold;
    line-height: normal;
  }
}

/*--------------------------------------------------------
おすすめランキング
--------------------------------------------------------*/
body #osusume-game-ranking-area .PRrank-icon td.Apptitle {
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 10px;
  margin: 0;
  padding: 0 5px;
  display: table-cell;
}

.PRrank-icon td.Apptitle a {
  display: block;
  padding: 0 5px 0 0px;
  margin: 0;
  height: 100%;
  font-size: 11px;
}

.PRrank-icon td.Apptitle span {
  display: block;
}

.PRrank-icon td.Apptitle span:first-child {
  display: block;
  color: #0c749b;
  font-weight: bold;
  font-size: 11px;
}

.PRrank-icon td.Apptitle span:first-child:hover {
  display: block;
  color: #f60;
}

.PRrank-icon td.Apptitle span.haishin {
  color: #f00 !important;
}

.PRrank-icon td.Apptitle span {
  color: #444;
  font-weight: normal;
  font-size: 10px;
}

/*------------------------------------------------------------
RPランキング
-------------------------------------------------------------*/
table.PRrank-icon td {
  position: relative;
}

body table.PRrank-icon td a img {
  border-radius: 10px;
  position: relative;
  padding: 0px;
  border: 1px solid #e6e6e6;
}

body table.PRrank-icon td a.pr-rank-1:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-2:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url();
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-3:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-3.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-4:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-4.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-5:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-5.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-6:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-6.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-7:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-7.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-8:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-8.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-9:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-9.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon td a.pr-rank-10:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(//common/ranking_game/rank/pr-osusume-10.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  body table.PRrank-icon td a.pr-rank-1:before,
  body table.PRrank-icon td a.pr-rank-2:before,
  body table.PRrank-icon td a.pr-rank-3:before,
  body table.PRrank-icon td a.pr-rank-4:before,
  body table.PRrank-icon td a.pr-rank-5:before,
  body table.PRrank-icon td a.pr-rank-6:before,
  body table.PRrank-icon td a.pr-rank-7:before,
  body table.PRrank-icon td a.pr-rank-8:before,
  body table.PRrank-icon td a.pr-rank-9:before,
  body table.PRrank-icon td a.pr-rank-10:before {
    width: 35px;
  }
}


/*------------------------------------------------------------
RPランキング2
-------------------------------------------------------------*/
table.PRrank-icon2 td {
  position: relative;
}

body table.PRrank-icon2 td a img {
  border-radius: 10px;
  position: relative;
  padding: 0px;
  border: 1px solid #e6e6e6;
}

body table.PRrank-icon2 td a[class^="rank"] {
  text-decoration: underline !important;
}

body table.PRrank-icon2 tr a.rank-1:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url(//common/ranking_game/rank/pr-osusume-1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon2 tr a.rank-2:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url(//common/ranking_game/rank/pr-osusume-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon2 tr a.rank-3:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url(//common/ranking_game/rank/pr-osusume-3.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon2 tr a.rank-4:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url(//common/ranking_game/rank/pr-osusume-4.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon2 tr a.rank-5:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url(//common/ranking_game/rank/pr-osusume-5.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

body table.PRrank-icon2 tr a.rank-6:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 45px;
  height: 45px;
  background-image: url(//common/ranking_game/rank/pr-osusume.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
}

table.PRrank-icon2 td .osusumerank-dlbt {
  width: 100%;
  margin: 0;
  padding: 5px;
}

table.PRrank-icon2 td .osusumerank-dlbt p {
  width: 100%;
  margin: 5px 0 !important;
  padding: 0;
}

table.PRrank-icon2 td .osusumerank-dlbt a {
  width: auto;
  text-align: center;
  padding: 4px 0px 3px 0px;
  margin: 0 0 3px;
  border-radius: 3px;
  display: block;
  background: #34a3d1;
  color: #ffffff;
  font-size: 10px;
  box-shadow: 0 2px 0px 0px #166f94;
  width: 100%;
  position: relative;
}

table.PRrank-icon2 td .osusumerank-dlbt a:before {
  content: '▶';
  display: inline-block;
  margin-right: 3px;
}

table.PRrank-icon2 td .osusumerank-dlbt a:hover {
  opacity: 0.6;
}


/*-------------------------------------------------------
Twitterテーブル
-------------------------------------------------------*/
iframe.timeline-Body {
  border: 0px;
}

iframe.twitter-timeline {
  border: 1px solid #CCC !important;
}

.Tweet-bt-Tline {
  color: #FFF;
  border: 1px solid #fff;
  margin-top: -1px;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.Tweet-bt-Tline img {
  position: absolute;
  width: 5%;
  top: 36%;
  left: 10%
}

.Tweet-bt-Tline a:link {
  color: #FFF;
  background: #32c3ff;
  margin: 10px auto;
  width: 90%;
  display: block;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
}

.Tweet-bt-Tline a:visited {
  color: #FFF;
}

.Tweet-bt-Tline a:hover {
  color: #ffffff;
  background: #0074a4;
  margin: 10px auto;
  width: 90%;
  display: block;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
}

/*-------------------------------------------------------
Twitterテーブル(ウィジェット)
-------------------------------------------------------*/
.Tweet-bt-Tline2 {
  color: #FFF;
  border: 1px solid #CCC;
  margin-top: -1px;
  width: 100%;
  position: relative;
}

.Tweet-bt-Tline2 img {
  position: absolute;
  width: 5%;
  top: 36%;
  left: 10%
}

.Tweet-bt-Tline2 a:link {
  color: #FFF;
  background: #32c3ff;
  margin: 10px auto;
  width: 85%;
  display: block;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
}

.Tweet-bt-Tline2 a:visited {
  color: #FFF;
}

.Tweet-bt-Tline2 a:hover {
  color: #ffffff;
  background: #0074a4;
  margin: 10px auto;
  width: 85%;
  display: block;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  font-weight: bold;
}

/*------------------------------------------------------------
クイズ（PC用）
-------------------------------------------------------------*/
#main-contents .quizBtn-a {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-a.png") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main-contents .quizBtn-a:hover {
  background: url("/common/quiz-btn-a-hover.png") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main-contents .quizBtn-b {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-b.png") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main-contents .quizBtn-b:hover {
  background: url("/common/quiz-btn-b-hover.png") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main-contents .quizBtn-c {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-c.png") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main-contents .quizBtn-c:hover {
  background: url("/common/quiz-btn-c-hover.png") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main-contents .quizBtn-d {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 15px 5px 15px 40px;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-d.png") no-repeat 50%;
  background-size: 100%;
  font-size: 1.0em;
  line-height: 1.0em;
  text-align: left;
  cursor: pointer;
}

#main-contents .quizBtn-d:hover {
  background: url("/common/quiz-btn-d-hover.png") no-repeat 50%;
  background-size: 100%;
  color: #fff;
  border: none;
  background-color: none;
}

#main-contents a.quizmainBtn {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 35px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn.png") no-repeat 50%;
  background-size: 70%;
}

#main-contents a.quizmainBtn:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 70%;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents a.quizmainBtn2 {
  background-color: none;
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 35px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-s.png") no-repeat 50%;
  background-size: 70%;
}

#main-contents a.quizmainBtn2:hover {
  background-color: #FFF;
  border: none;
  border-radius: none;
  color: none;
  background-size: 70%;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn0 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0 !important;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n0.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn0:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn1 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n1.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn1:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn2 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n2.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn2:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn3 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n3.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn3:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn4 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n4.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn4:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#main-contents li.quizmainBtn5 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n5.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#main-contents li.quizmainBtn5:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#mainCenter ul.quizmainBtn-box li.quizmainBtn0 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 20px 0px !important;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n0.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#mainCenter ul.quizmainBtn-box li.quizmainBtn0:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#mainCenter li.quizmainBtn0 {
  border: none;
  border-radius: none;
  color: none;
  display: block;
  font-weight: bold;
  padding: 0px 0px !important;
  text-align: center;
  color: #FFF;
  background: url("/common/quiz-btn-n0.png") no-repeat 50%;
  width: 300px;
  margin: 10px auto;
}

#mainCenter li.quizmainBtn0:hover {
  background-color: #FFF;
  background-color: none;
  background-size: 300px;
  color: #fff;
  border: none;
  background-color: none;
  opacity: 0.8;
}

#mainCenter li.quizmainBtn0 a:link,
#mainCenter li.quizmainBtn0 a:visited {
  color: #FFF;
  display: block;
  padding: 20px;
}

#main-contents li.quizmainBtn0 a:link,
#main-contents li.quizmainBtn0 a:visited {
  color: #FFF;
  display: block;
}

/*------------------------------------------------------------
応募フォーム
-------------------------------------------------------------*/
#oubo-form {
  background: rgba(75, 195, 232, 1);
  background: -moz-linear-gradient(-45deg, rgba(75, 195, 232, 1) 0%, rgba(0, 87, 181, 1) 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(75, 195, 232, 1)), color-stop(100%, rgba(0, 87, 181, 1)));
  background: -webkit-linear-gradient(-45deg, rgba(75, 195, 232, 1) 0%, rgba(0, 87, 181, 1) 100%);
  background: -o-linear-gradient(-45deg, rgba(75, 195, 232, 1) 0%, rgba(0, 87, 181, 1) 100%);
  background: -ms-linear-gradient(-45deg, rgba(75, 195, 232, 1) 0%, rgba(0, 87, 181, 1) 100%);
  background: linear-gradient(135deg, rgba(75, 195, 232, 1) 0%, rgba(0, 87, 181, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4bc3e8', endColorstr='#0057b5', GradientType=1);
  border-radius: 5px;
  padding: 5px;
}

#oubo-form div {
  background: #fbfbfb;
  padding: 10px;
  border-radius: 5px;
}

#oubo-form div .error-item {
  color: #ff4e4e;
  width: 100%;
}

#oubo-form div>p:first-child {
  text-align: center;
  border-bottom: 1px solid #4ac2e7;
  padding-bottom: 10px;
}

#oubo-form div>p:first-child span {
  font-size: 16px !important;
}

#oubo-form div>p:nth-child(2) {
  text-align: center;
}

#oubo-form dl {
  margin: 20px auto 0;
  display: block;
  text-align: center;
  width: 100%;
}

#oubo-form dl dt {
  padding: 7px 0 0;
  margin: 0;
  display: inline-block;
  width: 35%;
  vertical-align: top;
  text-align: left;
}

#oubo-form dl dd {
  padding: 0;
  margin: 0 0 10px;
  display: inline-block;
  width: 55%;
  text-align: left;
}

#oubo-form dl dd input[type="text"] {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #999;
  text-align: left;
  padding: 5px;
}

#oubo-form dl dd label input[type="radio"] {
  vertical-align: middle;
}

#oubo-form dl dd label {
  display: inline-block;
  color: #444;
  padding: 5px 20px 5px 0px;
  font-weight: bold;
}

#oubo-form dl dd label input {
  margin-right: 5px;
}

.oubo-button-area {
  width: 100%;
  text-align: center;
}

#oubo-form .oubo-button-area button.form-submit:hover {
  background-position: right center;
}

#oubo-form .oubo-button-area button.form-submit {
  width: 90%;
  background-image: linear-gradient(-30deg, #1d00b9, #4b76e2, #4bb7ff);
  transition: .5s;
  background-size: 200%;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 8px 0 8px;
  border: 0;
  margin: 10px auto;
  display: block;
  font-size: 16px;
}

/*--------------------------------------------------------
みんなの攻略パーティ(button)
-------------------------------------------------------*/
button#form_button {
  display: block;
  width: 40%;
  position: relative;
  border-radius: 5px;
  font-weight: bold;
  box-sizing: border-box;
}

button#form_button:hover {
  opacity: 0.7;
}

button#form_button:before {
  content: url(/common/submitBtn.jpg);
  color: #FFF;
  display: inline-block;
}

#form_button img {
  display: none !important;
}

div#reset.gachaBtn {
  background: #888;
  color: #FFF;
  display: block;
  padding: 8px;
  width: 143px !important;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 1px #444;
  cursor: pointer;
  border: 0px solid #c8c7cc;
  box-sizing: border-box;
}

div#reset.gachaBtn:hover {
  opacity: 0.7;
  background: #888;
}

div#reset.gachaBtn:before {
  content: '';
  color: #FFF;
}

/*--------------------------------------------------------
検索フォーム(button)
-------------------------------------------------------*/
#siborikomiForm .searchBtn input[type="button"].clearForm {
  background: #888;
  color: #FFF;
  display: inline-block;
  padding: 8px;
  width: 143px !important;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 1px #444;
  cursor: pointer;
  border: 0px solid #c8c7cc;
  box-sizing: border-box;
  font-size: 12px;
}

#siborikomiForm .searchBtn input[type="submit"] {
  background: #34a3d1;
  display: inline-block;
  padding: 8px;
  width: 143px;
  position: relative;
  border-radius: 5px;
  box-shadow: 0px 2px 0px 1px #0094cc;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
}

#siborikomiForm .searchBtn input[type="button"].clearForm:hover,
#siborikomiForm .searchBtn input[type="submit"]:hover {
  opacity: 0.6;
}

#siborikomiForm .searchBtn {
  margin: 0 auto;
  width: 100%;
}

/*--------------------------------------------------------
トップ用ガチャ枠
-------------------------------------------------------*/
#main-contents .top-gacha-list {
  text-align: center;
  padding: 0 10px 10px;
}

#main-contents .top-gacha-list ul {
  margin: 0 0 10px 0;
}

#main-contents .top-gacha-list img {
  text-align: center;
  margin: 0 auto 5px;
  display: block;
  width: 100%
}

/*--------------------------------------------------------
h1コメントSNS
-------------------------------------------------------*/
/*
body #main-contents .post h1{
background: rgba(1,51,132,1);
background: -moz-linear-gradient(left, rgba(1,51,132,1) 0%, rgba(45,1,55,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,51,132,1)), color-stop(100%, rgba(45,1,55,1)));
background: -webkit-linear-gradient(left, rgba(1,51,132,1) 0%, rgba(45,1,55,1) 100%);
background: -o-linear-gradient(left, rgba(1,51,132,1) 0%, rgba(45,1,55,1) 100%);
background: -ms-linear-gradient(left, rgba(1,51,132,1) 0%, rgba(45,1,55,1) 100%);
background: linear-gradient(to right, rgba(1,51,132,1) 0%, rgba(45,1,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013384', endColorstr='#2d0137', GradientType=1 );
width:100%;
margin:0 0 10px 0;
padding:5px 5px 5px 12px;
box-sizing:border-box;
color:#FFF;
}
*/
body #main-contents .post h1 {
  width: 100%;
  margin: 0 0 0px 0;
  padding: 0px 5px 5px 0px;
  box-sizing: border-box;
}

#main-contents .h-koushin-box {
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: 15px;
  margin: 5px 0 10px;
  padding: 0;
  border-bottom: 1px slide #ccc;
}

#main-contents .h-koushin-box p.saisyu-txt {
  display: inline-block;
  text-align: left;
  background: url(/common/koushin-icon.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 4px center;
  color: #9b9b9b;
  padding-left: 20px;
  margin: 0;
  font-size: 11px;
}

#main-contents .h-koushin-box p.comment-txt {
  display: inline-block;
  color: #0c749b;
  float: right;
  margin: 0 5px 0 0;
  font-weight: bold;
  cursor: pointer;
  font-size: 11px;
}

#main-contents .h-koushin-box p.comment-txt img {
  width: 16px;
  margin-right: 5px;
}

#main-contents .sns-copytxt {
  width: 100%;
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #ccc;
  margin: 0px 0 0px;
  padding-bottom: 0px;
}

#main-contents p.mainImage {
  margin: 0 0 10px 0;
  padding: 0;
}

.h-koushin-box+.article p:first-child {
  margin-bottom: 10px !important;
}

.h-koushin-box+.article p:nth-child(2):empty {
  display: none;
}

#main-contents p.mainImage+p:empty {
  display: none;
}

#main-contents .sns-copytxt+p:empty {
  display: none;
}

#main-contents .sns-copytxt ul {
  display: flex;
  margin: 5px 0;
  padding: 0px 0px 0px 0;
  border-right: 0px solid #ccc;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
}

#main-contents .sns-copytxt ul li {
  padding: 5px 0 5px 5px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-size: 10px;
  display: none;
  width: 33.3%;
}

#main-contents .sns-copytxt ul .share-btn {
  padding: 0px;
  background: #FFF;
  border: 1px solid #bcd1d7;
  display: inline-block;
  margin: 0 0 0 0px;
  font-size: 12px;
  font-weight: bold;
  color: #20bee2;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-image: url(/common/socialicon/i-twitter.png);
  background-repeat: no-repeat;
  background-position: 45px center;
  background-size: 16px;
}

#main-contents .sns-copytxt ul .share-btn:hover {
  opacity: 0.6;
}

#main-contents .sns-copytxt ul .share-btn a {
  color: #20bee2;
  display: block;
  padding: 5px 0 5px 21px;
}

#main-contents .sns-copytxt ul .share-btn a:hover {
  display: block;
  padding: 5px 0 5px 21px;
}

#main-contents .sns-copytxt ul .share-btn img {
  width: 15px;
  max-width: none;
  vertical-align: middle;
  margin-right: 3px;
  display: none !important;
}

#main-contents .sns-copytxt ul .url-copy-btn {
  padding: 5px 0 0 25px;
  background: #FFF;
  border: 1px solid #bcd1d7;
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
  font-weight: bold;
  color: #f39800;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #bcd1d7;
  border-left: 1px solid #bcd1d7;
  background-image: url(/common/copytxt-icon.png);
  background-repeat: no-repeat;
  background-position: 42px center;
  background-size: 16px;
}

#main-contents .sns-copytxt ul .url-copy-btn:hover {
  opacity: 0.6;
}

#main-contents .sns-copytxt ul .url-copy-btn img {
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  display: none !important;
}

#main-contents .sns-copytxt ul .favorite-button {
  padding: 5px 0 5px 18px;
  display: inline-block;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  background: #FFF;
  border: 1px solid #bcd1d7;
  color: #888;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-image: url(/common/okiniiri-icon-3.png);
  background-repeat: no-repeat;
  background-position: 37px center;
  background-size: 16px;
}

#main-contents .sns-copytxt ul .favorite-button:hover {
  opacity: 0.6;
}

#main-contents .sns-copytxt ul .favorite-button.selected {
  padding: 5px 0 5px 18px;
  display: inline-block;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  background: #fffcd6;
  border: 1px solid #bcd1d7;
  color: #888;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-image: url(/common/okiniiri-icon-2.png);
  background-repeat: no-repeat;
  background-position: 37px center;
  background-size: 16px;
}

#main-contents .sns-copytxt ul .favorite-button a {
  color: #20bee2;
  display: block;
  padding: 5px;
}

#main-contents .sns-copytxt ul .favorite-button a:hover {
  color: #FFF;
  display: block;
  padding: 5px;
}

#main-contents .sns-copytxt ul .favorite-button img {
  width: 15px;
  max-width: none;
  vertical-align: middle;
  margin-right: 3px;
  display: none;
}

.sns-copytxt input.urlcopy {
  width: 90%;
  display: block;
  margin: 5px auto 10px;
  border-radius: 5px;
  border: solid 2px #f39800;
  color: #9b9b9b;
  padding: 3px 5px;
}

.url-copy-popup {
  position: absolute;
  background: #333;
  border: 1px solid #bcd1d7;
  color: #FFF;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 300px;
  height: 10%;
  opacity: 0.8;
  z-index: 2;
}

@media only screen and (max-width : 414px) {
  #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 29px center;
    background-size: 16px;
    padding-left: 5px;
  }

  #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 16px;
    padding-left: 23px;
  }

  #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-size: 16px;
    padding-left: 20px;
  }

  #main-contents .sns-copytxt ul .favorite-button.selected {
    background-image: url(/common/okiniiri-icon-2.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-size: 16px;
    padding-left: 20px;
  }

  #main-contents .sns-copytxt ul {
    display: flex;
    margin: 5px 0;
    padding: 0px 10px 0px 10px;
    border-right: 0px solid #ccc;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
  }
}

@media only screen and (max-width : 375px) {
  #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 24px center;
    background-size: 16px;
    padding-left: 3px;
  }

  #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 19px center;
    background-size: 16px;
    padding-left: 23px;
  }

  #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 16px;
    padding-left: 20px;
  }

  #main-contents .sns-copytxt ul .favorite-button.selected {
    background-image: url(/common/okiniiri-icon-2.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    background-size: 16px;
    padding-left: 20px;
  }
}

@media only screen and (max-width : 360px) {
  #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-size: 16px;
    padding-left: 2px;
  }

  #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 17px center;
    background-size: 16px;
    padding-left: 23px;
  }

  #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 16px;
    padding-left: 19px;
  }

  #main-contents .sns-copytxt ul .favorite-button.selected {
    background-image: url(/common/okiniiri-icon-2.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 16px;
    padding-left: 19px;
  }
}

@media only screen and (max-width : 320px) {
  #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 16px;
    padding-left: 0px;
  }

  #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 16px;
    padding-left: 23px;
  }

  #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 16px;
    padding-left: 20px;
  }

  #main-contents .sns-copytxt ul .favorite-button.selected {
    background-image: url(/common/okiniiri-icon-2.png);
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 16px;
    padding-left: 20px;
  }
}


/*--------------------------------------------------------
攻略班表示(本体用)
-------------------------------------------------------*/
body.home #mainCenter .h-koushin-box {
  margin: 2px 0 5px !important;
}

#mainCenter .h-koushin-box {
  margin: 3px 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#mainCenter .h-koushin-box:after {
  display: none;
}

.h-koushin-box p.khan-txt {
  margin: 2px 0 2px 0px !important;
  padding: 0 0 0 20px !important;
  font-size: 11px;
  background: url(/common/khan-icon.png);
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: 6px center;
  color: #9b9b9b;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: auto;
  text-align: right;
}

#mainCenter .h-koushin-box p.saisyu-txt {
  margin: 2px 0 2px 0 !important;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: auto;
  text-align: left;
}

#mainCenter .h-koushin-box p.comment-txt {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  body.home #mainCenter .h-koushin-box {
    margin: 2px 0 2px !important;
  }

  #mainCenter .h-koushin-box {
    margin: 3px 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  #mainCenter .h-koushin-box:after {
    display: none;
  }

  .h-koushin-box p.khan-txt {
    margin: 2px 5px 2px 0 !important;
    padding: 0 0 0 25px !important;
    font-size: 11px;
    background: url(/common/khan-icon.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 13px center;
    color: #9b9b9b;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: auto;
    text-align: right;
  }

  #mainCenter .h-koushin-box p.saisyu-txt {
    margin: 2px 0 2px 0 !important;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: auto;
    text-align: left;
  }

  #mainCenter .h-koushin-box {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 15px;
    margin: 2px 0 2px;
    padding: 0;
    border-bottom: 1px slide #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

#mainCenter .h-koushin-box+.sns-copytxt {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 0px solid #ccc;
  margin: 0px 0 10px;
  flex-wrap: wrap;
  text-align: center;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}


/*--------------------------------------------------------
h1コメントSNS(本体用)
-------------------------------------------------------*/
#mainCenter .h-koushin-box p.comment-txt {
  display: inline-block;
  color: #0c749b;
  float: right;
  margin: 0 5px 0 0;
  font-weight: bold;
  cursor: pointer;
  font-size: 11px;
}

#mainCenter .h-koushin-box p.comment-txt img {
  width: 16px;
  margin-right: 5px;
}

#mainCenter .sns-copytxt {
  width: 100%;
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #ccc;
  margin: 10px 0 0px;
  padding-bottom: 6px;
}

#mainCenter .sns-copytxt+p:empty {
  display: none;
}

#mainCenter .sns-copytxt ul {
  display: flex;
  margin: 5px 0;
  padding: 0px 0px 0px 0;
  border-right: 0px solid #ccc;
  width: 100%;
  box-sizing: border-box;
  justify-content: center;
}

#mainCenter .sns-copytxt ul li {
  padding: 5px 0 5px 5px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  font-size: 10px;
  display: none;
  width: 50%;
}

#mainCenter .sns-copytxt ul .share-btn {
  padding: 0;
  background: #FFF;
  border: 1px solid #bcd1d7;
  display: inline-block;
  margin: 0 0 0 0px;
  font-size: 12px;
  font-weight: bold;
  color: #20bee2;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-image: url(/common/socialicon/i-twitter.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 16px;
}

#mainCenter .sns-copytxt ul .share-btn:hover {
  opacity: 0.6;
}

#mainCenter .sns-copytxt ul .share-btn a {
  color: #20bee2;
  display: block;
  padding: 5px;
}

#mainCenter .sns-copytxt ul .share-btn a:hover {
  display: block;
  padding: 5px;
}

#mainCenter .sns-copytxt ul .share-btn img {
  width: 15px;
  max-width: none;
  vertical-align: middle;
  margin-right: 3px;
  display: none !important;
}

#mainCenter .sns-copytxt ul .url-copy-btn {
  padding: 5px;
  background: #FFF;
  border: 1px solid #bcd1d7;
  display: inline-block;
  margin: 0 5px;
  font-size: 12px;
  font-weight: bold;
  color: #f39800;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  border-right: 1px solid #bcd1d7;
  border-left: 1px solid #bcd1d7;
  background-image: url(/common/copytxt-icon.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 16px;
}

#mainCenter .sns-copytxt ul .url-copy-btn:hover {
  opacity: 0.6;
}

#mainCenter .sns-copytxt ul .url-copy-btn img {
  width: 15px;
  margin-right: 3px;
  vertical-align: middle;
  display: none !important;
}

#mainCenter .sns-copytxt ul .favorite-button {
  padding: 5px;
  display: inline-block;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  background: #FFF;
  border: 1px solid #bcd1d7;
  color: #888;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-image: url(/common/okiniiri-icon-3.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 16px;
}

#mainCenter .sns-copytxt ul .favorite-button:hover {
  opacity: 0.6;
}

#mainCenter .sns-copytxt ul .favorite-button.selected {
  padding: 5px;
  display: inline-block;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  background: #fffcd6;
  border: 1px solid #bcd1d7;
  color: #888;
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  background-image: url(/common/okiniiri-icon-2.png);
  background-repeat: no-repeat;
  background-position: 25px center;
  background-size: 16px;
}

#mainCenter .sns-copytxt ul .favorite-button a {
  color: #20bee2;
  display: block;
  padding: 5px;
}

#mainCenter .sns-copytxt ul .favorite-button a:hover {
  color: #FFF;
  display: block;
  padding: 5px;
}

#mainCenter .sns-copytxt ul .favorite-button img {
  width: 15px;
  max-width: none;
  vertical-align: middle;
  margin-right: 3px;
  display: none;
}

.sns-copytxt input.urlcopy {
  width: 90%;
  display: block;
  margin: 5px auto 10px;
  border-radius: 5px;
  border: solid 2px #f39800;
  color: #9b9b9b;
  padding: 3px 5px;
}

.url-copy-popup {
  position: absolute;
  background: #333;
  border: 1px solid #bcd1d7;
  color: #FFF;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 300px;
  height: 10%;
  opacity: 0.8;
  z-index: 2;
}

body#headermenuMb #main-contents .sns-copytxt {
  width: 100%;
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #ccc;
  margin: 5px 0 0px;
  padding-bottom: 0px;
}

/*--------------------------------------------------------
本体SNS修正前
-------------------------------------------------------*/
/*
body#headermenuMb #main-contents .sns-copytxt ul .share-btn a{
color:#20bee2;
display:block;
padding: 5px 0 5px 21px;
}
body#headermenuMb #main-contents .sns-copytxt ul .share-btn{
width:50%;
margin:0 5px 0 0px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn{
width:50%;
padding: 5px 0 5px 25px;
margin:0 0 0 5px;
}
@media
only screen and (max-width : 414px){
body#headermenuMb #main-contents .sns-copytxt ul .share-btn{
background-image:url(/common/socialicon/i-twitter.png);
background-repeat:no-repeat;
background-position: 60px center;
background-size:16px;
padding-left:10px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn{
background-image:url(/common/copytxt-icon.png);
background-repeat:no-repeat;
background-position: 56px center;
background-size:16px;
padding-left:30px;
}
body#headermenuMb #main-contents .sns-copytxt ul{
display: flex;
width:100%;
box-sizing:border-box;
justify-content: center;
}
}
@media
only screen and (max-width : 375px){
body#headermenuMb #main-contents .sns-copytxt ul .share-btn{
background-image:url(/common/socialicon/i-twitter.png);
background-repeat:no-repeat;
background-position: 50px center;
background-size:16px;
padding-left:3px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn{
background-image:url(/common/copytxt-icon.png);
background-repeat:no-repeat;
background-position: 48px center;
background-size:16px;
padding-left:23px;
}
}
@media
only screen and (max-width : 360px){
body#headermenuMb #main-contents .sns-copytxt ul .share-btn{
background-image:url(/common/socialicon/i-twitter.png);
background-repeat:no-repeat;
background-position: 45px center;
background-size:16px;
padding-left:2px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn{
background-image:url(/common/copytxt-icon.png);
background-repeat:no-repeat;
background-position: 42px center;
background-size:16px;
padding-left:25px;
}
}
@media
only screen and (max-width : 320px){
body#headermenuMb #main-contents .sns-copytxt ul .share-btn{
background-image:url(/common/socialicon/i-twitter.png);
background-repeat:no-repeat;
background-position: 40px center;
background-size:16px;
padding-left:5px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn{
background-image:url(/common/copytxt-icon.png);
background-repeat:no-repeat;
background-position: 35px center;
background-size:16px;
padding-left:25px;
}
}
*/

/*--------------------------------------------------------
本体SNS修正後
-------------------------------------------------------*/
@media only screen and (max-width : 414px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 16px;
    padding: 0px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
    padding: 6px 0 0px 20px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
    padding: 6px 0 0px 20px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
  }
}

@media only screen and (max-width : 375px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 16px;
    padding-left: 3px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
    padding-left: 23px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
    padding-left: 25px;
  }
}

@media only screen and (max-width : 360px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-size: 16px;
    padding-left: 2px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px;
    padding-left: 25px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-image: url(/common/okiniiri-icon-3.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 16px;
    padding-left: 20px;
  }
}

@media only screen and (max-width : 320px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 40px center;
    background-size: 16px;
    padding-left: 5px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    background-size: 16px;
    padding-left: 25px;
  }
}

/*--------------------------------------------------------
新しい追従ナビ
-------------------------------------------------------*/
body #menubar_button_Rnew.fixed {
  position: fixed;
  top: 0;
  z-index: 999999;
  display: block;
  background: #FFF;
  opacity: 0.95;
}

body #menubar_button_Rnew {
  margin: 0px;
  padding: 0px;
  border-top: 0px;
  border-bottom: 2px solid #dcdddd;
  background: #FFF;
  width: 100%;
  display: none;
}

body #menubar_button_Rnew div.topNani-icon {
  padding: 0;
  margin: 5px 0px 5px 10px;
  display: inline-block;
  width: 57%;
}

body #menubar_button_Rnew div.topNani-icon a {
  font-size: 12px;
  font-weight: bold;
  color: #595757;
  display: block;
}

body #menubar_button_Rnew div.topNani-icon a span {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
}

body #menubar_button_Rnew div.topNani-icon img {
  width: 35px;
  height: 35px;
  border: 1px solid #c5d9e0;
  border-radius: 5px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  display: inline-block;
}

body #menubar_button_Rnew ul.nav-icon-menu {
  display: inline-block;
  width: 40%;
  text-align: right;
  float: right;
  margin: 0;
  padding: 0;
  box-shadow: none;
}

body #menubar_button_Rnew ul.nav-icon-menu li {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  border: 0px solid #e4eff0;
  margin-right: 0px;
  border-radius: 0px;
  background-color: transparent;
}

body #menubar_button_Rnew ul.nav-icon-menu li a {
  display: inline-block;
}

body #menubar_button_Rnew ul.nav-icon-menu img {
  width: 25px;
  margin: 10px;
}

body #menubar_button_Rnew ul.nav-icon-menu:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

@media only screen and (max-width : 320px) {
  body #menubar_button_Rnew ul.nav-icon-menu {
    display: inline-block;
    width: 35%;
    text-align: right;
    float: right;
    margin: 0;
    padding: 6px 5px 0 0;
    box-shadow: none;
  }

  body #menubar_button_Rnew ul.nav-icon-menu img {
    width: 23px;
    margin: 5px;
  }

  body #menubar_button_Rnew div.topNani-icon a span {
    display: inline-block;
    vertical-align: middle;
    width: 75%;
  }

  body #menubar_button_Rnew div.topNani-icon {
    padding: 0;
    margin: 5px 0px 5px 10px;
    display: inline-block;
    width: 58%;
  }
}

body #menubar_button_Rnew.fixed {
  position: fixed;
  top: 0;
  z-index: 999999;
  display: block;
  background: #f5f5f5;
  opacity: 1;
  padding: 6.5px 0;
}

body #menubar_button_Rnew {
  margin: 0px;
  padding: 0px 0;
  border-top: 0px;
  border-bottom: 0px solid #dcdddd;
  transition: transform .1s ease-out;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
  background: #f5f5f5;
  width: 100%;
  display: flex;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  display: none;
}

ul.nav-menu-list {
  display: flex;
  width: 100%;
  min-width: max-content;
  flex-wrap: wrap;
}

ul.nav-menu-list li:first-child a {
  margin: 0;
  padding: 0px 10px 0px 0;
  display: block;
  width: auto;
  vertical-align: middle;
  color: #34a3d1;
  font-weight: bold;
  font-size: 13px;
}

ul.nav-menu-list li a {
  padding: 0px 10px;
  display: block;
  width: auto;
  vertical-align: middle;
  line-height: 2em;
  border-right: 1px solid #e4e4e4;
  color: #34a3d1;
  font-weight: 700;
  font-size: 13px;
}

ul.nav-menu-list li img {
  width: 24px;
  height: 24px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  vertical-align: middle;
  margin: 0 8px 0 5px;
  display: inline-block;
}


/*--------------------------------------------------------
投票デザイン
--------------------------------------------------------*/
.enqueteWrap li {
  margin-bottom: 5px !important;
}

.enqueteWrap .touhyoIcon {
  background: #014c6b none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff !important;
  display: inline-block;
  padding: 2px;
  text-align: center;
  float: left;
}

.enqueteWrap li .touhyoIcon {
  position: relative;
}

.enqueteWrap li .touhyoIcon img {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  display: block;
  object-fit: cover;
  object-position: 0px 0px;
}

.enqueteWrap li .touhyoIcon a.tohyoBtn+img {
  width: 35px;
  height: 35px;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  display: block;
  object-fit: cover;
  object-position: 0px -10px;
}

.enqueteWrap li .touhyoIcon a.tohyoBtn {
  background: none;
  border-radius: 4px;
  color: #fff !important;
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  float: none;
  position: absolute;
  bottom: 1;
  width: 35px;
  height: 35px;
}

.enqueteWrap li .touhyoIcon a.tohyoBtn:hover {
  opacity: 0.9;
}

.enqueteWrap li .touhyoIcon a.tohyoBtn span {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1298d6;
  width: 100%;
  border-radius: 0 0 4px 4px;
  line-height: 1.3em;
}

.enqueteWrap li div.tohyoWrap {
  border: 1px solid #dadada;
  border-radius: 0px;
  display: inline-block;
  float: right;
  margin-left: 0px;
  position: relative;
  width: 90% !important;
  height: 37px;
}

.enqueteWrap input {
  border-radius: 4px;
}

.enqueteWrap .tohyoTxt {
  left: 10px;
  position: absolute;
  top: 25%;
  font-weight: 700;
}

.enqueteWrap .tohyoTxt+span {
  position: absolute;
  right: 10px !important;
  top: 25% !important;
  font-weight: bold;
}

.enqueteWrap .tohyoBtn02 {
  float: left;
}

.enqueteWrap .tohyoWrap02 {
  border: 1px solid #dadada !important;
}

.enqueteWrap .tohyoWrap02 .tohyoContents01 {
  background-color: #dadada none repeat scroll 0 0 !important;
  background: -webkit-repeating-linear-gradient(-45deg, #fdd000, #fdd000 2px, #ffc900 2px, #ffc900 5px) !important;
  background: repeating-linear-gradient(-45deg, #fdd000, #fdd000 2px, #ffc900 2px, #ffc900 5px) !important;
}

.enqueteWrap .tohyoWrap {
  border: 1px solid #ade1f7;
  border-radius: 4px;
  display: inline-block;
  float: left;
  margin-left: 7px;
  position: relative;
  width: 75%;
  height: 22px;
}

.enqueteWrap .tohyodefo {
  display: inline-block;
  height: 30px;
}

.enqueteWrap .tohyoContents01 {
  background: #fff6cd none repeat scroll 0 0;
  display: inline-block;
  height: 37px;
  width: 10%;
  text-align: center;
  vertical-align: middle;
}

@media only screen and (max-width : 429px) {
  .enqueteWrap li div.tohyoWrap {
    width: 85% !important;
  }
}

@media only screen and (max-width : 415px) {
  .enqueteWrap ul {
    margin-top: 10px !important;
  }

  .post .enqueteWrap ul li {
    padding: 0 0px;
  }

  .enqueteWrap ul li {
    margin: 0 5px;
  }

  .enqueteWrap li div.tohyoWrap {
    border: 1px solid #dadada;
    border-radius: 0px;
    display: inline-block;
    float: right;
    margin-left: 0px;
    position: relative;
    width: 85% !important;
    height: 37px;
  }
}

@media only screen and (max-width : 376px) {
  .enqueteWrap li div.tohyoWrap {
    width: 86% !important;
  }
}

@media only screen and (max-width : 360px) {
  .enqueteWrap li div.tohyoWrap {
    width: 86% !important;
  }
}

@media only screen and (max-width : 360px) {
  .enqueteWrap li div.tohyoWrap {
    width: 85% !important;
  }
}

/*--------------------------------------------------------
掲示板一覧(NEW)
-------------------------------------------------------*/
ul.keijiban-post-list {
  box-sizing: border-box;
}

.keijiban-post-list li a {
  width: 100%;
  min-height: 50px;
  display: block;
  box-sizing: border-box;
  padding: 4px 10px 0px;
  position: relative;
  cursor: pointer;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
  background-color: #fcfcfc;
  margin: 5px 0 !important;
  line-height: normal !important;
  border: 1px solid #d1d3e1;
  border-radius: 5px;
}

ul.keijiban-post-list li a:hover {
  opacity: 0.6;
  background: #f0f0f0;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
}

ul.keijiban-post-list li .post-title {
  font-size: 14px;
  color: #0c749b;
  font-weight: bold;
  margin-bottom: 0px;
  width: 100%;
}

ul.keijiban-post-list li .comment-digest {
  padding-right: 0px;
  padding-bottom: 0px;
}

ul.keijiban-post-list li .info-line {
  position: absolute;
  left: 10px;
  bottom: 0px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 90%;
}

ul.keijiban-post-list li .info-line span.last-updated {
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  color: #888;
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

ul.keijiban-post-list li .info-line span.last-updated:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/common/icon-time.png);
  background-size: 12px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

ul.keijiban-post-list li .info-line span.comment-count {
  padding: 0px 0px 0px 2px;
  color: #5;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 21%;
  margin-right: 5px;
}

ul.keijiban-post-list li .info-line span.comment-count:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/common/icon-come5.png);
  background-size: 12px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 0px;
}

/*--------------------------------------------------------
新着スレッド(NEW)
-------------------------------------------------------*/
ul.keijiban-newthread-list {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  box-sizing: border-box;
}

ul.keijiban-newthread-list li {
  padding: 0 !important;
  margin: 0 !important;
}

ul.keijiban-newthread-list li a {
  width: 100%;
  min-height: 50px;
  display: block;
  box-sizing: border-box;
  padding: 10px 10px 25px 10px;
  position: relative;
  cursor: pointer;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
  margin: 0 !important;
  line-height: normal !important;
}

ul.keijiban-newthread-list li:nth-child(odd) a {
  background-color: #f6fdff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}

ul.keijiban-newthread-list li a:hover {
  opacity: 0.6;
  background: #f0f0f0;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
}

ul.keijiban-newthread-list li .post-title {
  font-size: 14px;
  color: #0c749b;
  font-weight: bold;
  margin-bottom: 3px;
}

ul.keijiban-newthread-list li .comment-digest {
  padding-right: 25px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.keijiban-newthread-list li a .comment-digest {
  color: #333;
}

ul.keijiban-newthread-list li .info-line {
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: -10px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
}

ul.keijiban-newthread-list li .info-line span.last-updated {
  padding: 10px 0px 10px 0px;
  font-size: 11px;
  color: #888;
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 30%;
}

ul.keijiban-newthread-list li .info-line span.last-updated:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/common/icon-time.png);
  background-size: 12px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

ul.keijiban-newthread-list li .info-line span.comment-count {
  padding: 10px 0px 10px 0px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 60%;
  padding: 10px 0px 10px 0px;
  margin-right: 5px;
}

ul.keijiban-newthread-list li .info-line span.comment-count:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/common/icon-come6.png);
  background-size: 14px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/*--------------------------------------------------------
人気スレッド(NEW)
-------------------------------------------------------*/
ul.keijiban-popularthread-list {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  box-sizing: border-box;
}

ul.keijiban-popularthread-list li {
  margin: 0 !important;
  padding: 0 !important;
}

ul.keijiban-popularthread-list li a {
  width: 100%;
  min-height: 50px;
  display: block;
  box-sizing: border-box;
  padding: 10px 10px 25px 10px;
  position: relative;
  cursor: pointer;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
  margin: 0 !important;
  line-height: normal !important;
}

ul.keijiban-popularthread-list li:nth-child(odd) {
  background-color: #f6fdff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}

ul.keijiban-popularthread-list li:hover {
  opacity: 0.6;
  background: #f0f0f0;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
}

ul.keijiban-popularthread-list li .post-title {
  font-size: 14px;
  color: #0c749b;
  font-weight: bold;
  margin-bottom: 3px;
}

ul.keijiban-popularthread-list li .comment-digest {
  padding-right: 35px;
  padding-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.keijiban-popularthread-list li a .comment-digest {
  color: #333;
}

ul.keijiban-popularthread-list li .info-line {
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: -10px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
}

ul.keijiban-popularthread-list li .info-line span.last-updated {
  padding: 10px 0px 10px 0px;
  font-size: 11px;
  color: #888;
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 30%;
}

ul.keijiban-popularthread-list li .info-line span.last-updated:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/common/icon-time.png);
  background-size: 12px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

ul.keijiban-popularthread-list li .info-line span.comment-count {
  padding: 10px 0px 10px 0px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 60%;
  padding: 10px 0px 10px 0px;
  margin-right: 5px;
}

ul.keijiban-popularthread-list li .info-line span.comment-count:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url(/common/icon-come6.png);
  background-size: 14px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/*--------------------------------------------------------
Goodコメントランキング(NEW)
-------------------------------------------------------*/
ul.keijiban-goodcomment-list {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  box-sizing: border-box;
}

ul.keijiban-goodcomment-list li {
  margin: 0 !important;
  padding: 0 !important;
}

ul.keijiban-goodcomment-list li a {
  width: 100%;
  min-height: 50px;
  display: block;
  box-sizing: border-box;
  padding: 10px 10px 25px 10px;
  position: relative;
  cursor: pointer;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
  margin: 0 !important;
  line-height: normal !important;
}

ul.keijiban-goodcomment-list li:nth-child(odd) {
  background-color: #f6fdff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  box-sizing: border-box;
}

ul.keijiban-goodcomment-list li:hover {
  opacity: 0.6;
  background: #f0f0f0;
  background-image: url(/common/icon-yajithread4.png);
  background-size: 10px;
  background-position: 97% center;
  background-repeat: no-repeat;
}

ul.keijiban-goodcomment-list li .post-title {
  font-size: 14px;
  color: #0c749b;
  font-weight: bold;
  margin-bottom: 3px;
}

ul.keijiban-goodcomment-list li .comment-digest {
  padding-right: 35px;
  padding-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul.keijiban-goodcomment-list li a .comment-digest {
  color: #333;
}

ul.keijiban-goodcomment-list li .info-line {
  text-align: right;
  position: absolute;
  right: 0px;
  bottom: -10px;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
}

ul.keijiban-goodcomment-list li .info-line span.last-updated {
  padding: 10px 0px 10px 0px;
  font-size: 11px;
  color: #888;
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 30%;
}

ul.keijiban-goodcomment-list li .info-line span.last-updated:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 23px;
  background-image: url(/common/icon-time.png);
  background-size: 12px;
  background-position: left 4px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

ul.keijiban-goodcomment-list li .info-line span.good-count {
  padding: 10px 0px 10px 0px;
  color: #888;
  font-size: 11px;
  font-weight: bold;
  display: inline-block;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: 60%;
  padding: 10px 0px 10px 0px;
  margin-right: 5px;
}

ul.keijiban-goodcomment-list li .info-line span.good-count:before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 23px;
  background-image: url(/altema/images/thumbs_up_gray.png);
  background-size: 14px;
  background-position: left 2px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  ul.keijiban-goodcomment-list li .info-line,
  ul.keijiban-popularthread-list li .info-line,
  ul.keijiban-newthread-list li .info-line,
  ul.keijiban-post-list li .info-line {
    width: 70%;
  }

  ul.keijiban-post-list li .info-line {
    width: 88%;
  }

  ul.keijiban-post-list li .info-line span.comment-count {
    width: 30%
  }

  ul.keijiban-post-list li .info-line span.last-updated {
    width: 40%
  }
}

@media only screen and (max-width: 320px) {

  ul.keijiban-goodcomment-list li .info-line,
  ul.keijiban-popularthread-list li .info-line,
  ul.keijiban-newthread-list li .info-line,
  ul.keijiban-post-list li .info-line {
    width: 80%;
  }
}


/*-------------------------------------------------------
ガチャボタン
-------------------------------------------------------*/
.gacha_btn a {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0px;
  text-decoration: none;
  border-radius: 4px;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
  transition: .5s;
  background-size: 200%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #002d60;
}

.gacha_btn a:hover {
  background-position: right center;
}

.gacha_btn:active a {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.gacha_btn {
  margin-bottom: 20px;
}

/*------------------------------------------------------------
シェアボタン
-------------------------------------------------------------*/
td#gacha-tweet-area a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 4px;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
  transition: .5s;
  background-size: 200%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #002d60;
  position: relative;
}

td#gacha-tweet-area a:before {
  content: '';
  margin-right: 4px;
  background-image: url(/common/socialicon/twitter-icon-bt.png);
  background-size: 50px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  top: 0;
  left: 0;
}

td#gacha-tweet-area a:hover {
  background-position: right center;
}

td#gacha-tweet-area a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

td.url-copy-btn a {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 4px;
  color: #fff !important;
  font-size: 14px;
  font-weight: bold;
  background-image: linear-gradient(-20deg, rgb(243, 50, 0), rgb(243, 107, 0), rgb(243, 128, 0));
  transition: .5s;
  background-size: 200%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #7e2a00;
  position: relative;
  cursor: pointer;
}

td.url-copy-btn a:before {
  content: '';
  margin-right: 4px;
  background-image: url(/common/socialicon/share-icon-bt.png);
  background-size: 50px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  top: 0;
  left: 0;
}

td.url-copy-btn a:hover {
  background-position: right center;
}

td.url-copy-btn a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  td.url-copy-btn a {
    width: 100%;
    padding: 10px 0px;
    font-size: 12px;
  }

  td#gacha-tweet-area a {
    width: 100%;
    padding: 10px 0px;
    font-size: 12px;
  }
}

/*-------------------------------------------------------
おすすめランキング用
-------------------------------------------------------*/
.rankingTable .newrank-point-box {
  background: #FFF;
  border: 1px solid #ff5d5d;
  border-radius: 5px;
  display: block;
  width: 100%;
  margin: 0 0 20px 0 !important;
}

.rankingTable .newrank-point-box p {
  margin: 0 !important;
  padding: 5px !important;
  color: #FFF;
  background: #ff5d5d;
  font-size: 12px;
  font-weight: bold;
}

.rankingTable .newrank-point-box ul {
  margin: 0 !important;
  padding: 0 !important;
}

.rankingTable .newrank-point-box li {
  margin: 0 !important;
  padding: 6px 5px !important;
  background: #FFF;
  border-bottom: 1px dashed #ccc;
}

.rankingTable .newrank-point-box li:last-child {
  border-bottom: 0px solid #ccc;
  border-radius: 5px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .rankingTable .gachaBtn-new-sp {
    background: #00b5ed;
    /* Old browsers */
    background: -moz-linear-gradient(left, #00b5ed 0%, #004de8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00b5ed 0%, #004de8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00b5ed 0%, #004de8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b5ed', endColorstr='#004de8', GradientType=1);
    /* IE6-9 */
    border-radius: 25px;
    color: #fff;
    display: block;
    border: 1px solid #34A3D1;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
  }
}

span.rank-sub {
  display: block;
  margin: 0 0 3px 15px;
}

p.rank-comment {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 5px 10px;
  color: #444;
  font-size: 11px;
  background: #fff2d7;
  border-radius: 10px;
  border: 1px solid #dde4e6;
}

p.rank-comment:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -23px;
  margin-top: -8px;
  border: 10px solid transparent;
  border-right: 15px solid #fff2d7;
  z-index: 2;
}

p.rank-comment:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -8px;
  border: 10px solid transparent;
  border-right: 15px solid #dde4e6;
  z-index: 1;
}

/*-------------------------------------------------------
事前登録通知ボタン枠
-------------------------------------------------------*/
.add_release_notice_btn {
  margin: 10px 0px 20px;
  box-sizing: border-box;
  border: 1px solid #dde4e6;
  padding: 10px 10px;
  border-radius: 5px;
  background: #fffcf5;
}

.add_release_notice_btn .gachaBtn {
  border: 1px solid #34a3d1;
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  background: #FFF;
}

.add_release_notice_btn .gachaBtn:hover {
  color: #fff;
  background: #34a3d1;
}

.add_release_notice_btn div {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.add_release_notice_btn p {
  margin: 0;
}

/*-------------------------------------------------------
人気ランキング(広告)
-------------------------------------------------------*/
#main-contents .ninki-ranking div[class^="adstir_native_wrapper_"] {
  padding: 0;
}

#main-contents .ninki-ranking div[class^="adstir_native_wrapper_"] {
  position: relative;
  background: #fff;
  padding: 8px;
  margin: 0 10px -1px;
  box-sizing: content-box;
  border: 1px solid #dde4e6;
  border-radius: 4px;
}

#main-contents .ninki-ranking span[class^="adstir_native_contents_"] {
  padding: 0px;
  border-bottom: 0;
}

#main-contents .ninki-ranking span[class^="adstir_native_banner_"] {
  border-radius: 4px;
  height: 35px;
  max-width: initial;
}

/*-----------------------------------
ランキングタブ
--------------------------------------*/
#main-contents ul.osusume-navi {
  display: flex;
}

#main-contents ul.osusume-navi li {
  margin: 0 !important;
  padding: 0;
  width: auto;
  width: 50%;
}

#main-contents ul.osusume-navi li:nth-of-type(1) {
  padding: 0 3px 0 0;
}

#main-contents ul.osusume-navi li:nth-of-type(2) {
  padding: 0 0px 0 3px;
}

#main-contents ul.osusume-navi li a {
  margin: 0 !important;
  width: auto;
}

#main-contents ul.osusume-navi+div {
  padding-top: 10px;
}

#main-contents ul.osusume-navi+div+div {
  padding-top: 10px;
}

/*--------------------------------------------------------
h1攻略班表示
-------------------------------------------------------*/
body.home #main-contents .h-koushin-box {
  margin: 2px 0 5px !important;
}

#main-contents .h-koushin-box {
  margin: 3px 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#main-contents .h-koushin-box:after {
  display: none;
}

.h-koushin-box p.khan-txt {
  margin: 2px 0 2px 0px !important;
  padding: 0 0 0 20px !important;
  font-size: 11px;
  background: url(/common/khan-icon.png);
  background-size: 7px;
  background-repeat: no-repeat;
  background-position: 6px center;
  color: #9b9b9b;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: auto;
  text-align: right;
}

#main #main-contents .h-koushin-box p.saisyu-txt {
  margin: 2px 0 2px 0 !important;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  width: auto;
  text-align: left;
}

#main-contents .h-koushin-box p.comment-txt {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 2px;
  margin-bottom: 2px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  body.home #main-contents .h-koushin-box {
    margin: 2px 0 2px !important;
  }

  #main-contents .h-koushin-box {
    margin: 3px 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  #main-contents .h-koushin-box:after {
    display: none;
  }

  .h-koushin-box p.khan-txt {
    margin: 2px 5px 2px 0 !important;
    padding: 0 0 0 25px !important;
    font-size: 11px;
    background: url(/common/khan-icon.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 13px center;
    color: #9b9b9b;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    width: auto;
    text-align: right;
  }

  #main #main-contents .h-koushin-box p.saisyu-txt {
    margin: 2px 0 2px 0 !important;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: auto;
    text-align: left;
  }

  #main-contents .h-koushin-box {
    display: inline-block;
    position: relative;
    width: 100%;
    min-height: 15px;
    margin: 2px 0 2px;
    padding: 0;
    border-bottom: 1px slide #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

#main-contents .h-koushin-box+.sns-copytxt {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 0px solid #ccc;
  margin: 0px 0 10px;
  flex-wrap: wrap;
  text-align: center;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}


/*--------------------------------------------------------
更新日表示DB（開発用）
-------------------------------------------------------*/
#main #main-contents p.saisyu-txt-db {
  margin: 2px 0 2px 3px !important;
}

#main-contents p.saisyu-txt-db {
  display: inline-block;
  text-align: left;
  background: url(/common/koushin-icon.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 4px 5px;
  color: #9b9b9b;
  padding-left: 20px;
  padding-top: 5px;
  margin: 0;
  font-size: 11px;
}

#mainCenter p.saisyu-txt-db {
  display: inline-block;
  text-align: left;
  background: url(/common/koushin-icon.png);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: 5px center;
  color: #9b9b9b;
  padding-left: 20px;
  margin: 0;
  font-size: 11px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main #main-contents p.saisyu-txt-db {
    margin: 2px 0 2px 10px !important;
  }
}


/*-------------------------------------------------------
コメント
-------------------------------------------------------*/
#main-contents .comment {
  padding: 0 0px 0px;
  border-bottom: 1px #bbb dashed;
  box-sizing: border-box;
}

#main-contents .comment+a {
  height: 10px;
  display: block;
}

#main-contents .comment-author {
  font-size: 11px;
  margin-bottom: 0px;
}

#main-contents .comment-author span:first-child {
  font-weight: bold;
  font-size: 12px;
  margin-right: 5px;
}

#main-contents .comment-author01 .authname {
  color: #999;
  font-size: 12px;
  margin-right: 5px;
}

#main-contents .comment-author01 .authname cite {
  font-style: normal;
  font-weight: bold;
}

#main-contents .comment p {
  padding: 10px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  margin: 0;
}

#main-contents .comment .getajcom {
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #39f;
  padding: 4px 12px 4px 10px;
  color: #39f;
  font-size: 80%;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 1.5;
}

#main-contents .comment .getajcom:hover {
  cursor: pointer;
  border-radius: 8px;
  border: 1px solid #39f;
  background: #39f;
  padding: 4px 12px 4px 10px;
  color: #FFF;
  font-size: 80%;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 10px;
  line-height: 1.5;
}

#main-contents .comment-meta {
  position: relative;
  padding: 10px 10px 10px;
  box-sizing: border-box;
  box-sizing: border-box;
  background: #FFF;
  margin: 10px 0 0 0;
}

#main-contents .comment-meta span {
  display: inline-block;
  font-size: 11px;
}

#main-contents .comment-meta span.comment-reply-link {
  float: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

#main-contents .comment-meta span.comment-reply-link a {
  padding: 3px 20px;
  font-size: 110%;
  background: #eaeaea;
  border: 1px solid #e1e8ed;
  border-radius: 5px;
  font-weight: bold;
  box-shadow: 0 0px 0 #cfcfcf;
  display: inline-block;
  width: 50px;
  text-align: center;
}

#main-contents .comment-meta span.comment-reply-link a:hover {
  opacity: 0.6;
  padding: 3px 20px;
  font-size: 110%;
  background: #747473;
  border: 1px solid #e1e8ed;
  border-radius: 5px;
  font-weight: bold;
  box-shadow: 0 0px 0 #cfcfcf;
  display: inline-block;
  width: 50px;
  text-align: center;
  color: #FFF;
}

/*-------------------------------------------------------
NEW404デザイン
-------------------------------------------------------*/
.error-new-box {
  margin: 10px 0 0px 0;
  padding: 0px 10px 10px;
}

.error-new-box p {
  text-align: center;
  font-size: 14px;
  padding: 5px;
}

.error-new-box a {
  display: block;
  text-align: center;
  margin: 30px auto 0;
  font-size: 14px;
  border: 1px solid #34a3d1;
  padding: 7px 0;
  width: 90%;
  transition: 0.3s;
  color: #34a3d1;
  border-radius: 2px;
}

.error-new-box a:hover {
  color: #fff;
  background: #34a3d1;
}

.error-new-box img {
  width: 80%;
  display: block;
  text-align: center;
  margin: 15px auto 30px;
}

/*-------------------------------------------------------
nwe一覧レビュー表示
-------------------------------------------------------*/
.review-icon {
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  background: rgba(31, 168, 106, 0.8);
  color: #fff;
  position: absolute;
  width: 92%;
  bottom: 3px;
  left: 0;
  margin: auto;
  right: 0;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  vertical-align: middle;
  padding: 0 0 0 0px;
}

.review-icon:after {
  box-sizing: border-box;
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/common/review-pen.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center;
  border: 1px solid #20946b;
}

.review-icon .review-i-txt {
  width: 100%;
  line-height: 18px;
  padding: 0 0px 0 20px;
  font-size: 10px;
  display: inline-block;
}

@media screen and (max-width:414px) {
  .review-icon {
    line-height: 16px;
    padding: 0 0px 0 18px;
    width: 95%;
    bottom: 3px;
    font-size: 10px;
    transform: scale(1);
  }

  .review-icon:after {
    width: 16px;
    height: 16px;
  }

  .review-icon .review-i-txt {
    width: 100%;
    line-height: 16px;
    padding: 0 0px 0 0px;
    font-size: 10px;
    transform: scale(1);
    display: inline-block;
  }
}

@media screen and (max-width:375px) {
  .review-icon {
    line-height: 16px;
    padding: 0 0px 0 0px;
    width: 95%;
    bottom: 3px;
    font-size: 10px;
  }

  .review-icon:after {
    width: 16px;
    height: 16px;
  }

  .review-icon .review-i-txt {
    width: 100%;
    line-height: 16px;
    padding: 0 0px 0 13px;
    font-size: 10px;
    transform: scale(0.9);
    display: inline-block;
  }
}

@media screen and (max-width:360px) {
  .review-icon {
    line-height: 16px;
    padding: 0 0px 0 0px;
    width: 100%;
    bottom: 3px;
    font-size: 10px;
    transform: scale(1);
  }

  .review-icon:after {
    width: 16px;
    height: 16px;
  }

  .review-icon .review-i-txt {
    width: 100%;
    line-height: 16px;
    padding: 0 0px 0 13px;
    font-size: 10px;
    transform: scale(0.9);
    display: inline-block;
  }
}

@media screen and (max-width:320px) {
  .review-icon {
    line-height: 14px;
    padding: 0 0px 0 0px;
    width: 100%;
    bottom: 3px;
    font-size: 10px;
    transform: scale(1);
  }

  .review-icon:after {
    width: 14px;
    height: 14px;
  }

  .review-icon .review-i-txt {
    width: 100%;
    line-height: 14px;
    padding: 0 0px 0 8px;
    font-size: 10px;
    transform: scale(0.8);
    display: inline-block;
  }
}

/*-------------------------------------------------------
トップ戻る
-------------------------------------------------------*/
p.top-back-bt {
  display: block;
  text-align: center;
  padding: 5px 0 !important;
  margin: 0px 0 20px 0 !important;
  color: #39f;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
}

.top-back-bt img {
  width: 35px;
  vertical-align: middle;
  margin-right: 5px;
}

/*------------------------------------------------------------
sortボタン
-------------------------------------------------------------*/
#main-contents .sort-th-re {
  position: relative;
  padding: 5px 4px 15px !important;
  cursor: pointer;
  line-height: normal;
}

.sort-re {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin: auto;
  color: #888;
  line-height: normal;
  font-size: 10px;
}

.sort-re.sort-re-on {
  color: #34a3d1;
  font-size: 10px;
}

/*-------------------------------------------------------
ツールチップ
-------------------------------------------------------*/
.altema-tooltip-outer {
  padding: 10px;
}

.tooltip-outer-white {
  background: #FFF;
  border: 0px solid #ababab;
  border-radius: 2px;
  box-shadow: 0px 0px 3px 1px #ababab;
}

.tooltip-outer-black {
  background: #333;
  border: 1px solid #ababab;
  border-radius: 2px;
  box-shadow: 0px 0px 3px 1px #c7c7c7;
  color: #FFF;
}

.tooltip-outer-black a {
  color: #448acb;
}

.tooltip-outer-black a:hover {
  color: #f60;
  text-decoration: underline;
}

.altema-tooltip-inner {}

.ot-tooltip {
  background: #FFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFF 0%, #29abe2 400%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFF 0%, #29abe2 400%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #FFF 0%, #29abe2 400%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#29abe2', GradientType=0);
  /* IE6-9 */
  border-radius: 8px;
  text-align: center;
  width: 90%;
  padding: 3px 0 3px 0;
  display: block;
  color: #1b1464;
  font-size: 100%;
  font-weight: bold;
  margin: 0 auto;
  border: 2px solid #0071bc;
  height: 15px;
  line-height: 1.2em;
  cursor: pointer;
  position: relative;
}

.ot-tooltip2 {
  background: #FFF;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 15px;
  font-weight: bold;
  border: 2px solid #448acb;
  color: #448acb;
  border-radius: 50%;
  transform: scale(0.8);
  cursor: pointer;
}

.ot-tooltip2:hover {
  opacity: 0.6;
}

.ot-tooltip3 {
  background: #FFF;
  display: inline-block;
  padding: 0 5px;
  width: auto;
  height: auto;
  line-height: normal;
  font-size: 11px;
  font-weight: bold;
  border: 2px solid #448acb;
  color: #448acb;
  border-radius: 15px;
  cursor: pointer;
}

.ot-tooltip3:hover {
  opacity: 0.6;
}

/*------------------------------------------------------------
ダウンロードボタン
-------------------------------------------------------------*/
td.unable-download {
  position: relative;
}

td.unable-download:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 90%;
  background: #e3e7e9;
  z-index: 1;
  opacity: 0.8;
}

/*-------------------------------------------------------
見出しh3デザイン
-------------------------------------------------------*/
#main-contents h3 {
  background: none;
  border: medium none;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 2px 2px 2px 12px;
  border-bottom: solid 3px #a7ccea;
  position: relative;
  margin-bottom: 15px;
}

#main-contents h3:before {
  position: absolute;
  content: " ";
  display: block;
  background: #5da2d1;
  bottom: -3px;
  top: 0;
  left: 0;
  width: 5px;
}

#mainCenter h3 {
  background: none;
  border: medium none;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 2px 2px 2px 12px;
  border-bottom: solid 3px #a7ccea;
  position: relative;
  margin-bottom: 15px;
  margin-top: 12px;
}

#mainCenter h3:before {
  position: absolute;
  content: " ";
  display: block;
  background: #5da2d1;
  bottom: -3px;
  top: 0;
  left: 0;
  width: 5px;
}

/*-------------------------------------------------------
共通効果CSS
-------------------------------------------------------*/


/*QA回答*/
p.qa-a {
  border: 1px solid #d7dfe2;
  background-color: #fff7f7;
  padding: 5px;
  border-radius: 5px;
  color: #b70b0b;
  font-weight: bold;
  font-size: 14px;
  padding: 10px;
}



/*YouTube画像の比率を合わせる*/
.youtube-img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube-img iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*タブ*/
.common-tab {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}

.common-tab-wrapper {
  height: 33px;
}

.common-tab li {
  font-size: 13px;
  font-weight: bold;
  width: 25%;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-bottom: 0 !important;
  line-height: normal !important;
  border-bottom: 2px solid #1298d6;
  font-size: 11px;
}

.common-tab li a {
  color: #fff;
  background: #bbb;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border-right: 2px solid #999;
  box-sizing: border-box;
  -webkit-transition: ease .2s opacity;
  transition: ease .2s opacity;
}

.common-tab li a:hover {
  color: #fff;
  background: #1298d6;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  opacity: 0.7;
  border-right: 2px solid #1b76a0;
}

.common-tab li:last-of-type a {
  border-right: 0;
}

.common-tab li:last-of-type a:hover {
  border-right: 0;
}

.common-tab li.tabactive a {
  background: #1298d6;
  border-color: #1b76a0;
  opacity: 1;
}

.common-tab li span {
  color: #fff;
  background: #bbb;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  border-right: 2px solid #999;
  box-sizing: border-box;
  -webkit-transition: ease .2s opacity;
  transition: ease .2s opacity;
}

.common-tab li span:hover {
  color: #fff;
  background: #1298d6;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  opacity: 0.7;
  border-right: 2px solid #1b76a0;
}

.common-tab li:last-of-type span {
  border-right: 0;
}

.common-tab li:last-of-type span:hover {
  border-right: 0;
}

.common-tab li.tabactive span {
  background: #1298d6;
  border-color: #1b76a0;
  opacity: 1;
}

@keyframes tabAnim {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

ul.common-tab~div {
  display: block;
  animation: tabAnim ease 0.6s forwards;
  -ms-animation: tabAnim ease 0.6s forwards;
}

/*-------------------------------------------------------
追加CSS(固定一番下へ)
-------------------------------------------------------*/

a.foot-link {
  display: block;
  margin: 10px 0;
  cursor: pointer;
  text-decoration: underline;
}

#main-contents .post .okini-box+div {
  margin-top: 15px;
}

#main-contents .post .okini-box+div.sns-button02 {
  margin-top: 0px;
}

#mainCenter table.h-sinnsaku th {
  width: auto;
  padding: 2px 8px;
  margin: 0px 0 5px;
  display: block;
  border: 0px solid #909596;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #909596, #909596 3px, #95999a 3px, #95999a 7px);
  background: repeating-linear-gradient(-45deg, #8d9394, #8d9394 3px, #888f90 3px, #888f90 7px);
}

#main-contents table.h-sinnsaku th {
  width: auto;
  padding: 2px 8px;
  margin: 0px 0 0px;
  display: block;
  border: 0px solid #909596;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #909596, #909596 3px, #95999a 3px, #95999a 7px);
  background: repeating-linear-gradient(-45deg, #8d9394, #8d9394 3px, #888f90 3px, #888f90 7px);
}

#mainCenter table.h-bgborder th {
  width: auto;
  padding: 2px 8px;
  margin: 0px 0 5px;
  border: 0px solid #909596;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #909596, #909596 3px, #95999a 3px, #95999a 7px);
  background: repeating-linear-gradient(-45deg, #8d9394, #8d9394 3px, #888f90 3px, #888f90 7px);
}

#main-contents table.h-bgborder th {
  width: auto;
  padding: 2px 8px;
  margin: 0px 0 5px;
  border: 0px solid #909596;
  border-radius: 0px;
  font-size: 12px;
  font-weight: bold;
  background-color: #333;
  color: #FFF;
  letter-spacing: 1px;
  background: -webkit-repeating-linear-gradient(-45deg, #909596, #909596 3px, #95999a 3px, #95999a 7px);
  background: repeating-linear-gradient(-45deg, #8d9394, #8d9394 3px, #888f90 3px, #888f90 7px);
}

div.sns-copytxt+.contents>.article>p:first-child img {
  margin-top: 15px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  div.sns-copytxt+.contents>.article>p:first-child img {
    margin-top: 0px;
  }
}

form#siborikomiForm {
  padding-bottom: 20px;
}

/*中央ぞろえ共用*/
#main-contents .centered,
#main-contents .centered th,
#main-contents .centered_th th,
.centered_td1 td:first-of-type {
  text-align: center;
}

/*thソートズレ修正*/
.sort_syusei th span {
  float: none !important;
}

.sort_syusei th .sort {
  display: inline-block;
}

/*広告の文字制限*/
.ninki-ranking dd.rosso_txt a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/*最強ランキングアイコンサイズ*/
table.saikyo-icon-30 td img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}

table.saikyo-icon-35 td img {
  width: 35px;
  height: 35px;
  object-fit: cover;
}

table.saikyo-icon-40 td img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

table.saikyo-icon-45 td img {
  width: 45px;
  height: 45px;
  object-fit: cover;
}

table.saikyo-icon-50 td img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

table.saikyo-icon-55 td img {
  width: 55px;
  height: 55px;
  object-fit: cover;
}

table.saikyo-icon-60 td img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

table.saikyo-icon-65 td img {
  width: 65px;
  height: 65px;
  object-fit: cover;
}



/*-診断調整-*/
.shindan_frm {
  display: flex;
  justify-content: center;
  align-items: center;
}

.shindan_frm button {
  margin-left: 5px;
  cursor: pointer;
}

.article .shindan_frm input {
  border-radius: 4px;
  border: 1px solid #AECBD9;
  background: #DDEEFE;
  width: 80%;
  height: 38px;
}

/*-ばつ-*/
.topNavi-modal-menu-close-button {
  display: none;
}

.topNavi-modal-menu-items {
  display: none;
}

/*-報告記事B-*/
#main div.ikenform-area {}

#main div.ikenform-area p.ikenform-btn {}

#main div.ikenform-area p.ikenform-btn a.gachaBtn {
  border-color: #e4e4e4 !important;
  color: #888 !important;
  background: #f9f9f9 !important;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

#main div.ikenform-area p.ikenform-btn a.gachaBtn:hover {
  border-color: #e4e4e4 !important;
  color: #888 !important;
  background: #f9f9f9 !important;
  cursor: pointer;
  opacity: 0.6;
}

#main div.ikenform-area p.ikenform-btn a.gachaBtn:before {
  content: url(/common/bikuri-2.png) !important;
  margin-right: 5px;
  display: inline-block;
  transform: scale(0.8);
}

/*-広告関連-*/
.mokujiInfo+.new_koukokuwaku_wrapper {
  margin-top: 20px !important;
}

/*--------------------------------------------------------
検索結果
-------------------------------------------------------*/
.es-search-form {
  background: #f5f5f5;
  padding: 5px 0;
  border: 1px solid #dde4e6;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 10px;
}

.es-search-form input[type="text"] {
  box-sizing: border-box;
  width: 78%;
  height: 36px;
  margin-right: 10px;
  padding-left: 5px;
}

.es-search-form input[type="submit"] {
  box-sizing: border-box;
  width: 20%;
  height: 36px;
  background: #34a3d1;
  color: #fff;
  border: 0;
  border-radius: 3px;
}

.searchResultsCount {
  color: #676767;
  font-size: 11px;
}

#main-contents .search-result-box,
#mainCenter .post ul .search-result-box {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}

.search-result-box a {
  cursor: pointer;
  display: block;
}

.search-result-box .search-result-title {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

.search-result-box .search-result-img {
  margin-right: 5px;
  height: 60px;
  width: 100px;
  object-fit: contain;
  vertical-align: top;
}

.search-result-box .search-result-txt {
  display: inline-block;
  width: 77%;
  color: #666;
  vertical-align: top;
  font-size: 12px;
}

#mainCenter .search-result-box .search-result-txt {
  width: 74%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  #main-contents .search-result-box,
  #mainCenter .post ul .search-result-box {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ddd;
  }

  .es-search-form {
    background: none;
    border: 0;
    margin-bottom: 5px;
  }

  #main-contents .searchResultsList {
    padding: 0 5px;
  }

  .search-result-box .search-result-txt {
    width: 72%;
  }

  .search-result-box .search-result-img {
    object-fit: cover;
    height: 55px;
  }
}

@media screen and (max-width:375px) {
  .search-result-box .search-result-txt {
    width: 78%;
  }

  .search-result-box .search-result-img {
    width: 70px;
  }
}

@media screen and (max-width:360px) {
  .search-result-box .search-result-img {
    width: 56px;
  }

  .search-result-box .search-result-txt {
    width: 81%;
  }
}

/*-------------------------------------------------------
ツールチップ
-------------------------------------------------------*/
.altema-tooltip-outer {
  padding: 10px;
}

.tooltip-outer-white {
  background: #FFF;
  border: 0px solid #ababab;
  border-radius: 2px;
  box-shadow: 0px 0px 3px 1px #ababab;
}

.tooltip-outer-black {
  background: #333;
  border: 1px solid #ababab;
  border-radius: 2px;
  box-shadow: 0px 0px 3px 1px #c7c7c7;
  color: #FFF;
}

.tooltip-outer-black a {
  color: #448acb;
}

.tooltip-outer-black a:hover {
  color: #f60;
  text-decoration: underline;
}

.altema-tooltip-inner {}

.altema-tooltip-inner table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

.altema-tooltip-inner th,
.altema-tooltip-inner td {
  padding: 0.4em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

.altema-tooltip-inner th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}


/*-------------------------------------------------------
検索フォーム(ツールチップ内)
-------------------------------------------------------*/
.altema-tooltip-inner .ot-search-area {
  text-align: center;
}

.altema-tooltip-inner .ot-search-area td {}

.altema-tooltip-inner .ot-search-area label {
  width: 45%;
  text-align: center;
  min-width: auto;
  min-height: auto;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  margin: 2px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

.altema-tooltip-inner .ot-search-area label span {
  display: block;
  box-sizing: border-box;
  position: relative;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox] {
  position: absolute;
  visibility: visible;
  content: '';
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  background-color: #cccccc;
  cursor: pointer;
  top: -2px;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0;
  border-bottom: 2px solid #a2a2a2;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]:checked {
  visibility: visible;
  content: '';
  display: block;
  width: 100%;
  height: 30px;
  background: #448acb;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0px;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]:checked+span {
  color: #FFF;
  width: 100%;
  height: 100%;
  display: block;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]+span:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: -2px;
  top: 5px;
  margin: auto;
  background: #bbb;
  border-radius: 50%;
  z-index: 10;
  transition-duration: 300ms;
  opacity: 0;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]+span:after {
  content: "";
  background: url(/common/checkicon.png)no-repeat center / 8px;
  position: absolute;
  width: 12px;
  height: 12px;
  left: -2px;
  top: -3px;
  margin: auto;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 2;
  opacity: 0;
  transition-duration: 300ms;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]:checked+span:before {
  content: "";
  background: rgb(1, 51, 132);
  width: 12px;
  height: 12px;
  position: absolute;
  left: -2px;
  top: -3px;
  margin: auto;
  box-sizing: border-box;
  border-radius: 50%;
  transition: all 300ms 0s ease;
  z-index: 2;
  opacity: 1;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]:checked+span:after {
  content: "";
  background: url(/common/checkicon.png)no-repeat center / 8px;
  position: absolute;
  width: 12px;
  height: 12px;
  left: -2px;
  top: -3px;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 2;
  opacity: 1;
}

.altema-tooltip-inner .ot-text-area {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.altema-tooltip-inner .ot-text-area input[type=text] {
  width: 60%;
  height: 30px;
  padding: 0 10px;
  margin: 0 5px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: none;
  border: 1px solid #AECBD9;
  background: #DDEEFE;
}

.altema-tooltip-inner .ot-text-area input[type=submit] {
  width: 20%;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  border: 0px;
  box-sizing: border-box;
  background: #34a3d1;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
}

.altema-tooltip-inner .ot-button-area {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.altema-tooltip-inner .ot-button-area button {
  width: 40%;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  border: 0px solid #ccc;
  box-sizing: border-box;
  background: #555;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  border-bottom: 2px solid #222;
}

.altema-tooltip-inner .ot-button-area input[type=submit] {
  width: 40%;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  border: 0px;
  box-sizing: border-box;
  background: #34a3d1;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  border-bottom: 2px solid #105d7d;
}

.altema-tooltip-inner .ot-search-area label input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

#main-in .altema-tooltip-inner .ot-search-area tr:nth-child(odd) {
  background: none;
}

.altema-tooltip-inner .ot-search-area .ot-radio label {
  width: auto;
  text-align: center;
  min-width: auto;
  min-height: auto;
  border-radius: 5px;
  height: auto;
  line-height: normal;
  margin: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
}

.altema-tooltip-inner .ot-search-area .ot-radio label input {
  padding: 0 10px;
  vertical-align: middle;
}



/*-------------------------------------------------------
Twitter固定wrap
-------------------------------------------------------*/
.twitter-timeline-wrap iframe {
  box-sizing: border-box;
}

.twitter-timeline-wrap {
  margin: 0 auto !important;
  box-sizing: border-box;
}

.twitter-timeline-wrap+.Tweet-bt-Tline {
  margin: 0 auto 10px !important;
  box-sizing: border-box;
  border-top: 0;
  padding: 10px 0 !important;
}

.twitter-timeline-wrap+.Tweet-bt-Tline br {
  display: none;
}

.twitter-timeline-wrap+.Tweet-bt-Tline a:link {
  margin: 0 auto;
}

.twitter-tweet.twitter-tweet-rendered iframe {
  width: 100% !important;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .twitter-timeline-wrap iframe[id^="twitter-widget-"] {
    width: 640px !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-timeline-wrap+.Tweet-bt-Tline {
    width: 620px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-tweet.twitter-tweet-rendered {
    width: 640px !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

@media only screen and (max-width : 619px) {
  .twitter-timeline-wrap iframe[id^="twitter-widget-"] {
    width: 414px !important;
    max-width: 394px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-timeline-wrap+.Tweet-bt-Tline {
    width: 394px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-tweet.twitter-tweet-rendered {
    width: 414px !important;
    max-width: 394px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

@media only screen and (max-width : 413px) {
  .twitter-timeline-wrap iframe[id^="twitter-widget-"] {
    width: 375px !important;
    max-width: 355px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-timeline-wrap+.Tweet-bt-Tline {
    width: 355px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-tweet.twitter-tweet-rendered {
    width: 375px !important;
    max-width: 355px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

@media only screen and (max-width : 374px) {
  .twitter-timeline-wrap iframe[id^="twitter-widget-"] {
    width: 360px !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-timeline-wrap+.Tweet-bt-Tline {
    width: 340px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-tweet.twitter-tweet-rendered {
    width: 360px !important;
    max-width: 340px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

@media only screen and (max-width : 359px) {
  .twitter-timeline-wrap iframe[id^="twitter-widget-"] {
    width: 320px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-timeline-wrap+.Tweet-bt-Tline {
    width: 300px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .twitter-tweet.twitter-tweet-rendered {
    width: 320px !important;
    max-width: 300px !important;
    margin: 0 auto !important;
    display: block !important;
  }
}





/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
  height: 44px;
  line-height: 44px;
  font-family: Arial, Baskerville, monospace
}

.sl-wrapper .sl-close:focus,
.sl-wrapper .sl-navigation button:focus {
  outline: 0
}

body.hidden-scroll {
  overflow: hidden
}

.sl-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: .7;
  display: none;
  z-index: 2147483640;
}

.sl-wrapper .sl-close,
.sl-wrapper .sl-counter {
  top: -40px;
  display: none;
  color: #fff;
  position: fixed;
}

.sl-wrapper .sl-close:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  border: 2px solid #888888;
  background: #3c3c3c;
  border-radius: 50%;
  top: 0;
  left: -1px;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0.8;
  z-index: -1;
}
}

.sl-wrapper {
  z-index: 1040;
}

.sl-wrapper button {
  border: 0;
  background: 0 0;
  font-size: 28px;
  padding: 0;
  cursor: pointer;
}

.sl-wrapper button:hover {
  /* opacity: .7; */
}

.sl-wrapper .sl-close {
  right: 0px;
  z-index: 2147483647;
  margin-top: -14px;
  margin-right: -14px;
  width: 44px;
  font-size: 3rem;
}

.sl-wrapper .sl-counter {
  left: 30px;
  z-index: 1060;
  font-size: 1rem;
}

.sl-wrapper .sl-navigation {
  width: 100%;
  display: none;
}

.sl-wrapper .sl-navigation button {
  position: fixed;
  top: 50%;
  margin-top: -22px;
  width: 22px;
  text-align: center;
  display: block;
  z-index: 2147483647;
  color: #000;
}

.sl-wrapper .sl-navigation button.sl-next {
  right: 5px;
  font-size: 2rem;
}

.sl-wrapper .sl-navigation button.sl-prev {
  left: 5px;
  font-size: 2rem;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }

  .sl-wrapper .sl-navigation button.sl-next {
    right: 10px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
    left: 10px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-image img {
    border: 0;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {
    width: 44px;
  }

  .sl-wrapper .sl-navigation button.sl-next {
    right: 20px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-navigation button.sl-prev {
    left: 20px;
    font-size: 3rem;
  }

  .sl-wrapper .sl-image img {
    border: 0;
  }
}

.sl-wrapper .sl-image {
  position: fixed;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 2147483647;
}

.sl-wrapper .sl-image img {
  margin: 0 auto;
  padding: 0;
  display: block;
  border: 0;
  width: auto;
  height: auto;
  max-width: 100%;
}

.sl-wrapper .sl-image iframe {
  background: #000;
  border: 0;
}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {
    border: 0;
  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {
    border: 0;
  }
}

.sl-wrapper .sl-image .sl-caption {
  display: none;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-top {
  bottom: auto;
  top: 0;
}

.sl-wrapper .sl-image .sl-caption.pos-outside {
  bottom: auto;
}

.sl-wrapper .sl-image .sl-download {
  display: none;
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #000;
  z-index: 2147483647;
}

.sl-spinner {
  display: none;
  border: 5px solid #333;
  border-radius: 40px;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  opacity: 0;
  position: fixed;
  top: 50%;
  width: 40px;
  z-index: 1007;
  -webkit-animation: pulsate 1s ease-out infinite;
  -moz-animation: pulsate 1s ease-out infinite;
  -ms-animation: pulsate 1s ease-out infinite;
  -o-animation: pulsate 1s ease-out infinite;
  animation: pulsate 1s ease-out infinite;
}

.sl-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.sl-transition {
  transition: -moz-transform ease .2s;
  transition: -ms-transform ease .2s;
  transition: -o-transform ease .2s;
  transition: -webkit-transform ease .2s;
  transition: transform ease .2s;
}

@-webkit-keyframes pulsate {
  0% {
    transform: scale(.1);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    transform: scale(1.2);
    opacity: 0
  }
}

@keyframes pulsate {
  0% {
    transform: scale(.1);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    transform: scale(1.2);
    opacity: 0
  }
}

@-moz-keyframes pulsate {
  0% {
    transform: scale(.1);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    transform: scale(1.2);
    opacity: 0
  }
}

@-o-keyframes pulsate {
  0% {
    transform: scale(.1);
    opacity: 0
  }

  50% {
    opacity: 1
  }

  100% {
    transform: scale(1.2);
    opacity: 0
  }
}

@-ms-keyframes pulsate {

  0%,
  100% {
    opacity: 0
  }

  0% {
    transform: scale(.1)
  }

  50% {
    opacity: 1
  }

  100% {
    transform: scale(1.2)
  }
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  .sl-wrapper .sl-close,
  .sl-wrapper .sl-counter {
    top: -40px;
    display: none;
    color: #fff;
    position: fixed;
  }

  .sl-wrapper .sl-close:before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    border: 2px solid #888888;
    background: #3c3c3c;
    border-radius: 50%;
    top: 0;
    left: -1px;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.8;
    z-index: -1;
  }

  .sl-wrapper .sl-close {
    right: 0px;
    z-index: 2147483647;
    margin-top: -14px;
    margin-right: -14px;
    width: 44px;
    font-size: 3rem;
  }
}

/*-----------------------------------
レポート用見出し
--------------------------------------*/
h2#reportTitle02 {
  background: #333 !important;
}

h3#reportTitle03 {
  background: #efefef !important;
  color: #333 !important;
  background-size: 100%;
  font-size: 14px;
  margin: 0 0px 10px 0px;
  text-align: left;
  padding: 5px 0 5px 10px;
  border-left: 0px solid #555 !important;
  border-bottom: 0px solid #555 !important;
  line-height: normal !important;
}

h3#reportTitle03:before {
  display: none;
}

#pc_article_footer {
  text-align: center;
  margin-top: 30px;
}

.overlay_wrapper {
  margin: 0 auto;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

button#div-gpt-ad-fm-overlay-close-button {
  border-radius: 5px 5px 0 0 !important;
}

/*-----------------------------------
バイトお問い合わせ背景
--------------------------------------*/
.arubaito-form {
  background: #fff9c9;
  padding: 16px 0 10px 10px;
  margin-bottom: 10px;
}

/*-------------------------------------------------------
応募フォームこちらボタン
-------------------------------------------------------*/
.gachaBtn-new2 {
  background-image: linear-gradient(-20deg, #004de8, #00b5ed, #004de8);
  transition: .5s;
  background-size: 200%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
  border-radius: 25px;
  color: #fff !important;
  display: block;
  border-top: 1px solid #34A3D1;
  border-bottom: solid 2px #002d60;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  margin: 10px auto 40px;
  width: 95%;
}

.gachaBtn-new2:before {
  content: '▶';
  display: inline-block;
  margin-right: 10px;
}

.gachaBtn-new2:hover {
  background-position: right center;
}

.gachaBtn-new2:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/*-------------------------------------------------------
投票FOAM
-------------------------------------------------------*/
[id^="form-elements-"] {
  margin-bottom: 30px;
  padding: 0 5px;
  box-sizing: border-box;
}

[id^="form-elements-"] span[id^="form-control-select-"] select {
  margin: 10px 0;
  width: 70%;
  height: 35px;
  padding-left: 5px;
  border-radius: 2px;
  border: 1px solid #aaa;
}

[id^="form-elements-"] span[id^="form-control-text-"] input.form-text {
  margin: 10px 0 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: 35px;
  padding-left: 5px;
  border-radius: 2px;
  border: 1px solid #aaa;
}

[id^="form-elements-"] #form-control- .form-submit {
  width: 50%;
}

#form-area .complete.commit-message {
  border: 4px solid #34a3d1;
  margin: 20px auto;
  width: 95%;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 3px;
  position: relative;
  font-weight: bold;
  line-height: normal;
  background: #ecf8ff;
}

#form-area .complete.commit-message:before {
  content: "";
  position: absolute;
  border: 2px solid #ade7ff;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  box-sizing: border-box;
}

.new_koukokuwaku_wrapper {
  text-align: center;
  margin: 10px auto !important;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-------------------------------------------------------
横スクロール
-------------------------------------------------------*/
.ot-scroll-area {
  overflow-x: scroll;
}

/*-------------------------------------------------------
検索フォーム
-------------------------------------------------------*/
.ot-search-area {
  text-align: center;
}

.ot-search-area td {}

.ot-search-area label {
  width: 23%;
  text-align: center;
  min-width: auto;
  min-height: auto;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  margin: 2px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  z-index: 1;
}

.ot-search-area label span {
  display: block;
  box-sizing: border-box;
  position: relative;
}

.ot-search-area label input[type=checkbox] {
  position: absolute;
  visibility: visible;
  content: '';
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  background-color: #cccccc;
  cursor: pointer;
  top: -2px;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0;
  border-bottom: 2px solid #a2a2a2;
}

.ot-search-area label input[type=checkbox]:checked {
  visibility: visible;
  content: '';
  display: block;
  width: 100%;
  height: 30px;
  background: #448acb;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0px;
}

.ot-search-area label input[type=checkbox]:checked+span {
  color: #FFF;
  width: 100%;
  height: 100%;
  display: block;
}

.ot-search-area label input[type=checkbox]+span:before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: -2px;
  top: 5px;
  margin: auto;
  background: #bbb;
  border-radius: 50%;
  z-index: -1;
  transition-duration: 300ms;
  opacity: 0;
}

.ot-search-area label input[type=checkbox]+span:after {
  content: "";
  background: url(/common/checkicon.png)no-repeat center / 8px;
  position: absolute;
  width: 12px;
  height: 12px;
  left: -2px;
  top: -3px;
  margin: auto;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition-duration: 300ms;
}

.ot-search-area label input[type=checkbox]:checked+span:before {
  content: "";
  background: rgb(1, 51, 132);
  width: 12px;
  height: 12px;
  position: absolute;
  left: -2px;
  top: -3px;
  margin: auto;
  box-sizing: border-box;
  border-radius: 50%;
  transition: all 300ms 0s ease;
  z-index: -1;
  opacity: 1;
}

.ot-search-area label input[type=checkbox]:checked+span:after {
  content: "";
  background: url(/common/checkicon.png)no-repeat center / 8px;
  position: absolute;
  width: 12px;
  height: 12px;
  left: -2px;
  top: -3px;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: -1;
  opacity: 1;
}

.ot-text-area {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ot-text-area input[type=text] {
  width: 60%;
  height: 30px;
  padding: 0 10px;
  margin: 0 5px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 12px;
  box-shadow: none;
  border: 1px solid #AECBD9;
  background: #DDEEFE;
}

.ot-text-area input[type=submit] {
  width: 20%;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  border: 0px;
  box-sizing: border-box;
  background: #34a3d1;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
}

.ot-button-area {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.ot-button-area button {
  width: 40%;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  border: 0px solid #ccc;
  box-sizing: border-box;
  background: #555;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  border-bottom: 2px solid #222;
}

.ot-button-area input[type=submit] {
  width: 40%;
  height: 30px;
  padding: 0;
  margin: 0 5px;
  border: 0px;
  box-sizing: border-box;
  background: #34a3d1;
  color: #FFF;
  cursor: pointer;
  border-radius: 3px;
  font-size: 12px;
  border-bottom: 2px solid #105d7d;
}

.ot-search-area label input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

#main-in .ot-search-area tr:nth-child(odd) {
  background: none;
}

.ot-search-area .ot-radio label {
  width: auto;
  text-align: center;
  min-width: auto;
  min-height: auto;
  border-radius: 5px;
  height: auto;
  line-height: normal;
  margin: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
}

.ot-search-area .ot-radio label input {
  padding: 0 10px;
  vertical-align: middle;
}

/*-------------------------------------------------------
検索フォーム(SP)
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .ot-search-area {
    text-align: center;
  }

  .ot-search-area td {}

  .ot-search-area label {
    width: 24%;
    text-align: center;
    min-width: auto;
    min-height: auto;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    margin: 2px 0;
    cursor: pointer;
    position: relative;
    display: inline-block;
  }

  .ot-search-area label input[type=checkbox] {
    position: absolute;
    visibility: visible;
    content: '';
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    background-color: #cccccc;
    cursor: pointer;
    top: -2px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    margin: auto;
    border-radius: 5px;
    border-bottom: 2px solid #b7b8b8;
  }

  .ot-search-area label input[type=checkbox]:checked {
    visibility: visible;
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    background: #448acb;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 5px;
    border-bottom: 0px solid #4282be;
  }

  .ot-search-area label input[type=checkbox]:checked+span {
    color: #FFF;
    width: 100%;
    height: 100%;
    display: block;
  }

  .ot-search-area label input[type=checkbox]+span:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: -2px;
    top: 5px;
    margin: auto;
    background: #bbb;
    border-radius: 50%;
    z-index: -1;
    transition-duration: 300ms;
    opacity: 0;
  }

  .ot-search-area label input[type=checkbox]+span:after {
    content: "";
    background: url(/common/checkicon.png)no-repeat center / 8px;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -2px;
    top: -3px;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: -1;
    opacity: 0;
    transition-duration: 300ms;
  }

  .ot-search-area label input[type=checkbox]:checked+span:before {
    content: "";
    background: rgb(1, 51, 132);
    position: absolute;
    width: 12px;
    height: 12px;
    left: -2px;
    top: -3px;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    transition: all 300ms 0s ease;
    z-index: -1;
    opacity: 1;
  }

  .ot-search-area label input[type=checkbox]:checked+span:after {
    content: "";
    background: url(/common/checkicon.png)no-repeat center / 8px;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -2px;
    top: -3px;
    margin: auto;
    box-sizing: border-box;
    border-radius: 50%;
    z-index: -1;
    opacity: 1;
  }
}

/*-------------------------------------------------------
matchCV
-------------------------------------------------------*/
.match-app-cv {
  margin: 0;
  background: #8bd9ff;
  border-radius: 5px;
  padding: 115px 0px 0px;
  position: relative;
}

.match-app-cv:before {
  content: "";
  background: url(/altema/top/match-app-cv-bg.png)no-repeat top center;
  background-size: 100%;
  top: 5px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  width: 90%;
  height: 120px;
  display: block;
}

.match-app-txt {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 2px;
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

.match-app-txt2 {
  padding: 0;
  font-size: 14px;
  text-align: center;
  margin: 0;
  color: #fa486b;
  font-weight: bold;
}

.match-app-txt span:nth-of-type(1) {
  background: #24a4e3;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px;
  padding: 2px 2px;
  margin: 0 2px;
  letter-spacing: -0.5px;
}

.match-app-txt span:nth-of-type(3) {
  background: #ff7b94;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px;
  padding: 2px 2px;
  margin: 0 2px;
  letter-spacing: -0.5px;
}

.match-app-txt span:nth-of-type(2),
.match-app-txt span:nth-of-type(4) {
  font-weight: bold;
  font-size: 12px;
}

.match-app-bt a {
  text-align: center;
  background: #ff7423;
  padding: 10px;
  width: 90%;
  display: block;
  margin: 13px auto 10px;
  border-radius: 5px;
  border-bottom: 2px solid #b90000;
  color: #FFF !important;
  font-size: 14px;
  font-weight: bold;
  display: block;
  box-sizing: border-box;
}

p.match-app-sub {
  margin: 0;
  padding: 0 0 10px;
  ;
  text-align: center;
  color: #20749e;
  font-size: 10px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .match-app-txt {
    background: rgba(255, 255, 255, 0.8);
    padding: 8px 2px;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width : 414px) {
  .match-app-cv {
    margin: 0;
    background: #8bd9ff;
    border-radius: 5px;
    padding: 100px 0px 0px;
    position: relative;
  }
}

@media only screen and (max-width : 375px) {
  .match-app-cv {
    margin: 0;
    background: #8bd9ff;
    border-radius: 5px;
    padding: 90px 0px 0px;
    position: relative;
  }
}

.scroll-contents-fixed {
  position: fixed;
  top: 0px;
  z-index: 9999999;
}

#comreload.scroll-contents-fixed {
  position: fixed;
}

p.vod-txt-sub {
  margin: 0 !important;
  padding: 0 !important;
  display: block;
  text-align: center;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f32368;
  font-size: 11px;
}

p.vod-txt-sub:before {
  content: "\\";
  display: inline-block;
  margin: 0 5px 0 0;
}

p.vod-txt-sub:after {
  content: "/";
  display: inline-block;
  margin: 0 0 0 5px;
}

/*------------------------------------------------------------
PR用
-------------------------------------------------------------*/
.newApplist-box {
  padding: 5px;
  background: rgb(255, 244, 213);
  border-radius: 5px;
  margin-bottom: 20px;
}

.newApplist-box ul {
  width: 100%;
  box-sizing: border-box;
}

.newApplist-box ul li:first-of-type {
  padding: 0px !important;
  border: 0 !important;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background: none;
  border-radius: 5px;
}

.newApplist-box ul li:first-of-type a {
  position: relative;
  box-sizing: border-box;
}

.newApplist-box ul li:first-of-type a p {
  display: block;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
  padding: 5px 10px;
  line-height: 1.3;
  font-size: 12px;
  color: #FFF;
}

.newApplist-box ul li:first-of-type a p:before {
  content: "";
  left: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(60, 60, 60, .06) 0%, rgba(0, 0, 0, 0.95));
  height: 120%;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  z-index: -1;
}

.newApplist-box ul li:first-of-type img {
  width: 100%;
  height: 130px;
  object-fit: cover;
}

.newApplist-box ul li:last-child {
  padding: 5px;
  border: 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  border-radius: 0px 0px 5px 5px;
  border-bottom: 1px solid #e2d1a2;
}

body .newApplist-box ul li {
  padding: 5px !important;
  margin: 0 !important;
  border: 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  background: #ffffff;
  border-bottom: 1px dashed #dee9ec;
}

.newApplist-box ul li a {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  font-weight: bold;
}

.newApplist-box ul li img {
  width: 80px;
}

.newApplist-box ul li span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 50px;
  background: #fd3056cf;
  color: #FFF;
  text-align: center;
  display: block;
  position: absolute;
  left: -10px;
  top: -7px;
  transform: scale(0.75)
}

.newApplist-box ul li p {
  width: 100%;
  margin: 0 !important;
  padding: 0 10px 0;
  font-size: 12px;
}

.newApplist-box ul li p:empty {
  display: none;
}


/*------------------------------------------------------------
ガチャシュミテンプレ
-------------------------------------------------------------*/
#ot-gachabtn-area {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px;
  box-sizing: border-box;
}

#ot-gacharesult-area.ot-gachasingle .ot-gachaitem {
  margin: 0 auto;
}

#ot-gachabtn-area .ot-gachabtn {
  width: 30%;
  margin: 10px;
}

#ot-gachabtn-area .ot-gachabtn img {
  width: 100%;
  cursor: pointer;
}

#ot-gachabtn-area .ot-gachabtn img:hover {
  opacity: 0.7;
}

#main-contents .ot-gachacomp-area table td {
  vertical-align: top;
}

.ot-gachacomp-area {}

.ot-gachacomp-area div {
  width: auto;
  text-align: center;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto;
}

.ot-gachacomp-area div a {
  display: block;
}

.ot-gachacomp-area div span {
  width: 100%;
  display: block;
  margin: 0 auto 5px;
}

.ot-gachacomp-area div span img {
  width: 60px;
}

.ot-gachacomp-area .comp-get {
  position: relative;
}

.ot-gachacomp-area .comp-get a:before {
  content: "";
  position: absolute;
  background: #FFF;
  width: 100%;
  height: 80%;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.ot-gachacomp-area .comp-get a:after {
  content: "GET";
  position: absolute;
  color: #f9314b;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 50px;
  transform: rotate(-25deg);
  font-size: 20px;
  font-weight: bold;
  opacity: 0.8;
  font-family: ;
}

.ot-gachacomp-area .comp-get span.kosu {
  padding: 0;
  border-radius: 50%;
  background-color: #ff2642;
  border: 2px solid #8a0012;
  box-sizing: border-box;
  color: #fff;
  position: absolute;
  right: -60px;
  left: 0;
  bottom: 15px;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 23px;
  font-weight: bold;
  font-size: 13px;
  opacity: 0.9;
}

#ot-gacharesult-area {
  display: -webkit-flex;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  box-sizing: border-box;
}

#ot-gacharesult-area .ot-gachaitem {
  width: 25%;
  box-sizing: border-box;
  position: relative;
  padding: 10px;
  z-index: 1;
}

#ot-gacharesult-area .ot-gachaitem a {
  display: block;
}

.ot-gachaimg {
  display: block;
  text-align: center;
  position: relative;
  margin-bottom: 5px;
}

.ot-gachaimg.no-image {
  display: block;
  width: auto;
  height: 94px;
  background: #586170;
  border: 2px solid rgb(146, 146, 146);
  box-sizing: border-box;
  border-radius: 10px;
  text-align: center;
  position: relative;
  margin-bottom: 5px;
  position: relative;
}

.ot-gachaimg.no-image:before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  background: url(/altema/uploads/2020/02/2020y02m12d_1647066574.png)no-repeat center center/100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  opacity: 0.3;
}

#ot-gacharesult-area .ot-gachaitem .ot-gachaimg img {
  width: 100%;
  position: relative;
  z-index: 2;
}

.ot-gachaname {
  display: block;
  text-align: center;
  font-size: 12px;
}

.ot-gacharea {
  display: block;
  text-align: center;
  font-size: 12px;
}

#ot-gacharesult-area .ot-gachaitem.rainbow a:before,
#ot-gacharesult-area .ot-gachaitem.rainbow a:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  margin: auto;
  background: linear-gradient(45deg, #78f2ff, #ffb2ff, #ff8c8c, #ca92ff, #a9ffa7, rgb(252, 252, 33));
  width: 94px;
  height: 94px;
  border-radius: 10px;
  background-size: 400%;
  z-index: -1;
  animation: shadow 20s linear infinite;
}

@keyframes shadow {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 700% 0;
  }

  100% {
    background-position: 0 0;
  }
}

#ot-gacharesult-area .ot-gachaitem.rainbow a:after {
  filter: blur(10px);
}

.ot-gachainfo-area {
  text-align: center;
  background: #eee;
  padding: 10px 0 0;
  border-radius: 10px;
  border: 1px solid #f9f9f9;
}

.ot-gachainfo-area p {
  margin: 0 0 10px !important;
}

.ot-gachainfo-area p.item-cnt {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
  font-weight: bold;
}

.ot-gachainfo-area p.item-cnt img {
  width: 12px;
  margin-left: 10px;
}

.ot-gachainfo-area .item-cnt-disp {
  display: inline-block;
  width: auto;
  padding: 3px 20px !important;
  margin: 10px auto !important;
  border: 1px solid #dde4e6;
  border-radius: 5px;
  background: #fcfcfc;
}

.ot-gachainfo-area .total-money {
  padding: 10px 0 0 !important;
  margin: 0 0 0 !important;
  font-weight: bold;
  border-top: 1px dashed #d8e1e3;
}

.ot-gachainfo-area .total-money-disp {
  display: inline-block;
  padding: 3px 20px !important;
  margin: 10px auto !important;
  border: 1px solid #dde4e6;
  border-radius: 5px;
  background: #fcfcfc;
}

.ot-gachainfo-area .ot-gachareset {
  margin: 0 0 20px !important;
}

.ot-gachainfo-area .ot-gachareset a {
  display: inline-block;
  width: 60%;
  box-sizing: border-box;
  padding: 5px 0px;
  text-decoration: none;
  border-radius: 4px;
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
  transition: .5s;
  background-size: 200%;
  border-bottom: solid 2px #002d60;
  margin: 10px 0 0;
}

.ot-gachainfo-area .ot-gachareset a:hover {
  background-position: right center;
}

.ot-gachainfo-area .ot-gachareset:active a {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #ot-gachabtn-area .ot-gachabtn {
    width: 40%;
    margin: 10px;
  }

  .ot-gachaimg.no-image {
    display: block;
    width: auto;
    height: 77px;
    background: #586170;
    border: 2px solid rgb(146, 146, 146);
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    position: relative;
    margin-bottom: 5px;
    position: relative;
  }

  .ot-gachaimg.no-image:before {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    background: url(/altema/uploads/2020/02/2020y02m12d_1647066574.png)no-repeat center center/100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0.3;
  }

  #ot-gacharesult-area .ot-gachaitem.rainbow a:before,
  #ot-gacharesult-area .ot-gachaitem.rainbow a:after {
    width: 77px;
    height: 77px;
  }
}

@media only screen and (max-width : 375px) {
  .ot-gachaimg.no-image {
    height: 67px;
  }

  #ot-gacharesult-area .ot-gachaitem.rainbow a:before,
  #ot-gacharesult-area .ot-gachaitem.rainbow a:after {
    width: 67px;
    height: 67px;
  }

  .ot-gachaimg.no-image:before {
    width: 50px;
    height: 50px;
  }

  #ot-gacharesult-area .ot-gachaitem.rainbow a:before,
  #ot-gacharesult-area .ot-gachaitem.rainbow a:after {
    width: 67px;
    height: 67px;
  }
}

@media only screen and (max-width : 360px) {
  .ot-gachaimg.no-image {
    height: 64px;
  }

  .ot-gachaimg.no-image:before {
    width: 50px;
    height: 50px;
  }

  #ot-gacharesult-area .ot-gachaitem.rainbow a:before,
  #ot-gacharesult-area .ot-gachaitem.rainbow a:after {
    width: 64px;
    height: 64px;
  }
}


/*CVボタンオススメ*/

.cvbt-install {
  display: block;
  width: 70%;
  margin: 5px auto;
}

.cvbt-install a {
  width: 100%;
  height: 100%;
  padding: 10px 0;
  background: #34a3d1;
  transition: .5s;
  display: block;
  border-radius: 5px;
  color: #FFF !important;
  font-size: 16px;
  box-shadow: 0 4px 0 #166f94;
  position: relative;
  transition: .5s;
  text-align: center;
}

.cvbt-install a:after {
  content: '▶';
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #166f94;
  border-radius: 50%;
  vertical-align: middle;
  margin: auto;
  transition: .5s;
}

.cvbt-install a:hover {
  background: #009ce7;
  box-shadow: 0 4px 0 #004a6d;
}

.cvbt-install a:hover:after {
  background: #009ce7;
}

.cvbt-install a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.cvbt-jizen {
  display: block;
  width: 70%;
  margin: 5px auto;
}

.cvbt-jizen a {
  width: 100%;
  height: 100%;
  padding: 10px 0;
  background: #ff8d00;
  transition: .5s;
  display: block;
  border-radius: 5px;
  color: #FFF !important;
  font-size: 16px;
  box-shadow: 0 4px 0 #dc3714;
  position: relative;
  transition: .5s;
  text-align: center;
}

.cvbt-jizen a:after {
  content: '▶';
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #dc3714;
  border-radius: 50%;
  vertical-align: middle;
  margin: auto;
  transition: .5s;
}

.cvbt-jizen a:hover {
  background: #ff5e00;
  box-shadow: 0 4px 0 #d23900;
}

.cvbt-jizen a:hover:after {
  background: #ff5e00;
}

.cvbt-jizen a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

.cvbt-play {
  display: block;
  width: 70%;
  margin: 5px auto;
}

.cvbt-play a {
  width: 100%;
  height: 100%;
  padding: 10px 0;
  background: #ff6161;
  transition: .5s;
  display: block;
  border-radius: 5px;
  color: #FFF !important;
  font-size: 16px;
  box-shadow: 0 4px 0 #c61212;
  position: relative;
  transition: .5s;
  text-align: center;
}

.cvbt-play a:after {
  content: '▶';
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  font-size: 10px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  background: #c61212;
  border-radius: 50%;
  vertical-align: middle;
  margin: auto;
  transition: .5s;
}

.cvbt-play a:hover {
  background: #ff3535;
  box-shadow: 0 4px 0 #b00202;
}

.cvbt-play a:hover:after {
  background: #ff3535;
}

.cvbt-play a:active {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}


/*------------------------------------------------------------
ランキングまとめリンク
-------------------------------------------------------------*/
.rank-scrollBt {
  display: none;
}

#matomejump {
  line-height: 0;
  height: 0;
  margin: -60px 0 0 0;
  padding: 50px 0 0 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-contents .rank-scrollBt {
    display: block;
    position: fixed;
    bottom: 130px;
    right: 0;
    z-index: 9999;
    font-family: 'Kosugi Maru', sans-serif;
  }

  #main-contents .rank-scrollBt a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(3, 22, 89, 0.9);
    padding: 0 5px 0 0px;
    font-size: 12px;
    border-radius: 50px 0 0px 50px;
    color: #FFF;
  }

  #main-contents .rank-scrollBt a:before {
    content: "";
    background: url(/altema/top/rankingicon-tujyuu.png) no-repeat center / 15px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 5px;
    background: rgba(9, 137, 184, 1);
    background: -moz-linear-gradient(-45deg, rgba(9, 137, 184, 1) 0%, rgba(9, 137, 184, 1) 50%, rgba(8, 123, 165, 1) 50%, rgba(8, 123, 165, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(9, 137, 184, 1)), color-stop(50%, rgba(9, 137, 184, 1)), color-stop(50%, rgba(8, 123, 165, 1)), color-stop(100%, rgba(8, 123, 165, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(9, 137, 184, 1) 0%, rgba(9, 137, 184, 1) 50%, rgba(8, 123, 165, 1) 50%, rgba(8, 123, 165, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(9, 137, 184, 1) 0%, rgba(9, 137, 184, 1) 50%, rgba(8, 123, 165, 1) 50%, rgba(8, 123, 165, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(9, 137, 184, 1) 0%, rgba(9, 137, 184, 1) 50%, rgba(8, 123, 165, 1) 50%, rgba(8, 123, 165, 1) 100%);
    background: linear-gradient(135deg, rgba(9, 137, 184, 1) 0%, rgba(9, 137, 184, 1) 50%, rgba(8, 123, 165, 1) 50%, rgba(8, 123, 165, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0989b8', endColorstr='#087ba5', GradientType=1);
    border-radius: 50%;
  }

  #main-contents .rank-scrollBt a:after {
    content: "";
    background: url(/altema/top/rankingicon-tujyuu.png) no-repeat center center / 15px;
    width: 30px;
    height: 30px;
    display: inline-block;
    left: 0;
    position: absolute;
  }
}


.ad-center {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

#comment_honbun_hensin_num {
  vertical-align: middle;
  display: inline-block;
  line-height: 18px;
}

#comment_honbun_hensin_close_btn {
  background: #999;
  display: inline-block;
  width: 20px;
  text-align: center;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 15px;
  margin: 0 0 0 3px;
  color: #FFF;
  border: 1px solid #ccc;
  vertical-align: middle;
  transition: 0.8s;
}

#comment_honbun_hensin_close_btn:hover {
  opacity: 0.6;
}


/*--------------------------------------------------------
ゲームアンケート
--------------------------------------------------------*/
.question-area .ot-text-area {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 10px !important;
}

.question-area .ot-text-area input[name="player_id"] {
  width: 100%;
  padding: 10px;
  margin: 0 5px;
  height: auto;
  box-sizing: border-box;
}

#main-contents .question-area .ot-text-area+.error-message {
  display: table;
  text-align: center;
  font-weight: bold;
  color: #ff2b4e !important;
  margin: 0 auto;
  border-bottom: 3px double #ff2b4e;
  box-sizing: border-box;
}

.question-area .ot-text-area button[name="anketo-start"] {
  margin: 10px auto 0;
  display: block;
  width: 80%;
  padding: 8px;
  background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
  background-size: 200%;
  border: 0px;
  border-bottom: solid 2px #002d60;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: pointer;
  color: #fff !important;
  font-size: 16px;
  transition: .5s;
}

.question-area .ot-text-area button[name="anketo-start"]:hover {
  background-position: right center;
}

#main-contents .question-area {
  margin: 10px 0;
}

#main-contents .question-area .question-text {
  background: #e7ebfc;
  padding: 5px 15px;
  line-height: 1.6;
  margin: 10px 0;
  border-radius: 50px;
  font-weight: bold;
  display: block;
}

#main-contents .question-area .error-message {
  font-weight: bold;
  color: #ff2b4e !important;
  border-bottom: 3px double #f66;
  box-sizing: border-box;
}

#main-contents .question-area .anketo-items {
  padding: 10px;
}

#main-contents .question-area .anketo-item {
  position: relative;
}

#main-contents .question-area .anketo-item textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 0;
}

#main-contents .text-limit {
  font-weight: bold;
  color: #676767;
  text-align: right;
}

#main-contents .question-area+button.next-button {
  text-align: center;
  margin: 20px auto;
  display: block;
  width: 80%;
  padding: 8px;
  background: #8e8e8e;
  border: 0px;
  border-radius: 10px;
  color: #FFF;
  box-shadow: 0 2px 0 0 #666;
  cursor: pointer;
}

#main-contents button.next-button:hover {
  opacity: 0.8;
}

#main-contents .question-area ul li input[type=radio] {
  display: none;
}

#main-contents .question-area ul li input[type=checkbox] {
  display: none;
}

#main-contents .question-area ul li label {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
}

#main-contents .question-area ul li label span {
  padding-left: 25px;
  line-height: 25px;
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#main-contents .question-area ul li label input[type=radio]+span:hover {
  background: #cbcbcb;
  transition: 0.7s;
  border-radius: 50px;
  box-sizing: border-box;
}

#main-contents .question-area ul li label input[type=checkbox]+span:hover {
  background: #cbcbcb;
  transition: 0.7s;
  border-radius: 0px;
  box-sizing: border-box;
}

#main-contents .question-area ul li label input[type=radio]:checked+span:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 9px;
  width: 9px;
  top: 0;
  bottom: 0;
  left: 3px;
  margin: auto;
  background: #00c4ff;
  border: 2px solid #006f9e;
  z-index: 1;
  animation: 0.5s linear 0s normal 1 running shrink;
}

@keyframes shrink {
  30% {
    transform: scale(0.7);
  }

  70% {
    transform: scale(1);
  }

  100% {
    transform: none;
  }
}

#main-contents .question-area ul li label input[type=radio]+span:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 100%;
  height: 13px;
  width: 13px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #f5f5f5;
  border: 3px solid #cbcbcb;
}

#main-contents .question-area ul li label input[type=checkbox]:checked+span:before {
  content: '';
  display: block;
  position: absolute;
  border-radius: 0;
  top: 0;
  bottom: 3px;
  left: 3px;
  margin: auto;
  background: url(/common/check-question.png)no-repeat center / 100%;
  width: 18px;
  height: 18px;
  z-index: 1;
  animation: 0.5s linear 0s normal 1 running shrink;
}

#main-contents .question-area ul li label input[type=checkbox]+span:after {
  content: '';
  display: block;
  position: absolute;
  border-radius: 0;
  height: 13px;
  width: 13px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #f5f5f5;
  border: 3px solid #cbcbcb;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-contents .question-area {
    margin: 5px;
  }

  #main-contents .question-area .anketo-item textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 10px 0 0;
  }
}

/*--------------------------------------------------------
table(サイドメニュー用)左
--------------------------------------------------------*/
#sub-contents-in table td ul li {
  padding: 5px 0 5px 0px;
  border-bottom: 0px dotted #ccc;
  background: #fff;
  margin-bottom: 0 !important;
}

#sub-contents-in table td ul li:last-child {
  border-bottom: 0;
  margin: 0px 0;
}

#sub-contents-in table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

#sub-contents-in th,
#sub-contents-in td {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#sub-contents-in th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

#sub-contents-in table. {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

#sub-contents-in th,
#sub-contents-in td {
  padding: 0.4em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#sub-contents-in th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

#sub-contents-in table.table-style01 th,
#sub-contents-in table.table-style01 td {
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
}

#sub-contents-in table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

#sub-contents-in table.all-center th,
#sub-contents-in table.all-center td {
  text-align: center;
}

#sub-contents-in table.th-center th {
  text-align: center;
}

#sub-contents-in table.td-right td:not(.default) {
  text-align: right;
}

/*--------------------------------------------------------
table(サイドメニュー用)右
--------------------------------------------------------*/
#sidebar-intable td ul li {
  padding: 5px 0 5px 0px;
  border-bottom: 0px dotted #ccc;
  background: #fff;
  margin-bottom: 0 !important;
}

#sidebar-in table td ul li:last-child {
  border-bottom: 0;
  margin: 0px 0;
}

#sidebar-in table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

#sidebar-in th,
#sidebar-in td {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#sidebar-in th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

#sidebar-in table. {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

#sidebar-in th,
#sidebar-in td {
  padding: 0.4em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

#sidebar-in th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

#sidebar-in table.table-style01 th,
#sidebar-in table.table-style01 td {
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
}

#sidebar-in table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

#sidebar-in table.all-center th,
#sidebar-in table.all-center td {
  text-align: center;
}

#sidebar-in table.th-center th {
  text-align: center;
}

#sidebar-in table.td-right td:not(.default) {
  text-align: right;
}

#sidebar-in table li a,
#sidebar-in .widget-conts table a {
  border-bottom: 0px solid #f0f0f0;
  display: block;
  font-size: 12px;
  padding: 0 0 0px;
}

#sub-contents-in table li a,
#sub-contents-in .widget-conts table a {
  border-bottom: 0px solid #f0f0f0;
  display: block;
  font-size: 12px;
  padding: 0 0 0px;
}

/*--------------------------------------------------------
table(SPサブメニュー用)
--------------------------------------------------------*/
.drawer-menu .drawer-menu-box2 td ul li {
  padding: 5px 0 5px 0px;
  border-bottom: 0px dotted #ccc;
  background: #fff;
  margin-bottom: 0 !important;
}

.drawer-menu .drawer-menu-box2 table td ul li:last-child {
  border-bottom: 0;
  margin: 0px 0;
}

.drawer-menu .drawer-menu-box2 table {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

.drawer-menu .drawer-menu-box2 th,
.drawer-menu .drawer-menu-box2 td {
  padding: 0.5em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

.drawer-menu .drawer-menu-box2 th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

.drawer-menu .drawer-menu-box2 table. {
  margin-bottom: 1.5em;
  padding: 0;
  border: 1px solid #dde4e6;
}

.drawer-menu .drawer-menu-box2 th,
.drawer-menu .drawer-menu-box2 td {
  padding: 0.4em;
  border-right: 1px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  font-size: 11px;
}

.drawer-menu .drawer-menu-box2 th {
  background-color: #f0f0f0;
  font-weight: bold;
  text-align: left;
}

.drawer-menu .drawer-menu-box2 table.table-style01 th,
.drawer-menu .drawer-menu-box2 table.table-style01 td {
  text-align: left;
  vertical-align: top;
  border: 1px solid #ccc;
}

.drawer-menu .drawer-menu-box2 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

.drawer-menu .drawer-menu-box2 table.all-center th,
.drawer-menu .drawer-menu-box2 table.all-center td {
  text-align: center;
}

.drawer-menu .drawer-menu-box2 table.th-center th {
  text-align: center;
}

.drawer-menu .drawer-menu-box2 table.td-right td:not(.default) {
  text-align: right;
}


/*-- コメント用アコーディオンメニュー --*/
.comment_acMenu dt {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 10px 0 0;
  padding: 7px 5px;
  text-align: center;
  display: block;
  box-shadow: none;
  background: #fff;
  color: #666;
  cursor: pointer;
  position: relative;
}

.comment_acMenu dt:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 99%;
  height: 2px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.comment_acMenu dt:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 98%;
  height: 1px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.comment_acMenu dd {
  display: none;
  margin: 0 0 5px !important;
  box-sizing: border-box;
}

.comment_acMenu dt.active {
  border: 1px solid #ffeea1;
  background: #fff2b7;
  margin: 0 0 5px !important;
  box-shadow: 0 2px 0 0 #bbb;
  border-radius: 4px 4px 0 0;
  color: #444;
}

.comment_acMenu dt.active:before {
  border: none;
}

.comment_acMenu dt.active:after {
  border: none;
}

#sub-contents .comment_acMenu {
  margin: 5px 0;
}

#sub-contents .comment_acMenu dt {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0px 0 10px;
  padding: 5px 5px;
  text-align: center;
  display: block;
  background: #fff;
  cursor: pointer;
  color: #666;
}

#sub-contents .comment_acMenu dt:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 99%;
  height: 1px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

#sub-contents .comment_acMenu dt:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 5px;
  width: 98%;
  height: 0px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

#sub-contents .comment_acMenu dt.active {
  border: 1px solid #ffeea1;
  background: #fff2b7;
  margin: 0 0 10px !important;
  box-shadow: 0 2px 0 0 #bbb;
  border-radius: 4px 4px 0 0;
  color: #444;
}

#sub-contents .comment_acMenu dt.active:before {
  border: none;
}

#sub-contents .comment_acMenu dt.active:after {
  border: none;
}

/*-- コメント用ボタン--*/
.comment_hihyoji {
  background: #ffffff;
  border: 1px solid #999;
  color: #999;
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px !important;
  cursor: pointer;
}

.comment_hyoji {
  background: #b0b0b0;
  border-bottom: 1px solid #9c9c9c;
  color: #FFF;
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px !important;
  cursor: pointer;
}

/*--------------------------------------------------------
ウィジェット人気ランキング
--------------------------------------------------------*/
.widget-ninki-ranking div {
  font-size: 140%;
  font-weight: bold;
  padding: 0 0 0 8px;
}

.widget-ninki-ranking div img {
  padding-right: 5px;
}

.widget-ninki-ranking dt,
.widget-ninki-ranking dd {
  display: table-cell;
  vertical-align: middle;
}

.widget-ninki-ranking dt {
  width: 80px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-align: center;
  overflow: hidden;
  max-width: 80px;
}

.widget-ninki-ranking dt img {
  height: 35px;
  object-fit: cover;
  width: 80px;
}

.widget-ninki-ranking dd {
  padding-left: 8px;
  text-align: left;
}

.widget-ninki-ranking dd a {
  display: block;
  box-sizing: border-box;
}

.widget-ninki-ranking dl:not(:last-child) {
  border: 0px solid #dde4e6;
  border-bottom: 1px solid #dde4e6;
  border-radius: 0px;
  margin: 0;
  padding: 8px 5px;
  box-sizing: border-box;
  position: relative;
}

.widget-ninki-ranking dl {
  border: 0px solid #dde4e6;
  border-radius: 0px;
  padding: 8px 5px;
  box-sizing: border-box;
  margin: 0;
  position: relative;
  color: #448acb;
}

.widget-ninki-ranking dl:hover {
  color: #f60;
}

.widget-ninki-ranking dl {
  color: #448acb;
}

.widget-ninki-ranking dl:hover {
  color: #f60;
}

.widget-ninki-ranking dd.ninki-all-link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.widget-ninki-ranking dd.ninki-all-link a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .widget-ninki-ranking dl:not(:last-child) {
    border-radius: none;
    position: relative;
    background: #fff;
    padding: 10px;
    margin: 0 10px -1px;
    box-sizing: content-box;
  }

  .widget-ninki-ranking dl {
    border-radius: none;
    position: relative;
    background: #fff;
    padding: 10px;
    margin: 0 10px;
    box-sizing: content-box;
  }
}

/*--------------------------------------------------------
人気のページ（右メニュー）
--------------------------------------------------------*/
#sidebar #ranking-area ul.wpp-list {
  margin-top: 0;
  margin-bottom: 10px;
  ;
}

#sidebar #ranking-area ul.wpp-list li {
  background: none;
  padding: 0;
  margin: 0;
}

#sidebar #ranking-area ul.wpp-list li a {
  padding: 5px 0 5px 22px;
  font-size: 11px;
  position: relative;
  display: -webkit-flex;
  display: flex;
  align-items: start;
  width: 100%;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
}

#sidebar #ranking-area ul.wpp-list li a:before {
  content: '';
  position: absolute;
  display: block;
  left: 0px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(1) a:before {
  background-image: url(/common/ranking_game/rank/pr1-s.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(2) a:before {
  background-image: url(/common/ranking_game/rank/pr2-s.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(3) a:before {
  background-image: url(/common/ranking_game/rank/pr3-s.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(4) a:before {
  background-image: url(/common/ranking_game/rank/pr4.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(5) a:before {
  background-image: url(/common/ranking_game/rank/pr5.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(6) a:before {
  background-image: url(/common/ranking_game/rank/pr6.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(7) a:before {
  background-image: url(/common/ranking_game/rank/pr7.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(8) a:before {
  background-image: url(/common/ranking_game/rank/pr8.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(9) a:before {
  background-image: url(/common/ranking_game/rank/pr9.png);
}

#sidebar #ranking-area ul.wpp-list li:nth-of-type(10) a:before {
  background-image: url(/common/ranking_game/rank/pr10.png);
}


.common-tab-wrapper {
  height: 33px;
}

/*-------------------------------------------------------
画像白黒検索
-------------------------------------------------------*/
.ot-search-img-area {
  text-align: center;
}

.ot-search-img-area label {
  width: auto;
  text-align: center;
  margin: 2px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.ot-search-img-area label span {
  display: block;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  padding: 5px 8px;
}

.ot-search-img-area label input[type=checkbox] {
  content: '';
  position: absolute;
  visibility: visible;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  height: 25px;
}

.ot-search-img-area label input[type=checkbox]:checked {
  visibility: visible;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0;
  background: #0c749b;
}

.ot-search-img-area label input[type=checkbox]:checked+span {
  color: #FFF;
}

.ot-search-img-area label input[type=checkbox]+img {
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.ot-search-img-area label input[type=checkbox]:checked+img {
  display: block;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

.ot-search-img-area label input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}


/*-------------------------------------------------------
画像白黒検索
-------------------------------------------------------*/
.ot-search-img-area {
  text-align: center;
}

.ot-search-img-area label {
  width: auto;
  text-align: center;
  margin: 2px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.ot-search-img-area label span {
  display: block;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  padding: 5px 8px;
}

.ot-search-img-area label input[type=checkbox] {
  content: '';
  position: absolute;
  visibility: visible;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  height: 25px;
}

.ot-search-img-area label input[type=checkbox]:checked {
  visibility: visible;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0;
  background: #0c749b;
}

.ot-search-img-area label input[type=checkbox]:checked+span {
  color: #FFF;
}

.ot-search-img-area label input[type=checkbox]+img {
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
}

.ot-search-img-area label input[type=checkbox]:checked+img {
  display: block;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

.ot-search-img-area label input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

.p-none p:empty {
  display: none;
}

.adsSpOverlay {
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

dl.acMenu+h3 {
  margin-top: 30px !important;
}

dl.acMenu+h2 {
  margin-top: 30px !important;
}

.giftcard-tujyu-bt {
  display: none;
}

.tableScroll_x {
  width: 100%;
  overflow: auto;
  margin-bottom: 20px;
}

.tableScroll_x table {
  width: 100%;
  margin-bottom: 0px !important;
}





/*-------------------------------------------------------
マイページ
-------------------------------------------------------*/
.point_kanriList {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.point_kanriList li {
  border: 0 !important;
  text-align: center;
  width: 49% !important;
  border: 1px solid #f1f1f1 !important;
  margin: 10px 0;
  box-sizing: border-box;
}

.point_kanriList li a {
  position: relative;
  text-align: center;
  font-size: 11px;
}

.point_kanriList li:nth-of-type(1) a:before {
  content: "";
  background: url(/altema/top/my-icon1.png)no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  width: 70px;
  height: 60px;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.point_kanriList li:nth-of-type(2) a:before {
  content: "";
  background: url(/altema/top/my-icon2.png)no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  width: 40px;
  height: 60px;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.point_kanriList li:nth-of-type(3) a:before {
  content: "";
  background: url(/altema/top/my-icon3.png)no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  width: 85px;
  height: 60px;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.point_kanriList li:nth-of-type(4) a:before {
  content: "";
  background: url(/altema/top/my-icon4.png)no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  width: 90px;
  height: 60px;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}




/*-------------------------------------------------------
PC下層ページレイアウト修正(背景あり)
-------------------------------------------------------*/
body {
  background: #f7f7f8;
}

body.home.blog.col3 {
  overflow: hidden;
}

body.home.blog.col3 #mainInner-col2 {
  overflow: hidden;
}

.headerWrap {
  background: #FFF;
}

.col3 #main-contents {
  width: 710px;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: 0 0 1px 0px #d2dae0;
  margin-bottom: 20px;
  position: relative;
}

.col3 #sub-contents {
  width: 220px;
  padding: 0;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: 0 0 0px 0px #d2dae0;
}

.col3 #sub-contents h3 {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
}

.col3 #sub-contents h4 {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
}

.col3 #sub-contents h4:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.sub-column .widget-conts {
  background: #FFF;
  margin-bottom: 15px;
  padding: 0;
  box-shadow: 0 0 2px 0px #d2dae0;
  position: relative;
}

.sub-column .widget-conts .search-form_inputXX {
  background: #f5f5f5;
  padding: 5px 0;
  border: 1px solid #dde4e6;
  margin-bottom: 0;
}

.sub-column .widget-conts ul {
  padding: 0;
  box-sizing: border-box;
}

.sub-column .widget-conts ul li {
  border-bottom: 1px solid #efefef;
  padding: 6px 10px;
  background: none;
}

.sub-column .widget-conts ul li:last-of-type {
  border-bottom: 0px solid #efefef;
  padding: 6px 10px;
  background: none;
}

.col3 #sub-contents #menu+ul li {
  border-bottom: 1px solid #efefef;
}

.sub-column .widget-conts ul li a {
  display: block;
}

.sub-column .widget-conts dl {
  padding: 0 10px;
  box-sizing: border-box;
}

.col3 #sidebar {
  width: 330px;
  padding: 0 2px 0;
  box-sizing: border-box;
  border-radius: 0px;
  box-shadow: 0 0 0px 0px #b4c0c8;
  position: relative;
  z-index: 0;
}

.col3 #sidebar .widget-conts {
  margin-bottom: 15px;
  background: #FFF;
  display: block;
  border-radius: 0;
  box-shadow: 0 0 2px 0 #d2dae0;
  box-sizing: border-box;
}

.col3 #sidebar #sidebar-50 p {
  padding: 0 10px !important;
}

.col3 #sidebar #adpcheader .new_koukokuwaku_wrapper {
  padding: 0;
  margin: 0 auto 20px !important;
}

.col3 #sidebar .new_koukokuwaku_wrapper {
  padding: 10px 0;
  margin: 0 auto 10px !important;
}

.col3 #sidebar .widget-conts h3 {
  border: 0;
  background: #677a89;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 10px;
  color: #FFF;
  border-bottom: 2px solid rgb(255 231 167);
  border-radius: 0;
}

.col3 #sidebar .widget-conts ul,
.col3 #sidebar .widget-conts p {
  padding: 0;
}

#sidebar #ranking-area {
  margin-top: 0;
}

.col3 #sidebar .widget-conts h3 {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
}

.col3 #sidebar .widget-conts h4 {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
}

.col3 #sidebar .widget-conts h4:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

#sub-contents-in table {
  margin: 10px 0;
  box-sizing: border-box;
}

.col3 #sidebar .widget-conts #side-menu-qa-new ul {
  margin-top: 0;
}

.col3 #sidebar .widget-conts #side-menu-qa-new div.ranking-period {
  position: relative;
  right: 0;
  text-align: right;
  display: block;
  padding: 5px 0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
  box-sizing: border-box;
}

.col3 #sidebar .widget-conts #side-menu-qa-new span.more-qa {
  width: 100%;
  display: block;
  position: relative;
  color: #39f;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.col3 #sidebar .widget-conts .titleListTop10 li a {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.col3 #sidebar .widget-conts .titleListTop10 li a img {
  width: 40px;
  padding-right: 0;
  border: 0;
  box-shadow: 0 0 0 1px #ccc;
}

.col3 #sidebar .widget-conts .titleListTop10+p {
  width: 100%;
  display: block;
  position: relative;
  color: #39f;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.col3 #sidebar .widget-conts dl.acMenu:last-of-type,
.sub-column .widget-conts dl.acMenu:last-of-type {
  padding-bottom: 10px;
}

#presentGacha+div {
  margin: 10px 0;
}

#presentGacha+div+p {
  padding: 0 10px !important;
}

#presentGacha+div+p+a {
  width: 100%;
  display: block;
  position: relative;
  color: #39f;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.sub-column .widget-conts p.lead {
  padding: 10px;
}

/*--------------------------------------------------------
人気ランキング右メニュー
--------------------------------------------------------*/
.col3 #sidebar #ranking-area ul.wpp-list {
  margin-top: 0;
  margin-bottom: 0;
}

.col3 #sidebar #ranking-area ul.wpp-list li {
  background: none;
  padding: 10px 10px;
  margin: 0;
  border-bottom: 1px solid #efefef;
}

.col3 #sidebar #ranking-area ul.wpp-list li:last-of-type {
  border-bottom: 0px solid #efefef;
}

.col3 #sidebar #ranking-area ul.wpp-list li a {
  padding: 0 10px 0 27px;
  font-size: 11px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
  line-height: normal;
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(1) a:before {
  content: '1';
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #f5a008;
  border-radius: 0px;
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(2) a:before {
  content: '2';
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #59a7bd;
  border-radius: 0px;
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(3) a:before {
  content: '3';
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #975e36;
  border-radius: 0px;
}

.col3 #sidebar #ranking-area ul.wpp-list li a:before {
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 11px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  background: #999;
  border-radius: 0px;
  letter-spacing: -0.5px;
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(4) a:before {
  content: '4';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(5) a:before {
  content: '5';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(6) a:before {
  content: '6';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(7) a:before {
  content: '7';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(8) a:before {
  content: '8';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(9) a:before {
  content: '9';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(10) a:before {
  content: '10';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(11) a:before {
  content: '11';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(12) a:before {
  content: '12';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(13) a:before {
  content: '13';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(14) a:before {
  content: '14';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(15) a:before {
  content: '15';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(16) a:before {
  content: '16';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(17) a:before {
  content: '17';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(18) a:before {
  content: '18';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(19) a:before {
  content: '19';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(20) a:before {
  content: '20';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(21) a:before {
  content: '21';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(22) a:before {
  content: '22';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(23) a:before {
  content: '23';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(24) a:before {
  content: '24';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(25) a:before {
  content: '25';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(26) a:before {
  content: '26';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(27) a:before {
  content: '27';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(28) a:before {
  content: '28';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(29) a:before {
  content: '29';
}

.col3 #sidebar #ranking-area ul.wpp-list li:nth-of-type(30) a:before {
  content: '30';
}


/*-------------------------------------------------------
セールスランキング
-------------------------------------------------------*/
.salesRankList th {
  width: 100%;
  text-align: center !important;
}

.salesRankList th:first-child {
  width: 100%;
  text-align: center !important;
  width: 40px;
}

.salesRankList tr td:first-child {
  text-align: center;
}

.salesRankList tr td:nth-of-type(2) br {
  display: none;
}

.salesRankListTitle {
  display: block;
  margin: 5px 0;
  font-size: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.salesRankListDeveloper {
  display: block;
  font-size: 10px;
}

.salesRankList td img {
  width: 65%;
  border-radius: 5px;
  margin: auto;
  display: block !important;
  box-sizing: border-box;
  box-shadow: 0 0 2px 0 #ccc;
}

/*------------------------------------------------------------
画像サイズ固定
-------------------------------------------------------------*/
body #header .headerArea .header-logo a img {
  width: 130px;
  height: 29.25px;
}

.headerInner img {
  height: 24.25px;
}

/*------------------------------------------------------------
ジャック広告画像サイズ固定
-------------------------------------------------------------*/
@media only screen and (max-width : 415px) {
  .headerJack {
    width: 414px;
    max-width: 100%;
    height: 207px;
  }
}

@media only screen and (max-width : 376px) {
  .headerJack {
    width: 375px;
    max-width: 100%;
    height: 188px;
  }
}

@media only screen and (max-width : 360px) {
  .headerJack {
    width: 360px;
    max-width: 100%;
    height: 180px;
  }
}

@media only screen and (max-width : 415px) {
  .blog.col3 .headerJack {
    width: 414px;
    max-width: 100%;
    height: 83px;
  }
}

@media only screen and (max-width : 376px) {
  .blog.col3 .headerJack {
    width: 375px;
    max-width: 100%;
    height: 75px;
  }
}

@media only screen and (max-width : 360px) {
  .blog.col3 .headerJack {
    width: 360px;
    max-width: 100%;
    height: 72px;
  }
}



/*-------------------------------------------------------
ウィジェット見出しラグ修正
-------------------------------------------------------*/

/*--タイトル--*/

.col3 #sidebar .widget-conts b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 14px;
  display: block;
}

.col3 #sidebar .widget-conts u {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
}

.col3 #sidebar .widget-conts u:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.col3 #sub-contents b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  display: block;
  font-size: 14px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  .col3 #sub-contents b,
  .col3 #sidebar .widget-conts b {
    font-size: 15px;
  }
}

.col3 #sub-contents u {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
}

.col3 #sub-contents u:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

/*--本体--*/

.col3 #mainRight .widget-conts {
  margin-bottom: 15px;
  background: #FFF;
  display: block;
  border-radius: 0;
  box-shadow: 0 0 2px 0 #d2dae0;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}

.col3 #mainRight #sidebar-50 p {
  padding: 0 10px !important;
}

.col3 #mainRight #sidebar-50 {
  padding: 0 0 5px;
}

.col3 #mainRight #sidebar-31 ol {
  padding: 10px 1px !important;
}

.col3 #mainRight #sidebar-31 {
  padding: 0 0 10px;
}

.col3 #mainRight #sidebar-31 p {
  padding: 0 10px !important;
}

.col3 #mainRight #sidebar-4 {
  padding: 0 0 10px;
}

.col3 #mainRight #sidebar-4 p {
  padding: 0 10px !important;
}

.col3 #mainRight .widget-conts h3 {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 15px;
}

.col3 #mainRight .widget-conts h4 {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
}

.col3 #mainRight .widget-conts h4:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.col2 #sidebar #sidebar-in .widget-conts {
  margin-bottom: 15px;
  background: #FFF;
  display: block;
  border-radius: 0;
  box-shadow: 0 0 2px 0 #d2dae0;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}

.col2 #sidebar #sidebar-in #submenu-32 {
  display: none;
}

.col2 #sidebar #sidebar-in #sidebar-50 p {
  padding: 0 10px !important;
}

.col2 #sidebar #sidebar-in #sidebar-50 {
  padding: 0 0 5px;
}

.col2 #sidebar #sidebar-in #sidebar-31 ol {
  padding: 10px 1px !important;
}

.col2 #sidebar #sidebar-in #sidebar-31 {
  padding: 0 0 10px;
}

.col2 #sidebar #sidebar-in #sidebar-31 p {
  padding: 0 10px !important;
}

.col2 #sidebar #sidebar-in #sidebar-4 {
  padding: 0 0 10px;
}

.col2 #sidebar #sidebar-in #sidebar-4 p {
  padding: 0 10px !important;
}

.col2 #sidebar #sidebar-in .widget-conts h3 {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 15px;
}

.col2 #sidebar #sidebar-in .widget-conts h4 {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
}

.col2 #sidebar #sidebar-in .widget-conts h4:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.col2 #sidebar #sidebar-in {
  width: 100% !important;
  padding: 0 2px 0;
  box-sizing: border-box;
  border-radius: 0px;
  box-shadow: 0 0 0px 0px #b4c0c8;
  position: relative;
  z-index: 0;
}

.col2 #sidebar #sidebar-in .widget-conts {
  margin: 0 0 1.5em 0;
}

/*--本体(タグ変更後)--*/

.col3 #mainRight .widget-conts b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 15px;
  display: block;
}

.col3 #mainRight .widget-conts u {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
}

.col3 #mainRight .widget-conts u:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.col2 #sidebar #sidebar-in .widget-conts b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 15px;
  display: block;
}

.col2 #sidebar #sidebar-in .widget-conts u {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
}

.col2 #sidebar #sidebar-in .widget-conts u:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.bluestar {
  color: #68D5F7;
}

.hide {
  display: none;
}


/*--404--*/

.col2 #mainRight .widget-conts b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 15px;
  display: block;
}

.col2 #mainRight .widget-conts u {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
}

.col2 #mainRight .widget-conts u:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.col2 #mainRight #sidebar-31 {
  padding: 0 0 10px;
}

.col2 #mainRight #sidebar-31 ol {
  padding: 10px 1px !important;
}

.col2 #mainRight .widget-conts {
  margin-bottom: 15px;
  background: #FFF;
  display: block;
  border-radius: 0;
  box-shadow: 0 0 2px 0 #d2dae0;
  box-sizing: border-box;
  padding: 0;
  position: relative;
}

.col2 #mainRight #sidebar-31 p {
  padding: 0 10px !important;
}

.col2 #mainRight #sidebar-50 p {
  padding: 0 10px !important;
}

.col2 #mainRight #sidebar-50 {
  padding: 0 0 5px;
}

.col2 #mainRight #sidebar-31 ol {
  padding: 10px 1px !important;
}

.col2 #mainRight #sidebar-31 {
  padding: 0 0 10px;
}

.col2 #mainRight #sidebar-31 p {
  padding: 0 10px !important;
}

.col2 #mainRight #sidebar-4 {
  padding: 0 0 10px;
}

.col2 #mainRight #sidebar-4 p {
  padding: 0 10px !important;
}

.col2 #mainRight .widget-conts h3 {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 15px;
}

.col2 #mainRight .widget-conts h4 {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
}

.col2 #mainRight .widget-conts h4:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}

.col2 #mainLeft .sub-column #sub-contents-in b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0 10px 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  display: block;
  font-size: 15px;
}

.col2 #mainLeft .sub-column #sub-contents-in u {
  border: 0;
  line-height: 30px;
  padding: 0 10px 0 22px !important;
  margin: 0 !important;
  border-left: 0px solid #7bb8d1 !important;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  position: relative;
  font-size: 13px !important;
  display: block;
  text-decoration: none;
}

.col2 #mainLeft .sub-column #sub-contents-in u:before {
  content: "";
  width: 16px;
  height: 2px;
  background: #34a3d1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 0 8px 8px 0;
}



/*------------------------
SP広告余白
------------------------*/
div[id^="div_fam8_async_"] {
  margin: 10px 0 25px;
}

.new_koukokuwaku_wrapper div[id^="div_fam8_async_"] {
  margin: 0;
}

/*------------------------
吹き出し
------------------------*/
.comment-box {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0;
}

.comment-txt-l {
  position: relative;
  display: inline-block;
  margin: 10px 30px 10px 0;
  padding: 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  box-shadow: 0 0 0 1px #ebebeb;
  line-height: 1.4;
}

.comment-txt-l:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -17px;
  border: 17px solid transparent;
  border-left: 17px solid #ebebeb;
}

.comment-txt-l:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #FFF;
}

.comment-txt-r {
  position: relative;
  display: inline-block;
  margin: 10px 0 10px 30px;
  padding: 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  box-shadow: 0 0 0 1px #ebebeb;
  line-height: 1.4;
}

.comment-txt-r:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -34px;
  margin-top: -17px;
  border: 17px solid transparent;
  border-right: 17px solid #ebebeb;
}

.comment-txt-r:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #FFF;
}

.comment-icon {
  text-align: center;
  width: 30%;
}

.comment-icon img {
  width: 60px;
}

.come-name {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  color: #555;
}





.maintenanceInfo {
  border-radius: 3px;
  background: #CCC;
  box-shadow: 0 0 0 2px #d24a6a5e;
  margin: 15px auto 0;
  width: 99%;
}

.maintenanceInfo p {
  margin: 0;
  color: #d24a6a;
  background: #fffdeb;
  padding: 10px;
  border-radius: 3px;
}

/*-- ランキングカラー --*/
html.admin .rankingSetting {
  background: #ffdfe2 !important;
}

/*------------------------------------------------------------
プライバシーページ　調整
-------------------------------------------------------------*/
.pageprivacy .contents li {
  line-height: 23px;
}

.pageprivacy .privacy-yohaku li {
  margin-bottom: 10px;
}

#main-contents .privacy-yohaku li {
  margin-bottom: 1.2em;
  line-height: 1.8em;
}

/*------------------------------------------------------------
アルテマポイント　デザイン
-------------------------------------------------------------*/
.wakudayone-ne {
  border: 3px solid #eea500;
  border-radius: 7px;
  position: relative;
  padding: 35px 20px 0;
  margin: 35px 5px 20px;
}

.wakunomidasidayo {
  display: block;
  position: absolute;
  top: -40px;
  left: -3px;
  background: #eea500;
  padding: 0 26px;
  line-height: 40px;
  margin: 20px 0;
  box-sizing: border-box;
  border-radius: 5px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

.wakudayone-ne2 {
  border: 3px solid #63c404;
  border-radius: 7px;
  position: relative;
  padding: 35px 20px 0;
  margin: 35px 5px 20px;
}

.wakunomidasidayo2 {
  display: block;
  position: absolute;
  top: -40px;
  left: -3px;
  background: #63c404;
  padding: 0 26px;
  line-height: 40px;
  margin: 20px 0;
  box-sizing: border-box;
  border-radius: 5px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}

.wakudayone-ne .kakin_gachaBtn {
  border: 1px solid #34a3d1;
  border-radius: 2px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  padding: 7px 0;
  text-align: center;
  width: 99%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  text-decoration: none;
  margin-bottom: 15px;
}

.wakudayone-ne .kakin_gachaBtn:hover {
  color: #fff;
  background: #34a3d1;
}

.wakudayone-ne .kakin_gachaBtn:before {
  content: '▶';
  margin-right: 4px;
}

.wakudayone-ne .pc {
  display: block !important;
}

.wakudayone-ne .sp {
  display: none !important;
}



/*--------------------------------------------------------
アルテマ広告ギフト　サイズ調整
-------------------------------------------------------*/
.error-new-box+.adsClick a.ads_area_atag img {
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.error-new-box+.adsClick a.ads_area_atag {
  font-size: 16px;
}

/*------------------------------------------------------------
ぐっどばっど
-------------------------------------------------------------*/
#good-bad-wrap {
  position: fixed;
  z-index: 9999999;
  left: 0;
  right: 900px;
  bottom: 20%;
  margin: auto;
  width: 150px;
}

#good-bad-wrap .good-bad-area {
  background: rgb(0 0 0 / 50%);
  padding: 5px 5px;
  border-radius: 5px;
}

#good-bad-wrap .goodbadBtn {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#good-bad-wrap .goodbadBtn img {
  width: 100%;
}

#good-bad-wrap .goodbadBtn a {
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 5px;
  background: #FFF;
  padding: 10px;
  border-radius: 50px;
}

#good-bad-wrap .goodbadBtn #goodbad {
  width: 100%;
  text-align: center;
  color: #FFF;
}

.good-bad-choice-list {
  padding: 5px 15px;
  display: block;
  cursor: pointer;
}

.good-bad-choice-list li[data-id] {
  margin: 10px 0;
  font-size: 14px;
  box-shadow: 0 0 0 1px #1696d7;
  background: #1696d7;
  color: #FFF;
  padding: 10px 15px;
  border-radius: 50px;
  box-sizing: border-box;
}

.good-bad-form-area {
  padding: 10px;
  text-align: center
}

.good-bad-form-area p.good-bad-form-info {
  margin: 10px 0;
  font-size: 16px;
  box-shadow: 0 0 0 1px #1696d7;
  background: #1696d7;
  color: #FFF;
  padding: 10px 15px;
  border-radius: 0px;
  box-sizing: border-box;
}

.good-bad-form-area p {
  margin: 0;
  font-size: 14px;
  padding: 0px 15px 10px;
  border-radius: 3px;
  box-sizing: border-box;
}

.good-bad-form-area p textarea {
  padding: 10px;
}

#good-bad-btn {
  padding: 8px;
  margin: 0 0 10px 15px;
  width: 250px;
  border-radius: 50px;
  border: 0;
  background: #666;
  color: #FFF;
  cursor: pointer;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .good-bad-modal {
    width: 95% !important;
  }

  #good-bad-wrap {
    position: fixed;
    left: 0;
    bottom: 29%;
  }

  #good-bad-wrap .good-bad-area {
    background: rgb(0 0 0 / 50%);
    padding: 3px 0px;
    border-radius: 0 5px 5px 0;
    width: 85px;
  }

  #good-bad-wrap .goodbadBtn {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #good-bad-wrap .goodbadBtn img {
    width: 100%;
  }

  #good-bad-wrap .goodbadBtn a {
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: 3px 4px;
    background: #FFF;
    padding: 7px;
    box-sizing: content-box;
    border-radius: 50px;
  }

  #good-bad-wrap .goodbadBtn #goodbad {
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 11px;
  }
}


/*------------------------------------------------------------
総合評価
-------------------------------------------------------------*/
.hyouka-main-wrap .hyouka-main-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hyouka-main-wrap .hyouka-main-icon {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  margin: auto;
  padding: 0 0 0 10px;
}

.hyouka-main-wrap .hyouka-main-icon img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.hyouka-main-wrap .hyouka-main-icon a {
  width: 100%;
  max-height: 100%;
}

.hyouka-main-wrap .hyouka-main-head ul {
  width: 50%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  box-sizing: border-box;
  padding-left: 20px;
}

.hyouka-main-wrap .hyouka-main-head li {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
  color: #fba000;
  font-size: 26px;
  margin-left: 10px;
}

.hyouka-main-wrap .hyouka-main-head .gachaBtn {
  width: 100%;
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 5px;
}

.hyouka-main-wrap .hyouka-main-head .gachaBtn {
  box-shadow: 0 0 0 2px #1784b1;
  border-radius: 5px;
  color: #FFF !important;
  display: block;
  font-weight: bold;
  padding: 12px 0;
  text-align: center;
  width: 99%;
  margin: 10px auto 0;
  transition: 0.3s;
  box-sizing: border-box;
  background: #34a3d1;
}

.hyouka-main-wrap {
  position: relative;
}

.hyouka-main-wrap .hyouka-h3-name {
  background: #23254c;
  background: repeating-linear-gradient(314deg, #292c59, #292c59 6px, #23254c 6px, #23254c 16px);
  color: #fff;
  border-radius: 0;
  position: relative;
  font-size: 20px;
  padding: 10px 0 10px 72px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

#mainCenter .hyouka-main-wrap .h-main-name {
  background: none;
  margin: 0;
  padding: 0;
  color: #FFF;
  border: 0;
  position: static;
  line-height: normal;
  font-size: 20px;
}

.hyouka-main-wrap .hyouka-h3-name p {
  background: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  color: #d0d0d0;
  font-size: 14px;
}

#mainCenter .hyouka-main-wrap .h-main-name:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 27px;
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
  z-index: 3;
  background: none;
  width: auto;
  bottom: auto;
}

#mainCenter .hyouka-main-wrap.h-no1 .h-main-name:before {
  content: '1';
}

#mainCenter .hyouka-main-wrap.h-no2 .h-main-name:before {
  content: '2';
}

#mainCenter .hyouka-main-wrap.h-no3 .h-main-name:before {
  content: '3';
}

#mainCenter .hyouka-main-wrap.h-no4 .h-main-name:before {
  content: '4';
}

#mainCenter .hyouka-main-wrap.h-no5 .h-main-name:before {
  content: '5';
}

#mainCenter .hyouka-main-wrap.h-no6 .h-main-name:before {
  content: '6';
}

#mainCenter .hyouka-main-wrap.h-no7 .h-main-name:before {
  content: '7';
}

#mainCenter .hyouka-main-wrap.h-no8 .h-main-name:before {
  content: '8';
}

#mainCenter .hyouka-main-wrap.h-no9 .h-main-name:before {
  content: '9';
}

#mainCenter .hyouka-main-wrap.h-no10 .h-main-name:before {
  content: '10';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no11 .h-main-name:before {
  content: '11';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no12 .h-main-name:before {
  content: '12';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no13 .h-main-name:before {
  content: '13';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no14 .h-main-name:before {
  content: '14';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no15 .h-main-name:before {
  content: '15';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no16 .h-main-name:before {
  content: '16';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no17 .h-main-name:before {
  content: '17';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no18 .h-main-name:before {
  content: '18';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no19 .h-main-name:before {
  content: '19';
  left: 18px;
}

#mainCenter .hyouka-main-wrap.h-no20 .h-main-name:before {
  content: '20';
  left: 18px;
}

.hyouka-main-wrap .h-main-name:after {
  content: '';
  position: absolute;
  top: -5px;
  left: 16px;
  display: block;
  height: 52px;
  border: 19px solid #777;
  border-bottom-width: 10px;
  border-bottom-color: transparent;
  z-index: 2;
  box-sizing: border-box;
}

.hyouka-main-wrap.h-no1 .h-main-name:after {
  border-color: #dbbd4f;
  border-bottom-color: transparent;
}

.hyouka-main-wrap.h-no2 .h-main-name:after {
  border-color: #c2c2c2;
  border-bottom-color: transparent;
}

.hyouka-main-wrap.h-no3 .h-main-name:after {
  border-color: #9a6345;
  border-bottom-color: transparent;
}

.hyouka-main-wrap:before {
  position: absolute;
  content: '';
  top: -5px;
  left: 10px;
  border-bottom: solid 8px #555;
  border-left: solid 6px transparent;
}

.hyouka-main-wrap.h-no1:before {
  border-bottom-color: solid 8px #927b35;
}

.hyouka-main-wrap.h-no2:before {
  border-bottom-color: solid 8px #9f9f9f;
}

.hyouka-main-wrap.h-no3:before {
  border-bottom-color: solid 8px #584e49;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .hyouka-main-wrap {
    margin-bottom: 60px;
  }

  .hyouka-main-wrap .hyouka-main-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
  }

  .post .hyouka-main-wrap .gachaBtn {
    font-size: 14px;
    padding: 6px 38px;
  }

  .hyouka-main-wrap .hyouka-main-head li {
    font-size: 16px;
  }

  .hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
    font-size: 22px;
  }

  .hyouka-main-wrap .hyouka-main-head ul {
    padding: 0 10px !important;
  }

  .hyouka-main-wrap .hyouka-h3-name {
    margin: 0px;
    margin-bottom: 20px;
  }

  .hyouka-main-wrap:before {
    top: -5px;
    left: 10px;
  }

  #main-contents .hyouka-main-wrap .h-main-name {
    background: none;
    margin: 0;
    padding: 0;
    color: #FFF;
    border: 0;
    position: static;
    line-height: normal;
    font-size: 18px;
  }

  .hyouka-main-wrap .h-main-name:after {
    border: 20px solid #777;
    border-bottom-width: 8px;
    border-bottom-color: transparent;
    height: 44px;
  }

  #main-contents .hyouka-main-wrap .h-main-name:before {
    content: '';
    position: absolute;
    font-weight: bold;
    color: #FFF;
    z-index: 3;
    background: none;
    width: auto;
    bottom: auto;
    left: 29px;
    top: 3px;
    font-size: 20px;
  }

  #main-contents .hyouka-main-wrap.h-no1 .h-main-name:before {
    content: '1';
  }

  #main-contents .hyouka-main-wrap.h-no2 .h-main-name:before {
    content: '2';
  }

  #main-contents .hyouka-main-wrap.h-no3 .h-main-name:before {
    content: '3';
  }

  #main-contents .hyouka-main-wrap.h-no4 .h-main-name:before {
    content: '4';
  }

  #main-contents .hyouka-main-wrap.h-no5 .h-main-name:before {
    content: '5';
  }

  #main-contents .hyouka-main-wrap.h-no6 .h-main-name:before {
    content: '6';
  }

  #main-contents .hyouka-main-wrap.h-no7 .h-main-name:before {
    content: '7';
  }

  #main-contents .hyouka-main-wrap.h-no8 .h-main-name:before {
    content: '8';
  }

  #main-contents .hyouka-main-wrap.h-no9 .h-main-name:before {
    content: '9';
  }

  #main-contents .hyouka-main-wrap.h-no10 .h-main-name:before {
    content: '10';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no11 .h-main-name:before {
    content: '11';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no12 .h-main-name:before {
    content: '12';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no13 .h-main-name:before {
    content: '13';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no14 .h-main-name:before {
    content: '14';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no15 .h-main-name:before {
    content: '15';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no16 .h-main-name:before {
    content: '16';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no17 .h-main-name:before {
    content: '17';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no18 .h-main-name:before {
    content: '18';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no19 .h-main-name:before {
    content: '19';
    left: 18px;
  }

  #main-contents .hyouka-main-wrap.h-no20 .h-main-name:before {
    content: '20';
    left: 18px;
  }
}

/*------------------------------------------------------------
tweet画像
-------------------------------------------------------------*/
.eyecatch-twitter {
  display: none !important;
}

.eyecatch-twitter img {
  margin-top: 0 !important;
}

/*-------------------------------------------------------
スイッチボタン
-------------------------------------------------------*/
.article .switch_label {
  position: relative;
  width: auto;
  border-radius: 0;
  height: auto;
  line-height: 1;
  margin: 0;
}

.article .ot-search-area .switch_label {
  margin-left: 5px;
}

.article .switch_label input[type='checkbox'] {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  background: none;
}

.article .switch_label input[type='checkbox']:checked {
  width: 0;
  height: 0;
  border: 0;
  background: none;
}

.switch_label .switch_base {
  width: 50px;
  border-radius: 15px;
  height: 25px;
  background-color: #a4a4a4;
}

.switch_label .switch_circle {
  position: absolute;
  top: 4px;
  left: 8px;
  width: 17px;
  height: 17px;
  border-radius: 12px;
  background-color: #fff;
  transition: 0.2s;
}

.switch {
  position: relative;
}

input:checked~.switch_base {
  background-color: #448acb;
}

input:checked~.switch_circle {
  transform: translateX(100%);
  background-color: #fff200;
}

/*------------------------------------------------------------
オートコンプリート
-------------------------------------------------------------*/
ul.ui-autocomplete {
  z-index: 1;
}

.ui-autocomplete li.ui-menu-item {
  width: auto;
  display: block;
  width: 336px;
  box-shadow: 0 0 0 1px #cbdde7;
  padding: 5px 10px;
  background: #FFF;
  box-sizing: border-box;
}

/*------------------------------------------------------------
広告(YouTube埋め込み用)
-------------------------------------------------------------*/
.head_koukoku_movie {
  text-align: center;
  padding: 10px;
  margin: auto;
}

.head_koukoku_movie a img {
  width: 100%;
}

.koukoku_youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.koukoku_youtube iframe {
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------
アルテママイページ
-------------------------------------------------------------*/
div.myMainbox-p {
  background: #b6e2f8;
  padding: 20px 0;
  text-align: center;
  position: relative;
}

.myMainbox-p .myPro-name span {
  background: #252350;
  display: inline-block;
  line-height: 36px;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  position: relative;
  font-weight: bold;
}

.myMainbox-p .myPro-name span:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 14px;
  border-color: #252350 #252350 #252350 #b6e2f8;
  position: absolute;
  top: 0;
  left: 0;
}

.myMainbox-p .myPro-name span:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 14px 18px 0;
  border-color: #252350 #b6e2f8 #252350 #252350;
  position: absolute;
  right: 0;
  top: 0;
}

.myMainbox-p .myPro-point {
  display: inline-block;
  position: relative;
  font-size: 34px;
  margin: 5px 0 0;
  font-weight: bold;
  line-height: 1;
}

.myMainbox-p .myPro-point:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 5px;
  left: -20px;
  width: 20px;
  height: 40px;
  background: url(/altema/uploads/2022/04/2022y04m01d_1203518392.png) no-repeat center / contain;
}

.myMainbox-p .myPro-point:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 5px;
  right: -20px;
  width: 20px;
  height: 40px;
  background: url(/altema/uploads/2022/04/2022y04m01d_1203506334.png) no-repeat center / contain;
}

.myMainbox-p .myPro-point span {
  font-size: 54px;
  padding-left: 4px;
}

.myMainbox-p .bell {
  position: absolute;
  top: 7px;
  right: 7px;
}

.myMainbox-p .bell img {
  width: 20px;
}

#main-contents .myMainbox-p .myPro-point {
  margin-bottom: 0;
}

/*-------------------------------------------------------
アルテマポイント-マイページ追記
-------------------------------------------------------*/
.myPro-point-btnwrap {
  text-align: center;
  background: #242251;
  padding: 12px 0;
}

.p-use-btn,
.p-earn-btn {
  box-sizing: border-box;
  position: relative;
  text-align: left;
  border-radius: 15px;
  padding: 8px 28px 8px 16px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  margin: 0 4px;
  display: inline-block;
  transition: 0.3s;
  font-weight: bold;
}

.p-use-btn:link,
.p-use-btn:visited,
.p-earn-btn:link,
.p-earn-btn:visited {
  color: #fff;
}

.p-use-btn {
  background: rgb(171, 0, 94);
  background: linear-gradient(130deg, rgba(171, 0, 94, 1) 0%, rgba(179, 6, 96, 1) 100%);
  box-shadow: 0 2px 0 0 #1a0b19;
}

.p-earn-btn {
  background: rgba(26, 103, 187, 1);
  background: linear-gradient(130deg, rgba(26, 103, 187, 1) 0%, rgba(30, 101, 188, 1) 100%);
  box-shadow: 0 2px 0 0 #001338;
}

.p-use-btn:after,
.p-earn-btn:after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
}

.p-use-btn:hover,
.p-earn-btn:hover {
  opacity: 0.6;
}

.p-use-btn span,
.p-earn-btn span {
  display: inline-block;
  text-align: center;
}

.p-use-btn span br,
.p-earn-btn span br {
  display: none;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  .myPro-point-btnwrap {
    padding: 8px 0;
  }

  .p-use-btn,
  .p-earn-btn {
    border-radius: 14px;
    padding: 5px 0 5px 10px;
    line-height: 1.4;
    width: 116px;
    font-size: 11px;
    margin: 0 5px;
  }

  .p-use-btn:after,
  .p-earn-btn:after {
    width: 5px;
    height: 5px;
  }

  .p-use-btn span br,
  .p-earn-btn span br {
    display: block;
  }
}

/*-------------------------------------------------------
アルテマポイント-マイページ通知
-------------------------------------------------------*/
body div.myMainbox-p {
  padding: 40px 0 30px;
}

.myPro-notification {
  position: absolute;
  top: 10px;
  right: 12px;
}

.myPro-notification-bell {
  position: relative;
  display: inline-block;
}

.myPro-notification-bell:hover,
.myPro-notification-bell img:hover {
  opacity: 1;
  cursor: auto;
}

.myPro-notification.on .myPro-notification-bell:hover {
  opacity: 0.6;
}

.myPro-notification.on .myPro-notification-bell:hover,
.myPro-notification.on .myPro-notification-bell img:hover {
  cursor: pointer;
}

.myPro-notification-bell img {
  width: 20px;
}

.myPro-notification-num {
  display: none;
}

.myPro-notification.on .myPro-notification-num {
  display: block;
  position: absolute;
  top: -6px;
  right: -9px;
  line-height: 1;
  background: #dd151c;
  color: #fff;
  border-radius: 30px;
  padding: 3px 5px;
  font-size: 10px;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  .myMainbox-p .myPro-name span {
    font-size: 13px;
  }
}

/*-------------------------------------------------------
お問い合わせ調整
-------------------------------------------------------*/
#form-elements-47 input[type="text"],
#form-elements-47 input[type="email"],
#form-elements-47 textarea {
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #aaa;
}

#form-elements-47 input[type="text"],
#form-elements-47 input[type="email"] {
  height: 35px;
}

#form-elements-47 input.form-submit {
  background: #34a3d1;
}

.pagecontact.pageUrlcontact- div[style="height: 250px; overflow: auto; border: solid 1px #ccc; padding: 10px 10px 0px; line-height: 20px; font-size: 80%; width: 90%;"] {
  margin-bottom: 10px;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {

  #form-elements-47 input[type="text"],
  #form-elements-47 input[type="email"],
  #form-elements-47 textarea {
    max-width: none;
  }

  #main-contents #form-elements-47 textarea {
    width: 100%;
  }
}

/*-------------------------------------------------------
ウィジェット調整
-------------------------------------------------------*/
.col3 #mainRight #sidebar-31 ol.appList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.col3 #mainRight #sidebar-31 ol.appList li {
  height: auto;
  margin-bottom: 14px;
}

.col3 #mainRight #sidebar-31 ol.appList li span {
  margin-bottom: 0;
}

/*------------------------
modaloverlayCSS汎用
------------------------*/
.ot-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 80%);
  z-index: 999998;
}

.ot-modal {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999999;
  top: 40%;
  width: 90%;
}

.ot-modal-in {
  background: #FFF;
  width: 100%;
  height: auto;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
}

.ot-modal-head {
  display: block;
  position: relative;
  height: auto;
}

.ot-modal-head .ot-modal-close {
  position: absolute;
  top: -40px;
  right: -40px;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  background: #ccc;
  line-height: 34px;
  text-align: center;
  font-size: 34px;
  box-sizing: border-box;
}

.ot-modal-body {
  overflow: auto;
  height: 430px;
}

.ot-modal-body ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  margin: 10px 0 !important;
  box-sizing: border-box;
}

.ot-modal-body ul li {
  width: 20%;
  padding: 5px;
  box-sizing: border-box;
}

.ot-modal-body ul li img {
  width: 100%;
}

.ot-modal-txt {
  padding: 5px;
}

.ot-modal-head .ot-modal-txt {
  font-size: 18px;
  font-weight: bold;
}

.ot-modal-body .ot-modal-txt {}

.ot-modal .ot-modal-close {
  position: absolute;
  top: -30px;
  right: -30px;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  background: #ccc;
  line-height: 34px;
  text-align: center;
  font-size: 34px;
  box-sizing: border-box;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .ot-modal-in {
    width: 100%;
    padding: 10px;
    height: auto;
  }

  .ot-modal-head {
    position: relative;
    height: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .ot-modal-head .ot-modal-txt {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
  }

  .ot-modal-head .ot-modal-close {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    border-radius: 5px;
    width: 100%;
    height: 25px;
    background: #ccc;
    line-height: 20px;
    text-align: center;
    font-size: 24px;
    box-sizing: border-box;
  }

  .ot-modal-body {
    overflow: auto;
    height: 340px;
  }

  .ot-modal-body .ot-modal-txt input {
    font-size: 16px;
  }
}

/*------------------------------------------------------------
QA_NEW
-------------------------------------------------------------*/
#quiz_start button[name="quiz_start_btn"] {
  display: block;
  margin: 0 auto 20px;
  width: 300px;
  height: 40px;
  line-height: 40px;
  border: 0;
  border-radius: 50px;
  background: #34a3d1;
  color: #FFF;
  font-weight: 900;
  box-shadow: 0 1px 0 2px #0089ff;
  background-image: linear-gradient(-20deg,
      #00c3ff, #0089ff, #00c3ff);
  cursor: pointer;
  transition: 0.5s;
}

#quiz_start button[name="quiz_start_btn"]:hover {
  filter: saturate(200%);
}

#quiz-question-area {
  margin: 0 0 20px;
  border-bottom: 1px solid #fbb;
}

#quiz-question-area img {
  border-radius: 5px;
  box-shadow: 0 0 0 1px #9d9d9d;
}

#quiz-question-area p {}

#quiz-form-area {}

#quiz-form-area table.question_table {
  display: block;
}

#quiz-form-area table.question_table tbody {
  display: block;
}

#quiz-form-area table.question_table tr {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#quiz-form-area table.question_table,
#quiz-form-area table.question_table td {
  border: 0;
}

#quiz-form-area table.question_table td {
  padding: 5px 10px;
  width: 45%;
}

#quiz-form-area table.question_table a.quiz-options {
  background: #ccc;
  color: #FFF;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 5px auto;
  border-radius: 50px;
  box-shadow: 0 0px 0 2px #00b1c3;
  background-image: linear-gradient(-20deg,
      #14d0e3, #00b1c3, #14d0e3);
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  padding: 0 20px 0;
  line-height: 1.3;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #quiz-form-area table.question_table a.quiz-options {
    font-size: 12px;
  }

  #quiz-form-area table.question_table td {
    width: 44%;
  }
}

#quiz-form-area table.question_table a.quiz-options:hover {
  filter: saturate(150%);
}

#quiz-form-area a.quiz-btn-a,
#quiz-form-area a.quiz-btn-b,
#quiz-form-area a.quiz-btn-c,
#quiz-form-area a.quiz-btn-d {
  position: relative;
}

#quiz-form-area table.question_table a.quiz-btn-a:before {
  content: "A";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #ff3d76;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
}

#quiz-form-area table.question_table a.quiz-btn-b:before {
  content: "B";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #ff6c3d;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
}

#quiz-form-area table.question_table a.quiz-btn-c:before {
  content: "C";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #1f5fb7;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
}

#quiz-form-area table.question_table a.quiz-btn-d:before {
  content: "D";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #8b64cf;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
}

.answer-number-box {
  background: #eff5f6;
  padding: 10px;
  border-radius: 5px;
}

.answer-number-box dl {
  margin: 0 0 5px;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  width: 88%;
  background: rgb(255 255 255 / 100%);
  box-shadow: 0 0 0 1px #e9e9e9;
  border-radius: 1px 5px 5px 1px;
}

.answer-number-box dl:last-of-type {
  margin: 0;
}

.answer-number-box dt {
  margin: 0;
  padding: 0;
  width: 20%;
  text-align: center;
  background: #475573;
  color: #FFF;
  height: 30px;
  line-height: 30px;
  border-radius: 1px 0px 0px 1px;
}

.answer-number-box dd {
  margin: 0 !important;
  padding: 0;
  width: 80%;
  position: relative;
}

.answer-number-box dd div {
  background: #ffac00;
  display: block;
  height: 30px;
  border-radius: 0 5px 5px 0;
  box-shadow: 0 0 0 1px #fff1d5;
}

.answer-number-box dd span {
  position: absolute;
  right: -16%;
  top: 20%;
  font-size: 14px;
  font-weight: 900;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .answer-number-box dt {
    font-size: 12px;
  }

  .answer-number-box dd span {
    font-size: 12px;
    right: -17.5%;
  }
}

.answer-check-box {}

.answer-check-box ul {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 10px !important;
}

.answer-check-box ul li {
  width: 47%;
  margin: 5px;
  padding: 0 15px 0;
  box-sizing: border-box;
  height: 40px;
  line-height: 1.2 !important;
  font-size: 12px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eaeaea;
  box-shadow: 0 0 0 1px #e7e7e7;
  border-radius: 50px;
  position: relative;
}

.answer-check-box ul li.qa-maru {
  background: #ff7b7b;
  box-shadow: 0 0 0 1px #e85a5a;
  color: #FFF;
}

.answer-check-box p {
  background: #f6faff;
  padding: 5px;
  border-radius: 2px;
}

.answer-check-box p span {
  font-size: 14px;
  font-weight: 900;
  color: #E91E63;
}

.answer-check-box ul li:nth-of-type(1):before {
  content: "A";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #ff3d76;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

.answer-check-box ul li:nth-of-type(2):before {
  content: "B";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #ff6c3d;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

.answer-check-box ul li:nth-of-type(3):before {
  content: "C";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #1f5fb7;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

.answer-check-box ul li:nth-of-type(4):before {
  content: "D";
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-weight: 900;
  background: #8b64cf;
  box-shadow: 0 0 0 2px #FFF;
  top: -8px;
  left: -5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}


/*------------------------------------------------------------
マイページ-サインイン
-------------------------------------------------------------*/
.contactWrap {
  background: #002441;
  padding: 15px;
  position: relative;
  margin-top: 8px;
}

.contactWrap:before {
  content: '';
  display: block;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  background: #e6f4ff;
  z-index: 1;
}

.contactWrap>section {
  position: relative;
  z-index: 2;
}

#mainCenter .contactWrap>section h2 {
  background: none;
  color: #010c38;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 3px;
  border-bottom: 0;
  margin: 18px 0 8px !important;
}

#mainCenter .contactWrap>section:first-of-type h2 {
  margin-top: 5px !important;
}

.contactWrap section div.contactInner01 {
  background: none;
  padding: 0;
}

#mainCenter .contactWrap>section:last-of-type {
  margin-bottom: 3px;
}

.contactWrap section:nth-of-type(2) .contactInner02 p {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.contactWrap #mailform .loginBtn,
.contactWrap .gachaBtn {
  box-sizing: border-box;
  border: 1px solid #389ee4;
  border-radius: 40px;
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding: 10px 0;
  text-align: center;
  width: 90%;
  margin: 0 auto 10px;
  transition: 0.3s;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e65bc+1,1e65bc+50,208acc+100 */
  background: #1e65bc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e65bc 1%, #1e65bc 50%, #208acc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e65bc 1%, #1e65bc 50%, #208acc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e65bc 1%, #1e65bc 50%, #208acc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: drop-shadow(0px 2px 0px rgb(21 56 95));
  border: 1px solid #ffbb02;
  background: #ff5b02;
  background: -moz-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
  background: -webkit-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
  background: linear-gradient(to bottom, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
  filter: drop-shadow(0px 2px 0px rgb(130 50 0));
}

.contactWrap #mailform .loginBtn:hover,
.contactWrap .gachaBtn:hover {
  cursor: pointer;
  opacity: 0.7;
  background: #ff5b02;
  background: -moz-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
  background: -webkit-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
  background: linear-gradient(to bottom, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
}

.contactWrap section:nth-of-type(3) .contactInner02>div {
  width: auto !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #main-contents .contactWrap>section h2 {
    background: none;
    color: #010c38;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 0 0 0 3px;
    border-bottom: 0;
    margin: 18px 0 8px !important;
  }

  #main-contents .contactWrap>section:first-of-type h2 {
    margin-top: 5px !important;
  }

  #main .contactWrap .gachaBtn {
    border: 1px solid #389ee4;
    border-radius: 40px;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    transition: 0.3s;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e65bc+1,1e65bc+50,208acc+100 */
    background: #1e65bc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1e65bc 1%, #1e65bc 50%, #208acc 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1e65bc 1%, #1e65bc 50%, #208acc 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1e65bc 1%, #1e65bc 50%, #208acc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: drop-shadow(0px 2px 0px rgb(21 56 95));
    border: 1px solid #ffbb02;
    background: #ff5b02;
    background: -moz-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
    background: -webkit-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
    background: linear-gradient(to bottom, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
    filter: drop-shadow(0px 2px 0px rgb(130 50 0));
  }

  #main .contactWrap .gachaBtn:hover {
    cursor: pointer;
    opacity: 0.7;
    background: #ff5b02;
    background: -moz-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
    background: -webkit-linear-gradient(top, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
    background: linear-gradient(to bottom, #ff5b02 1%, #ff5b02 50%, #ff9900 100%);
  }
}

/*------------------------------------------------------------
マイページログインボーナス
-------------------------------------------------------------*/
div.loginBonusModal {
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 30px 20px 20px;
}

div.loginBonusModal .loginBonus_backimg {
  width: 523px;
  height: 538px;
  box-sizing: border-box;
}

.loginBonus-overlay {
  z-index: 100;
}

.loginBonus_header span {
  font-size: 25px !important;
}

.loginBonus_header p {
  font-size: 13px !important;
  font-weight: bold;
  text-align: center;
}

.loginBonus_cloceBtn {
  display: inline-block;
  font-size: 37px;
  background: #0f0f1f;
  padding: 0px 15px;
  right: -2px;
  top: -56px;
  color: #fff;
  cursor: pointer;
  position: absolute;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  div.loginBonusModal {
    width: 100%;
    padding: 20px 0;
  }

  div.loginBonusModal .loginBonus_backimg {
    width: calc(100vw - 20px);
    height: calc((100vw - 20px) * 1.02868);
    margin: 0 auto;
  }

  .loginBonus_header {
    padding: 0 10px;
  }
}

@media screen and (max-width : 428px) {
  .loginBonus_cloceBtn {
    right: 4px;
    top: -56px;
  }
}


/*------------------------------------------------------------
マイページログイン画面
-------------------------------------------------------------*/
.contactWrap section .contactInner01 {
  margin-top: 5px;
}

.contactWrap section div.contactInner02 {
  padding: 15px 10px 10px;
}

div.contactInner02 li:nth-child(1) a,
div.contactInner02 li:nth-child(2) a,
div.contactInner02 li:nth-child(3) a,
div.contactInner02 li:nth-child(4) a {
  position: relative;
  padding: 0;
  height: 40px;
  line-height: 40px;
  box-shadow: none;
  font-size: 14px;
}

div.contactInner02 li a span {
  position: relative;
  z-index: 2;
}

div.contactInner02 li a:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: #000000;
  opacity: 0;
}

div.contactInner02 li a:hover:after {
  opacity: 0.1;
}

div.contactInner02 li a:active:after {
  opacity: 0.3;
}

div.contactInner02 li:nth-child(1) a:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: url(/altema/uploads/2022/07/2022y07m06d_1459102417.png) no-repeat center / 32px;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}

div.contactInner02 li:nth-child(2) a {
  background: #1d9bf0;
}

div.contactInner02 li:nth-child(2) a:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(/altema/uploads/2022/07/2022y07m06d_1808326252.png) no-repeat center / 20px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 2;
}

div.contactInner02 li:nth-child(3) a {
  font-family: 'Roboto', sans-serif;
  color: #333;
  border: 1px solid #b5b5b5;
}

div.contactInner02 li:nth-child(3) a:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(/altema/uploads/2022/07/2022y07m06d_182258621.png) no-repeat center / 20px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 2;
}

div.contactInner02 li:nth-child(3) a:after {
  display: none;
}

div.contactInner02 li:nth-child(3) a:hover span {
  opacity: 0.7;
}

div.contactInner02 li:nth-child(3) a:active span {
  opacity: 0.4;
}

div.contactInner02 li:nth-child(4) a {
  background: rgb(24, 119, 242);
}

div.contactInner02 li:nth-child(4) a:before {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  background: url(/altema/uploads/2022/07/2022y07m06d_1801520322.png) no-repeat center / 22px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
  z-index: 2;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #main-contents div.contactInner02 li {
    padding: 0;
    margin-bottom: 10px;
  }

  #main-contents div.contactInner02 li:last-of-type {
    margin-bottom: 0;
  }

  #main-contents .contactWrap section:first-of-type h2 {
    margin-top: 0;
  }

  #main-contents .contactWrap section:first-of-type ul+p {
    margin-top: 10px !important;
  }

  #main-contents.pagesignin .contents {
    margin-top: 0 !important;
  }

  .contactWrap section div.contactInner02 {
    padding-bottom: 3px;
  }

  .contactWrap #mailform .loginBtn {
    margin-top: 10px;
  }
}


/*------------------------------------------------------------
hyoubanbox04
-------------------------------------------------------------*/
.hyoubanbox04 {
  border-radius: 4px;
  padding: 0;
  margin-bottom: 20px
}

#main-contents .hyoubanbox04 h4,
body #mainCenter .hyoubanbox04 h4 {
  border-radius: 0;
  padding: 10px 10px 10px 40px;
  margin-bottom: 0;
  background: #FFF;
  color: #444
}

#main-contents .hyoubanbox04 h4 {
  margin-top: 0;
  border-left: none
}

#main-contents .hyoubanbox04 dt,
body #mainCenter .hyoubanbox04 dt {
  padding: 0;
  width: auto;
  display: inline-block;
  margin: 10px 20px;
  color: #444;
  font-weight: 700;
  border-bottom: #5fcff4 solid 1px;
  font-size: 16px;
}

.hyoubanbox04 dl {
  background: #FFF;
  padding: 0 0 10px;
  border: 2px solid #5fcff4 !important;
  border-top: none;
  margin-bottom: 0;
  margin-top: 0;
  border-radius: 5px !important
}

#main-contents .hyoubanbox04 dd {
  font-weight: 700;
  padding: 2px 5px;
  margin: 0 5px;
  font-size: 14px;
  color: #444
}

body #mainCenter .hyoubanbox04 p {
  border-radius: 0;
  background: #FFF;
  padding: 10px 10px 10px 40px;
  margin-bottom: 0;
  color: #444;
  background-size: 18px
}

#main-contents .hyoubanbox04 p {
  border-radius: 0;
  background: #FFF;
  padding: 10px 10px 10px 40px;
  margin-bottom: 0;
  margin-top: 0;
  color: #444
}


/*------------------------------------------------------------
マイページ-パスワードリセット
-------------------------------------------------------------*/
.pagepassword_reset.contactWrap {
  background: none;
  padding: 0;
  margin: 0;
}

.pagepassword_reset.contactWrap:before {
  display: none;
}

.pagepassword_reset.contactWrap #mailform .loginBtn {
  width: 67%;
  display: block;
  text-align: center;
  padding: 10px;
  background: #E6FAFF;
  margin: 20px auto;
  color: #086A9B;
  border: 1px #0C749B solid;
  border-radius: 5px;
  font-weight: normal;
  filter: none;
  transition: none;
}

.pagepassword_reset.contactWrap #mailform .loginBtn:hover {
  background: #0C749B;
  color: #FFF;
  border: 1px #E6FAFF solid;
  opacity: 1;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .pagepassword_reset.contactWrap #mailform .loginBtn {
    margin-top: 10px;
    width: 70%;
  }
}

/*--------------------------------------------------------------
SNSボタン調整
-------------------------------------------------------------*/
#mainCenter .sns-copytxt ul .share-btn {
  background-position: 45px center;
}

#mainCenter .sns-copytxt ul .share-btn a {
  padding: 5px 0 5px 21px;
}

#mainCenter .sns-copytxt ul .share-btn a:hover {
  padding: 5px 0 5px 21px;
}

#mainCenter .sns-copytxt ul .url-copy-btn {
  padding: 5px 0 0 25px;
  background-position: 42px center;
}

#mainCenter .sns-copytxt ul .favorite-button {
  padding: 5px 0 5px 18px;
  background-position: 37px center;
}

@media only screen and (max-width : 429px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-position: 33px center;
    padding-left: 2px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-position: 29px center;
    padding-left: 23px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-position: 27px center;
  }
}

@media only screen and (max-width : 414px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-position: 29px center;
    padding-left: 5px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-position: 25px center;
    padding-left: 23px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-position: 22px center;
  }
}

@media only screen and (max-width : 375px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-position: 25px center;
    padding-left: 3px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-position: 20px center;
    padding-left: 23px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-position: 20px center;
    padding-left: 22px;
  }
}

@media only screen and (max-width : 360px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-position: 22px center;
    padding-left: 0px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-position: 20px center;
    padding-left: 25px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .favorite-button {
    background-position: 16px center;
    padding-left: 19px;
  }
}

@media only screen and (max-width : 320px) {
  body#headermenuMb #main-contents .sns-copytxt ul .share-btn {
    background-image: url(/common/socialicon/i-twitter.png);
    background-repeat: no-repeat;
    background-position: 40px center;
    background-size: 16px;
    padding-left: 5px;
  }

  body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn {
    background-image: url(/common/copytxt-icon.png);
    background-repeat: no-repeat;
    background-position: 35px center;
    background-size: 16px;
    padding-left: 25px;
  }
}

/*--------------------------------------------------------------
コメント調整
-------------------------------------------------------------*/
#real_comment .comment_author {
  margin-bottom: 2px;
}

#real_comment .comment_author+p label {
  margin-left: 10px;
}

#real_comment .comment_honbun {
  margin: 8px 0 2px;
}

#real_comment #comment-image-wrapper {
  margin-top: 6px;
}

#real_comment p#throwsSpamAway {
  font-size: 11px;
  color: #777;
}

#real_comment #comment-image-wrapper ul {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

#real_comment #comment-image-wrapper li {
  width: 25%;
  margin: 0 5px 0 0;
  text-align: center;
}

#real_comment #comment-image-wrapper li:last-child {
  margin-right: 0;
}

#real_comment #comment-image-wrapper label {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#real_comment #comment-image-wrapper label span.file_path {
  display: block;
  background-color: #dde4e6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 25px 0 5px;
  border-radius: 4px;
  text-align: left;
  border: 1px solid #b2c7ce;
  height: 30px;
  line-height: 30px;
  background-size: 13px;
  background-position: 95% 50%;
  background-image: url(/altema/uploads/2019/02/2019y02m08d_1757309289.png);
  background-repeat: no-repeat;
}

#real_comment #comment-image-wrapper label span.file_path:hover {
  opacity: 0.8;
}

#real_comment #comment-image-wrapper label span.file_path.file_selected {
  display: block;
  background-color: #5ab2d6;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 25px 0 5px;
  border-radius: 4px;
  text-align: left;
  border: 1px solid #4e9dbd;
  height: 30px;
  line-height: 30px;
  background-size: 13px;
  background-position: 95% 50%;
  background-image: url(/altema/uploads/2019/02/2019y02m13d_1944017756.png);
  background-repeat: no-repeat;
}

#real_comment #comment-image-wrapper li p {
  margin: 6px 0 0 0;
}

@media only screen and (max-width: 640px) {
  #main-contents #comment_form #comment-image-wrapper ul {
    margin-bottom: 10px !important;
  }
}


/*--------------------------------------------------------------
検索結果調整
-------------------------------------------------------------*/
.search-result-box .search-result-txt {
  width: 74%;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .search-result-box .search-result-img {
    margin: 0;
  }

  .search-result-box .search-result-txt {
    padding-left: 5px;
    box-sizing: border-box;
    width: calc(100% - 106px);
  }
}

@media screen and (max-width: 375px) {
  .search-result-box .search-result-txt {
    width: calc(100% - 76px);
  }
}

@media screen and (max-width: 360px) {
  .search-result-box .search-result-txt {
    width: calc(100% - 62px);
  }
}

/*--------------------------------------------------------------
ボタン調整
-------------------------------------------------------------*/
table.PRrank-icon2 td .osusumerank-dlbt {
  box-sizing: border-box;
}

#main #main-contents .post table.PRrank-icon2 td p {
  margin-bottom: 0.3em;
}

/*--------------------------------------------------------------
ツイッター高さ調整
-------------------------------------------------------------*/
.twitter-timeline #twitter-widget-0 {
  height: 262px !important;
}





/*--------------------------------------------------------------
広告余白
-------------------------------------------------------------*/
.new_koukokuwaku_wrapper {
  margin: 10px auto 25px !important;
}

/*--------------------------------------------------------------
アルテマからのお知らせ
-------------------------------------------------------------*/
.notice-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px !important;
}

.notice-head:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(/altema/uploads/2023/01/2023y01m06d_1223540332.png) no-repeat center / contain;
}



/*-------------------------------------------------------
注目記事、人気ページランキング調整
-------------------------------------------------------*/
.ninki-ranking.otabdetail dl:not(:last-child),
.ninki-ranking.ninki-pageranking dl:not(:last-child) {
  margin-top: 0;
  margin-bottom: 10px;
}

.ninki-ranking.otabdetail dl,
.ninki-ranking.ninki-pageranking dl {
  padding: 8px;
}

.ninki-ranking.otabdetail dl:last-child,
.ninki-ranking.ninki-pageranking dl:last-child {
  margin-bottom: 0;
}

.ninki-ranking.otabdetail dt,
.ninki-ranking.ninki-pageranking dt {
  width: 116px;
  max-width: 116px;
  background-color: #111;
}

.ninki-ranking.otabdetail dt img,
.ninki-ranking.ninki-pageranking dt img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}

.ninki-ranking.otabdetail dd,
.ninki-ranking.ninki-pageranking dd {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 10px;
}

.ninki-ranking.otabdetail#ninki-list dl:nth-child(6):before {
  background-image: url(/common/ranking_game/rank/pr6.png) !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {

  .ninki-ranking.otabdetail dl,
  .ninki-ranking.ninki-pageranking dl {
    margin-left: 9px;
    margin-right: 9px;
  }

  .ninki-ranking.otabdetail dt,
  .ninki-ranking.ninki-pageranking dt {
    width: calc((100vw - 54px) * 0.3);
    max-width: calc((100vw - 54px) * 0.3);
  }

  .ninki-ranking.otabdetail dt img,
  .ninki-ranking.ninki-pageranking dt img {
    height: calc(((100vw - 54px) * 0.3) * 0.51);
  }

  .ninki-ranking.otabdetail dd,
  .ninki-ranking.ninki-pageranking dd {
    font-size: 12px;
    padding-left: 8px;
  }

  div.ninki-ranking.otabdetail dl dd:last-child:after {
    display: none;
  }
}



/*------------------------------------------------------------
classタグ一覧ページ内の広告非表示
-------------------------------------------------------------*/
.designers-class-box .new_koukokuwaku_wrapper {
  display: none;
}


/*---通常CSS追加_end---*/

/*------------------------------------------------------------
classタグ一覧　(CSS追加時注意：最下部に設置)
-------------------------------------------------------------*/

/*-----効果：タグアイコン生成-----*/
.tag-icon {
  display: inline-block;
  border-radius: 2px;
  width: max-content;
  font-size: 10px;
  padding: 3px 3px;
  line-height: 1;
  margin: 0 5px 2px 0;
}

/*-----効果：文字制限(1行~3行)-----*/
.txtshort-hide1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.txtshort-hide2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.txtshort-hide3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*-----効果：tableLineの効果が消える-----*/
#main-in .tableLine.noLine td img {
  vertical-align: initial;
}

#main-in .tableLine.noLine tr:nth-child(odd) {
  background: none;
}

#main-in .tableLineEven.noLine tr:nth-child(even) {
  background: none;
}

#main-in .noLine td img {
  vertical-align: initial;
}

#main-in .noLine tr:nth-child(odd) {
  background: none;
}

#main-in .noLine tr:nth-child(even) {
  background: none;
}

/*-----効果：テキスト中央左右揃え-----*/
.center {
  text-align: center;
}

.left-t {
  text-align: left;
}

.right-t {
  text-align: right;
}

/*-----効果：カラー＆見出し系-----*/
.new {
  color: #cc0000;
  font-weight: bold;
  font-size: 70%;
}

.event,
.beginner {
  background: #81BF24;
}

.dungeon,
.quest {
  background: #BC4032;
}

.monster,
.blog2 {
  background: #557d00;
}

.card,
.chara,
.medal {
  background: #F453BC;
}

.collabo {
  background: #6c16c7;
}

.news,
.update {
  background: #02A1EA;
}

.chara_ranking {
  background: #0ad7f2;
}

.matome,
.sonota {
  background: #474546;
}

.deck,
.tenplate {
  background: #375E94;
}

.radar,
.areana {
  background: #000bb0;
}

.gacha {
  background: #f1c850;
}

.event {
  background: #81BF24;
}

.kosatu,
.touron {
  background: #f99545;
}

.korin {
  background: #694d3b;
}

.boss {
  background: #4f1eb8;
}

.sobi {
  background: #075ac6;
}


/*-----効果：上揃え-----*/
.align-top {
  vertical-align: top;
}

/*-----効果：縦中央揃え-----*/
.align-middle {
  vertical-align: middle !important;
}

/*-----効果：背景色変更(黄)＆枠線-----*/
#main-contents table.warning {
  background: #FFFDE8;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #dde4e6;
}

.warning {
  background: #FFFDE8;
  padding: 10px;
  margin: 10px 0;
  border: 1px solid #dde4e6;
}

/*-----効果：背景色グレー&枠線点線-----*/
#main-contents table.supplement {
  background: #fafafa;
  padding: 10px;
  margin: 10px 0;
  border: 1px dashed #dde4e6 !important;
}

#main-contents table.supplement th:last-child,
#main-contents table.supplement tr td:last-child {
  border-right: 1px dashed #dde4e6 !important;
}

#main-contents table.supplement tr:last-child td {
  border-bottom: 1px dashed #dde4e6 !important;
}

.supplement {
  background: #fafafa;
  padding: 10px;
  margin: 10px 0;
  border: 1px dashed #dde4e6;
}

/*-----効果：赤文字＆太文字-----*/
.b-red {
  color: #d65757;
  font-weight: bold;
}

.redtxt {
  color: #d65757;
}

.hyoka {
  font-weight: bold;
  color: #cc0000;
}

/*-----効果：太文字アンダーライン-----*/
.underline-red {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffc9d4 0%) repeat scroll 0 0;
  font-weight: bold;
  padding: 0 1px 2px;
}

/*-----効果：画像角丸-----*/
img.img-kadomaru {
  border-radius: 15px;
}

.img-kadomaru img {
  border-radius: 15px;
}

/*-----効果：テーブルセル整列-----*/
#main-contents table.all-center th,
#main-contents table.all-center td {
  text-align: center;
}

#main-contents table.th-center th {
  text-align: center;
}

#main-contents table.td-right td:not(.default) {
  text-align: right;
}

/*-----効果：tableLineの色逆転-----*/
#main-in .tableLineEven tr:nth-child(even) {
  background: #f9f9f9;
}

/*-----効果：テーブル内の画像に余白&セルの余白調整-----*/
.imgicon-padding img {
  margin: 2px;
}

.imgicon-padding td,
.imgicon-padding th {
  padding: 2px !important;
}

.imgicon-padding-sup td img {
  margin: 2px;
}

.imgicon-padding-sup th img {
  margin: auto;
}

.imgicon-padding-sup td,
.imgicon-padding-sup th {
  padding: 3px !important;
}

/*-----効果：スクロールテーブル-----*/
.table-scroll {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}

.table-scroll th {
  width: 100%;
}

/*-----効果：1列目固定スクロールテーブル-----*/
.table-scroll-fix {
  display: block;
  overflow-x: scroll;
  overflow-y: hidden !important;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 20px;
}

.table-scroll-fix th:first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  box-shadow: 1px 0 1px #dde4e6;
  z-index: 1;
}

.table-scroll-fix th {
  width: 100%;
}

/*-----効果：sortボタン併用-----*/
#main-contents .table-scroll-fix .sort-th-re:first-child {
  position: sticky;
}

/*-----効果：スクロール領域の画像横幅可変操作-----*/
.table-scroll-fix img {
  max-width: initial;
}

.table-scroll img {
  max-width: initial;
}

/*-----効果：スクロールヒント-----*/
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
  z-index: 100;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}

/*-----効果：手順ボックス-----*/
.procedure-list {
  margin-bottom: 18px;
  box-shadow: none;
  border-radius: 8px;
  width: 99%;
  margin: 0 auto 20px;
}

.procedure-list .title {
  background: #0970c3;
  box-shadow: 0 0 0 2px #054273;
  color: #fff;
  text-align: center;
  padding: 8px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 8px 8px 0 0;
  z-index: 1;
  position: relative;
}

.procedure-list ul {
  margin-bottom: 0px !important;
}

.procedure-list ol,
.procedure-list ul {
  box-shadow: 0 0 0px 2px #054273;
  border-radius: 0 0 8px 8px;
  border-top: 0;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

#mainCenter .post .procedure-list li,
#main-contents .post .procedure-list li {
  position: relative;
  border-bottom: 1px dashed #b0b6c5;
  padding: 10px 0 8px 38px;
  font-size: 12px;
  margin-bottom: 0;
  background: none;
  font-weight: bold;
}

#mainCenter .post .procedure-list li:first-of-type,
#main-contents .post .procedure-list li:first-of-type {
  margin: 5px 0 0;
}

#mainCenter .post .procedure-list li:last-of-type,
#main-contents .post .procedure-list li:last-of-type {
  border-bottom: 0;
}

.procedure-list li:before {
  display: block;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border-radius: 50px;
  background: #143593;
  background: linear-gradient(to bottom right, #0970c3, #054273);
  color: #fff;
  position: absolute;
  left: 8px;
  top: calc(50% - 11px);
  text-align: center;
  border: 2px solid #054273;
  box-sizing: border-box;
  font-size: 13px;
}

.procedure-list ul li:before {
  content: '';
  z-index: 1;
}

.procedure-list ul li:after {
  content: '';
  display: block;
  z-index: 2;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: calc(50% - 11px);
  border: 2px solid transparent;
  box-sizing: border-box;
  background: url(/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center / 14px;
}

.procedure-list ol li {
  counter-increment: procedure-list-num;
}

.procedure-list ol li:before {
  content: counter(procedure-list-num);
}

.procedure-detail {
  margin-bottom: 20px;
}

#container #mainCenter .procedure-detail .list-text,
#container #main-contents .procedure-detail .list-text,
#mainCenter .procedure-detail .list-text,
#main-contents .procedure-detail .list-text {
  position: relative;
  padding: 10px 2px 8px 35px;
  margin: 0 0 10px;
  font-size: 14px;
  box-sizing: border-box;
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  background: #fafafa;
  border-top: 2px solid #ccc !important;
  border-bottom: 2px solid #ccc !important;
}

#container #mainCenter .procedure-detail .list-text:before,
#container #main-contents .procedure-detail .list-text:before,
#mainCenter .procedure-detail .list-text:before,
#main-contents .procedure-detail .list-text:before {
  display: block !important;
  width: 18px;
  height: 18px;
  line-height: 16px;
  font-size: 12px;
  border-radius: 50%;
  background: #d65757;
  /* background: linear-gradient(to bottom right, #0970c3, #054273); */
  color: #fff;
  position: absolute;
  left: 8px;
  top: calc(50% - 9px);
  text-align: center;
  border: 2px solid #d65757;
  box-shadow: 0px 0px 0px 0px rgb(120 120 120 / 30%);
  box-sizing: border-box;
  bottom: auto;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto&family=Roboto+Condensed&display=swap');

#container #mainCenter .procedure-detail ul .list-text:before,
#container #main-contents .procedure-detail ul .list-text:before,
#mainCenter .procedure-detail ul .list-text:before,
#main-contents .procedure-detail ul .list-text:before {
  content: '✔';
  font-family: 'Noto Sans JP', sans-serif;
  font-family: 'Roboto', sans-serif;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
}

.procedure-detail ol>li {
  counter-increment: procedure-num;
}

#container #mainCenter .procedure-detail ol .list-text:before,
#container #main-contents .procedure-detail ol .list-text:before,
#mainCenter .procedure-detail ol .list-text:before,
#main-contents .procedure-detail ol .list-text:before {
  content: counter(procedure-num);
}

#mainCenter .post .procedure-detail li,
#main-contents .post .procedure-detail li {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}

#mainCenter .post .procedure-detail li:last-of-type,
#main-contents .post .procedure-detail li:last-of-type {
  margin-bottom: 0;
}

.procedure-detail .list-cont>*:last-child {
  margin-bottom: 0 !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .procedure-list {
    margin-bottom: 18px;
    box-shadow: 0 0 6px 2px rgb(120 120 120 / 20%);
    border-radius: 8px;
    width: 97%;
    margin: 0 auto 20px;
  }

  #container #main-contents .procedure-detail .list-text,
  #main-contents .procedure-detail .list-text {
    margin-bottom: 10px;
  }

  #container #main-contents .procedure-detail .list-text:after,
  #main-contents .procedure-detail .list-text:after {
    bottom: -14px;
  }
}

/*-----効果：アコーディオンテーブル-----*/
.accordion_table_wrap {
  position: relative;
}

#mainCenter .accordion_table,
#main-contents .accordion_table {
  display: block;
  overflow: hidden;
  border: 0;
  border-left: 1px solid #dde4e6;
  border-top: 1px solid #dde4e6;
}

.accordion_table tbody {
  display: table;
  box-sizing: border-box;
  width: 100%;
}

.article .acd-more-btn {
  z-index: 10;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  width: 100%;
  height: 150px;
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article .acd-more-btn a {
  display: block;
  width: 40%;
  background-color: #aaa;
  border-radius: 6px;
  height: 34px;
  line-height: 32px;
  color: white;
  padding-top: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 16px;
}

.acd-more-btn a:hover {
  color: #fff;
}

.accordion_table.on {
  height: 100% !important;
}

.accordion_table.on+.acd-more-btn {
  display: none;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  #main-contents .accordion_table {
    display: block;
    overflow: hidden;
    border: 0;
    border-left: 1px solid #dde4e6;
    border-top: 1px solid #dde4e6;
  }

  #main-contents .acd-more-btn {
    margin: 0;
  }
}

/*-----効果：ランキングテーブル-----*/
table.table_flag-ranking tr:nth-of-type(n+2) th:first-child,
table.table_flag-ranking tr:nth-of-type(n+2) td:first-child {
  position: relative;
}

table.table_flag-ranking tr:nth-of-type(n+2) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(n+2) td:first-child:before {
  width: 45px;
  height: 45px;
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
}

table.table_flag-ranking tr:nth-of-type(2) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(2) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1125164515.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(3) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(3) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127572143.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(4) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(4) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_112756379.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(5) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(5) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127555122.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(6) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(6) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127546325.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(7) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(7) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127533528.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(8) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(8) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127526062.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(9) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(9) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127515319.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(10) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(10) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129167593.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(11) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(11) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_112915798.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(12) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(12) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129135861.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(13) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(13) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129127411.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(14) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(14) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129118726.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(15) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(15) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129110081.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(16) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(16) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129101781.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(17) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(17) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_112909395.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(18) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(18) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1132189343.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(19) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(19) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_113221937.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(20) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(20) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1132209276.png) no-repeat center / contain;
}

table.table_flag-ranking tr:nth-of-type(21) th:first-child:before,
table.table_flag-ranking tr:nth-of-type(21) td:first-child:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1132198744.png) no-repeat center / contain;
}

/*-----効果：ランキングテーブル 1列目固定-----*/
.PRrank-icon2 tr:nth-of-type(n+2) th:first-of-type {}

.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  z-index: 100;
  width: 40px;
  height: 40px;
  background-size: 100%;
  background-repeat: no-repeat;
  border: 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .PRrank-icon2.PRrank-size tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:before {
    width: 30px;
    height: 30px;
  }
}

.PRrank-icon2 tr:nth-of-type(2) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1125164515.png);
}

.PRrank-icon2 tr:nth-of-type(3) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127572143.png);
}

.PRrank-icon2 tr:nth-of-type(4) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_112756379.png);
}

.PRrank-icon2 tr:nth-of-type(5) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127555122.png);
}

.PRrank-icon2 tr:nth-of-type(6) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127546325.png);
}

.PRrank-icon2 tr:nth-of-type(7) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127533528.png);
}

.PRrank-icon2 tr:nth-of-type(8) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127526062.png);
}

.PRrank-icon2 tr:nth-of-type(9) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1127515319.png);
}

.PRrank-icon2 tr:nth-of-type(10) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129167593.png);
}

.PRrank-icon2 tr:nth-of-type(11) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_112915798.png);
}

.PRrank-icon2 tr:nth-of-type(12) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129135861.png);
}

.PRrank-icon2 tr:nth-of-type(13) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129127411.png);
}

.PRrank-icon2 tr:nth-of-type(14) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129118726.png);
}

.PRrank-icon2 tr:nth-of-type(15) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129110081.png);
}

.PRrank-icon2 tr:nth-of-type(16) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1129101781.png);
}

.PRrank-icon2 tr:nth-of-type(17) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_112909395.png);
}

.PRrank-icon2 tr:nth-of-type(18) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1132189343.png);
}

.PRrank-icon2 tr:nth-of-type(19) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_113221937.png);
}

.PRrank-icon2 tr:nth-of-type(20) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1132209276.png);
}

.PRrank-icon2 tr:nth-of-type(21) th:first-of-type:before {
  background: url(/altema/uploads/2022/09/2022y09m06d_1132198744.png);
}

/*-----効果：画像の回り込み-----*/
img.alignleft {
  float: left;
  padding-right: 30px;
}

img.alignright {
  float: right;
  padding-left: 30px;
}

img.aligncenter {
  display: block;
  margin: auto;
}


/*-----効果：画像白黒化-----*/
img.grayscaleImg {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

/*-----効果：アイコン画像サイズ任意-----*/
.iconsize-30 {
  width: 30px !important;
  height: 30px !important;
  object-fit: cover !important;
}

.iconsize-35 {
  width: 35px !important;
  height: 35px !important;
  object-fit: cover !important;
}

.iconsize-40 {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important;
}

.iconsize-45 {
  width: 45px !important;
  height: 45px !important;
  object-fit: cover !important;
}

.iconsize-50 {
  width: 50px !important;
  height: 50px !important;
  object-fit: cover !important;
}

.iconsize-55 {
  width: 55px !important;
  height: 55px !important;
  object-fit: cover !important;
}

.iconsize-60 {
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
}

.iconsize-65 {
  width: 65px !important;
  height: 65px !important;
  object-fit: cover !important;
}

.iconsize-70 {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
}

.iconsize-75 {
  width: 75px !important;
  height: 75px !important;
  object-fit: cover !important;
}

.iconsize-80 {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
}

/*-----効果：画像に罫線-----*/
.imgBorder {
  border: 1px solid #bebfc1;
  box-sizing: border-box;
}


/*-----効果：拡大ボタン-----*/
.img_kakudai {
  display: block;
  text-align: center;
  background: #5a99fd;
  color: #fff;
  padding: 5px 0;
}

.img_kakudai:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  background-image: url('/lastidea/uploads/2019/05/2019y05m22d_1937022255.png');
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  background-repeat: no-repeat;
}

@media screen and (max-width:360px) {
  .img_kakudai:before {
    width: 13px;
    height: 13px;
    position: relative;
    top: 1px;
  }
}

/*-----効果：拡大ボタン文字なし-----*/
span.img_kakudai.no_text:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
}

span.img_kakudai.no_text:before {
  margin-right: 0px;
}

/*-----効果：拡大ボタンnew-----*/
.imgExpansion {
  position: relative;
  display: block;
  overflow: hidden;
  border: 2px solid #5a99fd;
}

span.img_kakudai {
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 0;
  box-sizing: border-box;
  padding: 2px 8px;
  line-height: 1.5;
}

span.img_kakudai:before {
  position: relative;
  top: 1px;
  margin-right: 3px;
}

span.img_kakudai:after {
  content: '拡大';
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
}

.imgExpansion.wakunasi {
  border: 0;
  display: inline;
}


/*-----効果：画像の位置-----*/
.img-c {
  object-position: center;
}

.img-l {
  object-position: left;
}

.img-r {
  object-position: right;
}

/*-----効果：黄色背景テキストスペース-----*/
.contents .tejun {
  background: #f5fbfd;
  padding: 16px 0 5px 10px;
  margin-bottom: 20px;
  font-weight: bold;
}

#main-contents .tejun {
  background: #fffdef;
  padding: 13px 15px 5px 15px;
  margin: 0 auto 20px;
  border-radius: 3px;
  box-shadow: 0 0 1px 1px rgb(54 87 128 / 20%);
  width: 99%;
  box-sizing: border-box;
}

#main-contents .tejun p {
  font-size: 110%;
  font-weight: bold;
  margin: 5px 0 5px 10px;
}

#main-contents ul.tejun {
  background: #ffffff;
  padding: 16px 0 10px 20px;
  margin-bottom: 20px;
}

#main-contents ul.tejun li {
  margin-left: 0;
  font-weight: bold;
  color: #333;
}

#main-contents .tejun ol li {
  margin-left: 0;
  font-weight: bold;
  color: #333;
}

#main-contents .tejun ol {
  margin-left: 0px !important;
}

#main #main-contents .tejun ol li {
  font-size: 13px;
  line-height: 1.6;
}

/*-----効果：太字-----*/
strong,
.b,
.bold {
  font-weight: bold;
}

/*-----効果：黄色枠&枠テキスト-----*/
.awasete {
  margin: 10px 0;
}

div#main-contents .awasete ul {
  margin-bottom: 0px;
}

.awasete dt {
  background: #fff6ca url('/khux/uploads/2018/11/2018y11m12d_2054279547.png') no-repeat border-box 7px 7px/17px;
  font-weight: bold;
  padding: 5px 10px 5px 30px;
  display: inline-block;
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
}

#main-contents .awasete dd {
  background: #fffdec;
  border: 2px solid #fff6ca;
  padding: 5px 10px;
  margin: 0;
}

#main-contents .awasete dd ul li {
  border-bottom: 1px dotted #ccc;
  padding: 5px 0;
  margin: 0;
}

#main-contents .awasete dd ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/*-----効果：リード文-----*/
.lead {
  font-size: 11px;
  color: #777;
}

@media only screen and (max-width : 640px) {
  .article p.lead {
    margin: 0 5px;
  }
}


/*-----効果：マージンボトム任意-----*/
.margin-b-off {
  margin-bottom: 0px !important;
}

.margin-b-5px {
  margin-bottom: 5px !important;
  display: inline-block;
}

.margin-b-10px {
  margin-bottom: 10px !important;
  display: inline-block;
}

.margin-b-15px {
  margin-bottom: 15px !important;
  display: inline-block;
}

.margin-b-20px {
  margin-bottom: 20px !important;
  display: inline-block;
}

/*-----効果：DLボタン&詳細ボタン-----*/
a.btn-dl {
  padding: 2px 5px 0 5px;
  width: 100%;
  display: block;
  align-items: center;
  background: #ce3160;
  box-sizing: border-box;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 0 2px 0 0 #9a2649;
  font-size: 12px;
  line-height: 21px;
  margin: 0;
  text-align: left;
  color: #FFF !important;
  text-align: center;
}

a.btn-dl:before {
  content: "";
  width: 12px;
  height: 12px;
  background: url(/altema/uploads/2021/05/2021y05m11d_2030241062.png)no-repeat center / 100% 100%;
  display: inline-block;
  margin: 0 3px 0 0;
  top: 1px;
  position: relative;
  z-index: 0;
}

a.btn-syousai {
  padding: 2px 5px 0 5px;
  text-decoration: none;
  width: 100%;
  display: block;
  background: #536aa7;
  box-sizing: border-box;
  color: #FFF;
  font-weight: bold;
  border-radius: 5px;
  box-shadow: 0 2px 0 0 #3e5694;
  font-size: 12px;
  line-height: 21px;
  margin: 0;
  text-align: left;
  color: #FFF !important;
  text-align: center;
}

a.btn-syousai:before {
  content: "";
  width: 11px;
  height: 11px;
  background: url(/altema/uploads/2021/05/2021y05m11d_2030234439.png)no-repeat center / 100% 100%;
  display: inline-block;
  margin: 0 4px 0 0;
  top: 1px;
  position: relative;
  z-index: 0;
}

a.btn-dl:hover,
a.btn-syousai:hover {
  opacity: 0.6;
}

a.btn-dl+a.btn-syousai {
  margin: 8px 0 0;
}

/*-----効果：吹き出しボタン-----*/
.cta-link-box {
  text-align: center;
  padding: 0 20px;
  margin-bottom: 30px;
}

.cta-link-box .ctaText {
  position: relative;
  font-size: 16px;
  text-align: center;
  color: #333;
  font-weight: bold;
  display: inline-block;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 66%, #fffec1 0%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 66%, #fffec1 0%) repeat scroll 0 0;
  padding: 0 0 2px;
}

.cta-link-box .ctaText:before {
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
  border-left: 3px solid #ff3171;
  transform: rotate(-30deg);
}

.cta-link-box .ctaText:after {
  border-right: 3px solid #ff3171;
  transform: rotate(30deg);
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
}

.cta-link-box .cta-link-button a {
  width: 90%;
  font-size: 16px;
  display: block;
  margin: 12px auto 40px;
  padding: 12px 60px 9px;
  border-radius: 5px;
  border: 0;
  background: #ff3171;
  color: #FFF;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transition: 0.3s;
  box-sizing: border-box;
  line-height: 1.4;
  box-shadow: 0px 3px 0px 0px #a92e55;
  position: relative;
}

.cta-link-box .cta-link-button a:hover {
  opacity: 0.6;
}

.cta-link-box .cta-link-button a:before {
  content: "";
  width: 50px;
  height: 100%;
  background: url(/altema/uploads/2021/05/2021y05m19d_1759330229.png) no-repeat center / contain;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  background-size: contain;
}

.ctaFukidashi {
  display: inline-block;
  border: 2px solid #555;
  padding: 10px 10px 8px;
  position: relative;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.4;
  background: #ffffff;
  font-weight: bold;
}

.ctaFukidashi:before {
  content: '';
  display: block;
  border-right: 11px solid transparent;
  border-top: 12px solid #ffffff;
  border-left: 11px solid transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: -10px;
  z-index: 2;
}

.ctaFukidashi:after {
  content: '';
  display: block;
  border-right: 11px solid transparent;
  border-top: 12px solid #555;
  border-left: 11px solid transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: -13px;
  z-index: 1;
}

.cta-link-box .cta-link-button a span {
  color: #FFF;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .ctaFukidashi {
    font-size: 14px;
  }

  .cta-link-box .cta-link-button a {
    padding: 12px 38px 9px;
  }

  .cta-link-box .cta-link-button a:before {
    left: 10px;
  }

  .cta-link-box .cta-link-button a {
    width: 100%;
  }
}

.cta-link-box02 {
  margin: 0 auto 20px auto !important;
  background: #fffce5;
  padding: 8px 25px !important;
  width: 90%;
  box-sizing: border-box;
}

.cta-link-box02 .ctaText02 {
  background: none;
  padding-top: 10px;
  color: #ff7100;
}

.cta-link-box02 .ctaText02:after,
.cta-link-box02 .ctaText02:before {
  border-color: #ff7100;
}

.cta-link-button02 {
  width: 90%;
  font-size: 110%;
  display: block;
  margin: 10px auto 15px auto;
  padding: 13px;
  border: 0;
  background: #004ee8;
  color: #FFF !important;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transition: 0.3s;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0px 5px #00359f;
  position: relative;
  line-height: 1.5;
  text-decoration: none !important;
}

.cta-link-button02 a {
  color: #fff !important;
}

.cta-link-button02:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  color: #fff !important;
  font-size: 20px;
  display: block;
  background: url(/altema/uploads/2021/12/2021y12m23d_1849344464.png) center no-repeat rgba(255, 255, 255, 0);
  background-size: 15px;
  -webkit-animation-name: Arrows;
  animation-name: Arrows;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

a.btn-dl:after {
  width: 13px;
  height: 12px;
  background-size: 6px;
}

@media (max-width: 767px) {
  .cta-link-box02 {
    background: #fffce5;
    padding: 10px 15px;
    width: 100%;
  }
}

.cta-link-box02+table,
.joubu-rank02 {
  margin-top: 20px;
}

.cta-link-box02+table {
  margin-bottom: 20px;
}

@keyframes Arrows {
  0% {
    opacity: 0;
    transform: translate(-30px, 0)
  }

  50% {
    opacity: 1;
    transform: translate(-10px, 0)
  }

  to {
    opacity: 0;
    transform: translate(0, 0)
  }
}

/*-----効果：CVボタン-----*/
.cta-link-box03 {
  line-height: 1.7;
  margin: 0 auto 20px;
  background: #fcf0c7;
  padding: 5px 25px;
  width: 440px;
  box-sizing: border-box;
  text-align: center;
}

.cta-link-box03 .ctaText {
  color: #cc0000;
  position: relative;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  padding: 4px 0 2px;
  box-sizing: border-box;
}

.cta-link-box03 .ctaText:before {
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
  border-left: 3px solid #cc0000;
  transform: rotate(-30deg);
}

.cta-link-box03 .ctaText:after {
  border-right: 3px solid #cc0000;
  transform: rotate(30deg);
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
}

.cta-link-button03 {
  width: 90%;
  font-size: 16px;
  display: block;
  margin: 10px auto 15px auto;
  padding: 13px;
  border: 0;
  background: #ea8817;
  color: #FFF !important;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transition: 0.3s;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0px 5px #d8801c;
  position: relative;
  line-height: 1.5;
  text-decoration: none;
}

.cta-link-button03:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  color: #fff !important;
  font-size: 20px;
  display: block;
  background: url(/altema/uploads/2022/09/2022y09m06d_1745320625.png) center no-repeat rgba(255, 255, 255, 0);
  background-size: 15px;
  -webkit-animation-name: Arrows;
  animation-name: Arrows;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.cta-link-box03 span.b {
  font-size: 12px;
  color: #999999;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .cta-link-box03 {
    width: 100%;
    padding: 10px 15px;
  }
}


/*-----効果：チャートリンクボックス-----*/
.chart-bt-box {
  width: 99%;
  margin: 10px auto;
}

.chart-bt-box ul {
  margin: 0 0 10px;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.chart-bt-box li {
  width: 49%;
  text-align: center;
  display: block;
  box-shadow: 0 0 2px 1px rgb(68 138 203 / 25%);
  box-sizing: border-box;
}

.chart-bt-box li:first-of-type {
  border-radius: 50px;
}

.chart-bt-box li:nth-of-type(2) {
  border-radius: 50px;
}

.chart-bt-box li a {
  display: block;
  padding: 10px 0;
  transition: .5s;
  color: #FFF;
}

.chart-bt-box li a:hover {
  opacity: 0.6;
}

.chart-bt-box li:first-of-type a {
  display: block;
  padding: 10px 0;
  background: #448acb;
  border-radius: 50px;
  position: relative;
}

.chart-bt-box li:first-of-type a:before {
  content: "\025c0";
  font-size: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  margin: auto;
  box-shadow: 0 0 0 0px #FFF;
  background: #fff;
  color: #448acb;
  padding: 0;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  line-height: 22px;
  box-sizing: border-box;
}

.chart-bt-box li:nth-of-type(2) a {
  display: block;
  padding: 10px 0;
  background: #448acb;
  border-radius: 50px;
  position: relative;
}

.chart-bt-box li:nth-of-type(2) a:after {
  content: "\025b6";
  font-size: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  box-shadow: 0 0 0 0px #FFF;
  background: #fff;
  color: #448acb;
  padding: 0;
  border-radius: 50px;
  width: 20px;
  height: 20px;
  line-height: 22px;
  box-sizing: border-box;
}

.chart-bt-box p.tyuui-txt {
  padding: 10px;
  font-size: 11px;
  box-shadow: 0 0 0 1px #ffdfdf;
  width: 100%;
  margin: auto;
  display: block;
  border-radius: 0;
  color: #f04c4c;
  background: #fff0f0;
  box-sizing: border-box;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .chart-bt-box li:first-of-type a {
    padding-left: 40px;
    padding-right: 10px;
    font-size: 11px;
  }

  .chart-bt-box li:nth-of-type(2) a {
    padding-right: 40px;
    padding-left: 10px;
    font-size: 11px;
  }
}

/*-----効果：ポイント枠3-----*/
.point-wakuBox3 {
  position: relative;
  border-radius: 6px;
  margin: 25px auto;
  width: 100%;
}

.point-wakuBox3 .waku-text {
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 8px;
  background: #fffcf6;
  z-index: 3;
  min-width: 70px;
  height: 20px;
  font-weight: bold;
  line-height: 22px;
  border-radius: 6px;
  text-align: center;
  border: 2px solid #ffa000;
  color: #ff8400;
  font-size: 14px;
  padding: 2px 10px 2px 7px;
  margin: 0 !important;
}

.point-wakuBox3 .parent {
  background: #ffa000;
  border-radius: 11px;
  padding: 2px;
}

.point-wakuBox3 .inner {
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  padding: 28px 16px 12px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.osusume-midasi {
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
}

.point-wakuBox3 ul {
  margin: 0px !important;
}

.point-wakuBox3 li {
  font-weight: bold;
}

.point-wakuBox3 .img-wrap {
  width: 62px;
  margin-left: auto;
}

.point-wakuBox3 .img-wrap img {
  width: 100%;
}

#main-contents .point-wakuBox3 .inner p {
  margin: 0;
  width: calc(100% - 67px);
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .point-wakuBox3 .inner {
    padding: 30px 1px 4px 3px;
  }

  .point-wakuBox3 .img-wrap {
    width: 54px;
  }

  .point-wakuBox3 ul li {
    margin-bottom: 13px !important;
    position: relative;
    padding-left: 14px;
  }

  #main-contents .point-wakuBox3 .inner p {
    width: calc(100% - 59px);
  }
}

@media only screen and (max-width: 376px) {
  .point-wakuBox3 .inner {
    padding: 28px 1px 6px 3px;
  }
}

/*-----効果：赤枠ボックス-----*/
.attentionBox {
  border: 2px solid #CC0000;
  border-radius: 4px;
  padding: 8px 10px;
  margin-bottom: 10px;
}

.attentionBox dl {
  margin: 0;
}

.attentionBox dl dt {
  color: rgb(204, 0, 0);
  margin: 0px;
}

#main-contents .attentionBox dl dd {
  margin: 3px 0px 2px;
}

.attentionBox dl dd a {
  font-size: 90%;
}

/*-----効果：グレー枠&枠付きテキスト-----*/
.yougosyuu-box {
  box-shadow: 0 0 1px 1px rgb(211 218 226 / 51%);
  margin: 20px auto;
  box-sizing: border-box;
  padding: 0 !important;
  display: block;
  width: 98%;
  border-radius: 3px;
  border: 0px solid rgb(133 145 154 / 30%);
}

.yougosyuu-box p {
  background: #a4acb5;
  margin: 0 !important;
  padding: 1px 10px 0px !important;
  display: block;
  font-weight: normal;
  color: #FFF;
  font-size: 13px !important;
  text-align: center;
  border-radius: 3px 3px 0 0;
}

.yougosyuu-box dl {
  margin: 0;
  padding: 10px;
}

.yougosyuu-box dl dt {
  margin: 0;
  padding: 0;
  line-height: normal;
  font-size: 13px;
  font-weight: bold;
}

.yougosyuu-box dl dd {
  margin: 0 0 10px !important;
  padding: 0;
  line-height: normal;
  font-size: 12px;
}

.yougosyuu-box dl dd:last-of-type {
  margin: 0 0 0px !important;
  padding: 0;
  line-height: normal;
  font-size: 12px;
}

.yougosyuu-box ul {
  margin: 0 !important;
  padding: 5px 10px !important;
  background: #FFF;
  border-radius: 0px 0px 3px 3px;
}

.yougosyuu-box ul li {
  border: 0 !important;
  padding: 1px 0 !important;
  margin: 0 !important;
  line-height: normal !important;
  font-size: 13px !important;
  color: #666;
}

.yougosyuu-box .yougosyuu-box {
  width: 100%;
}

/*-----効果：グレー枠&リストの頭に矢印-----*/
#main-contents ul.awasete2 {
  background: #ffffff;
  border: 2px solid #adbdc1;
  margin: 20px 0;
  border-radius: 2px;
  padding: 0 0px;
  background-image: url(/common/kijiicon3.png);
  background-repeat: no-repeat;
  background-size: 130px;
  background-position: 107% -30%;
}

#main-contents .awasete2 li {
  border-bottom: 1px dashed #e9f2f5;
  margin: 0;
  line-height: normal;
}

#main-contents .awasete2 li:last-child {
  border-bottom: 0px solid #ccc;
}

#main-contents .awasete2 li a {
  display: block;
  padding: 8px 10px 7px 40px;
  font-size: 12px;
  position: relative;
  font-weight: bold;
}

#main-contents .awasete2 li a:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  top: -1px;
  left: -1px;
  background-image: url(/common/kijiicon-yaji1.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50% 40%;
}

#main-contents .awasete2 li a:hover {
  background: #ffa34c;
  color: #FFF;
  opacity: 0.4;
}

#main-contents .awasete2 li a:hover:before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 40px;
  top: -1px;
  left: -1px;
  background-image: url(/common/kijiicon-yaji2.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 50% 40%;
}


/*-----効果：リストデザイン3パターン-----*/
.post .list-normal,
.post .list-no,
.post .list-check {
  background: #ffffff;
  border-radius: 0px;
  padding: 10px !important;
  margin: 10px 0 !important;
  border-radius: 5px;
  box-shadow: 0 0 2px 0px rgb(0 0 0 / 10%);
  width: 98%;
  box-sizing: border-box;
  margin: auto;
  display: block;
  border: 1px solid #afccda;
}

#main-contents .post .list-normal,
#main-contents .post .list-no,
#main-contents .post .list-check {
  padding: 10px !important;
  margin: 10px auto !important;
}

.post .list-normal li,
.post .list-no li,
.post .list-check li {
  position: relative;
  border-bottom: 1px dashed #dde4e6;
  background: none;
  padding: 0px 0 0px 20px !important;
  margin: 8px 0 0 !important;
  font-weight: bold;
  font-size: 13px !important;
}

.post .list-check li {
  padding: 0px 0 5px 25px !important;
  margin: 8px 0 0 !important;
}

.post .list-normal li:first-child {
  margin: 0px !important;
  padding: 0px 0 5px 20px !important;
}

.post .list-no li:first-child,
.post .list-check li:first-child {
  margin: 0px !important;
}

.post .list-normal li:last-child,
.post .list-no li:last-child {
  margin: 8px 0 0 !important;
  border: 0;
  padding-bottom: 0 !important;
}

.post .list-check li:last-child {
  padding: 2px 0 0px 25px !important;
  margin: 8px 0 0 !important;
  border: 0;
}

.post .list-normal li:before {
  content: "";
  position: absolute;
  background: #19759b;
  box-shadow: 0 0 0px 1px #19759b;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  top: 0;
  bottom: 6px;
  left: 3px;
  margin: auto;
  box-sizing: border-box;
}

.post .list-check li:before {
  content: "";
  position: absolute;
  transform: scale(0.99);
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0px;
  left: 0;
  margin: auto;
  box-sizing: border-box;
  border-radius: 2px;
}

.post .list-check li:after {
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  width: 10px;
  height: 6px;
  border-left: 4px solid #18b585;
  border-bottom: 4px solid #448acb;
  transform: rotate(-45deg);
}

.post .list-no li {
  padding: 0px 0 5px 25px !important;
}

.post .list-no li:before {
  content: "";
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px;
  transform: scale(0.99);
  position: absolute;
  background: #19759b;
  width: 13px;
  height: 13px;
  border-radius: 50px;
  top: 0;
  bottom: 10px;
  left: 0;
  margin: auto;
  text-align: center;
  box-sizing: border-box;
  box-shadow: 0 0 0px 3px #19759b;
}

.post .list-no li:nth-of-type(1):before {
  content: "1";
}

.post .list-no li:nth-of-type(2):before {
  content: "2";
}

.post .list-no li:nth-of-type(3):before {
  content: "3";
}

.post .list-no li:nth-of-type(4):before {
  content: "4";
}

.post .list-no li:nth-of-type(5):before {
  content: "5";
}

.post .list-no li:nth-of-type(6):before {
  content: "6";
}

.post .list-no li:nth-of-type(7):before {
  content: "7";
}

.post .list-no li:nth-of-type(8):before {
  content: "8";
}

.post .list-no li:nth-of-type(9):before {
  content: "9";
}

.post .list-no li:nth-of-type(10):before {
  content: "10";
}

.post .list-no li:nth-of-type(11):before {
  content: "11";
}

.post .list-no li:nth-of-type(12):before {
  content: "12";
}

.post .list-no li:nth-of-type(13):before {
  content: "13";
}

.post .list-no li:nth-of-type(14):before {
  content: "14";
}

.post .list-no li:nth-of-type(15):before {
  content: "15";
}

.post .list-no li:nth-of-type(16):before {
  content: "16";
}

.post .list-no li:nth-of-type(17):before {
  content: "17";
}

.post .list-no li:nth-of-type(18):before {
  content: "18";
}

.post .list-no li:nth-of-type(19):before {
  content: "19";
}

.post .list-no li:nth-of-type(20):before {
  content: "20";
}

.post .list-no li:nth-of-type(21):before {
  content: "21";
}

.post .list-no li:nth-of-type(22):before {
  content: "22";
}

.post .list-no li:nth-of-type(23):before {
  content: "23";
}

.post .list-no li:nth-of-type(24):before {
  content: "24";
}

.post .list-no li:nth-of-type(25):before {
  content: "25";
}

.post .list-no li:nth-of-type(26):before {
  content: "26";
}

.post .list-no li:nth-of-type(27):before {
  content: "27";
}

.post .list-no li:nth-of-type(28):before {
  content: "28";
}

.post .list-no li:nth-of-type(29):before {
  content: "29";
}

.post .list-no li:nth-of-type(30):before {
  content: "30";
}

.post .list-no li:last-child:before,
.post .list-check li:last-child:before {
  bottom: 0px;
}

.post .list-no li:last-child:before {
  bottom: 4px;
}


/*-----効果：◎○×△-----*/
.iconNijyumaru {
  border: 2.5px solid #ff7171;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin: auto !important;
  position: relative;
  background: #fff1e5fe5;
  overflow: hidden;
  text-indent: 50px;
}

.iconNijyumaru:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%)translateX(-50%);
  margin: auto;
  border: 2.5px solid #ff4646;
  box-sizing: border-box;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: auto;
}

.iconMaru2 {
  border: 3.5px solid #ff9900;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin: auto !important;
  position: relative;
  overflow: hidden;
  text-indent: 50px;
}

.iconSnkaku2 {
  display: block;
  position: relative;
}

.iconSnkaku2:before {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-right: solid 10px transparent;
  border-left: solid 10px transparent;
  border-bottom: solid 16px #4d74ff;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 3px;
}

.iconSnkaku2:after {
  position: absolute;
  width: 0;
  height: 0;
  content: "";
  border-right: solid 6px transparent;
  border-left: solid 6px transparent;
  border-bottom: solid 10px #FFE;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 5px;
}

.iconMaru {
  border: 3.5px solid #318fd2;
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin: auto !important;
  position: relative;
  overflow: hidden;
  text-indent: 50px;
}

.iconSnkaku {
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 18px;
  margin: auto !important;
  position: relative;
  border-right: solid 10px transparent;
  border-left: solid 10px transparent;
  border-bottom: solid 16px #57ab6a;
  overflow: hidden;
  text-indent: 50px;
}

.iconBatu {
  box-sizing: border-box;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto !important;
  position: relative;
  overflow: hidden;
  text-indent: 50px;
}

.iconBatu::before,
.iconBatu::after {
  content: "";
  display: block;
  width: 100%;
  /*バツ線の長さ*/
  height: 3.5px;
  /*バツ線の太さ*/
  background: #726178;
  transform: rotate(45deg);
  transform-origin: 0% 50%;
  position: absolute;
  top: calc(15% - 1px);
  left: 14%;
  border-radius: 1px;
}

.iconBatu::after {
  transform: rotate(-45deg);
  transform-origin: 100% 50%;
  left: auto;
  right: 14%;
}

.iconHoshi {
  font-size: 20px;
  color: #ff8f00;
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto;
  line-height: 20px;
}


/*-----効果：役割アイコン（テキストに背景色を入れてアイコン化）-----*/
.roleIcon00,
.roleIcon01,
.roleIcon02,
.roleIcon03,
.roleIcon04,
.roleIcon05,
.roleIcon06,
.roleIcon07,
.roleIcon08,
.roleIcon09,
.roleIcon10,
.roleIcon11,
.roleIcon12,
.roleIcon13,
.roleIcon14,
.roleIcon15 {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
  border-radius: 3px;
  padding: 1px 2px;
  color: #fff;
  font-size: 165%;
  text-decoration: underline;
}

@media only screen and (max-width: 320px) {

  .roleIcon00,
  .roleIcon01,
  .roleIcon02,
  .roleIcon03,
  .roleIcon04,
  .roleIcon05,
  .roleIcon06,
  .roleIcon07,
  .roleIcon08,
  .roleIcon09,
  .roleIcon10,
  .roleIcon11,
  .roleIcon12,
  .roleIcon13,
  .roleIcon14,
  .roleIcon15 {
    margin-right: 0px;
    padding: 1px 1px;
  }

  #data_area tr td:nth-child(4) {
    font-size: 9px !important;
  }
}

.roleIcon00 {
  background: #ccc;
}

.roleIcon01 {
  background: #E55957;
}

.roleIcon02 {
  background: #ff2085;
}

.roleIcon03 {
  background: #b77700;
}

.roleIcon04 {
  background: #f5ad26;
}

.roleIcon05 {
  background: #EF6BD0;
}

.roleIcon06 {
  background: #3EB6C9;
}

.roleIcon07 {
  background: #90C40B;
}

.roleIcon08 {
  background: #338AE0;
}

.roleIcon09 {
  background: #b127b9;
}

.roleIcon10 {
  background: #795548;
}

.roleIcon11 {
  background: #4CAF50;
}

.roleIcon12 {
  background: #3EB6C9;
}

.roleIcon13 {
  background: #007dac;
}

.roleIcon14 {
  background: #cbd34e;
}

.roleIcon15 {
  background: #e66a96;
}


/*-----効果：テキストに枠をつけてアイコン化-----*/
span.textwaku {
  padding: 2px 4px;
  border: 1px solid #bdccd4;
  display: inline-block;
  height: 15px;
  margin: 3px;
  border-radius: 5px;
  text-align: center;
  font-style: normal;
  line-height: 15px;
  color: #444;
}


/*-----効果：テーブルカラー-----*/
#main-contents table.tLine-00,
#main-contents table.tLine-00 th,
#main-contents table.tLine-00 td {
  border: 1px solid #e49f84;
}

#mainCenter table.tLine-00,
#mainCenter table.tLine-00 th,
#mainCenter table.tLine-00 td {
  border: 1px solid #e49f84;
}

#mainCenter table.tLine-00 th {
  border: 1px solid #e49f84;
  margin: 0 !important;
}

#main-contents table.tLine-00,
#main-contents table.tLine-00 th,
#main-contents table.tLine-00 td {
  border: 1px solid #e49f84;
}

#mainCenter table.tLine-00,
#mainCenter table.tLine-00 th,
#mainCenter table.tLine-00 td {
  border: 1px solid #e49f84;
}

#mainCenter table.tLine-00 th {
  border: 1px solid #e49f84;
  margin: 0 !important;
}

#main-contents table.tLine-01 th,
#main-contents table.tLine-01 td {
  border: 1px solid #e49f84;
}

#main-contents table.tLine-01 th,
#main-contents table.tLine-01 td:first-child {
  border: 1px solid #676767;
}

#mainCenter table.tLine-01 th,
#mainCenter table.tLine-01 tr:first-child {
  border: 1px solid #676767;
}

#mainCenter table.tLine-01 th,
#mainCenter table.tLine-01 td {
  border: 1px solid #e49f84;
}

#mainCenter table.tLine-01 tr:nth-child(2) td {
  border: 1px solid #e49f84;
  border-top: 0;
}

#mainCenter table.tLine-01 th {
  border: 1px solid #e49f84;
  margin: 0 !important;
}

/*-----効果：スレッドリンクカラー-----*/
.thread-title-text {
  color: #448acb;
  font-weight: bold;
}

.thread-title-text:hover {
  color: #f60;
  font-weight: bold;
}


/*-----効果：アイコンに角丸と枠線-----*/
.iconline-maru {
  border-radius: 15px;
  border: 1px solid #ccc;
}

/*-----効果：フロー-----*/
#main-contents ul.flow-wrap,
#mainCenter ul.flow-wrap {
  margin-bottom: 20px;
}

#main-contents .post .flow-wrap .box,
#mainCenter .post .flow-wrap .box {
  padding: 0 0 20px 26px;
  margin: 0;
  position: relative;
}

#main-contents .post .flow-wrap .box:last-of-type,
#mainCenter .post .flow-wrap .box:last-of-type {
  padding-bottom: 0;
}

.post .flow-wrap .box:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #34a3d1;
  box-shadow: 0 0 0 2px #34a3d1;
  border: solid 3px #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  box-sizing: border-box;
}

.post .flow-wrap .box:after {
  content: "";
  display: block;
  height: calc(100% - 27px);
  border-left: dotted 4px #bddbe7;
  position: absolute;
  top: 24px;
  left: 9px;
}

.post .flow-wrap .box:last-of-type:after {
  display: none;
}

.flow-wrap .step {
  color: #34a3d1;
  font-weight: bold;
  font-size: 16px;
}

.flow-wrap table {
  color: #444;
  font-weight: normal;
}

.flow-wrap .step .step-midasi {
  font-weight: bold;
  font-size: 15px !important;
  margin: 0 0 5px 0 !important;
  color: #444;
}

.flow-wrap .step p {
  padding-bottom: 10px;
  margin: 0 !important;
  color: #444;
  font-size: 13px;
  font-weight: normal;
}

.flow-wrap p.step-text {
  padding-bottom: 10px;
  margin: 0;
  font-weight: normal;
  color: #444;
}

.flow-wrap p:last-of-type {
  border-bottom: solid 2px #e5e5e5;
  padding-bottom: 25px;
  margin-bottom: 10px !important;
}

#main-contents .flow-wrap .step p+p .gachaBtn {
  margin-top: 10px;
}

#main-contents .flow-wrap .step p:last-child .gachaBtn {
  margin-bottom: 0;
}

@media only screen and (orientation:landscape) and (max-width :813px),
(orientation:portrait) and (max-width :753px) {
  #main-contents .post .flow-wrap .box {
    padding: 0 0 16px 26px;
    margin: 0;
    position: relative;
  }

  #main-contents .post .flow-wrap .box:last-of-type {
    padding-bottom: 0;
  }

  #main-contents .flow-wrap .step-midasi {
    font-size: 16px;
    margin: 0 !important;
  }

  .flow-wrap .step {
    font-size: 14px;
  }

  .flow-wrap .step-text {
    padding-bottom: 8px;
  }
}

/*-----効果：吹き出しテーブル-----*/
.post table.comment-box {
  margin: 0 0 22px 0;
  border: 0 !important;
  display: table;
}

.post table.comment-box tr {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.post table.comment-box .comment-txt-l {
  position: relative;
  display: inline-block;
  margin: 0 20px;
  padding: 12px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #FFF;
  box-shadow: 1px 1px 2px 0 #e4e4e4;
  border-radius: 2px;
  line-height: 2;
  border: 1px solid #ddd;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

table.comment-box .comment-txt-l:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -10px;
  top: 7px;
  left: auto;
  margin: 0;
  border: 10px solid transparent;
  border-top-color: #ddd;
  z-index: -1;
}

table.comment-box .comment-txt-l:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -8px;
  top: 8px;
  left: auto;
  margin: 0;
  border: 9px solid transparent;
  border-top-color: #fff;
  z-index: 2;
}

.post table.comment-box .comment-txt-r {
  position: relative;
  display: inline-block;
  margin: 0 20px;
  padding: 12px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 12px;
  background: #FFF;
  box-shadow: 1px 1px 2px 0 #e4e4e4;
  border-radius: 2px;
  line-height: 2;
  border: 1px solid #ddd;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

table.comment-box .comment-txt-r:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -10px;
  top: 7px;
  border: 10px solid transparent;
  border-top-color: #ddd;
  z-index: -1;
  margin: 0;
}

table.comment-box .comment-txt-r:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -8px;
  top: 8px;
  border: 7px solid transparent;
  border-top-color: #fff;
  z-index: 2;
  margin: 0;
}

.post table.comment-box .comment-icon {
  text-align: center;
  width: 90px;
  min-width: 90px;
  border: 0;
  line-height: 1;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
}

.post table.comment-box .comment-icon:last-child {
  padding: 0 10px 0 0;
}

table.comment-box .comment-icon img {
  width: 60px;
}

table.comment-box .come-name {
  display: block;
  font-size: 12px;
  margin-top: 8px;
  color: #555;
  text-align: center;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  #main-lower .post table.comment-box {
    margin: 0 0 22px 0;
  }

  .post table.comment-box .comment-icon {
    text-align: center;
    width: 80px;
    min-width: 80px;
  }

  .post table.comment-box .comment-txt-r,
  .post table.comment-box .comment-txt-l {
    line-height: 1.8;
    padding: 10px;
    margin: 0 15px;
  }
}


/*-----効果：縦整列-----*/
.va-center {
  display: flex;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.va-center+br {
  display: none;
}


/*-----効果：おすすめユーザーボックス-----*/
.osusume-user_box {
  box-shadow: 0 0 0 4px #ffdee8;
  position: relative;
  padding: 25px 20px;
  border-radius: 10px;
  margin: 30px 0 20px 0;
}

.osusume-user_box .midasi {
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  top: -50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

main#main-lower .osusume-user_box .midasi p {
  background: #fdfdfd;
  font-size: 16px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  max-width: 96%;
  color: #ff417c;
  font-weight: bold;
}

.post .osusume-user_box li {
  position: relative;
  padding: 0 0 0 30px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
}

.osusume-user_box li:before {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  background: #ffdee8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  border: 5px solid #feb4ca;
}

.post .osusume-user_box li:last-of-type {
  margin: 0;
}

.post .osusume-user_box li a {
  vertical-align: middle;
}

.post .osusume-user_box li a img {
  vertical-align: middle;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .osusume-user_box {
    padding: 20px 10px;
  }

  main#main-lower .osusume-user_box .midasi p {
    max-width: 100%;
    padding: 0 8px;
    font-size: 15px;
  }

  .post .osusume-user_box li {
    margin-bottom: 10px;
  }

  .osusume-user_box li:before {
    width: 16px;
    height: 16px;
    border: 4px solid #feb4ca;
  }

  .post .osusume-user_box li {
    position: relative;
    padding: 0 0 0 25px;
  }
}

/*-----効果：おすすめユーザーボックス ol-----*/
.post .osusume-user_box ol li {
  position: relative;
  padding: 0 0 0 30px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
}

.osusume-user_box ol li:before {
  content: '1';
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #ff417c;
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  border: 0px solid #feb4ca;
}

.post .osusume-user_box li:last-of-type {
  margin: 0;
}

.osusume-user_box ol li:nth-of-type(2):before {
  content: '2';
}

.osusume-user_box ol li:nth-of-type(3):before {
  content: '3';
}

.osusume-user_box ol li:nth-of-type(4):before {
  content: '4';
}

.osusume-user_box ol li:nth-of-type(5):before {
  content: '5';
}

.osusume-user_box ol li:nth-of-type(6):before {
  content: '6';
}

.osusume-user_box ol li:nth-of-type(7):before {
  content: '7';
}

.osusume-user_box ol li:nth-of-type(8):before {
  content: '8';
}

.osusume-user_box ol li:nth-of-type(9):before {
  content: '9';
}

.osusume-user_box ol li:nth-of-type(10):before {
  content: '10';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(11):before {
  content: '11';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(12):before {
  content: '12';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(13):before {
  content: '13';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(14):before {
  content: '14';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(15):before {
  content: '15';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(16):before {
  content: '16';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(17):before {
  content: '17';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(18):before {
  content: '18';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(19):before {
  content: '19';
  letter-spacing: -1px;
}

.osusume-user_box ol li:nth-of-type(20):before {
  content: '20';
  letter-spacing: -1px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .post .osusume-user_box ol li {
    margin-bottom: 10px;
  }

  .osusume-user_box ol li:before {
    width: 18px;
    height: 18px;
    line-height: 20px;
  }

  .post .osusume-user_box ol li {
    position: relative;
    padding: 0 0 0 25px;
  }
}

/*-----効果：おすすめユーザーボックス new-----*/
.osusume-user_box {
  box-shadow: 0 0 0 4px #ffdee8;
  position: relative;
  padding: 25px 20px;
  border-radius: 10px;
  margin: 30px auto 20px;
  width: 93%;
  display: block;
}

.osusume-user_box .midasi {
  position: absolute;
  width: 100%;
  height: 100px;
  left: 0;
  top: -50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#main-contents .osusume-user_box .midasi p {
  background: #fdfdfd;
  font-size: 16px;
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  max-width: 96%;
  color: #ff417c;
  font-weight: bold;
}

#main-contents .osusume-user_box li {
  position: relative;
  padding: 0 0 0 25px !important;
  margin-bottom: 15px;
  font-size: 14px;
}

.osusume-user_box li:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #ffdee8;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  border: 4px solid #feb4ca;
}

#main-contents .osusume-user_box li:last-of-type {
  margin: 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .osusume-user_box {
    padding: 20px 10px;
  }

  .osusume-user_box .midasi p {
    max-width: 100%;
    padding: 0 8px;
    font-size: 15px;
  }

  #main-contents .osusume-user_box li {
    margin-bottom: 0.5em;
    line-height: 1.5em;
  }

  .osusume-user_box li:before {
    width: 10px;
    height: 10px;
    border: 4px solid #feb4ca;
  }

  #main-contents .osusume-user_box li {
    position: relative;
    padding: 0 0 0 25px;
  }
}

/*-----効果：太字&赤マーカー-----*/
.b-red-marker {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffc9d4 0%) repeat scroll 0 0;
  font-weight: bold;
  color: #111 !important;
  padding: 0 1px 2px;
}

/*------------------------------------------------------------
アルテマポイント CTA広告
-------------------------------------------------------------*/
.altemapoint_mokujiCTA {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 0 2px #0c307e;
  overflow: hidden;
  margin: 20px auto;
  padding-bottom: 13px;
  width: 95%;
}

.altemapoint_mokujiCTA .blue_coler {
  background: #0c307e;
  color: #fff;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 9px;
  color: #fff !important;
}

.altemapoint_mokujiCTA .btn-wrap1 .mc:before,
.altemapoint_mokujiCTA .btn-wrap2 .mc:before {
  left: -16px;
  transform: rotate(-40deg);
}

.altemapoint_mokujiCTA .btn-wrap1 .mc:after,
.altemapoint_mokujiCTA .btn-wrap2 .mc:after {
  right: -16px;
  transform: rotate(40deg);
}

.altemapoint_mokujiCTA .btn-wrap1 .mc:before,
.altemapoint_mokujiCTA .btn-wrap1 .mc:after,
.altemapoint_mokujiCTA .btn-wrap2 .mc:before,
.altemapoint_mokujiCTA .btn-wrap2 .mc:after {
  content: '';
  display: block;
  width: 1px;
  height: 22px;
  position: absolute;
  bottom: 2px;
  background: #de901e;
}

.altemapoint_mokujiCTA .btn-wrap {
  margin-top: 21px;
}

div.altemapoint_mokujiCTA p {
  padding: 0 11px;
  margin-bottom: 9px;
  font-size: 13px;
}

div.altemapoint_mokujiCTA p:nth-child(2) {
  margin-bottom: 5px;
}

.altemapoint_mokujiCTA .btn-wrap1 .mc,
.altemapoint_mokujiCTA .btn-wrap2 .mc {
  display: block;
  width: max-content;
  margin: 0 auto 4px;
  color: #de901e;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}

.altemapoint_mokujiCTA .btn-wrap1 a,
.altemapoint_mokujiCTA .btn-wrap2 a {
  display: block;
  width: 70%;
  margin: 0 auto;
  background: #ff9e00;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  padding: 5px 0 5px;
  border-bottom: 5px solid #cb8411;
}

.altemapoint_mokujiCTA .btn-wrap1 a:hover {
  border-bottom: 0px solid #cb8411 !important;
  margin-top: 14px;
  opacity: 0.7;
}

.altemapoint_mokujiCTA .btn-wrap2 a:hover {
  border-bottom: 0px solid #cb8411 !important;
  margin-top: 9px;
  opacity: 0.7;
}

.altemapoint_mokujiCTA .pointcta-yellow {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffbd0 0%) repeat scroll 0 0;
  font-weight: bold;
  padding: 0 1px 2px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .altemapoint_mokujiCTA {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #0c307e;
    overflow: hidden;
    margin: 20px auto;
    padding-bottom: 15px;
    width: 95%;
  }

  .altemapoint_mokujiCTA .btn-wrap1 a:hover {
    border-bottom: 0px solid #cb8411 !important;
    margin-top: 14px;
    opacity: 0.7;
  }

  .altemapoint_mokujiCTA .btn-wrap1 a,
  .altemapoint_mokujiCTA .btn-wrap2 a {
    display: block;
    width: 90%;
    margin: 0 auto;
    background: #ff9e00;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px;
    border-bottom: 5px solid #cb8411;
  }

  .altemapoint_mokujiCTA .btn-wrap {
    margin-top: 0px;
  }

  div.altemapoint_mokujiCTA p {
    padding: 0 10px;
  }

  div.altemapoint_mokujiCTA p:nth-child(2) {
    margin-bottom: 5px !important;
  }

  div.altemapoint_mokujiCTA p:nth-child(3) {
    margin-bottom: 9px !important;
  }

  div.altemapoint_mokujiCTA p:nth-child(4) {
    margin-bottom: -1px !important;
  }

  .altemapoint_mokujiCTA .blue_coler {
    margin-bottom: 7px;
  }
}



/*------------------------------------------------------------
アルテマポイント CTA広告
-------------------------------------------------------------*/
.altemapoint_mokujiCTA1,
.altemapoint_mokujiCTA2 {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 0 2px #0c307e;
  overflow: hidden;
  margin: 20px auto;
  padding-bottom: 13px;
  width: 95%;
}

.altemapoint_mokujiCTA1 .blue_coler,
.altemapoint_mokujiCTA2 .blue_coler {
  background: #0c307e;
  color: #fff;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 9px;
  color: #fff !important;
}

.altemapoint_mokujiCTA1 .btn-wrap1 .mc:before,
.altemapoint_mokujiCTA1 .btn-wrap2 .mc:before {
  left: -16px;
  transform: rotate(-40deg);
}

.altemapoint_mokujiCTA1 .btn-wrap2 .mc:before,
.altemapoint_mokujiCTA2 .btn-wrap2 .mc:before {
  left: -16px;
  transform: rotate(-40deg);
}

.altemapoint_mokujiCTA1 .btn-wrap1 .mc:after,
.altemapoint_mokujiCTA1 .btn-wrap2 .mc:after {
  right: -16px;
  transform: rotate(40deg);
}

.altemapoint_mokujiCTA2 .btn-wrap1 .mc:after,
.altemapoint_mokujiCTA2 .btn-wrap2 .mc:after {
  right: -16px;
  transform: rotate(40deg);
}

.altemapoint_mokujiCTA1 .btn-wrap1 .mc:before,
.altemapoint_mokujiCTA1 .btn-wrap1 .mc:after,
.altemapoint_mokujiCTA1 .btn-wrap2 .mc:before,
.altemapoint_mokujiCTA1 .btn-wrap2 .mc:after {
  content: '';
  display: block;
  width: 1px;
  height: 22px;
  position: absolute;
  bottom: 2px;
  background: #de901e;
}

.altemapoint_mokujiCTA2 .btn-wrap1 .mc:before,
.altemapoint_mokujiCTA2 .btn-wrap1 .mc:after,
.altemapoint_mokujiCTA2 .btn-wrap2 .mc:before,
.altemapoint_mokujiCTA2 .btn-wrap2 .mc:after {
  content: '';
  display: block;
  width: 1px;
  height: 18px;
  position: absolute;
  bottom: 2px;
  background: #de901e;
}

.altemapoint_mokujiCTA1 .btn-wrap {
  margin-top: 21px;
}

.altemapoint_mokujiCTA2 .btn-wrap {
  margin-top: 21px;
}

div.altemapoint_mokujiCTA1 p {
  padding: 0 11px;
  margin-bottom: 9px;
  font-size: 13px;
}

div.altemapoint_mokujiCTA2 p {
  padding: 0 11px;
  margin-bottom: 9px;
  font-size: 13px;
}

div.altemapoint_mokujiCTA1 p:nth-child(2) {
  margin-bottom: 5px;
}

div.altemapoint_mokujiCTA2 p:nth-child(2) {
  margin-bottom: 5px;
}

.altemapoint_mokujiCTA1 .btn-wrap1 .mc,
.altemapoint_mokujiCTA1 .btn-wrap2 .mc {
  display: block;
  width: max-content;
  margin: 0 auto 4px;
  color: #de901e;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}

.altemapoint_mokujiCTA2 .btn-wrap1 .mc,
.altemapoint_mokujiCTA2 .btn-wrap2 .mc {
  display: block;
  width: max-content;
  margin: 0 auto 4px;
  color: #de901e;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}

.altemapoint_mokujiCTA1 .btn-wrap1 a,
.altemapoint_mokujiCTA1 .btn-wrap2 a {
  display: block;
  width: 70%;
  margin: 0 auto;
  background: #ff9e00;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  padding: 5px 0 5px;
  border-bottom: 5px solid #cb8411;
}

.altemapoint_mokujiCTA2 .btn-wrap1 a,
.altemapoint_mokujiCTA2 .btn-wrap2 a {
  display: block;
  width: 70%;
  margin: 0 auto;
  background: #ff9e00;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  padding: 5px 0 5px;
  border-bottom: 5px solid #cb8411;
}

.altemapoint_mokujiCTA1 .btn-wrap1 a:hover {
  border-bottom: 0px solid #cb8411 !important;
  margin-top: 14px;
  opacity: 0.7;
}

.altemapoint_mokujiCTA2 .btn-wrap1 a:hover {
  border-bottom: 0px solid #cb8411 !important;
  margin-top: 14px;
  opacity: 0.7;
}

.altemapoint_mokujiCTA1 .btn-wrap2 a:hover {
  border-bottom: 0px solid #cb8411 !important;
  margin-top: 9px;
  opacity: 0.7;
}

.altemapoint_mokujiCTA2 .btn-wrap2 a:hover {
  border-bottom: 0px solid #cb8411 !important;
  margin-top: 9px;
  opacity: 0.7;
}

.altemapoint_mokujiCTA1 .pointcta-yellow,
.altemapoint_mokujiCTA2 .pointcta-yellow {
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fffbd0 0%) repeat scroll 0 0;
  font-weight: bold;
  padding: 0 1px 2px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .altemapoint_mokujiCTA1 {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #0c307e;
    overflow: hidden;
    margin: 20px auto;
    padding-bottom: 15px;
    width: 95%;
  }

  .altemapoint_mokujiCTA2 {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 0 2px #0c307e;
    overflow: hidden;
    margin: 20px auto;
    padding-bottom: 15px;
    width: 95%;
  }

  .altemapoint_mokujiCTA1 .btn-wrap1 a:hover,
  .altemapoint_mokujiCTA2 .btn-wrap1 a:hover {
    border-bottom: 0px solid #cb8411 !important;
    margin-top: 16px;
    opacity: 0.7;
  }

  .altemapoint_mokujiCTA1 .btn-wrap1 a,
  .altemapoint_mokujiCTA1 .btn-wrap2 a {
    display: block;
    width: 90%;
    margin: 0 auto;
    background: #ff9e00;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px;
    border-bottom: 5px solid #cb8411;
  }

  .altemapoint_mokujiCTA2 .btn-wrap1 a,
  .altemapoint_mokujiCTA2 .btn-wrap2 a {
    display: block;
    width: 90%;
    margin: 0 auto;
    background: #ff9e00;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px;
    border-bottom: 5px solid #cb8411;
  }

  .altemapoint_mokujiCTA1 .btn-wrap {
    margin-top: 0px;
  }

  .altemapoint_mokujiCTA2 .btn-wrap {
    margin-top: 0px;
  }

  div.altemapoint_mokujiCTA1 p {
    padding: 0 10px;
  }

  div.altemapoint_mokujiCTA2 p {
    padding: 0 10px;
  }

  div.altemapoint_mokujiCTA1 .point-text {
    margin-bottom: 9px !important;
  }

  div.altemapoint_mokujiCTA2 .point-text {
    margin-bottom: 9px !important;
  }

  .altemapoint_mokujiCTA1 .blue_coler {
    margin-bottom: 7px;
  }

  .altemapoint_mokujiCTA2 .blue_coler {
    margin-bottom: 7px;
  }

  .altemapoint_mokujiCTA1 p:nth-child(2),
  .altemapoint_mokujiCTA2 p:nth-child(2) {
    margin-bottom: 4px !important;
  }
}

@media only screen and (max-width : 428px) {
  div.altemapoint_mokujiCTA1 .point-text {
    margin-bottom: 11px !important;
  }

  div.altemapoint_mokujiCTA2 .point-text {
    margin-bottom: 9px !important;
  }
}

@media only screen and (max-width : 375px) {
  div.altemapoint_mokujiCTA1 .point-text {
    margin-bottom: 6px !important;
  }

  div.altemapoint_mokujiCTA2 .point-text {
    margin-bottom: 3px !important;
  }
}

/*------------------------------------------------------------
モーダル調整
-------------------------------------------------------------*/
#comment_popup_image span.popup-close:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*------------------------------------------------------------
アルテママイページ(デザイン修正)
-------------------------------------------------------------*/
#mainCenter h2.myPh {
  background: #0b95da;
  padding: 5px;
}

.myPbox-newdesign {
  background: url(/altema/giftcard/apoint-top-bg.png) no-repeat center / 100%;
  position: relative;
  padding: 5px 10px 5px;
}

.myPbox-newdesign div.myMainbox-p {
  background: none;
  padding: 20px 0;
  text-align: center;
  position: relative;
}

.myPbox-newdesign .myMainbox-p .myPro-name span {
  background: none;
  display: inline-block;
  line-height: 36px;
  padding: 0 30px;
  color: #fff;
  font-size: 16px;
  position: relative;
  font-weight: bold;
}

.myPbox-newdesign .myMainbox-p .myPro-name span:before {
  display: none;
}

.myPbox-newdesign .myMainbox-p .myPro-name span:after {
  display: none;
}

.myPbox-newdesign .myMainbox-p .myPro-point {
  display: inline-block;
  position: relative;
  font-size: 34px;
  margin: 5px 0 0;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

.myPbox-newdesign .myMainbox-p .myPro-point:before {
  display: none;
}

.myPbox-newdesign .myMainbox-p .myPro-point:after {
  display: none;
}

.myPbox-newdesign .myMainbox-p .myPro-point span {
  font-size: 54px;
  padding-left: 4px;
}

.myPbox-newdesign .myMainbox-p .bell {
  position: absolute;
  top: 7px;
  right: 7px;
}

.myPbox-newdesign .myMainbox-p .bell img {
  width: 20px;
}

#main-contents .myPbox-newdesign .myMainbox-p .myPro-point {
  margin-bottom: 0;
}

.myPbox-newdesign .myPro-point-btnwrap {
  background: none;
  padding: 5px 0 0;
}

.myPbox-newdesign .p-use-btn,
.p-earn-btn {
  box-sizing: border-box;
  position: relative;
  text-align: center;
  border-radius: 50px;
  padding: 10px 28px 10px 16px;
  color: #fff;
  line-height: 1;
  font-size: 16px;
  margin: 15px auto;
  transition: 0.3s;
  font-weight: bold;
  display: block;
  width: 200px;
}

.myPbox-newdesign .p-use-btn:link,
.myPbox-newdesign .p-use-btn:visited,
.myPbox-newdesign .p-earn-btn:link,
.myPbox-newdesign .p-earn-btn:visited {
  color: #fff;
}

.myPbox-newdesign .p-use-btn {
  background: rgb(255 255 255 / 30%);
  box-shadow: 0 0px 0 0 #1a0b19;
}

.myPbox-newdesign .p-earn-btn {
  background: rgba(26, 103, 187, 1);
  background: linear-gradient(130deg, rgba(26, 103, 187, 1) 0%, rgba(30, 101, 188, 1) 100%);
  box-shadow: 0 2px 0 0 #001338;
  display: none;
}

.myPbox-newdesign .p-use-btn:after,
.p-earn-btn:after {
  content: '';
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  margin: auto;
}

.myPbox-newdesign .p-use-btn:hover,
.myPbox-newdesign .p-earn-btn:hover {
  opacity: 0.6;
}

.myPbox-newdesign .p-use-btn span,
.myPbox-newdesign .p-earn-btn span {
  display: inline-block;
  text-align: center;
}

.myPbox-newdesign .p-use-btn span br,
.myPbox-newdesign .p-earn-btn span br {
  display: none;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  .myPbox-newdesign .myPro-point-btnwrap {
    padding: 3px 0 3px;
  }

  .myPbox-newdesign .p-use-btn,
  .myPbox-newdesign .p-earn-btn {
    border-radius: 14px;
    padding: 5px 0;
    line-height: 1.4;
    width: 200px;
    font-size: 14px;
    margin: 10px auto 15px;
  }

  .myPbox-newdesign .p-use-btn:after,
  .myPbox-newdesign .p-earn-btn:after {
    width: 5px;
    height: 5px;
  }

  .myPbox-newdesign .p-use-btn span br,
  .myPbox-newdesign .p-earn-btn span br {
    display: block;
  }
}

body .myPbox-newdesign div.myMainbox-p {
  padding: 10px 0 0px;
}

.myPbox-newdesign .myPro-notification {
  position: absolute;
  top: 10px;
  right: 12px;
}

.myPbox-newdesign .myPro-notification-bell {
  position: relative;
  display: inline-block;
}

.myPbox-newdesign .myPro-notification-bell:hover,
.myPbox-newdesign .myPro-notification-bell img:hover {
  opacity: 1;
  cursor: auto;
}

.myPbox-newdesign .myPro-notification.on .myPro-notification-bell:hover {
  opacity: 0.6;
}

.myPbox-newdesign .myPro-notification.on .myPro-notification-bell:hover,
.myPbox-newdesign .myPro-notification.on .myPro-notification-bell img:hover {
  cursor: pointer;
}

.myPbox-newdesign .myPro-notification-bell img {
  width: 20px;
}

.myPbox-newdesign .myPro-notification-num {
  display: none;
}

.myPbox-newdesign .myPro-notification.on .myPro-notification-num {
  display: block;
  position: absolute;
  top: -6px;
  right: -9px;
  line-height: 1;
  background: #f42861;
  color: #fff;
  border-radius: 30px;
  padding: 3px 5px;
  font-size: 10px;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  .myPbox-newdesign .myMainbox-p .myPro-name span {
    font-size: 16px;
    line-height: 2;
  }

  body .myPbox-newdesign div.myMainbox-p {
    padding: 5px 0 5px;
  }

  body #main-contents .myPbox-newdesign .myPro-name {
    margin: 0 0 0px;
    line-height: 1;
  }

  #main-contents h2.myPh {
    background: #0b95da !important;
    padding: 8px 10px;
    border: 0;
    color: #FFF;
  }

  .myPbox-newdesign .p-use-btn,
  .p-earn-btn {
    margin: 10px auto;
  }
}

body #main-contents .myPbox-newdesign .myMainbox-p .myPro-name {
  line-height: 1;
  margin: 0;
}

#main-contents .post .mypageMain-box h2 {
  border-right: 0px;
  border-bottom: 0px;
}

body .mypageMain-box .point_list_link {
  margin: 10px 0 0;
}

#mainCenter .mypageMain-box h2:not(.myPh) {
  background: #f8f8f8;
  color: #333;
  font-size: 120%;
  padding: 10px 0 10px 12px;
  margin: 25px 0 0;
  position: relative;
  position: relative;
}

#mainCenter .mypageMain-box h2:not(.myPh):before {
  content: "";
  width: 3px;
  height: 50%;
  background: rgb(46 201 255 / 65%);
  position: absolute;
  top: 0px;
  left: 0px;
}

#mainCenter .mypageMain-box h2:not(.myPh):after {
  content: "";
  width: 3px;
  height: 50%;
  background: rgb(109 151 255 / 65%);
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#main-contents .mypageMain-box h2:not(.myPh) {
  background: #f8f8f8;
  color: #333;
  font-size: 120%;
  padding: 10px 0 10px 12px;
  margin: 25px 0 0;
  position: relative;
  position: relative;
}

#main-contents .mypageMain-box h2:not(.myPh):before {
  content: "";
  width: 3px;
  height: 50%;
  background: rgb(46 201 255 / 65%);
  position: absolute;
  top: 0px;
  left: 0px;
  border-style: none;
}

#main-contents .mypageMain-box h2:not(.myPh):after {
  content: "";
  width: 3px;
  height: 50%;
  background: rgb(109 151 255 / 65%);
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.mypageMain-box .MyPageAcMenu dt {
  background: #587ed8;
  color: #FFF;
  padding: 10px 5%;
  margin: 10px auto;
  border-radius: 2px;
  cursor: pointer;
  width: 95%;
  display: block;
  box-sizing: border-box;
  text-align: center;
}

.mypageMain-box .mypageList li:nth-of-type(2) .MyPageAcMenu dt {
  background: #ed588e;
  color: #FFF;
  padding: 10px 5%;
  margin: 10px auto;
  border-radius: 2px;
  cursor: pointer;
  width: 95%;
  display: block;
  box-sizing: border-box;
  text-align: center;
}

.mypageMain-box .mypageList li .MyPageAcMenu dt.active {
  background: #5c5abb;
  color: #FFF;
  margin-bottom: 10px;
  border-radius: 2px;
  cursor: pointer;
}

.mypageMain-box .mypageList li:nth-of-type(2) .MyPageAcMenu dt.active {
  background: #f04282;
  color: #FFF;
  margin-bottom: 10px;
  border-radius: 2px;
  cursor: pointer;
}



/*------------------------------------------------------------
フローチャート調整
-------------------------------------------------------------*/
.chart-tezyun td {
  padding: 6px !important;
  font-size: 12px !important;
}

.chart-tezyun td img {
  margin-bottom: 7px;
}

.chart-tezyun td a img {
  margin-bottom: 0px !important;
}

.chart-tezyun td a {
  margin-bottom: 7px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .chart-tezyun td {
    padding: 6px !important;
    font-size: 12px !important;
  }
}

/*------------------------------------------------------------
ポイントマイページ
-------------------------------------------------------------*/
.my-points-pages #sidebar-4,
.my-points-pages #gNavi_button,
.my-points-pages .new_koukokuwaku_wrapper {
  display: none !important;
}

/*------------------------------------------------------------
ポイントマイページ
-------------------------------------------------------------*/
.my-points-pages .new_koukokuwaku_wrapper {
  display: none !important;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  .my-points-pages #sidebar-4,
  .my-points-pages #gNavi_button,
  .my-points-pages #sub-contents,
  .my-points-pages #mainRight,
  .my-points-pages #sidebar {
    display: none !important;
  }

  .my-points-pages #mainCenter {
    margin: auto !important;
    float: none !important;
  }
}

/*------------------------------------------------------------
videoタグ自動100%
-------------------------------------------------------------*/
video {
  width: 100%;
}

/*------------------------
ネタバレ注意
------------------------*/
.tyuui-txt {
  padding: 10px;
  font-size: 11px;
  box-shadow: 0 0 0 1px #ffdfdf;
  width: 100%;
  margin: auto;
  display: block;
  border-radius: 0;
  color: #f04c4c;
  background: #fff0f0;
  box-sizing: border-box;
}

/*------------------------
ランキングカラー
------------------------*/
.rank-color-1 {
  background: #fff363 !important;
}

.rank-color-2 {
  background: #b3bee1 !important;
}

.rank-color-3 {
  background: #fadbdb !important;
}

.rank-color-no {
  background: #edf5f1 !important;
}

/*------------------------------------------------------------
キャラアイコン　横並び
-------------------------------------------------------------*/
.yokonarabi-icon a,
.yokonarabi-icon .linknaiyatuyou,
.yokonarabi-icon .kakoi {
  display: inline-block;
  margin: 5px 3px;
  text-align: center;
  width: 60px;
  vertical-align: top;
}

.yokoicon-sub-text {
  display: inline-block;
  margin: 5px 3px;
  text-align: center;
  width: 60px;
  vertical-align: top;
}

.yokonarabi-icon img {
  display: block;
  margin: 0 auto;
}

.yokonarabi-icon th {
  font-weight: bold;
}

@media only screen and (max-width : 428px) {

  .yokonarabi-icon a,
  .yokonarabi-icon .linknaiyatuyou,
  .yokonarabi-icon .kakoi {
    display: inline-block;
    margin: 5px 0px;
    text-align: center;
    width: 60px;
    line-height: 13px;
  }

  .yokonarabi-icon th {
    font-weight: bold;
  }
}

@media only screen and (max-width : 393px) {

  .yokonarabi-icon a,
  .yokonarabi-icon .linknaiyatuyou,
  .yokonarabi-icon .kakoi {
    display: inline-block;
    margin: 5px 0px;
    text-align: center;
    width: 58px;
  }

  .yokonarabi-icon th {
    font-weight: bold;
  }
}

@media only screen and (max-width : 375px) {

  .yokonarabi-icon a,
  .yokonarabi-icon .linknaiyatuyou,
  .yokonarabi-icon .kakoi {
    display: inline-block;
    margin: 5px 0px;
    text-align: center;
    width: 56px;
  }

  .yokonarabi-icon th {
    font-weight: bold;
  }
}

@media only screen and (max-width : 360px) {

  .yokonarabi-icon a,
  .yokonarabi-icon .linknaiyatuyou,
  .yokonarabi-icon .kakoi {
    display: inline-block;
    margin: 5px 0px;
    text-align: center;
    width: 54px;
  }

  .yokonarabi-icon th {
    font-weight: bold;
  }
}

/*------------------------------------------------------------
New_formデザイン01
-------------------------------------------------------------*/
.search_d1 {
  background: #f2f5f6;
  padding: 10px;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 0px 1px rgb(219 230 235);
}

.search_d1 .sf-htxt:first-child {
  margin: 5px 0 5px;
}

.search_d1 .sf-htxt {
  font-weight: bold;
  font-size: 14px;
  margin: 15px 0 5px;
  position: relative;
  padding: 0 0 0 12px;
}

.search_d1 .sf-htxt:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 90%;
  background: #c2d8e2;
  top: 0;
  left: 2px;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
}

.search_D1 .sf-htxt:first-of-type {
  margin: 5px 0 10px;
}

.search_d1 .sf-txt-check-area,
.search_d1 .sf-img-check-area,
.search_d1 .sf-text-area {
  margin: 10px 0 0px;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.search_d1 .sf-txt-check-area label {
  width: auto;
  text-align: center;
  margin: 2px 5px 5px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  display: block;
}

.search_d1 .sf-img-check-area label {
  width: calc((100% - 24px) / 6);
  text-align: center;
  margin: 2px 2px 5px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  display: block;
}

.search_d1 .sf-txt-check-area label span,
.search_d1 .sf-img-check-area label span {
  display: block;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  padding: 5px 2px;
}

.search_d1 .sf-txt-check-area label input,
.search_d1 .sf-img-check-area label input {
  content: '';
  position: absolute;
  visibility: visible;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  height: 25px;
}

.search_d1 .sf-txt-check-area label input:checked,
.search_d1 .sf-img-check-area label input:checked {
  visibility: visible;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0;
  background: #0c749b;
}

.search_d1 .sf-txt-check-area label input:checked+span,
.search_d1 .sf-img-check-area label input:checked+span {
  color: #FFF;
}

.search_d1 .sf-txt-check-area label input+img,
.search_d1 .sf-img-check-area label input+img {
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 40px;
}

.search_d1 .sf-txt-check-area label input:checked+img,
.search_d1 .sf-img-check-area label input:checked+img {
  display: block;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

.search_d1 .sf-txt-check-area label input:focus,
.search_d1 .sf-img-check-area label input:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

.search_d1 .sf-text-area input:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

.search_d1 .sf-txt-check-area label input+span,
.search_d1 .sf-img-check-area label input+span {
  display: block;
  line-height: 1;
  padding: 8px 5px;
  background: #c9d5da;
  box-shadow: 0 1px 0px 0px rgb(173 190 197);
  position: relative;
  min-width: 45px;
}

.search_d1 .sf-txt-check-area label input:checked+span,
.search_d1 .sf-img-check-area label input:checked+span {
  background: #448acb;
  box-shadow: 0 0px 1px 1px rgb(39 120 195);
  color: #FFF;
  position: relative;
  display: block;
}

.search_d1 .sf-txt-check-area label input+span:before,
.search_d1 .sf-img-check-area label input+span:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  background: #ccc;
  top: 10px;
  left: -3px;
  border-radius: 50px;
  opacity: 0;
  display: block;
  transition-duration: 300ms;
}

.search_d1 .sf-txt-check-area label input+span:after,
.search_d1 .sf-img-check-area label input+span:after {
  content: '';
  position: absolute;
  top: 10px;
  left: -3px;
  width: 0px;
  height: 0px;
  opacity: 0;
  background: url(/common/checkicon.png)no-repeat;
  background-size: 100% auto;
  transition-duration: 300ms;
}

.search_d1 .sf-txt-check-area label input:checked+span:before,
.search_d1 .sf-img-check-area label input:checked+span:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #1298d6;
  box-shadow: 0 0 0px 2px #1298d6;
  top: -2px;
  left: -2px;
  border-radius: 50px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
  font-weight: bold;
  display: none
}

.search_d1 .sf-txt-check-area label input:checked+span:after,
.search_d1 .sf-img-check-area label input:checked+span:after {
  content: '';
  position: absolute;
  top: 0px;
  left: -1px;
  width: 8px;
  height: 13px;
  opacity: 1;
  background: url(/common/checkicon.png)no-repeat;
  background-size: 100% auto;
  display: none
}

.search_d1 .sf-txt-check-area label input+img~span:before,
.search_d1 .sf-img-check-area label input+img~span:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  background: #ccc;
  top: -30px;
  left: -2px;
  border-radius: 50px;
  opacity: 0;
  display: block;
  transition-duration: 300ms;
}

.search_d1 .sf-txt-check-area label input:checked+img~span:before,
.search_d1 .sf-img-check-area label input:checked+img~span:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #1298d6;
  box-shadow: 0 0 0px 2px #1298d6;
  top: -56px;
  left: -2px;
  border-radius: 50px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
  font-weight: bold;
  display: none;
}

.search_d1 .sf-txt-check-area label input+img~span:after,
.search_d1 .sf-img-check-area label input+img~span:after {
  content: '';
  position: absolute;
  top: -30px;
  left: -1px;
  width: 0px;
  height: 0px;
  opacity: 0;
  background: url(/common/checkicon.png)no-repeat;
  background-size: 100% auto;
  transition-duration: 300ms;
  display: none;
}

.search_d1 .sf-txt-check-area label input:checked+img~span:after,
.search_d1 .sf-img-check-area label input:checked+img~span:after {
  content: '';
  position: absolute;
  top: -54px;
  left: -1px;
  width: 8px;
  height: 13px;
  opacity: 1;
  background: url(/common/checkicon.png)no-repeat;
  background-size: 100% auto;
  display: none;
}

.search_d1 .sf-txt-check-area label input:checked+img~span,
.search_d1 .sf-img-check-area label input:checked+img~span {
  font-weight: bold;
}

.search_d1 .sf-txt-check-area label input:checked+img,
.search_d1 .sf-img-check-area label input:checked+img {
  box-shadow: 0 0px 1px 1px rgb(39 120 195);
}

.search_d1 .sf-text-area {
  position: relative;
}

.search_d1 .sf-text-area input[type=text] {
  background: #fff;
  border: 0;
  box-shadow: 0 0 0px 0px rgb(219 230 235);
  font-size: 14px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 40px 8px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: 98.5%;
  display: block;
  border: 1px solid #d1dfe5;
}

.search_d1 .sf-text-area .clear {
  position: absolute;
  width: 21px;
  height: 21px;
  text-align: center;
  right: 10px;
  font-size: 20px;
  line-height: 16px;
  padding: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  display: block;
  color: #b6b6b6;
  cursor: pointer;
  background: #f2f5f6;
  border-radius: 50px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .search_d1 .sf-img-check-area label {
    width: calc((100% - 24px) / 6);
    text-align: center;
    margin: 2px 2px 5px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    display: block;
  }
}

.search_d1 .sf-n-check-area {
  margin: 10px 0 0;
  padding: 0 0 0 5px;
}

.search_d1 .sf-n-check-area label {
  display: flex;
  margin: 5px 0;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.search_d1 .sf-n-check-area label input {
  display: none;
}

.search_d1 .sf-n-check-area label input+span {
  position: relative;
  padding: 0 0 0 20px;
}

.search_d1 .sf-n-check-area label input+span:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ffffff;
  background-position: 1px 2px;
  box-shadow: 0 0 0px 1px #adbec5;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 1px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
}

.search_d1 .sf-n-check-area label input:checked+span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 1;
  background: #448acb url(/common/checkicon.png) no-repeat 1px 2px / 85% auto;
  box-shadow: 0 0px 1px 1px rgb(39 120 195);
}

/*-------------------------------------------------------
1カラムページ確認用
-------------------------------------------------------*/
.mainInner-col1 #main-contents h3 {
  background: none;
  border: medium none;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 2px 2px 2px 12px;
  border-bottom: solid 3px #a7ccea;
  position: relative;
  margin-bottom: 15px;
}

.mainInner-col1 #main-contents h3:before {
  position: absolute;
  content: " ";
  display: block;
  background: #5da2d1;
  bottom: -3px;
  top: 0;
  left: 0;
  width: 5px;
}

.mainInner-col1 #mainCenter h3 {
  background: none;
  border: medium none;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 2px 2px 2px 12px;
  border-bottom: solid 3px #a7ccea;
  position: relative;
  margin-bottom: 15px;
  margin-top: 12px;
}

.mainInner-col1 #mainCenter h3:before {
  position: absolute;
  content: " ";
  display: block;
  background: #5da2d1;
  bottom: -3px;
  top: 0;
  left: 0;
  width: 5px;
}

/*--------------------------------------------------------
1カラムページ
-------------------------------------------------------*/
#mainInner-col1.mainInner-col1 {
  margin: 0 auto;
  width: 735px;
}

#mainInner-col1.mainInner-col1 #mainCenter {
  width: auto;
  margin: 0;
  float: none;
}

#mainInner-col1.mainInner-col1 #breadcrumbs {
  margin: 10px 0 !important;
}

#mainInner-col1.mainInner-col1 #breadcrumbs ol {
  padding-left: 0;
  font-size: 11px;
}

#mainInner-col1.mainInner-col1 #mainCenter .post h1 {
  background: none;
  margin: 5px 0 0px 2px;
  color: #444;
  padding: 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-in.mainInner-col1 {
    margin-top: 8px !important;
  }

  body.home #main-in.mainInner-col1 #breadcrumbs {
    display: block;
    margin: 0 0 5px !important;
    padding-left: 0;
  }

  #main-in.mainInner-col1 #breadcrumbs ol {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 0;
  }

  #main-in.mainInner-col1 .post {
    border-top: 0;
  }
}

/*------------------------------------------------------------
thead追従テーブル
-------------------------------------------------------------*/
.floatThead-container,
.floatThead-container *,
.thead-tuizyu * {
  box-sizing: border-box;
}

.floatThead-container,
.thead-tuizyu {
  max-width: 460px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  .floatThead-container,
  .thead-tuizyu {
    max-width: calc(100vw - 20px);
  }
}


/*---PRロゴ設置CSS---*/
.pr-icon-box {
  text-align: right;
  margin-bottom: 4px;
  margin-top: -6px;
}

.pr-icon {
  background: #ccc;
  color: #fff;
  font-size: 10px;
  padding: 1px 36px;
  border-radius: 3px;
  letter-spacing: 3px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .pr-icon-box {
    margin-bottom: 3px;
    margin-top: -5px;
  }

  .col2 .pr-icon-box {
    margin-bottom: -8px;
  }
}


/*---広告用PRロゴ設置CSS---*/
.jackBtn02 a:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 50px;
  height: 20px;
  line-height: 21px;
  font-size: 13px;
  text-align: center;
  background: #cbcbcb;
  border-radius: 0px;
  letter-spacing: 2px;
}

.jackBtn01 a:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 50px;
  height: 20px;
  line-height: 21px;
  font-size: 13px;
  text-align: center;
  background: #cbcbcb;
  border-radius: 0px;
  letter-spacing: 2px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .headerJack a {}

  .headerJack {
    position: relative;
  }
}

.adsPR-01 {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.adsPR-01:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

.adsPR-02 {
  position: relative;
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
}

.adsPR-02:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

.adsPR-03 {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.adsPR-03:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

.adsPR-04 {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.adsPR-04:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

/*------------------------------------------------------------
ポイント枠1
-------------------------------------------------------------*/
.point-wrap-basic {
  position: relative;
  border-radius: 2px;
  margin: 15px auto 20px;
  width: 99%;
  box-sizing: border-box;
  box-shadow: 0 0 2px 1px rgb(132 149 162 / 28%);
  padding: 0px 0 0 0;
}

.point-wrap-basic .waku-text {
  display: block;
  background: #ff5151;
  z-index: 3;
  min-width: 70px;
  height: 20px;
  font-weight: bold;
  line-height: 22px;
  border-radius: 0px;
  text-align: center;
  box-shadow: 0 0 0 0px #ccc;
  color: #ffffff;
  font-size: 14px;
  padding: 4px 0px 3px 0px;
  margin: 0 0 0 0 !important;
  border-radius: 2px 2px 0 0;
}

.point-wrap-basic .parent {}

.point-wrap-basic .inner {
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
  padding: 10px 16px 5px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.osusume-midasi {
  font-size: 15px;
  font-weight: bold;
  margin: 5px 0px 5px 0px;
}

.point-wrap-basic ul {
  margin: 0px !important;
}

.point-wrap-basic li {
  font-weight: bold;
  margin: 0px 0 5px !important;
}

.point-wrap-basic .img-wrap {
  width: 62px;
  margin-left: auto;
}

.point-wrap-basic .img-wrap img {
  width: 100%;
}

#main-contents .point-wrap-basic .inner p {
  margin: 0;
  width: calc(100% - 67px);
}


/*------------------------
ココポイント
------------------------*/
.point-wakuBox {
  border-radius: 5px;
  position: relative;
  margin: 30px 2px 20px;
  padding: 25px 15px 15px;
  border: 3px solid #ffc1d5;
  box-shadow: 0 0 0px 2px #ff6e9b;
  box-sizing: border-box;
  background: #FFF;
}

.pwb-h {
  position: absolute;
  top: -17px;
  left: 30px;
  background: #ff5087;
  display: block;
  padding: 0px 30px;
  font-weight: bold;
  font-size: 16px;
  box-shadow: 0 0 0px 2px #ff5087;
  border-radius: 50px;
  color: #FFF;
  margin: 0 !important;
}

.pwb-h.color-bh {
  background: #303030;
  box-shadow: 0 0 0px 2px #303030;
}

.pwb-h.center {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}

.point-wakuBox dl {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.point-wakuBox dt {
  padding: 0;
  margin: 0 0 0px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}

.point-wakuBox .maru-list {
  background: #e9edef;
  display: inline-block;
  padding: 3px 20px 2px 10px;
  display: inline-block;
  align-items: center;
  color: #e03131;
  border-radius: 3px;
  width: auto;
  font-size: 14px;
  font-weight: bold;
}

.point-wakuBox .maru-list span {
  color: #FFF;
}

.point-wakuBox .maru-list:before {
  content: "〇";
  font-size: 15px;
  color: #e03131;
  margin-right: 5px;
  font-weight: bold;
}

.point-wakuBox .batu-list {
  background: #e9edef;
  display: inline-block;
  padding: 3px 20px 2px 10px;
  display: inline-block;
  align-items: center;
  color: #4473b2;
  border-radius: 3px;
  width: auto;
  font-size: 14px;
  margin-top: 20px;
  font-weight: bold;
}

.point-wakuBox .batu-listspan {
  color: #FFF;
}

.point-wakuBox .batu-list:before {
  content: "×";
  font-size: 15px;
  color: #4473b2;
  margin-right: 5px;
  font-weight: bold;
}

.point-wakuBox dd {
  padding: 0;
  margin: 0 0 10px;
  line-height: 1.7;
  font-size: 14px;
  color: #444;
}

.point-wakuBox dd:last-of-type {
  margin: 0;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  .point-wakuBox {
    border-radius: 10px;
    position: relative;
    margin-top: 30px;
    padding: 20px 10px 20px;
    box-shadow: 0 0 0px 2px #ff3d7a;
  }

  .pwb-h {
    top: -15px;
  }

  .point-wakuBox dt {
    font-size: 14px;
  }

  .point-wakuBox dd {
    font-size: 12px;
  }
}

/*------------------------
ポイント枠2
------------------------*/
.point-wakuBox2 {
  border-radius: 5px;
  position: relative;
  margin: 30px 2px 20px;
  padding: 25px 15px 15px;
  border: 3px solid #f3ced3;
  box-shadow: 0 0 0px 2px #c64354;
  box-sizing: border-box;
  background: #FFF;
}

.point-wakuBox2 .pwb-h {
  position: absolute;
  top: -17px;
  left: 16px;
  background: #c64354;
  display: block;
  padding: 0px 30px;
  font-weight: bold;
  font-size: 15px;
  box-shadow: 0 0 0px 2px #c64354;
  border-radius: 50px;
  color: #FFF;
  margin: 0 !important;
}

.point-wakuBox2 .pwb-h.color-bh {
  background: #303030;
  box-shadow: 0 0 0px 2px #303030;
}

.point-wakuBox2 .pwb-h.center {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  white-space: nowrap;
}

.point-wakuBox2 dl {
  padding: 0;
  margin: 0;
  line-height: 1.5;
}

.point-wakuBox2 dt {
  padding: 0;
  margin: 0 0 0px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}

.point-wakuBox2 .maru-list {
  background: #e9edef;
  display: inline-block;
  padding: 3px 20px 2px 10px;
  display: inline-block;
  align-items: center;
  color: #c34941;
  border-radius: 3px;
  width: auto;
  font-size: 14px;
  font-weight: bold;
}

.point-wakuBox2 .maru-list span {
  color: #FFF;
}

.point-wakuBox2 .maru-list:before {
  content: "〇";
  font-size: 15px;
  color: #c34941;
  margin-right: 5px;
  font-weight: bold;
}

.point-wakuBox2 .batu-list {
  background: #e9edef;
  display: inline-block;
  padding: 3px 20px 2px 10px;
  display: inline-block;
  align-items: center;
  color: #344e87;
  border-radius: 3px;
  width: auto;
  font-size: 14px;
  margin-top: 20px;
  font-weight: bold;
}

.point-wakuBox2 .batu-listspan {
  color: #FFF;
}

.point-wakuBox2 .batu-list:before {
  content: "×";
  font-size: 15px;
  color: #344e87;
  margin-right: 5px;
  font-weight: bold;
}

#main-contents .point-wakuBox2 dd {
  padding: 0;
  margin: 0 0 10px;
  line-height: 1.7;
  font-size: 14px;
  color: #444;
}

#main-contents .point-wakuBox2 dd:last-of-type {
  margin: 0;
}

/*------------------------------------------------------------
スコア★
-------------------------------------------------------------*/
.score-star {
  position: relative;
  margin-right: 6px;
  color: #a5a5a5;
  font-size: 15px;
}

.score-star:before {
  content: "★★★★★";
  position: absolute;
  color: #ff8d00;
  overflow: hidden;
  white-space: nowrap;
}

.score-star.score-five:before {
  width: 5em;
}

.score-star.score4-5:before {
  width: 4.5em;
}

.score-star.score4:before {
  width: 4em;
}

.score-star.score3-5:before {
  width: 3.5em;
}

.score-star.score3:before {
  width: 3em;
}

.score-star.score2-5:before {
  width: 2.5em;
}

.score-star.score2:before {
  width: 2em;
}

.score-star.score1-5:before {
  width: 1.5em;
}

.score-star.score1:before {
  width: 1em;
}

.score-star.score0-5:before {
  width: 0.5em;
}

.score-star.score0:before {
  width: 0em;
}

.score-num {
  color: #ff475d;
  font-size: 14px;
  font-weight: bold;
}

/*------------------------------------------------------------
QAタグ
-------------------------------------------------------------*/
.qa-wrap {
  margin-bottom: 30px;
}

.qa-wrap .new_koukokuwaku_wrapper {
  display: none;
}

body #container #main-contents .qa-wrap h3 {
  font-weight: bold;
  position: relative;
  line-height: 1.4;
  padding: 0 0 0 32px;
  font-size: 13px;
  background: none;
  color: #333;
  margin: 10px 0 10px 0;
  border: 0 !important;
}

body #container #main-contents .qa-wrap h3:before {
  content: "Q";
  display: block !important;
  color: #fff;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: #2467d2;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 13px;
  margin: 0;
  box-sizing: border-box;
  bottom: auto;
}

.qa-wrap p {
  position: relative;
  line-height: 1.4;
  padding: 0 0 0 32px;
  font-size: 13px;
  margin: 0 0 16px 0;
}

.qa-wrap p:last-of-type {
  margin: 0;
}

.qa-wrap p:before {
  content: "A";
  display: block;
  color: #fff;
  width: 23px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  background: #ff4781;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -2px;
  font-weight: bold;
  font-size: 13px;
  box-sizing: border-box;
  padding: 0 0 0 1px;
}

.qa-wrap p+p:nth-child(n+1):before {
  display: none;
}

.qa-wrap dt h3:before {
  display: none;
}

@media only screen and (orientation:landscape) and (max-width :813px),
(orientation:portrait) and (max-width :753px) {
  body #container #main-contents .qa-wrap h3 {
    font-size: 13px;
  }

  body #container #main-contents .qa-wrap h3:before {
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
  }

  .qa-wrap p {
    font-size: 13px;
  }

  .qa-wrap p:before {
    width: 23px;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    padding: 0 0 0 1px;
  }
}

/*------------------------------------------------------------
プラスボックス
-------------------------------------------------------------*/
.acMenu.achyouka.pulsBox dt {
  border: 1px solid #014c6b;
  color: #151515;
  border-radius: 3px;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-align: left;
  display: block;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  display: block;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 1px 0 1px #c7c7c7;
}

.acMenu.achyouka.pulsBox dt:before {
  content: "";
  position: absolute;
  border: 0px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/altema/uploads/2023/04/2023y04m21d_1440433396.png) no-repeat center / contain;
  right: 20px;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 0px;
}

.acMenu.achyouka.pulsBox dt:after {
  border: 0px;
}

.acMenu.achyouka.pulsBox dt.active:before {
  content: "";
  position: absolute;
  border: 0px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/altema/uploads/2023/04/2023y04m21d_1440444857.png) no-repeat center / contain;
  right: 20px;
  left: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 0px;
  opacity: 0.5;
}

.acMenu.achyouka.pulsBox dt.active+dd {
  border-right: 1px solid #014c6b;
  border-left: 1px solid #014c6b;
  border-bottom: 1px solid #014c6b;
  background: #FFF;
  padding: 10px;
  margin: 0 0 20px !important;
  box-shadow: none;
  border-radius: 0 0 3px 3px;
  color: #333;
  line-height: 1.7;
  letter-spacing: 0.5px;
  box-sizing: border-box;
  font-size: 13px;
}

.acMenu.achyouka.pulsBox dt.active {
  border: 1px solid #014c6b;
  background: #fffdf3;
  margin: 0 0 0px !important;
  box-shadow: none;
  border-radius: 3px 3px 0 0;
  color: #444;
  box-sizing: border-box;
}

#main-contents .acMenu.achyouka.pulsBox dd>p:last-child {
  margin-bottom: 0 !important;
}

/*------------------------
攻略チャート　手順
------------------------*/
.kouryakuchart-midasi {
  text-align: center;
  background: #0970c3;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 14px !important;
}

div#main-contents .osusumehensei {
  margin-bottom: 0px;
}

.chart-list {
  padding: 10px !important;
  margin: 0px 0px 10px 0px !important;
  border: 2px solid #0970c3;
  background: #ffffff;
}

.chart-list li {
  position: relative;
  border-bottom: 1px dashed #b0b6c5;
  background: none;
  padding: 0px 0 8px 22px !important;
  margin: 8px 0 !important;
  font-weight: bold;
}

.chart-list li:first-child {
  margin: 0px !important;
}

.chart-list li:last-child {
  margin: 8px 0 0 !important;
  border: 0;
  padding-bottom: 0 !important;
}

.chart-list li:before {
  content: "";
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  /* transform: scale(0.99); */
  position: absolute;
  background: #0970c3;
  width: 18px;
  height: 18px;
  border-radius: 50px;
  top: 1px;
  /* bottom: 8px; */
  left: -1px;
  margin: auto;
  text-align: center;
  box-sizing: border-box;
}

.chart-list li:nth-of-type(1):before {
  content: "1";
}

.chart-list li:nth-of-type(2):before {
  content: "2";
}

.chart-list li:nth-of-type(3):before {
  content: "3";
}

.chart-list li:nth-of-type(4):before {
  content: "4";
}

.chart-list li:nth-of-type(5):before {
  content: "5";
}

.chart-list li:nth-of-type(6):before {
  content: "6";
}

.chart-list li:nth-of-type(7):before {
  content: "7";
}

.chart-list li:nth-of-type(8):before {
  content: "8";
}

.chart-list li:nth-of-type(9):before {
  content: "9";
}

.chart-list li:nth-of-type(10):before {
  content: "10";
}

.chart-list li:nth-of-type(11):before {
  content: "11";
}

.chart-list li:nth-of-type(12):before {
  content: "12";
}

.chart-list li:nth-of-type(13):before {
  content: "13";
}

.chart-list li:nth-of-type(14):before {
  content: "14";
}

.chart-list li:nth-of-type(15):before {
  content: "15";
}

.chart-list li:nth-of-type(16):before {
  content: "16";
}

.chart-list li:nth-of-type(17):before {
  content: "17";
}

.chart-list li:nth-of-type(18):before {
  content: "18";
}

.chart-list li:nth-of-type(19):before {
  content: "19";
}

.chart-list li:nth-of-type(20):before {
  content: "20";
}

.chart-list li:nth-of-type(21):before {
  content: "21";
}

.chart-list li:nth-of-type(22):before {
  content: "22";
}

.chart-list li:nth-of-type(23):before {
  content: "23";
}

.chart-list li:nth-of-type(24):before {
  content: "24";
}

.chart-list li:nth-of-type(25):before {
  content: "25";
}

.chart-list li:nth-of-type(26):before {
  content: "26";
}

.chart-list li:nth-of-type(27):before {
  content: "27";
}

.chart-list li:nth-of-type(28):before {
  content: "28";
}

.chart-list li:nth-of-type(29):before {
  content: "29";
}

.chart-list li:nth-of-type(30):before {
  content: "30";
}


/*------------------------------------------------------------
縦のスライダーとテーブルデザイン
-------------------------------------------------------------*/
.v-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 460px;
  background: #eee;
  padding: 6px;
  margin-bottom: 14px;
}

.v-scroll-cont {
  margin-bottom: 12px;
}

.v-scroll-cont:last-of-type {
  margin-bottom: 0;
}

.v-scroll-cont a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  border-radius: 6px;
  padding: 8px;
  background: #fff;
  box-shadow: 0 0 3px 0px #d5d5d5;
  margin: 3px;
}

.v-scroll-cont a:hover {
  opacity: 0.6;
}

.v-scroll-cont .img {
  width: 116px;
}

.v-scroll-cont .img img {
  width: 100%;
}

.v-scroll-cont .text {
  width: calc(100% - 116px);
  padding-left: 10px;
  box-sizing: border-box;
}

.v-scroll-cont .text .tag {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #444;
  font-size: 10px;
  color: #444;
  font-weight: bold;
  line-height: 1;
}

.v-scroll-cont .text .title {
  line-height: 1.5;
  font-size: 13px;
  margin-top: 4px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .v-scroll {
    height: 400px;
  }

  .v-scroll-cont .img {
    width: 30%;
  }

  .v-scroll-cont .text {
    width: 70%;
    padding-left: 8px;
  }

  .v-scroll-cont .text .title {
    font-size: 12px;
  }
}

/*------------------------------------------------------------
縦のスライダーとテーブルデザイン　スライドなし
-------------------------------------------------------------*/
.v-scroll.no-scroll {
  overflow: visible;
  height: auto;
}

/*------------------------------------------------------------
ウィジェット　ゲームを探す
-------------------------------------------------------------*/
.widget-gameSearch {
  padding: 10px 10px 5px;
}

.widget-gameSearch .imgW100 a {
  display: block;
  padding: 0;
  border: 0;
  position: relative;
}

.widget-gameSearch .imgW100 img {
  width: 100%;
}

div.widget-gameSearch ul.widget-gameSearch-in li {
  padding: 10px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #ebeef0 !important;
}

div.widget-gameSearch ul.widget-gameSearch-in li:last-of-type {
  border: 0 !important;
}

div.widget-gameSearch ul.widget-gameSearch-in li a {
  display: flex !important;
  align-items: center;
  padding: 0 !important;
  border: 0;
  white-space: normal !important;
}

div.widget-gameSearch ul.widget-gameSearch-in li a:after {
  display: none !important;
}

.widget-gameSearch-in .img {
  width: 100px;
  position: relative;
}

.widget-gameSearch-in .img img {
  width: 100%;
}

.widget-gameSearch-in .text {
  width: calc(100% - 100px);
  padding-left: 10px;
  box-sizing: border-box;
  font-size: 12px;
}

.widget-gameSearch .pr-icon {
  padding: 1px 4px 1px 6px;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: #aaaaaa;
}

/*-------------------------------------------------------
attentionBox調整
-------------------------------------------------------*/
.attentionBox {
  font-weight: bold;
}

.attentionBox dt {
  font-size: 14px;
}

.attentionBox dl dd,
.attentionBox dl dd a {
  font-size: 13px;
}

#main-contents .attentionBox dl dd {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 6px;
}

#main-contents .attentionBox dl dd:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 14px;
  background: url(/altema/uploads/2023/11/2023y11m21d_1116319574.png) no-repeat left center / contain #fff;
  position: absolute;
  top: 2px;
  left: -6px;
}

/*------------------------------------------------------------
検索ボックス追従
-------------------------------------------------------------*/
#tuizyu-search {
  width: 1050px;
  margin: 0 auto;
  position: fixed;
  top: -1px;
  left: 50%;
  transform: translate(-50%, 0);
  background: #fff;
  border: 1px solid #bdbdbd;
  box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  padding: 5px 0 5px 12px;
  z-index: 9999999;
  box-sizing: border-box;
}

#tuizyu-search .sp {
  display: none !important;
}

#tuizyu-search .app-title a {
  display: flex;
  align-items: center;
}

#tuizyu-search a:hover {
  opacity: 0.6;
}

#tuizyu-search .app-title img {
  width: 30px;
  border-radius: 4px;
}

#tuizyu-search .app-name {
  color: #504f4f;
  font-size: 13px;
  font-weight: bold;
  margin-left: 8px;
}

#tuizyu-search .sokuhou {
  margin-left: auto;
  border-left: 1px solid #dadada;
}

#tuizyu-search .sokuhou,
#tuizyu-search .ninki,
#tuizyu-search .coment {
  border-right: 1px solid #dadada;
}

#tuizyu-search .sokuhou a,
#tuizyu-search .ninki a,
#tuizyu-search .coment a {
  width: 110px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #504f4f;
  font-size: 10px;
  font-weight: bold;
}

#tuizyu-search .sokuhou a:before,
#tuizyu-search .ninki a:before,
#tuizyu-search .coment a:before {
  content: '';
  display: inline-block;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
}

#tuizyu-search .sokuhou a:before {
  background-image: url(/altema/uploads/2023/11/2023y11m22d_1226577102.png);
}

#tuizyu-search .ninki a:before {
  background-image: url(/altema/uploads/2023/11/2023y11m22d_1226588717.png);
}

#tuizyu-search .coment a:before {
  background-image: url(/altema/uploads/2023/11/2023y11m22d_1226554795.png);
}

#tuizyu-search .search {
  margin: 0 13px;
  position: relative;
}

#tuizyu-search .search input[type="text"] {
  width: 180px;
  height: 24px;
  background: #e9e9e9;
  border-radius: 4px;
  border: 0;
  box-sizing: border-box;
  font-size: 10px;
  padding: 0 24px 0 12px;
}

#tuizyu-search .search input[type="submit"] {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 7px;
  top: 2px;
  z-index: 2;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0;
  background: url(/altema/uploads/2023/11/2023y11m22d_1241558366.png) no-repeat center / 12px;
  font-size: 0;
}

#tuizyu-search .app-title+.ninki.pc {
  margin-left: auto;
  border-left: 1px solid #dadada;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #following_gnavi #menubar_button_Rnew {
    display: block;
    overflow: hidden;
    background: #fff;
  }

  #following_gnavi ul.nav-menu-list {
    display: block;
    min-width: auto;
  }

  #following_gnavi ul.nav-menu-list li {
    border: 1px solid #dee3e5;
    float: left;
    text-align: center;
    width: 33.3%;
    box-sizing: border-box;
  }

  #following_gnavi ul.nav-menu-list li:nth-child(3n+1) {
    border-left: 0px solid #dee3e5;
  }

  #following_gnavi ul.nav-menu-list li a {
    font-weight: bold;
    margin-bottom: -1px;
    margin-right: -1px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e8ebf2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #e8ebf2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e8ebf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8ebf2', GradientType=0);
    display: block;
    font-size: 11px;
    height: 23px;
    line-height: 2;
    padding: 5px 0;
    color: #333;
    text-decoration: none;
    text-shadow: 1px 0 0 #fff;
  }

  #tuizyu-search .sp {
    display: block !important;
  }

  #tuizyu-search .pc {
    display: none;
  }

  #tuizyu-search {
    width: 100%;
    height: 48px;
    left: 0;
    top: 0px;
    transform: none;
    border: 0;
    border-bottom: 2px solid #e5e5e5;
    box-shadow: none;
    padding: 0;
    flex-direction: row-reverse;
  }

  #tuizyu-search .menu-button {
    width: 48px;
    border-radius: 0;
    position: static;
    height: auto;
    background: none;
    opacity: 1 !important;
  }

  #tuizyu-search .menu-button a {
    position: static;
    line-height: 1.1;
    display: block;
  }

  #tuizyu-search .menu-button a:before {
    content: '';
    display: block;
    width: 26px;
    height: 20px;
    background: url(/altema/uploads/2023/11/2023y11m22d_1337459212.png) no-repeat center / contain;
    margin: 0 auto;
  }

  #tuizyu-search .s {
    font-size: 10px;
    transform: scale(0.8);
    transform-origin: center;
    display: block;
    margin: 0 auto;
    color: #3ba4cf;
    font-weight: bold;
    text-align: center;
  }

  #tuizyu-search .coment {
    width: 54px;
    border: 0;
  }

  #tuizyu-search .coment a {
    width: auto;
    height: auto;
    display: block;
    line-height: 1.1;
  }

  #tuizyu-search .coment a:before {
    content: '';
    display: block;
    width: 28px;
    height: 22px;
    background: url(/altema/uploads/2023/11/2023y11m22d_122702396.png) no-repeat center / contain;
    margin: 0 auto;
  }

  #tuizyu-search .search {
    width: 180px;
    flex-grow: 1;
    margin: 0;
  }

  #tuizyu-search .search input[type="text"] {
    width: 98%;
    height: 36px;
    padding: 0 32px 2px 18px;
    border: 1px solid #dedede;
    max-width: none;
    font-size: 14px;
  }

  #tuizyu-search .search input[type="submit"] {
    width: 30px;
    height: 30px;
    background: url(/altema/uploads/2023/11/2023y11m22d_1241558366.png) no-repeat center / 16px;
  }

  #tuizyu-search #following_gnavi {
    position: fixed;
    top: 48px;
    left: 0;
  }

  #tuizyu-search .altemaP {
    width: 42px;
    margin-right: 5px;
  }

  #tuizyu-search .altemaP a {
    display: block;
    border-radius: 5px;
    background: #0d9be5;
    height: 38px;
    box-sizing: border-box;
    padding-top: 2px;
    text-align: center;
    line-height: 1.1;
  }

  #tuizyu-search .altemaP img {
    width: 66%;
  }

  #tuizyu-search .altemaP .s {
    color: #fff;
  }
}

/*------------------------------------------------------------
閲覧履歴
-------------------------------------------------------------*/
.Submenu_history_List_ul {
  position: relative;
  background: #fff;
}

.Submenu_history_List_span {
  color: #444;
  display: block;
  border-bottom: solid 1px #dde4e6;
  background: url(/altema/uploads/2023/11/2023y11m21d_1159160161.png) no-repeat left 7px center / 22px #fff;
  font-size: 15px;
  padding: 10px 36px;
}

#historyList-check {
  display: none;
}

.Submenu_history_List_ul label {
  position: absolute;
  left: 0;
  bottom: 1px;
  background: #f9f9f9;
  background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 52%);
  color: #34a3d1;
  width: 100%;
  height: 60px;
  padding-top: 35px;
  text-align: center;
  box-sizing: border-box;
  z-index: 2;
}

.Submenu_history_List_ul label:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #34a3d1;
  border-right: solid 2px #34a3d1;
  transform: rotate(135deg);
  position: relative;
  bottom: 2px;
  margin-right: 5px;
}

.Submenu_history_List_ul label.close {
  background: none;
  padding-top: 8px;
  height: 34px;
  display: none;
}

.Submenu_history_List_ul label.close:before {
  transform: rotate(-45deg);
  bottom: 0;
}

#Submenu_history_List li {
  border-top: 5px solid #f9f9f9;
}

#Submenu_history_List li a {
  position: relative;
  padding: 6px 8px 6px 50px;
  display: block;
}

.Submenu_history_List_img {
  width: 36px;
  height: max-content;
  display: block;
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.Submenu_history_List_img img {
  width: 100%;
  height: auto;
}

.Submenu_history_List_title {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
}

.Submenu_history_List_title:empty {
  height: 18px;
}

.Submenu_history_List_Browsing {
  color: #9d9b9b;
  font-size: 10px;
}

.Submenu_history_List_Browsing .tag {
  color: #818181;
  background: #efefef;
  display: inline;
  padding: 3px;
  margin-right: 5px;
}

#Submenu_history_List li:nth-of-type(4)~li {
  display: none;
}

input:checked~#Submenu_history_List li:nth-of-type(4)~li {
  display: block;
}

.Submenu_history_List_ul input:checked~label.open {
  display: none;
}

.Submenu_history_List_ul input:checked~label.close {
  display: block;
}

.Submenu_history_List_ul input:checked~#Submenu_history_List {
  padding-bottom: 34px;
}

.Submenu_history_List_ul.label-none label {
  display: none !important;
}

/*------------------------------------------------------------
サイト内検索調整
-------------------------------------------------------------*/
.page-searchresults .es-search-form {
  padding: 7px;
}

.page-searchresults .es-search-form form {
  display: flex;
  justify-content: space-between;
}

.page-searchresults .es-search-form input[type="text"] {
  margin: 0;
}

.page-searchresults .es-search-form .css-buttonWrap {
  width: 20%;
}

.page-searchresults .es-search-form .css-buttonWrap input {
  width: 100%;
  cursor: pointer;
}

.count-radioWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #ececec;
  margin: 15px 0;
  padding: 0 0 14px;
}

#main-contents .searchResultsCount {
  line-height: 1;
  margin-bottom: 0;
}

#main-contents .searchResultsCheckbox {
  line-height: 1;
  margin-left: auto;
  margin-bottom: 0;
}

.searchResultsCheckbox input {
  display: none;
}

.searchResultsCheckbox label {
  font-size: 11px;
  position: relative;
  padding-left: 20px;
}

.searchResultsCheckbox label:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #aaa;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.searchResultsCheckbox input:checked+label:after {
  content: '';
  width: 4px;
  height: 7px;
  border-bottom: 3px solid #34a3d1;
  border-right: 3px solid #34a3d1;
  position: absolute;
  left: 4px;
  top: 1px;
  transform: rotate(45deg);
}

.page-searchresults .search_lastmod {
  font-size: 11px;
  color: #888;
  display: block;
  margin-top: 4px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .page-searchresults .es-search-form {
    padding: 0;
  }

  .page-searchresults #breadcrumbs {
    background: #fff;
    padding: 0 0 0 3px;
    margin-bottom: 6px !important;
    border: 0;
  }

  body .page-searchresults #main-contents .post h1 {
    width: calc(100% + 20px);
    margin-left: -10px;
  }

  .page-searchresults .search-result-box a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .page-searchresults .search-result-box .search-result-title {
    width: 100%;
    font-size: 15px;
  }

  .page-searchresults .search-result-box .search-result-txt {
    font-size: 13px;
    width: 70%;
    padding-left: 0;
  }

  .page-searchresults .search-result-box .search-result-img {
    object-fit: contain;
    object-position: top;
    margin-right: 0;
    width: 28%;
    height: auto;
  }
}

@media screen and (max-width: 375px) {
  .page-searchresults .search-result-box .search-result-txt {
    width: 74%;
  }

  .page-searchresults .search-result-box .search-result-img {
    width: 24%;
  }
}

.new_koukokuwaku_wrapper.koukoku-img-pnone div[id^="mntad"] {
  padding-right: 0;
}

/*------------------------------------------------------------
ポップアップ
-------------------------------------------------------------*/
div#fixedElement {
  padding: 0;
  width: 300px;
  height: 188px;
  background: url(/altema/uploads/2024/01/2024y01m09d_113934481.png) no-repeat left center / contain;
  left: 0;
  bottom: 120px;
  z-index: 9999;
  position: fixed;
}

#fixedElement #closeButton {
  background: url(/altema/uploads/2024/01/2024y01m09d_11595911.png) no-repeat center / 12px rgba(255, 255, 255, 1);
  padding: 0;
  width: 24px;
  height: 24px;
  text-align: center;
  position: absolute;
  right: 1px;
  top: 5px;
  border-radius: 50%;
  overflow: hidden;
  text-indent: 100%;
  box-shadow: 0px 0 3px 1px rgba(0, 0, 0, 0.2);
  z-index: 999999;
}

/*------------------------------------------------------------
ポイントボタン
-------------------------------------------------------------*/
.altemaPoint-wrap .loguin-wrap a:hover {
  opacity: 0.6;
}

.altemaPoint-wrap .startBtn-wrap {
  background: #ffeff9;
  text-align: center;
  padding: 14px 36px 26px;
}

.altemaPoint-wrap .startBtn-wrap .text-b {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 56px;
}

.altemaPoint-wrap .startBtn-wrap .text-b:after {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background: url(/altema/giftcard/apoint-yaji-bt.png) no-repeat center / contain;
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
  animation: scroll2 1.5s infinite;
}

.altemaPoint-wrap .startBtn-wrap .text-s {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 0 0 0 30px;
}

.altemaPoint-wrap .startBtn-wrap .text-s .blue {
  color: #026eb7 !important;
}

.altemaPoint-wrap .startBtn-wrap .text-s:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(/altema/giftcard/apoint-time-bt.png) no-repeat center / contain;
  position: absolute;
  left: -5px;
  bottom: -3px;
}

.altemaPoint-wrap .startBtn-wrap a {
  display: block;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  padding: 15px 0;
  border-radius: 50px;
  border: 3px solid #000;
  border-bottom: 10px solid #000;
  position: relative;
  background: rgb(234, 84, 23);
  background: url(/altema/giftcard/apoint-yaji2-bt.png) no-repeat right 12px center / 14px, linear-gradient(90deg, rgba(234, 84, 23, 1) 0%, rgba(253, 71, 120, 1) 100%);
}

.altemaPoint-wrap .startBtn-wrap a:before {
  content: '';
  display: block;
  width: 66px;
  height: 66px;
  position: absolute;
  left: -10px;
  top: -34px;
  background: url(/altema/giftcard/apoint-muryou-bt.png) no-repeat center / contain;
  animation: poyopoyo2 2.5s infinite;
}

.altemaPoint-wrap .startBtn-wrap a:after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 100%);
  transform: skewX(-25deg);
  animation: shine-ap 3s ease-in-out infinite;
}

@-webkit-keyframes shine-ap {
  0% {
    opacity: 0;
  }

  78% {
    left: -75%;
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    left: 125%;
  }
}

@keyframes shine-ap {
  0% {
    opacity: 0;
  }

  78% {
    left: -75%;
    opacity: 0.5;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    left: 125%;
  }
}

.altemaPoint-wrap .startBtn-wrap a:hover {
  opacity: 0.6;
}

/*------------------------------------------------------------
広告調整
-------------------------------------------------------------*/
.pc_head_koukoku_wrapper iframe {
  display: block;
  margin: 10px auto 20px;
}

.leftmenu_koukoku_wrapper iframe {
  display: block;
  margin: auto;
}

.pc_overlay_wrapper {
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

/*--------------------------------------------------------
ガチャレインボー
-------------------------------------------------------*/
#gacharesult-area .ot-gachaitem .rainbow {
  box-sizing: border-box;
  position: relative;
  padding: 10px;
  z-index: 1;
}

#gacharesult-area .ot-gachaitem .rainbow a:before,
#gacharesult-area .ot-gachaitem .rainbow a:after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0px;
  right: 0px;
  margin: auto;
  background: linear-gradient(45deg, #78f2ff, #ffb2ff, #ff8c8c, #ca92ff, #a9ffa7, rgb(252, 252, 33));
  width: 52px;
  height: 52px;
  border-radius: 0px;
  background-size: 400%;
  z-index: -1;
  animation: shadow 20s linear infinite;
}

@keyframes shadow {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: 700% 0;
  }

  100% {
    background-position: 0 0;
  }
}

#gacharesult-area .ot-gachaitem .rainbow a:after {
  filter: blur(10px);
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #gacharesult-area .ot-gachaitem {
    box-sizing: border-box;
    position: relative;
    padding: 10px 0px;
    z-index: 1;
  }
}

/*------------------------------------------------------------
native-bnr　目次上
-------------------------------------------------------------*/
.bannerWrap {
  text-align: center;
  margin-bottom: 20px;
}

.ver-bgBlue-pc {
  background: #eefaff;
  padding-bottom: 26px;
}

.ver-bgBlue-pc .title {
  background: #c6eaf9;
  color: #005275;
  font-weight: bold;
  padding: 11px 26px 10px;
  font-size: 17px;
  margin-bottom: 16px;
  text-align: left;
}

.ver-bgBlue-pc p {
  color: #222;
  padding: 0px 26px;
  font-size: 15px;
  margin-bottom: 20px;
  text-align: left;
}

span.linemarker_orange {
  background: linear-gradient(transparent 80%, #ffcb65 30%);
  font-weight: bold;
}

.ver-bgBlue-pc .red {
  color: #de1c1c;
}

.ver-bgBlue-pc .btn-wrap a {
  display: inline-block;
  width: 350px;
  background: #34a3d1;
  position: relative;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 5px 0 #3381a1;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  max-width: calc(100% - 52px);
  line-height: 1.6;
  padding: 10px 40px;
  box-sizing: border-box;
}

.ver-bgBlue-pc .btn-wrap a:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(/altema/uploads/2024/04/2024y04m03d_1812143172.png) no-repeat center / 15px #fff;
  border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}

/*------------------------------------------------------------
native-bnr　手数料無料
-------------------------------------------------------------*/
.native-bnr.tesuryo0 {
  margin: 0 auto 16px;
  line-height: 1.5;
}

.native-bnr.tesuryo0 .native-bnr__wrap {
  background: #eefaff;
  padding-bottom: 22px;
  position: relative;
  z-index: 1;
}

.native-bnr.tesuryo0 .native-bnr__title {
  background: #c6eaf9;
  color: #005275;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  padding: 12px 10px;
  margin-bottom: 12px;
}

.native-bnr.tesuryo0 .native-bnr__text__orange {
  text-align: center;
  font-weight: bold;
  color: #ff7503;
  font-size: 26px;
}

.native-bnr.tesuryo0 .native-bnr__osusumepoint {
  width: fit-content;
  margin: 16px auto 6px;
  position: relative;
  color: #1f3f70;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
}

.native-bnr.tesuryo0 .native-bnr__osusumepoint:before,
.native-bnr.tesuryo0 .native-bnr__osusumepoint:after {
  content: '';
  display: block;
  width: 6px;
  height: 18px;
  position: absolute;
  bottom: 1px;
  border: 2px solid #1f3f70;
  border-top: 0;
  border-bottom: 0;
}

.native-bnr.tesuryo0 .native-bnr__osusumepoint:before {
  left: -18px;
  transform: skew(24deg);
}

.native-bnr.tesuryo0 .native-bnr__osusumepoint:after {
  right: -18px;
  transform: skew(-24deg);
}

#main-contents .native-bnr.tesuryo0 .native-bnr__list,
#mainCenter .native-bnr.tesuryo0 .native-bnr__list {
  background: #fff;
  width: calc(100% - 36px);
  margin: 0 auto 16px !important;
  font-size: 16px;
  font-weight: bold;
  list-style: disc;
  border-radius: 4px;
  padding: 16px 16px 16px 32px;
  box-sizing: border-box;
  position: relative;
}

#main-contents .native-bnr.tesuryo0 .native-bnr__list li,
#mainCenter .native-bnr.tesuryo0 .native-bnr__list li {
  margin-bottom: 5px;
  list-style: disc;
}

#main-contents .native-bnr.tesuryo0 .native-bnr__list li:last-of-type,
#mainCenter .native-bnr.tesuryo0 .native-bnr__list li:last-of-type {
  margin-bottom: 0;
}

.native-bnr.tesuryo0 .native-bnr__list li span {
  background: linear-gradient(transparent 60%, #fdff53 60%);
}

.native-bnr.tesuryo0 .native-bnr__list:after {
  display: block;
  content: "";
  width: 66px;
  height: 52px;
  background: url(/altema/uploads/2024/04/2024y04m03d_1813084954.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -49px;
  right: 2px;
  z-index: -1;
}

.native-bnr.tesuryo0 .native-bnr__btn {
  width: calc(100% - 36px);
  margin: 0 auto;
  background: #34a3d1;
  box-shadow: 0 6px 0 #3381a1;
  border-radius: 10px;
}

.native-bnr.tesuryo0 .native-bnr__btn-text {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 14px 42px;
  position: relative;
}

.native-bnr.tesuryo0 .native-bnr__btn-text:after {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url(/altema/uploads/2024/04/2024y04m03d_1812143172.png) no-repeat center / 15px #fff;
  border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.native-bnr.tesuryo0 p:empty {
  display: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .native-bnr.tesuryo0 .native-bnr__title {
    font-size: 16px;
  }

  .native-bnr.tesuryo0 .native-bnr__osusumepoint {
    font-size: 18px;
  }

  .native-bnr.tesuryo0 .native-bnr__osusumepoint:before,
  .native-bnr.tesuryo0 .native-bnr__osusumepoint:after {
    width: 4px;
    height: 16px;
  }

  .native-bnr.tesuryo0 .native-bnr__osusumepoint:before {
    left: -16px;
  }

  .native-bnr.tesuryo0 .native-bnr__osusumepoint:after {
    right: -16px;
  }
}

@media screen and (max-width : 429px) {
  .native-bnr.tesuryo0 {
    width: 100%;
  }

  .native-bnr.tesuryo0 .native-bnr__list:after {
    width: 56px;
    height: 44px;
    top: -41px;
    right: -4px;
  }
}

@media screen and (max-width : 391px) {
  .native-bnr.tesuryo0 .native-bnr__list:after {
    width: 54px;
    height: 42px;
    top: -38px;
    right: -2px;
  }

  .native-bnr.tesuryo0 .native-bnr__btn-text:after {
    right: 10px;
  }
}

@media screen and (max-width : 376px) {

  #main-contents .native-bnr.tesuryo0 .native-bnr__list li,
  #mainCenter .native-bnr.tesuryo0 .native-bnr__list li {
    font-size: 15px;
  }

  .native-bnr.tesuryo0 .native-bnr__osusumepoint {
    font-size: 16px;
  }

  #main-contents .native-bnr.tesuryo0 .native-bnr__list,
  #mainCenter .native-bnr.tesuryo0 .native-bnr__list {
    padding: 16px 10px 16px 30px;
  }

  #main-contents .native-bnr.tesuryo0 .native-bnr__list,
  .native-bnr.tesuryo0 .native-bnr__btn,
  #mainCenter .native-bnr.tesuryo0 .native-bnr__list,
  .native-bnr.tesuryo0 .native-bnr__btn {
    width: calc(100% - 28px);
  }
}

@media screen and (max-width : 361px) {
  .native-bnr.tesuryo0 .native-bnr__btn-text:after {
    right: 8px;
    width: 23px;
    height: 23px;
    background: url(/altema/uploads/2024/04/2024y04m03d_1812143172.png) no-repeat center / 13px #fff;
  }
}

/*------------------------------------------------------------
アルテマポイント　SNS
-------------------------------------------------------------*/
.ap-snsWrap {
  background: #ffffeb;
  border-top: 1px solid #eeeed1;
  border-bottom: 1px solid #eeeed1;
  text-align: center;
  padding: 12px 0 22px;
  margin: 20px 0;
}

.ap-snsWrap .title {
  margin-bottom: 4px;
}

.ap-snsWrap .title img {
  width: 96%;
}

.ap-snsWrap a:hover {
  opacity: 0.6;
}

.ap-snsWrap .bt-x,
.ap-snsWrap .bt-line {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-bottom: 3px solid #242424;
  background: #363636;
  color: #fff;
  width: 74%;
  margin: 0 auto;
  border-radius: 6px;
  font-weight: bold;
  font-size: 14px;
}

.ap-snsWrap .bt-x:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  background: url(/altema/uploads/2024/04/2024y04m09d_1619301802.png) no-repeat center / contain;
}

.ap-snsWrap .bt-line:before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url(/altema/uploads/2024/04/2024y04m09d_1619268627.png) no-repeat center / contain;
}

.ap-snsWrap .bt-line {
  border-bottom-color: #247d24;
  background: #28b328;
  margin-top: 12px;
}

.ap-snsWrap p {
  margin-bottom: 20px;
}

.ap-snsWrap .under-line {
  background: linear-gradient(transparent 44%, #feffa5 0%);
  color: #1b1b1b;
  font-size: 13px;
  line-height: 1.9;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .ap-snsWrap .title img {
    width: 100%;
  }

  .ap-snsWrap .bt-x,
  .ap-snsWrap .bt-line {
    width: 88%;
  }
}

@media screen and (max-width : 376px) {
  .ap-snsWrap .under-line {
    font-size: 12px;
  }
}

/*------------------------------------------------------------
アルテマポイント　タブ
-------------------------------------------------------------*/
.ap-tabWrap {
  padding-bottom: 24px;
  background: url(/altema/uploads/2024/04/2024y04m09d_1819223881.png) repeat-x center bottom / 400px;
  margin-bottom: 30px;
}

.ap-tabWrap .title {
  margin-bottom: 4px;
}

.ap-tabWrap .title img {
  width: 100%;
}

.ap-tabWrap input,
.ap-tabCont {
  display: none;
}

#ap-tabRadio1:checked~.cont1,
#ap-tabRadio2:checked~.cont2,
#ap-tabRadio3:checked~.cont3,
#ap-tabRadio4:checked~.cont4,
#ap-tabRadio5:checked~.cont5 {
  display: block;
}

.ap-tabWrap .label-wrap {
  display: flex;
  align-items: flex-end;
}

.ap-tabWrap label {
  background: #ccccd7;
  color: #a9a9b2;
  width: 10px;
  text-align: center;
  padding: 8px 0;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  box-sizing: border-box;
  flex-grow: 1;
}

.ap-tabWrap label:empty {
  display: none;
}

#ap-tabRadio1:checked~.label-wrap label[for="ap-tabRadio1"],
#ap-tabRadio2:checked~.label-wrap label[for="ap-tabRadio2"],
#ap-tabRadio3:checked~.label-wrap label[for="ap-tabRadio3"],
#ap-tabRadio4:checked~.label-wrap label[for="ap-tabRadio4"],
#ap-tabRadio5:checked~.label-wrap label[for="ap-tabRadio5"] {
  background: #fff;
  color: #34a0d3;
  border: 2px solid #ccccd7;
  border-bottom: 0;
  padding-top: 14px;
}

.ap-tabWrap .app-wrap {
  border-bottom: 1px solid #dfdfdf;
}

.ap-tabWrap .app-wrap:last-of-type {
  border-bottom: 0;
}

.ap-tabWrap .app-wrap a {
  display: flex;
  align-items: center;
  padding: 12px 10px;
}

.ap-tabWrap .app-wrap a:hover {
  opacity: 0.6;
}

.ap-tabWrap .app-wrap a:hover img {
  opacity: 1;
}

.ap-tabWrap .left,
.ap-tabWrap .right {
  float: none;
  margin: 0 !important;
  box-sizing: border-box;
}

.ap-tabWrap .left {
  width: 120px;
  height: 120px;
}

.ap-tabWrap .app-wrap .left img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

.ap-tabWrap .right {
  width: calc(100% - 120px);
  padding-left: 10px;
  line-height: 1.5;
}

.ap-tabWrap .name {
  font-weight: bold;
  color: #151515;
  font-size: 15px;
}

.ap-tabWrap .time,
.ap-tabWrap .text {
  color: #646464;
  font-size: 12px;
  margin-bottom: 0 !important;
}

.ap-tabWrap .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.ap-tabWrap .tag {
  display: flex;
  gap: 5px;
  margin: 4px 0 8px;
}

.ap-tabWrap .tag span {
  display: inline-block;
  background: #eeeeee;
  border-radius: 2px;
  font-size: 12px;
  padding: 0 6px;
}

.ap-tabWrap .tag .ios {
  color: #f64d4d;
}

.ap-tabWrap .tag .android {
  color: #5189dd;
}

.ap-tabWrap .tag .web {
  color: #42bf57;
}

.ap-tabWrap .right .btn {
  display: flex;
  background: #34a0d3;
  height: 30px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 4px;
  border-bottom: 3px solid #2e87b1;
  font-size: 14px;
  font-weight: bold;
}

.ap-tabWrap .right .btn:before {
  content: 'P';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: #fbef30;
  color: #34a0d3;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
}

.ap-tabWrap .app-wrap.tassei a {
  position: relative;
  pointer-events: none
}

.ap-tabWrap .app-wrap.tassei a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(/altema/uploads/2024/04/2024y04m10d_1159411018.png) no-repeat center /90px rgba(255, 255, 255, 0.6);
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .ap-tabWrap {
    margin-left: -1vw;
    margin-right: -1vw;
  }

  #ap-tabRadio1:checked~.label-wrap label[for="ap-tabRadio1"] {
    border-left: 0;
  }

  #ap-tabRadio5:checked~.label-wrap label[for="ap-tabRadio5"] {
    border-right: 0;
  }

  .ap-tabWrap label {
    font-size: 12px;
  }
}

@media screen and (max-width : 391px) {
  .ap-tabWrap label {
    font-size: 11px;
  }

  .ap-tabWrap .left {
    width: 112px;
    height: 112px;
  }

  .ap-tabWrap .right {
    width: calc(100% - 112px);
  }
}

@media screen and (max-width : 376px) {
  .ap-tabWrap .left {
    width: 108px;
    height: 108px;
  }

  .ap-tabWrap .right {
    width: calc(100% - 108px);
  }
}

@media screen and (max-width : 361px) {
  .ap-tabWrap .left {
    width: 102px;
    height: 102px;
  }

  .ap-tabWrap .right {
    width: calc(100% - 102px);
  }
}

/*------------------------------------------------------------
アルテマカレンダー
-------------------------------------------------------------*/
#event_schedule_calendar {
  margin-bottom: 20px;
}

/*------------------------------------------------------------
テーブル内　ボタン
-------------------------------------------------------------*/
#main .table-gachaBtn .gachaBtn {
  display: inline-block;
  width: 90%;
  margin: 11px 0px 11px 3px;
  padding: 6px 30px;
  border-radius: 3px;
  border-bottom-width: 1px;
}


/*--------------------------------------------------------
RE記事内デザイン
-------------------------------------------------------*/
/*--------------------------------------------------------
余白系
-------------------------------------------------------*/
/*--
#main #main-contents .post,#main #main-contents .post .acMenu{
font-size: 10px;
}
--*/
#main #main-contents .post p {
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 1.2em;
}

#main #main-contents .post p.lead {
  font-size: 12px;
  margin: 10px 0;
}

#main #main-contents .post h2 {
  font-size: 16px;
  line-height: 1.6;
}

#main #main-contents .post h3 {
  font-size: 15px;
  line-height: 1.4;
}

#main #main-contents .post h4 {
  font-size: 14px;
  line-height: 1.3;
}

#main #main-contents .post li {
  font-size: 14px;
  line-height: 1.5;
}

.post dt,
.post dd {
  font-size: 14px;
}

#main #main-contents .post table {
  font-size: 11.5px;
  line-height: 1.8;
}

#main #main-contents .post th,
#main #main-contents .post td {
  font-size: 100%;
  padding: 8px 6px 7px;
}

#main #main-contents .post .tableLine tr:nth-child(odd) {
  background: none;
}

#main #main-contents .post table li {
  font-size: 100%;
}

#main #main-contents .post table dt {
  font-size: 100%;
}

#main #main-contents .post table dd {
  font-size: 100%;
}

/*応急処置*/
#main #main-contents .post .acMenu li h4 {
  font-size: 14px;
}

#main #main-contents .post .acMenu th,
#main #main-contents .post .acMenu td {
  font-size: 11.5px;
}

#main #main-contents #following-table.sort-table th {
  padding: 6px 7px 15px 7px;
}

#main #main-contents #following-table.sort-table .sort-re {
  bottom: 1px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main #main-contents .post h2 {
    font-size: 16px;
    line-height: 1.7;
  }

  #main #main-contents .post h3 {
    font-size: 15px;
    line-height: 1.5;
  }

  #main #main-contents .post h4 {
    font-size: 14px;
    line-height: 1.5;
  }

  /*応急処置*/
  #main #main-contents .post .acMenu li h4 {
    font-size: 13px;
  }
}

/*------------------------------------------------------------
デザイン部分
-------------------------------------------------------------*/
/*-----見出し-----*/
#main-contents .post h2,
#mainCenter .post h2 {
  display: block;
  margin: 30px 0 20px;
  padding: 10px 10px 10px;
  font-weight: bold;
  border-radius: 0 0 1px 1px;
  background-color: #23254c;
  position: relative;
}

#main-contents .post h2,
#mainCenter .post h2 {
  border-bottom: 3px solid #218fdc;
  border-right: 3px solid #218fdc;
  position: relative;
}

#main-contents .post h2:before,
#mainCenter .post h2:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border-width: 0px 0px 15px 15px;
  border-style: solid;
  border-color: rgb(33 143 220 / 60%) rgb(35 37 76 / 0%) rgb(33 143 220 / 60%);
}

#main-contents .post h3:before,
#mainCenter .post h3:before {
  position: absolute;
  content: " ";
  display: block;
  background: #23254c;
  bottom: 0px;
  top: 0;
  left: 0;
  width: 4px;
  z-index: 1000;
}

#main-contents .post h3,
#mainCenter .post h3 {
  background: none;
  border: medium none;
  color: #333;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 5px 5px 5px 10px;
  border-bottom: 3px solid #23254c;
  position: relative;
  margin-bottom: 15px;
  margin-top: 12px;
}

#main-contents .post h4 {
  padding: 0 10px 0 23px;
  position: relative;
  margin: 15px 0;
  border: 0;
  color: #333;
}

#main-contents .post h4:before {
  position: absolute;
  content: " ";
  background: #57aeff;
  width: 7px;
  height: 7px;
  display: block;
  line-height: 1.6;
  left: 5px;
  top: -1px;
  bottom: 0;
  margin: auto;
  border-radius: 20px;
  box-shadow: 0 0 0 4px #23254c;
}

/*-----ボタン-----*/
#main-contents .post .gachaBtn {
  border: 1px solid #34a3d1;
  border-radius: 4px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  margin: 20px 0;
  padding: 15px 20px;
  font-size: 14px;
}

#main-contents .post .gachaBtn:hover,
#mainCenter .post .gachaBtn:hover {
  color: #fff;
}

#main-contents .post table .gachaBtn,
#mainCenter .post table .gachaBtn {
  border: 1px solid #34a3d1;
  border-radius: 4px;
  color: #34a3d1;
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 6px 20px 5px;
  font-size: 13px;
  background: none;
}

#main-contents .post table .gachaBtn:hover,
#mainCenter .post table .gachaBtn:hover {
  background: #34a3d1;
}

/*-----テーブル-----*/
#main #main-contents .post table,
#mainCenter .post table {
  box-shadow: 0 1px 1px 0px rgb(215 216 222 / 25%);
  border: 1px solid #c0c9d0;
}

#main-contents .post th span,
#mainCenter .post th span {
  color: #444;
}

#main-contents .post th,
#mainCenter .post th {
  background: #dbe4ec;
}

#main #main-contents .post th,
#main #main-contents .post td,
#mainCenter .post th,
#mainCenter .post td {
  border-right: 1px solid #c0c9d0;
  border-bottom: 1px solid #c0c9d0;
}

/*-----おすすめ-----*/
#main #main-contents .post .attentionBox,
#mainCenter .post .attentionBox {
  border: 1px solid #d65757;
  border-radius: 4px;
  padding: 15px 15px 12px;
  margin-bottom: 10px;
  line-height: 1.8;
  font-size: 13px;
}

#main #main-contents .post .attentionBox dt,
#mainCenter .post .attentionBox dt {
  margin: 12px 0 0px;
  font-size: 13px;
}

#main #main-contents .post .attentionBox a,
#mainCenter .post .attentionBox a {
  font-size: 12px;
}

#main #main-contents .post .attentionBox dd,
#mainCenter .post .attentionBox dd {
  font-size: 12px;
}

#main #main-contents .post .attentionBox dt:first-child,
#mainCenter .post .attentionBox dt:first-child {
  margin: 0px 0 0px;
}

#main #main-contents .post .attentionBox dl dd:before,
#mainCenter .post .attentionBox dl dd:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  /*
background:url(/altema/uploads/2024/04/2024y04m23d_1631549065.png) no-repeat left center / contain #fff;
*/
  position: absolute;
  top: 5px;
  bottom: auto;
  left: 0;
  margin: auto;
}

/*-----目次-----*/
#main #main-contents .post .mokujiInfo,
#mainCenter .post .mokujiInfo {
  background: #FFF;
  border: 1px solid #444;
  margin-bottom: 30px;
  padding: 0px;
  border-radius: 0px;
  box-shadow: 0 1px 1px 0px rgb(215 216 222 / 25%);
}

#main #main-contents .post .mokujiInfo ul,
#mainCenter .post .mokujiInfo ul {
  margin: 0 5px 8px 5px;
}

#main #main-contents .post .mokujiInfo ul li,
#mainCenter .post .mokujiInfo ul li {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  border-bottom: 1px solid #cfd0d3;
  padding: 8px 8px 6px 10px;
  line-height: 1.8;
}

#main #main-contents .post .mokujiInfo ul li:last-child,
#mainCenter .post .mokujiInfo ul li:last-child {
  border-bottom: 0px solid #cfd0d3;
  padding: 8px 8px 0px 10px;
}

#main #main-contents .post .mokujiInfo ul li a,
#mainCenter .post .mokujiInfo ul li a {
  display: block;
}

#main #main-contents .post .mokujiInfo p,
#mainCenter .post .mokujiInfo p {
  border: medium none;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 18px 0px;
  padding: 8px 0 6px 16px;
  border-bottom: 1px solid #23254c;
  ;
  background: #444;
}

#main #main-contents .post .mokujiInfo p.mokujiTitle,
#mainCenter .post .mokujiInfo p.mokujiTitle {
  margin: 0;
}

#main #main-contents .post .mokujiInfo h2,
#mainCenter .post .mokujiInfo h2 {
  border: medium none;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 3px 0px;
  padding: 8px 0 6px 16px;
  border-bottom: 1px solid #23254c;
  ;
  background: #444;
}

#main #main-contents .post .mokujiInfo h2:before,
#mainCenter .post .mokujiInfo h2:before {
  display: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  #main-contents .post h4:before,
  #mainCenter .post h4:before {
    top: 0px;
  }

  #main #main-contents .post .mokujiInfo,
  #mainCenter .post .mokujiInfo {
    background: #FFF;
    border: 1px solid #444;
    margin-bottom: 30px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 1px 1px 0px rgb(215 216 222 / 25%);
  }

  #main #main-contents .post .mokujiInfo ul,
  #mainCenter .post .mokujiInfo ul {
    margin: 0 5px 12px 5px !important;
  }

  #main #main-contents .post .mokujiInfo ul li,
  #mainCenter .post .mokujiInfo ul li {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    border-bottom: 1px solid #cfd0d3 !important;
    padding: 10px 8px 8px 10px !important;
    line-height: 1.8;
  }

  #main #main-contents .post .mokujiInfo ul li:last-child,
  #mainCenter .post .mokujiInfo ul li:last-child {
    border-bottom: 0px solid #cfd0d3 !important;
    padding: 10px 8px 0px 10px !important;
    ;
  }

  #main #main-contents .post .mokujiInfo ul li a,
  #mainCenter .post .mokujiInfo ul li a {
    display: block;
  }

  #main #main-contents .post .mokujiInfo p,
  #mainCenter .post .mokujiInfo p {
    border: medium none;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 18px 0px;
    padding: 8px 0 6px 16px;
    border-bottom: 1px solid #23254c;
    ;
    background: #444;
  }

  #main #main-contents .post .mokujiInfo p.mokujiTitle,
  #mainCenter .post .mokujiInfo p.mokujiTitle {
    margin: 0;
  }
}

/*-----効果：手順ボックス-----*/
#main #main-contents .post .procedure-list {
  margin-bottom: 18px;
  box-shadow: none;
  border-radius: 5px;
  width: 98%;
  margin: 0 auto 25px;
  box-shadow: 0 0px 3px 1px rgb(165 166 172 / 10%);
  border: 1px solid #e4e4e4;
}

#main #main-contents .post .procedure-list:empty {
  display: none;
}

#main #main-contents .post .procedure-list .title {
  background: #555;
  box-shadow: 0 0 0 0px #ccc;
  color: #fff;
  text-align: center;
  padding: 7px 0 5px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  z-index: 1;
  position: relative;
}

#main #main-contents .post .procedure-list ol,
#main #main-contents .post .procedure-list ul {
  box-shadow: 0 0 0px 0px #054273;
  border: 0px solid #444;
  border-radius: 0;
  border-top: 0;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

#main #main-contents .post .procedure-list li,
#main #main-contents .post .procedure-list li {
  position: relative;
  border-bottom: 1px dashed #b0b6c5;
  padding: 13px 0px 10px 25px;
  font-size: 12px;
  margin: 0 10px;
  box-sizing: border-box;
  background: none;
  font-weight: bold;
}

#main #main-contents .post .procedure-list li:last-of-type {
  border-bottom: 0;
}

#main #main-contents .post .procedure-list li:before {
  display: block;
  width: 18px;
  height: 18px;
  line-height: 19px;
  border-radius: 50px;
  background: #d65757;
  color: #fff;
  position: absolute;
  left: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  border: 0px solid #dcee0a;
  box-sizing: border-box;
  font-size: 12px;
}

#main #main-contents .post .procedure-list ul li:after {
  content: '';
  display: block;
  z-index: 2;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 4px;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 2px solid transparent;
  box-sizing: border-box;
  background: url(/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center center / 10px;
}

#main #main-contents .post table img {
  vertical-align: middle;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main #main-contents .post .procedure-list .title {
    font-size: 13px;
  }
}

#main #main-contents .post .procedure-list+h2,
#main #main-contents .post .procedure-list+h3,
#main #main-contents .post .procedure-list+h4 {
  margin-top: 30px !important;
}

/*-----こちらもチェック-----*/
#main #main-contents .post .awasete {
  margin: 10px 0;
  position: relative;
  box-shadow: 0 1px 1px 0px rgb(215 216 222 / 25%);
}

#main #main-contents .post .awasete dt {
  background: none;
  background-color: #d65757;
  font-weight: bold;
  padding: 5px 20px 5px 30px;
  display: inline-block;
  margin-bottom: 0;
  border-radius: 30px;
  position: absolute;
  top: -14px;
  left: 10px;
  font-size: 12px;
  color: #FFF;
}

#main #main-contents .post .awasete dt:after {
  content: '';
  display: block;
  z-index: 2;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 9px;
  top: calc(50% - 9px);
  border: 2px solid transparent;
  box-sizing: border-box;
  background: url(/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center / 14px;
}

#main #main-contents .post .awasete dd {
  background: #FFF;
  border: 2px solid #d65757;
  padding: 15px 10px 5px;
  margin: 40px 0 25px;
  border-radius: 3px;
}

#main #main-contents .post .awasete dd ul li {
  padding: 10px 0;
  font-weight: bold;
}

#main #main-contents .post .awasete dd ul li a {
  letter-spacing: 1px;
  font-size: 13px;
}

/*-----投票(アンケート)-----*/
.post .tohyoForm input {
  border-radius: 4px;
}

.post .tohyoTxt {
  left: 3%;
  position: absolute;
  top: 0;
}

.post .tohyoBtn {
  background: #34a3d1 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  text-align: center;
  float: left;
  padding: 0px 15px;
  font-size: 13px;
  box-shadow: 0 1px 1px 0px rgb(215 216 222 / 25%);
  height: 40px;
  line-height: 40px;
}

.post .tohyoBtn:hover {
  background: #287ea1 none repeat scroll 0 0;
  box-shadow: 0 1px 1px 0px rgb(215 216 222 / 25%);
}

.post .tohyoWrap02 {
  border: 1px solid #dde4e6 !important;
  padding: 0;
  box-sizing: border-box;
}

.post .tohyoWrap02 .tohyoContents01 {
  background: #91ddfd;
  padding: 0;
  height: 39px;
  line-height: 39px;
}

.post .tohyoWrap {
  border: 1px solid #dde4e6;
  border-radius: 3px;
  display: inline-block;
  float: left;
  margin-left: 6px;
  position: relative;
  width: 75%;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
}

.post .tohyodefo {
  display: inline-block;
  height: 38px;
  box-sizing: border-box;
}

.post .tohyoContents01 {
  background: #ecf9ff none repeat scroll 0 0;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  width: 10%;
  box-sizing: border-box;
}

.post .tohyoTxt+span {
  line-height: 2.4;
}

/*-----アコーディオン-----*/
.acMenu dt.active {
  border: 1px solid #014c6b;
  background: #444;
  margin: 0 0 20px !important;
  box-shadow: 0 2px 0 0 #bbb;
  border-radius: 4px 4px 0 0;
  color: #FFF;
  padding: 13px 5px 12px;
}

.acMenu dt {
  padding: 13px 5px 12px;
  font-size: 13px;
  margin: 0 0 40px;
  margin: 0;
  font-weight: bold;
  color: #444;
}

.acMenu {
  margin: 0 0 20px;
}

.acMenu dt.active+dd {
  border-bottom: 3px double #bbb;
  padding: 0 0 10px;
}

.zukan-cont .acMenu dt.active+dd {
  border: 0;
}

.acMenu.achyouka.pulsBox {
  margin: 0;
}

.acMenu.achyouka.pulsBox dt {
  padding: 0 0 0 10px;
  font-size: 14px;
  margin: 0 0 10px;
}

.acMenu.achyouka.pulsBox dt.active {
  border: 1px solid #000;
  background: #f4f4f4;
  margin: 0 0 0px !important;
  box-shadow: none;
  border-radius: 3px 3px 0 0;
  color: #444;
}

.acMenu.achyouka.pulsBox dt.active+dd {
  border-bottom: 1px solid #014c6b;
  padding: 10px;
}

.acMenu li {
  font-size: 13px;
  line-height: 1.5;
}

/*-----広告-----*/
#main #main-contents .post .new_koukokuwaku_wrapper,
.new_koukoku_wrapper {
  width: auto;
  height: auto;
  margin: 30px auto !important;
}

/*-------------------------------------------------------
目次モーダル
-------------------------------------------------------*/
.mokuji-modal-wrap {
  display: none;
}

@media only screen and (max-width: 813px) and (orientation: landscape),
(max-width: 753px) and (orientation: portrait) {
  .mokuji-modal-wrap {
    display: block;
  }

  .mokuji-modal-wrap .modal-on-btn {
    position: fixed;
    bottom: 180px;
    right: 10px;
    background: #194083;
    display: block;
    border-radius: 50px;
    width: 55px;
    height: 55px;
    line-height: 79px;
    text-align: center;
    color: #FFF;
    letter-spacing: 2px;
    z-index: 1000;
  }

  .mokuji-modal-wrap .modal-on-btn:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(/kinokodensetsu/uploads/2024/04/2024y04m09d_183329584.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    margin: auto;
  }

  .mokuji-modal-wrap .modal-on-btn:after {
    content: '目次';
    font-size: 10px;
    display: inline;
  }

  .mokuji-modal-wrap .mokuji-modal {
    display: none;
  }

  .mokuji-modal-wrap.modal-on .mokuji-modal {
    display: block;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    overflow: scroll;
  }

  .mokuji-modal-wrap .mokuzi-contents {
    position: relative;
    padding: 45px 8px 10px;
    margin: 50px 10px;
    border: 2px solid #ccc;
    background: #fff;
    box-sizing: border-box;
  }

  .mokuji-modal-wrap .modal-off-btn {
    display: block;
    font-size: 12px;
    line-height: 24px;
    background: #3c3c3c;
    position: absolute;
    color: #FFF;
    width: 56px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 4px;
  }

  .mokuji-modal-wrap .modal-off-btn:before {
    content: '閉じる';
    display: inline;
  }

  .mokuji-modal-wrap .modal-mokuzi-title {
    background: #194083;
    color: #fff;
    padding: 11px 0 9px 33px;
    font-size: 15px;
    line-height: 1;
    margin-bottom: 14px;
    font-weight: bold;
    position: relative;
  }

  .mokuji-modal-wrap .modal-mokuzi-title:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(/kinokodensetsu/uploads/2024/04/2024y04m09d_183329584.png) no-repeat center / contain;
    position: absolute;
    left: 8px;
    top: 9px;
  }

  .mokuji-modal-wrap .mokuzi-list li {
    position: relative;
    line-height: 1;
    margin-bottom: 12px;
    margin-left: 24px;
  }

  .mokuji-modal-wrap .mokuzi-list li:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: -25px;
    border: 5px solid #fff;
    background: #e3d5b9;
    z-index: 2;
  }

  .mokuji-modal-wrap .mokuzi-list li.current-location:before {
    background: #ffffff;
    border: 4px solid #4672bf;
    width: 8px;
    height: 8px;
    box-shadow: 0 0 0 2px #fff;
    left: -23px;
    top: 2px;
  }

  .mokuji-modal-wrap .mokuzi-list li:after {
    content: '';
    display: block;
    width: 2px;
    background-color: #e5e5e5;
    position: absolute;
    top: 9px;
    left: -16px;
    height: 114%;
    z-index: 1;
  }

  .mokuji-modal-wrap .mokuzi-list li:last-of-type {
    margin-bottom: 0;
  }

  .mokuji-modal-wrap .mokuzi-list li:last-of-type:after {
    display: none;
  }

  .mokuji-modal-wrap .mokuzi-list li a {
    text-indent: -1em;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
  }
}

@media screen and (max-width : 428px) {
  .mokuji-modal-wrap .modal-on-btn {
    bottom: 160px;
  }
}

@media screen and (max-width : 390px) {
  .mokuji-modal-wrap .modal-on-btn {
    bottom: 150px;
  }
}

@media screen and (max-width : 375px) {
  .mokuji-modal-wrap .modal-on-btn {
    bottom: 140px;
  }
}

/*--------------------------------------------------------
追加調整
-------------------------------------------------------*/
#main-contents .post #party_toukou_reset {
  padding: 8px 0px !important;
  width: 150px !important;
  margin: 0px 0px 20px 0px;
}

body #main-contents .post h1 {
  background: none !important;
  color: #444 !important;
  padding: 5px 5px 5px 0px !important;
}

#breadcrumbs {
  font-size: 12px !important;
}

#main #main-contents .h-koushin-box p.saisyu-txt {
  font-size: 12px !important;
  background: url(/altema/uploads/2024/04/2024y04m25d_183440526.png) no-repeat 3px 3px / 12px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main #main-contents .h-koushin-box p.saisyu-txt {
    background: url(/altema/uploads/2024/04/2024y04m25d_183440526.png) no-repeat 1px 3px / 12px !important;
    padding-left: 18px !important;
  }
}

.search_d1 .sf-text-area+.acMenu {
  margin: 15px 0;
}

/*---------end_RE記事内デザイン-------------------*/


/*--------------------------------------------------------
PCオーバーレイ調整
-------------------------------------------------------*/
.pc_overlay_wrapper {
  z-index: 10;
}

@media screen and (min-width:768px) {
  #container #footer {
    padding-bottom: 40px;
  }

  #mainInner.mainInner-col3~#footer {
    padding-bottom: 60px;
  }
}

/*--------------------------------------------------------
左下と左ウィジェット広告調整
-------------------------------------------------------*/
.leftmenu_koukoku_wrapper {
  margin: auto;
}

.leftmenu_koukoku_wrapper div {
  padding: 0;
}

#sidebar .new_koukokuwaku_wrapper div {
  padding: 0;
}

#mainRight .new_koukokuwaku_wrapper div {
  padding: 0;
}

/*------------------------------------------------------------
運営会社　調整
-------------------------------------------------------------*/
#main-contents.pagecompany-information .post h2:before {
  border-width: 0px;
}

#main-contents.pagecompany-information .post h2 {
  border-bottom: 0px solid #218fdc;
  border-right: 0px solid #218fdc;
}

@media only screen and (max-width : 375px) {
  #main-contents.pagecompany-information .cop-member .cop-vision-message .sd-message-in {
    height: 197px;
  }
}

@media only screen and (max-width : 360px) {
  #main-contents.pagecompany-information .cop-member .cop-vision-message .sd-message-in {
    height: 220px;
  }
}

/*------------------------------------------------------------
オーバーレイ
-------------------------------------------------------------*/
.over-ray-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000000;
}

.over-ray-top .cont {
  position: relative;
  z-index: 2;
  background: #fff;
  padding-bottom: 8px;
  box-shadow: 0 1px 0 #ccc;
}

.over-ray-top .cont img {
  width: 100%;
}

.over-ray-top .cont .btn {
  background: #34a3d1;
  border-radius: 6px;
  width: 250px;
  font-size: 15px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 8px auto 0;
  padding: 2px 0;
}

.over-ray-top .cont .btn:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #ffffff;
  border-right: 0;
  margin-right: 5px;
  margin-top: -2px;
}

.over-ray-top .close {
  position: absolute;
  right: 0;
  bottom: -34px;
  width: 40px;
  height: 34px;
  border-radius: 0 0 6px 6px;
  z-index: 1;
  background: #fff;
  box-shadow: 0 2px 2px #ccc;
}

.over-ray-top .close span {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.over-ray-top .close span:before,
.over-ray-top .close span:after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: #3d3d3d;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(45deg);
}

.over-ray-top .close span:after {
  transform: rotate(-45deg);
}

.over-ray-top .cont .over-ray-appicon {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  top: 7px;
  left: 6px;
}

.over-ray-koukoku-text {
  position: absolute;
  top: 5px;
  left: 80px;
  color: #fff;
  font-weight: bold;
}

.over-ray-koukoku-text span {
  color: #f7ff13;
}

@media screen and (min-width:768px) {
  .over-ray-top {
    display: none;
  }
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .over-ray-koukoku-text {
    top: 5px;
    left: 90px;
  }

  .over-ray-top.nidan .over-ray-koukoku-text {
    top: 2px;
    left: 90px;
    line-height: 17px;
    margin-right: 10px;
  }

  @media only screen and (max-width : 430px) {
    .over-ray-top .cont .over-ray-appicon {
      top: 10px;
      left: 10px;
    }
  }

  @media only screen and (max-width : 414px) {
    .over-ray-top .cont .over-ray-appicon {
      top: 9px;
      left: 10px;
    }
  }

  @media only screen and (max-width : 393px) {
    .over-ray-koukoku-text {
      top: 5px;
      left: 81px;
    }

    .over-ray-top .cont .over-ray-appicon {
      top: 7px;
      left: 7px;
    }

    .over-ray-top.nidan .over-ray-koukoku-text {
      top: 2px;
      left: 81px;
      line-height: 16px;
      margin-right: 4px;
    }
  }

  @media only screen and (max-width : 375px) {
    .over-ray-koukoku-text {
      top: 5px;
      left: 79px;
    }

    .over-ray-top .cont .over-ray-appicon {
      top: 5px;
      left: 5px;
    }

    .over-ray-top.nidan .over-ray-koukoku-text {
      top: 2px;
      left: 77px;
      line-height: 14px;
      margin-right: 4px;
      font-size: 12px;
    }
  }

  @media only screen and (max-width : 360px) {
    .over-ray-koukoku-text {
      top: 3px;
      left: 75px;
    }

    .over-ray-top .cont .over-ray-appicon {
      top: 4px;
      left: 4px;
    }

    .over-ray-top.nidan .over-ray-koukoku-text {
      top: 2px;
      left: 76px;
      line-height: 14px;
      margin-right: 10px;
      font-size: 11px;
    }
  }
}

/*------------------------------------------------------------
マイページ　ログイン画面
-------------------------------------------------------------*/
#main-contents .post .contactWrap.signin-box h2:before {
  border-width: 0px 0px 0px 0px;
  border-style: none;
}

#main-contents .post .contactWrap.signin-box h2 {
  border-right: 0px;
}

/*------------------------------------------------------------
広告非表示
-------------------------------------------------------------*/
.following_searchtab.over-ray-top-hidearea#tuizyu-search {
  display: none !important;
}

#tuizyu-search {
  display: flex !important;
}

#comment_jump.t-bt-comment.over-ray-top-hidearea {
  display: none !important;
}


/*------------------------------------------------------------
星の配置右寄せ
-------------------------------------------------------------*/
/*星の数値サイズ変更　　*/
.osusume-hosi-right .score-num {
  font-size: 13px;
}

/*星のサイズ変更*/
.osusume-hosi-right .score-star {
  font-size: 15px;
}

/* おすすめ度左寄せ */
.osusume-hosi-right {
  position: absolute;
  right: 12px;
}

/*--------------------------------------------------------
ジャック広告
--------------------------------------------------------*/
.jackBtn-wrap .jackBtn01,
.jackBtn-wrap .jackBtn02 {
  position: absolute;
  z-index: 99;
}

.jackBtn-wrap .jackBtn01 {
  right: 0;
  margin-right: -1018px;
}

.jackBtn-wrap .jackBtn02 {
  left: 0;
  margin-left: -191px;
}

body:not(.home) .jackBtn-wrap .jackBtn01,
body:not(.home) .jackBtn-wrap .jackBtn02 {
  top: -26px;
}

.jackBtn-wrap div[id^="mntad"] {
  padding: 0;
}

.jackBtn-wrap .jackBtn01.jack-pr-icon:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 50px;
  height: 20px;
  line-height: 21px;
  font-size: 13px;
  text-align: center;
  background: #cbcbcb;
  border-radius: 0px;
  letter-spacing: 2px;
}

.jackBtn-wrap .jackBtn02.jack-pr-icon:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 50px;
  height: 20px;
  line-height: 21px;
  font-size: 13px;
  text-align: center;
  background: #cbcbcb;
  border-radius: 0px;
  letter-spacing: 2px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .jackBtn-wrap {}
}

/*------------------------------------------------------------
ヘッダー　検索候補追加
-------------------------------------------------------------*/
#header-in_wrap {
  background-size: cover;
}

#header-in_new {
  height: 370px;
}

#header-in_new div.topHeadWrap .search-form {
  bottom: 10px;
}

.s-Word-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}

.s-Word-box .tag {
  width: 80px;
  background: repeating-linear-gradient(135deg, #db4a6a, #db4a6a 2px, #d83b5d 2px, #d83b5d 4px);
  color: #fff;
  border-radius: 5px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.s-Word-box .tag:before {
  content: '';
  display: block;
  width: 20px;
  height: 12px;
  margin-right: 5px;
  background: url(/altema/uploads/2024/06/2024y06m24d_1236002902.png) no-repeat center / contain;
}

.s-Word-box .s-Word {
  width: calc(100% - 88px);
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  padding-bottom: 6px;
}

.s-Word-box .s-Word::-webkit-scrollbar {
  height: 4px;
}

.s-Word-box .s-Word::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #626262;
}

.s-Word-box .s-Word::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #bebebe;
}

.s-Word-box .inner {
  display: flex;
  min-width: max-content;
  white-space: nowrap;
  gap: 8px;
}

.s-Word-box .inner a {
  line-height: 24px;
  background: #e9e9e9;
  border-radius: 30px;
  font-size: 12px;
  text-align: center;
  padding: 0 16px;
  color: #333;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .s-Word-box .simplebar-scrollbar:before {
    top: 5px;
    bottom: 2px;
    left: 2px;
    right: 2px;
  }

  .s-Word-box {
    padding: 0 10px;
    align-items: flex-start;
  }

  .s-Word-box .tag {
    width: 70px;
    border-radius: 4px;
    height: 26px;
  }

  .s-Word-box .s-Word {
    padding-top: 1px;
    width: calc(100% - 78px);
    padding-bottom: 13px;
  }

  .s-Word-box .s-Word::-webkit-scrollbar-track {
    background: #d7d7d7;
  }

  .s-Word-box .s-Word::-webkit-scrollbar-thumb {
    background: #9f9f9f;
  }

  .s-Word-box .inner {
    gap: 6px;
  }

  .search-form_inputXX div.s-Word-box {
    overflow: hidden;
    margin: 8px 0 0;
    border: 0;
    cursor: auto;
    background: none;
    padding: 0 10px;
  }

  .active-keyword .s-Word-box {
    position: relative;
  }

  .active-keyword .s-Word-box .tag {
    position: absolute;
    left: 10px;
    top: 0;
  }

  .active-keyword .s-Word-box .s-Word {
    width: 100%;
    overflow: hidden;
    white-space: normal;
  }

  .active-keyword .s-Word-box .inner {
    flex-wrap: wrap;
    min-width: auto;
    gap: 10px 6px;
  }

  .active-keyword .s-Word-box .inner a:first-of-type {
    margin-left: 80px;
  }
}

/*------------------------------------------------------------
ダークモード
-------------------------------------------------------------*/
.darkMode,
.darkMode .sub-column .widget-conts,
.darkMode #main-contents,
.darkMode #sidebar .widget-conts {
  background: #000;
  color: #fff;
}

.darkMode #main-contents .comment_conts_after_json {
  color: #2c2c2c !important;
}

.darkMode h2.newnewsh2 {
  background: #000 !important;
  color: #fff !important;
}

.darkMode h2.newnewsh2:before {
  background: #fff !important;
}

.darkMode h2.newnewsh2:after {
  background: #000 !important;
}

.darkMode #main-contents div[id^="mntad"],
.darkMode .syohin-pageUrl,
.darkMode .comment-reply-link a {
  background: #fff;
}

.darkMode .point-wrap-basic .inner,
.darkMode .headerWrap,
.darkMode .tooltip-outer-white,
.darkMode #main-contents .osusume-user_box .midasi p,
.darkMode .scroll-hint-icon {
  background: #000;
}

body.darkMode #mainCenter .menu-cont h3,
body.darkMode #mainCenter .plan-cont h3,
body.darkMode #main #main-contents .menu-cont h3,
body.darkMode #main #main-contents .plan-cont h3 {
  color: #333;
}

.darkMode #top-pr div.top-pr-list,
.darkMode th,
.darkMode .copyright p,
.darkMode .slide-Area .sliderItem_description,
.darkMode .drawer-menu-box:after,
.darkMode div.altemapoint_mokujiCTA p,
.darkMode .osusume-rank15 .rank15-in,
.darkMode #main #main-contents .post .osusume-rank15 h3,
.darkMode #main-contents .post .osusume-rank15 h4,
.darkMode .drawer-menu-box2 li.drawer-menu-list-sub,
.darkMode .contact_inbound .form dt,
.darkMode .contact_cooperation.contact_inbound #form-area form[name="form-48"]>dl:first-of-type+p,
.darkMode .contact_cooperation.contact_inbound #form-area dt,
.darkMode #comment_popup_image span.popup-close:before,
.darkMode .arubaito-form,
.darkMode .qaBtnWrap[style="background:#f0f0f0; padding:15px 20px 5px 20px; margin-bottom:15px;"],
.darkMode .chart-list,
.darkMode td[style="background-color: #ffffff; text-align: center;"],
.darkMode td[style="background-color: #ffffff;"],
.darkMode .ot-gachainfo-area,
.darkMode .search_d1,
.darkMode td[style="background-color: #ffffff; text-align: left;"] li,
.darkMode .voiceTopWrap02 .good,
.darkMode .voiceTopWrap02 .bad,
.darkMode .awasete dt,
.darkMode .ot-search-area label,
.darkMode td[style="background-color: #f2f2f2;"],
.darkMode td[style="background-color: #ebebeb;"] {
  color: #444;
}

.darkMode #main-contents .post th .b-red {
  color: #444 !important;
}

.darkMode #main-contents .post h1,
.darkMode .b-red,
.darkMode .procedure-detail .list-text {
  color: #fff !important;
}

.darkMode #main-contents .head-logo h1,
.darkMode #header .headerArea h1,
.darkMode #main #main-contents .post h3,
.darkMode #main #main-contents .post h4,
.darkMode.home #main-in #breadcrumbs,
.darkMode .gNavi li a,
.darkMode div.comment-pagenavi ul li a,
.darkMode .altemapoint_mokujiCTA .btn-wrap1 a,
.darkMode .altemapoint_mokujiCTA .btn-wrap2 a,
.darkMode #main-contents .post h3,
.darkMode #mainCenter .post h3,
.darkMode .drawer-menu-box2 .drawer-menu-top-link a,
.darkMode #header .headerArea .headerNavi li:nth-child(1) a,
.darkMode .contact_cooperation.contact_inbound #form-area form[name="form-48"]>dl:first-of-type+p+dl dt,
.darkMode .point-wakuBox dd,
.darkMode #main-contents .qaIchiran dl dd,
.darkMode span.login-bt a,
.darkMode #main-contents .fc-center .title-date,
.darkMode .score-star,
.darkMode span.textwaku,
.darkMode .monsterForm li span,
.darkMode .Tweet-bt-Tline a:link,
.darkMode .chart-bt-box li a,
.darkMode .flow-wrap .step .step-midasi,
.darkMode .flow-wrap .step p,
.darkMode table.comment-box .come-name {
  color: #fff;
}

.darkMode #header .headerInner,
.darkMode #main-in .tableLine tr:nth-child(odd),
.darkMode #main-contents .comment-meta,
.darkMode.home #main-in #breadcrumbs,
.darkMode .post .list-normal,
.darkMode .post .list-no,
.darkMode .post .list-check,
.darkMode.col3 #mainRight .widget-conts,
.darkMode.col2 #sidebar #sidebar-in .widget-conts,
.darkMode #main #main-contents .post .mokujiInfo,
.darkMode #mainCenter .post .mokujiInfo,
.darkMode .post .privacy_sct ul li,
.darkMode #header .headerArea #siteTopSearch.search-form_inputXX,
.darkMode #header .headerArea .gNavi li a:hover,
.darkMode .pagecontact .post ul li,
.darkMode #main #main-contents .post .awasete dd,
.darkMode ul.sokuhou_list,
.darkMode ul.sokuhou_list li,
.darkMode .point-wakuBox,
.darkMode .koryaku_gamelist,
.darkMode .procedure-detail li,
.darkMode .pageiosranking .ninkiRanking li,
.darkMode #mainCenter table.tLine-00 td,
.darkMode .post ul li,
.darkMode .page-searchresults #breadcrumbs,
.darkMode #main-in .tableLineEven tr:nth-child(even) {
  background: none;
}

.darkMode .giftcode-box a.gachaBtn-new,
.darkMode .free-ad-box .gachaBtn {
  background: none !important;
}

.darkMode #main #main-contents .post .attentionBox dl dd:before,
.darkMode #mainCenter .post .attentionBox dl dd:before {
  background: no-repeat left center / contain #000;
}

.darkMode .lead {
  color: #aaa;
}

.darkMode .searchResultsCount,
.darkMode .search-result-box .search-result-txt,
.darkMode #main-contents div.newinfo-box a u {
  color: #ccc;
}

.darkMode #main-contents div.newinfo-box a:hover u {
  color: #666;
}

.darkMode .qaIchiran ul li:nth-child(1),
.darkMode .qaIchiran ul li:nth-child(2) {
  color: #999;
}

.darkMode a:link,
.darkMode a:visited,
.darkMode #header .headerArea .gNavi li,
.darkMode #header .headerArea .gNavi li a {
  color: #55a7ff;
}

.darkMode .gachaBtn {
  border-color: #55a7ff;
}

.darkMode .gachaBtn:hover {
  color: #fff;
}

.darkMode .gNavi li a:hover {
  color: #34a3d1;
}

.darkMode.col2 #sidebar #sidebar-in .widget-conts .ranking_matome li,
.darkMode.col2 #sidebar #sidebar-in .widget-conts .execphpwidget li {
  border-bottom: 1px solid #414445;
}

.darkMode.col2 #sidebar #sidebar-in .widget-conts .ranking_matome li:last-of-type,
.darkMode.col2 #sidebar #sidebar-in .widget-conts .execphpwidget li:last-of-type {
  border-bottom: 0;
}

.darkMode #header .headerArea .headerNavi li:nth-child(1) a {
  background: url(/altema/uploads/2024/06/2024y06m21d_1221164797.png) no-repeat left center / 13px;
}

.darkMode #breadcrumbs li a {
  background: url(/altema/uploads/2024/06/2024y06m21d_1301450138.png) center right no-repeat;
}

.darkMode .acMenu dt .b-red,
.darkMode .acMenu .b-red,
.darkMode .yougosyuu-box .b-red {
  color: #d65757 !important;
}

.darkMode .article .acd-more-btn {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1));
}

.darkMode .ta-acd-label {
  background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 80%) 30%, rgb(0 0 0) 100%);
}

.darkMode #geniee_overlay_close polygon {
  fill: #fff !important;
  stroke: #fff !important;
}

.darkMode .kaitobosyu {
  color: #444;
}

.darkMode .post .tohyoContents01 {
  background: #89c7e3 none repeat scroll 0 0;
}

.darkMode .post .tohyoWrap02 .tohyoContents01 {
  background: #53bbe7;
}

.darkMode .attentionBox .more-btn {
  background: linear-gradient(rgb(0 0 0 / 60%), rgb(0 0 0));
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  .darkMode .header_top_h1 a,
  .darkMode #header .headerInner ul li:last-child a,
  .darkMode #breadcrumbs {
    color: #fff;
  }

  .darkMode #gNavi_button ul {
    background: #f1f3f7;
  }
}

/*------------------------------------------------------------
ダークモードボタン
-------------------------------------------------------------*/
.darkMode-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  top: 5px;
  right: 0;
  left: -15%;
  margin: auto;
  width: 1050px;
}

.darkMode-checkLabel input {
  display: none;
}

.darkMode-txt {
  font-size: 10px;
  padding: 2px 0 0;
  margin: 0 5px 0 0;
  display: block;
  font-weight: bold;
  color: #444;
}

.darkMode .darkMode-txt {
  color: #FFF;
}

.darkMode-checkLabel span {
  display: inline-block;
  width: 50px;
  height: 22px;
  border-radius: 50px;
  background-color: #dddddd;
  cursor: pointer;
  transition: background-color .4s;
  position: relative;
  display: block;
}

.darkMode-checkLabel input:checked+span {
  background-color: #34a3d1;
}

.darkMode-checkLabel span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  box-shadow: 0 0 5px rgb(106 106 106 / 10%);
  background-color: #fff;
  transition: left .4s;
}

.darkMode-checkLabel span:before {
  content: 'OFF';
  position: absolute;
  top: 4px;
  right: 7px;
  margin: auto;
  font-size: 10px;
  color: #444;
}

.darkMode-checkLabel input:checked+span:after {
  left: 30px;
}

.darkMode-checkLabel input:checked+span::before {
  content: 'ON';
  position: absolute;
  top: 4px;
  left: 9px;
  margin: auto;
  font-size: 10px;
  color: #FFF;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .darkMode-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 0;
    left: 0;
    margin: auto;
    width: 65%;
  }

  .darkMode-checkLabel span {
    display: inline-block;
    width: 40px;
    height: 15px;
  }

  .darkMode-checkLabel span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
  }

  .darkMode-checkLabel span:before {
    top: 1px;
    right: 5px;
  }

  .darkMode-checkLabel input:checked+span::before {
    top: 1px;
  }
}

/*--------------------------------------------------------
ダークモードヘッダーロゴ
-------------------------------------------------------*/
.darkMode #header .headerInner>a {
  background: #FFF;
  padding: 6px 2px 2px 0px;
  border-radius: 5px;
}

.darkMode #header .headerInner>a img {
  border-radius: 10px;
}

/*--------------------------------------------------------
テーブル内アコーディオン調整
-------------------------------------------------------*/
table .acMenu {
  margin: 5px 0 10px;
}

table .acMenu:first-child {
  margin-top: 0;
}

table .acMenu dt {
  margin-bottom: 0;
}

/*--------------------------------------------------------
画像あり攻略チャート
-------------------------------------------------------*/
.img-chart-table {
  overflow: hidden;
}

.img-chart-table tr:nth-of-type(n+2) th {
  text-align: center !important;
  display: block !important;
  border-radius: 2px;
  width: 25px;
  height: 25px;
  line-height: 27px;
  border: 0 !important;
  margin: 8px 5px 8px 10px !important;
  padding: 0 !important;
  font-size: 14px !important;
  background: #555555 !important;
  color: #FFF;
  position: relative;
}

.img-chart-table tr {
  position: relative;
}

.img-chart-table tr:nth-of-type(n+2):before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  top: 5%;
  left: 22px;
  background: rgb(255 255 255 / 0%);
  border-left: 2px dotted #8ba5ba;
}

.img-chart-table td {
  border: 0 !important;
}

/*--------------------------------------------------------
NEW更新情報レイアウト
-------------------------------------------------------*/
.update-info-area {
  position: relative;
  margin: 15px 0;
}

.update-info-box {
  margin: 0 0 8px;
  position: relative;
}

.update-info-box a {
  display: flex;
  align-items: center;
  padding: 5px 50px 5px 5px;
  position: relative;
  box-shadow: 0 0 3px 0px rgb(144 179 200 / 10%);
  border: 1px solid #c6d1dc;
  box-sizing: border-box;
  border-radius: 2px;
  line-height: 1.5;
  position: relative;
}

.update-info-box a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: 3px solid #9da8b4;
  border-right: 3px solid #9da8b4;
  transform: rotate(45deg);
}

.update-info-box a:hover {
  background: #f2fbfd;
  border-color: #c7e3ea;
}

.update-info-icon-area {
  width: 80px;
  min-width: 80px;
}

.update-info-icon-area img {
  width: 100%;
}

.update-info-text-area {
  width: 10px;
  flex-grow: 1;
  padding-left: 8px;
  font-size: 11px;
  color: #9da8b4;
}

.update-info-title {
  display: block;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #c6d1dc;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.update-info-subtitle {
  display: block;
}

.new-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #f00;
  color: #FFF;
  padding: 4px 5px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  overflow: hidden;
}

.new-icon:before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 5px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  animation: kiran 1s infinite;
}

@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }

  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.8;
  }

  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.6;
  }

  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }

  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.update-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #008b9e;
  color: #FFF;
  padding: 4px 5px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 1.8px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .update-info-title {
    font-size: 14px;
  }
}

@media screen and (max-width : 376px) {
  .update-info-box a {
    padding-right: 38px;
  }

  .update-info-box a:after {
    right: 14px;
  }
}

/*--------------------------------------------------------
クイズボタン_デザイン修正
-------------------------------------------------------*/
#main-contents .quizBtn-a {
  background: #ff4545;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  position: relative;
  padding: 15px 5px 15px 43px;
}

#main-contents .quizBtn-a:hover {
  background: #ff4545;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  opacity: 0.8;
}

#main-contents .quizBtn-a:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  color: #ff4545;
  font-size: 23px;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  background: #FFF;
  display: block;
  border-radius: 50px;
  box-shadow: 0 0 0 3px rgb(227 43 43 / 20%);
}

#main-contents .quizBtn-a:after {
  content: "A";
  position: absolute;
  color: #ff4545;
  font-size: 23px;
  top: 16px;
  left: 11px;
  bottom: 0;
  margin: auto;
  z-index: 1000;
}

#main-contents .quizBtn-b {
  background: #106f97;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  position: relative;
  padding: 15px 5px 15px 43px;
}

#main-contents .quizBtn-b:hover {
  background: #106f97;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  opacity: 0.8;
}

#main-contents .quizBtn-b:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  background: #FFF;
  display: block;
  border-radius: 50px;
  box-shadow: 0 0 0 3px rgb(8 63 90 / 20%);
}

#main-contents .quizBtn-b:after {
  content: "B";
  position: absolute;
  color: #106f97;
  font-size: 23px;
  top: 17px;
  left: 12px;
  bottom: 0;
  margin: auto;
  z-index: 1000;
}

#main-contents .quizBtn-c {
  background: #10976f;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  position: relative;
  padding: 15px 5px 15px 43px;
}

#main-contents .quizBtn-c:hover {
  background: #10976f;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  opacity: 0.8;
}

#main-contents .quizBtn-c:before {
  content: "C";
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  background: #FFF;
  display: block;
  border-radius: 50px;
  box-shadow: 0 0 0 3px rgb(8 90 66 / 20%);
  padding: 0 2 0 0;
}

#main-contents .quizBtn-c:after {
  content: "c";
  position: absolute;
  color: #10976f;
  font-size: 30px;
  top: 14px;
  left: 10px;
  bottom: 0;
  margin: auto;
  z-index: 1000;
}

#main-contents .quizBtn-d {
  background: #bc31a8;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  position: relative;
  padding: 15px 5px 15px 43px;
}

#main-contents .quizBtn-d:hover {
  background: #bc31a8;
  box-shadow: 0 0 2px 1px #cccccc5e;
  border-radius: 50px;
  opacity: 0.8;
}

#main-contents .quizBtn-d:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 32px;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto;
  background: #FFF;
  display: block;
  border-radius: 50px;
  box-shadow: 0 0 0 3px rgb(74 8 90 / 20%);
  padding: 0 2 0 0;
}

#main-contents .quizBtn-d:after {
  content: "D";
  position: absolute;
  color: #bc31a8;
  font-size: 23px;
  top: 17px;
  left: 11px;
  bottom: 0;
  margin: auto;
  z-index: 1000;
}

/*--------------------------------------------------------
ポイント枠_修正
-------------------------------------------------------*/
.pwb-h {
  position: absolute;
  top: -15px;
  left: 30px;
  background: #ff5151;
  box-shadow: 0 0 0 0;
  display: block;
  padding: 4px 30px 2px;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50px;
  color: #FFF;
  margin: 0 !important;
}

.point-wakuBox {
  border-radius: 5px;
  position: relative;
  margin: 30px auto 20px;
  padding: 20px 15px 10px;
  border: 1px solid #86b2df;
  box-shadow: 0 0 3px 1px rgb(136 168 200 / 40%);
  box-sizing: border-box;
  background: #FFF;
  width: 98%;
}

#main-contents .point-wakuBox dd {
  margin: 0px 0 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #e8e8e8;
}

#main-contents .point-wakuBox dd:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

/*------------------------------------------------------------
ウィジェット　リンク2列
-------------------------------------------------------------*/
.sub-column .widget-conts ul .column2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sub-column .widget-conts ul .column2 a {
  width: calc(50% - 2px);
  display: flex;
  align-items: center;
  gap: 3px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .drawer-menu-list .column2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .drawer-menu-list .column2 a {
    width: calc(50% - 13px);
    display: flex;
    align-items: center;
  }

  .drawer-menu-list .column2 a:first-child {
    margin-right: 0;
  }

  .drawer-menu-list .column2 a:last-child {
    margin-left: 0;
  }

  ul.drawer-menu-list li:last-child a+a {
    margin: 0 !important;
    padding: 0 0 0 24px;
  }
}

/*--------------------------------------------------------
NEW更新情報レイアウト
-------------------------------------------------------*/
.update-info-area {
  position: relative;
  margin: 15px 0;
}

.update-info-box {
  margin: 0 0 8px;
  position: relative;
}

.update-info-box a {
  display: flex;
  align-items: center;
  padding: 5px 50px 5px 5px;
  position: relative;
  box-shadow: 0 0 3px 0px rgb(144 179 200 / 10%);
  border: 1px solid #c6d1dc;
  box-sizing: border-box;
  border-radius: 2px;
  line-height: 1.5;
  position: relative;
}

.update-info-box a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: 3px solid #9da8b4;
  border-right: 3px solid #9da8b4;
  transform: rotate(45deg);
}

.update-info-box a:hover {
  background: #f2fbfd;
  border-color: #c7e3ea;
}

.update-info-icon-area {
  width: 80px;
  min-width: 80px;
}

.update-info-icon-area img {
  width: 100%;
}

.update-info-text-area {
  width: 10px;
  flex-grow: 1;
  padding-left: 8px;
  font-size: 11px;
  color: #9da8b4;
}

.update-info-title {
  display: block;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #c6d1dc;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.update-info-subtitle {
  display: block;
}

.new-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #f00;
  color: #FFF;
  padding: 4px 5px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  overflow: hidden;
}

.new-icon:before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 5px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  animation: kiran 1s infinite;
}

@keyframes kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }

  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.8;
  }

  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.6;
  }

  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }

  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.update-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #008b9e;
  color: #FFF;
  padding: 4px 5px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 1.8px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .update-info-title {
    font-size: 14px;
  }
}

@media screen and (max-width : 376px) {
  .update-info-box a {
    padding-right: 38px;
  }

  .update-info-box a:after {
    right: 14px;
  }
}

/*------------------------------------------------------------
検索結果
-------------------------------------------------------------*/
#main-contents .search-result-box {
  padding: 0;
  border: 0;
}

.page-searchresults .search-result-box a {
  display: flex;
  padding: 0 5px 0 0;
  border-radius: 2px;
  box-shadow: 0 0 3px 0px rgb(144 179 200 / 10%);
  border: 1px solid #c6d1dc;
  flex-wrap: nowrap;
  align-items: center;
}

.page-searchresults .search-result-box a:hover {
  background: #f2fbfd;
  border-color: #c7e3ea;
}

.page-searchresults .search-result-box .search-result-img {
  margin: 0;
  width: 80px;
  height: 80px;
  object-position: center;
}

.search-result-box .text-wrap {
  width: calc(100% - 80px);
  padding: 5px 10px 5px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 80px;
}

.page-searchresults .search-result-box .search-result-title {
  color: #333;
  font-weight: bold;
  font-size: 17px;
  margin: 0;
  line-height: 1.3;
  padding: 5px 0 0 0;
}

.page-searchresults .search_lastmod {
  margin-top: auto;
  line-height: 1;
  padding: 0px 0 5px 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .page-searchresults .search-result-box .search-result-title {
    font-size: 16px;
  }
}

/*------------------------------------------------------------
ダークモード用_追記
-------------------------------------------------------------*/
.darkMode .update-info-title {
  color: #FFF;
}

.darkMode .update-info-title:hover {
  color: #333;
}

.darkMode #main-contents .post th,
.darkMode #mainCenter .post th {
  background: #000;
  color: #FFF;
}

.darkMode #main-contents .post th span,
.darkMode #mainCenter .post th span {
  color: #FFF;
}

.darkMode .good dd,
.darkMode .bad dd {
  color: #333;
}

.darkMode .procedure-detail h3.list-text {
  color: #333 !important;
}

/*------------------------------------------------------------
追従
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #tuizyu-search {
    padding: 0 3px 0 8px;
  }

  #tuizyu-search .menu-top-link {
    margin-right: 8px;
  }

  #tuizyu-search .menu-top-link img {
    width: 40px;
  }

  #tuizyu-search .iken-btn {
    line-height: 1.1;
    margin: 0 3px 0 8px;
  }

  #tuizyu-search .iken-btn:before {
    content: '';
    display: block;
    width: 26px;
    height: 20px;
    background: url(/altema/uploads/2024/06/2024y06m27d_131710751.png) no-repeat center / contain;
    margin: 0 auto;
  }

  #tuizyu-search .menu-button {
    width: auto;
  }

  #tuizyu-search .menu-button a:before {
    background: url(/altema/uploads/2024/06/2024y06m27d_1309431151.png) no-repeat center / contain;
  }

  p.t-bt-comment {
    top: 54px;
  }

  div.drawer-menu {
    right: auto;
    left: 100%;
    transition: 0.6s;
  }

  div.drawer-menu-box {
    padding-left: 45px;
    padding-right: 0;
  }

  div.drawer-menu-close-button {
    right: auto;
    left: 0;
  }

  div.drawer-menu-box:after {
    right: auto;
    left: 1px;
    border-radius: 4px 0 0 4px;
  }

  .drawer-background-fixed div.drawer-menu {
    right: auto;
    left: 0;
  }
}

/*------------------------------------------------------------
追従
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #tuizyu-search {
    padding: 0 3px 0 8px;
  }

  #tuizyu-search .menu-top-link {
    margin-right: 8px;
  }

  #tuizyu-search .menu-top-link img {
    width: 40px;
  }

  #tuizyu-search .iken-btn {
    line-height: 1.1;
    margin: 0 3px 0 8px;
  }

  #tuizyu-search .iken-btn:before {
    content: '';
    display: block;
    width: 26px;
    height: 20px;
    background: url(/altema/uploads/2024/06/2024y06m27d_131710751.png) no-repeat center / contain;
    margin: 0 auto;
  }

  #tuizyu-search .menu-button {
    width: auto;
  }

  #tuizyu-search .menu-button a:before {
    background: url(/altema/uploads/2024/06/2024y06m27d_1309431151.png) no-repeat center / contain;
  }

  p.t-bt-comment {
    top: 54px;
  }

  div.drawer-menu {
    right: auto;
    left: 100%;
    transition: 0.6s;
  }

  div.drawer-menu-box {
    padding-left: 45px;
    padding-right: 0;
  }

  div.drawer-menu-close-button {
    right: auto;
    left: 0;
  }

  div.drawer-menu-box:after {
    right: auto;
    left: 1px;
    border-radius: 4px 0 0 4px;
  }

  .drawer-background-fixed div.drawer-menu {
    right: auto;
    left: 0;
  }
}

/*------------------------------------------------------------
追従
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #tuizyu-search {
    padding: 0 3px 0 8px;
  }

  #tuizyu-search .menu-top-link {
    margin-right: 8px;
  }

  #tuizyu-search .menu-top-link img {
    width: 40px;
  }

  #tuizyu-search .iken-btn {
    line-height: 1.1;
    margin: 0 3px 0 8px;
  }

  #tuizyu-search .iken-btn:before {
    content: '';
    display: block;
    width: 26px;
    height: 20px;
    background: url(/altema/uploads/2024/06/2024y06m27d_131710751.png) no-repeat center / contain;
    margin: 0 auto;
  }

  #tuizyu-search .menu-button {
    width: auto;
  }

  #tuizyu-search .menu-button a:before {
    background: url(/altema/uploads/2024/06/2024y06m27d_1309431151.png) no-repeat center / contain;
  }

  p.t-bt-comment {
    top: 54px;
  }

  div.drawer-menu {
    right: auto;
    left: 100%;
    transition: 0.6s;
  }

  div.drawer-menu-box {
    padding-left: 45px;
    padding-right: 0;
  }

  div.drawer-menu-close-button {
    right: auto;
    left: 0;
  }

  div.drawer-menu-box:after {
    right: auto;
    left: 1px;
    border-radius: 4px 0 0 4px;
  }

  .drawer-background-fixed div.drawer-menu {
    right: auto;
    left: 0;
  }
}

/*------------------------------------------------------------
追従下段追加
-------------------------------------------------------------*/
#tuizyu-search .inner-top {
  display: flex !important;
  width: 100%;
  box-sizing: border-box;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #tuizyu-search {
    height: auto;
    display: block !important;
    padding: 0;
  }

  #tuizyu-search .inner-top {
    display: flex;
    padding: 0 3px 0 4px;
    flex-direction: row-reverse;
    height: 48px;
    align-items: center;
  }

  #tuizyu-search .inner-bottom {
    height: 34px;
    display: flex;
    border-top: 1px solid #f1f1f1;
  }

  #tuizyu-search .menu-top-link {
    text-align: center;
    line-height: 1;
    margin-right: 2px;
  }

  #tuizyu-search .menu-top-link img {
    width: 36px;
  }

  #tuizyu-search .menu-top-link .s {
    transform-origin: center bottom;
  }

  #tuizyu-search .ninki-btn,
  #tuizyu-search .new-btn,
  #tuizyu-search .keijiban-btn,
  #tuizyu-search .rireki-btn {
    width: 22%;
    border-right: 1px solid #f1f1f1;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    font-size: 12px;
    flex-grow: 1;
  }

  #tuizyu-search .ninki-btn.on,
  #tuizyu-search .new-btn.on,
  #tuizyu-search .keijiban-btn.on,
  #tuizyu-search .rireki-btn.on {
    border-bottom-color: #539dc4;
  }

  #tuizyu-search .ninki-btn .s,
  #tuizyu-search .new-btn .s,
  #tuizyu-search .keijiban-btn .s,
  #tuizyu-search .rireki-btn .s {
    font-size: 12px;
    color: #444;
    transform: none;
    font-weight: normal;
  }

  #tuizyu-search .following-darkMode-box {
    width: 34%;
    position: static;
    display: flex !important;
    justify-content: center;
  }

  #tuizyu-search .darkMode-txt {
    font-size: 12px;
    color: #444;
    font-weight: normal;
  }
}


/*------------------------------------------------------------
追従　人気記事・新着記事・掲示板・履歴　モーダル
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {

  .sp-ninki-modal,
  .sp-new-modal,
  .sp-keijiban-modal,
  .sp-rireki-modal {
    background: #6a6a6a;
    position: fixed !important;
    width: 100%;
    height: calc(100% - 82px);
    top: 82px !important;
    left: 0;
    z-index: 2147483642;
    padding: 8px;
    box-sizing: border-box;
  }

  .sp-ninki-modal-close,
  .sp-new-modal-close,
  .sp-keijiban-modal-close,
  .sp-rireki-modal-close {
    position: absolute;
    right: 2px;
    top: 2px;
    background: #131313;
    border-radius: 50%;
    width: 24px;
    line-height: 22px;
    height: 24px;
    color: #fff;
    text-align: center;
    font-size: 18px;
  }

  .sp-ninki-modal-body,
  .sp-new-modal-body,
  .sp-keijiban-modal-body,
  .sp-rireki-modal-body {
    background: #fff;
    border-radius: 10px;
    height: 100%;
  }

  .sp-ninki-modal-area,
  .sp-new-modal-area,
  .sp-keijiban-modal-area,
  .sp-rireki-modal-area {
    overflow-y: auto;
    height: 100%;
  }

  .sp-ninki-modal-area ul,
  .sp-new-modal-area ul,
  .sp-keijiban-modal-area ul {
    padding: 0 5px;
  }

  .sp-ninki-modal-area li,
  .sp-new-modal-area li,
  .sp-keijiban-modal-area li {
    border-bottom: 2px dotted #efefef;
  }

  .sp-ninki-modal-area li:last-child,
  .sp-new-modal-area li:last-child,
  .sp-keijiban-modal-area li:last-child {
    border-bottom: 0;
  }

  .sp-ninki-modal-area li a,
  .sp-new-modal-area li a,
  .sp-keijiban-modal-area li a {
    display: flex;
    align-items: center;
    padding: 10px 2px;
  }

  .sp-ninki-modal-area .modal_img,
  .sp-new-modal-area .modal_img,
  .sp-keijiban-modal-area .modal_img {
    width: 118px;
    position: relative;
  }

  .sp-ninki-modal-area .modal_img img,
  .sp-new-modal-area .modal_img img,
  .sp-keijiban-modal-area .modal_img img {
    width: 100%;
    height: 60px;
    object-fit: cover;
  }

  .sp-ninki-modal-area .modal_text,
  .sp-new-modal-area .modal_text,
  .sp-keijiban-modal-area .modal_text {
    width: calc(100% - 118px);
    padding-left: 8px;
    box-sizing: border-box;
  }

  .sp-ninki-modal-area .text,
  .sp-new-modal-area .text,
  .sp-keijiban-modal-area .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #333;
    line-height: 1.4;
  }

  .sp-ninki-modal-area .tag,
  .sp-new-modal-area .tag,
  .sp-keijiban-modal-area .tag {
    background: #e6e6e6;
    color: #666;
    display: block;
    padding: 3px 5px;
    width: fit-content;
    line-height: 1;
    border-radius: 4px;
    font-size: 11px;
    margin-top: 4px;
  }

  .sp-ninki-modal-area li:nth-of-type(1) .modal_img,
  .sp-new-modal-area li:nth-of-type(1) .modal_img {
    width: 168px;
  }

  .sp-ninki-modal-area li:nth-of-type(1) .modal_img img,
  .sp-new-modal-area li:nth-of-type(1) .modal_img img {
    height: 86px;
  }

  .sp-ninki-modal-area li:nth-of-type(1) .modal_text,
  .sp-new-modal-area li:nth-of-type(1) .modal_text {
    width: calc(100% - 168px);
  }

  .sp-ninki-modal-area li:nth-of-type(1) .text,
  .sp-new-modal-area li:nth-of-type(1) .text {
    -webkit-line-clamp: 3;
  }

  .sp-ninki-modal-area .modal_img:after,
  .sp-new-modal-area .modal_img:after,
  .sp-keijiban-modal-area .modal_img:after {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #999;
    color: #fff;
    font-size: 10px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
  }

  .sp-ninki-modal-area li:nth-of-type(1) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(1) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(1) .modal_img:after {
    content: '1';
    background: #f5a009;
  }

  .sp-ninki-modal-area li:nth-of-type(2) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(2) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(2) .modal_img:after {
    content: '2';
    background: #59a7bd;
  }

  .sp-ninki-modal-area li:nth-of-type(3) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(3) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(3) .modal_img:after {
    content: '3';
    background: #985e39;
  }

  .sp-ninki-modal-area li:nth-of-type(4) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(4) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(4) .modal_img:after {
    content: '4';
  }

  .sp-ninki-modal-area li:nth-of-type(5) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(5) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(5) .modal_img:after {
    content: '5';
  }

  .sp-ninki-modal-area li:nth-of-type(6) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(6) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(6) .modal_img:after {
    content: '6';
  }

  .sp-ninki-modal-area li:nth-of-type(7) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(7) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(7) .modal_img:after {
    content: '7';
  }

  .sp-ninki-modal-area li:nth-of-type(8) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(8) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(8) .modal_img:after {
    content: '8';
  }

  .sp-ninki-modal-area li:nth-of-type(9) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(9) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(9) .modal_img:after {
    content: '9';
  }

  .sp-ninki-modal-area li:nth-of-type(10) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(10) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(10) .modal_img:after {
    content: '10';
  }

  .sp-ninki-modal-area li:nth-of-type(11) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(11) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(11) .modal_img:after {
    content: '11';
  }

  .sp-ninki-modal-area li:nth-of-type(12) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(12) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(12) .modal_img:after {
    content: '12';
  }

  .sp-ninki-modal-area li:nth-of-type(13) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(13) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(13) .modal_img:after {
    content: '13';
  }

  .sp-ninki-modal-area li:nth-of-type(14) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(14) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(14) .modal_img:after {
    content: '14';
  }

  .sp-ninki-modal-area li:nth-of-type(15) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(15) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(15) .modal_img:after {
    content: '15';
  }

  .sp-ninki-modal-area li:nth-of-type(16) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(16) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(16) .modal_img:after {
    content: '16';
  }

  .sp-ninki-modal-area li:nth-of-type(17) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(17) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(17) .modal_img:after {
    content: '17';
  }

  .sp-ninki-modal-area li:nth-of-type(18) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(18) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(18) .modal_img:after {
    content: '18';
  }

  .sp-ninki-modal-area li:nth-of-type(19) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(19) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(19) .modal_img:after {
    content: '19';
  }

  .sp-ninki-modal-area li:nth-of-type(20) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(20) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(20) .modal_img:after {
    content: '20';
  }

  .sp-ninki-modal-area li:nth-of-type(21) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(21) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(21) .modal_img:after {
    content: '21';
  }

  .sp-ninki-modal-area li:nth-of-type(22) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(22) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(22) .modal_img:after {
    content: '22';
  }

  .sp-ninki-modal-area li:nth-of-type(23) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(23) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(23) .modal_img:after {
    content: '23';
  }

  .sp-ninki-modal-area li:nth-of-type(24) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(24) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(24) .modal_img:after {
    content: '24';
  }

  .sp-ninki-modal-area li:nth-of-type(25) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(25) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(25) .modal_img:after {
    content: '25';
  }

  .sp-ninki-modal-area li:nth-of-type(26) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(26) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(26) .modal_img:after {
    content: '26';
  }

  .sp-ninki-modal-area li:nth-of-type(27) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(27) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(27) .modal_img:after {
    content: '27';
  }

  .sp-ninki-modal-area li:nth-of-type(28) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(28) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(28) .modal_img:after {
    content: '28';
  }

  .sp-ninki-modal-area li:nth-of-type(29) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(29) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(29) .modal_img:after {
    content: '29';
  }

  .sp-ninki-modal-area li:nth-of-type(30) .modal_img:after,
  .sp-new-modal-area li:nth-of-type(30) .modal_img:after,
  .sp-keijiban-modal-area li:nth-of-type(30) .modal_img:after {
    content: '30';
  }

  .sp-rireki-modal .Submenu_history_List_ul {
    background: none;
    position: static;
  }

  .sp-rireki-modal .Submenu_history_List_span {
    background: url(/altema/uploads/2023/11/2023y11m21d_1159160161.png) no-repeat left 7px center / 22px;
  }

  .sp-rireki-modal #Submenu_history_List li:nth-of-type(4)~li {
    display: block;
  }
}


/*------------------------------------------------------------
追従　検索候補調整
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #tuizyu-search div.s-Word-box {
    margin: 0;
    padding: 10px 10px;
  }

  #tuizyu-search .s-Word-box .tag {
    top: 10px;
  }
}


/*--------------------------------------------------------
h-koushin-box調整
-------------------------------------------------------*/
div#main-contents .h-koushin-box {
  margin: 8px 0 !important;
  align-items: center;
}

#main-contents .h-koushin-box p.comment-txt {
  position: static;
  order: 2;
  margin: 0;
  font-size: 13px;
}

#main-contents .h-koushin-box p.comment-txt img {
  vertical-align: middle;
  position: relative;
  bottom: 2px;
}

/*--------------------------------------------------------
NEW更新情報レイアウト（別クラス版）
-------------------------------------------------------*/
.pseudo-update-info-area {
  position: relative;
  margin: 15px 0;
}

.pseudo-update-info-box {
  margin: 0 0 8px;
  position: relative;
}

.pseudo-update-info-box a {
  display: flex;
  align-items: center;
  padding: 5px 50px 5px 5px;
  position: relative;
  box-shadow: 0 0 3px 0px rgb(144 179 200 / 10%);
  border: 1px solid #c6d1dc;
  box-sizing: border-box;
  border-radius: 2px;
  line-height: 1.5;
  position: relative;
}

.pseudo-update-info-box a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  border-top: 3px solid #9da8b4;
  border-right: 3px solid #9da8b4;
  transform: rotate(45deg);
}

.pseudo-update-info-box a:hover {
  background: #f2fbfd;
  border-color: #c7e3ea;
}

.pseudo-update-info-icon-area {
  width: 80px;
  min-width: 80px;
}

.pseudo-update-info-icon-area img {
  width: 100%;
}

.pseudo-update-info-text-area {
  width: 10px;
  flex-grow: 1;
  padding-left: 8px;
  font-size: 11px;
  color: #9da8b4;
}

.pseudo-update-info-title {
  display: block;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #c6d1dc;
  padding-bottom: 3px;
  margin-bottom: 5px;
}

.pseudo-update-info-subtitle {
  display: block;
}

.pseudo-new-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #f00;
  color: #FFF;
  padding: 4px 5px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  overflow: hidden;
}

.pseudo-new-icon:before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 5px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  animation: pseudo-kiran 1s infinite;
}

@keyframes pseudo-kiran {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0;
  }

  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.8;
  }

  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.6;
  }

  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2;
  }

  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

.pseudo-update-icon {
  position: absolute;
  top: -5px;
  left: -5px;
  background: #008b9e;
  color: #FFF;
  padding: 4px 5px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 1.8px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .pseudo-update-info-title {
    font-size: 14px;
  }
}

@media screen and (max-width : 376px) {
  .pseudo-update-info-box a {
    padding-right: 38px;
  }

  .pseudo-update-info-box a:after {
    right: 14px;
  }
}

/*--------------------------------------------------------
ガチャボタン並べる
-------------------------------------------------------*/
.gachaBtn-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px 0;
  margin: 20px 0;
}

body .gachaBtn-flex a {
  width: calc(50% - 5px);
  border: 1px solid #c0d8e2;
  border-radius: 4px;
  font-weight: bold;
  text-align: center;
  transition: 0.3s;
  box-sizing: border-box;
  padding: 8px 16px 8px 6px;
  font-size: 12px;
  color: #34a3d1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

body .gachaBtn-flex a:hover {
  color: #fff;
  background: #34a3d1;
  border-color: #34a3d1;
}

.gachaBtn-flex a:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  width: 7px;
  height: 7px;
  margin: auto;
  border-top: 2px solid #c0d8e2;
  border-right: 2px solid #c0d8e2;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.gachaBtn-flex a:hover:after {
  border-top-color: #fff;
  border-right-color: #fff;
}

/*--------------------------------------------------------
オーバーレイ用PRアイコン
-------------------------------------------------------*/
.adsPR-01-over a {
  position: relative;
  display: inline-block;
}

.adsPR-01-over a:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

.adsPR-02-over a {
  position: relative;
  display: inline-block;
}

.adsPR-02-over a:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

.adsPR-03-over a {
  position: relative;
  display: inline-block;
}

.adsPR-03-over a:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

.adsPR-04-over a {
  position: relative;
  display: inline-block;
}

.adsPR-04-over a:before {
  content: 'PR';
  color: #FFF;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 15px;
  line-height: 16px;
  font-size: 10px;
  text-align: center;
  background: rgb(94 94 94 / 80%);
  border-radius: 0px;
  letter-spacing: 1.5px;
}

/*--------------------------------------------------------
ダークモードボタン調整
-------------------------------------------------------*/
.darkMode-box {
  width: fit-content;
  right: 50%;
  left: auto;
  margin-left: 0;
  margin-right: -350px;
}

@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .darkMode-box {
    right: 80px;
    margin-right: 0;
  }
}

/*--------------------------------------------------------
Gナビバッジ
-------------------------------------------------------*/
.gNavi li a,
#gNavi_button ul li a {
  position: relative;
}

.gNavi li .badge-on:after,
#gNavi_button ul li .badge-on:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 3px;
  top: 3px;
  border-radius: 50%;
  background: #d83a5b;
}

.gNavi li .badge-on:after {
  width: 9px;
  height: 9px;
  right: 2px;
  top: 1px;
}

/*--------------------------------------------------------
attentionBoxもっと見るボタン
-------------------------------------------------------*/
#main #main-contents .post .attentionBox,
#mainCenter .post .attentionBox {
  /* padding-bottom: 25px; */
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}

#main #main-contents .post .attentionBox.acON,
#mainCenter .post .attentionBox.acON {
  padding-bottom: 12px;
}

.attentionBox dl *:nth-child(5)~* {
  display: none;
}

.attentionBox.acON dl *:nth-child(5)~* {
  display: block;
}

.attentionBox .more-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: 0 !important;
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1));
  padding: 0px 0 16px;
}

.attentionBox .more-btn a,
.attentionBox .more-close-btn a {
  background: #d88383;
  color: #fff;
  border-radius: 5px;
  width: 170px;
  display: block;
  padding: 2px 0;
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  cursor: pointer;
}

.attentionBox .more-close-btn {
  margin-bottom: 0px !important;
}

.attentionBox .more-btn a:hover,
.attentionBox .more-close-btn a:hover {
  opacity: 0.6;
}

.attentionBox.acON .more-btn {
  display: none;
}

/*--------------------------------------------------------
アルテマTOP 関連サイト紹介
-------------------------------------------------------*/
#mainCenter .altematop-kanrensite h2.kanrensite-midasi {
  background: none;
  color: #23254c;
  font-size: 24px;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in {
  background: #f7f7f7;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

#mainCenter h2.kanrensite-midasi {
  background: #FFF;
  width: 700px;
  margin: 30px auto 10px;
  color: #23254c;
  font-weight: bold;
  padding: 15px;
  line-height: 1;
  font-size: 24px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#mainCenter h2.kanrensite-midasi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%)translateX(-50%);
  margin: auto;
  width: 800px;
  height: 2px;
  background: #23254c;
  z-index: -1;
}

#mainCenter h2.kanrensite-midasi:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%)translateX(-50%);
  margin: auto;
  width: 520px;
  height: 30px;
  background: #FFF;
  z-index: -1;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  display: -webkit-flex;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl {
  width: 31%;
  background: #FFF;
  border: 1px solid #e3e8eb;
  text-align: center;
  margin: 0px;
  margin-top: 15px;
  margin-left: 15px;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl dt {
  position: relative;
  padding-top: 15px;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl dd {
  margin-bottom: 15px;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in dt a {
  display: block;
}

#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl dt img {
  width: 80%;
  display: block !important;
  margin: auto;
}

#mainCenter .altematop-kanrensite .kanrensite-text {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 14px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main-contents .altematop-kanrensite h2.kanrensite-midasi {
    background: #FFF !important;
    width: 300px !important;
    margin: 20px auto 5px !important;
    color: #23254c !important;
    font-weight: bold !important;
    padding: 15px !important;
    line-height: 1.4 !important;
    font-size: 18px !important;
    text-align: center !important;
    position: relative !important;
    z-index: 1 !important;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in {
    background: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  #main-contents .altematop-kanrensite h2.kanrensite-midasi:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    width: 500px;
    height: 2px;
    background: #23254c;
    z-index: -1;
  }

  #main-contents .altematop-kanrensite h2.kanrensite-midasi:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    width: 320px;
    height: 30px;
    background: #FFF;
    z-index: -1;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0px;
    display: -webkit-flex;
    justify-content: space-between;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in dl {
    width: 49%;
    background: #FFF;
    border: 1px solid #e3e8eb;
    text-align: center;
    margin: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in dl dt {
    position: relative;
    padding-top: 15px;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in dl dd {
    margin-bottom: 15px;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in dt a {
    display: block;
  }

  #main-contents .altematop-kanrensite .altematop-kanrensite-in dl dt img {
    width: 80%;
    display: block !important;
    margin: auto;
  }

  #main-contents .altematop-kanrensite .kanrensite-text {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 14px;
  }
}

/*------------------------------------------------------------
ジャック広告
-------------------------------------------------------------*/
.jackBtn-wrap .jackBtn01.jack-pr-icon:before,
.jackBtn-wrap .jackBtn02.jack-pr-icon:before {
  display: none;
}

.jackBtn-wrap .jackBtn01 {
  margin-right: -1100px;
}

.jackBtn-wrap .jackBtn02 {
  margin-left: -273px;
}

.jackBtn01 a img,
.jackBtn02 a img {
  width: 250px;
}

/*--------------------------------------------------------
検索結果（アルテマ内から検索）
-------------------------------------------------------*/
.pagesearchresults.pageUrlsearchresults- .search-result-box {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 20px !important;
}

.pagesearchresults.pageUrlsearchresults- .page-searchresults .search-result-box a {
  flex-wrap: wrap;
  position: relative;
  padding: 10px;
  min-height: 80px;
}

.pagesearchresults.pageUrlsearchresults- .page-searchresults .search-result-box .search-result-title {
  width: calc(100% - 90px);
  padding: 0 0 5px;
}

.pagesearchresults.pageUrlsearchresults- .page-searchresults .search-result-box .search-result-title:empty {
  display: none;
}

.pagesearchresults.pageUrlsearchresults- .search-result-box .search-result-txt {
  width: calc(100% - 90px) !important;
}

.pagesearchresults.pageUrlsearchresults- .page-searchresults .search-result-box .search-result-img {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.pagesearchresults.pageUrlsearchresults- .search_lastmod {
  margin-top: 10px;
  padding: 0;
  text-align: right;
}

.pagesearchresults.pageUrlsearchresults- .searchResultsCheckbox {
  margin-left: auto;
}

/*--------------------------------------------------------
追従
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #tuizyu-search .ninki-btn {
    line-height: 1.1;
    margin: 0 0 0 10px;
    width: auto;
    border: 0;
    display: block !important;
    flex-grow: 0;
  }

  #tuizyu-search .ninki-btn .s {
    font-size: 10px;
    transform: scale(0.8);
    transform-origin: center;
    display: block;
    margin: 0 auto;
    color: #3ba4cf;
    font-weight: bold;
    text-align: center;
  }

  #tuizyu-search .ninki-btn:before {
    content: '';
    display: block;
    width: 26px;
    height: 20px;
    background: url(/altema/uploads/2024/08/2024y08m20d_1213256511.png) no-repeat center top / 22px;
    margin: 0 auto;
  }

  .sp-ninki-modal {
    height: calc(100% - 48px);
    top: 48px !important;
  }
}

/*--------------------------------------------------------
ウィジェット調整
-------------------------------------------------------*/
.col3 #sidebar .widget-conts a[href="/giftcard"]~p[style="margin: 10px 0;"] {
  padding: 0 10px;
  line-height: 20px;
}

.col3 #sidebar .widget-conts a[href="/giftcard"]~a.gachaBtn[href="/giftcard"] {
  width: calc(100% - 20px);
  bottom: 10px;
  margin-top: 20px;
}

.col3 #sidebar #sidebar-66 p[style="margin: 10px 0;"],
#sidebar-66 p[style="margin: 10px 0;"] {
  padding: 0 10px;
  line-height: 20px;
}

.col3 #sidebar #sidebar-66 a.gachaBtn,
#sidebar-66 a.gachaBtn {
  width: calc(100% - 20px);
  bottom: 10px;
  margin-top: 15px;
}

.col2 #mainRight #sidebar-66 b,
.col3 #mainRight #sidebar-66 b {
  border: 0;
  background: #f2f4f6;
  line-height: 35px;
  padding: 0;
  margin: 0 0 0px;
  color: #444;
  font-weight: bold;
  border-top: 5px solid #014c6b;
  border-radius: 0;
  font-size: 14px;
  display: block;
}

.col2 #mainRight #sidebar-31,
.col2 #mainRight #sidebar-66,
.col3 #mainRight #sidebar-66 {
  padding: 0 0 1px;
}

/*--------------------------------------------------------
ダークモードボタン調整
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .drawer-menu-box .darkMode-box {
    top: 136px;
    right: 10px;
    left: auto;
    z-index: 2;
  }

  .darkMode .drawer-menu-box .darkMode-txt {
    color: #333;
  }
}

/*--------------------------------------------------------
ジャック広告調整
-------------------------------------------------------*/
#mainRight .new_koukokuwaku_wrapper .gn_sticky_ad {
  right: 50%;
  margin-right: -520px;
}

#sidebar .new_koukokuwaku_wrapper .gn_sticky_ad {
  right: 50%;
  margin-right: -510px;
}

/*--------------------------------------------------------
ウィジェット崩れ修正
-------------------------------------------------------*/
#sub-contents-in .widget-conts .koukoku_common_tag.ads_position_left_kouryaku_under {
  padding-bottom: 10px;
}

#sub-contents-in .widget-conts .koukoku_common_tag.ads_position_left_kouryaku_under .gachaBtn {
  width: 198px;
  padding: 11px 0;
  margin-bottom: 0;
}

#sub-contents-in .widget-conts .koukoku_common_tag.ads_position_left_kouryaku_under table .gachaBtn {
  border-bottom: 1px solid #34a3d1;
  padding: 8px 0;
  margin: 5px auto 10px;
}

#sub-contents-in .widget-conts .koukoku_common_tag.ads_position_left_kouryaku_under table {
  margin-top: 0;
}

/*------------------------------------------------------------
投票アンケート調整
-------------------------------------------------------------*/
div[id^="enqueteWrap"].enqueteWrap ul.tohyoForm2 li div.tohyoWrap {
  height: 41px;
}

div[id^="enqueteWrap"].enqueteWrap ul.tohyoForm2 div.tohyoWrap .tohyoTxt+span {
  top: 0 !important;
  line-height: 41px;
}

/*--------------------------------------------------------
header_link_area
-------------------------------------------------------*/
.headerInner {
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.headerInner #rogin {
  float: none;
}

#header_link_area {
  width: 10px;
  flex-grow: 1;
  margin-left: auto;
  margin-right: 250px;
  max-width: fit-content;
  padding-left: 10px;
}

#header_link_area a {
  line-height: 32px;
  background: #feffdc;
  box-shadow: 0 0 0 1px #e0ecc1;
  border-radius: 30px;
  color: #444;
  padding: 0 20px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  width: 100%;
}

#header_link_area a:hover {
  opacity: 0.6;
}

.headerlink_none #header_link_area a,
#header_link_area a:empty {
  display: none !important;
}

.darkMode-box {
  top: 12px;
}

.headerWrap {
  border-bottom: 0;
  padding-bottom: 0;
}

.headerlink_none .headerInner {
  display: block;
}

.headerlink_none .headerInner #rogin {
  float: right;
}

.headerlink_none .darkMode-box {
  top: 10px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #header_link_area {
    margin-right: 10px;
  }

  #header_link_area a {
    padding: 0 14px !important;
    line-height: 28px;
  }

  #header .logoSP {
    display: flex;
    align-items: center;
  }

  #header .logoSP .logo {
    margin-top: 0;
  }

  #header .logoSP #header_link_area {
    margin-right: 0;
  }

  #header .headerInner #header_link_area~ul li:last-child a:before {
    display: none;
  }

  .headerlink_none#header .logoSP {
    width: 100%;
  }

  .headerlink_none#header .logoSP .login-bt {
    margin-left: auto;
  }
}

/*------------------------------------------------------------
画像モーダルボタン
-------------------------------------------------------------*/
.imgExpansion.text-btn {
  display: inline-block;
  border-radius: 4px;
  padding: 0 6px;
  color: #5a99fd;
  vertical-align: middle;
  line-height: 1.6;
  font-size: 11px;
  border: 1px solid #5a99fd;
}

.imgExpansion.text-btn:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #5a99fd;
  border-right: 0;
  margin-right: 2px;
}

body .imgExpansion.text-btn img {
  display: none;
}

/*--------------------------------------------------------
アフィリエイトのCTA
-------------------------------------------------------*/
.PRkoukoku th {
  background: #2475ca !important;
  color: #fff;
  border: 1px solid #2475ca !important;
}

#main #main-contents .post .PRkoukoku td {
  border-right: 1px solid #2475ca;
  border-bottom: 1px solid #2475ca;
}

#main-contents .PRkoukoku .osusume-user_box li {
  border-bottom: 1px dotted #ccc;
  margin: 3px 0;
  line-height: normal;
  width: 100%;
  padding: 6px 0px !important;
  font-size: 13px !important;
  padding-left: 23px !important;
}

.PRkoukoku {
  border: 1px solid #2475ca !important;
}

#main-contents .post table.PRkoukoku img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

#main #main-contents .post table.PRkoukoku td p {
  margin-bottom: 0px;
}

#main #main-contents .post table.PRkoukoku td p.lead {
  margin: 10px 0;
}

#main-contents .PRkoukoku .osusume-user_box .midasi p {
  margin-bottom: 0px !important;
  font-size: 14px !important;
}

#main-contents .PRkoukoku .osusume-user_box .midasi p:before,
#main-contents .PRkoukoku .osusume-user_box .midasi p:after {
  position: absolute;
  top: 48%;
  width: 4rem;
  height: 1px;
  background-color: #ff417c;
  content: '';
}

#main-contents .PRkoukoku .osusume-user_box .midasi p:before {
  left: 20px;
}

#main-contents .PRkoukoku .osusume-user_box .midasi p:after {
  right: 20px;
}

.PRkoukoku .cta-link-button02 {
  background: #25a4d9 !important;
  box-shadow: 0px 5px #1f779c;
}

.PRkoukoku .osusume-user_box {
  padding: 20px 0px 5px 0px;
  box-shadow: none;
  margin: 40px;
  position: relative;
  border-radius: 10px;
  margin: 30px auto 5px auto;
  width: calc(90% - 8px);
}

.PRkoukoku .micro-copy\= {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: -6px;
  font-size: 12px;
  color: #ff6600 !important;
}

.osusume-user_box li:before {
  width: 8px;
  height: 8px;
}

.PRkoukoku .lead {
  font-size: 11px !important;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .PRkoukoku .osusume-user_box {
    padding: 20px 0px 5px 0px;
    box-shadow: none;
    margin: 40px;
    position: relative;
    border-radius: 10px;
    margin: 30px auto 5px auto;
    width: calc(90% - 8px);
  }

  #main-contents .PRkoukoku .osusume-user_box .midasi p:before {
    left: 0px;
  }

  #main-contents .PRkoukoku .osusume-user_box .midasi p:after {
    right: 0px;
  }

  #main-contents .PRkoukoku .osusume-user_box .midasi p:after {
    width: 3rem;
  }

  #main-contents .PRkoukoku .osusume-user_box .midasi p:before {
    width: 3rem;
  }
}

@media only screen and (max-width : 375px) {
  #main-contents .PRkoukoku .osusume-user_box .midasi p:after {
    width: 2rem;
  }

  #main-contents .PRkoukoku .osusume-user_box .midasi p:before {
    width: 2rem;
  }
}

/*------------------------------------------------------------
目次上CTA
-------------------------------------------------------------*/
.mokuziue-cta {
  background: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border: 1px solid #2475ca;
}

.mokuziue-cta .cta-head {
  color: #fff;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 20px;
  background: #2475ca !important;
  font-weight: bold;
}

.mokuziue-cta .flex {
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin-bottom: 10px;
}

#main-contents .mokuziue-cta .icon {
  width: 70px;
}

.mokuziue-cta .icon img {
  width: 100%;
  border-radius: 10px;
}

.mokuziue-cta .flex ul {
  width: calc(100% - 80px);
  margin-left: auto !important;
}

.mokuziue-cta .flex li {
  background: none !important;
  border-bottom: 1px dotted #ccc;
  margin: 3px 0;
  line-height: normal;
  width: 100%;
  padding: 4px 0px !important;
  font-size: 13px !important;
  font-weight: bold;
}

.mokuziue-cta .cta-btn {
  background: #25a4d9 !important;
  box-shadow: 0px 5px #1f779c;
  width: 90%;
  font-size: 110%;
  display: block;
  margin: 10px auto 15px auto;
  padding: 11px 13px;
  border: 0;
  color: #FFF !important;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  transition: 0.3s;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  line-height: 1.5;
  text-decoration: none !important;
}

.mokuziue-cta .cta-btn a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 13px;
}

.mokuziue-cta .cta-btn:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  color: #fff !important;
  font-size: 20px;
  display: block;
  background: url(/altema/uploads/2021/12/2021y12m23d_1849344464.png) center no-repeat rgba(255, 255, 255, 0);
  background-size: 15px;
  -webkit-animation-name: Arrows;
  animation-name: Arrows;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*------------------------------------------------------------
list-normal調整
-------------------------------------------------------------*/
.post .list-normal,
#main-contents .post .list-normal {
  padding: 0 10px !important;
}

.post .list-normal li,
.post .list-normal li:first-child,
.post .list-normal li:last-child {
  padding: 9px 0 9px 20px !important;
  margin: 0 !important;
}

.post .list-normal li:before {
  bottom: 1px;
}

/*------------------------------------------------------------
ラインボタン
-------------------------------------------------------------*/
.lineBtn {
  background: #00b900;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  box-shadow: 0px 2px 0px 0px rgb(4 145 4);
}

.lineBtn:hover {
  background: #00b900 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 5px !important;
  box-shadow: 0px 2px 0px 0px rgb(4 145 4);
  opacity: 0.7;
}

.line-Btn {
  background: #06c655 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px !important;
  width: 350px !important;
  box-shadow: 0px 5px 0px 0px rgb(4 145 4);
  margin: 0 auto !important;
  font-size: 18px !important;
  padding: 18px 0px !important;
  margin-bottom: 25px !important;
}

.line-Btn:hover {
  background: #06c655 !important;
  color: #fff !important;
  border: none !important;
  opacity: 0.7;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .line-Btn {
    background: #06c655 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    width: 100% !important;
    box-shadow: 0px 5px 0px 0px rgb(4 145 4);
    margin: 0 auto !important;
    font-size: 18px !important;
    padding: 18px 0px !important;
    margin-bottom: 25px !important;
  }

  .line-Btn:hover {
    background: #06c655 !important;
    color: #fff !important;
    border: none !important;
    opacity: 0.7;
  }
}

/*--------------------------------------------------------
アルテマ攻略ページ ヘッダー調整
-------------------------------------------------------*/
#header .headerInner {
  height: 46px;
  vertical-align: middle;
  padding: 0px 0;
  align-items: center;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}

#header .headerInner a img {
  width: 111px;
  height: auto;
}

#header .headerInner .altema-career {
  background: #ffffff;
  border-radius: 50px;
  border: 1px solid #34a3d1;
  font-size: 12px;
  margin-left: auto;
  margin-right: 250px;
  position: relative;
  box-shadow: 0px 01px 0px 0px rgb(52 163 209);
}

#header .headerInner .altema-career a {
  color: #34a3d1;
  font-weight: bold;
  vertical-align: bottom;
  padding: 4px 28px 4px 11px;
  display: inline-block;
}

#header .headerInner ul li {
  font-weight: bold;
}

#header .headerInner ul li:last-child a:before {
  content: none;
}

#header .headerInner .altema-career:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  vertical-align: middle;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 9999;
}

#header .headerInner .altema-career:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 7px;
  width: 12px;
  height: 12px;
  border: 1px solid #34a3d1;
  border-radius: 52px;
  background: #34a3d1;
}

#header .headerInner .altema-career:hover {
  background: #34a3d1;
  border-radius: 50px;
  border: 1px solid #34a3d1;
  font-size: 12px;
  margin-left: auto;
  margin-right: 250px;
  position: relative;
  color: #fff !important;
  box-shadow: 0px 1px 0px 0px rgb(52 163 209);
}

#header .headerInner .altema-career a:hover {
  color: #fff !important;
  font-weight: bold;
  vertical-align: bottom;
  width: 100%;
  display: inline-block;
}

/*--------------------------------------------------------
直下br消す
-------------------------------------------------------*/
.brnone+br {
  display: none;
}

.brnone+noscript+br {
  display: none;
}

/*------------------------------------------------------------
tab 4列
-------------------------------------------------------------*/
.tab-4colum .common-tab {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  text-align: center;
  flex-wrap: wrap;
  background: #545454;
}

.tab-4colum .common-tab li {
  font-size: 13px;
  font-weight: bold;
  width: 25%;
  -ms-flex-positive: 2;
  flex-grow: 0;
  margin-bottom: 1px !important;
  line-height: normal !important;
  border-bottom: 0px solid #1298d6;
  font-size: 11px;
}

.tab-4colum .common-tab li a {
  color: #fff;
  background: #bbb;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  border-radius: 0px 0px 0 0;
  border-right: 2px solid #999;
  box-sizing: border-box;
  -webkit-transition: ease .2s opacity;
  transition: ease .2s opacity;
}

.tab-4colum .common-tab li.tabactive a {
  background: #1298d6;
  border-color: #1b76a0;
  opacity: 1;
}

.tab-4colum .common-tab li a:hover {
  color: #fff;
  background: #1298d6;
  padding: 7px 0;
  display: block;
  cursor: pointer;
  border-radius: 0px 0px 0 0;
  opacity: 0.7;
  border-right: 2px solid #1b76a0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .tab-4colum .common-tab li {
    font-size: 13px;
    font-weight: bold;
    width: 33.3%;
    -ms-flex-positive: 2;
    flex-grow: 0;
    margin-bottom: 1px !important;
    line-height: normal !important;
    border-bottom: 0px solid #1298d6;
    font-size: 11px;
  }
}

/*------------------------------------------------------------
table border
-------------------------------------------------------------*/
.border-type1 {
  border: 1px solid #172c51 !important;
}

.border-type1 th,
.border-type1 td {
  border-right: 1px solid #172c51 !important;
  border-bottom: 1px solid #172c51 !important;
}

.border-type2 {
  border: 2px solid #c0c9d0 !important;
}

.border-type2 th,
.border-type2 td {
  border-right: 2px solid #c0c9d0 !important;
  border-bottom: 2px solid #c0c9d0 !important;
}

.border-type3 {
  border: 2px solid #172c51 !important;
}

.border-type3 th,
.border-type3 td {
  border-right: 2px solid #172c51 !important;
  border-bottom: 2px solid #172c51 !important;
}

/*------------------------------------------------------------
追加ウィジェット
-------------------------------------------------------------*/
.tuika-widget p {
  padding: 0 10px !important;
  line-height: 20px;
  margin: 10px 0px 25px 0px;
}

.tuika-widget p span {
  color: #d65858 !important;
}

/*------------------------------------------------------------
CTA
-------------------------------------------------------------*/
.cta-wrap {
  background: #f0fbff;
  padding-bottom: 26px;
  margin-bottom: 30px;
}

.cta-wrap .title {
  background: #caf1ff;
  color: #333;
  font-weight: bold;
  padding: 11px 10px 10px;
  font-size: 16px;
  margin-bottom: 16px;
  text-align: center;
}

.cta-wrap .img {
  text-align: center;
  margin-bottom: 16px;
}

.cta-wrap .img a {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.cta-wrap .img a:hover,
.cta-wrap .btn-wrap a:hover {
  opacity: 0.6;
}

.cta-wrap .img img {
  width: 100%;
}

.cta-wrap p {
  padding: 0 26px !important;
}

.cta-wrap .b-red {
  color: #dd3838;
}

.cta-wrap .btn-wrap {
  text-align: center;
}

.cta-wrap .btn-wrap a {
  display: block;
  width: 400px;
  margin: 3px auto 0;
  background: #da3d4a;
  position: relative;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 5px 0 #a83039;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  max-width: calc(100% - 52px);
  line-height: 1.6;
  padding: 10px 40px;
  box-sizing: border-box;
}

.cta-wrap .btn-wrap a:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  background: url(/altema/uploads/2024/12/2024y12m04d_1840402506.png) no-repeat center / 15px #fff;
  border-radius: 50%;
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 391px) {
  .cta-wrap .btn-wrap a {
    font-size: 15px;
  }
}

@media screen and (max-width: 376px) {
  .cta-wrap .btn-wrap a {
    font-size: 14px;
  }
}

/*--------------------------------------------------------
マイページ　サインイン画面修正
-------------------------------------------------------*/
#mainCenter .contactWrap>section h2 {
  border-right: 0;
  border-radius: 0;
}

#mainCenter .contactWrap>section h2:before {
  display: none;
}

/*--------------------------------------------------------
プレゼントガチャ　結果
-------------------------------------------------------*/
#altema_present .present_atari {
  padding-top: 16px;
  padding-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: url(/altema/uploads/2024/12/2024y12m20d_1618564313.jpg) no-repeat center / cover;
}

#altema_present .present_atari .img {
  width: 74%;
  margin: 0 auto 8px;
}

#altema_present .present_atari .img img {
  width: 100%;
}

#altema_present .present_atari .text {
  position: relative;
  background: #fff;
  width: 76%;
  margin: 0 auto;
  border-radius: 3px;
  border: 3px solid #ea4a28;
  padding: 18px 0;
  box-shadow: 0 7px 8px 0 rgb(0 0 0 / 30%);
}

#altema_present .present_atari .text p:nth-of-type(1) {
  color: #e94929;
  font-weight: bold;
  font-size: 15px;
  margin: 25px 10px 20px 10px;
  line-height: 1;
}

#altema_present .present_atari .text p:nth-of-type(2) {
  width: max-content;
  color: #171717;
  font-weight: bold;
  font-size: 21px;
  margin: 0 auto 10px;
  line-height: 1;
  background: #fef9b7;
  padding: 8px 16px;
}

#altema_present .present_atari .text p:nth-of-type(3) {
  color: #555555;
  font-size: 12px;
  margin: 20px;
}

#altema_present .present_atari .b {
  font-size: 18px;
  color: #56b3da;
}

#altema_present .present_aikotoba_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  margin: 0;
  padding-top: 6px;
}

#altema_present .present_aikotoba_area span {
  font-weight: bold;
}

#altema_present .present_aikotoba_copy {
  display: inline-block;
  font-weight: normal;
  background: #ef6718;
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 10px;
}

#altema_present .present_hazure {
  text-align: center;
}

#altema_present .present_hazure p:first-child {
  color: #165ee1;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-bottom: 16px;
  margin-top: 16px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #altema_present .present_hazure p:first-child {
    font-size: 24px;
    margin-bottom: 14px;
    margin-top: 14px;
  }

  #altema_present .present_atari .text p:nth-of-type(1) {
    font-size: 14px !important;
    margin-top: 16px;
  }

  #altema_present .present_atari .text p:nth-of-type(2) {
    font-size: 18px !important;
    margin-bottom: 0px !important;
  }

  #altema_present .present_atari .text p:nth-of-type(3) {
    margin-top: 17px !important;
  }
}

@media screen and (max-width : 414px) {
  #altema_present .present_atari {
    padding-bottom: 32px;
  }
}

@media screen and (max-width : 391px) {
  #altema_present .present_atari .text {
    padding: 14px 0;
  }

  #altema_present .present_atari .text p:nth-of-type(1) {
    font-size: 19px;
    margin-bottom: 8px;
  }

  #altema_present .present_atari .text p:nth-of-type(2) {
    margin-bottom: 8px;
  }

  #altema_present .present_atari .text p:nth-of-type(3) {
    font-size: 11px;
  }

  #altema_present .present_atari .text:before {
    left: -174px;
  }

  #altema_present .present_atari .text:after {
    right: -166px;
    top: 38px;
  }
}

@media screen and (max-width : 360px) {
  #altema_present .present_atari .text p:nth-of-type(1) {
    font-size: 13px !important;
    margin-top: 16px;
  }
}

/*--------------------------------------------------------
プレゼントガチャ　ボタン
-------------------------------------------------------*/
#altema_present #present-btn-area {
  background: #fdf1c7;
  text-align: center;
  font-weight: bold;
  padding: 16px 0 26px;
  margin-bottom: 20px;
}

#altema_present #present-btn-area span {
  color: #cc0000;
  display: inline-block;
  position: relative;
  font-size: 15px;
}

#altema_present #present-btn-area span:before {
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
  border-left: 3px solid #cc0000;
  transform: rotate(-30deg);
  background: none;
}

#altema_present #present-btn-area span:after {
  border-right: 3px solid #cc0000;
  transform: rotate(30deg);
  content: "";
  width: 16px;
  height: 18px;
  display: inline-block;
  background: none;
}

#altema_present #present-btn-area a {
  display: block;
  width: 80%;
  margin: 4px auto 0;
  background: #f78322;
  box-shadow: 0px 5px #d96626;
  font-weight: bold;
  cursor: pointer;
  color: #fff;
  transition: 0.3s;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  height: 56px;
  line-height: 56px;
  font-size: 20px;
}

#altema_present #present-btn-area a:hover {
  opacity: 0.6;
}

#altema_present #present-btn-area a:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 2px;
  bottom: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  display: block;
  background: url(/altema/uploads/2024/12/2024y12m20d_1635110254.png) center no-repeat rgba(255, 255, 255, 0);
  background-size: 13px;
  -webkit-animation-name: Arrows;
  animation-name: Arrows;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes Arrows {
  0% {
    opacity: 0;
    transform: translate(-30px, 0)
  }

  50% {
    opacity: 1;
    transform: translate(-10px, 0)
  }

  to {
    opacity: 0;
    transform: translate(0, 0)
  }
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #altema_present #present-btn-area a {
    width: 90%;
  }
}

@media screen and (max-width : 361px) {
  #altema_present #present-btn-area {
    padding: 12px 0 22px;
    margin-bottom: 18px;
  }

  #altema_present #present-btn-area span {
    font-size: 14px;
  }

  #altema_present #present-btn-area span:before,
  #present-btn-area span:after {
    width: 14px;
    height: 17px;
  }

  #altema_present #present-btn-area a {
    height: 52px;
    line-height: 52px;
    font-size: 18px;
  }
}

/*------------------------------------------------------------
ウィジェット　おすすめニュース調整
-------------------------------------------------------------*/
.widget-gameSearch-in {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px 7px;
  margin-top: 7px !important;
}

div.widget-gameSearch ul.widget-gameSearch-in li {
  padding: 0 !important;
}

div.widget-gameSearch ul.widget-gameSearch-in li a {
  display: block !important;
  position: relative;
}

.widget-gameSearch-in .img {
  position: static;
}

.widget-gameSearch-in .img img {
  height: 80px;
  object-fit: cover;
}

.widget-gameSearch-in .text {
  width: 100%;
  background: #222;
  color: #fff;
  padding: 5px;
  display: block;
}

.widget-gameSearch-in .text span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.2;
  font-size: 12px;
}

.widget-gameSearch .pr-icon {
  background: #000;
  padding: 1px 3px 1px 5px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .widget-gameSearch-in .text-in {
    background: #222;
    color: #fff;
    padding: 6px;
    display: block;
  }

  .widget-gameSearch-in .text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    font-size: 12px;
    padding: 6px 0px 3px 0px;
  }
}

/*--------------------------------------------------------
ドロワー調整
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .drawer-menu-box #siteTopSearch.search-form_inputXX form {
    align-items: center;
  }

  .drawer-menu-box .search-form_inputXX input.css-button {
    padding-left: 0;
  }
}

/*--------------------------------------------------------
TOP SP 検索調整
-------------------------------------------------------*/
#siteTopSearch.search-form_inputXX .css-button {
  padding-left: 0;
}

/*--------------------------------------------------------
光沢タグ
-------------------------------------------------------*/
.tag-new-koutaku {
  display: inline-block;
  width: 30px;
  background: #ef0c0c;
  color: #FFF;
  border-radius: 2px;
  font-size: 10px;
  margin-right: 7px;
  position: relative;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.tag-kousin-koutaku {
  display: inline-block;
  width: 30px;
  background: #008b9e;
  color: #FFF;
  border-radius: 2px;
  font-size: 10px;
  margin-right: 7px;
  position: relative;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.tag-new-koutaku:before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  top: -100px;
  left: 0;
  width: 5px;
  height: 100%;
  opacity: 0;
  transition: cubic-bezier(0.32, 0, 0.67, 0);
  animation: kiran 1s infinite;
}

/*--------------------------------------------------------
オリパ5選
-------------------------------------------------------*/
.btn-midasi-yohaku:before {
  left: -13px;
  transform: rotate(-35deg);
}

.btn-midasi-yohaku:after {
  right: -13px;
  transform: rotate(35deg);
}

.btn-midasi-yohaku:before,
.btn-midasi-yohaku:after {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  bottom: -2px;
  background: #ff2576;
}

.olipa5sen {
  background: #dbe4ed;
  padding: 15px 10px 10px;
  margin-bottom: 20px;
}

.olipa5sen .libon {
  width: fit-content;
  position: relative;
  margin: 0 auto 16px;
  z-index: 1;
}

.olipa5sen .text {
  display: inline-block;
  line-height: 34px;
  padding: 0 22px;
  background: #d73d3d;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}

.olipa5sen .libon:before,
.olipa5sen .libon:after {
  content: '';
  display: block;
  border: 17px solid #be393a;
  position: absolute;
  bottom: -6px;
  z-index: -2;
}

.olipa5sen .libon:before {
  border-left-width: 12px;
  border-left-color: transparent;
  left: -20px;
}

.olipa5sen .libon:after {
  border-right-width: 12px;
  border-right-color: transparent;
  right: -20px;
}

.olipa5sen .text:before,
.olipa5sen .text:after {
  content: '';
  display: block;
  border-bottom: solid 6px transparent;
  position: absolute;
  top: 100%;
}

.olipa5sen .text:before {
  border-right: solid 10px #943a3a;
  left: 0;
}

.olipa5sen .text:after {
  border-left: solid 10px #943a3a;
  right: 0;
}

.olipa5sen .olipa {
  border-collapse: separate;
  border: 0 !important;
}

.olipa5sen .olipa th {
  background: #4c4c4c !important;
  color: #fff;
  border-bottom: 0 !important;
  border-color: #3d3d3d !important;
}

.olipa5sen .olipa th:first-child {
  border-radius: 6px 0 0 0;
  font-size: 15px;
}

.olipa5sen .olipa th:last-child {
  border-radius: 0 6px 0 0;
  border-right: 0 !important;
  font-size: 15px;
}

.olipa5sen .olipa td {
  background: #fff;
  border-color: #ebebeb !important;
}

.olipa5sen .olipa td:first-child {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.olipa5sen .olipa td:last-child {
  border-right: 0 !important;
}

.olipa5sen .olipa tr:last-child td {
  border-bottom: 0 !important;
}

.olipa5sen .olipa tr:last-child td:first-child {
  border-radius: 0 0 0 6px;
}

.olipa5sen .olipa tr:last-child td:last-child {
  border-radius: 0 0 6px 0;
}

.olipa5sen td p:last-child {
  margin-bottom: 0 !important;
}

.olipa5sen .acMenu dd {
  background: #fff;
  border-bottom: 0 !important;
  padding: 0 10px;
}

.olipa5sen .acMenu dt.active+dd {
  padding: 10px;
}

.olipa5sen .acMenu dd table {
  margin-bottom: 10px !important;
}

.olipa5sen .acMenu dd p:last-child,
.olipa5sen .acMenu dd .gachaBtn {
  margin: 0 !important;
}

@media screen and (max-width : 391px) {
  .olipa5sen .text {
    padding: 0 16px;
  }

  .olipa5sen .libon:before {
    left: -14px;
    border-right-width: 13px;
    border-left-width: 10px;
  }

  .olipa5sen .libon:after {
    right: -14px;
    border-left-width: 13px;
    border-right-width: 10px;
  }
}

@media screen and (max-width : 376px) {
  .olipa5sen .text {
    padding: 0 12px;
  }
}

@media screen and (max-width : 361px) {
  .olipa5sen .text {
    font-size: 13px;
  }
}

.olipa .gachaBtn {
  border: 0;
  box-shadow: 0 4px 0 #1f779c;
  background: #25a4d9 !important;
  color: #fff !important;
  padding: 10px 0;
  border-radius: 5px;
  font-size: 16px;
  width: 90%;
}

.olipa .gachaBtn:hover {
  opacity: 0.6;
}

.olipa .btn-midasi-yohaku {
  text-align: center;
  display: block;
  color: #ff0260;
  margin-bottom: 2px;
  margin-top: 9px;
  font-weight: bold;
  font-size: 14px;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 6px !important;
  margin-top: 14px !important;
  line-height: 1;
}

table.olipa p.lead {
  font-size: 10px;
  margin-top: 5px;
  font-size: 12px;
}

.olipa .olipa-text {
  display: block;
  font-size: 15px;
  line-height: 30px;
  margin-left: 47px;
}

.olipa {
  margin-bottom: 0px !important;
}

.olipa5sen .olipa img {
  border-radius: 18px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .olipa .olipa-text {
    font-size: 12px;
    line-height: 25px;
    margin-left: 0px;
  }

  .olipa tbody tr:nth-child(1) th:nth-child(1) {
    width: 30% !important;
  }

  .olipa th {
    font-size: 12px !important;
  }

  .olipa .btn-midasi-yohaku {
    font-size: 12px;
  }

  .olipa5sen .text {
    font-size: 14px;
  }

  .olipa .gachaBtn {
    font-size: 13px;
    width: 97%;
  }

  table.olipa p.lead {
    font-size: 10px;
  }

  .olipa5sen .acMenu dt {
    font-size: 13px;
  }
}

@media only screen and (max-width : 393px) {
  .olipa .olipa-text {
    font-size: 11.5px;
    line-height: 25px;
  }

  .olipa th {
    font-size: 11px !important;
  }

  .olipa .btn-midasi-yohaku {
    font-size: 11px;
  }

  .olipa5sen .text {
    font-size: 14px;
  }

  .olipa .gachaBtn {
    font-size: 12px;
  }

  table.olipa p.lead {
    font-size: 10px;
  }

  .olipa5sen .acMenu dt {
    font-size: 13px;
  }
}

@media only screen and (max-width : 360px) {
  .olipa .olipa-text {
    font-size: 11px;
  }
}

/*--------------------------------------------------------
マイクロコピー
-------------------------------------------------------*/
.PRkoukoku .micro-copy {
  display: block;
  width: fit-content;
  margin: 0 auto;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  color: #fc7500;
}

.PRkoukoku .micro-copy:before,
.PRkoukoku .micro-copy:after {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  bottom: -2px;
  background: #fc7500;
}

.PRkoukoku .micro-copy:before {
  left: -13px;
  transform: rotate(-35deg);
}

.PRkoukoku .micro-copy:after {
  right: -13px;
  transform: rotate(35deg);
}

.PRkoukoku .btn-midasi-yohaku {
  isplay: block;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 6px !important;
  margin-top: 14px !important;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  color: #ff2576;
}

.PRkoukoku .btn-midasi-yohaku:before,
.PRkoukoku .btn-midasi-yohaku:after {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  bottom: -2px;
  background: #ff2576;
}

.PRkoukoku .btn-midasi-yohaku:before {
  left: -13px;
  transform: rotate(-35deg);
}

.PRkoukoku .btn-midasi-yohaku:after {
  right: -13px;
  transform: rotate(35deg);
}

@media only screen and (max-width : 414px) {

  .PRkoukoku .btn-midasi-yohaku:before,
  .PRkoukoku .btn-midasi-yohaku:after {
    content: unset;
  }
}

/*---------------------------
リンク追従
---------------------------*/
@media only screen and (orientation: landscape) and (max-width: 813px),
(orientation: portrait) and (max-width: 753px) {
  .link-fixed {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 10000000;
  }

  .link-fixed img {
    width: 150px;
  }

  .link-fixed.apple img {
    width: 140px;
  }

  body:has(#tuizyu-search) .link-fixed {
    top: 60px;
  }
}

/*------------------------------------------------------------
gachaBtn 動く矢印付与
-------------------------------------------------------------*/
#main .gachaBtn:after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(/altema/images/icon-yazirusi3.png) no-repeat center / 100% 100%;
  top: 1px;
  right: 15px;
  bottom: 0;
  margin: auto;
  position: absolute;
  animation: cvbtscroll 1.5s infinite;
  width: 14px;
  height: 14px;
}

@keyframes cvbtscroll {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }

  80% {
    transform: rotate(0deg) translate(15px, 0px);
  }

  0%,
  80%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

#main .gachaBtn:hover::after {
  background: url(/altema/images/icon-yazirusi2.png) no-repeat center / 100% 100%;
}

#main .gachaBtn:before {
  content: '';
  margin-right: 4px;
}

/*------------------------------------------------------------
広告調整
-------------------------------------------------------------*/
.jackBtn01 a img,
.jackBtn02 a img {
  width: 300px;
}

.jackBtn-wrap .jackBtn01 {
  margin-right: -1009px;
  z-index: 0;
}

.jackBtn-wrap .jackBtn02 {
  margin-left: -181px;
  z-index: 0;
}

/*---
.jackBtn-wrap .jackBtn01 {
margin-right: -1150px;
z-index: 0;
}
.jackBtn-wrap .jackBtn02 {
margin-left: -325px;
z-index: 0;
}
---*/
/*------------------------------------------------------------
レビュー記事　ストアーボタン表示
-------------------------------------------------------------*/
.review-page a.link-fixed {
  display: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .review-page a.link-fixed {
    display: block;
  }
}

/*------------------------------------------------------------
拡大ボタン
-------------------------------------------------------------*/
.imgExpansion.ver2 {
  border: 1px solid #5a99fd;
  margin: 10px 0;
  padding: 5px 30px 5px 5px;
}

.imgExpansion.ver2:last-child {
  margin-bottom: 5px;
}

.imgExpansion.ver2 .img_kakudai {
  height: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
}

.imgExpansion.ver2 .img_kakudai:before {
  margin: 0;
  width: 16px;
  height: 16px;
  left: 1px;
}

.imgExpansion.ver2 .img_kakudai:after {
  display: none;
}

/*------------------------------------------------------------
投票デザイン
-------------------------------------------------------------*/
#enquete_1 .yes_bar {
  background-color: #cd4e42 !important;
}

#main #main-contents .post #enquete_1 tr:nth-child(1) td {
  padding: 15px 15px 10px 15px;
  line-height: 17px;
}

#main #main-contents .post #enquete_1 tr:nth-child(1) td:nth-child(1) span {
  color: #d33829;
  font-weight: bold;
}

#main #main-contents .post #enquete_1 tr:nth-child(1) td:nth-child(2) span {
  color: #335dbb;
  font-weight: bold;
}

#main #main-contents .post #enquete_1 tr:nth-child(1) td:nth-child(1) span.yes_hyo,
#main #main-contents .post #enquete_1 tr:nth-child(1) td:nth-child(2) span.no_hyo {
  color: #444;
  font-weight: unset;
}

#enquete_1 tr:nth-child(2) div {
  width: 95%;
  margin: 0 auto;
}

#enquete_1 td {
  border: 0px solid !important;
  border-right: 0px solid #c0c9d0 !important;
  border-bottom: 0px solid #c0c9d0 !important;
}

#enquete_1 .no_bar {
  background-color: #416ed2 !important;
}

#enquete_1 .iine.yes_button {
  background-color: #e15042 !important;
  box-shadow: 0px 3px 0px 0px rgb(176 56 45);
}

#enquete_1 .iine.no_button {
  background-color: #416ed2 !important;
  box-shadow: 0px 3px 0px 0px rgb(48 75 135);
}

#enquete_1 .iine.no_button:hover,
#enquete_1 .iine.yes_button:hover {
  opacity: 0.7;
}

#enquete_1 .iine.yes_button,
#enquete_1 .iine.no_button,
#enquete_1 .iinegray {
  width: 40%;
  line-height: 20px;
  padding: 3px 0px;
}

.iineWrap {
  margin-top: 7px;
  margin-bottom: 5px;
}

.comment-box.result-table #comment_1277 .comment-txt-r .tag-icon {
  padding: 3px 6px;
  border-radius: 3px;
}

.comment-box.result-table .comment-icon {
  line-height: 20px !important;
}

/*-----追加色変えボタン　青-----*/
#main-contents .post .gachaBtn,
#main-contents .post .gachaBtn02 {
  border: 1px solid #4670ed;
  border-radius: 4px;
  color: #4670ed;
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  margin: 20px 0;
  padding: 15px 20px;
  font-size: 14px;
  position: relative;
}

#main-contents .post .gachaBtn:hover,
#mainCenter .post .gachaBtn:hover,
#main-contents .post .gachaBtn02:hover,
#mainCenter .post .gachaBtn02:hover {
  color: #fff;
}

#main-contents .post table .gachaBtn,
#mainCenter .post table .gachaBtn,
#main-contents .post table .gachaBtn02,
#mainCenter .post table .gachaBtn02 {
  border: 1px solid #4670ed;
  border-radius: 4px;
  color: #4670ed;
  display: block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  margin: 10px 0;
  padding: 6px 10px 5px;
  font-size: 13px;
  background: none;
}

#main-contents .post .gachaBtn:hover,
#mainCenter .post .gachaBtn:hover,
#main-contents .post .gachaBtn02:hover,
#mainCenter .post .gachaBtn02:hover {
  background: #4670ed;
}

#main .gachaBtn:after,
#main .gachaBtn02:after {
  content: "";
  width: 12px;
  height: 12px;
  background: url(/altema/images/icon-yazirusi6.png) no-repeat center / 100% 100%;
  top: 1px;
  right: 15px;
  bottom: 0;
  margin: auto;
  position: absolute;
  animation: cvbtscroll 1.5s infinite;
  width: 14px;
  height: 14px;
}

table.PRrank-icon2 td .osusumerank-dlbt a {
  background: #4670ed;
  box-shadow: 0 2px 0 #3a5dc8;
}

body.home .gachaBtn {
  border: 1px solid #4670ed;
  color: #4670ed;
}

body.home .gachaBtn:hover,
body.home .gachaBtn02:hover {
  color: #fff;
  background: #4670ed;
}

#main .gachaBtn,
#main .gachaBtn02,
#main .btn01 {
  border: 1px solid #4670ed;
  border-radius: 2px;
  color: #4670ed;
  display: block;
  font-weight: bold;
  padding: 11px 0;
  text-align: center;
  width: 99%;
  margin: 0 auto;
  transition: 0.3s;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.olipa .gachaBtn {
  border: 0;
  box-shadow: 0 4px 0 #3a5dc8;
  background: #4670ed !important;
  color: #fff !important;
  padding: 10px 0;
  border-radius: 5px;
  font-size: 16px;
  width: 90%;
}

#main .gachaBtn:hover,
#main .gachaBtn02:hover,
#main .btn01:hover {
  color: #fff;
  background: #4670ed;
}

#main .sougou-hyouka td a.gachaBtn {
  border: initial;
  border-radius: 50px;
  background: #4670ed !important;
  color: #fff;
  padding: 3px 8px;
  text-align: center;
  box-sizing: initial;
  margin: initial;
  display: inline-block;
  float: initial !important;
  margin-left: 8px;
  vertical-align: middle;
  width: 177px !important;
}

#main .sougoumatome {
  margin-bottom: 10px;
}

#main .sougou-hyouka td a.gachaBtn:after {
  background: url(/altema/images/icon-yazirusi2.png) no-repeat center / 80% 80% !important;
  top: 0px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  #main .sougou-hyouka td a.gachaBtn {
    margin: 5px 0px 3px 0px !important;
  }
}

/*-------------------------------------------------------
ブログ記事　デザイン
-------------------------------------------------------*/
#ts-fab-below.ts-fab-wrapper .ts-fab-header h4:before {
  content: unset !important;
}

#ts-fab-below.ts-fab-wrapper .ts-fab-tab {
  padding: 28px 12px 22px 12px;
}

/*------------------------------------------------------------
パチーモデザイン
-------------------------------------------------------------*/
.search_pachimo_d1 {
  background: #f2f5f6;
  padding: 15px;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 0 0px 1px rgb(219 230 235);
}

.pachimo-in .date-img {
  position: relative !important;
  display: inline !important;
  width: 100% !important;
}

.search_pachimo_d1 .sf-htxt:first-child {
  margin: 5px 0 5px;
}

.search_pachimo_d1 .sf-htxt {
  font-weight: bold;
  font-size: 14px;
  margin: 15px 0 5px;
  position: relative;
  padding: 0 0 0 12px;
}

.search_pachimo_d1 .sf-htxt:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 90%;
  background: #c2d8e2;
  top: 0;
  left: 2px;
  bottom: 0;
  margin: auto;
  border-radius: 50px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
}

.search_pachimo_d1 .sf-htxt:first-of-type {
  margin: 5px 0 5px;
}

.search_pachimo_d1 .sf-txt-check-area,
.search_pachimo_d1 .sf-img-check-area,
.search_pachimo_d1 .sf-text-area {
  margin: 0px 0 0px;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.search_pachimo_d1 .sf-txt-check-area label {
  width: auto;
  text-align: center;
  margin: 2px 5px 5px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  display: block;
}

.search_pachimo_d1 .sf-img-check-area label {
  width: calc((100% - 24px) / 6);
  text-align: center;
  margin: 2px 2px 5px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  display: block;
}

.search_pachimo_d1 .sf-txt-check-area label span,
.search_pachimo_d1 .sf-img-check-area label span {
  display: block;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
  padding: 5px 2px;
}

.search_pachimo_d1 .sf-txt-check-area label input,
.search_pachimo_d1 .sf-img-check-area label input {
  content: '';
  position: absolute;
  visibility: visible;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: -2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  height: 25px;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked,
.search_pachimo_d1 .sf-img-check-area label input:checked {
  visibility: visible;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 5px;
  border: 0;
  background: #0c749b;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+span,
.search_pachimo_d1 .sf-img-check-area label input:checked+span {
  color: #FFF;
}

.search_pachimo_d1 .sf-txt-check-area label input+img,
.search_pachimo_d1 .sf-img-check-area label input+img {
  display: block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 40px;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+img,
.search_pachimo_d1 .sf-img-check-area label input:checked+img {
  display: block;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

.search_pachimo_d1 .sf-txt-check-area label input:focus,
.search_pachimo_d1 .sf-img-check-area label input:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

.search_pachimo_d1 .sf-text-area input:focus {
  outline: 0;
  box-shadow: none;
  border: 0px;
  background-color: none;
}

.search_pachimo_d1 .sf-txt-check-area label input+span,
.search_pachimo_d1 .sf-img-check-area label input+span {
  display: block;
  line-height: 1;
  padding: 8px 5px;
  background: #c9d5da;
  box-shadow: 0 1px 0px 0px rgb(173 190 197);
  position: relative;
  min-width: 45px;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+span,
.search_pachimo_d1 .sf-img-check-area label input:checked+span {
  background: #448acb;
  box-shadow: 0 0px 1px 1px rgb(39 120 195);
  color: #FFF;
  position: relative;
  display: block;
}

.search_pachimo_d1 .sf-txt-check-area label input+span:before,
.search_pachimo_d1 .sf-img-check-area label input+span:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  background: #ccc;
  top: 10px;
  left: -3px;
  border-radius: 50px;
  opacity: 0;
  display: block;
  transition-duration: 300ms;
}

.search_pachimo_d1 .sf-txt-check-area label input+span:after,
.search_pachimo_d1 .sf-img-check-area label input+span:after {
  content: '';
  position: absolute;
  top: 10px;
  left: -3px;
  width: 0px;
  height: 0px;
  opacity: 0;
  background: url(/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
  background-size: 100% auto;
  transition-duration: 300ms;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+span:before,
.search_pachimo_d1 .sf-img-check-area label input:checked+span:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #1298d6;
  box-shadow: 0 0 0px 2px #1298d6;
  top: -2px;
  left: -2px;
  border-radius: 50px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
  font-weight: bold;
  display: none
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+span:after,
.search_pachimo_d1 .sf-img-check-area label input:checked+span:after {
  content: '';
  position: absolute;
  top: 0px;
  left: -1px;
  width: 8px;
  height: 13px;
  opacity: 1;
  background: url(/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
  background-size: 100% auto;
  display: none
}

.search_pachimo_d1 .sf-txt-check-area label input+img~span:before,
.search_pachimo_d1 .sf-img-check-area label input+img~span:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1px;
  background: #ccc;
  top: -30px;
  left: -2px;
  border-radius: 50px;
  opacity: 0;
  display: block;
  transition-duration: 300ms;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+img~span:before,
.search_pachimo_d1 .sf-img-check-area label input:checked+img~span:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #1298d6;
  box-shadow: 0 0 0px 2px #1298d6;
  top: -56px;
  left: -2px;
  border-radius: 50px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
  font-weight: bold;
  display: none;
}

.search_pachimo_d1 .sf-txt-check-area label input+img~span:after,
.search_pachimo_d1 .sf-img-check-area label input+img~span:after {
  content: '';
  position: absolute;
  top: -30px;
  left: -1px;
  width: 0px;
  height: 0px;
  opacity: 0;
  background: url(/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
  background-size: 100% auto;
  transition-duration: 300ms;
  display: none;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+img~span:after,
.search_pachimo_d1 .sf-img-check-area label input:checked+img~span:after {
  content: '';
  position: absolute;
  top: -54px;
  left: -1px;
  width: 8px;
  height: 13px;
  opacity: 1;
  background: url(/pachimo/uploads/2025/05/2025y05m16d_1114247827.png)no-repeat;
  background-size: 100% auto;
  display: none;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+img~span,
.search_pachimo_d1 .sf-img-check-area label input:checked+img~span {
  font-weight: bold;
}

.search_pachimo_d1 .sf-txt-check-area label input:checked+img,
.search_pachimo_d1 .sf-img-check-area label input:checked+img {
  box-shadow: 0 0px 1px 1px rgb(39 120 195);
}

.search_pachimo_d1 .sf-text-area {
  position: relative;
}

.search_pachimo_d1 .sf-text-area input[type=text] {
  background: #fff;
  border: 0;
  box-shadow: 0 0 0px 0px rgb(219 230 235);
  font-size: 14px;
  width: 100% !important;
  box-sizing: border-box;
  padding: 8px 40px 8px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  max-width: 100%;
  display: block;
  border: 1px solid #d1dfe5;
}

.search_pachimo_d1 .sf-text-area .clear {
  position: absolute;
  width: 21px;
  height: 21px;
  text-align: center;
  right: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  padding: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  display: block;
  color: #b6b6b6;
  cursor: pointer;
  background: #f2f5f6;
  border-radius: 50px;
}

.search_pachimo_d1 .choices__inner {
  padding: 6px10px 6px 10px;
  font-size: 14px;
  border: 2px solid #1e2d48;
  border-radius: 2px;
  width: 100% !important;
  box-sizing: border-box;
  height: 40px;
  line-height: 1.2;
}

.search_pachimo_d1 select {
  background-size: 23px;
  appearance: none;
  background-size: 32px;
  url(data:image/svg+xml;utf8,<svg fill="%231e2d48" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>) no-repeat right 1px;
  background-size: 22px;
}

.search_pachimo_d1 .choices[data-type*=select-one]::after {
  right: 17.5px;
}

.search_pachimo_d1 .undefined {
  color: #000;
  font-family: sans-serif;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .search_pachimo_d1 .sf-img-check-area label {
    width: calc((100% - 24px) / 6);
    text-align: center;
    margin: 2px 2px 5px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    display: block;
  }

  .search_pachimo_d1 input[type="date"] {
    max-width: 100%;
  }
}

.search_pachimo_d1 .sf-n-check-area {
  margin: 10px 0 0;
  padding: 0 0 0 5px;
}

.search_pachimo_d1 .sf-n-check-area label {
  display: flex;
  margin: 5px 0;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.search_pachimo_d1 .sf-n-check-area label input {
  display: none;
}

.search_pachimo_d1 .sf-n-check-area label input+span {
  position: relative;
  padding: 0 0 0 20px;
}

.search_pachimo_d1 .sf-n-check-area label input+span:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: #ffffff;
  background-position: 1px 2px;
  box-shadow: 0 0 0px 1px #adbec5;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 1px;
  opacity: 1;
  display: block;
  transition-duration: 300ms;
}

.search_pachimo_d1 .sf-n-check-area label input:checked+span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 1;
  background: #448acb url(/pachimo/uploads/2025/05/2025y05m16d_1114247827.png) no-repeat 1px 2px / 85% auto;
  box-shadow: 0 0px 1px 1px rgb(39 120 195);
}

/*--------------------------------------------------------
ランキング広告
-------------------------------------------------------*/
.pr-koukoku-ranking-wrap img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border: 1px solid #dfdfdf;
  border-radius: 20px;
  box-sizing: border-box;
  vertical-align: middle;
}

.pr-koukoku-ranking-wrap img:hover {
  opacity: 1;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-in {
  display: inline-block;
  margin-left: 10px;
}

.pr-koukoku-ranking-wrap li:hover {
  opacity: 0.7;
  transition: all 0.7s ease 0s;
}

.pr-koukoku-ranking-wrap li {
  position: relative;
  display: flex;
  margin: 9px 0px;
  margin-bottom: 60px;
  padding: 9px 0px !Important;
  position: relative;
  border-bottom: 2px dotted #dadada;
  align-items: center;
}

.pr-koukoku-ranking-wrap li:nth-child(1):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank1.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(2):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank2.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(3):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank3.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(4):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank4.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(5):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank5.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(6):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank6.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(7):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank7.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(8):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank8.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(9):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank9.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap li:nth-child(10):before {
  content: '';
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url(/common/ranking_game/rank/pr-rank10.png);
  background-size: contain;
  background-repeat: no-repeat;
  top: -4px;
  left: -7px;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-link a {
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}

.pr-koukoku-ranking-wrap li:first-child {
  padding: 9px 0px 9px 0px !important;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-midasi {
  font-size: 16px !important;
  font-weight: bold;
  margin-bottom: 2px !important;
  line-height: 23px;
  color: #448acb;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-midasi:hover {
  transition: all 0.7s ease 0s;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-subtext {
  color: #343434;
  font-weight: 500;
  margin-bottom: 4px !important;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-btn {
  background: #4670ed;
  box-shadow: 0 2px 0 #3a5dc8;
  text-align: center;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  font-size: 12px;
  padding: 2px 0px;
  position: relative;
}

.pr-koukoku-ranking-wrap .pr-koukoku-ranking-btn:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(/altema/images/icon-yazirusi2.png) no-repeat center / 100% 100%;
  top: 0px;
  right: 15px;
  bottom: 0;
  margin: auto;
  position: absolute;
  animation: cvbtscroll 1.5s infinite;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .pr-koukoku-ranking-wrap li {
    position: relative;
    display: flex;
    margin: 6px 4px;
    margin-bottom: 60px;
    padding: 3px 0px 4px 0px ! Important;
    position: relative;
    border-bottom: 2px dotted #dadada;
  }

  .pr-koukoku-ranking-wrap li {
    align-items: center;
  }

  .pr-koukoku-ranking-wrap li:nth-child(1):before,
  .pr-koukoku-ranking-wrap li:nth-child(2):before,
  .pr-koukoku-ranking-wrap li:nth-child(3):before,
  .pr-koukoku-ranking-wrap li:nth-child(4):before,
  .pr-koukoku-ranking-wrap li:nth-child(5):before,
  .pr-koukoku-ranking-wrap li:nth-child(6):before,
  .pr-koukoku-ranking-wrap li:nth-child(7):before,
  .pr-koukoku-ranking-wrap li:nth-child(8):before,
  .pr-koukoku-ranking-wrap li:nth-child(9):before,
  .pr-koukoku-ranking-wrap li:nth-child(10):before {
    top: 0px;
    left: -7px;
  }

  .pr-koukoku-ranking-wrap li:first-child {
    padding: 3px 0px 4px 0px !important;
  }

  .pr-koukoku-ranking-wrap .pr-koukoku-ranking-subtext {
    margin-bottom: 8px !important;
  }
}

/*--------------------------------------------------------
ダウンロードボタン
-------------------------------------------------------*/
.gmokakin-btn-midasi {
  text-align: center;
  font-weight: bold;
  font-size: 15px !important;
  color: #ff2576;
  position: relative;
  width: fit-content;
  margin: 0 auto !important;
  margin-top: 28px !important;
  line-height: 1.5 !important;
}

.gmokakin-btn-midasi:before,
.gmokakin-btn-midasi:after {
  content: '';
  display: block;
  width: 2px;
  height: 16px;
  position: absolute;
  bottom: 4px;
  background: #ff2576;
}

.gmokakin-btn-midasi:after {
  right: -13px;
  transform: rotate(35deg);
}

.gmokakin-btn-midasi:before {
  left: -13px;
  transform: rotate(-35deg);
}

.gmokakin-btn-dezain .gachaBtn {
  box-shadow: 0px 3px 0px 0px #037252;
  margin: 0 auto !important;
  width: 80% !important;
  position: relative;
  padding: 18px 0px;
  font-size: 16px !important;
  border-radius: 8px !important;
  color: #fff !important;
  border: 0px solid #720aea !important;
  top: 0;
  background: #079f73;
  margin-top: 5px !important;
  margin-bottom: 45px !important;
  overflow: hidden;
  transition: 200ms;
}

.gmokakin-btn-dezain .gachaBtn:after {
  content: "";
  background: url(/altema/images/icon-yazirusi2.png) no-repeat center / 100% 100% !important;
  top: 1px;
  right: 15px;
  bottom: 0;
  margin: auto;
  position: absolute;
  animation: cvbtscroll 1.5s infinite;
  width: 14px;
  height: 14px;
}

.gmokakin-btn-dezain .gachaBtn:hover {
  opacity: 0.8;
  padding: 18px 0px;
}

.gmokakin-btn-dezain .gachaBtn:hover {
  opacity: 0.7;
  box-shadow: 0px 0px 0px 0px #012044;
  top: 3px;
  background: #079f73 !important;
}

@media only screen and (orientation:landscape) and (max-width : 813px),
(orientation:portrait) and (max-width : 753px) {
  .gmokakin-btn-dezain .gachaBtn {
    width: 100% !important;
  }

  .gmokakin-btn-midasi.kaigyou:after {
    right: -13px;
    transform: rotate(35deg);
  }

  .gmokakin-btn-midasi.kaigyou:before {
    left: -13px;
    transform: rotate(-35deg);
  }

  .gmokakin-btn-midasi.kaigyou:before,
  .gmokakin-btn-midasi.kaigyou:after {
    height: 46px;
  }

  .gmokakin-btn-midasi.kaigyou .gmokakin-btn-kaigyou {
    display: block;
  }

  .gmokakin-btn-midasi.kaigyou .gmokakin-btn-kaigyou {
    display: block;
    font-size: 16px;
  }

  .gmokakin-btn-midasi.kaigyou:before,
  .gmokakin-btn-midasi.kaigyou:after {
    bottom: -1px;
  }
}

@media only screen and (max-width : 375px) {
  .gmokakin-btn-midasi.kaigyou:before {
    left: -14px;
    transform: rotate(-35deg);
  }

  .gmokakin-btn-midasi.kaigyou:after {
    right: -14px;
    transform: rotate(35deg);
  }
}

@media only screen and (max-width : 360px) {
  .gmokakin-btn-midasi.kaigyou:before {
    left: -17px;
    transform: rotate(-35deg);
  }

  .gmokakin-btn-midasi.kaigyou:after {
    right: -17px;
    transform: rotate(35deg);
  }
}