@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 ,#container #mainCenter .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 ,#mainCenter 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"] ,#mainCenter 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;
}
#header-in p.header-logo a {
color: #FFF;
}
.osiraseBtn{
background:#fff;
}
#main-contents .contents .interviewTitle,#mainCenter .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 (max-width: 896px){
#main-contents table td li,#mainCenter table td li{
padding: 0;
border: 0;
}
#main-contents form.commentToukou_wp + span + script + div[id^="mntad"] ,#mainCenter 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 ,#mainCenter .space{
letter-spacing: -1.5px;
}
#main-contents .sTable th,#mainCenter .sTable th,#main-contents .sTable td,#mainCenter .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 ,#mainCenter .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,#mainCenter .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,#mainCenter .chart-bt-box + .mokujiInfo{
margin-top: 12px;
}

/*---パズドラ・ゲリラ----*/
#main-contents .gerira th,#mainCenter .gerira th{
text-align:center;
padding:3px 0 3px 0;
}
#main-contents .gerira td,#mainCenter .gerira td{
padding:1px;
font-size:80%;
letter-spacing:-0.5px;
height: 33px;
}
#main-contents #skillTable th,#mainCenter #skillTable th{
padding:2px!important;
font-size:9px!important;
letter-spacing:-2px!important;
}

#main-contents #scheList li,#mainCenter #scheList li{
line-height:3.5em!important;
}
#main-contents .risemaraT tr td:nth-child(1),#mainCenter .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,#mainCenter .genjuTable td{
padding:3px!important;
}
#main-contents #schedule td,#mainCenter #schedule td,
#main-contents #schedule th,#mainCenter #schedule th{
padding:2px!important;
font-size:10px!important;
}
td ul{
margin-left:0!important;
}
#main-contents td .topUl li,#mainCenter 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,#mainCenter .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 ,#mainCenter 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(https://img.altema.jp/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,#mainCenter #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,#mainCenter #hyoukatoukou p > input + input +input + #submit img{
display:none!important;
}
#main-contents #hyoukatoukou p > input + input +input + #submit:before,#mainCenter #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,#mainCenter #hyoukatoukou p > input + input + a#submit{
padding: 10px 0px 20px;
}
#main-contents #hyoukatoukou p > input + input + input + a#submit,#mainCenter #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 ,#mainCenter .mokujiInfo{
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding:5px;
}
#main-contents .mokujiInfo ul ,#mainCenter .mokujiInfo ul{
margin: -10px 10px 12px 10px;
}
#main-contents .contents .mokujiInfo h2 ,#mainCenter .contents .mokujiInfo h2{
background: none;
font-size: 110%;
margin: 0 0 10px 0;
padding: 10px 0 10px 12px;
}
#main-contents .mokujiInfo h2,#mainCenter .mokujiInfo h2{
position:relative;
z-index:1;
}

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

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

#main-contents .snsBox01 ,#mainCenter .snsBox01{
float:right;
width: 60%;
}
#main-contents .snsBox01 li,#mainCenter .snsBox01 li{
float:left;
width:47.5%;
}
#main-contents .snsBox01 li img,#mainCenter .snsBox01 li img{
width:100%;
}
#main-contents .snsBox01 li:nth-child(1),#mainCenter .snsBox01 li:nth-child(1){
margin-right:12px;
}
#main-contents .commentlist .comment-image img,#mainCenter .commentlist .comment-image img{
width:100%;
}
#main-contents dd,#mainCenter 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(/assets/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(/assets/images/icon/icon-brc.gif) center right no-repeat;
}

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

@media only screen and (max-width: 896px){
#main-in #breadcrumbs ol{
overflow: auto;
white-space: nowrap;
height: auto;
padding-left: 0px;
}
#main #main-contents .h-koushin-box p.saisyu-txt ,#main #mainCenter .h-koushin-box p.saisyu-txt{
display: inline-block;
text-align: left;
background: url(https://img.altema.jp/common/koushin-icon.png);
background-size: 10px;
background-repeat: no-repeat;
background-position: 12px center;
color: #9b9b9b;
padding-left: 25px;
margin: 0;
font-size: 11px;
}
}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents .contents,#mainCenter .contents{
margin-bottom:30px!important;
padding:0;
}
.col2 #main-contents .contents ,.col2 #mainCenter .contents{
padding: inherit;
}
#main-contents ol,#mainCenter ol{
margin-left:15px;
}
/*--------------------------------------------------------
ヘッダー管理
--------------------------------------------------------*/
/*●ヘッダーの基本設定*/
#main-contents h2,#mainCenter h2,#main-contents h3,#mainCenter h3,#main-contents h4,#mainCenter h4,#main-contents h5 ,#mainCenter h5{
font-weight: bold;
margin: 12px 0 12px;
}
#main-contents h2 a:hover,#mainCenter h2 a:hover,
#main-contents h2 a:active,#mainCenter h2 a:active,
#main-contents h3 a:hover,#mainCenter h3 a:hover,
#main-contents h3 a:active,#mainCenter h3 a:active,
#main-contents h4 a:hover,#mainCenter h4 a:hover,
#main-contents h4 a:active,#mainCenter h4 a:active,
#main-contents h5 a:hover,#mainCenter h5 a:hover,
#main-contents h5 a:active ,#mainCenter h5 a:active{
color: #f60;
}
#main-contents h3 a:link,#mainCenter h3 a:link,
#main-contents h3 a:visited,#mainCenter h3 a:visited,
#main-contents h4 a:link,#mainCenter h4 a:link,
#main-contents h4 a:visited,#mainCenter h4 a:visited,
#main-contents h5 a:link,#mainCenter h5 a:link,
#main-contents h5 a:visited ,#mainCenter h5 a:visited{
color: #333;
}
#main-contents h2.img-title,#mainCenter h2.img-title,
#main-contents h3.img-title,#mainCenter h3.img-title,
#main-contents h4.img-title,#mainCenter h4.img-title,
#main-contents h5.img-title ,#mainCenter h5.img-title{
margin: 0 0 1.5em;
padding: 0;
border: 0;
background: none;
}
/*●H2タグ*/
#main-contents h2,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter p{
margin-bottom: 1.5em;
}
/*●リストタグ*/
#main-contents ul,#mainCenter ul,
#main-contents ol,#mainCenter ol{
margin: 0;
padding: 0;
}
#main-contents li,#mainCenter 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,#mainCenter 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,#mainCenter table{
margin-bottom: 1.5em;
padding: 0;
border:1px solid #dde4e6;
}
#main-contents th,#mainCenter th,
#main-contents td,#mainCenter td{
padding: 0.4em;
border-right: 1px solid #dde4e6;
border-bottom: 1px solid #dde4e6;
font-size:11px;
}
#main-contents th,#mainCenter th{
background-color: #f0f0f0;
font-weight: bold;
text-align: left;
}
/*●テーブルタグ スタイル01*/
#main-contents table.table-style01 th,#mainCenter table.table-style01 th,
#main-contents table.table-style01 td,#mainCenter 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(/assets/images/icon/icon-arrow_r.png) 0 5px no-repeat;
}
.link-back a{
padding: 3px 0 3px 15px;
background: url(/assets/images/icon/icon-arrow_l.png) 0 5px no-repeat;
}
.link-next02 a{
padding: 3px 0 3px 15px;
background: url(/assets/images/icon/icon-arrow_r-red.png) 0 5px no-repeat;
}
.link-back02 a{
padding: 3px 0 3px 15px;
background: url(/assets/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,#mainCenter .box-wrap .title{
margin-bottom: 1.5em;
background-color: #999; /*boxのタイトルの背景色*/
}
#main-contents .box-wrap .title p,#mainCenter .box-wrap .title p{
margin: 0 10px;
padding: 5px 0;
color: #fff;
font-weight: bold;
}
/*●ページネーション スタイル01*/
#main-contents .cont-menu01,#mainCenter .cont-menu01{
position: relative;
overflow: hidden;
width: 100%;
}
#main-contents .cont-menu01 ul,#mainCenter .cont-menu01 ul{
position: relative;
left: 50%;
float: left;
margin-left: 10px;
}
#main-contents .cont-menu01 li,#mainCenter .cont-menu01 li{
position: relative;
left: -50%;
float: left;
margin-right: 10px;
}
#main-contents .cont-menu01 li:last-child,#mainCenter .cont-menu01 li:last-child{ margin-right: 0; }
#main-contents .cont-menu01 li.cur,#mainCenter .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,#mainCenter .cont-menu01 li a{
display: block;
padding: 3px 10px;
border: 1px solid #ccc;
}
#main-contents .cont-menu01 li a:link,#mainCenter .cont-menu01 li a:link,
#main-contents .cont-menu01 li a:visited,#mainCenter .cont-menu01 li a:visited{
background-color: transparent;
}
#main-contents .cont-menu01 li a:hover,#mainCenter .cont-menu01 li a:hover,
#main-contents .cont-menu01 li a:active,#mainCenter .cont-menu01 li a:active{
background-color: #959595;
color: #fff;
}
#main-contents .text-field,#mainCenter .text-field{ width: 90%; }
/*●ページネーション スタイル02*/
#main-contents .cont-menu02,#mainCenter .cont-menu02{
position: relative;
overflow: hidden;
width: 100%;
}
#main-contents .cont-menu02 ul,#mainCenter .cont-menu02 ul{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
}
#main-contents .cont-menu02 li,#mainCenter .cont-menu02 li{
max-width: 50%;
}
#main-contents .cont-menu02 li.prev,#mainCenter .cont-menu02 li.prev{ float: left; }
#main-contents .cont-menu02 li.next,#mainCenter .cont-menu02 li.next{ float: right; }
#main-contents .cont-menu02 li a,#mainCenter .cont-menu02 li a{
display: block;
padding: 3px 10px;
border: 1px solid #ccc;
}
#main-contents .cont-menu02 li a:link,#mainCenter .cont-menu02 li a:link,
#main-contents .cont-menu02 li a:visited ,#mainCenter .cont-menu02 li a:visited{
background-color: transparent;
}
#main-contents .cont-menu02 li a:hover,#mainCenter .cont-menu02 li a:hover,
#main-contents .cont-menu02 li a:active ,#mainCenter .cont-menu02 li a:active{
background-color: #959595;
color: #fff;
}
/*●サイトマップ*/
#main-contents .sitemap li a,#mainCenter .sitemap li a{
display: block;
padding: 3px 0 3px 20px;
background: url(/assets/images/icon/icon-arrow_r.png) 0 5px no-repeat;
}
#main-contents .sitemap ul,#mainCenter .sitemap ul{ margin-top: 1em; }
#main-contents .sitemap li li a,#mainCenter .sitemap li li a{
padding: 0 0 0 15px;
border-left: none;
background: url(/assets/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,#mainCenter #commentform p,
#main-contents #comment_form p,#mainCenter #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,#mainCenter  h2.post-title{
margin-bottom: 0.5em;
}
.archive-title{
padding: 1em;
background-color: #333;
color: #fff;
font-weight: bold;
}
/*●メインコンテンツ内での検索*/
#main-contents dl.search-box,#mainCenter dl.search-box{
margin: 0 0 16px;
width: 100%;
}
#main-contents dl.search-box dt,#mainCenter dl.search-box dt{
display: block;
float: left;
width: 63%;
margin: 0;
padding: 0;
padding-right: 5px;
}
#main-contents dl.search-box dt input,#mainCenter 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,#mainCenter dl.search-box dt input.onfocus{
color: #333;
}
#main-contents dl.search-box dd,#mainCenter dl.search-box dd{
float: left;
margin: 0;
padding: 0;
}
#main-contents dl.search-box dd input,#mainCenter dl.search-box dd input{
height: 2em;
padding: 0.1em 1em;
line-height: 1.4em;
}
#main-contents .sb,#mainCenter .sb{
text-align: right;
}

/*コメントフォーム*/
#main-contents p textarea,#mainCenter p textarea{ width: 70%; }
#main-contents #submit,#mainCenter #submit{ padding: 0.3em 1em; }
#main-contents #author,#mainCenter #author,
#main-contents #email,#mainCenter #email,
#main-contents #url,#mainCenter #url{
width: 50%;
padding: 0.3em;
}
#main-contents .comment-body em,#mainCenter .comment-body em{
font-weight: bold;
}
#main-contents .commentlist,#mainCenter .commentlist,
#main-contents .commentlist ul,#mainCenter .commentlist ul{
margin-right: 0!important;
margin-left: 0!important;
padding: 0;
}
#main-contents .commentlist,#mainCenter .commentlist{ padding: 10px; }
#main-contents .commentlist li,#mainCenter .commentlist li{
margin-bottom: 0.5em;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
#main-contents .commentlist li li,#mainCenter .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,#mainCenter .comment-author,
#main-contents .comment-meta,#mainCenter .comment-meta{ margin-bottom: 1em; }
#main-contents .reply,#mainCenter .reply{ clear: both; }
#main-contents .reply a,#mainCenter .reply a{
padding-left: 17px;
background: url(/assets/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(/assets/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(/assets/images/icon/icon-menu02.png) 2px 12px no-repeat;
}
/*●ページネーション WP用*/
#main-contents .cont-menu-wp,#mainCenter .cont-menu-wp{
position: relative;
overflow: hidden;
width: 100%;
/zoom : 1;
}
#main-contents .cont-menu-wp:after,#mainCenter .cont-menu-wp:after{ content : ''; display : block; clear : both; height:0; }
#main-contents .cont-menu-wp ul,#mainCenter .cont-menu-wp ul{
overflow: hidden;
width: 100%;
margin: 0;
margin-bottom: 1.5em;
padding: 0;
}
#main-contents .cont-menu-wp li,#mainCenter .cont-menu-wp li{
max-width: 50%;
}

* html #main-contents .cont-menu-wp li,* html #mainCenter .cont-menu-wp li{ white-space: nowrap; } /* IE6 */
#main-contents .cont-menu-wp li.nav-prev,#mainCenter .cont-menu-wp li.nav-prev{ float: right; }
#main-contents .cont-menu-wp li.nav-next,#mainCenter .cont-menu-wp li.nav-next{ float: left; }
#main-contents .cont-menu-wp li.nav-next a,#mainCenter .cont-menu-wp li.nav-next a{
padding: 3px 0 3px 15px;
background: url(/assets/images/icon/icon-arrow_l.png) left 7px no-repeat;
}
#main-contents .cont-menu-wp li.nav-prev a,#mainCenter .cont-menu-wp li.nav-prev a{
padding: 3px 15px 3px 0;
background: url(/assets/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,#mainCenter dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,#mainCenter .sb:after,
.contact:after,
#main-contents .cont-menu01:after,#mainCenter .cont-menu01:after,
#main-contents .cont-menu02:after,#mainCenter .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,#mainCenter dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,#mainCenter .sb,
.contact,
#main-contents .cont-menu01,#mainCenter .cont-menu01,
#main-contents .cont-menu02,#mainCenter .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 (max-width: 896px){
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,#mainCenter #___gcse_0 th,
#main-contents #___gcse_0 td ,#mainCenter #___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("https://img.altema.jp/common/icon-ken.png") no-repeat scroll left top 3px;
margin-bottom: 5px;
padding: 0 0 3px 25px;
}
.footer-menu li li{
padding-left: 15px;
padding-top: 0;
background: url(/assets/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("https://img.altema.jp/common/icon-arrow_r02.png") 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("https://img.altema.jp/common/icon-arrow_r02.png") 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 ,#mainCenter .tekisei th{
background: #e0650d;
color: #fff;
font-size:110%;
}
/*------モンスト適正 end -----*/
/*--ピンポイントgacha-FFBE--*/
.pinponsumbit{
box-shadow:0 5px #749b0a;
}
#main-contents #pinpoint li:first-child,#mainCenter #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,#mainCenter #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,#mainCenter .icon{
color:#fff;
border-radius:3px;
padding:1px 0;
text-align:center;
display:block;
width:100%;
}
#main-contents .premiere,#mainCenter .premiere{
background:#E497FC;
font-size: 56%;
padding: 6px 0 6px;
}
#main-contents .gold,#mainCenter .gold{
background:#BBCC00;
font-size: 70%;
padding: 4px 0 4px;
}
#main-contents .silver,#mainCenter .silver{
background:#AFAFAF;
font-size: 70%;
padding: 4px 0 4px;
}
#main-contents .bronze,#mainCenter .bronze{
background:#CE4244;
font-size: 70%;
padding: 4px 0 4px;
}
#main-contents .pack,#mainCenter .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,.col1 #mainCenter{ 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,.col3 #mainCenter,
.col3r #main-contents,.col3r #mainCenter{ width: 480px; }
.col3 #sub-contents,
.col3r #sub-contents{ width: 200px; }
/*コンテンツ配置*/
.col3 #main-and-sub{ float: left;}
.col3 #main-contents,.col3 #mainCenter{ float: right; }
.col3 #sub-contents{ float: left; }
.col3 #sidebar{ float: right; }
.col3r #main-and-sub{ float: left; }
.col3r #main-contents,.col3r #mainCenter{ 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: 896px){
.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 ,#mainCenter .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 (max-width: 896px){
.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(https://img.altema.jp/common/ranking_game/rank/pr1.png);
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(https://img.altema.jp/common/ranking_game/rank/pr2.png);
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(https://img.altema.jp/common/ranking_game/rank/pr3.png);
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(https://img.altema.jp/common/ranking_game/rank/pr4.png);
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(https://img.altema.jp/common/ranking_game/rank/pr5.png);
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(https://img.altema.jp/common/ranking_game/rank/pr6.png);
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(https://img.altema.jp/common/ranking_game/rank/pr7.png);
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(https://img.altema.jp/common/ranking_game/rank/pr8.png);
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(https://img.altema.jp/common/ranking_game/rank/pr9.png);
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(https://img.altema.jp/common/ranking_game/rank/pr10.png);
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(https://img.altema.jp/common/ranking_game/rank/pr1.png);
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(https://img.altema.jp/common/ranking_game/rank/pr2.png);
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(https://img.altema.jp/common/ranking_game/rank/pr3.png);
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(https://img.altema.jp/common/ranking_game/rank/pr4.png);}
.ninki-ranking dl:nth-of-type(5):before,.widget-ninki-ranking dl:nth-of-type(5):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr5.png);}
.ninki-ranking dl:nth-of-type(6):before,.widget-ninki-ranking dl:nth-of-type(6):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr6.png);}
.ninki-ranking dl:nth-of-type(7):before,.widget-ninki-ranking dl:nth-of-type(7):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr7.png);}
.ninki-ranking dl:nth-of-type(8):before,.widget-ninki-ranking dl:nth-of-type(8):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr8.png);}
.ninki-ranking dl:nth-of-type(9):before,.widget-ninki-ranking dl:nth-of-type(9):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr9.png);}
.ninki-ranking dl:nth-of-type(10):before,.widget-ninki-ranking dl:nth-of-type(10):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr10.png);}
.ninki-ranking dl:nth-of-type(11):before,.widget-ninki-ranking dl:nth-of-type(11):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr11.png);}
.ninki-ranking dl:nth-of-type(12):before,.widget-ninki-ranking dl:nth-of-type(12):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr12.png);}
.ninki-ranking dl:nth-of-type(13):before,.widget-ninki-ranking dl:nth-of-type(13):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr13.png);}
.ninki-ranking dl:nth-of-type(14):before,.widget-ninki-ranking dl:nth-of-type(14):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr14.png);}
.ninki-ranking dl:nth-of-type(15):before,.widget-ninki-ranking dl:nth-of-type(15):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr15.png);}
.ninki-ranking dl:nth-of-type(16):before,.widget-ninki-ranking dl:nth-of-type(16):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr16.png);}
.ninki-ranking dl:nth-of-type(17):before,.widget-ninki-ranking dl:nth-of-type(17):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr17.png);}
.ninki-ranking dl:nth-of-type(18):before,.widget-ninki-ranking dl:nth-of-type(18):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr18.png);}
.ninki-ranking dl:nth-of-type(19):before,.widget-ninki-ranking dl:nth-of-type(19):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr19.png);}
.ninki-ranking dl:nth-of-type(20):before,.widget-ninki-ranking dl:nth-of-type(20):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr20.png);}
.ninki-ranking dl:nth-of-type(21):before,.widget-ninki-ranking dl:nth-of-type(21):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr21.png);}
.ninki-ranking dl:nth-of-type(22):before,.widget-ninki-ranking dl:nth-of-type(22):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr22.png);}
.ninki-ranking dl:nth-of-type(23):before,.widget-ninki-ranking dl:nth-of-type(23):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr23.png);}
.ninki-ranking dl:nth-of-type(24):before,.widget-ninki-ranking dl:nth-of-type(24):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr24.png);}
.ninki-ranking dl:nth-of-type(25):before,.widget-ninki-ranking dl:nth-of-type(25):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr25.png);}
.ninki-ranking dl:nth-of-type(26):before,.widget-ninki-ranking dl:nth-of-type(26):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr26.png);}
.ninki-ranking dl:nth-of-type(27):before,.widget-ninki-ranking dl:nth-of-type(27):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr27.png);}
.ninki-ranking dl:nth-of-type(28):before,.widget-ninki-ranking dl:nth-of-type(28):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr28.png);}
.ninki-ranking dl:nth-of-type(29):before,.widget-ninki-ranking dl:nth-of-type(29):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr29.png);}
.ninki-ranking dl:nth-of-type(30):before,.widget-ninki-ranking dl:nth-of-type(30):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr30.png);}
.ninki-ranking dl:nth-of-type(31):before,.widget-ninki-ranking dl:nth-of-type(31):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr31.png);}
.ninki-ranking dl:nth-of-type(32):before,.widget-ninki-ranking dl:nth-of-type(32):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr32.png);}
.ninki-ranking dl:nth-of-type(33):before,.widget-ninki-ranking dl:nth-of-type(33):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr33.png);}
.ninki-ranking dl:nth-of-type(34):before,.widget-ninki-ranking dl:nth-of-type(34):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr34.png);}
.ninki-ranking dl:nth-of-type(35):before,.widget-ninki-ranking dl:nth-of-type(35):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr35.png);}
.ninki-ranking dl:nth-of-type(36):before,.widget-ninki-ranking dl:nth-of-type(36):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr36.png);}
.ninki-ranking dl:nth-of-type(37):before,.widget-ninki-ranking dl:nth-of-type(37):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr37.png);}
.ninki-ranking dl:nth-of-type(38):before,.widget-ninki-ranking dl:nth-of-type(38):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr38.png);}
.ninki-ranking dl:nth-of-type(39):before,.widget-ninki-ranking dl:nth-of-type(39):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr39.png);}
.ninki-ranking dl:nth-of-type(40):before,.widget-ninki-ranking dl:nth-of-type(40):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr40.png);}
.ninki-ranking dl:nth-of-type(41):before,.widget-ninki-ranking dl:nth-of-type(41):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr41.png);}
.ninki-ranking dl:nth-of-type(42):before,.widget-ninki-ranking dl:nth-of-type(42):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr42.png);}
.ninki-ranking dl:nth-of-type(43):before,.widget-ninki-ranking dl:nth-of-type(43):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr43.png);}
.ninki-ranking dl:nth-of-type(44):before,.widget-ninki-ranking dl:nth-of-type(44):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr44.png);}
.ninki-ranking dl:nth-of-type(45):before,.widget-ninki-ranking dl:nth-of-type(45):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr45.png);}
.ninki-ranking dl:nth-of-type(46):before,.widget-ninki-ranking dl:nth-of-type(46):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr46.png);}
.ninki-ranking dl:nth-of-type(47):before,.widget-ninki-ranking dl:nth-of-type(47):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr47.png);}
.ninki-ranking dl:nth-of-type(48):before,.widget-ninki-ranking dl:nth-of-type(48):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr48.png);}
.ninki-ranking dl:nth-of-type(49):before,.widget-ninki-ranking dl:nth-of-type(49):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr49.png);}
.ninki-ranking dl:nth-of-type(50):before,.widget-ninki-ranking dl:nth-of-type(50):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr50.png);}
.ninki-ranking dl:nth-of-type(51):before,.widget-ninki-ranking dl:nth-of-type(51):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr51.png);}
.ninki-ranking dl:nth-of-type(52):before,.widget-ninki-ranking dl:nth-of-type(52):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr52.png);}
.ninki-ranking dl:nth-of-type(53):before,.widget-ninki-ranking dl:nth-of-type(53):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr53.png);}
.ninki-ranking dl:nth-of-type(54):before,.widget-ninki-ranking dl:nth-of-type(54):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr54.png);}
.ninki-ranking dl:nth-of-type(55):before,.widget-ninki-ranking dl:nth-of-type(55):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr55.png);}
.ninki-ranking dl:nth-of-type(56):before,.widget-ninki-ranking dl:nth-of-type(56):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr56.png);}
.ninki-ranking dl:nth-of-type(57):before,.widget-ninki-ranking dl:nth-of-type(57):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr57.png);}
.ninki-ranking dl:nth-of-type(58):before,.widget-ninki-ranking dl:nth-of-type(58):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr58.png);}
.ninki-ranking dl:nth-of-type(59):before,.widget-ninki-ranking dl:nth-of-type(59):before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr59.png);}
.ninki-ranking dl:nth-of-type(60):before,.widget-ninki-ranking dl:nth-of-type(60):before{background-image:url(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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,#mainCenter .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 ,#mainCenter .osusume-navi li{
table-layout: fixed;
display: table-cell;
width: 30%;
}

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

#main-contents .osusume-navi li a ,#mainCenter .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 ,#mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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 ,#mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/altema/review/swiper-button-prev.png) 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,#mainCenter .fc-view table{
padding: 0;
margin-bottom: inherit;
border: none;
}
#main-contents .fc-view td,#mainCenter .fc-view td{
border-right: 1px solid #dde4e6;
font-size:11px;
border-bottom: none;
padding: .2em;
}
#main-contents .fc-view th,#mainCenter .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 ,#mainCenter tbody.fc-body{
background: #3a3833;
}
#main-contents tbody.fc-body td ,#mainCenter tbody.fc-body td{
background: inherit;
color: #FFF;
}
#main-contents tbody.fc-body td  a:link,#mainCenter tbody.fc-body td  a:link{
color: #FFF;
}
#main-contents tbody.fc-body td  a:visited,#mainCenter tbody.fc-body td  a:visited{
color: #FFF;
}
#main-contents tbody.fc-body td  a:hover,#mainCenter tbody.fc-body td  a:hover{
outline: 0;
color: #f60;
}
#main-contents tbody.fc-body td  a:active,#mainCenter tbody.fc-body td  a:active{
outline: 0;
color: #f60;
}
#main-contents tbody.fc-body td.fc-today ,#mainCenter tbody.fc-body td.fc-today{
background-color: #613c70;
}
#main-contents .fc-center .title-date,#mainCenter .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: 896px){
.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 ,#mainCenter 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("https://img.altema.jp/common/titletop/sokuho.jpg");
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("https://img.altema.jp/common/titletop/rank.jpg");
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),#mainCenter table.quiztab tr:nth-child(odd){
background:none;
}
#main-contents table.quiztab,#mainCenter table.quiztab{
margin-bottom: 1.5em;
padding: 0;
border: none;
background:none;
}
#main-contents table.quiztab th,#mainCenter table.quiztab th,
#main-contents table.quiztab td,#mainCenter table.quiztab td{
border:none;
background:none;
padding: 0px;	
}
#main-contents table.quiztab th,#mainCenter 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("https://img.altema.jp/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 .quizBtn-a:hover{
background: url("https://img.altema.jp/common/quiz-btn-a-hover.png") 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("https://img.altema.jp/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 .quizBtn-b:hover{
background: url("https://img.altema.jp/common/quiz-btn-b-hover.png") 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("https://img.altema.jp/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 .quizBtn-c:hover{
background: url("https://img.altema.jp/common/quiz-btn-c-hover.png") 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("https://img.altema.jp/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 .quizBtn-d:hover{
background: url("https://img.altema.jp/common/quiz-btn-d-hover.png") 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("https://img.altema.jp/common/quiz-btn.png") 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("https://img.altema.jp/common/quiz-btn-s.png") 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("https://img.altema.jp/common/quiz-btn-n0.png") 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("https://img.altema.jp/common/quiz-btn-n1.png") 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("https://img.altema.jp/common/quiz-btn-n2.png") 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("https://img.altema.jp/common/quiz-btn-n3.png") 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("https://img.altema.jp/common/quiz-btn-n4.png") 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("https://img.altema.jp/common/quiz-btn-n5.png") 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 ,#mainCenter li.quizmainBtn6{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n6.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn6:hover,#mainCenter 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 ,#mainCenter li.quizmainBtn7{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n7.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn7:hover,#mainCenter 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,#mainCenter li.quizmainBtn8{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n8.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn8:hover,#mainCenter 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: 896px){
.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,#mainCenter .m_wrap_0607 li{margin-bottom:0;}

/*-------------------------------------------------------
みんなの評価　PC版調整
-------------------------------------------------------*/
@media only screen and (min-width: 896px){
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(https://img.altema.jp/altema/uploads/2018/08/2018y08m01d_1648049527.png);
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(https://img.altema.jp//common/ranking_game/rank/1.png);
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(https://img.altema.jp//common/ranking_game/rank/2.png);
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(https://img.altema.jp//common/ranking_game/rank/3.png);
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(https://img.altema.jp//common/ranking_game/rank/4.png);
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(https://img.altema.jp//common/ranking_game/rank/5.png);
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,#mainCenter td.sinsaku-item p.Jizenlistimg{
position: relative;
margin: 0px;
}
#main-contents td.sinsaku-item p.Jizenlistimg img ,#mainCenter td.sinsaku-item p.Jizenlistimg img{
width: 100%;
height: 100px;
object-fit: cover;
}
#main-contents td.sinsaku-item,#mainCenter td.sinsaku-item{
position: relative;
}
#main-contents td.sinsaku-item p,#mainCenter td.sinsaku-item p{
vertical-align: top;
}
#main-contents td.sinsaku-item p.yoyakuBt ,#mainCenter td.sinsaku-item p.yoyakuBt{
position: initial;
display: block;
width: 100%;
margin: 0 auto;
}
#main-contents td.sinsaku-item p.game-name,#mainCenter 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,#mainCenter td.sinsaku-item p.company-name{
margin:0px 0 2px 0;
font-size: 0.9em;
}
#main-contents td.sinsaku-item .Appneme,#mainCenter td.sinsaku-item .Appneme{
display: block;
border-bottom: 1px dashed #ccc;
margin-bottom: 6px;
}
#main-contents td.sinsaku-item .yoyakusuu,#mainCenter 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(https://img.altema.jp/altema/pregacha/icon-gif.png);
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(https://img.altema.jp/altema/pregacha/news-icon.png);
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(https://img.altema.jp/altema/pregacha/ios-icon.png);
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(https://img.altema.jp/altema/pregacha/android-icon.png);
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(https://img.altema.jp/altema/pregacha/icon-gif.png);
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(https://img.altema.jp/altema/pregacha/icon-gif.png);
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(https://img.altema.jp/altema/pregacha/icon-entry-mail.jpg);
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(https://img.altema.jp/altema/pregacha/icon-mail.png);
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,#mainCenter .Jushinset ul{
margin: 10px;
}
#main-contents .Jushinset ul li,#mainCenter .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,#mainCenter #notice_list li{
margin:0;
padding:10px 0;
border-bottom: 1px dotted #ccc;
}
#main-contents #notice_list .notice-link li,#mainCenter #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,#mainCenter #notice_list .notice-link li a{
width: 100%;
}
#main-contents #notice_list .notice-link li:nth-child(2),#mainCenter #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(https://img.altema.jp/altema/pregacha/icon-gacha3.png);
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,#mainCenter .post .gachaWhat h2{
margin: 20px 0;
}
#main-contents .post .gachaWhat h3,#mainCenter .post .gachaWhat h3{
margin: 20px 0;
}
#main-contents .post .gachaWhat ul li,#mainCenter .post .gachaWhat ul li{
border: none;
padding: 5px 0;
margin: 0;
}
#main-contents .post .gachaWhat ul li span,#mainCenter .post .gachaWhat ul li span{
color: red;
margin-right: 5px;
}
#main-contents .post .gachaWhat h4,#mainCenter .post .gachaWhat h4{
background-image: url(https://img.altema.jp/altema/pregacha/icon-gacha3.png);
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,#mainCenter .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: 896px){
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,#mainCenter 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,#mainCenter 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,#mainCenter table.NewApplist tr td:first-child{
position: relative;
padding: 10px;
}
#main-contents table.NewApplist tr td:first-child p,#mainCenter 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 (max-width: 896px){
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,#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;
}
#main-contents h5.bgcolor-h2,#mainCenter 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,#mainCenter .post-meta{
font-size: 11px;
display: inline-block;
margin: 0 5px 0px 0;
color: #999;
}
#container #main-contents p.post-meta02,#container #mainCenter 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,#mainCenter 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 ,#mainCenter 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,#mainCenter 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,#mainCenter div.comment_time_search li:first-child{
width:20px;
height:20px
}
#main-contents div.comment_date_search li:first-child,#mainCenter 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: 896px){
#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,#mainCenter table.newinfo-box{
border: 0px;
margin-bottom:10px;
}
#main-contents table.newinfo-box tr,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter table.newinfo-box tr:hover:first-child{
background:#FFF;
border: 0px solid #dde4e6;
}
#main-contents table.newinfo-box tr:hover,#mainCenter table.newinfo-box tr:hover{
background:#f2fbfd;
border: 1px solid #c7e3ea;
}
#main-contents table.newinfo-box td,#mainCenter table.newinfo-box td{
border:0px;
position:relative;
width: 98%;
display: block;
padding: 5px;
}
#main-contents table.newinfo-box td:after,#mainCenter table.newinfo-box td:after{
content: '';
display: block;
clear: both;
height: 0;
}
#main-contents table.newinfo-box td a,#mainCenter table.newinfo-box td a{
display: block;
}
#main-contents table.newinfo-box tr:first-child:after,#mainCenter 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,#mainCenter 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,#mainCenter 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),#mainCenter table.newinfo-box td p:nth-child(2){
display:none
}
#main-contents table.newinfo-box td p,#mainCenter 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,#mainCenter 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,#mainCenter table.newinfo-box td p:last-child{
font-size:11px;
color:#666;
}
#main-contents table.newinfo-box td p:last-child a,#mainCenter 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,#mainCenter table.newinfo-box td img{
width: 55px;
height: 35px;
object-fit: cover;
display:inline-block;
float: left;
}
#main-contents table.newinfo-box td p,#mainCenter 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,#mainCenter table.newinfo-box td img{
width: 55px;
height: 35px;
object-fit: cover;
display:inline-block;
float: left;
}
#main-contents table.newinfo-box td p,#mainCenter 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,#mainCenter table.newinfo-box td img{
width: 45px;
height: 30px;
object-fit: cover;
display:inline-block;
float: left;
}
#main-contents table.newinfo-box td p,#mainCenter 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,#mainCenter 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,#mainCenter .post{
position:relative;
}
#main-contents .post .okini-box,#mainCenter .post .okini-box{
position: absolute;
top: 0px;
right: 50px;
width:100%;
}
#main-contents .post h1,#mainCenter .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 (max-width: 896px){

/*-------------------------------------------------------
サブメニューデザイン
-------------------------------------------------------*/
#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,#mainCenter .post .okini-box{
position: absolute;
top:0px;
right:46px;
width:100%;
}

#main-contents .post h1,#mainCenter .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(https://img.altema.jp/common/header/sevenknights-bg.jpg) 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(https://img.altema.jp/doumori/uploads/2018/12/2018y12m19d_2053252958.png);
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(https://img.altema.jp/common/header/sevenknights-bg.jpg) 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(https://img.altema.jp/common/header/sevenknights-bg.jpg) 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(https://img.altema.jp/doumori/uploads/2018/12/2018y12m19d_2053252958.png);
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 ,#mainCenter 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,#mainCenter 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 ,#mainCenter p.newinfo-box p:empty{
display: none;
}
#main-contents p.newinfo-box:hover,#mainCenter p.newinfo-box:hover{
background:#f2fbfd;
border: 1px solid #c7e3ea;
}
#main-contents p.newinfo-box:after,#mainCenter 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,#mainCenter p.newinfo-box a{
display:block;
width:100%;
height:100%;
padding: 5px 5px 5px;
}
#main-contents p.newinfo-box a:after,#mainCenter p.newinfo-box a:after{
content: '';
display: block;
clear: both;
height: 0;
}
#main-contents p.newinfo-box a img,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter p.newinfo-box a u:before{
content: "\A" ;
white-space: pre ;
}
@media
only screen and (max-width : 414px){
#main-contents p.newinfo-box,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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 ,#mainCenter 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,#mainCenter 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,#mainCenter div.newinfo-box:hover{
background:#f2fbfd;
border: 1px solid #c7e3ea;
}
#main-contents div.newinfo-box a,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter div.newinfo-box a:after{
content: '';
display: block;
clear: both;
height: 0;
}
#main-contents div.newinfo-box a img,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter div.newinfo-box a u:before{
content: "\A" ;
white-space: pre;
}
#main-contents div.newinfo-box br,#mainCenter div.newinfo-box br{
display: none;
}
#main-contents div.newinfo-box p,#mainCenter div.newinfo-box p{
margin:0;
}
#main-contents div.newinfo-box p:empty,#mainCenter div.newinfo-box p:empty{
display: none;
}
@media
only screen and (max-width : 414px){
#main-contents div.newinfo-box,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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,#mainCenter 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 ,:root #mainCenter 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,:root #mainCenter div.newinfo-box a{
position:relative;
}
}
/*-------------------------------------------------------
書き込み画像並び
-------------------------------------------------------*/
/*コメントフォーム画像配置*/
#main-contents .commentlist p.comment-image,#mainCenter .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),#mainCenter .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,#mainCenter .commentlist p.comment-image img{
object-fit: contain;
width: 55px;
height: 55px;
background-color: #000;
}
#main-contents p.comment-image:before,#mainCenter p.comment-image:before{
content: '';
position: absolute;
z-index: 2;
width: 10px;
height: 10px;
background-repeat:no-repeat;
background-image: url(https://img.altema.jp/altema/uploads/2019/02/2019y02m08d_1225196235.png);
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,#mainCenter p.comment-image:hover{
opacity:0.7;
cursor:pointer;
}
@media only screen and (max-width: 896px){
#main-contents .commentlist p.comment-image,#mainCenter .commentlist p.comment-image{
margin-left: 10px;
}
#main-contents .commentlist p.comment-image img,#mainCenter .commentlist p.comment-image img{
width: 50px;
height: 50px;
}	
#main-contents p.comment-image:before,#mainCenter 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,#mainCenter .commentlist p.comment-image{
margin-left: 10px;
margin-bottom:5px;
}
#main-contents .commentlist p.comment-image img,#mainCenter .commentlist p.comment-image img{
width: 50px;
height: 50px;
}
#main-contents p.comment-image:before,#mainCenter p.comment-image:before{
width: 10px;
height: 10px;
bottom: 5px;
padding: 5px;
background-size: 15px;
}
}
#main-contents #comment_form #comment-image-wrapper,#mainCenter #comment_form #comment-image-wrapper{
margin:10px 0 0 0;
}
#main-contents #comment_form p#throwsSpamAway,#mainCenter #comment_form p#throwsSpamAway{
font-size:11px;
color:#777;
}
#main-contents #comment_form #comment-image-wrapper ul,#mainCenter #comment_form #comment-image-wrapper ul{
display:flex;
justify-content:center;
margin-bottom:10px;
}
#main-contents #comment_form #comment-image-wrapper li,#mainCenter #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,#mainCenter #comment_form #comment-image-wrapper li:last-child{
margin-right:0;
}
#main-contents #comment_form #comment-image-wrapper label ,#mainCenter #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,#mainCenter #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(https://img.altema.jp/altema/uploads/2019/02/2019y02m08d_1757309289.png);
background-repeat:no-repeat;
}
#main-contents #comment_form #comment-image-wrapper label span.file_path:hover,#mainCenter #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,#mainCenter #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(https://img.altema.jp/altema/uploads/2019/02/2019y02m13d_1944017756.png);
background-repeat:no-repeat;
}
#main-contents #comment_form #comment-image-wrapper li p,#mainCenter #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 (max-width: 896px){
#main-contents #comment_form #comment-image-wrapper li,#mainCenter #comment_form #comment-image-wrapper li{
width:24%;
margin:0 5px 0 0;
}
#main-contents #comment_form #comment-image-wrapper label ,#mainCenter #comment_form #comment-image-wrapper label{
font-size: 10px;
}
#main-contents #comment_form #comment-image-wrapper label span.file_path,#mainCenter #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(https://img.altema.jp/altema/uploads/2019/02/2019y02m08d_1757309289.png);
background-repeat:no-repeat;
}
#main-contents #comment_form #comment-image-wrapper label span.file_path.file_selected,#mainCenter #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(https://img.altema.jp/altema/uploads/2019/02/2019y02m12d_1519041465.png);
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 (max-width: 896px){

#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(https://img.altema.jp//common/ranking_game/rank/pr-osusume-1.png);
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(https://img.altema.jp//common/ranking_game/rank/pr-osusume-2.png);
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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//common/ranking_game/rank/pr-osusume-10.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:0px;
}
@media only screen and (max-width: 896px){
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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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(https://img.altema.jp//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,#mainCenter .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("https://img.altema.jp/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,#mainCenter .quizBtn-a:hover{
background: url("https://img.altema.jp/common/quiz-btn-a-hover.png") no-repeat 50%;
background-size:100%;
color: #fff;
border: none;
background-color:none;
}
#main-contents .quizBtn-b,#mainCenter .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("https://img.altema.jp/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,#mainCenter .quizBtn-b:hover{
background: url("https://img.altema.jp/common/quiz-btn-b-hover.png") no-repeat 50%;
background-size:100%;
color: #fff;
border: none;
background-color:none;
}
#main-contents .quizBtn-c,#mainCenter .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("https://img.altema.jp/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,#mainCenter .quizBtn-c:hover{
background: url("https://img.altema.jp/common/quiz-btn-c-hover.png") no-repeat 50%;
background-size:100%;
color: #fff;
border: none;
background-color:none;
}
#main-contents .quizBtn-d,#mainCenter .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("https://img.altema.jp/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,#mainCenter .quizBtn-d:hover{
background: url("https://img.altema.jp/common/quiz-btn-d-hover.png") no-repeat 50%;
background-size:100%;
color: #fff;
border: none;
background-color:none;
}

#main-contents a.quizmainBtn,#mainCenter a.quizmainBtn{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 35px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn.png") no-repeat 50%;
background-size:70%;
}
#main-contents a.quizmainBtn:hover,#mainCenter 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,#mainCenter 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("https://img.altema.jp/common/quiz-btn-s.png") no-repeat 50%;
background-size:70%;
}
#main-contents a.quizmainBtn2:hover,#mainCenter 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 ,#mainCenter 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("https://img.altema.jp/common/quiz-btn-n0.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn0:hover,#mainCenter 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,#mainCenter li.quizmainBtn1{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n1.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn1:hover,#mainCenter 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 ,#mainCenter li.quizmainBtn2{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n2.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn2:hover,#mainCenter 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 ,#mainCenter li.quizmainBtn3{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n3.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn3:hover,#mainCenter 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 ,#mainCenter li.quizmainBtn4{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n4.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn4:hover,#mainCenter 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 ,#mainCenter li.quizmainBtn5{
border: none;
border-radius: none;
color: none;
display: block;
font-weight: bold;
padding: 20px 0;
text-align:center;
color:  #FFF;
background: url("https://img.altema.jp/common/quiz-btn-n5.png") no-repeat 50%;
width:300px;
margin: 10px auto;
}
#main-contents li.quizmainBtn5:hover,#mainCenter 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("https://img.altema.jp/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("https://img.altema.jp/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,#mainCenter li.quizmainBtn0 a:link,#main-contents li.quizmainBtn0 a:visited,#mainCenter 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(https://img.altema.jp/common/submitBtn.jpg);
color:#FFF;
display: inline-block;
}
#form_button img{
display:none!important; 
}
div#reset.gachaBtn,#main-contents div#reset.gachaBtn,#mainCenter 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;
}
div#reset.gachaBtn:after{
display: none;
}
#main-contents #form_toukou #reset,#mainCenter #form_toukou #reset{
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
/*--------------------------------------------------------
検索フォーム(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,#mainCenter .top-gacha-list{
text-align: center;
padding: 0 10px 10px;
}
#main-contents .top-gacha-list ul,#mainCenter .top-gacha-list ul{
margin: 0 0 10px 0;
}
#main-contents .top-gacha-list img,#mainCenter .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,body #mainCenter .post h1{
width:100%;
margin:0 0 0px 0;
padding:0px 5px 5px 0px;
box-sizing:border-box;
}
#main-contents .h-koushin-box,#mainCenter .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,#mainCenter .h-koushin-box p.saisyu-txt{
display: inline-block;
text-align: left;
background:url(https://img.altema.jp/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,#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;
}
#main-contents .h-koushin-box p.comment-txt img,#mainCenter .h-koushin-box p.comment-txt img{
width:16px;
margin-right:5px;
}
#main-contents .sns-copytxt,#mainCenter .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,#mainCenter 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,#mainCenter p.mainImage + p:empty{
display: none;
}
#main-contents .sns-copytxt + p:empty ,#mainCenter .sns-copytxt + p:empty{
display: none;
}
#main-contents .sns-copytxt ul,#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;
}
#main-contents .sns-copytxt ul li,#mainCenter .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,#mainCenter .sns-copytxt ul .share-btn{
padding: 0px;
background:#FFF;
border:1px solid #000000;
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(https://img.altema.jp/monsuto/uploads/2025/12/2025y12m18d_1051562331.png);
background-repeat:no-repeat;
background-position: 45px center;
background-size:16px;
}
#main-contents .sns-copytxt ul .share-btn:hover,#mainCenter .sns-copytxt ul .share-btn:hover{
opacity:0.6;
}
#main-contents .sns-copytxt ul .share-btn a,#mainCenter .sns-copytxt ul .share-btn a{
color:#000000;
display:block;
padding: 5px 0 5px 21px;
}
#main-contents .sns-copytxt ul .share-btn a:hover,#mainCenter .sns-copytxt ul .share-btn a:hover{
display:block;
padding: 5px 0 5px 21px;
margin-left: 5px;
}
#main-contents .sns-copytxt ul .share-btn img,#mainCenter .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,#mainCenter .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(https://img.altema.jp/common/copytxt-icon.png);
background-repeat: no-repeat;
background-position: 42px center;
background-size: 16px;
}
#main-contents .sns-copytxt ul .url-copy-btn:hover,#mainCenter .sns-copytxt ul .url-copy-btn:hover{
opacity:0.6;    
}
#main-contents .sns-copytxt ul .url-copy-btn img,#mainCenter .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,#mainCenter .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(https://img.altema.jp/common/okiniiri-icon-3.png);
background-repeat: no-repeat;
background-position: 37px center;
background-size: 16px;
}
#main-contents .sns-copytxt ul .favorite-button:hover,#mainCenter .sns-copytxt ul .favorite-button:hover{
opacity:0.6;
}
#main-contents .sns-copytxt ul .favorite-button.selected,#mainCenter .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(https://img.altema.jp/common/okiniiri-icon-2.png);
background-repeat:no-repeat;
background-position: 37px center;
background-size:16px;
}
#main-contents .sns-copytxt ul .favorite-button a,#mainCenter .sns-copytxt ul .favorite-button a{
color:#20bee2;
display:block;
padding: 5px;
}
#main-contents .sns-copytxt ul .favorite-button a:hover,#mainCenter .sns-copytxt ul .favorite-button a:hover{
color:#FFF;
display:block;
padding: 5px;
}
#main-contents .sns-copytxt ul .favorite-button img,#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;
}

@media
only screen and (max-width : 414px){
#main-contents .sns-copytxt ul .share-btn,#mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button.selected{
background-image:url(https://img.altema.jp/common/okiniiri-icon-2.png);
background-repeat:no-repeat;
background-position: 22px center;
background-size:16px;
padding-left:20px;
}
#main-contents .sns-copytxt ul,#mainCenter .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,#mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button.selected{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button.selected{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,#mainCenter .sns-copytxt ul .favorite-button.selected{
background-image:url(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 ,body#headermenuMb #mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .favorite-button{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/altema/images/thumbs_up_gray.png);
background-size:14px;
background-position:left 2px;
background-repeat:no-repeat;
vertical-align: middle;
}

@media only screen and (max-width: 896px){
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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
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 (max-width: 896px){
.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_"] ,#mainCenter .ninki-ranking div[class^="adstir_native_wrapper_"]{
padding:0;
}
#main-contents .ninki-ranking div[class^="adstir_native_wrapper_"] ,#mainCenter .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_"] ,#mainCenter .ninki-ranking span[class^="adstir_native_contents_"]{
padding: 0px;
border-bottom: 0;
}
#main-contents .ninki-ranking span[class^="adstir_native_banner_"] ,#mainCenter .ninki-ranking span[class^="adstir_native_banner_"]{
border-radius:4px;
height: 35px;
max-width: initial;
}

/*-----------------------------------
ランキングタブ
--------------------------------------*/
#main-contents ul.osusume-navi,#mainCenter ul.osusume-navi{
display:flex;
}
#main-contents ul.osusume-navi li,#mainCenter ul.osusume-navi li{
margin:0!important;
padding:0;
width:auto;
width:50%;
}
#main-contents ul.osusume-navi li:nth-of-type(1),#mainCenter ul.osusume-navi li:nth-of-type(1){
padding:0 3px 0 0;
}
#main-contents ul.osusume-navi li:nth-of-type(2),#mainCenter ul.osusume-navi li:nth-of-type(2){
padding:0 0px 0 3px;
}
#main-contents ul.osusume-navi li a,#mainCenter ul.osusume-navi li a{
margin: 0!important;
width:auto;
}
#main-contents ul.osusume-navi + div,#mainCenter ul.osusume-navi + div{
    padding-top:10px;
}
#main-contents ul.osusume-navi + div + div,#mainCenter ul.osusume-navi + div + div{
    padding-top:10px;
}

/*--------------------------------------------------------
h1攻略班表示
-------------------------------------------------------*/
body.home #main-contents .h-koushin-box,body.home #mainCenter .h-koushin-box{
margin: 2px 0 5px!important;
}
#main-contents .h-koushin-box,#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;
}
#main-contents .h-koushin-box:after,#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(https://img.altema.jp/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,#main #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;
}
#main-contents .h-koushin-box p.comment-txt,#mainCenter .h-koushin-box p.comment-txt{
position:absolute;
right:0;
bottom:0;
margin-top:2px;
margin-bottom:2px;
}
@media only screen and (max-width: 896px){
body.home #main-contents .h-koushin-box,body.home #mainCenter .h-koushin-box{
margin: 2px 0 2px!important;
}
#main-contents .h-koushin-box,#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;
}
#main-contents .h-koushin-box:after,#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(https://img.altema.jp/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,#main #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;
}
#main-contents .h-koushin-box,#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;
}
}
#main-contents .h-koushin-box + .sns-copytxt,#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;
}


/*--------------------------------------------------------
更新日表示DB（開発用）
-------------------------------------------------------*/
#main #main-contents p.saisyu-txt-db,#main #mainCenter p.saisyu-txt-db{
margin:2px 0 2px 3px!important;
}
#main-contents p.saisyu-txt-db,#mainCenter p.saisyu-txt-db{
display: inline-block;
text-align: left;
background:url(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#main #main-contents p.saisyu-txt-db,#main #mainCenter p.saisyu-txt-db{
margin:2px 0 2px 10px!important;
}
}


/*-------------------------------------------------------
コメント
-------------------------------------------------------*/
#main-contents .comment ,#mainCenter .comment{
padding: 0 0px 0px;
border-bottom: 1px #bbb dashed;
box-sizing: border-box;
}
#main-contents .comment + a,#mainCenter .comment + a{
height:10px;
display:block;
}
#main-contents .comment-author,#mainCenter .comment-author{
font-size:11px;
margin-bottom:0px;
}
#main-contents .comment-author span:first-child,#mainCenter .comment-author span:first-child{
font-weight: bold;
font-size:12px;
margin-right:5px;
}
#main-contents .comment-author01 .authname ,#mainCenter .comment-author01 .authname{
color: #999;
font-size:12px;
margin-right:5px;
}
#main-contents .comment-author01 .authname cite,#mainCenter .comment-author01 .authname cite{
font-style:normal;
font-weight:bold;
}
#main-contents .comment p,#mainCenter .comment p{
padding:10px 10px;
box-sizing:border-box;
border-radius:5px;
margin:0;
}
#main-contents .comment .getajcom ,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .comment-meta span{
display:inline-block;
font-size:11px;
}
#main-contents .comment-meta span.comment-reply-link,#mainCenter .comment-meta span.comment-reply-link{
float:none;
position:absolute;
right:10px;
bottom:10px;
}
#main-contents .comment-meta span.comment-reply-link a,#mainCenter .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,#mainCenter .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(https://img.altema.jp/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,#mainCenter .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,#mainCenter 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 ,#mainCenter 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,#mainCenter .post .okini-box + div{
margin-top:15px;
}
#main-contents .post .okini-box + div.sns-button02,#mainCenter .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 ,#mainCenter 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 ,#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);
}

div.sns-copytxt + .contents > .article > p:first-child img{
margin-top:15px;
}
@media only screen and (max-width: 896px){
div.sns-copytxt + .contents > .article > p:first-child img{
margin-top:0px;
}
}

form#siborikomiForm{
padding-bottom:20px;	
}

/*中央ぞろえ共用*/
#main-contents .centered,#mainCenter .centered,#main-contents .centered th,#mainCenter .centered th,#main-contents .centered_th th,#mainCenter .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(https://img.altema.jp/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 .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 (max-width: 896px){
#main-contents .search-result-box,#mainCenter .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,#mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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{
top: 30px;
right: 30px;
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 (max-width: 896px){
.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{
top: 30px;
right: 30px;
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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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,#mainCenter .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(https://img.altema.jp/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 (max-width: 896px){
#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(https://img.altema.jp/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 (max-width: 896px){
#main-contents .rank-scrollBt,#mainCenter .rank-scrollBt{
display:block;
position:fixed;
bottom:130px;
right:0;
z-index:9999;
font-family: 'Kosugi Maru', sans-serif;
}
#main-contents .rank-scrollBt a,#mainCenter .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,#mainCenter .rank-scrollBt a:before{
content:"";
background: url(https://img.altema.jp/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,#mainCenter .rank-scrollBt a:after{
content:"";
background: url(https://img.altema.jp/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;
clear: both;
}

#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,#mainCenter .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,#mainCenter .question-area{
margin:10px 0;
}
#main-contents .question-area .question-text,#mainCenter .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,#mainCenter .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,#mainCenter .question-area .anketo-items{
padding:10px;
}
#main-contents .question-area .anketo-item,#mainCenter .question-area .anketo-item{
position:relative;
}
#main-contents .question-area .anketo-item textarea,#mainCenter .question-area .anketo-item textarea{
width:100%;
box-sizing:border-box;
margin:10px 0 0;
}
#main-contents .text-limit,#mainCenter .text-limit{
font-weight:bold;
color:#676767;
text-align:right;
}
#main-contents .question-area + button.next-button,#mainCenter .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,#mainCenter button.next-button:hover{
opacity:0.8;
}
#main-contents .question-area ul li input[type=radio],#mainCenter .question-area ul li input[type=radio]{
display:none;
}
#main-contents .question-area ul li input[type=checkbox],#mainCenter .question-area ul li input[type=checkbox]{
display:none;
}
#main-contents .question-area ul li label,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .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(https://img.altema.jp/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,#mainCenter .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 (max-width: 896px){
#main-contents .question-area,#mainCenter .question-area{
margin:5px;
}
#main-contents .question-area .anketo-item textarea,#mainCenter .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 (max-width: 896px){
.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,#mainRight ul.wpp-list{
margin-top:0;
margin-bottom:10px;;
}
#sidebar #ranking-area ul.wpp-list li,#mainRight ul.wpp-list li{
background:none;
padding:0;
margin:0;
}
#sidebar #ranking-area ul.wpp-list li a,#mainRight 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,#mainRight 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,#mainRight ul.wpp-list li:nth-of-type(1) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr1-s.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(2) a:before,#mainRight ul.wpp-list li:nth-of-type(2) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr2-s.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(3) a:before,#mainRight ul.wpp-list li:nth-of-type(3) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr3-s.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(4) a:before,#mainRight ul.wpp-list li:nth-of-type(4) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr4.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(5) a:before,#mainRight ul.wpp-list li:nth-of-type(5) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr5.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(6) a:before,#mainRight ul.wpp-list li:nth-of-type(6) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr6.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(7) a:before,#mainRight ul.wpp-list li:nth-of-type(7) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr7.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(8) a:before,#mainRight ul.wpp-list li:nth-of-type(8) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr8.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(9) a:before,#mainRight ul.wpp-list li:nth-of-type(9) a:before{background-image:url(https://img.altema.jp/common/ranking_game/rank/pr9.png);}
#sidebar #ranking-area ul.wpp-list li:nth-of-type(10) a:before,#mainRight ul.wpp-list li:nth-of-type(10) a:before{background-image:url(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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,.col3 #mainCenter{
width: 480px;
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,#mainRight .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,#mainRight .widget-conts ul{
padding:0;
box-sizing:border-box;
}
.sub-column .widget-conts ul li,#mainRight .widget-conts ul li{
border-bottom:1px solid #efefef;
padding:6px 10px;
background:none;
}
.sub-column .widget-conts ul li:last-of-type,#mainRight .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,#mainRight .widget-conts ul li a{
display:block;
}
.sub-column .widget-conts dl,#mainRight .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,#mainRight .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,#mainRight ul.wpp-list{
margin-top:0;
margin-bottom:0;
}
.col3 #sidebar #ranking-area ul.wpp-list li,#mainRight 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,#mainRight ul.wpp-list li:last-of-type{
border-bottom:0px solid #efefef;
}
.col3 #sidebar #ranking-area ul.wpp-list li a,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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,#mainRight 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 (max-width: 896px){
.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 ,#mainCenter .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 (max-width: 896px){
.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 (max-width: 896px){
.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,#mainCenter .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,#mainCenter .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,#mainCenter .hyouka-main-wrap.h-no1 .h-main-name:before{
content: '1';
}
#main-contents .hyouka-main-wrap.h-no2 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no2 .h-main-name:before{
content: '2';
}
#main-contents .hyouka-main-wrap.h-no3 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no3 .h-main-name:before{
content: '3';
}
#main-contents .hyouka-main-wrap.h-no4 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no4 .h-main-name:before{
content: '4';
}
#main-contents .hyouka-main-wrap.h-no5 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no5 .h-main-name:before{
content: '5';
}
#main-contents .hyouka-main-wrap.h-no6 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no6 .h-main-name:before{
content: '6';
}
#main-contents .hyouka-main-wrap.h-no7 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no7 .h-main-name:before{
content: '7';
}
#main-contents .hyouka-main-wrap.h-no8 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no8 .h-main-name:before{
content: '8';
}
#main-contents .hyouka-main-wrap.h-no9 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no9 .h-main-name:before{
content: '9';
}
#main-contents .hyouka-main-wrap.h-no10 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no10 .h-main-name:before{
content: '10';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no11 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no11 .h-main-name:before{
content: '11';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no12 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no12 .h-main-name:before{
content: '12';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no13 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no13 .h-main-name:before{
content: '13';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no14 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no14 .h-main-name:before{
content: '14';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no15 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no15 .h-main-name:before{
content: '15';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no16 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no16 .h-main-name:before{
content: '16';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no17 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no17 .h-main-name:before{
content: '17';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no18 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no18 .h-main-name:before{
content: '18';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no19 .h-main-name:before,#mainCenter .hyouka-main-wrap.h-no19 .h-main-name:before{
content: '19';
left: 18px;
}
#main-contents .hyouka-main-wrap.h-no20 .h-main-name:before,#mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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,#mainCenter .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: 896px){
.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: 896px){
.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: 896px){
#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,#mainCenter #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 (max-width: 896px){
.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 (max-width: 896px){
#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 (max-width: 896px){
.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 (max-width: 896px){
#main-contents .contactWrap > section h2,#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;
}
#main-contents .contactWrap > section:first-of-type h2,#mainCenter .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 (max-width: 896px){
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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#main-contents div.contactInner02 li,#mainCenter div.contactInner02 li{
padding: 0;
margin-bottom: 10px;
}
#main-contents div.contactInner02 li:last-of-type,#mainCenter div.contactInner02 li:last-of-type{
margin-bottom: 0;
}
#main-contents .contactWrap section:first-of-type h2,#mainCenter .contactWrap section:first-of-type h2{
margin-top: 0;
}
#main-contents .contactWrap section:first-of-type ul + p,#mainCenter .contactWrap section:first-of-type ul + p{
margin-top: 10px!important;
}
#main-contents.pagesignin .contents,#mainCenter.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,#mainCenter .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 ,#mainCenter .hyoubanbox04 h4{
margin-top: 0;
border-left: none
}
#main-contents .hyoubanbox04 dt,#mainCenter .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 ,#mainCenter .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 ,#mainCenter .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 (max-width: 896px){
.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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-position: 33px center;
padding-left: 2px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-position: 29px center;
padding-left: 23px;
}
body#headermenuMb #main-contents .sns-copytxt ul .favorite-button,body#headermenuMb #mainCenter .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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-position: 29px center;
padding-left: 5px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-position: 25px center;
padding-left: 23px;
}
body#headermenuMb #main-contents .sns-copytxt ul .favorite-button,body#headermenuMb #mainCenter .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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-position: 25px center;
padding-left:3px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-position: 20px center;
padding-left:23px;
}
body#headermenuMb #main-contents .sns-copytxt ul .favorite-button,body#headermenuMb #mainCenter .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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-position: 22px center;
padding-left:0px;
}
body#headermenuMb #main-contents .sns-copytxt ul .url-copy-btn,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-position: 20px center;
padding-left:25px;
}
body#headermenuMb #main-contents .sns-copytxt ul .favorite-button,body#headermenuMb #mainCenter .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,body#headermenuMb #mainCenter .sns-copytxt ul .share-btn{
background-image:url(https://img.altema.jp/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,body#headermenuMb #mainCenter .sns-copytxt ul .url-copy-btn{
background-image:url(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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: 896px){
#main-contents #comment_form #comment-image-wrapper ul,#mainCenter #comment_form #comment-image-wrapper ul{
margin-bottom: 10px!important;
}
}


/*--------------------------------------------------------------
検索結果調整
-------------------------------------------------------------*/
.search-result-box .search-result-txt{
width: 74%;
}
@media only screen and (max-width: 896px){
.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,#main #mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/common/ranking_game/rank/pr6.png)!important;
}
@media only screen and (max-width: 896px){
.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;
}
span.bottom-text-linghight{
margin-top:-5px;
display:block;
}
.tag-icon2 {
display: inline-block;
border-radius: 2px;
width: max-content;
font-size: 10px;
padding: 3px 3px;
margin:0px;
line-height: 1;
}
/*-----効果：文字制限(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,#mainCenter 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,#mainCenter table.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6!important;
}
#main-contents table.supplement th:last-child,#mainCenter table.supplement th:last-child,#main-contents table.supplement tr td:last-child,#mainCenter table.supplement tr td:last-child{
border-right:1px dashed #dde4e6!important;
}
#main-contents table.supplement tr:last-child td,#mainCenter 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,#mainCenter table.all-center th,
#main-contents table.all-center td  ,#mainCenter table.all-center td{
text-align:center;
}
#main-contents table.th-center th,#mainCenter table.th-center th{
text-align:center;
}
#main-contents table.td-right td:not(.default),#mainCenter 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;
border-collapse: separate;
border-spacing: 0;
}
.table-scroll-fix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
box-shadow: 1px 0 1px #dde4e6;
z-index: 1;
box-shadow:none;
}
.table-scroll-fix th{
width:100%;
}

/*-----効果：sortボタン併用-----*/
#main-contents .table-scroll-fix .sort-th-re:first-child,#mainCenter .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;
}

/*-----効果：手順ボックス-----*/
#mainCenter .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;
}
#mainCenter .post .procedure-list:empty{
display:none;
}
#mainCenter .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;
}
#mainCenter .post .procedure-list ol,#mainCenter .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;
}
#mainCenter .post .procedure-list li,#mainCenter .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;
}
#mainCenter .post .procedure-list li:last-of-type{
border-bottom: 0;
}
#mainCenter .post .procedure-list ul li:before{
content: '';
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;
}
#mainCenter .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(https://img.altema.jp/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center center / 10px;
}
#mainCenter .post table img{
vertical-align: middle;
}
@media only screen and (max-width: 896px){
#mainCenter .post .procedure-list .title{
font-size: 13px;
}
}
#mainCenter .post .procedure-list + h2,#mainCenter .post .procedure-list + h3,#mainCenter .post .procedure-list + h4{
margin-top: 30px!important;
}
.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 (max-width: 896px){
.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,#container #mainCenter .procedure-detail .list-text,#main-contents .procedure-detail .list-text,#mainCenter .procedure-detail .list-text{
margin-bottom: 10px;
}
#container #main-contents .procedure-detail .list-text:after,#container #mainCenter .procedure-detail .list-text:after,#main-contents .procedure-detail .list-text:after,#mainCenter .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 (max-width: 896px){
#main-contents .accordion_table,#mainCenter .accordion_table{
display: block;
overflow: hidden;
border: 0;
border-left: 1px solid #dde4e6;
border-top: 1px solid #dde4e6;
}
#main-contents .acd-more-btn,#mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1125164515.png);
}
.PRrank-icon2 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1127572143.png);
}
.PRrank-icon2 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_112756379.png);
}
.PRrank-icon2 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1127555122.png);
}
.PRrank-icon2 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1127546325.png);
}
.PRrank-icon2 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1127533528.png);
}
.PRrank-icon2 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1127526062.png);
}
.PRrank-icon2 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1127515319.png);
}
.PRrank-icon2 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1129167593.png);
}
.PRrank-icon2 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_112915798.png);
}
.PRrank-icon2 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1129135861.png);
}
.PRrank-icon2 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1129127411.png);
}
.PRrank-icon2 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1129118726.png);
}
.PRrank-icon2 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1129110081.png);
}
.PRrank-icon2 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1129101781.png);
}
.PRrank-icon2 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_112909395.png);
}
.PRrank-icon2 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1132189343.png);
}
.PRrank-icon2 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_113221937.png);
}
.PRrank-icon2 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://img.altema.jp/altema/uploads/2022/09/2022y09m06d_1132209276.png);
}
.PRrank-icon2 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://img.altema.jp/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('https://img.altema.jp/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,#mainCenter .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,#mainCenter .tejun p{
font-size: 110%;
font-weight: bold;
margin: 5px 0 5px 10px;
}
#main-contents ul.tejun,#mainCenter ul.tejun{
background: #ffffff;
padding: 16px 0 10px 20px;
margin-bottom: 20px;
}
#main-contents ul.tejun li,#mainCenter ul.tejun li{
margin-left: 0;
font-weight: bold;
color: #333;
}
#main-contents .tejun ol li,#mainCenter .tejun ol li{
margin-left:0;
font-weight: bold;
color: #333;
}
#main-contents .tejun ol,#mainCenter .tejun ol{
margin-left:0px!important;
}
#main #main-contents .tejun ol li,#main #mainCenter .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,
div#mainCenter .awasete ul{
margin-bottom: 0px;
}
.awasete dt{
background: #fff6ca url('https://img.altema.jp/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,
#mainCenter .awasete dd{
background:#fffdec;
border:2px solid #fff6ca;
padding:5px 10px;
margin:0;
}
#main-contents .awasete dd ul li,
#mainCenter .awasete dd ul li{
border-bottom:1px dotted #ccc;
padding:5px 0;
margin:0;
}
#main-contents .awasete dd ul li:last-child,
#mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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(https://img.altema.jp/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 only screen and (max-width: 896px) {
.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(https://img.altema.jp/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 (max-width: 896px){
.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 (max-width: 896px){
.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,#mainCenter .point-wakuBox3 .inner p{
margin: 0;
width: calc(100% - 67px);
}

@media only screen and (max-width: 896px){
.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,#mainCenter .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,#mainCenter .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,#mainCenter ul.awasete2{
background: #ffffff;
border: 2px solid #adbdc1;
margin:20px 0;
border-radius:2px;
padding:0 0px;
background-image:url(https://img.altema.jp/common/kijiicon3.png);
background-repeat:no-repeat;
background-size:130px;
background-position:107% -30%;
}
#main-contents .awasete2 li,#mainCenter .awasete2 li{
border-bottom: 1px dashed #e9f2f5;
margin:0;
line-height:normal;
}
#main-contents .awasete2 li:last-child,#mainCenter .awasete2 li:last-child{
border-bottom: 0px solid #ccc;
}
#main-contents .awasete2 li a,#mainCenter .awasete2 li a{
display: block;
padding:8px 10px 7px 40px;
font-size:12px;
position:relative;
font-weight:bold;
}
#main-contents .awasete2 li a:before,#mainCenter .awasete2 li a:before{
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url(https://img.altema.jp/common/kijiicon-yaji1.png);
background-size:20px;
background-repeat: no-repeat;
background-position:50% 40%;
}
#main-contents .awasete2 li a:hover,#mainCenter .awasete2 li a:hover{
background: #ffa34c;
color:#FFF;
opacity: 0.4;
}
#main-contents .awasete2 li a:hover:before,#mainCenter .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(https://img.altema.jp/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,#mainCenter .post .list-normal,#main-contents .post .list-no,#mainCenter .post .list-no,#main-contents .post .list-check,#mainCenter .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;
box-sizing: border-box;
height: 21px;
margin: 3px;
border-radius: 5px;
text-align: center;
font-style: normal;
line-height: 15px;
color: #444;
}


/*-----効果：テーブルカラー-----*/
#main-contents table.tLine-00,#mainCenter table.tLine-00,#main-contents table.tLine-00 th,#mainCenter table.tLine-00 th,#main-contents table.tLine-00 td,#mainCenter 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,#mainCenter table.tLine-00,#main-contents table.tLine-00 th,#mainCenter table.tLine-00 th,#main-contents table.tLine-00 td,#mainCenter 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,#mainCenter table.tLine-01 th,#main-contents table.tLine-01 td,#mainCenter table.tLine-01 td{
border:1px solid #e49f84;
}
#main-contents table.tLine-01 th,#mainCenter table.tLine-01 th,#main-contents table.tLine-01 td:first-child,#mainCenter 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,#mainCenter .flow-wrap .step p + p .gachaBtn{
margin-top: 10px;
}
#main-contents .flow-wrap .step p:last-child .gachaBtn,#mainCenter .flow-wrap .step p:last-child .gachaBtn{
margin-bottom: 0;
}
@media only screen and (max-width: 896px){
#main-contents .post .flow-wrap .box,#mainCenter .post .flow-wrap .box{
padding: 0 0 16px 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;
}
#main-contents .flow-wrap .step-midasi,#mainCenter .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: 896px){
#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 (max-width: 896px){
.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 (max-width: 896px){
.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,#mainCenter .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,#mainCenter .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,#mainCenter .osusume-user_box li:last-of-type{
margin: 0;
}
@media only screen and (max-width: 896px){
.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,#mainCenter .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,#mainCenter .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 (max-width: 896px){
.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 (max-width: 896px){
.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(https://img.altema.jp/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,#mainCenter .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: 896px){
.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: 896px){
.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,body #mainCenter .myPbox-newdesign .myPro-name{
margin: 0 0 0px;
line-height: 1;
}
#main-contents h2.myPh,#mainCenter 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,body #mainCenter .myPbox-newdesign .myMainbox-p .myPro-name{
line-height: 1;
margin: 0;
}
#main-contents .post .mypageMain-box h2,#mainCenter .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;
border: 0;
border-radius: 0;
}
#mainCenter .mypageMain-box h2:not(.myPh):before{
content:"";
width:3px;
height:50%;
background:rgb(46 201 255 / 65%);
position:absolute;
top:0px;
left:0px;
right: auto;
bottom: auto;
border: 0;
}
#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) ,#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;
}
#main-contents .mypageMain-box h2:not(.myPh):before,#mainCenter .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,#mainCenter .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 (max-width: 896px){
.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 (max-width: 896px){
.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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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:12px 40px 12px 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:15px;
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;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}
@media only screen and (max-width: 896px){
.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(https://img.altema.jp/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,.mainInner-col1 #mainCenter 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 ,.mainInner-col1 #mainCenter 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 (max-width: 896px){
#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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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: 27px;
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,
#mainCenter .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: 896px){
.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,#mainCenter .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,#mainCenter .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,body #container  #mainCenter .qa-wrap h3,
body #container #mainCenter .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,
body #container #mainCenter .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 (max-width: 896px){
body #container #main-contents .qa-wrap h3,
body #container #mainCenter .qa-wrap h3{
font-size: 13px;
}
body #container #main-contents .qa-wrap h3:before,
body #container #mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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,#mainCenter .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,div#mainCenter .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 (max-width: 896px){
.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,#mainCenter .attentionBox dl dd{
position: relative;
padding-left: 1em;
text-indent: -1em;
margin-left: 6px;
}
#main-contents .attentionBox dl dd:before,#mainCenter .attentionBox dl dd:before{
content: '';
display: inline-block;
width: 18px;
height: 14px;
background:url(https://img.altema.jp/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(https://img.altema.jp/altema/uploads/2023/11/2023y11m22d_1226577102.png);
}
#tuizyu-search .ninki a:before{
background-image: url(https://img.altema.jp/altema/uploads/2023/11/2023y11m22d_1226588717.png);
}
#tuizyu-search .coment a:before{
background-image: url(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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,#mainCenter .searchResultsCount{
line-height: 1;
margin-bottom: 0;
}
#main-contents .searchResultsCheckbox,#mainCenter .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 (max-width: 896px){
.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,body .page-searchresults #mainCenter .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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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,#main #mainCenter .post p{
font-size: 13px;
line-height: 1.7;
margin-bottom: 1.2em;
}
#main #main-contents .post p.lead,#main #mainCenter .post p.lead{
font-size: 12px;
margin:10px 0;
}
#main #main-contents .post h2,#main #mainCenter .post h2{
font-size: 16px;
line-height: 1.6;
}
#main #main-contents .post h3,#main #mainCenter .post h3{
font-size: 15px;
line-height: 1.4;
}
#main #main-contents .post h4,#main #mainCenter .post h4{
font-size: 14px;
line-height: 1.3;
}
#main #main-contents .post li,#main #mainCenter .post li{
font-size: 14px;
line-height: 1.5;
}
.post dt,.post dd{
font-size: 14px;
}
#main #main-contents .post table,#main #mainCenter .post table{
font-size: 11.5px;
line-height: 1.8;
}
#main #main-contents .post th,#main #mainCenter .post th,#main #main-contents .post td,#main #mainCenter .post td{
font-size: 100%;
padding: 8px 6px 7px;
}
#main #main-contents .post .tableLine tr:nth-child(odd) ,#main #mainCenter .post .tableLine tr:nth-child(odd){
background: none;
}
#main #main-contents .post table li,#main #mainCenter .post table li{
font-size: 100%;
}
#main #main-contents .post table dt,#main #mainCenter .post table dt{
font-size: 100%;
}
#main #main-contents .post table dd,#main #mainCenter .post table dd{
font-size: 100%;
}
/*応急処置*/
#main #main-contents .post .acMenu li h4,#main #mainCenter .post .acMenu li h4{
font-size: 14px;
}
#main #main-contents .post .acMenu th,#main #mainCenter .post .acMenu th, #main #main-contents .post .acMenu td,#main #mainCenter .post .acMenu td{
font-size: 11.5px;
}
#main #main-contents #following-table.sort-table th,#main #mainCenter #following-table.sort-table th{
padding:6px 7px 15px 7px;
}
#main #main-contents #following-table.sort-table .sort-re ,#main #mainCenter #following-table.sort-table .sort-re{
bottom: 1px;
}

@media only screen and (max-width: 896px){
#main #main-contents .post h2,#main #mainCenter .post h2{
font-size: 16px;
line-height: 1.7;
}
#main #main-contents .post h3,#main #mainCenter .post h3{
font-size: 15px;
line-height: 1.5;
}
#main #main-contents .post h4,#main #mainCenter .post h4{
font-size: 14px;
line-height: 1.5;
}
/*応急処置*/
#main #main-contents .post .acMenu li h4,#main #mainCenter .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,#mainCenter .post h4{
padding: 0 10px 0 23px;
position: relative;
margin: 15px 0;
border:0;
color: #333;
}
#main-contents .post h4:before,#mainCenter .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,#mainCenter .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,#main #mainCenter .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 #mainCenter .post th, #main #main-contents .post td,#main #mainCenter .post td,#mainCenter .post th,#mainCenter .post td{
border-right: 1px solid #c0c9d0;
border-bottom: 1px solid #c0c9d0;
}
/*-----おすすめ-----*/
#main #main-contents .post .attentionBox,#main #mainCenter .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,#main #mainCenter .post .attentionBox dt,#mainCenter .post .attentionBox dt{
margin:12px 0 0px;
font-size:13px;
}
#main #main-contents .post .attentionBox a,#main #mainCenter .post .attentionBox a,#mainCenter .post .attentionBox a{
font-size:12px;
}
#main #main-contents .post .attentionBox dd,#main #mainCenter .post .attentionBox dd,#mainCenter .post .attentionBox dd{
font-size:12px;
}
#main #main-contents .post .attentionBox dt:first-child,#main #mainCenter .post .attentionBox dt:first-child,#mainCenter .post .attentionBox dt:first-child{
margin:0px 0 0px;
}
#main #main-contents .post .attentionBox dl dd:before,#main #mainCenter .post .attentionBox dl dd:before,#mainCenter .post .attentionBox dl dd:before{
content: '';
display: inline-block;
width: 10px;
height: 10px;
/*
background:url(https://img.altema.jp/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,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo ul,#mainCenter .post .mokujiInfo ul{
margin: 0 5px 8px 5px;
}
#main #main-contents .post .mokujiInfo ul li,#main #mainCenter .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,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo ul li a,#mainCenter .post .mokujiInfo ul li a{
display: block;
}
#main #main-contents .post .mokujiInfo p,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo p.mokujiTitle,#mainCenter .post .mokujiInfo p.mokujiTitle{
margin:0;
}
#main #main-contents .post .mokujiInfo h2,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo h2:before,#mainCenter .post .mokujiInfo h2:before{
display:none;
}
@media only screen and (max-width: 896px){
#main-contents .post h4:before,#mainCenter .post h4:before {
top: 0px;
}
#main #main-contents .post .mokujiInfo,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo ul,#mainCenter .post .mokujiInfo ul{
margin: 0 5px 12px 5px !important;
}
#main #main-contents .post .mokujiInfo ul li,#main #mainCenter .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,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo ul li a,#mainCenter .post .mokujiInfo ul li a{
display: block;
}
#main #main-contents .post .mokujiInfo p,#main #mainCenter .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,#main #mainCenter .post .mokujiInfo p.mokujiTitle,#mainCenter .post .mokujiInfo p.mokujiTitle{
margin:0;
}
}

/*-----効果：手順ボックス-----*/
#main #main-contents .post .procedure-list,#main #mainCenter .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,#main #mainCenter .post .procedure-list:empty{
display:none;
}
#main #main-contents .post .procedure-list .title,#main #mainCenter .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 #mainCenter .post .procedure-list ol,#main #main-contents .post .procedure-list ul,#main #mainCenter .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 #mainCenter .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,#main #mainCenter .post .procedure-list li:last-of-type{
border-bottom: 0;
}
#main #main-contents .post .procedure-list li:before,#main #mainCenter .post .procedure-list li:before{
content: '';
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,#main #mainCenter .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(https://img.altema.jp/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center center / 10px;
}
#main #main-contents .post table img,#main #mainCenter .post table img{
vertical-align: middle;
}
@media only screen and (max-width: 896px){
#main #main-contents .post .procedure-list .title,#main #mainCenter .post .procedure-list .title{
font-size: 13px;
}
}
#main #main-contents .post .procedure-list + h2,#main #mainCenter .post .procedure-list + h2,#main #main-contents .post .procedure-list + h3,#main #mainCenter .post .procedure-list + h3,#main #main-contents .post .procedure-list + h4,#main #mainCenter .post .procedure-list + h4{
margin-top: 30px!important;
}
/*-----こちらもチェック-----*/
#main #main-contents .post .awasete,
#main #mainCenter .post .awasete{
margin:10px 0;
position:relative;
box-shadow:0 1px 1px 0px rgb(215 216 222 / 25%);
}
#main #main-contents .post .awasete dt,
#main #mainCenter .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,
#main #mainCenter .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(https://img.altema.jp/altema/uploads/2023/06/2023y06m27d_1620105001.png) no-repeat center / 14px;
}
#main #main-contents .post .awasete dd,
#main #mainCenter .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,
#main #mainCenter .post .awasete dd ul li{
padding:10px 0;
font-weight:bold;
}
#main #main-contents .post .awasete dd ul li a,
#main #mainCenter .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,#main #mainCenter .post .new_koukokuwaku_wrapper,.new_koukoku_wrapper {
margin: 30px auto!important;
}

/*-------------------------------------------------------
目次モーダル
-------------------------------------------------------*/
.mokuji-modal-wrap{
display: none;
}
@media only screen and (max-width: 896px){
.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(https://img.altema.jp/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(https://img.altema.jp/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 ,#mainCenter .post #party_toukou_reset{
padding: 8px 0px !important;
width: 150px !important;
margin: 0px 0px 20px 0px;
}
body #main-contents .post h1,body #mainCenter .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,#main #mainCenter .h-koushin-box p.saisyu-txt{
font-size: 12px!important;
background: url(https://img.altema.jp/altema/uploads/2024/04/2024y04m25d_183440526.png) no-repeat 3px 3px / 12px;
}
@media only screen and (max-width: 896px){
#main #main-contents .h-koushin-box p.saisyu-txt ,#main #mainCenter .h-koushin-box p.saisyu-txt{
background: url(https://img.altema.jp/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:896px){
#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,#mainCenter.pagecompany-information .post h2:before{
border-width:0px;
}
#main-contents.pagecompany-information .post h2,#mainCenter.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 ,#mainCenter.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 ,#mainCenter.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 (max-width: 896px){
.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,#mainCenter .post .contactWrap.signin-box h2:before{
border-width: 0px 0px 0px 0px;
border-style: none;
}
#main-contents .post .contactWrap.signin-box h2,#mainCenter .post .contactWrap.signin-box h2{
border-right:0px;
}

/*------------------------------------------------------------
広告非表示
-------------------------------------------------------------*/
.following_searchtab#tuizyu-search{
display:none !important;
}
.following_searchtab#tuizyu-search.following-searchtab-visible{
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 (max-width: 896px){
.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(https://img.altema.jp/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 (max-width: 896px){
.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 #mainCenter,.darkMode #sidebar .widget-conts{
background: #000;
color: #fff;
}
.darkMode #main-contents .comment_conts_after_json,.darkMode #mainCenter .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 #mainCenter 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 #mainCenter .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 #mainCenter .menu-cont h3, body.darkMode #main #main-contents .plan-cont h3,body.darkMode #main #mainCenter .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 #mainCenter .post .osusume-rank15 h3,.darkMode #main-contents .post .osusume-rank15 h4,.darkMode #mainCenter .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,.darkMode #mainCenter .post th .b-red{
color: #444!important;
}
.darkMode #main-contents .post h1,.darkMode #mainCenter .post h1,.darkMode .b-red,.darkMode .procedure-detail .list-text{
color: #fff!important;
}
.darkMode #main-contents .head-logo h1,.darkMode #mainCenter .head-logo h1,.darkMode #header .headerArea h1,.darkMode #main #main-contents .post h3,.darkMode #main #mainCenter .post h3,.darkMode #main #main-contents .post h4,.darkMode #main #mainCenter .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 #mainCenter .qaIchiran dl dd,.darkMode span.login-bt a,.darkMode #main-contents .fc-center .title-date,.darkMode #mainCenter .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 #mainCenter .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 #main #mainCenter .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 #main #mainCenter .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 #main #mainCenter .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,.darkMode #mainCenter div.newinfo-box a u{
color: #ccc;
}
.darkMode #main-contents div.newinfo-box a:hover u,.darkMode #mainCenter 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(https://img.altema.jp/altema/uploads/2024/06/2024y06m21d_1221164797.png) no-repeat left center / 13px;
}
.darkMode #breadcrumbs li a{
background: url(https://img.altema.jp/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 (max-width: 896px){
.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 (max-width: 896px){
.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 (max-width: 896px){
.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,#mainCenter .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,#mainCenter .quizBtn-a:hover{
background:#ff4545;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-a:before,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .quizBtn-b:hover{
background:#106f97;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-b:before,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .quizBtn-c:hover{
background:#10976f;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-c:before,#mainCenter .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,#mainCenter .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,#mainCenter .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,#mainCenter .quizBtn-d:hover{
background:#bc31a8;
box-shadow: 0 0 2px 1px #cccccc5e;
border-radius:50px;
opacity:0.8;
}
#main-contents .quizBtn-d:before,#mainCenter .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,#mainCenter .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,#mainCenter .point-wakuBox dd{
margin: 0px 0 10px 0;
padding-bottom: 5px;
border-bottom: 1px solid #e8e8e8;
}
#main-contents .point-wakuBox dd:last-child,#mainCenter .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 (max-width: 896px){
.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 (max-width: 896px){
.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 ,#mainCenter .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 (max-width: 896px){
.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 (max-width: 896px){
#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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#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 (max-width: 896px){
.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(https://img.altema.jp/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 (max-width: 896px){
#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,div#mainCenter .h-koushin-box{
margin: 8px 0!important;
align-items: center;
}
#main-contents .h-koushin-box p.comment-txt,#mainCenter .h-koushin-box p.comment-txt{
position: static;
order: 2;
margin: 0;
font-size: 13px;
}
#main-contents .h-koushin-box p.comment-txt img,#mainCenter .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 (max-width: 896px){
.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 (max-width: 896px){
.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,#main #mainCenter .post .attentionBox, #mainCenter .post .attentionBox{
/* padding-bottom: 25px; */
position: relative;
overflow: hidden;
margin-bottom: 16px;
}
#main #main-contents .post .attentionBox.acON,#main #mainCenter .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 (max-width: 896px){
#main-contents .altematop-kanrensite h2.kanrensite-midasi,#mainCenter .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,#mainCenter .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 ,#mainCenter .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,#mainCenter .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 ,#mainCenter .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,#mainCenter .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 ,#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl dt{
position: relative;
padding-top: 15px;
}
#main-contents .altematop-kanrensite .altematop-kanrensite-in dl dd,#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl dd{
margin-bottom: 15px;
}
#main-contents .altematop-kanrensite .altematop-kanrensite-in dt a ,#mainCenter .altematop-kanrensite .altematop-kanrensite-in dt a{
display: block;
}
#main-contents .altematop-kanrensite .altematop-kanrensite-in dl dt img ,#mainCenter .altematop-kanrensite .altematop-kanrensite-in dl dt img{
width: 80%;
display: block !important;
margin: auto;
}
#main-contents .altematop-kanrensite .kanrensite-text,#mainCenter .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 (max-width: 896px){
#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(https://img.altema.jp/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 (max-width: 896px){
.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 (max-width: 896px){
#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,#main #mainCenter .post .PRkoukoku td{
border-right: 1px solid #2475ca;
border-bottom: 1px solid #2475ca;
}
#main-contents .PRkoukoku .osusume-user_box li,#mainCenter .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 ,#mainCenter .post table.PRkoukoku img{
margin-left: auto;
margin-right: auto;
display: block;
}
#main #main-contents .post table.PRkoukoku td p,#main #mainCenter .post table.PRkoukoku td p{
margin-bottom: 0px;
}
#main #main-contents .post table.PRkoukoku td p.lead,#main #mainCenter .post table.PRkoukoku td p.lead{
margin: 10px 0;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p,#mainCenter .PRkoukoku .osusume-user_box .midasi p{
margin-bottom:0px !important;
font-size:14px !important;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p:before,#mainCenter .PRkoukoku .osusume-user_box .midasi p:before,
#main-contents .PRkoukoku .osusume-user_box .midasi p:after ,#mainCenter .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 ,#mainCenter .PRkoukoku .osusume-user_box .midasi p:before{
left: 20px;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p:after ,#mainCenter .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 (max-width: 896px){
.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 ,#mainCenter .PRkoukoku .osusume-user_box .midasi p:before{
left: 0px;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p:after ,#mainCenter .PRkoukoku .osusume-user_box .midasi p:after{
right: 0px;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p:after ,#mainCenter .PRkoukoku .osusume-user_box .midasi p:after{
width: 3rem;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p:before ,#mainCenter .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 ,#mainCenter .PRkoukoku .osusume-user_box .midasi p:after{
width: 2rem;
}
#main-contents .PRkoukoku .osusume-user_box .midasi p:before ,#mainCenter .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,#mainCenter .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(https://img.altema.jp/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,#mainCenter .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 (max-width: 896px){
.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,
#header .headerIn > 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 (max-width: 896px){
.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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
#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(https://img.altema.jp/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 (max-width: 896px){
#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, #main-contents ul.widget-gameSearch-in,#mainCenter ul.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 (max-width: 896px){
.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;
}
}

/*--------------------------------------------------------
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 (max-width: 896px){
.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 (max-width: 896px) {
.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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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,#main #mainCenter .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,#main #mainCenter .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,#main #mainCenter .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 #mainCenter .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,#main #mainCenter .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,#mainCenter .post .gachaBtn,#main-contents .post .gachaBtn02,#mainCenter .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(https://img.altema.jp/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 #3552a7;
}
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  #314ea5;
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(https://img.altema.jp/altema/images/icon-yazirusi2.png) no-repeat center / 80% 80% !important;
top:0px;
}
@media only screen and (max-width: 896px){
#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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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(https://img.altema.jp/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 (max-width: 896px){
.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(https://img.altema.jp/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:80px;
height:80px;
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;
padding:9px 0px !Important;
position:relative;
border-bottom:2px dotted #dadada;
align-items: center;
justify-content: 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(https://img.altema.jp/common/ranking_game/rank/pr-rank1.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank2.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank3.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank4.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank5.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank6.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank7.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank8.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank9.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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(https://img.altema.jp/common/ranking_game/rank/pr-rank10.png);
background-size: contain;
background-repeat: no-repeat;
top: 9px;
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;
}
.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;
margin-bottom: 1em;
}
.pr-koukoku-ranking-wrap .pr-koukoku-ranking-btn:after{
content: "";
width: 10px;
height: 10px;
background: url(https://img.altema.jp/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 (max-width: 896px){
.pr-koukoku-ranking-wrap li {
position: relative;
display: flex;
margin: 6px 4px;
padding: 3px 0px 4px 0px ! Important;
position: relative;
border-bottom: 2px dotted #dadada !important;
}
.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: 3px;
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(https://img.altema.jp/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 (max-width: 896px){
.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);
}
}

/*--------------------------------------------------------
stepタグnew
-------------------------------------------------------*/
#main-contents ul.flow-wrap-new,#mainCenter ul.flow-wrap-new{
margin-bottom: 20px;
}
#main-contents .post .flow-wrap-new .box,#mainCenter .post .flow-wrap-new .box{
padding: 0 0 24px 32px;
margin:0;
position: relative;
z-index: 1;
}
#main-contents .post .flow-wrap-new .box:last-of-type,#mainCenter .post .flow-wrap-new .box:last-of-type{
padding-bottom: 44px;
}
.post .flow-wrap-new .box:before {
content: "";
display: block;
height: calc(100% - 45px);
border-left: dotted 4px #bddbe7;
position: absolute;
top: 38px;
left: 16px;
z-index: -1;
}
.flow-wrap-new .box > *:last-child{
margin-bottom: 0;
}
#main #main-contents .post .flow-wrap-new .step-midasi ,#main #mainCenter .post .flow-wrap-new .step-midasi{
background: #e8f9ff;
border: 0;
margin: 0 0 12px -16px;
padding: 6px 5px 6px 28px;
border-radius: 0 5px 5px 0;
}
.flow-wrap-new{
counter-reset: item-counter;
}
.flow-wrap-new .box{
counter-increment: item-counter;
}
#main #main-contents .post .flow-wrap-new .step-midasi:before,#main #mainCenter .post .flow-wrap-new .step-midasi:before{
content: counter(item-counter);
background: #34a3d1;
border-radius: 50%;
color: #fff;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
bottom: auto;
top: 50%;
transform: translateY(-50%);
left: -16px;
}
#main-contents .post .flow-wrap-new .box:last-of-type:after,#mainCenter .post .flow-wrap-new .box:last-of-type:after{
content: 'END';
background: #f14d8a;
border-radius: 50%;
color: #fff;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
font-size: 14px;
font-weight: bold;
}
.flow-wrap-new table{
color: #444;
font-weight: normal;
}
.flow-wrap-new .box p{
padding-bottom: 10px;
margin: 0!important;
color: #444;
font-size: 13px;
font-weight:normal;
}
.flow-wrap-new .box p:last-child{
padding-bottom: 0;
}
#main-contents .flow-wrap-new .box p + p .gachaBtn,#mainCenter .flow-wrap-new .box p + p .gachaBtn{
margin-top: 10px;
}
#main-contents .flow-wrap-new .box p:last-child .gachaBtn,#mainCenter .flow-wrap-new .box p:last-child .gachaBtn{
margin-bottom: 0;
}

/*--------------------------------------------------------
stepタグnew2
-------------------------------------------------------*/
#main-contents ul.flow-wrap-new2,
#mainCenter ul.flow-wrap-new2{
margin-bottom: 20px;
}
.flow-wrap-new2 .koukoku_common_tag{
display:none;
}
#main-contents .post .flow-wrap-new2 .box,
#mainCenter .post .flow-wrap-new2 .box{
padding: 0 0 24px 32px;
margin:0;
position: relative;
z-index: 1;
}
#main-contents .post .flow-wrap-new2 .box:last-of-type,
#mainCenter .post .flow-wrap-new2 .box:last-of-type{
padding-bottom: 44px;
}
.post .flow-wrap-new2 .box:before {
content: "";
display: block;
height: calc(100% - 45px);
border-left: dotted 4px #bddbe7;
position: absolute;
top: 38px;
left: 16px;
z-index: -1;
}
.flow-wrap-new2 .box > *:last-child{
margin-bottom: 0;
}
.flow-wrap-new2 .step-midasi-wrap {
position: relative;
margin-left: -32px;
margin-bottom: 12px;
padding-left: 18px;
}
.flow-wrap-new2 .gachaBtn{
margin-bottom:2px !important;
}
#main #main-contents .post .flow-wrap-new2 .step-midasi,
#main #mainCenter .post .flow-wrap-new2 .step-midasi {
background: #e8f9ff;
border: 0;
margin: 0;
padding: 6px 5px 6px 26px;
border-radius: 0 5px 5px 0;
position: static;
}
#main #main-contents .post .flow-wrap-new2 .step-midasi:before,
#main #mainCenter .post .flow-wrap-new2 .step-midasi:before{
display: none;
}
#main #main-contents .post .flow-wrap-new2 .step-text,
#main #mainCenter .post .flow-wrap-new2 .step-text{
background: #34a3d1;
border-radius: 50%;
color: #fff;
width: 36px;
height: 36px;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 9px;
font-weight: normal;
line-height: 1;
gap: 3px;
padding-top: 3px;
box-sizing: border-box;
}
#main #main-contents .post .flow-wrap-new2 .step-text .num,
#main #mainCenter .post .flow-wrap-new2 .step-text .num{
font-size: 13px;
font-weight: bold;
}
#main-contents .post .flow-wrap-new2 .box:last-of-type:after,
#mainCenter .post .flow-wrap-new2 .box:last-of-type:after{
content: 'END';
background: #f14d8a;
border-radius: 50%;
color: #fff;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
font-size: 14px;
font-weight: bold;
}
.flow-wrap-new2 table{
color: #444;
font-weight: normal;
}
.flow-wrap-new2 .box p{
padding-bottom: 10px;
margin: 0!important;
color: #444;
font-size: 13px;
font-weight:normal;
}
.flow-wrap-new2 .box p:last-child{
padding-bottom: 0;
}
#main-contents .flow-wrap-new2 .box p + p .gachaBtn,#mainCenter .flow-wrap-new2 .box p + p .gachaBtn{
margin-top: 10px;
}
#main-contents .flow-wrap-new2 .box p:last-child .gachaBtn,#mainCenter .flow-wrap-new2 .box p:last-child .gachaBtn{
margin-bottom: 0;
}
@media only screen and (max-width: 896px){
#main #main-contents .post .flow-wrap-new2 .step-text,#main #mainCenter .post .flow-wrap-new2 .step-text{
gap: 2px;
}
}

/*--------------------------------------------------------
用語集box2
-------------------------------------------------------*/
.yougosyuu-box2{
border: 2px solid #f15f94;
padding: 38px 14px 14px;
position: relative;
margin: 20px 0;
border-radius: 4px;
}
.yougosyuu-box2 dt {
position: absolute;
left: 0;
top: 0;
width: fit-content;
padding: 0 14px;
background: #f15f94;
color: #fff;
height: 30px;
line-height: 30px;
font-weight: bold;
font-size: 14px;
border-radius: 0 0 6px 0;
}
.yougosyuu-box2 dd{
margin: 0!important;
font-size: 14px;
}

/*--------------------------------------------------------
ページ内遷移調整
-------------------------------------------------------*/
html:has(#tuizyu-search){
scroll-padding-top: 56px;
}
@media only screen and (max-width: 896px){
html:has(#tuizyu-search){
scroll-padding-top: 66px;
}
}

/*--------------------------------------------------------
ガチャシミュ結果
-------------------------------------------------------*/
.gachasim-result-normal, .gachasim-result-webShop {
border-radius: 8px;
padding: 14px 12px 18px;
border: 3px solid #0c9ee4;
margin: 35px 0 20px;
min-height: 300px;
box-sizing: border-box;
}
.gachasim-result-webShop{
border-color: #d83b5d;
background: #fffeed;
margin-top: 20px;
}
.gachasim-result-head{
font-size: 18px;
font-weight: bold;
color: #252550;
margin-bottom: 20px;
position: relative;
padding-left: 25px;
}
.gachasim-result-webShop .gachasim-result-head{
color: #d83b5d;
}
.gachasim-result-head:before{
content: '';
display: block;
width: 22px;
height: 22px;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
div[class^="gachasim-result-"] dl{
margin: 0 0 14px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 8px;
background: #f3fafe;
height: 80px;
padding: 0 22px 0 15px;
font-weight: bold;
}
div.gachasim-result-webShop dl{
background: #fff;
}
div[class^="gachasim-result-"] dt{
color: #252550;
font-size: 15px;
line-height: 1.3;
}
div[class^="gachasim-result-"] dd{
color: #0c9ee4;
font-size: 15px;
margin: 0!important;
}
div.gachasim-result-webShop dd{
color: #d83b5d;
}
div[class^="gachasim-result-"] dd .num{
font-size: 30px;
}
div[class^="gachasim-result-"] .reset-btn-wrap{
margin-top: 20px;
}
div[class^="gachasim-result-"] .xShare-btn-wrap{
margin: 10px 0 26px;
}
div[class^="gachasim-result-"] .reset-btn,div[class^="gachasim-result-"] .xShare-btn {
background: #d83b5d;
color: #fff;
border-radius: 8px;
display: block;
margin: 0 auto;
outline: none;
border: 0;
width: 300px;
max-width: 80%;
line-height: 46px;
height: 46px;
font-size: 15px;
font-weight: bold;
cursor: pointer;
text-align: center;
}
div[class^="gachasim-result-"] .xShare-btn{
background: #2b2b2b;
}
div[class^="gachasim-result-"] .reset-btn:hover,div[class^="gachasim-result-"] .xShare-btn:hover{
opacity: 0.6;
}
div[class^="gachasim-result-"] .lead{
margin:26px 0 0!important;
font-size: 11px!important;
line-height: 1.4!important;
}

@media screen and (max-width : 391px){
.gachasim-result-normal, .gachasim-result-webShop{
min-height: auto;
}
div[class^="gachasim-result-"] dl{
padding: 0 16px 0 14px;
}
div[class^="gachasim-result-"] dt{
font-size: 14px;
}
}

@media screen and (max-width : 376px){
div[class^="gachasim-result-"] dt{
font-size: 13px;
}
div[class^="gachasim-result-"] dd .num {
font-size: 28px;
}
}

@media screen and (max-width : 361px){
div[class^="gachasim-result-"] dd{
font-size: 13px;
}
div[class^="gachasim-result-"] dd .num {
font-size: 26px;
}
}

/*--------------------------------------------------------
セル内画像右寄せ
-------------------------------------------------------*/
th:has(.posi-right-center),td:has(.posi-right-center){
position: relative;
}
.posi-right-center{
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
}

/*--------------------------------------------------------
ランキング広告調整
-------------------------------------------------------*/
#main-contents .post .pr-h2, #mainCenter .post .pr-h2{
margin-bottom: 12px;
}
#main-contents .post .pr-h2:after, #mainCenter .post .pr-h2:after {
content: 'PR';
background: #ccc;
color: #fff;
font-size: 10px;
font-weight: normal;
padding: 1px 3px 1px 4px;
border-radius: 3px;
letter-spacing: 2px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
}
.pr-koukoku-ranking-wrap li{
margin: 9px 0px!important;
}
.pr-koukoku-ranking-wrap li:first-child{
margin-top: 0!important;
}
.pr-koukoku-ranking-wrap .pr-koukoku-ranking-midasi{
line-height: 1.4!important;
}
.pr-koukoku-ranking-wrap .pr-koukoku-ranking-subtext{
font-weight: normal;
line-height: 1.5!important;
}
.pr-koukoku-ranking-wrap li:before{
top: calc(50% - 56px)!important;
}

@media only screen and (max-width: 896px){
.pr-koukoku-ranking-wrap li,.pr-koukoku-ranking-wrap li:first-child{
margin: 6px 4px!important;
padding: 6px 0px 7px 0px ! Important;
}
.pr-koukoku-ranking-wrap li:first-child{
margin-top: 0!important;
}
.pr-koukoku-ranking-wrap li:before{
width: 30px!important;
height: 30px!important;
top: calc(50% - 52px)!important;
}
}

@media screen and (max-width : 391px){
.pr-koukoku-ranking-wrap .pr-koukoku-ranking-midasi{
font-size: 15px !important;
}
}

@media screen and (max-width : 376px){
.pr-koukoku-ranking-wrap .pr-koukoku-ranking-midasi{
font-size: 14px !important;
}
}

@media screen and (max-width : 361px){
.pr-koukoku-ranking-wrap .pr-koukoku-ranking-midasi{
font-size: 13px !important;
}
}

/*--------------------------------------------------------
チャートボタン調整
-------------------------------------------------------*/
.chart-bt-box li:first-of-type,.chart-bt-box li:nth-of-type(2) {
border-radius: 0;
box-shadow: none;
}
.chart-bt-box li:first-of-type a,.chart-bt-box li:nth-of-type(2) a{
background: #4670ed;
border-radius: 6px;
cursor: pointer;
padding: 0;
box-shadow: 0 0 2px 1px rgb(68 138 203 / 25%);
height: 46px;
line-height: 46px;
font-size: 14px;
}
.chart-bt-box li:first-of-type a:before,.chart-bt-box li:nth-of-type(2) a:after{
content: '';
box-shadow: none;
background: none;
border-radius: 0;
border-left: 3px solid #fff;
border-top: 3px solid #fff;
width: 10px;
height: 10px;
box-shadow: 0 0 2px 1px rgb(68 138 203 / 25%);
}
.chart-bt-box li:first-of-type a:before{
transform: rotate(-45deg);
}
.chart-bt-box li:nth-of-type(2) a:after{
transform: rotate(135deg);
}


/*--------------------------------------------------------
SPオーバーレイボタン　右下端位置用
-------------------------------------------------------*/
@media only screen and (max-width: 896px){
.koukoku_common_tag.ads_bottom_r{
position: fixed;
bottom: 130px;
z-index: 10000;
right: 0;
display: block;
}
}

/*--------------------------------------------------------
iPhone自動文字サイズ調整無効化
-------------------------------------------------------*/
html {
-webkit-text-size-adjust: 100%;
}

/*------------------------------------------------------------
おすすめアプリ　ラベル
-------------------------------------------------------------*/
.NewApplist.tLine-00 img{
border-radius:8px;
}
.NewApplist.tLine-00 .App-ribbon-in.Icolor{
top: 13px;
left: -7px;
font-size: 10px;
width: 80px;
padding-right: 14px;
}
.NewApplist.tLine-00 .App-ribbon{
top: 13px;
}
.App-ribbon-in:after {
content: "";
position: absolute;
right: 5px;
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;
}
@media only screen and (max-width: 896px) {
.NewApplist.tLine-00 .App-ribbon-in:before {
left: 1px;
}
.NewApplist.tLine-00 .App-ribbon-in.Icolor{
top: 12px;
left: -12px
;font-size: 10px;
width: 80px;
padding-left: 6px;
}
.NewApplist.tLine-00 .App-ribbon {
position: absolute;
top: 52%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin: auto;
overflow: hidden;
width: 82px;
height: 82px;
text-align: right;
}
.NewApplist.tLine-00 .App-ribbon-in.Icolor {
top: 15px;
left: -20px;
font-size: 10px;
width: 80px;
letter-spacing: 1px;
}
}

/*------------------------------------------------------------
mainInner-col2 基本レイアウト（core/common.css から移植）
sites 側 common.css が core/common.css を置換するため必須定義を保持する
-------------------------------------------------------------*/
#mainInner.mainInner-col2 {
margin: 0 auto;
width: 1200px;
}
#mainInner.mainInner-col2 #main-in{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#mainInner.mainInner-col2 #mainCenter {
box-sizing:border-box;
}
body:not(.top-design) #mainInner.mainInner-col2 #mainCenter{
padding:10px;
box-sizing:border-box;
box-shadow:0 0 10px 1px rgb(24 51 113 / 7%);
background:#FFF;
border-radius:5px;
width: calc(67.5% - 50.25px);
float: left;
/* margin-left: 30px; */
margin-bottom: 0;
}
#mainCenter {
margin-right:0px;
margin-bottom: 20px;
}
#mainRight {
width: calc(32.5% - 39.75px);
float: left;
margin-left: 30px;
max-width: 350.25px !important;
box-sizing:border-box;
}
#mainLeft{
display:none;
}
body.top-design #mainInner.mainInner-col2{
width: 100%;
}
body.top-design #mainInner.mainInner-col2 #mainCenter{
width: 100%;
margin: 0;
float: none;
}
body.top-design #mainRight{
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#mainInner.mainInner-col2{
width: 100%;
}
#mainInner.mainInner-col2 #main-in{
display: block;
}
body:not(.top-design) #mainInner.mainInner-col2 #mainCenter,
#mainInner.mainInner-col2 #mainCenter{
width:100%;
float: none;
margin-left: 0;
padding: 0px 10px;
box-sizing: border-box;
}
#mainCenter{
float: none;
padding: 0px 10px;
margin-right: 0;
}
#mainInner.mainInner-col2 #mainRight,
#mainRight{
width: 100%;
border: 0;
padding: 0 10px 30px;
margin-left: 0;
max-width: none!important;
float: none;
}
}

/*------------------------------------------------------------
headerIn 基本レイアウト（core/common.css から移植）
sites 側 common.css が core/common.css を置換するため必須定義を保持する
-------------------------------------------------------------*/
#mainInner.mainInner-col2 #siteTopSearch{
display: none;
}
body.top-design .headerIn {
width:1000px;
}
.headerIn {
margin: 0 auto;
background: #FFF;
padding: 20px 0;
display: -webkit-flex;
display: flex;
align-items: center;
width:1140px;
}
.headerIn .headerLeft {
width:70%;
display: -webkit-flex;
display: flex;
align-items: center;
}
.headerIn .header-logo img{
width:250px;
display:block;
margin:0 auto 0px;
}
body #header .headerIn .headerLeft h1,.header-h1,.headerIn .headerLeft > div{
color: #7E7E7E;
font-size:12px;
display:block;
margin: 0 0 0 30px;
text-align: left;
line-height: 1.4;
font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
}
.nvi-search-box{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
margin:0;
width:30%;
}
#siteTopSearch{
width:100%;
}
#siteTopSearch input.css-button {
text-indent: 100px;
width: 30px;
height: 30px;
border-radius:50px;
background: url('https://img.altema.jp/bcgame/common/icon-search.svg') center center/12px no-repeat;
border:0;
box-sizing:border-box;
cursor: pointer;
position:absolute;
right:5px;
padding:0;
}
#siteTopSearch input.css-button:hover {
opacity:0.6;
}
#siteTopSearch input {
width: 100%;
line-height:35px;
background: #f7f7f7;
font-size: 12px;
padding: 0 0px 0 10px;
border-radius:50px;
box-sizing: border-box;
outline: none;
box-sizing:border-box;
}
#siteTopSearch #search-form-box {
border: 0px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 40px 0 10px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.headerIn {
margin: 0 auto;
background: #FFF;
padding: 10px 10px;
display: -webkit-flex;
display: flex;
align-items: center;
width:100%;
box-sizing: border-box;
}
.headerIn .headerLeft {
width:70%;
display: -webkit-flex;
display: flex;
align-items: center;
}
#header .headerIn .header-logo img{
width:150px;
display:block;
margin:0 auto 0px;
padding:0;
}
.headerIn .header-logo{
padding:0!important;
}
.headerIn .headerLeft {
width:70%;
display: -webkit-flex;
display: flex;
align-items: center;
}
.nvi-search-box{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
margin:0;
width:30%;
}
#siteTopSearch input {
width: 100%;
line-height:25px;
background: #f7f7f7;
font-size: 12px;
padding: 0 0px 0 10px;
border-radius:50px;
box-sizing: border-box;
outline: none;
box-sizing:border-box;
}
#siteTopSearch #search-form-box {
border: 0px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 40px 0 10px;
}
body #header .headerIn .headerLeft h1,.header-h1,.headerIn .headerLeft > div{
color: #7E7E7E;
font-size:10px;
display:block;
margin: 0 0 0 10px;
text-align: left;
line-height: 1.3;
}
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#main #siteTopSearch{
display:none;
}
.top-design .nvi-search-box,#header .search-form_inputXX#siteTopSearch,#header .headerIn .nvi-search-box{
display:none;
}
body.top-design .headerIn {
width: 100%;
}
}