@charset "UTF-8";

#sidebar-43{
margin:0;
}
#sidebar-43 .titleListTop10 li a img{
width: 25px;
padding-right: 2px;
}
#sidebar-43 .titleListTop10{
margin-bottom:10px;
}
#sidebar-43 p a{
border:none;
}
#container #main-contents .topPageTitle + .post-meta02 {
display:block;
margin:5px 0;
}
.topPageTitle{
font-size:140%;
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;
}
.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;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49c0f0+0,0289dd+100 */
background: #49c0f0; /* Old browsers */
background: -moz-linear-gradient(top, #49c0f0 0%, #0289dd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #49c0f0 0%,#0289dd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #49c0f0 0%,#0289dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#0289dd',GradientType=0 ); /* IE6-9 */
    box-shadow: 2px 2px 7px #333;
    text-align: center;
    z-index: 99999;
    font-weight: bold;
}
.awasete{
	margin:10px 0;
}
.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{
	background:#fffdec;
	border:2px solid #fff6ca;
	padding:5px 10px;
	margin:0;
}
#main-contents .awasete dd ul li{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	margin:0;
}
#main-contents .awasete dd ul li:last-child{
	border-bottom:none;
	margin-bottom:0;
}

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

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

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

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

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

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

.voiceTopWrap .hyokaToko{
width:68%;
    margin-top: 21px;
}
.voiceTopWrap .hyokaToko + div{
width:68%;
}
.voiceTopWrap .hyokaToko02{
margin-bottom:15px;
margin-right:10px;
width:auto;
}
.tokoHyoka{
background: #efefef;
display: inline-block;
padding: 1px 10px;
border-radius: 2px;
text-align: center;
font-size:85%;
}



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

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

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

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

#header-in p.header-logo img{
vertical-align: middle;
width: 58px;
display: inline-block;
margin-right: 10px;
}
.osiraseBtn{
background:#fff;
}
#main-contents .contents .interviewTitle{
background:none;
font-weight:bold;
border-bottom:3px solid #ccc;
color:#333;
padding:0 0 3px 0;
}
.youtubeMovie{
height:260px;
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: 1px dotted #ccc;
background: #fff;
margin-bottom: 0 !important;
}
#mainCenter table td ul li:last-child{
border-bottom:0;
margin:5px 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: #004c6b;
color: #fff;
font-size: 120%;
padding: 10px 0 10px 12px;
}

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;
}

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

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


.osusumeAppMb{
	border-bottom: 1px dotted #e5e5e5;
	margin: 10px 0;
}
.osusumeAppMb div div{
	float: left;
}
.osusumeAppMb div dl{
	float: left;
	margin: 5px 0 0 10px;
    max-width: 75%;
}
.osusumeAppMb p a{
        display: block;
        /*margin: 0 0 0 10px;*/
        font-size: 90%;
        text-decoration: underline;
}
.osusumeAppMb p{
        color:#444;
        font-size:90%;
}
.osusumeAppMb div dd{
	background: #bebebe;
	color: #fff;
	border-radius: 4px;
        text-align:center;
	padding: 2px 8px;
	font-size: 80%;
	margin: 0 10px 0 0;
        display: inline-block;
}
.osusumeAppMb div dd a {
	color: #fff;
}
.osusumeAppMb p{
	margin: 5px 0 10px 0;
	font-size: 90%;
}

#main-contents .space {
	letter-spacing: -1.5px;
}
#main-contents .sTable th,#main-contents .sTable td{
	padding:2px!important;
}
.movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom:20px;
}
.movie iframe,
.movie-wrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#main-contents .mokujiInfo h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font-size: 110%;
    font-weight: bold;
    margin-top: 0;
}

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

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

#main-contents .tejun{
    background: #fff9c9;
    padding: 16px 0 10px 10px;
    margin-bottom: 20px;
}
#main-contents .tejun p{
    font-size: 110%;
    font-weight: bold;
    margin: 5px 0 5px 10px;
}
#main-contents .tejun ol li{
    margin-left: 0;
    font-weight: bold;
    color: #333;
}
#main-contents .tejun ol{
	margin-left:10px!important;
}
#main-contents #scheList li{
	line-height:3.5em!important;
}
#main-contents .risemaraT tr td:nth-child(1){
	text-align:center!important;
}
/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/
#main-in .tableLine td img{
vertical-align:middle;
}
#main-in .tableLine tr:nth-child(odd){
	background:#FCFCFC;
}
#main-in .tableLineEven tr:nth-child(even){
	background:#FCFCFC;
}
#main-contents .genjuTable td{
	padding:3px!important;
}
#main-contents #schedule td,
#main-contents #schedule th{
	padding:2px!important;
	font-size:10px!important;
}
td ul{
	margin-left:0!important;
}
#main-contents td .topUl li{
	margin-left:0!important;
}
.imgTable{
	vertical-align:middle;
	padding-left:10px;
}
fieldset,abbr {
	border: 0;
}
.gameDt{
	font-size:80%;
	margin:10px 0 0 0;
}
.gameDd{
	font-size:80%;
	margin:10px 0 10px 0;
}
.gameTitle{
	min-height:50px;
}
#search-2{
	background:#fff;
	border-left:1px solid #34A3D1;
	border-right:1px solid #34A3D1;
	border-bottom:1px solid #34A3D1;
	border-top:5px #34A3D1 solid;
	padding: 10px;
}
#search-2 h3{
	border:none;
	margin: 0 0 5px 0;
	color:#34A3D1;
}
#search-2 .search-box{
	margin:0;
}
#searchsubmit{
	background:#222;
	color:#fff;
	border:none;
}
#search-2 input{
	border-radius:4px;
}
.cat-post-widget .post-title{
	font-size:12px!important;
	font-weight:normal!important;
}
/*-- アコーディオンメニュー --*/
.acMenu dt{
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 2px #ccc;
	margin: 10px 0;
	padding: 5px;
	text-align: center;
}
.acMenu dd{
	display:none;
	margin:0;
}
.active{
	background:#D67B13;
}
.hyokaTd{
	width:17%!important;
}
.genkaiTxt{
	font-size:14pt;
	color:#f00;
}
.hyokaData dt{
	font-size:14pt;
	color:#f00;
	padding:15px 0 15px 0;
}
.hyokaData dd{
	margin:0;
}
.hyokaTable{
	text-align:center;
}
.charaImg{
	text-align:center;
	padding:20px 0 10px 0;
}
.kyaraIchiranTable th span{
	float:left;
	padding-top:13px;
}
.kyaraIchiranTable th:nth-child(1) span{
	padding-top:0;
}
.kyaraIchiranTable th ul{
	float:right;
	margin: 0!important;
}
.kyaraIchiranTable th ul li:nth-child(2){
	margin-bottom:0!important;
}
.hyokaTable td{
	text-align:center;
}
.hyokaTable td span{
	font-size:18px;
}
.kyaraTb th{
	width:64px;
}
#main-contents .listNo{
	margin-left:0!important;
}
.deckTable td{
	vertical-align: top;
}
.qa dd{
	margin-left:0!important;
	margin:10px 0 10px 0;
}
.qa dt{
	font-size:120%;
	border-left: 6px solid #ccc;
	padding: 0 0 0 10px;
	margin: 0 0 15px 0;
	border-bottom:1px solid #ccc;
}
.qa dl{
	margin:35px 0 35px 0;
}
.detailTable th{
	text-align:left;
}
.detailTable td{
	vertical-align:middle;
}
.marubatu span{
	font-size:200%!important;
}
.nolistmark{
	margin-left:0!important;
}

/*-- モンスト評価投稿 --*/
.monsterForm li {
	border-top: 1px solid #ccc;
	padding: 10px 0;
}
.monsterForm li:last-child {
	border-bottom: 1px solid #ccc;
}
.monsterForm li span {
	color: #004c6b;
	display: block;
	margin: 5px 0;
}
#main-contents ul.monsterForm {
	margin: 10px 0;
}
/*-- 評価送信ボタン --*/
#hyoukatoukou p {
	margin: 25px 0 15px;
	text-align: center;
}
#hyoukatoukou p a {
	background: #7faa12;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 5px 50px;
	text-align: center;
}
/*-- 評価送信ボタン end --*/
/*-- モンスト評価投稿 end --*/
/*---みんなの点数(チャート)---*/
.chart img {
	display: block;
	height: 30%;
	width: 100%;
}
.chart {
	border: medium none !important;
}
.chart td {
	border: medium none !important;
}
.chart tr:nth-child(1) td {
	border-bottom: 1px solid #acce15 !important;
	padding-bottom: 0 !important;
}
.chart tr:nth-child(2) td {
	padding: 5px 0 !important;
	text-align: center;
}
.chart td span {
	color: #acce15;
	font-size: 11px;
}
#hyo_tukaeru, #hyo_tukaenai{
	width: 100%;
}
/*---みんなの点数(チャート) End ---*/
/* FFBE-パズドラ-評価投稿&表示 */
.toko {
	border-bottom: 1px solid #004c6b;
	color: #004c6b !important;
	padding: 0 0 5px;
}
.iineWrap {
	width: 100%;
}
.iine {
	background-color: #db6b0f;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 2px 10px 2px 15px;
}
.iinegray {
	background-color: #cccccc;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 2px 10px 2px 15px;
}
.iineWrap span {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #db6b0f;
	margin-left: 10px;
	padding: 3px 8px;
	position: relative;
}
.iineWrap span::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #fff transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	content: "";
	display: block;
	left: -5px;
	position: absolute;
	top: 7px;
	width: 0;
	z-index: 1;
}
.iineWrap span::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #ccc transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	content: "";
	display: block;
	left: -6px;
	position: absolute;
	top: 7px;
	width: 0;
}
/*-- カテゴリ一覧 --*/
#categoryBox{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
	margin: 15px 0;
}
#categoryTitle01{
	width: 83%;
	float: right;
	padding-top: 10px;
}
#categoryBox #categoryTitle02{
	margin: 5px 0 10px 0;
	font-size: 90%;
}
/*●目次*/
#main-contents .mokujiInfo {
	background: #f5f5f5;
	border: 1px solid #dde4e6;
	margin-bottom: 20px;
	padding: 5px;
}
#main-contents .mokujiInfo ul {
	margin: -10px 10px 12px 10px;
}
#main-contents .contents .mokujiInfo h2 {
	background: none;
	font-size: 110%;
	margin: 0 0 10px 0;
}
#main-contents .mokujiInfo ul li{
	font-size:90%;
}
/*●目次end*/
/*-- ツイート/LINEボタン--*/

#main-contents .snsBox01 {
	float:right;
	width: 60%;
}
#main-contents .snsBox01 li{
	float:left;
	width:47.5%;
}
#main-contents .snsBox01 li img{
	width:100%;
}
#main-contents .snsBox01 li:nth-child(1){
	margin-right:12px;
}
#main-contents .commentlist .comment-image img{
	width:100%;
}
#main-contents dd{
	margin:5px 0 5px 0;
}
.kyaraTable img{
	width:50%;
}
/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/
.headerMenuBoxBt{
	display:none;
	background:#012C6B;
}
.snsBox{
	float:right;
	width:320px;
}
.snsBoxHed {
	margin-top: 30px;
}
.snsBoxHed li {
	display: inline-block;
	width: 100px;
}
.snsBoxHed .odd {
	padding-left: 10px;
}
/*-----------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/
a{text-decoration:none;}
a:link,
a:visited{color: #0c749b;}
a:hover,
a:active{
	outline: 0;
	color: #f60;
}
/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/
#container{
	position: relative;
}
/*--------------------------------------------------------
トップ
--------------------------------------------------------*/
#top{
	position: absolute;
	top: 0;
	background-color: #fff;
	font-size: 1.2em;
}
#top-in{
	position: relative;
	padding: 5px 0;
}
#top-menu{ text-align: right; }
#top-menu li{
	display: inline;
	margin-left: 1em;
}
#top-menu li a{
	padding-left: 12px;
	background: url(./images/icon/icon-arrow01.png) left center no-repeat;
}
/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/
#main-in,#main-image { padding-top: 1.5em; }
/*●メイン画像*/
#main-image-in{
	position: relative;
	padding-bottom: 1.5em;
}
#main-image img{
	width: 100%;
	height: auto;
}
/*●パン屑ナビ*/
#breadcrumbs{
	clear: both;
	margin-bottom: 1.5em;
	font-size: 12px;
}
#breadcrumbs li{
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
}
#breadcrumbs li a{
	padding-right: 15px;
	background: url(/images/icon/icon-brc.gif) center right no-repeat;
}

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

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents .contents{
	margin-bottom:30px!important;
	padding: 0 2px;
}
.col2 #main-contents .contents {
    padding: inherit;
}
#main-contents ol{
	margin-left:15px;
}
/*--------------------------------------------------------
ヘッダー管理
--------------------------------------------------------*/
/*●ヘッダーの基本設定*/
#main-contents h2,#main-contents h3,#main-contents h4,#main-contents h5 {
	font-weight: bold;
	margin: 12px 0 12px;
}
#main-contents h2 a:hover,
#main-contents h2 a:active,
#main-contents h3 a:hover,
#main-contents h3 a:active,
#main-contents h4 a:hover,
#main-contents h4 a:active,
#main-contents h5 a:hover,
#main-contents h5 a:active {
	color: #f60;
}
#main-contents h3 a:link,
#main-contents h3 a:visited,
#main-contents h4 a:link,
#main-contents h4 a:visited,
#main-contents h5 a:link,
#main-contents h5 a:visited {
	color: #333;
}
#main-contents h2.img-title,
#main-contents h3.img-title,
#main-contents h4.img-title,
#main-contents h5.img-title {
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}
/*●H2タグ*/
#main-contents h2{
	background: #004c6b;
	color: #fff;
	font-size: 120%;
	padding: 10px 0 10px 12px;
}
/*●H3タグ*/
#main-contents h3{
	padding: 0.8em;
	font-size: 1.143em;
}
/*●H4タグ*/
#main h4,
#sub-contents h4{
	border-left: 6px solid #888;
	margin: 10px 0 10px;
	padding-left: 6px;
}
/*●H5タグ*/
#main h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
}
/*-- top見出しh3 --*/
#main-contents h3,
.topTitle{
	background: #eaeeef;
	border: medium none;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 8px 2px 8px 12px;
}

.article h3 a{
	color:#fff;
}
/*●段落タグ*/
#main-contents p{
	margin-bottom: 1.5em;
}
/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0;
	padding: 0;
}
#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}
/*●引用タグ*/
blockquote{
	background-color:#ddd;
	padding:1em 3em;
	position:relative;
	border:5px solid #fff;
}
#main-contents blockquote p{
	margin-bottom:0;
}
blockquote:before{
	content:"“";
	font-size:600%;
	line-height:1em;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	color:#999;
	position:absolute;
	left:0;
	top:0;
}
/*●リード文*/
.lead{
	font-size:11px;
	color:#777;
}
/*●テーブルタグ*/
#main-contents table{
	margin-bottom: 1.5em;
	padding: 0;
	border:1px solid #dde4e6;
}
#main-contents th,
#main-contents td{
	padding: 0.4em;
	border-right: 1px solid #dde4e6;
	border-bottom: 1px solid #dde4e6;
	font-size:11px;
}
#main-contents th{
	background-color: #f0f0f0;
	font-weight: bold;
	text-align: left;
}
/*●テーブルタグ スタイル01*/
#main-contents table.table-style01 th,
#main-contents table.table-style01 td{
	text-align: left;
	vertical-align: top;
	border:1px solid #ccc;
}
/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }
.link-next,
.link-next02{ text-align: right; }
.link-back,
.link-back02{ text-align: left; }
.link-next a{
	padding: 3px 0 3px 15px;
	background: url(./images/icon/icon-arrow_r.png) 0 5px no-repeat;
}
.link-back a{
	padding: 3px 0 3px 15px;
	background: url(./images/icon/icon-arrow_l.png) 0 5px no-repeat;
}
.link-next02 a{
	padding: 3px 0 3px 15px;
	background: url(./images/icon/icon-arrow_r-red.png) 0 5px no-repeat;
}
.link-back02 a{
	padding: 3px 0 3px 15px;
	background: url(./images/icon/icon-arrow_l-red.png) 0 5px no-repeat;
}
/*●段組み*/
.box-wrap .box-l{
	float: left;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa; /*boxの枠線の指示*/
}
.box-wrap .box-r{
	float: right;
	width: 48%;
	margin: 0 0 1.5em;
	border: 1px solid #aaa;
}
#main-contents .box-wrap .title{
	margin-bottom: 1.5em;
	background-color: #999; /*boxのタイトルの背景色*/
}
#main-contents .box-wrap .title p{
	margin: 0 10px;
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
}
/*●ページネーション スタイル01*/
#main-contents .cont-menu01{
	position: relative;
	overflow: hidden;
	width: 100%;
}
#main-contents .cont-menu01 ul{
	position: relative;
	left: 50%;
	float: left;
	margin-left: 10px;
}
#main-contents .cont-menu01 li{
	position: relative;
	left: -50%;
	float: left;
	margin-right: 10px;
}
#main-contents .cont-menu01 li:last-child{ margin-right: 0; }
#main-contents .cont-menu01 li.cur{
	padding: 3px 10px;
	border: 1px solid #ccc;
	background-color: #959595;
	color: #fff;
	font-weight: bold;
}
#main-contents .cont-menu01 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}
#main-contents .cont-menu01 li a:link,
#main-contents .cont-menu01 li a:visited{
	background-color: transparent;
}
#main-contents .cont-menu01 li a:hover,
#main-contents .cont-menu01 li a:active{
	background-color: #959595;
	color: #fff;
}
#main-contents .text-field{ width: 90%; }
/*●ページネーション スタイル02*/
#main-contents .cont-menu02{
	position: relative;
	overflow: hidden;
	width: 100%;
}
#main-contents .cont-menu02 ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}
#main-contents .cont-menu02 li{
	max-width: 50%;
}
#main-contents .cont-menu02 li.prev{ float: left; }
#main-contents .cont-menu02 li.next{ float: right; }
#main-contents .cont-menu02 li a{
	display: block;
	padding: 3px 10px;
	border: 1px solid #ccc;
}
#main-contents .cont-menu02 li a:link,
#main-contents .cont-menu02 li a:visited {
	background-color: transparent;
}
#main-contents .cont-menu02 li a:hover,
#main-contents .cont-menu02 li a:active {
	background-color: #959595;
	color: #fff;
}
/*●サイトマップ*/
#main-contents .sitemap li a{
	display: block;
	padding: 3px 0 3px 20px;
	background: url(./images/icon/icon-arrow_r.png) 0 5px no-repeat;
}
#main-contents .sitemap ul{ margin-top: 1em; }
#main-contents .sitemap li li a{
	padding: 0 0 0 15px;
	border-left: none;
	background: url(./images/icon/icon-menu02.png) 0 6px no-repeat;
}
/*--------------------------------------------------------
掲示板
--------------------------------------------------------*/
.comment-author01 span{
	font-size: 11px;
}
.comment-author01 .authname{
	color: gray;
}
.comment-author02{
	color: gray;
	font-size: 11px;
}
.comment-report a{
	text-decoration: none;
	color: gray;
}
.clonecom {
	background: none repeat scroll 0 0 #ffffff;
	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: none repeat scroll 0 0 #4E9B0F;
	border-color: #0074a2;
	box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
	color: #fff;
	text-decoration: none;
	padding:3px 0 3px 0;
	border:none;
	border-radius:4px;
	box-shadow:none;
	-webkit-appearance: none;
	 box-shadow: 0 4px #3a7a02;
	display: block;
	margin: 10px auto;
	padding: 0.3em 1em;
	text-align: center;
	width: 145px;
	height:35px;
}
#commentform input,
#commentform textarea,
#comment_form input,
#comment_form textarea{
	border-radius: 4px;
	-webkit-appearance: none;
	box-shadow:none;
}
#commentform textarea,
#comment_form textarea{
	width:100%!important;
}
#comment-image-wrapper{
	font-size:80%;
}
#author,#comment{
	border:1px solid #2EA2CC;
}
#main-contents #commentform p,
#main-contents #comment_form p{
	margin:2px 0 2px 0;
}
.comment_paging a,
.comment_paging .current{
	background: #4E9B0F none repeat scroll 0 0;
	border-radius:4px;
	color:#fff!important;
	padding:5px 10px;
}
.comment_paging .current{
	border: 1px solid #3a7c9e;
	background:#fff;
	color: #3a7c9e!important;
}
#comment_image{
	width:300px;
	margin: 10px 0 10px 0;
}
#dummy_comment{
	margin-bottom:20px;
}
#dummy{
	width:100%;
	height:30px;
	border:2px solid #ccc;
	background:#f0f0f0;
}
#comment_close{
	font-size:85%;
	color:#39f;
}
#comment_close:hover{
	color:#FFA90A;
}
.commentimgsub{
	font-size:80%;
	margin-top:14px;
}
#comment-image-wrapper{
	margin-top:-10px;
}
#comment{
	margin-bottom:5px;
}
/*-----------------------------------------------------------
WordPress用
-------------------------------------------------------------*/

#main-contents  h2.post-title{
	margin-bottom: 0.5em;
}
.archive-title{
	padding: 1em;
	background-color: #333;
	color: #fff;
	font-weight: bold;
}
/*●メインコンテンツ内での検索*/
#main-contents dl.search-box{
	margin: 0 0 16px;
	width: 100%;
}
#main-contents dl.search-box dt{
	display: block;
	float: left;
	width: 63%;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}
#main-contents dl.search-box dt input{
	width: 95%;
	height: 1.4em;
	padding: 2px;
	border: 1px solid #aaa;
	color: #aaa;
	line-height: 1.4em;
}
#main-contents dl.search-box dt input.onfocus{
	color: #333;
}
#main-contents dl.search-box dd{
	float: left;
	margin: 0;
	padding: 0;
}
#main-contents dl.search-box dd input{
	height: 2em;
	padding: 0.1em 1em;
	line-height: 1.4em;
}
#main-contents .sb{
	text-align: right;
}
/*コメントフォーム*/
#main-contents p textarea{ width: 70%; }
#main-contents #submit{ padding: 0.3em 1em; }
#main-contents #author,
#main-contents #email,
#main-contents #url{
	width: 50%;
	padding: 0.3em;
}
#main-contents .comment-body em{
	font-weight: bold;
}
#main-contents .commentlist,
#main-contents .commentlist ul{
	margin-right: 0!important;
	margin-left: 0!important;
	padding: 0;
}
#main-contents .commentlist{ padding: 10px; }
#main-contents .commentlist li{
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
#main-contents .commentlist li li{
	margin-top: 10px;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
}
#main-contents .comment-author,
#main-contents .comment-meta{ margin-bottom: 1em; }
#main-contents .reply{ clear: both; }
#main-contents .reply a{
	padding-left: 17px;
	background: url(./images/icon/icon-arrow_r.png) 0 4px no-repeat;
}
/*画像の回り込み*/
img.alignleft{
	float: left;
	padding-right: 30px;
}
img.alignright{
	float: right;
	padding-left: 30px;
}
img.aligncenter{
	display: block;
	margin: auto;
}
/*PS Auto Sitemap基本デザイン*/
ul#sitemap_list,
ul#sitemap_list ul{ margin: 0; }
#sitemap_list li{
	padding: 3px 10px 3px 20px;
	background: url(./images/icon/icon-arrow_r.png) 2px 8px no-repeat;
}
#sitemap_list li ul{
	margin-top: 0.5em;
	margin-bottom: 0;
}
#sitemap_list li li{
	padding: 6px 10px 6px 15px;
	border-left: none;
	background: url(./images/icon/icon-menu02.png) 2px 12px no-repeat;
}
/*●ページネーション WP用*/
#main-contents .cont-menu-wp{
	position: relative;
	overflow: hidden;
	width: 100%;
	/zoom : 1;
}
#main-contents .cont-menu-wp:after{ content : ''; display : block; clear : both; height:0; }
#main-contents .cont-menu-wp ul{
	overflow: hidden;
	width: 100%;
	margin: 0;
	margin-bottom: 1.5em;
	padding: 0;
}
#main-contents .cont-menu-wp li{
	max-width: 50%;
}

* html #main-contents .cont-menu-wp li{ white-space: nowrap; } /* IE6 */
#main-contents .cont-menu-wp li.nav-prev{ float: right; }
#main-contents .cont-menu-wp li.nav-next{ float: left; }
#main-contents .cont-menu-wp li.nav-next a{
	padding: 3px 0 3px 15px;
	background: url(./images/icon/icon-arrow_l.png) left 7px no-repeat;
}
#main-contents .cont-menu-wp li.nav-prev a{
	padding: 3px 15px 3px 0;
	background: url(./images/icon/icon-arrow_r.png) right 7px no-repeat;
}
/*コメントナビ*/
.navigation .alignright{
	float: right;
}
.navigation .alignleft{
	float: left;
}
.navigation:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}
.navigation{
	margin-bottom: 30px;
	/zoom : 1;
}
/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
.clearfix:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}
#top-in,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
.clearfix{ /zoom : 1; }
/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/
.comment-body .comment-author01{
	background:#222;
	color:#fff;
	padding:2px 0 4px 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 3px 3px #ccc;
	border:none;
	position: relative;
}
.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;
}
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;
}

/*------------------------------------------------------------
font系
(size/color/weight)
-------------------------------------------------------------*/
strong,
.b,
.bold {
	font-weight: bold;
}
.redtxt{
	color:#f00;
}
.hyoka {
	font-weight:bold;
	color:#cc0000;
}
/*------------------------------------------------------------
text-align
(center/left/right)
-------------------------------------------------------------*/
.center {
	text-align:center;
}
/*------------------------------------------------------------
記事見出し
-------------------------------------------------------------*/
.post h1{
	font-weight:bold;
	font-size: 145%;
margin:10px 0 10px 2px;
}
/*------------------------------------------------------------
最新情報の見出しラベル + 【更新】
-------------------------------------------------------------*/
.new{
	color:#cc0000;
	font-weight:bold;
	font-size:70%;
}
.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: 66%;
	margin-right: 5px;
	margin-top: -3px;
	padding: 1px 8px;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -1px;
}
.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;}
/*--  最新情報配下 --*/
.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: 70%;
	margin-left:2%;
}
table.gsc-search-box{
	display:none;
}
#___gcse_0 table {
	padding: 0;
	border: none;
	margin-bottom: 0;
}
.gsc-results table {
	display: table-cell;
}
#___gcse_0 .cse .gsc-control-cse,
#___gcse_0 .gsc-control-cse {
	padding: 0;
}
#main-contents #___gcse_0 th,
#main-contents #___gcse_0 td {
	padding: 1px;
	border-right: 0;
	border-bottom: 0;
}
.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 8px 4px 0;
	line-height: 100%;
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	zoom: 1;
	border: none;
	font-weight: 700;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 4px;
	width: 24px;
	height: 24px;
	line-height: 25px;
	background: #5B6783;
	font-size: 11px;
	color: #FFFFFF;
}
.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	border-color: #34a3d1;
	background-color: #34a3d1;
}
div.gcsc-branding div {
	display:inline-block;
}
div.gcsc-branding {
	text-align: -webkit-center;
}
#___gcse_0 .gcsc-branding td.gcsc-branding-text {
	width:initial;
}
#resInfo-0 {
	font-size: 11px;
}
table.gsc-table-result {
	border:none!important;
}
#siteTopSearch.search-form_inputXX {
	display: none;
}
.gsc-resultsHeader {
	display:none;
}
/*--------------------------------------------------------
search-form デフォルト　ここまで
-------------------------------------------------------*/

/*------------------------------------------------------------
gachaBtn
-------------------------------------------------------------*/
#main .gachaBtn, #main .gachaBtn02, #main .btn01,#mainInner .review-btn,#mainInner .gachaBtn,#main-contents .gachaBtn{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b5ed+0,004de8+100 */
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!important;
	display: block;
	border: 1px solid #34A3D1;
	font-weight: bold;
	padding: 7px 0;
	text-align:center;
}
#main-contents .gachaBtn:visited{
color:#fff;
}
.gachaBtn02{
	width: 99%;
}
#main .gachaBtn:hover, #main .gachaBtn02:hover, #main .btn01:hover,#mainInner .review-btn:hover,#mainInner .gachaBtn:hover,#main-contents .gachaBtn:hover{
border:1px solid #00b5ed;
background:#fff;
color:#00b5ed!important;
}


/*------------------------------------------------------------
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: 10px;
	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:460px;
	padding-top:20px;
	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;
}
.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;
	margin-bottom: 5px;
	padding: 0 0 3px 25px;
}
.footer-menu li li{
	padding-left: 15px;
	padding-top: 0;
	background: url(./images/icon/icon-arrow03.png) left 5px no-repeat;
}
.footerBtnWrap{
	display:none;
}
.col3 #footer{
margin-top:  30px;
}
/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
#footer{
	clear: both;
	background: #959595;
	padding: 30px 0 10px 0;
	color: #fff;
	font-size: 12px;
}
#footer a:link,
#footer a:visited{
	color: #fff;
}
#footer h3{
	margin-bottom: 1em;
	padding: 0.8em;
	background-color: #fff;
	color: #333;
	font-weight: bold;
}
#footer .area01{
	float: left;
	width: 39%;
	padding-bottom: 20px;
}
#footer .area02{
	float: right;
	width: 60%;
	padding-bottom: 20px;
}
.footerBtn{
	display:none;
}
/*------------------------------------------------------------
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 .5em 1.5em .5em;
}
.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 {
	background: #e0650d;
	color: #fff;
	font-size:110%;
}
/*------モンスト適正 end -----*/
/*--ピンポイントgacha-FFBE--*/
.pinponsumbit{
	box-shadow:0 5px #749b0a;
}
#main-contents #pinpoint li:first-child{
	background:#7FAA12;
	color:#fff;
	box-shadow:0 5px #749b0a;
	border-radius:4px;
	display:inline-block;
	width:45%;
	text-align:center;
}
#main-contents #pinpoint li:first-child a{
	color:#fff;
}
#pinpoint{
	margin-right:0!important;
}
#pinpoint li:last-child{
	float:right;
	padding:9px 0 9px 0;
	border-radius:4px;
	box-shadow:0 5px #7FAA12;
	border:1px solid #7FAA12;
	display:inline-block;
	width:45%;
	text-align:center;
}
#pinpoint li:last-child a{
	color:#7FAA12;
}
#twitterbtn a{
	background:#3D84D0;
	width:100%;
	border-radius:4px;
	color:#fff;
	margin:18px 0 18px 0;
	display:block;
	box-shadow:0 5px #2371C4;
	padding: 10px 0 10px 0;
}
/*---ピンポイントgacha End--*/
/*------ roleIcon(FE) -----*/
/*-------  role.css  ---------*/
.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: #E55957;
}
.roleIcon03 {
	background: #e5a757;
}
.roleIcon04 {
	background: #e5a757;
}
.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: #dd6b93;
}
/*------ roleIcon end -----*/
/*------ flexBox st -----*/
*[class|="flex"] {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
/*------ flexBox end -----*/
/*--------------------------------------------
投票(アンケート)
---------------------------------------------*/
.tohyoForm input{
	border-radius: 4px;
}
.tohyoTxt{
	left: 3%;
	position: absolute;
	top: 2px;
}
.tohyoBtn{
	background: #34a3d1 none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff !important;
	display: inline-block;
	padding: 3px 10px;
	text-align: center;
	float:left;
}
.tohyoBtn02{
	float:left;
}
.tohyoWrap02{
	border: 1px solid #ffcd6b!important;
}
.tohyoWrap02 .tohyoContents01{
	background: #ffcd6b;
}
.tohyoWrap{
	border: 1px solid #ade1f7;
	border-radius: 4px;
	display: inline-block;
	float: left;
	margin-left: 7px;
	position: relative;
	width: 75%;
	height:22px;
}
.tohyodefo{
	display: inline-block;
	height: 30px;
}
.tohyoContents01{
	background: #ade1f7 none repeat scroll 0 0;
	display: inline-block;
	height: 22px;
	width: 10%;
}

/*-- 投票end --*/
/*--- シャドバ・全カード評価一覧 ---*
/*-- 絞り込みフォーム --*/
#siborikomiForm p {
    text-align: center;
	margin: auto;
}
a.btSiborikomi{
    display: inline-block;
    width: 40%;
    margin:0 auto;
    background: #333;
    border-radius:5px;
    color:#fff!important;
    text-align:center;
    padding:10px 0 10px 0;
}
a.btReset{
    display: inline-block;
    width: 40%;
    margin:0 auto;
    margin-left: 15px;
    background: #333;
    border-radius:5px;
    color:#fff!important;
    text-align:center;
    padding:10px 0 10px 0;
}
a.btSiborikomi2 {
    padding:5px 15px;
    border-radius:4px;
    background:#333;
    color:#fff;
    text-align:center;
}
button.btSiborikomi2 {
    display: inline-block;
    cursor: pointer;
    border: none;
    padding:5px 15px;
    border-radius:4px;
    background:#333;
    color:#fff;
    font-size: 13px;
    text-align:center;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,sans-serif;
	font-style: normal;
	line-height: 1.5;
}
#main-contents .icon{
 color:#fff;
 border-radius:3px;
 padding:1px 0;
 text-align:center;
 display:block;
 width:100%;
}
#main-contents .premiere{
background:#E497FC;
font-size: 56%;
padding: 6px 0 6px;
}
#main-contents .gold{
background:#BBCC00;
font-size: 70%;
padding: 4px 0 4px;
}
#main-contents .silver{
background:#AFAFAF;
font-size: 70%;
padding: 4px 0 4px;
}
#main-contents .bronze{
background:#CE4244;
font-size: 70%;
padding: 4px 0 4px;
}
#main-contents .pack{
background:#1A1E21;
}
/*全カード評価一覧ツールチップ　ここから*/
#tooltip {
	text-align: center;
	color: #fff;
	background: #111;
	position: absolute;
	z-index: 100;
	padding: 15px;
}
#tooltip:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #111;
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -10px;
}
#tooltip.top:after {
	border-top-color: transparent;
	border-bottom: 10px solid #111;
	top: -20px;
	bottom: auto;
}
#tooltip.left:after {
	left: 10px;
	margin: 0;
}
#tooltip.right:after {
	right: 10px;
	left: auto;
	margin: 0;
}
.sort {
	color: #0c749b;
	display: block;
	cursor: pointer;
}
.sort:hover {
	color: #f60;
}
/*ツールチップ　ここまで*/

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

/*------------------------------------------------------------
おそらく評価ページのCSS
-------------------------------------------------------------*/
.karma{color:#21A2DD;}
.rin{color:#7F0E12;}
.trick{color:#FF8300;}
.yuji{color:#3DAFED;}
.ori{color:#FF7F00;}
.teo{color:#710EB7;}
.noho{color:#89D617;}
.fuen{color:#7FBA09;}
.ryof{background:#936007;color:#fff;}
.berika{background:#841DE5;color:#fff;}
.deiji{background:#EA44CC;color:#fff;}
.ace{background:#0CC7B7;color:#fff;}
.goku{background:#CE1E1E;color:#fff;}
.rose{background:#F28D0A;color:#fff;}
.ruri{background:#F00C7E;color:#fff;}
.nia{background:#04E004;color:#fff;}
.jufi{background:#5BA80D;color:#fff;}
.ria{background:#993366;color:#fff;}
.aragon{background:#2D2D2D;color:#fff;}
.shugosha{background:#2D2D2D;color:#fff;}
.akuryo{background:#2828BF;color:#fff;}
.bushi{background:#FFCC99;}
.kenja{background:#AD7610;color:#fff;}
.shinju{background:#086959;color:#fff;}
.niji{background:#0D83DE;color:#fff;}
.gold{background:#DED70D;}
.gold{color:#F7A000;font-weight:bold;}
.silver{color:#AAAAAA;font-weight:bold;}
.bronze{color:#9B5E20;font-weight:bold;}
.tensu{font-size:12pt;}
.tensu02{font-size:90%;color:#9c9c9c;}
.tensu03{font-size: 12pt;color:#444;}

/*------------------------------------------------------------
アルテマトップのみのCSS
-------------------------------------------------------------*/
/*-- アルテマトップ 右側のサイドバー--*/
#game{
	margin-bottom:-30px;
}
#game li{
	background:none;
	padding:0;
}
#game a{
	background:#fff no-repeat;
	background-position: 5px 5px;
	display:block;
	box-shadow:0 3px #f0f0f0;
	border:1px solid #f0f0f0;
	margin-bottom:8px;
	padding:15px 0 15px 45px;
}
/*------------------------------------------------------------
使ってるか怪しいグループ(WPテーマtemplateの残滓)
※ 追記：col2はアルテマトップ、col3は通常ページのbodyレイアウト
-------------------------------------------------------------*/

/*------------------------------------------------------------
レイアウト.css
-------------------------------------------------------------*/
/*--------------------------------------------------------
1カラムレイアウト
--------------------------------------------------------*/
.col1 #container,
.col1 #top,
.col1 #header,
.col1 #global-nav,
.col1 #main,
.col1 #main-image,
.col1 #footer,
.col1 .copyright{
	width: 100%;
	min-width: 950px;
}
.col1 #top-in,
.col1 #header-in,
.col1 #global-nav-in,
.col1 #main-in,
.col1 #main-image-in,
.col1 #footer-in,
.col1 .copyright p{
	width: 950px;
	margin: auto;
}
.col1 #main-contents{ width: 100%; }
/*--------------------------------------------------------
2カラムレイアウト
--------------------------------------------------------*/
.col2 #container,
.col2 #top,
.col2 #header,
.col2 #global-nav,
.col2 #main,
.col2 #main-image,
.col2 #footer,
.col2 .copyright,
.col2r #container,
.col2r #top,
.col2r #header,
.col2r #global-nav,
.col2r #main,
.col2r #main-image,
.col2r #footer,
.col2r .copyright{
	width: 100%;
	min-width: 950px;
}
.col2 #top-in,
.col2 #header-in,
.col2 #global-nav-in,
.col2 #main-in,
.col2 #main-image-in,
.col2 #footer-in,
.col2 .copyright p,
.col2r #top-in,
.col2r #header-in,
.col2r #global-nav-in,
.col2r #main-in,
.col2r #main-image-in,
.col2r #footer-in,
.col2r .copyright p{
	width: 950px;
	margin: auto;
}
.col2 #sidebar,
.col2r #sidebar{ width: 29.5%; }
.col2 #main-and-sub,
.col2r #main-and-sub{ width: 66.8%; }
/*コンテンツ配置*/
.col2 #main-and-sub{ float: left; }
.col2 #sidebar{ float: right; }
.col2r #main-and-sub{ float: right; }
.col2r #sidebar{ float: left; }

/*--------------------------------------------------------
3カラムレイアウト
--------------------------------------------------------*/
.col3 #container,
.col3 #top,
.col3 #header,
.col3 #global-nav,
.col3 #main,
.col3 #main-image,
.col3 #footer,
.col3 .copyright,
.col3r #container,
.col3r #top,
.col3r #header,
.col3r #global-nav,
.col3r #main,
.col3r #main-image,
.col3r #footer,
.col3r .copyright{
	width: 100%;
	min-width: 950px;
}
.col3 #top-in,
.col3 #global-nav-in,
.col3 #header-in,
.col3 #main-in,
.col3 #main-image-in,
.col3 #footer-in,
.col3 .copyright p,
.col3r #top-in,
.col3r #header-in,
.col3r #global-nav-in,
.col3r #main-in,
.col3r #main-image-in,
.col3r #footer-in,
.col3r .copyright p{
	width: 1050px;
	margin: auto;
}
.col3 #sidebar,
.col3r #sidebar{ width: 310px; }
.col3 #main-and-sub,
.col3r #main-and-sub{ width: 710px; }
.col3 #main-contents,
.col3r #main-contents{ width: 480px; }
.col3 #sub-contents,
.col3r #sub-contents{ width: 200px; }
/*コンテンツ配置*/
.col3 #main-and-sub{ float: left; }
.col3 #main-contents{ float: right; }
.col3 #sub-contents{ float: left; }
.col3 #sidebar{ float: right; }
.col3r #main-and-sub{ float: left; }
.col3r #main-contents{ float: left; }
.col3r #sub-contents{ float: right; }
.col3r #sidebar{ float: right; }

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

/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
#global-nav{
	background-color: #fff;
	border-bottom: 4px solid #000;
}
#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#global-nav dt,
#global-nav dd{
	margin: 0;
	padding: 0;
}
/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }
/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; }
#menu{
	padding-bottom: 5px;
	font-size: 1.2em;
}

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

.chumoku{
    border: 1px solid rgb(19, 104, 174);
    border-radius: 4px;
    padding: 8px 10px;
    margin-bottom: 10px;
    width: 86%;
    margin: 10px auto;
}
/*--------------------------------------------------------
人気のページﾗﾝｷﾝｸﾞ
--------------------------------------------------------*/
#sidebar #ranking-area {
	margin-top:20px;
}
#sidebar #ranking-area li{
border:none;
}


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

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

#snsBox01 ul{
	padding:10px;
}

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

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

#snsBox01 li img {
	width:13px;
	margin-right:3px;
	margin-bottom: 2px;
	vertical-align:middle;
}
#snsBox01 li.facebook-icon img {
	width:auto;
	height:13px;
	margin-right:4px;
	margin-bottom: 2px;
	vertical-align:middle;
}
#snsBox01 li a:link,
#snsBox01 li a:visited,
#snsBox01 li a:hover,
#snsBox01 li a:active{
	color: #fff;
}

#snsBox01 li.twi-icon {
    background-color: #20bee2;
}
#snsBox01 li.line-icon {
    background-color: #22af94;
}
#snsBox01 li.facebook-icon {
    background-color: #5f699e;
}
#snsBox01 li.hate-icon {
    background-color: #297faa;
}

#snsBox01 li.twi-icon:hover {
    background-color: #00b4ff;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}
#snsBox01 li.line-icon:hover {
    background-color: #22af94;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}
#snsBox01 li.facebook-icon:hover {
    background-color: #5f699e;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}
#snsBox01 li.hate-icon:hover {
    background-color: #297faa;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}

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

@media
only screen and (max-width : 640px){
.snsBox02 li {
	display:inline-block;
	position: relative;
	height: 24px;
	box-sizing: border-box;
	padding:  0px;
	border-radius: 0px;
	cursor: pointer;
	font-size:80%;
	width:24%;
	text-align:center;
	vertical-align:middle;
}
.article .snsBox02 li {
	display:inline-block;
	position: relative;
	height: 24px;
	box-sizing: border-box;
	padding: 0px;
	border-radius: 0px;
	cursor: pointer;
	font-size:80%;
	width:24%;
	text-align:center;
	vertical-align:middle;
}
.sns-button02{
	padding:8px 0 12px;
	margin:  0 5px;
}
.article .sns-button02{
	margin:-18px 5px -25px;
}
.article p.lead{
	margin:0 5px;
}
.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: #20bee2;
}
.snsBox02 li.line-icon {
    background-color: #50b945;
}
.snsBox02 li.facebook-icon {
    background-color: #5f699e;
}
.snsBox02 li.hate-icon {
    background-color: #297faa;
}

.snsBox02 li.twi-icon:hover {
    background-color: #00b4ff;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}
.snsBox02 li.line-icon:hover {
    background-color: #13bf00;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}
.snsBox02 li.facebook-icon:hover {
    background-color: #3b5998;
  transition: background-color 0.5s; 
  -webkit-transition: background-color 0.5s;
}
.snsBox02 li.hate-icon:hover {
    background-color: #016cde;
  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;
}
/*--------------------------------------------------------
table
--------------------------------------------------------*/
#main-contents table.all-center th,
#main-contents table.all-center td  {
	text-align:center;
}
#main-contents table.th-center th{
	text-align:center;
}
#main-contents table.td-right td:not(.default){
	text-align:right;
}
/*--------------------------------------------------------
人気のページﾗﾝｷﾝｸﾞ ver.2
--------------------------------------------------------*/
.ninki-ranking div {
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 0 8px;
}
.ninki-ranking div img{
	width: 35px;
	padding-right: 5px;
}
.ninki-ranking dt,.ninki-ranking dd {
	display:table-cell;
	vertical-align: middle;
}
.ninki-ranking dt {
	width:70px;
	background-color: #111;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-align: center;
	overflow: hidden;
	max-width: 70px;
}
.ninki-ranking dt img {
	height:35px;
	max-width: initial;
}
.ninki-ranking dd {
	padding-left:8px;
	text-align: left;
}
.ninki-ranking dl:not(:last-child) {
	border-bottom: 1px solid #dde4e6;
}
.ninki-ranking dl {
	margin:0.5em 0;
	padding: 0 0 5px;
}
.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;
}
/*--------------------------------------------------------
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: 99999;
}
.jackBtn01 a img,
.jackBtn02 a img{
border-radius:0;
}
.jackBtn01 a {
margin-top: 0%;
right: -549%;
}
.jackBtn02 a {
	left: -160%;
margin-top: 0%;
}
#main-in{
position:relative;
}
#main-in .jackBtn02 a{
left: -156%;
margin-top: 0%;
}
#main-in .jackBtn01 a{
right: -581%;
margin-top: 0%;
}

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

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

body:not(.home) .jackBtn01 a,
body:not(.home) .jackBtn02 a {
	top: -39px;
}
.jackHeaderImg {
	margin: 0 auto;
	width: 1050px;
	position: relative;
	left: -0.35%;
}
.jackHeaderImg .imgDiv {
	width: 100%;
	height: 200px;
}

#main-contents .apph1{
margin: 15px 0 0;
}
/*--------------------------------------------------
jackAltemaTop@0926
----------------------------------------------------*/
.col2 #sidebar {
    position: relative;
    overflow: visible;  
}
.col2 .jackBtn01 a {
    right: -102%;
    margin-top: -105%;
}
.col2 .jackBtn02 a {
    left: -320%;
    margin-top: -105%;
}
/*-------------------------------------------------------
k-widget
-------------------------------------------------------*/
.widgetAppHead {
border-left: 6px solid #888;
    font-weight: bold;
    margin: 15px 0 10px 0;
    padding-left: 6px;
}
.appDiv01 li {
    display: inline-block;
    width: 22%;
    padding: 0;
    font-size: .8em;
    text-align: center;
}
.appDiv01 li img {
	display: block;
    margin: auto;
}
.sub-column .widget-conts ul.appDiv01 li,
.sub-column .widget-conts ul.appDiv02 li {
    background: none;
    padding: 0;
}
.appDiv02 dl dt {
	font-weight: bold;
}
.appDiv02 dl dd {
	line-height: 1.2em;
}
.appDiv02 .imgDiv {
	display: inline-block;
    float: left;
}

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

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

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

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



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



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

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

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

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

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

}
#mainCenter .paraBox div{
	float: left;
}
#mainCenter .reviewTopBox{
	background:url(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 {
    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{
	padding: 0;
	margin-bottom: inherit;
    border: none;
}
#main-contents .fc-view td{
	border-right: 1px solid #dde4e6;
	font-size:11px;
    border-bottom: none;
	padding: .2em;
}
#main-contents .fc-view th{
	padding: 0.5em;
	border-right: 1px solid #dde4e6;
	border-bottom: 1px solid #dde4e6;
	font-size:11px;
	background-color: #f0f0f0;
	font-weight: bold;
	text-align:center;
}
#main-contents tbody.fc-body {
    background: #3a3833;
}
#main-contents tbody.fc-body td {
    background: inherit;
    color: #FFF;
}
#main-contents tbody.fc-body td  a:link{
    color: #FFF;
}
#main-contents tbody.fc-body td  a:visited{
    color: #FFF;
}
#main-contents tbody.fc-body td  a:hover{
	outline: 0;
	color: #f60;
}
#main-contents tbody.fc-body td  a:active{
	outline: 0;
	color: #f60;
}
#main-contents tbody.fc-body td.fc-today {
	background-color: #613c70;
}
#main-contents .fc-center .title-date{
    background: none;
    padding: 0px;
    background-size: 100% 100%;
    color: #333;
    font-size:130%;
    margin:3px;
    font-weight:bold;
}
/*--------------------------------------------------
ページナビゲーション
----------------------------------------------------*/
.article-pagenavi ul {
	padding: 15px 10px 10px !important;
	/*background: #fff;*/
	/*border: 1px solid #ccc;*/
	text-align: center;
}

.article-pagenavi ul li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

.article-pagenavi ul li span,
.article-pagenavi ul li a {
	background: #4E9B0F none repeat scroll 0 0;
	border-radius:4px;
	color:#fff!important;
	padding:5px 10px;
}

.article-pagenavi ul li.current a{
background:none;
}

.article-pagenavi ul li.current span{
	border: 1px solid #3a7c9e;
	background:#fff;
	color: #3a7c9e!important;
}

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

#mainLeft #sub-contents #submenu-30,
#mainLeft #sub-contents #submenu-2,
#mainLeft #sub-contents #submenu-3{
margin-bottom:0;
}
#mainCenter .reviewTopBox ul li span{
    display: inline-block;
    width: 48px;
}
.post ol.toriatukai li {
	width: 24%;
}
.post ol.toriatukai li p {
	line-height: 1.1em;
}

/*---------------------------------------------------------------------------
↑改修前** 改修後CSSは以下に記載していってください **　改修後↓
----------------------------------------------------------------------------*/

/*------------------------------------------------------------
header
-------------------------------------------------------------*/
.headerIn .header-logo a {
	display: inline-block;
	width: 55%;
}
.headerIn .header-logo img {
	width:100%;
}
.header_naviArea {
	position: relative;
	background-size: cover;
    min-height: 120px;
}
.header_navi {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.header_icon a {
	padding: 8px;
	display: inline-block;
}
.header_icon img {
	border-radius: 8px;
}
.header_icon h1 {
	display: inline-block;
	font-size: 1.5em;
	color: #fff;
	vertical-align: middle;
}
/*--- .header_naviArea --*/
.header_naviArea ul {
    background-color: #2f4e66cc;
    display: flex;
    color: #fff;
    font-weight: bold;
}
.header_naviArea ul li {
	text-align: center;
	padding: 8px;
}
.header_naviArea ul li:first-child:nth-last-child(3),
.header_naviArea ul li:first-child:nth-last-child(3) ~ li {
	width:30%;
}
.header_naviArea ul li:first-child:nth-last-child(4),
.header_naviArea ul li:first-child:nth-last-child(4) ~ li {
	width:23%;
}
.header_naviArea ul li:first-child:nth-last-child(5),
.header_naviArea ul li:first-child:nth-last-child(5) ~ li {
	width:19.5%;
	font-size: 11px;
    padding: 10px 0;
}
.header_naviArea ul li a img {
	width: 15px;
	margin-right: 3px;
}
/*--- .header_naviArea --*/
.gnavi-Area {
	background-color: #ddd;
}
.gnavi-Area ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
}
.gnavi-Area ul li {
	width: 32.8%;
	background: linear-gradient(to bottom, #fefefe, #ededed);
	padding: 5px 0;
    border: 1px solid #ddd;
    font-weight: bold;
}
@media only screen and (max-width : 640px){
	.gnavi-Area ul li {
		width: 32.75%;
	}
}
.topic-section {
	background-color: #303539;
	color:#fff;
	font-size: 1.3em;
	padding: 5px 20px;
}
/*------------------------------------------------------------
sokuhou
-------------------------------------------------------------*/
.swiper-container-horizontal {
		background-color: #eee;
}
ul.sokuhou-swiper-list {
	display: flex;
}
#main-contents ul.sokuhou-swiper-list li {
    position: relative;
    width:200px;
    min-width: 200px;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px 10px 5px 10px;
    margin: 13px 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    min-height: 170px;
}
ul.sokuhou-swiper-list li div,
ul.sokuhou-swiper-list li span {
	display: block;
}
ul.sokuhou-swiper-list li img {
	max-width: 100%;
	max-height: 100px;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}
ul.sokuhou-swiper-list li div.img_div {
	width: 100%;
	height: 100px;
	background: #ccc;
	border-radius: 5px;
	position: relative;
}
ul.sokuhou-swiper-list li span.sokuhou_title {
font-size: 12px;
    font-weight: bold;
    min-height: 30px;
    line-height: 1.3em;
    margin-top: 4px;
}
ul.sokuhou-swiper-list li span.sokuhou_date {
	color: #666;
    font-size: 9px;
margin-top: 3px;
}
#search-form-box {
	border: 2px solid #34a3d1!important;
}
/*------------------------------------------------------------
あとで消していいやつ(と思う)
-------------------------------------------------------------*/
body {

	width: 100%;
}
header {

	width: 100%;
}
a:link,
a:visited{color: #0c749b;}
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: 66%;
	margin-left:3%;
}
/*------------------------------------------------------------
textwaku
-------------------------------------------------------------*/
span.textwaku{
    padding: 2px 4px;
    border: 1px solid #bdccd4;
    display: inline-block;
    height: 15px;
    margin: 3px;
    border-radius: 5px;
    text-align: center;
    font-style: normal;
    line-height: 1.5;
    color: #444;
}

/*------------------------------------------------------------
新タイトル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: 57px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    text-align: center;
    overflow: hidden;
    max-width: 57px;
    height: 24px;
    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: 6px 0 6px 0;
}

#header-in_new div.topHeadWrap li img{
    width: 54px;
    display: inline-block;
 }
#header-in_new div.topHeadWrap li img {
    width: initial;
    max-width: 74px;
    vertical-align: middle;

}

#header-in_new div.topHeadWrap li:last-child{
	border: 0;
}

#header-in_new div.topHeadWrap li a{
	display: block;
font-size:12px;
}

#header-in_new div.topHeadWrap p{
	padding: 0 7px 2px 7px;
}

#header-in_new div.topHeadWrap p a{
	background-color: #FFF;
	display: block;
	box-sizing: border-box;
	color: #34a3d1;
	text-align: center;
	line-height: 30px;
	border: 1px solid #34a3d1;
	border-radius: 5px;
}
#header-in_new div.topHeadWrap p a:hover{
background-color: #34a3d1;
color:#fff;
}
#header-in_new div.topHeadWrap .search-form{
width: 510px;
position: absolute;
right: 11px;
bottom: 22px;
}

#header-in_new div.topHeadWrap .search-form input:first-child{
border: 0;
padding: 0 0 0 8px;
margin: 0;
height: 36px;
line-height: 36px;
width: 375px;
border-radius: 5px;
background-color: rgba(233,233,233,0.7);
}

#header-in_new div.topHeadWrap .search-form input:last-child{
border: 0;
padding: 0;
width: 116px;
height: 36px;
line-height: 36px;
border-radius: 5px;
text-align: center;
color: #FFF;
background-color: #34a3d1;
font-size: 15px;
float: right;
}

/*------------------------------------------------------------
追加　下層トップ検索フォーム
-------------------------------------------------------------*/
#header-in .search-form form input[type="text"]{
	width:348px;
    border: 2px solid #34a3d1!important;
}

/*------------------------------------------------------------
クイズ　テーブルタグ
-------------------------------------------------------------*/
#main-contents table.quiztab tr:nth-child(odd){
	background:none;
}
#main-contents table.quiztab{
	margin-bottom: 1.5em;
	padding: 0;
	border: none;
	background:none;
}
#main-contents table.quiztab th,
#main-contents table.quiztab td{
	border:none;
	background:none;
    padding: 0px;	
}
#main-contents table.quiztab th{
	background-color: #000;
	font-weight: bold;
	text-align: left;
}

#main .quizBtn-a{
	border: none;
	border-radius: none;
	color: none;
	display: block;
	font-weight: bold;
	padding: 15px 5px 15px 40px;
	text-align:center;
	color:  #FFF;
	background: url("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;
}
/*新タイトルTOPheadero終わり*/

@media
only screen and (min-width : 768px){
.sokuhou-swiper-container{
display:none;
}
}

/*------------------------------------------------------------
クイズフォームの調整CSS
-------------------------------------------------------------*/
#form-control- .form-submit{
width: 50%;
background: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 0 6px 0;
border: 0;
margin: 20px auto;
display: block;
cursor: pointer;
}
#form-control-question input,
#form-control-title_name input,
#form-control-answer1 input,
#form-control-answer2 input,
#form-control-answer3 input,
#form-control-answer4 input{
	width:98.5%;
	text-align:center;
	display:block;
	margin:auto;
	text-align:left;
	}

#form-area p{
	margin: 10px 0!important;
}

/*-------------------------------------------------------
投稿テーブルへのいいね！設置
-------------------------------------------------------*/
.m_wrap_0607 li{float:right; margin-bottom:0;}
.m_wrap_0607 li:first-child{
        float:left;
        position: relative;
        top:2px;}

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

.hyouka_m {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #db6b0f;
	margin-left: 10px;
	padding: 3px 8px;
	position: relative;
        top:2px;
}
.hyouka_m::before {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #fff transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	content: "";
	display: block;
	left: -5px;
	position: absolute;
	top: 7px;
	width: 0;
	z-index: 1;
}
.hyouka_m::after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent #ccc transparent transparent;
	border-image: none;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	content: "";
	display: block;
	left: -6px;
	position: absolute;
	top: 7px;
	width: 0;
}

#main-contents .m_wrap_0607 li{margin-bottom:0;}

/*-------------------------------------------------------
みんなの評価　PC版調整
-------------------------------------------------------*/
@media
only screen and (min-width : 641px){
div.paraBox >div:first-child{
       width: 60%;
       display: inline-block;
       vertical-align: middle;
}

p.sougou{
       display: inline-block;
       vertical-align: middle;
}
}


/*------------------------------------------------------------
追従コメントボタン
-------------------------------------------------------------*/

p.t-bt-comment{
    position: fixed;
    top: 30px;
    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;
}

/*------------------------------------------------------------
事前登録ランキング
-------------------------------------------------------------*/
body #osusume-game-ranking-area td.Appimg-box {
    text-align: center;
    width: 90px;
    vertical-align: middle;
    padding: 5px 0 0 0!important;
}
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:55px;
    position: relative;
}
body #osusume-game-ranking-area .Appimg img.apprank{
    position: absolute;
    top: 2px;
    left: 16px;
    width: 45%;
    opacity: 1;
}
body #osusume-game-ranking-area .Apptitle{
    font-size: 11px;
    padding: 0px;
    margin: 0px;
}
body #osusume-game-ranking-area p.Apptxt{
    padding:5px;
    margin: 0px;
}
/*------------------------------------------------------------
事前予約実施中一覧
-------------------------------------------------------------*/
    #mainCenter td.sinsaku-item p.Jizenlistimg{
        position: relative;
        margin: 0px;
    }
    #mainCenter td.sinsaku-item p.Jizenlistimg img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    #mainCenter td.sinsaku-item{
        position: relative;
    }
    #mainCenter td.sinsaku-item p{
        vertical-align: top;
    }
    #mainCenter td.sinsaku-item p.yoyakuBt {
        position: initial;
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    #mainCenter td.sinsaku-item p.game-name{
        margin:5px 0 3px 0;
        line-height: 1.2em;
        font-size: 1.1em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #mainCenter td.sinsaku-item p.company-name{
        margin:0px 0 2px 0;
        font-size: 0.9em;
    }
    #mainCenter td.sinsaku-item .yoyakuBt a {
        border: 1px solid #34a3d1;
        border-radius: 2px;
        color: #34a3d1;
        display: block;
        font-weight: bold;
        padding: 3px 0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        transition: 0.3s;
        box-shadow: none;
        background-color: #fff;
        font-size: 0.9em;
    }
    #mainCenter td.sinsaku-item .yoyakuBt a:hover {
        color: #fff;
        background: #34a3d1;
    }
    #main-contents td.sinsaku-item p.Jizenlistimg{
        position: relative;
        margin: 0px;
    }
    #main-contents td.sinsaku-item p.Jizenlistimg img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
    #main-contents td.sinsaku-item{
        position: relative;
    }
    #main-contents td.sinsaku-item p{
        vertical-align: top;
    }
    #main-contents td.sinsaku-item p.yoyakuBt {
        position: initial;
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    #main-contents td.sinsaku-item p.game-name{
        margin:5px 0 3px 0;
        line-height: 1.2em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #main-contents td.sinsaku-item p.company-name{
        margin:0px 0 2px 0;
        font-size: 0.9em;
    }
    #main-contents td.sinsaku-item .Appneme{
        display: block;
        border-bottom: 1px dashed #ccc;
        margin-bottom: 6px;
    }
#main-contents td.sinsaku-item .yoyakusuu{
        display: block;
    }
    .yoyakuBt a {
        border: 1px solid #34a3d1;
        border-radius: 2px;
        color: #34a3d1;
        display: block;
        font-weight: bold;
        padding: 3px 0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        transition: 0.3s;
        box-shadow: none;
        background-color: #fff;
        font-size: 0.9em;
    }
    .haisinbi-i{
        background: #bbb;
        padding: 0px 5px;
        border-radius: 2px;
        margin-right: 5px;
        font-size: 0.8em;
        color: #FFF;
        width: 40px;
        display: inline-block;
        text-align: center;
    }
    .yoyaku-i{
        background: #f7931e;
        padding: 2px 5px;
        border-radius: 2px;
        margin-right: 5px;
        font-size: 0.8em;
        color: #FFF;
        width: 40px;
        display: inline-block;
        text-align: center;
    }
    .wchance-p{
        position: absolute;
        top:4%;
        opacity:0.95;
    }
    .wchance-i{
        background: #8cc63f;
        padding: 2px 5px;
        border-radius: 0px 2px 2px 0;
        margin-right: 2px;
        font-size: 0.8em;
        color: #FFF;
    }
    .Appneme{
        display: block;
        border-bottom: 1px dashed #ccc;
        margin-bottom: 6px;
    }
    td.sinsaku-item .yoyakusuu{
        display: block;
    }
    .mojigen{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .jizenTopBox{
        background-size: 100%!important;
    }
/*------------------------------------------------------------
事前登録一覧
-------------------------------------------------------------*/
#mainCenter ul.gacha-list{}
#mainCenter ul.gacha-list p{
	margin: 0;
	padding: 0;
}
#mainCenter li.app-item{
	border: 2px solid #f2f2f2;
	margin: 20px 0;
	background: none;
	position: relative;
}
.media-box{
	border: 1px solid #cccccc;
	padding: 0 0 10px;
}
.media-title-box{
    display: block;
    min-height: 100px;
    position: relative;
}
.media-title-box p{
	margin: 0;
}
p.sub-info{
	color: #FFF;
	font-size: 0.9em;
	margin-bottom: 5px;
}
.icon-app{
	position: relative;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000000f5);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000000f5);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, #000000f5);
}
.icon-app img{
    width: 100%;
    display: inline;
    z-index: -1;
    position: relative;
    height: 150px;
    object-fit: cover;
    object-position: top;
}
.icon-app a{
	display: block;
}
.media-title{
	display: inline-block;
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
}
#mainCenter ul.gacha-list .media-title p{
	padding: 0 10px;
}
.media-title p a{
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
}
.tokuten-box{
	margin-bottom:10px; 
	padding: 0 10px;
}
.reserv-txt{
	width: 30%;
	display: inline-block;
    vertical-align: top;
}
.yoyakunin{
    text-align: center;
    padding: 3px 0;
    background: #f7931e;
    color: #fff;
    font-size: 0.9em;
}
.tokuten-box .yoyakusuu{
    text-align: center;
    padding: 6px 0;
    font-size: 0.9em;
    border: 1px solid #ccc;
    border-top: 0px;
}
.wchance-icon{
    text-align: center;
    font-size: 0.8em;
    padding: 5px 0;
    margin-top: 5px;
    color: #FFF;
    background-color:#8cc63f;
}
.tokuten-item{
	width: 69%;
	display: inline-block;
    vertical-align: top;
}
#mainCenter ul.gacha-list .tokuten-item p{
	padding:0 10px;
	line-height: 1.5em;
	font-size: 1.2em;
}
#mainCenter ul.gacha-list .tokuten-item p.tokuten-icon{
font-size: 1.3em;
    color: #ff3e55;
    font-weight: bold;
    background-image: url(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;
}


/*------------------------------------------------------------
メールアドレス登録
-------------------------------------------------------------*/
.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{
	margin: 10px;
}
#main-contents .Jushinset ul li{
	border: none;
	margin-bottom: 5px;
	padding: 5px;
}
.copyBox{
    display: table;
    padding: 0 5px;
    margin: 10px 0;
    width: 95%;
}
.copyBox p{ 
	display: inline-block;
	border: 1px solid #CCC;
	padding: 5px;
	width: 70%;
}
.copyBt{ 
	display: inline-block;
    width: 20%;
    text-align: center;
    background-color: #34A3D1;
    padding: 7px 0px;
    color: #FFF;
    cursor: pointer;
}

/*------------------------------------------------------------
会員登録(無料)のご案内
-------------------------------------------------------------*/
body .ui-dialog .ui-dialog-content .gacha-login-box{
    position: relative;
}
body .ui-dialog .ui-dialog-content .gacha-login-box p.touroku-h {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    background-color: #25244E;
    color: #FFF;
    font-size: 18px;
    margin-bottom: 20px;
    min-height: auto;
    border-radius: 3px 3px 0 0px;
}
body .ui-dialog .ui-dialog-content .gacha-login-box p {
    padding: 10px;
    min-height:auto;
}
body .ui-dialog .ui-dialog-content .gacha-login-box p.lead {
    padding: 0px 10px 0;
    font-size:11px;
    color:#888;
    font-weight:bold;
}
body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox {
    display: block;
    margin: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox p{
    margin: 0;
}
body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.muryoubt{
    border-radius: 2px;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    background-color:#34A3D1;
    border:1px solid #34A3D1;
}
body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.muryoubt:hover{
    opacity: 0.5;
}
body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.loginbt{
    border-radius: 2px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    background-color:#E6FAFF;
    border:1px solid #0C749B;
}
body .ui-dialog .ui-dialog-content .gacha-login-box .BtBox a.loginbt:hover{
    border-radius: 2px;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    background-color:#0C749B;
    border:1px solid #0C749B;
}

/*------------------------------------------------------------
メールアドレス認証のご案内
-------------------------------------------------------------*/
body .ui-dialog .ui-dialog-content .gacha-mailnin{
    position: relative;
}
body .ui-dialog .ui-dialog-content .gacha-mailnin p.touroku-h {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    background-color: #25244E;
    color: #FFF;
    font-size: 14px;
    margin-bottom: 5px;
    min-height: auto;
    border-radius: 3px 3px 0 0px;
}
body .ui-dialog .ui-dialog-content .gacha-mailnin p {
    padding: 10px;
    text-align: left;
    min-height: auto;
}
body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox {
    display: block;
    margin: 10px;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox p{
    margin: 0;
}
body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox a.gachaBtn{
    border-radius: 2px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    background-color:#E6FAFF;
    border:1px solid #0C749B;
}
body .ui-dialog .ui-dialog-content .gacha-mailnin .BtBox a.gachaBtn:hover{
    border-radius: 2px;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    background-color:#0C749B;
    border:1px solid #0C749B;
}
/*------------------------------------------------------------
事前登録当選ギフトコード確認
-------------------------------------------------------------*/
#mainCenter table.codeTb td{
    vertical-align: middle;
}
/*------------------------------------------------------------
お知らせ一覧
-------------------------------------------------------------*/
#mainCenter #notice_list li{
	margin:0;
	padding:10px 0;
	border-bottom: 1px dotted #ccc;
}
#notice_list .notice-link li:last-child{
	border: none;
}
#notice_list .notice-icon{
	display: inline-block;
    vertical-align: middle;
margin: 0 10px;
}
#notice_list .notice-link{
	display: inline-block;
    vertical-align: middle;
}
#notice_list .notice-link span{
	display:block;
	margin: 0;
	padding: 0;
}
#mainCenter #notice_list .notice-link li{
	margin: 0 0 5px 0;
	font-size: 12px;
	border: none;
	padding: 0;
}
#mainCenter #notice_list .notice-link li a{
	width: 100%;
}
#mainCenter #notice_list .notice-link li:nth-child(2){
	display: block;
	font-size:10px;
	padding: 0;
	margin: 0;
}
#main-contents #notice_list li{
	margin:0;
	padding:10px 0;
	border-bottom: 1px dotted #ccc;
}
#main-contents #notice_list .notice-link li{
	margin: 0 0 5px 0;
	font-size: 12px;
	border: none;
	padding: 0;
}
#main-contents #notice_list .notice-link li a{
	width: 100%;
}
#main-contents #notice_list .notice-link li:nth-child(2){
	display: block;
	font-size:10px;
	padding: 0;
	margin: 0;
}
/*------------------------------------------------------------
ガチャとは？
-------------------------------------------------------------*/
	#mainCenter .post .gachaWhat h2{
		margin: 20px 0;
	}
	#mainCenter .post .gachaWhat h3{
		margin: 20px 0;
	}
	#mainCenter .post .gachaWhat ul li{
		border: none;
		padding: 5px 0;
		margin: 0;
	}
	#mainCenter .post .gachaWhat ul li span{
		color: red;
		margin-right: 5px;
	}
	#mainCenter .post .gachaWhat h4{
		background-image: url(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{
		margin: 20px 0;
	}
	#main-contents .post .gachaWhat h3{
		margin: 20px 0;
	}
	#main-contents .post .gachaWhat ul li{
		border: none;
		padding: 5px 0;
		margin: 0;
	}
	#main-contents .post .gachaWhat ul li span{
		color: red;
		margin-right: 5px;
	}
	#main-contents .post .gachaWhat h4{
		background-image: url(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{
		margin-bottom:0;
	}
/*------------------------------------------------------------
予約ガチャボタン
-------------------------------------------------------------*/
.yoyakuGacha-box{
    position: relative;
   /* border: 5px solid #141A63;*/
    background-color:#FFF;
    padding: 20px 0 10px;
    margin:20px 0;
}
.yoyakuGacha-box img{
    width: 90%;
    display: block;
    margin: 0 auto;
}
.yoyakuGacha-box p.yoyaku-btn-area{
    background-color:#FFF;
    margin-top:40px;
}

body #mainInner .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn:hover{
    border: 3px solid #961c00!important;
    border-radius: 10px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    font-size:24px;
  background: rgba(255,243,115,1)!important;
  background: -moz-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,243,115,1)), color-stop(48%, rgba(255,239,64,1)), color-stop(100%, rgba(254,182,69,1)));
  background: -webkit-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: -o-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: linear-gradient(to bottom, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
    cursor:pointer;
    opacity:0.5;
}
body #mainInner .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn {
    border: 3px solid #961c00;
    border-radius: 10px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    font-size:24px;
  background: rgba(255,243,115,1);
  background: -moz-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,243,115,1)), color-stop(48%, rgba(255,239,64,1)), color-stop(100%, rgba(254,182,69,1)));
  background: -webkit-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: -o-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  background: linear-gradient(to bottom, rgba(255,243,115,1) 0%, rgba(255,239,64,1) 48%, rgba(254,182,69,1) 100%);
  text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
  position: relative;
}
body #mainInner .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn::before {
  content: '';
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 2px solid rgb(255, 163, 8);
  position: absolute;
  top: -4px;
  left: -4px;
  border-radius: 10px;
}
.end-stamp{
    background:#0a0c0c;
    width:100%;
    height:100%;
    position:absolute;
    opacity:0.8;
    color:#FFF;
    top:0;
}
.end-stamp span{
    color:#FFF;
    font-size:24px;
    border:3px solid #FFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:80%;
	height:20px;
	border-radius:10px;
	text-align:center;
	padding:10px;
}
.oubozumi-stamp{
    background: #141A63;
    width:100%;
    height:100%;
    position:absolute;
    opacity:0.8;
    color:#FFF;
    top:0;
}
.oubozumi-stamp span{
    color:#FFF;
    font-size:24px;
    position:absolute;
    border:3px solid #FFF;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width:80%;
	height:20px;
	border-radius:10px;
	text-align:center;
	padding:10px;
}


/*------------------------------------------------------------
予約ガチャボタン(SP)
-------------------------------------------------------------*/
#main .yoyakuGacha-box{
    position: relative;
    border: 5px solid #141A63;
    background-color:#FFF;
    padding: 20px 0 10px;
    margin:20px 0;
}
#main .yoyakuGacha-box img{
    width: 90%;
    display: block;
    margin: 0 auto;
}
#main .yoyakuGacha-box p.yoyaku-btn-area{
    background-color:#FFF;
    margin-top:20px;
}
#main .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn:hover{
    border: 3px solid #F7931E;
    border-radius: 10px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    font-size:24px;
    background: rgba(243,178,0,1);
    background: -moz-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,178,0,1)), color-stop(100%, rgba(252,237,33,1)));
    background: -webkit-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: -o-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: -ms-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: linear-gradient(to right, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
    cursor:pointer;
    opacity:0.5;
}
#main .yoyakuGacha-box p.yoyaku-btn-area a.gachaBtn {
    border: 3px solid #F7931E;
    border-radius: 10px;
    color: #34a3d1;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    transition: 0.3s;
    font-size:20px;
    background: rgba(243,178,0,1);
    background: -moz-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,178,0,1)), color-stop(100%, rgba(252,237,33,1)));
    background: -webkit-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: -o-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: -ms-linear-gradient(left, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    background: linear-gradient(to right, rgba(243,178,0,1) 0%, rgba(252,237,33,1) 100%);
    text-shadow: 1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
}

/*--------------------------------------------------------
ポップアップ画面
-------------------------------------------------------*/

body .gacha-modal{
    position: absolute;
    height: auto;
    width: 30%!important;
    /* top: 10%!important;*/
    left: 33%!important;
    display: block;
    z-index: 101;
}
body .gacha-modal .ui-dialog-titlebar {
  position: absolute;
  color: white;
  top: 0%;
  right: -10%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  border:#ffffff 1px solid;
  background: #62617f;
  height:30px;
  width: 30px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 1;
}
body .gacha-modal .ui-dialog-titlebar-close{
    border:none;
    background:none;
    position: absolute;
    padding: 1px;
    height: 20px;
}
body .gacha-modal bottan.ui-button:before{
    content:"×";
    color:#FFF;
}
body .gacha-modal .ui-button-icon-only .ui-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -10px;
}
body .gacha-modal .ui-button .ui-icon{
 background-image: url("/css/images/ui-icons_ffffff_256x240.png");
}
body .gacha-modal .ui-button .ui-icon:hover{
 background-image: url("/css/images/ui-icons_ffffff_256x240.png");
}
body .gacha-modal .ui-dialog-content{
    padding: 0!important;   
}
body .gacha-modal .ui-dialog-content h3{
    color:#FFF;
    background: #23244e;
    text-align: center;
    font-size: 1.3em;
    padding: 10px;
    font-weight:bold;
    margin-bottom:10px;
    letter-spacing:0.2em;
}
body .gacha-modal .ui-dialog-content p{
    text-align:left;
    padding:10px 15px 10px;
    min-height:70px;
}
span.dlog-w-bt a {
    border: 1px solid #34a3d1;
    border-radius: 0px;
    color: #FFF;
    display:block;
    font-weight: bold;
    padding: 8px 0;
    text-align: center;
    width: 90%;
    margin: 10px auto;
    transition: 0.3s;
    background:#34a3d1;
    letter-spacing:0.2em;
    font-weight:normal;
}
span.dlog-w-bt a:hover{
color: #388faf;
background: #e6faff;
    border: 1px solid #388faf;
}

@media
only screen and (max-width : 768px){
body .gacha-modal{
    width: 85%!important;
    /* top: 10%!important; */
    left: 7%!important;
}
}


/*--------------------------------------------------------
フォーム周りの追加修正点
-------------------------------------------------------*/

#information_update input[type="text"]{
  padding: 10px;
  display: block;
  margin: 0 auto 10px;
  width: 90%!important;
}

#mailform input.txtBox{
  padding: 10px 8% 10px 2%!important;
  display: block;
  margin: 0 auto 10px;
  width: 90%!important;
}
#mailform .loginBtn{
    padding:10px!important;
    width:65%;
    display: block;
    text-align: center;
    padding: 10px;
    background-color: #E6FAFF;
    margin:20px auto;
    color: #086A9B;
    border: 1px #0C749B solid;
    border-radius: 5px;
}
#mailform .loginBtn:hover{
    background-color: #0C749B;
    color: #FFF;
    border: 1px #E6FAFF solid;
}

#information_update .mypageTop{
    background:#fff; 
    color:#6AAA0A; 
    border:1px solid #6AAA0A; 
    display:block; 
    border-radius:4px; 
    width:50%; 
    text-align:center;
    margin:0 auto 15px auto; 
    padding:0px;
    cursor: pointer;
}
#information_update .mypageTop a{
    padding:10px;
    display:block;
    cursor: pointer;
}
#information_update .mypageTop a:hover{
  opacity: 0.8;
}
#information_update .mypageTop.submit_button{
    border-radius: 5px;
    color: #fff !important;
    font-size: 110%;
    text-align: center;
    background-color: #a8c293;
    text-shadow: 0 1px #819f64;
    box-shadow: 0 3px #9ab681;
    border-style: none;
    padding:10px 0;
    cursor: pointer;    
}

#account_update .mypageTop{
    background:#fff; 
    color:#6AAA0A; 
    border:1px solid #6AAA0A; 
    display:block; 
    border-radius:4px; 
    width:50%; 
    text-align:center;
    margin:0 auto 15px auto; 
    padding:0px;
    cursor: pointer;
}
#account_update .mypageTop a{
    padding:10px;
    display:block;
    cursor: pointer;
}
#account_update .mypageTop a:hover{
  opacity: 0.8;
}
#account_update .mypageTop.submit_button{
    border-radius: 5px;
    color: #fff !important;
    font-size: 110%;
    text-align: center;
    background-color: #a8c293;
    text-shadow: 0 1px #819f64;
    box-shadow: 0 3px #9ab681;
    border-style: none;
    padding:10px 0;
    cursor: pointer;    
}
#account_update table input{
      padding: 5px 5px 5px 10px;
}
#account_update table input[type="email"]{
      padding: 5px 5px 5px 10px;
}
#account_update table select{
        padding: 3px;
        font-size:14px;
        margin:5px 0;
}
#account_update table label{
  margin:5px 10px;
  display:inline-block;
  cursor:pointer;
  font-size:14px;
}
#account_update table input[type="radio"]:first-child{
      vertical-align:middle;
      margin:0px 5px 0 0;
      cursor:pointer;
}
#account_update table input[type="radio"]:nth-child(2){
      vertical-align:middle;
      margin:0px 5px 0 0px;
      cursor:pointer;
}
#favorite_list{
  margin-bottom:30px;
  display: block;
  text-align: center;
}
#main-contents ul#favorite_list{
  display: block;
  text-align: center;
}
#mainCenter .post #favorite_list li{
  display:inline-block;
  margin: 10px auto;
  background:#f0f0f0;
  padding:10px;
  border-radius:10px;
  position:relative;
  width:40%;
}
#favorite_list li{
  display:inline-block;
  margin: 10px auto;
  background:#f0f0f0;
  padding:10px;
  border-radius:10px;
  position:relative;
  width:40%;
}
#favorite_list li div:first-child{
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 60px;
  height: 60px;
}
#favorite_list li div img{
  width:60px;
}
#favorite_list li div:nth-child(2){
  text-align: center;
  font-size: 10px;
  margin: 5px 0;
}
#favorite_list li div:nth-child(3){
  display: flex;
  margin: 0px auto;
  padding: 0px 0px 0px;
}
#favorite_list li div button.delete_btn{
  width:100%;
  display:inline-block;
  padding:5px 0;
  border:none;
  background-color:#ccc;
  color:#676767;
  border:#dde4e6 1px solid;
  cursor:pointer;
  margin-right:1px;
}
#favorite_list li div button.active{
  width:100%;
  display:inline-block;
  padding:5px 0;
  border:none;
  background-color:rgb(52, 163, 209);
  color:#FFF;
  border:rgb(41, 127, 170) 1px solid;
  cursor:pointer;
}
#favorite_list li div button.delete_btn{
  width:100%;
  display:inline-block;
  padding:5px 0;
  border:none;
  background-color:#ccc;
  color:#676767;
  border:#dde4e6 1px solid;
  cursor:pointer;
  margin-right:1px;
}
#favorite_list li div button.add_btn{
  width:100%;
  display:inline-block;
  padding:5px 0;
  border:none;
  background-color:rgb(52, 163, 209);
  color:#FFF;
  border:rgb(41, 127, 170) 1px solid;
  cursor:pointer;
}

#favorite_list li div button:hover{
  opacity:0.5;
}


/*--------------------------------------------------------
マイページの追加修正点
-------------------------------------------------------*/

#notice_area,#jizentoroku-gift,.mypageList{
  margin-bottom: 20px;
}
#mainCenter #game_area span{
  margin-bottom: 30px;
  display: block;
}
.mypageList dl.MyPageAcMenu{
  margin:0;
  padding:0;
}
.MyPageAcMenu dt.active{
    background: #ff7800;
    color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
}
.MyPageAcMenu dt{
    background: rgb(52, 163, 209);
    color: #FFF;
    padding: 10px 5%;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
    width:90%;
}
.MyPageAcMenu dt:hover{
    background: rgb(52, 163, 209);
    color: #FFF;
    margin-bottom: 10px;
    border-radius: 5px;
    cursor: pointer;
    opacity:0.8
}
div.article .mypageList .MyPageAcMenu dd{
  margin-bottom:10px;
  padding-bottom:10px;
}

div.article .mypageList li dl{
border-top:0px solid #ececec!important;
border-bottom:0px solid #ececec!important;
}
div.article .mypageList li a{
  border-top: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
}

div.article .mypageList li a{
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
}
div.article .mypageList li a::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
/*------------------------------------------------------------
グッドバッド
-------------------------------------------------------------*/
#main-contents ol.commentlist{
  padding: 0;
}
.comment{
  padding: 0 10px 10px;
  border-bottom: 1px #f0f0f0 solid;
}
.comment:last-child{
  padding: 0 10px 10px;
  border-bottom: 0px #f0f0f0 solid;
}
.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;
}

.contents .tejun {
	background: #b2e3ff;
    padding: 16px 0 10px 10px;
    margin-bottom: 20px;
font-weight:bold;
}

/*----------------------------------------------------------
 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;
}

/*--------------------------------------------------------
新作ゲーム一覧デザイン変更CSS
--------------------------------------------------------*/
#mainCenter table.NewApplist tr td:first-child{
  position: relative;
  padding: 10px;
}
#main-contents table.NewApplist tr td:first-child{
  position: relative;
  padding: 10px;
}
#main-contents table.NewApplist tr td:first-child p{
  margin: 0;
}
table.NewApplist tr td:first-child p{
  margin-bottom: 0;
}
table.NewApplist tr td:nth-child(2){
  vertical-align: top;
}
table.NewApplist tr td:nth-child(2) hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin: 5px auto;
    width:100%;
}
span.Applist{
font-size: 11px;
position: absolute;
width: 80px;
bottom: 5px;
left: 12%;
background: #232450;
margin: 0 auto;
border-radius: 0 0 10px 10px;
padding: 2px 0;
opacity: 0.9;
color: #f5f5f5!important;
letter-spacing: 2px;
}
.App-ribbon {
    position: absolute;
    left: 7px;
    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 : 414px){
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;
    left: 4px;
    top: 4px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
}
@media
only screen and (max-width : 375px){
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;
    left: 4px;
    top: 4px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    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;
    left: 6px;
    top: 5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    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;
    left: 4px;
    top: 18px;
    z-index: 1;
    overflow: hidden;
    width: 70px;
    height: 70px;
    text-align: right;
}
.App-ribbon-in {
  width:70px;
    top: 9px;
    left: -15px;
    font-size:10px;
}
}
#mainCenter h2.bgcolor-h5{
margin: 0 0 10px;
padding: 0 0 3px;
border-bottom: 2px solid #414141;
font-weight:bold;
font-size:16px;
background:none;
color:#414141;
}
#mainCenter h5.bgcolor-h2{
background: #004c6b;
color: #fff;
font-size: 14px;
padding: 10px 0 10px 12px;
margin:10px 0;
border:none;
}
#main-contents h2.bgcolor-h5{
margin: 0 0 10px;
padding: 0 0 3px;
border-bottom: 2px solid #414141;
font-weight:bold;
font-size:16px;
background:none;
color:#414141;
}
#main-contents h5.bgcolor-h2{
background: #004c6b;
color: #fff;
font-size: 14px;
padding: 10px 0 10px 12px;
margin:10px 0;
border:none;
}
span.info-day {
    text-align: right;
    font-size: 10px;
    color: #828282;
    float: right;
    margin-right: 5px;
}
/*------------------------------------------------------------
更新日
-------------------------------------------------------------*/
#mainCenter span.post-data{
font-size: 11px;
display: inline-block;
margin: 0 5px 0px 0;
color: #999;
}
#main-contents .post-meta{
font-size: 11px;
display: inline-block;
margin: 0 5px 0px 0;
color: #999;
}
#container #main-contents p.post-meta02{
font-size: 11px;
display: inline-block;
margin: 0 5px 0px 0;
color: #999;
}


/*------------------------------------------------------------
掲示板検索絞り込み
-------------------------------------------------------------*/
div.comment_keyword_search{
    margin: 20px 0;
}
div.comment_date_search {
    margin: 20px 0 0;
}
#main-contents div.comment_date_search li:first-child{
    display:inline-flex;
    width:30px;
    vertical-align: middle;
    margin:0;
}
div.comment_date_search li:nth-child(2),div.comment_date_search li:nth-child(3),div.comment_date_search li:nth-child(4){
    display:inline-flex;
    width: 30%;
    vertical-align: middle;
}
div.comment_date_search li.comment_date_select input[type=checkbox] {
    display: none;
}
#main-contents li.comment_date_select {
    position: relative;
    margin: 0px 0 0px;
    text-align: center;
    vertical-align: middle;
}
div.comment_date_search li label{
  cursor: pointer;
  border: 1px solid #BFBFBF;
  background-color:#999999;
  border-radius: 1px;
  padding: 5px 0px;
  width: 100%;
  color: #fff;
}
/*div.comment_date_search li label:hover{
  background-color:#8CC63F;
  color: #fff;
}*/
div.comment_date_search li label.search_selected{
     background-color:#8CC63F; 
}

.comment_datebtn_area{
text-align: center;
margin: 20px 0 20px;
}
.comment_datebtn_area button{
background-color: #8CC63F;
border:none;
color: #FFF;
padding:5px 20px;
border-radius:10px;
cursor:pointer;
}
.comment_datebtn_area button:hover{
    opacity:0.6;
}
#main-contents div.comment_time_search li:first-child{
    display:inline-flex;
    width:30px;
    vertical-align: middle;
    margin:0;
}
div.comment_time_search li:nth-child(2),div.comment_time_search li:nth-child(3),div.comment_time_search li:nth-child(4),div.comment_time_search li:nth-child(5),div.comment_time_search li:nth-child(6){
    display:inline-flex;
    width: 17.6%;
    font-size:12px;
}
div.comment_time_search li.comment_time_select input[type=checkbox] {
    display: none;
}
li.comment_time_select {
    position: relative;
    margin: 10px 0;
    text-align: center;
    vertical-align: middle;
}
div.comment_time_search li label{
  cursor: pointer;
  border: 1px solid #BFBFBF;
  background-color:#999;
  border-radius: 1px;
  padding: 5px 0px;
  width: 100%;
  color: #fff;
}
/*div.comment_time_search li label:hover{
  background-color:#0B8BB2;
  color: #fff;
}*/
div.comment_time_search li label.search_selected{
     background-color:#0B8BB2; 
}
div.search_date_text{
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
div.comment_keyword_search{
    margin: 20px 0;
    padding: 0 5px;
}
div.comment_keyword_search input{
    width: 80%;
    border:1px #BFBFBF solid;
    padding:5px;
    background:#F2F2F2;
    vertical-align:middle;
}
div.comment_keyword_search button{
    width: 16%;
    padding:5px 0;
    background-color:#29ABE2;
    border-style:none;
    border:1px solid #BFBFBF;
    cursor:pointer;
}
div.comment_keyword_search button img{
    width:14px;
    vertical-align:middle;
}
div.comment_keyword_search button:hover{
    opacity:0.8;
}

@media
only screen and (max-width : 414px){
div.comment_date_search li:nth-child(2),div.comment_date_search li:nth-child(3),div.comment_date_search li:nth-child(4){
    display:inline-flex;
    width: 29%;
}
div.comment_time_search li:nth-child(2),div.comment_time_search li:nth-child(3),div.comment_time_search li:nth-child(4),div.comment_time_search li:nth-child(5),div.comment_time_search li:nth-child(6){
    display:inline-flex;
    width: 17%;
    font-size:12px;
}
div.comment_keyword_search input{
    width: 79%;
}
}
@media
only screen and (max-width : 320px){
div.comment_date_search li:nth-child(2),div.comment_date_search li:nth-child(3),div.comment_date_search li:nth-child(4){
    display:inline-flex;
    width: 29%;
}
div.comment_time_search li:nth-child(2),div.comment_time_search li:nth-child(3),div.comment_time_search li:nth-child(4),div.comment_time_search li:nth-child(5),div.comment_time_search li:nth-child(6){
    display:inline-flex;
    width: 17%;
    font-size:10px;
}
div.comment_keyword_search input{
    width: 77%;
}
#main-contents div.comment_time_search li:first-child{
    width:20px;
    height:20px
}
#main-contents div.comment_date_search li:first-child{
    width:20px;
    height:20px
}
}

/*------------------------------------------------------------
掲示板検索絞り込み（ポップアップカレンダーデザイン修正）
-------------------------------------------------------------*/

body .ui-dialog.comment-shiborikomi-modal{
    position: fixed!important;
    top:-250px!important;
    left: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
    z-index: 101!important;
    margin: auto!important;
    height:350px!important;
    width: 500px!important;
}
body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to{
    margin: 0 0 0 15px;
}
body .ui-widget-overlay{
    background: #000;
    opacity: 0.7;
    filter: Alpha(Opacity=.3);
}
@media
only screen and (max-width : 414px){
body .ui-dialog.comment-shiborikomi-modal{
    position: fixed!important;
    top:-250px!important;
    left: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
    z-index: 101!important;
    margin: auto!important;
    height:350px!important;
    width: 98%!important;
}
#comment_datepicker_from,#comment_datepicker_to{
    float:none!important;
    display: inline-block!important;
}
#comment_datepicker_from div.ui-widget.ui-widget-content{
    display: inline-block;
    width: 185px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    }
#comment_datepicker_to div.ui-widget.ui-widget-content{
        width: 185px;
}
body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to{
    margin: 0 0 0 0px;
}
#comment_shiborikomi_dialog{
    margin: 0 0 0 0px;
    padding: 0;
}
}
@media
only screen and (max-width : 375px){
body .ui-dialog.comment-shiborikomi-modal{
    position: fixed!important;
    top:-250px!important;
    left: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
    z-index: 101!important;
    margin: auto!important;
    height:350px!important;
    width: 98%!important;
}
#comment_datepicker_from,#comment_datepicker_to{
    float:none!important;
    display: inline-block!important;
}
#comment_datepicker_from div.ui-widget.ui-widget-content{
    display: inline-block;
    width: 170px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    }
#comment_datepicker_to div.ui-widget.ui-widget-content{
        width: 170px;
}
body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to{
    margin: 0 0 0 0px;
}
#comment_shiborikomi_dialog{
    margin: 0 0 0 0px;
    padding: 0;
}
}
@media
only screen and (max-width : 320px){
body .ui-dialog.comment-shiborikomi-modal{
    position: fixed!important;
    top:-150px!important;
    left: 0px!important;
    right: 0px!important;
    bottom: 0px!important;
    z-index: 101!important;
    margin: auto!important;
    height:350px!important;
    width: 98%!important;
}
#comment_datepicker_from,#comment_datepicker_to{
    float:none!important;
    display: inline-block!important;
}
#comment_datepicker_from div.ui-widget.ui-widget-content{
    display: inline-block;
    width: 147px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 1px;
    font-size:12px
    }
#comment_datepicker_to div.ui-widget.ui-widget-content{
        width: 147px;
        font-size:12px
}
body .ui-dialog.comment-shiborikomi-modal #comment_datepicker_to{
    margin: 0 0 0 0px;
}
#comment_shiborikomi_dialog{
    margin: 0 0 0 0px;
    padding: 0;
}
}


/*--------------------------------------------------------
おすすめ記事
-------------------------------------------------------*/
div.recommendPostTop{
  padding: 0;
  margin-bottom:10px;
}
div.recommendPostTop span{
  font-size: 14px;
  margin-bottom:2px;
  display:block;
  background-repeat:no-repeat;
  background-size:11px;
  background-position:0px 0px;
  padding-left:5px;
  padding-top:2px;
  font-weight:bold;
}
div.recommendPostTop ul{
}
#main div.recommendPostTop li{
	font-size:12px;
	border-top:1px dashed #eee;
	margin:0;
	position:relative;
}
#main div.recommendPostTop li:first-child{
	font-size:12px;
	border-top:1px solid #cfdee4;
}
#main div.recommendPostTop li:last-child{
	font-size:12px;
	border-bottom:1px solid #cfdee4;
}
div.recommendPostTop li a{
	padding: 5px 20px 5px 5px;
	font-size:12px;
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#main div.recommendPostTop li::after {
     position: absolute;
     content: '';
     width: 6px;
     height: 6px;
     border-top: solid 2px #9aa8b5;
     border-right: solid 2px #9aa8b5;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     right: 10px;
     margin-top: -3px;
}


/*--------------------------------------------------------
NEWページネーション
-------------------------------------------------------*/
div.comment-pagenavi.goto-comment-list{
  margin:20px auto 0px;
}
div.comment-pagenavi{
  display:block;
  margin:20px auto 60px;
  position:relative;
}
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:-45px;
    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:-45px;
    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;
}


/*--------------------------------------------------------
NEWページネーション2（グリーンカラーバージョン）
-------------------------------------------------------*/
div.comment-pagenavi2{
  display:block;
  margin:20px auto 70px;
  position:relative;
}
div.comment-pagenavi2 ul{
    display: flex;
    justify-content: space-between;
    margin: 10px auto 20px;
    padding: 0 5px;
}
div.comment-pagenavi2 ul li{
    display: inline-block;
    background: #587587;
    text-align:center;
    width: 100%;
    font-size:11px;
}
div.comment-pagenavi2 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-pagenavi2 ul li a{
    display:block;
    background: #39af63;
    text-align:center;
    font-size: 11px;
    padding:10px 0;
    color:#fff;
}
div.comment-pagenavi2 ul li a:hover{
    display:block;
    background: #066b00;
    text-align:center;
    font-size:11px;
    padding:10px 0;
    color:#fff;
}
div.comment-pagenavi2 ul li.current{
    display:block;
    background: #d6d6d6;
    text-align:center;
    font-size: 11px;
    padding:10px 0;
    color:#444;
}
div.comment-pagenavi2 ul li:first-child{
    display: inline-block;
    background: #587587;
    text-align:center;
    width: 10%;
    font-size:11px;
    position:absolute;
    bottom:-45px;
    left:0;
    width:49%;
    border:none;
}
div.comment-pagenavi2 ul li:last-child{
    display: inline-block;
    background: #587587;
    text-align:center;
    width: 10%;
    font-size:11px;
    position:absolute;
    bottom:-45px;
    right:0;
    width:49%;
    border:none;
}

div.comment-pagenavi2 ul li:first-child a,div.comment-pagenavi2 ul li:last-child a{
    font-size: 14px;
}


/*--------------------------------------------------------
サイドメニュー（最新ゲーム情報）
-------------------------------------------------------*/

#sidebar ul.new-g-list{
margin-top:10px; 
}
#sidebar ul.new-g-list li{
list-style-type: none;
list-style-image: none;
background: none;
padding: 0;
margin: 5px 0;
position: relative;
}
#sidebar ul.new-g-list li img{
width: 60px;
position: relative;
display: inline-block;
vertical-align: middle;
}
#sidebar ul.new-g-list li p{
width: 75%;
display: inline-block;
margin-left: 5px;
margin-bottom:0;
vertical-align: middle;
}
#sidebar ul.new-g-list li span{
width: 60px;
height: 15px;
padding: 0;
position: absolute;
top: 18px;
left: 0px;
display: block;
background-color: #ff0026;
text-align: center;
opacity: 0.7;
color: #FFF;
}


#mainRight ul.new-g-list{
margin-top:10px; 
}
#mainRight ul.new-g-list li{
list-style-type: none;
list-style-image: none;
background: none;
padding: 0;
margin: 5px 0;
position: relative;
}
#mainRight ul.new-g-list li:first-child img{
width: 60px;
position: relative;
display: inline-block;
vertical-align: sub;
}
#mainRight ul.new-g-list li img{
width: 60px;
position: relative;
display: inline-block;
vertical-align: sub;
}
#mainRight ul.new-g-list li p{
width: 73%;
display: inline-block;
margin-left: 5px;
}
#mainRight ul.new-g-list li span{
width: 60px;
height: 15px;
padding: 0;
position: absolute;
top: 18px;
left: 0px;
display: block;
background-color: #ff0026;
text-align: center;
opacity: 0.7;
color: #FFF;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#main #sidebar ul.new-g-list{
margin-top:10px; 
}
#main #sidebar ul.new-g-list li{
list-style-type: none;
list-style-image: none;
background: none;
padding: 0;
margin: 5px 0;
position: relative;
border: none!important;
}
#main #sidebar ul.new-g-list li a{
width: 50px;
display: inline-block;
margin-left: 0px;
padding: 0;
border: none;
}
#main #sidebar ul.new-g-list li:first-child img{
width: 50px;
position: relative;
display: inline-block;
vertical-align: sub;
}
#main #sidebar ul.new-g-list li img{
width: 50px;
position: relative;
display: inline-block;
}
#main #sidebar ul.new-g-list li a{
width: 100%;
display: inline-block;
padding: 0;
border: none;
}
#main #sidebar ul.new-g-list li p{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#main #sidebar ul.new-g-list li span{
width: 50px;
height: 15px;
padding: 0;
position: absolute;
top: 11px;
left: 0px;
display: block;
background-color: #ff0026;
text-align: center;
opacity: 0.7;
color: #FFF;
font-size: 10px;
}
}


/*------------------------------------------------------------
PC表示次のおすすめ
-------------------------------------------------------------*/



.recommendDispPc {
    display: block;
    width: 23%;
    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;
}
.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:96%;
    padding:10px;
    color:#ffe500;
    font-size:18px;
    background:#34a3d1;
    border-radius:8px 8px 0 0;
}
.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:25%;
    text-align:center;
    background: #222;
    margin: 0 10px 0 15px;
    overflow: hidden;

}
.recommendDispPc dd{
    float:left;
    width:65%;
    margin-left:0;
    padding-top: 12px;
}

@media
only screen and (max-width : 800px){
.recommendDispPc {
    display: none!important;

}
}