@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Concert+One&display=swap');


/*------------------------------------------------------------
各タイトル
-------------------------------------------------------------*/
html{ overflow-y: scroll; }

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

body,div,ol,ul,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,p,blockquote{
margin: 0;
padding: 0;
box-sizing: border-box;
}
a{
text-decoration:none!important;
}
address,caption,cite,code,dfn,var,h1,h2,h3,h4,h5,h6{
font-style: normal;
font-weight: normal;
}

h1,h2,h3,h4,h5,h6,small{
font-size: 100%;
font-weight: normal;
}
a{
text-decoration: none;
}
li{
padding:0;
margin:0;
list-style: none;
}
fieldset,img,abbr{ border: 0; }

caption{ text-align: left; }

q{ quotes: none; }

q:before,q:after{
content: '';
content: none;
}

a{text-decoration: none; }

a:hover,
a:active{ outline: 0; }

img{
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic;
max-width:100%; 
}

b,strong{ font-weight: bold; }

div{ word-wrap: break-word; }

sub,sup{
position: relative;
line-height: 0;
vertical-align: baseline;
font-size: 75%;
}
sup{ top: -0.5em; }
sub{ bottom: -0.25em; }

pre,code{
font-size: 1em;
font-family: sans-serif;
}

pre{
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}

form{ margin: 0; }

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

* html button,
* html input,
* html select,
* html textarea{ vertical-align: middle; } /* IE6 */

*+html button,
*+html input,
*+html select,
*+html textarea{ vertical-align: middle; } /* IE7 */

button,input{ line-height: normal; }

* html button,
* html input{ overflow: visible; } /* IE6 */

*+html button,
*+html input{ overflow: visible; } /* IE7 */

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

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

* html table{ border-collapse: collapse; } /* IE6 */
*+html table{ border-collapse: collapse; } /* IE7 */

hr{
clear: both;
height: 1px;
margin: 0 0 0;
padding: 0;
border: 0;
border-top: 1px solid #ccc;
color: #ccc;
font-size: 1.0em;
line-height: 1.0em;
}
* html hr{ margin: 0 0 1.2em; } /* IE6 */
*+html hr{ margin: 0 0 1.2em; } /* IE7 */
.clearfix:after {
content: ".";  /* 新しいコンテンツ */
display: block;
clear: both;
height: 0;
visibility: hidden; /* 非表示に */
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
section h1:empty{
display: none;
}

.b {
font-weight: bold;
}

table{
margin-bottom: 1.5em!important;
}

/*-----------------------PCデザイン----------------------------*/
/*------------------------------------------------------------
header
-------------------------------------------------------------*/
header{
width: 100%;
border-bottom:0px solid #ccc;
/* background:#FFF; */
}
header .headerInner{
width: 1050px;
margin: 30px auto 0;
padding: 30px 0;
}
header .headerInner h1{
float: left;
color: #333;
font-size: 24px;
margin:0;
padding: 0;
font-weight: bold;
}
header .wikiTitle{
color: #333;
font-size: 24px;
margin:0;
padding: 0;
font-weight: bold;
}
h1{
color: #333;
font-size: 18px;
margin: 0;
padding: 10px 0px;
font-weight: bold;
}
header .headerInner p{
float: left;
font-size:14px;
margin: 5px 0 0 0px;
padding: 0;
color: #888;
}
.lead{
font-size: 14px;
margin:0;
padding:10px 0px;
color: #888;
}

/*------------------------------------------------------------
nav
-------------------------------------------------------------*/
nav{
width: 100%;
background: #888;
}
nav ul{
width: 1050px;
margin: 0 auto;
display:flex;
}
nav ul li{
width: 25%;
text-align: center;
border-left: 1px solid #FFF;
}
nav ul li:last-child{
width: 25%;
text-align: center;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
nav ul li a {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 10px 0;
width: 100%;
}
nav ul li a:hover{
color: #fff;
display:block;
font-size: 14px;
font-weight: bold;
padding: 10px 0;
width: 100%;
background:#e60012;
}

/*------------------------------------------------------------
main
-------------------------------------------------------------*/
main{
width: 100%;
/* background:#FFF; */
}
#mainInner{
width: 1050px;
margin: 0 auto;
padding:10px 0 30px;
font-size:13px;
/* background:#FFF!important; */
}
#mainContents p{
margin: 0 0 10px 0;
line-height:2;
padding:0;
font-size:13px;
box-sizing:border-box;
}
#mainContents p.lead{
font-size: 13px;
margin: 0 0 10px 0;
padding:0 0px;
color: #888;
line-height:normal;
}
/*------------------------------------------------------------
wikimain
-------------------------------------------------------------*/
.wiki_contents{
}
.wiki_contents p{
margin: 0 0 10px 0;
line-height:2;
padding:0;
font-size:13px;
box-sizing:border-box;
}
.wiki_contents ul{
}
.wiki_contents ul li{
padding:2px 0;
}
.wiki_contents ul li a{
font-size:13px;
}
.pageTitle{
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #ccc;
}

/*------------------------------------------------------------
サイドメニュー
-------------------------------------------------------------*/
#mainLeft{
/* background:#f9f9f9; */
/* border:1px solid #ccc; */
box-sizing:border-box;
margin:0px 0 20px 0!important;
}
#mainRight{
/* background:#f9f9f9; */
/* border:1px solid #ccc; */
box-sizing:border-box;
margin:0px 0 0 0;
}
#mainLeft h3,
#mainRight h3{
font-size: 14px;
border-bottom: 1px solid #898989;
padding: 10px 5px 5px 5px;
margin:0 0 10px 0;
font-weight:bold;
color: #333;
}
section.sidemenu-editbt a.sideeditbt-a{
text-align:center;
display:block;
padding:5px 0;
margin:10px;
background:#a4a4a4;
font-size:11px;
color:#FFF;
}
section.sidemenu-editbt a.sideeditbt-a:hover{
opacity:0.6;
}

/*------------------------------------------------------------
リンクカラー
-------------------------------------------------------------*/
#mainContents a,#mainLeft li a,#mainRight li a,#wiki_breadcrumbs li a,#mainContents .mokujiInfo li a{
color:#0c749b;
}
#mainContents a:hover,#mainLeft li a:hover,#mainRight li a:hover,#wiki_breadcrumbs li a:hover,#mainContents .mokujiInfo li a:hover{
color:#f60;
}

/*------------------------------------------------------------
footer
-------------------------------------------------------------*/
body footer{
width: 100%;
background: #959595;
color: #fff;
padding:0;
margin: 0px 0 0 0;
min-height:auto;
}
_:-ms-fullscreen, :root #mainRight:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
_:-ms-fullscreen, :root #mainWrapLeft:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
_:-ms-fullscreen, :root body footer:after{
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
_:-ms-fullscreen, :root body footer{
display: block;
width: 100%;
background: #959595;
color: #fff;
padding:0;
margin: 0px 0 0 0;
min-height:auto;
}

footer #footerInner{
width: 1050px;
margin: 0 auto;
}
footer .footerLeft{
width: 40%;
float: left;
}
footer .footerLeft h3{
font-size:16px;
border-bottom:1px solid #ccc;
padding:0 0 5px 0;
margin-bottom:5px;
}
footer .footerLeft p{
}
footer .footerRight{
width: 50%;
float: right;
}
footer .footerRight ul{
}
footer .footerRight ul li{
display:inline-block;
width:40%;
margin-bottom:5px;
}
footer .footerRight ul li a{
display:block;
}
footer .footerRight ul li a:hover{
opacity:0.6;
}
.footer-main{
background: #6e6e6e;
font-size: 12px;
}
.footer-main ul{
display: flex;
justify-content: center;
padding: 10px 0;
}
.footer-main li{
display: inline-block;
border-right: 2px solid #ccc;
padding: 2px 20px 2px 0;
margin-right: 20px;
}
.footer-main li:last-of-type{
border:0;
margin: 0;
}
.footer-main li a{
color: #fff;
}
.footer-main li a:hover{
border-bottom: 1px solid #fff;
}
/*------------------------------------------------------------
address(copyright)
-------------------------------------------------------------*/
address{
width: 1050px;
margin: 0 auto;
text-align: center;
}
div#addressWrap{
width: 100%;
padding: 10px 0;
font-size:11px;
color: #fff;
background: #959595;
}

/*------------------------------------------------------------
パンくず
-------------------------------------------------------------*/
#wiki_breadcrumbs{
width:100%;
display:block;
margin:0px 0 10px;
}
#wiki_breadcrumbs li{
display:inline-block;
font-size:11px;
}
#wiki_breadcrumbs li:before{
content:">";
margin:5px;
color:#888;
}
#wiki_breadcrumbs li.first{
font-weight:bold;
}
#wiki_breadcrumbs li.first:before{
content:"";
margin:0px;
color:#888;
}
/*------------------------------------------------------------
目次
-------------------------------------------------------------*/
#mainContents div.mokujiInfo{
background: #f5f5f5;
border: 1px solid #dde4e6;
margin: 10px 0px;
padding:5px;
}
#mainContents .mokujiInfo ul{
margin: -10px 10px 5px 10px;
padding: 0;
}
#mainContents .mokujiTitle{
color: #333;
font-weight: bold;
background: none;
font-size: 15px;
font-weight:bold;
margin: 0 0 10px 0;
padding: 5px 0 5px 12px;
}
#mainContents .mokujiInfo h2{
color: #333;
font-weight: bold;
background: none;
font-size: 15px;
font-weight:bold;
margin: 0 0 10px 0;
padding: 5px 0 5px 12px;
}
#mainContents .mokujiInfo li{
border-bottom: 0px solid #eee;
padding: 3px 0 3px 4px;
font-size:12px;
}
#mainContents .mokujiInfo li:last-of-type{
border:0;
padding-bottom:0;
}

/*------------------------------------------------------------
見出しデザイン
-------------------------------------------------------------*/
#mainContents h1,.preview h1{
color: #333;
font-size: 18px;
font-weight: bold;
padding:0 0 10px 0;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}
#mainContents h2,.preview h2{
background: rgba(0,14,54,1);
background: -moz-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,14,54,1)), color-stop(100%, rgba(0,54,102,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: linear-gradient(135deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e36', endColorstr='#003666', GradientType=1 );
color: #fff;
font-size: 16px;
padding: 10px 0 10px 12px;
margin: 12px 0 12px;
font-weight: bold;
}
#mainContents h3,.preview h2{
background:none;
border-left:5px solid #ff4d00;
border-bottom:1px solid #ff4d00;
color: #333;
font-size: 15px;
font-weight: bold;
padding: 3px 2px 5px 10px;
margin: 12px 0 12px;
}
#mainContents h4,.preview h4{
background: url(/img/icon/def-h4.png);
background-repeat: no-repeat;
background-position: left 3px;
background-size:15px;
border:0;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 0px 10px 0px 20px;
margin: 10px 0;
}
#mainContents h5,.preview h5{
color: #333;
border-bottom:1px solid #333;
font-size: 14px;
font-weight: bold;
padding: 0px 10px 10px 10px;
margin: 10px 0;
}


/*------------------------------------------------------------
gachaBtn
-------------------------------------------------------------*/

body a.gachaBtn{
width:90%;
box-sizing:border-box;
text-align:center;
display:block;
margin:0 auto;
padding: 5px 10px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image:linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #002d60;
border-top:0;
border-left:0;
border-right:0;
position:relative;
}
body a.gachaBtn :before{
content: '';
margin-right:4px;
position:absolute;
z-index:1;
width:100%;
height:100%;
background-position:center;
top:0;
left:0;
}
body a.gachaBtn:hover{
background: #006fc1!important;
opacity:1;
}
body a.gachaBtn:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}

.gachaBtn, .gachaBtn02,.btn01{
border: 1px solid #34a3d1;
border-radius: 2px;
color: #34a3d1;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 99%;
margin: 0 auto;
transition: 0.3s;
box-sizing: border-box;
}
.gachaBtn02{
width: 99%;
}
.gachaBtn:hover,.gachaBtn02:hover,.btn01:hover{
color: #fff!important;
background: #34a3d1;
}
.gachaBtn:before{
content:'▶';
margin-right:2px!important;
font-size: 12px;
}

/*--------------------------------------------------------
ガチャシュミレーター用ボタン
--------------------------------------------------------*/
#mainContents p.gachaBtn-area{
margin:10px auto;
text-align:center;
display: flex;
padding: 0 5px 0;
justify-content: center;
align-items: center;
}
#mainContents p.gachaBtn-area a.gachaBtn{
display:inline-block;
width:50%!important;
box-sizing:border-box;
padding: 5px 0px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:13px;
font-weight:bold;
background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #002d60;
position:relative;
margin:0px 2px!important;
text-align:center;
}
#mainContents p.gachaBtn-area a.gachaBtn:hover{
background-position: right center;
}

/*--------------------------------------------------------
リセットボタン
--------------------------------------------------------*/
#mainContents p.gachaBtn-reset-area{
margin:10px auto;
text-align:center;
display: flex;
padding: 0 0px 0;
justify-content: center;
align-items: center;
}
#mainContents p.gachaBtn-reset-area a.gachaResetBtn{
display:inline-block;
width:50%!important;
box-sizing:border-box;
padding: 5px 0px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:13px;
font-weight:bold;
background-image: linear-gradient(-20deg, #333, #747473, #888);
transition: .5s;
background-size: 200%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #333;
position:relative;
margin:0px 2px!important;
text-align:center;
}
#mainContents p.gachaBtn-reset-area a.gachaResetBtn:hover{
background-position: right center;
}

/*------------------------------------------------------------
シェアボタン
-------------------------------------------------------------*/
ul.gacha-share-box{
display:block;
margin:0 auto;
text-align:center;
}
li.gacha-share-btn{
width:48%;
display:inline-block;
}
.gacha-share-btn a{
width:100%;
box-sizing:border-box;
text-align:center;
display:block;
margin:0 auto;
padding: 10px 15px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image:linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #002d60;
position:relative;
}
.gacha-share-btn a:before{
content: '';
margin-right:4px;
background-image:url(/img/icon/twitter-icon-bt.png);
background-size:50px;
background-repeat:no-repeat;
position:absolute;
z-index:1;
width:100%;
height:100%;
background-position:center;
top:0;
left:0;
}
.gacha-share-btn a:hover{
background-position: right center;
}
.gacha-share-btn a:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
li.gacha-url-copy-btn{
width:48%;
display:inline-block;
}
.gacha-url-copy-btn{
width:100%;
box-sizing:border-box;
text-align:center;
display:block;
margin:0 auto;
padding: 10px 15px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, rgb(243, 50, 0), rgb(243, 107, 0), rgb(243, 128, 0));
transition: .5s;
background-size: 200%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #7e2a00;
position:relative;
cursor:pointer;
}
.gacha-url-copy-btn:before{
content: '';
margin-right:4px;
background-image:url(/img/icon/share-icon-bt.png);
background-size:50px;
background-repeat:no-repeat;
position:absolute;
z-index:1;
width:100%;
height:100%;
background-position:center;
top:0;
left:0;
}
.gacha-url-copy-btn:hover{
background-position: right center;
}
.gacha-url-copy-btn:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}

/*------------------------------------------------------------
アコーディオンデザイン
-------------------------------------------------------------*/
.accordion-box dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 10px 0 0;
padding: 7px 5px;
text-align: center;
display: block;
box-shadow: none;
background: #fff;
color: #666;
cursor: pointer;
position:relative;
}
.accordion-box dt:before{
content:"";
position:absolute;
bottom:-4px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:2px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.accordion-box dt:after{
content:"";
position:absolute;
bottom:-7px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.accordion-box dd{
display:none;
margin:0 0 5px!important;
box-sizing:border-box;
}
.accordion-box dt.active{
border: 1px solid #ffeea1;
background:#fff2b7;
margin:0 0 5px!important;
box-shadow: 0 2px 0 0 #bbb;
border-radius:4px 4px 0 0;
color:#444;
}
.accordion-box dt.active:before{
border:none;
}
.accordion-box dt.active:after{
border:none;
}

/*------------------------------------------------------------
tableカラー
-------------------------------------------------------------*/

table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #d6e0e3;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
th {
background-color: #e2ecef;
font-weight: bold;
text-align: left;
}
th, td {
padding: 0.5em;
border-right: 1px solid #d6e0e3;
border-bottom: 1px solid #d6e0e3;
font-size: 11px;
}

/*------------------------------------------------------------
最終更新日
-------------------------------------------------------------*/

#mainContents time{
margin: 5px 0 8px;
display:block;
line-height:normal;
padding: 0;
font-size: 11px;
box-sizing: border-box;
background: url(/img/icon/kakikomi.png);
background-repeat: no-repeat;
background-position: 5px 2px;
background-size:14px;
padding:0 0 0 20px;
color: #555;
}

/*------------------------------------------------------------
タグ
-------------------------------------------------------------*/

#wiki_taglist li{
font-size:12px;
display:inline-block;
margin:5px;
}
#wiki_taglist li a{
font-size:12px;
border:1px solid #ccc;
padding:3px 10px;
border-radius:3px;
width:auto;
}
#wiki_taglist li a:hover{
background:#f9f9f9;
}


/*-----------------------PCデザインここまで----------------------*/
/*------------------------------------------------------------
SPデザイン
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

#mainInner{
width: 100%!important;
margin:0;
padding:0;
}
#mainWrapLeft #mainContents{
width: 100%!important;
float: none;
margin-bottom:20px!important;
}
#mainWrapLeft #mainLeft{
width: 100%!important;
float: none;
}
#mainWrapLeft{
width: 100%!important;
float: none;
}
#mainRight{
width: 100%!important;
float: none;
margin-bottom:20px!important;
}
footer .footerLeft{
width: 100%!important;
float: none;
}
footer #footerInner{
width: 100%!important;
float: none;    
}
nav ul{
width: 100%;
}
nav ul li{
width: 33.1%;
border: 1px solid #a9e1f5;
margin-top: -1px;
margin-right: -1px;
}
nav{
width: 100%;
}
header .headerInner{
width: 100%;
padding: 10px 0;
}
header p{
padding:0 10px;
}
footer .footerRight{
width: 100%;
float: none;
}
address{
width: 100%;
margin: 0 auto;
text-align: center;
}
#addressWrap{
width: 100%;
margin: 0 auto;
padding:5px;
}
h1{
padding: 10px 5px;
}
.lead{
padding: 10px 5px;
}

/*header*/

header .headerInner h1{
color: #333;
font-size: 24px;
margin:0;
padding:5px 10px;
font-weight: bold;
}
header .wikiTitle {
color: #333;
font-size: 20px;
margin: 0;
padding: 0 10px;
font-weight: bold;
}
header .headerInner p{
padding: 0 10px;
}

/*main*/

main{
width: 100%;
}
#mainContents p{
margin: 0 0 10px 0;
line-height:2;
padding:0 10px;
font-size:13px;
box-sizing:border-box;
}
#mainContents p.lead{
font-size: 14px;
margin: 0 0 10px 0;
padding:0 10px;
color: #888;
line-height:normal;
}

/*wikimain*/

.wiki_contents{
}
.wiki_contents p{
margin: 0 0 10px 0;
line-height:2;
padding:0 10px;
font-size:13px;
box-sizing:border-box;
}
.wiki_contents ul{
padding: 0 10px;
font-size: 13px;
}
.wiki_contents ul li{
padding:2px 0;
}
.wiki_contents ul li a{
font-size:13px;
}
.wiki_contents table{
width:96%;
margin:0 auto;
}
.wiki_contents > img{
width:100%;
}

/*パンくず*/
#wiki_breadcrumbs{
overflow: auto;
white-space: nowrap;
height: auto;
padding-left: 10px;
/* background: #FFF; */
padding:5px 10px;
font-size:11px;
}

/*nav*/

nav{
width: 100%;
}
nav ul{
width: 100%;
margin: 0 auto;
display:flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border:0;
}
nav ul li{
width: 33.5%;
box-sizing:border-box;
text-align: center;
border:0;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
nav ul li:last-child{
width: 33.5%;
box-sizing:border-box;
text-align: center;
}
nav ul li:nth-of-type(3n){
border-right:0;
}
nav ul li:last-of-type,nav ul li:nth-last-of-type(2),nav ul li:nth-last-of-type(3){
border-bottom:1px solid #fff;
}
nav ul li a {
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 8px 0;
width: 100%;
}
nav ul li a:hover{
color: #fff;
display:block;
font-size: 12px;
font-weight: bold;
padding: 8px 0;
width: 100%;
background:#e60012;
}

/*--------------------------
ナビバー(SP)
--------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#wiki_navi_sp #wiki_navi_bar{
list-style-type: none;
width: 100%;
height: 30px;
background: #000;
top: 0;
left: 0;
margin: 0;
position: fixed;
z-index: 9999;
overflow: hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#wiki_navi_sp #wiki_navi_bar li {
width: auto;
display: inline-block;
text-align: center;
margin: 0 0px 0;
padding: 0;
}
#wiki_navi_sp #wiki_navi_bar li a {
padding: 0px 12px;
line-height: 30px;
display: block;
font-size: 12px;
}
#wiki_navi_sp #wiki_navi_bar li.navi_top {
width:auto;
display: inline-block;
text-align: center;
margin:0;
padding:0;
}
#wiki_navi_sp #wiki_navi_bar li.member_recruit_menu {
width:auto;
display: inline-block;
text-align: center;
margin:0;
padding:0;
}
#wiki_navi_sp #wiki_navi_bar li.site_notice_menu {
width:auto;
display: inline-block;
text-align: center;
margin:0;
padding:0;
}
#wiki_navi_sp #wiki_navi_bar .navibar-search-icon{
margin-left: auto;
margin-right: 8px;
}
#wiki_navi_sp #wiki_navi_bar .navibar-search-icon a{
line-height: 20px;
height: 21px;
background: rgb(255, 255, 255);
width: 21px;
border-radius: 50px;
padding:0;
}
#wiki_navi_sp #wiki_navi_bar .navibar-search-icon a img{
width: 11px;
}
#wiki_navi_sp #wiki_navi_bar li.menuBtnSp {
width: auto;
text-align: center;
padding: 0;
margin: 0 5px 0 auto;
position:relative;
}
#wiki_navi_sp #wiki_navi_bar .navibar-search-icon + .menuBtnSp{
margin-left: 0;
}
#wiki_navi_sp #wiki_navi_bar li.menuBtnSp a{
padding:0px 4px;
line-height:24px;
display:block;
font-size:12px;
background: #999;
color: #fff;
border-radius: 3px;
font-weight: bold;
}
#wiki_navi_sp #wiki_navi_bar li.menuBtnSp a span{
position:absolute;
top:-9px;
right:-7px;
width:30%;
}
#wiki_navi_bar{
list-style-type: none;
width: 100%;
height: 30px;
background: #000;
top: 0;
left: 0;
margin: 0;
position: fixed;
z-index: 9999;
overflow: hidden;
}
#wiki_navi_bar li{
width:auto;
display:inline-block;
text-align: center;
float:none!important;
margin: 0 20px 0;
padding: 0;
}
#wiki_navi_bar li:nth-of-type(2),#wiki_navi_bar li:nth-of-type(3),#wiki_navi_bar li:nth-of-type(4),#wiki_navi_bar li:nth-of-type(5),#wiki_navi_bar li:nth-of-type(6),#wiki_navi_bar li:nth-of-type(7){
display: none;
}
#wiki_navi_bar li.menuBtnSp{
display:block!important;
}
.search-form-box{
width: 100%;
padding: 10px 0;
background: #000000;
text-align: center;
}
.search-form-box input[type="text"]{
box-sizing: border-box;
border: 0;
vertical-align: middle;
height: 30px;
line-height: 30px;
width: 85%;
border-radius:5px 0px 0 5px;
padding:0 0 0 8px;
border:1px solid #cacaca ;
}
.search-form-box input[type="submit"]{
box-sizing: border-box;
vertical-align: middle;
width: 30px;
height: 30px;
border:0;
background-image: url(/img/icon/sa-cha.png);
background-repeat: no-repeat;
background-size: 15px;
background-position: center center;
margin-left: -5px;
border-radius:0 5px 5px 0;
background-color:#efefef;
border:1px solid #cacaca ;
border-radius:0 3px 3px 0;
}
}
@media screen and (max-width:375px){
#wiki_navi_sp #wiki_navi_bar li a{
padding: 0 7px;
}
}
@media screen and (max-width:360px){
#wiki_navi_sp #wiki_navi_bar li a{
padding: 0 5px;
}
}
@media screen and (max-width:320px){
#wiki_navi_sp #wiki_navi_bar li.menuBtnSp a{
padding: 0 3px;
}
#wiki_navi_sp #wiki_navi_bar > li:first-of-type a{
padding: 0 3px;
}
#wiki_navi_sp #wiki_navi_bar li a{
padding: 0 3px;
}
}

/*--------------------------
ドロワー(SP)
--------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

#wiki_navi_bar .menuBtnSp a {
background: #999;
color: #fff;
border-radius: 3px;
padding: 0 5px;
font-size:12px;
font-weight:bold;
}
#wiki_navi_bar .menuBtnSp a:before{
content:'';
display: inline-block;
background: url(/img/icon/sp-top-menu.png) no-repeat 2px /contain;
width:16px;
height:10px;
}
div.drawer-menu {
position: fixed;
display: none;
left: 0;
top: 0;
width: 100%;
height:100%;
z-index: 10000;
overflow: auto;
background-color: rgba(17, 17, 17, 0.7);
}
.drawer-menu-box {
width: 100%;
height:100%;
left: 0;
top: 0;
}
.drawer-menu-box2 {
background-color: #999;
height:100%;
}
.drawer-menu-list {
background-color: #999;
padding-top: 60px;
}
.submenu-control {
float: right;
color:#dde4e6;
}
.drawer-menu li {
border-bottom: solid 1px #dde4e6;
font-size: 14px;
padding: 15px;
font-weight: bold;
background-color: #f9f9f9;
color: #444;
}
.drawer-menu-list ul {
display: none;
}
.drawer-menu-list li a{
display: block;
width: 100%;
height: 100%;
padding: 10px;
margin: -9px -9px -9px -11px;
}
.drawer-menu-box2 ul.drawer-menu-level2{
margin:0;
padding: 0;
}
.drawer-menu-box2 ul.drawer-menu-level2 li{
background-color: #fff;
}

.drawer-menu-box2 ul li a{
color: #0c749b;
}

.drawer-menu-box2 ul.drawer-menu-level2 li a {
display: inline-block;
width: 78%;
margin: 0 5px 0 5px;
color: #0c749b;
background-color: #fff;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0;
height: auto;
vertical-align: middle;
}
.drawer-menu-close-button {
position: fixed;
top: 0;
right:0;
font-size: xx-large;
height:60px;
width:100%;
z-index: 1;
}

.drawer-menu-list .drawer-menu-level2,
.drawer-menu-list .drawer-menu-level3 {
margin-left: 30px;
}
.drawer-background-fixed {
position: fixed;
width: 100%;
overflow-y: scroll;
}
.drawer-menu-list  .drawer-menu-level3 li{
border-color:#c2dce6;
}
.drawer-menu-box:after {
content: "×";
font-size: 270%;
position: absolute;
right: 0;
top: 0;
display: block;
width: 46px;
height: 56px;
line-height: 56px;
color: #f0f0f0;
text-align: center;
}
.drawer-menu dm-icon {
width: 32px;
height: 32px;
border-radius: 4px;
}
}




/*サイドメニュー*/

#mainLeft{
/* background:#f9f9f9; */
/* border:0px solid #ccc; */
/* border-top:1px solid #ccc; */
/* border-bottom:1px solid #ccc; */
box-sizing:border-box;
margin:20px 0px 0;
}
#mainRight{
/* background:#f9f9f9; */
/* border:0px solid #ccc; */
/* border-top:1px solid #ccc; */
/* border-bottom:1px solid #ccc; */
box-sizing:border-box;
margin:20px 0px 0;
}
#mainLeft h3,
#mainRight h3{
font-size: 14px;
border-bottom: 1px solid #898989;
padding: 10px 5px 5px 5px;
margin:0 0 10px 0;
font-weight:bold;
color: #333;
}
#mainLeft li,
#mainRight li{
display:block;
padding:0 0 0 5px;
}

/*footer*/

footer{
width: 100%;
background: #888;
color: #fff;
padding: 20px 10px;
margin: 0px 0 0 0;
min-height:100px;
box-sizing:border-box;
}
footer #footerInner{
width: 100%;
margin: 0 auto;
}
footer .footerLeft{
width: 100%;
display:block;
}
footer .footerLeft h3{
font-size:16px;
border-bottom:1px solid #ccc;
padding:0 0 5px 0;
margin-bottom:5px;
}
footer .footerLeft p{
}
footer .footerRight{
width: 100%;
display:block;
margin:10px 0 0;
}
footer .footerRight ul{
}
footer .footerRight ul li{
display:inline-block;
width:40%;
margin-bottom:5px;
}
footer .footerRight ul li a{
display:block;
}
footer .footerRight ul li a:hover{
opacity:0.6;
}
.footer-main ul{
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 0; 
}
.footer-main li{
box-sizing: border-box;
width: 33.33333%;
padding: 0;
margin: 0 0 10px 0;
flex-grow: 0;
text-align: center;
font-size: 11px;
border-right: 1px solid #ccc;
}
.footer-main li:nth-of-type(3n){
border:0;
}

.footer-main li:last-of-type{
border-right: 1px solid #ccc;
margin-bottom: 10px;
}

/*ガチャボタン*/

.gacha-url-copy-btn{
width:100%;
padding: 10px 0px;
font-size:12px;
}
.gacha-share-btn a{
width:100%;
padding: 10px 0px;
font-size:12px;
}

/*見出しデザイン*/

#mainContents h1,.preview h1{
color: #333;
font-size: 18px;
font-weight: bold;
padding: 0 5px 10px;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;
}
#mainContents h2,.preview h2{
background: rgba(0,14,54,1);
background: -moz-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,14,54,1)), color-stop(100%, rgba(0,54,102,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
background: linear-gradient(135deg, rgba(0,14,54,1) 0%, rgba(0,54,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e36', endColorstr='#003666', GradientType=1 );
color: #fff;
font-size: 16px;
padding: 6px 0 6px 12px;
margin: 12px 0 12px;
font-weight: bold;
}
#mainContents h3,.preview h2{
background:none;
border-left:5px solid #ff4d00;
border-bottom:1px solid #ff4d00;
color: #333;
font-size: 15px;
font-weight: bold;
padding: 3px 2px 5px 10px;
margin: 12px 5px 12px;
}
#mainContents h4,.preview h4{
background: url(/img/icon/def-h4.png);
background-repeat: no-repeat;
background-position: 10px 3px;
background-size:15px;
border:0;
color: #333;
font-size: 14px;
font-weight: bold;
padding: 0px 10px 0px 30px;
margin: 10px 0;
}
#mainContents h5,.preview h5{
color: #333;
border-bottom:1px solid #333;
font-size: 14px;
font-weight: bold;
padding: 0px 10px 10px 10px;
margin: 10px 0;
}

/*tableカラー*/

table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #d6e0e3;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
th {
background-color: #e2ecef;
font-weight: bold;
text-align: left;
}
th, td {
padding: 0.5em;
border-right: 1px solid #d6e0e3;
border-bottom: 1px solid #d6e0e3;
font-size: 11px;
}

/*other*/

p.saisyu-txt{
padding: 0 10px;
font-size: 11px;
margin: 0 0 5px;
}
.comment-image img{
width:100%;
}

}

/*-----------------------SPデザインここまで----------------------*/

/*comment*/
#mainContents .comment{
margin:0 5px;
border-bottom:1px dashed #f0f0f0;
padding:0 0 20px 0;
}
#mainContents .comment:last-child{
margin:0 5px;
border-bottom:0px solid #ccc;
padding:0 0 20px 0;
}
#mainContents .comment p{
color:#333;
}
#mainContents .comment-author{
font-size:12px;
color:#747473;
}
#mainContents .comment-author span{
font-size:13px;
margin:0 5px 0 0;
}
#mainContents .comment-author span.authname{
font-size:12px;
font-style: italic;
margin:0 0px 0 0;
}

#mainContents .comment-body .comment_conts_after_json p:first-of-type{
color:#333;
}
#mainContents .comment-body .comment-reply-link a{
background:#999;
color:#FFF!important;
font-weight:normal;
}
#mainContents .comment-reply-link a{
background:#999;
color:#FFF!important;
font-weight:normal;
}

/*個別clear*/
.contents:before{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*画像の回り込み*/
img.alignleft{
float: left;
padding-right: 30px;
}
img.alignright{
float: right;
padding-left: 30px;
}
img.aligncenter{
display: block;
margin: auto;
}

/*---基本項目設定---*/

form#db_detail_form .section_title{
font-size: 16px;
margin: 20px 0;
padding: 10px 10px;
background: #3e3a39;
color: #FFF;
font-size: 120%;
line-height: normal;
font-weight: bold;
}

form#db_detail_form > div:first-of-type .section_title{
margin-top: 0;
}

form#db_detail_form h2{
font-size: 16px;
margin: 20px 0;
padding: 5px 10px;
background: #ccc;
color: #333;
line-height: normal;
}

form#db_detail_form h3{
font-size: 14px;
background: none;
border-left: 8px solid #ccc;
border-bottom: 0;
color: #333;
font-weight: bold;
padding: 5px 10px;
line-height: normal;
margin: 20px 0;
}

form#db_detail_form h4{
font-size: 14px;
line-height: normal;
background: none;
color: #333;
margin: 20px 0;
padding: 5px 0;
line-height: normal;
font-weight: bold;
}

form#db_detail_form th{
background: #fbfbfb;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.remodal-confirm.close_tag_modal{
margin: 15px auto 0;
width: 100px;
display: block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}

.remodal-confirm.close_tag_modal:hover{
background: #e60012;
opacity: 0.6;
}

#input_page_info #tag_edit_box{
border-bottom: 1px solid #ccc;
padding: 0 5px 15px;
font-size: 16px;
margin: 0;
font-weight:bold;
}
#input_page_info #tag_edit_box a:first-of-type{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}
#input_page_info #tag_edit_box .selected_tag{
background: #f0f0f0;
padding: 5px 10px;
display: block;
width: auto;
margin: 5px 0 0;
border: 1px solid #a4a4a4;
border-radius: 1px;
font-size: 12px;
font-weight:normal;
}
#input_page_info #tag_edit_box .edit-tag{
margin-top: 15px;
width: 100px;
display: block;
background: #105898;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}
#input_page_info #tag_edit_box .edit-tag:hover{
opacity: 0.6;
}
#input_page_info #category_edit_box{
border-bottom: 1px solid #ccc;
padding: 10px 5px 15px;
font-size: 16px;
margin: 0;
font-weight:bold;
}
#input_page_info #category_edit_box a:first-of-type{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}
#input_page_info #category_edit_box .selected_category{
background: #f0f0f0;
padding: 5px 10px;
display: block;
width: auto;
margin: 5px 0 0;
border: 1px solid #a4a4a4;
border-radius: 1px;
font-size: 12px;
font-weight:normal;
}
#input_page_info #category_edit_box .edit-category{
margin-top: 15px;
width: 100px;
display: block;
background: #105898;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}
#input_page_info #category_edit_box .edit-category:hover{
opacity: 0.6;
}
#input_page_info .url_page_box{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
}
#input_page_info .url_page_box a{
display:inline-block;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#input_page_info .url_page_box input{
display:block;
margin-top:10px;
vertical-align:text-top;
border:1px solid #ccc;
padding:5px 10px;
width:50%;
}
#input_page_info .page_title_box{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
}
#input_page_info .page_title_box a{
display:inline-block;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#input_page_info .page_title_box input{
display:block;
margin-top:10px;
vertical-align:text-top;
border:1px solid #ccc;
padding:5px 10px;
width:50%;
}
#input_page_info .edit_textarea{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
box-sizing:border-box;
}
#input_page_info .edit_textarea textarea{
height:auto;
margin-top:10px;
padding:5px 10px;
}
#input_page_info .edit_textarea a{
display:inline-block;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#input_page_info .edit_textarea input{
display:block;
margin-top:10px;
vertical-align:text-top;
border:1px solid #ccc;
padding:5px 10px;
width:50%;
}
#input_page_info .banner_img_box{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
}
#input_page_info .banner_img_box a{
display:inline-block;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#input_page_info .banner_img_box input{
display:block;
margin-top:10px;
vertical-align:text-top;
border:1px solid #ccc;
padding:5px 10px;
width:50%;
}

#input_db_data .edit_dbpage_image{
font-size: 14px;
font-weight: bold;
padding: 0 5px;
}

#input_db_data > .setting_button button{
border:0;
border-radius:5px;
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 10px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
cursor: pointer;
margin: 15px 0 0;
}

#input_db_data pre .setting_button button{
border:0;
border-radius:5px;
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 10px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
cursor: pointer;
margin: 15px 0 0;
}

#input_db_data > .setting_button button:hover,#input_db_data pre .setting_button button{
opacity: 0.6;
}

#input_page_info .banner_img_box .edit_dbpage_image .media-delete{
margin: 15px 0 0;
width: 150px;
display: inline-block;
background: #444;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
cursor: pointer;
}
#input_page_info .banner_img_box button{
margin: 15px 0 0;
width: 150px;
display: inline-block;
background: #105898;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
border:0;
cursor: pointer;
}
#input_page_info .banner_img_box .edit_dbpage_image .media-delete:hover,#input_page_info .banner_img_box button:hover{
opacity:0.6;
}
.thumb_img_box .edit_dbpage_image button{
margin: 15px 0 0;
width: 150px;
display: inline-block;
background: #105898;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
border:0;
cursor: pointer;
}
.edit_dbpage_image button:hover{
opacity:0.6;
}

#input_db_data .tableLine .edit_dbpage_image img{
width: 100%;
}

#input_db_data .tableLine .edit_dbpage_image .media-delete{
box-sizing: border-box;
width: 100%;
max-width: 200px;
margin: 10px 0;
padding: 4px 0;
}

#input_db_data .tableLine .edit_dbpage_image .media{
box-sizing: border-box;
width: 100%;
max-width: 200px;
margin:0;
padding: 4px 0;
}

#input_db_data .tableLine .input_column select{
padding-left: 4px;
}

#input_page_info .thumb_img_box .edit_dbpage_image .media-delete{
margin: 15px 0 0;
width: 150px;
display: inline-block;
background: #444;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

#input_page_info .thumb_img_box .edit_dbpage_image .media-delete:hover{
opacity: 0.6;
}

#thumb_img_preview img,#banner_img_preview img{
max-width: 400px;
max-height: 300px;
}

#input_page_info .thumb_img_box{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
}
#input_page_info .thumb_img_box a{
display:inline-block;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#input_page_info .thumb_img_box input{
display:block;
margin-top:10px;
vertical-align:text-top;
border:1px solid #ccc;
padding:5px 10px;
width:50%;
}
#db_detail_form #input_db_data p .input_column textarea{
width: 70%;
}
#db_detail_form #input_db_data .input_column textarea{
box-sizing: border-box;
width: 100%;
}
#input_db_data{
font-size:14px;
margin:20px 0;
}
#input_db_data a{
display:inline-block;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#input_db_data a.chosen-single{
margin: 0;
}
#input_db_data input{
display:block;
margin:10px 0 5px;
vertical-align:text-top;
border:1px solid #ccc;
padding:5px 10px;
width:50%;
}

#input_db_data .input_db_name{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
}
#input_db_data .input_db_kana{
font-size:14px;
font-weight:bold;
padding:0 5px;
margin:20px 0;
}
#input_db_data .db_column_setting{
border:0;
padding:0 10px;
background: #105898;
border-radius: 5px;
color: #fff;
font-weight: normal;
cursor: pointer;
margin-right: 10px;
}
#input_db_data .db_column_setting.editing{
background: #fff;
color: #105898;
}
#input_db_data .db_column_setting:hover{
opacity: 0.6;
}

#input_db_data .edit_dbpage_image .media{
margin: 15px 0 0;
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

#input_db_data .input_column .edit_dbpage_image img{
max-height: 300px;
max-width: 400px;
}

#input_db_data .edit_dbpage_image .media-delete{
margin: 15px 5px 0 0;
width: 150px;
display: inline-block;
background: #444;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

#input_db_data .edit_dbpage_image .media-delete:hover{
opacity: 0.6;
}

#input_db_data h2{
font-size:16px;
margin:0px 0 20px 0;
padding:5px 10px 5px 10px;
background:#3e3a39;
line-height:2;
color:#FFF;
line-height:1.6em;
}
#input_db_data table{
font-size: 14px;
}
#input_db_data table button{
margin: 0px;
width:100%;
display: inline-block;
background: #aaa;
padding:7px 0px;
border-radius: 5px;
text-align: center;
font-size: 10px;
color:#fff;
font-weight:normal;
border:0;
cursor: pointer;
}
#input_db_data table button:hover{
opacity: 0.6;
}

#input_db_data table .setting_button button{
padding:6px 20px;
}
#input_db_data > p .setting_button button{
width: 150px;
display: inline-block;
background: #105898;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}
#input_db_data > p .setting_button button:hover{
opacity: 0.6;
}
#input_db_data table input{
margin:0;
padding:5px;
width: 70%;
}
#input_db_data table th{
font-size: 12px;
}
#input_db_data table .chosen-container{
max-width: 100%;
}
#input_db_data table .chosen-single{
margin: 0;
padding: 0px 10px;
}
#input_db_data table .chosen-container-single .chosen-search{
}
#input_db_data table .chosen-container-single .chosen-drop{
}
#input_db_data table .chosen-container-single .chosen-search input[type="text"]{
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 90%;
height: auto;
outline: 0;
border: 1px solid #aaa;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
#input_db_data h4{
font-size:16px;
margin:20px 0 10px 0;
padding:5px 10px 5px 10px;
background:#3e3a39;
line-height:2;
color:#FFF;
line-height:1.6em;
font-weight:bold;
}
#db_detail_form p#blogStatus{
margin:0;
padding:0px 0px 20px;
text-align:center;
}
#db_detail_form p#blogStatus label{
margin:0 0 0px 0;
font-size:18px;
font-weight:bold;
}
#db_detail_form p#blogStatus input{
display: none;
}
#db_detail_form p#blogStatus input + label{
padding-left: 20px;
position:relative;
margin-right: 50px;
}
#db_detail_form p#blogStatus label:last-child{
margin-right: 0px;
}
#db_detail_form p#blogStatus input + label::before{
content: "";
display: block;
position: absolute;
top: 3px;
left: -5px;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
#db_detail_form p#blogStatus input:checked + label{
color: #0076c3;
}
#db_detail_form p#blogStatus input:checked + label::after{
content: "";
display: block;
position: absolute;
top: 6px;
left: -2px;
width: 11px;
height: 11px;
background: #0076c3;
border-radius: 50%;
}
#db_detail_form p#blogStatus + input{
display:block;
margin:10px auto 20px;
width: 50%;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 16px;
color:#fff;
border:0;
cursor:pointer;
}
#db_detail_form p#blogStatus + input:hover{
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#input_db_data .input_db_kana + .section_title .right{
float:none;
margin-left:6px;
font-size:13px;
vertical-align: middle;
}
#input_page_info .url_page_box input,#input_page_info .page_title_box input{
box-sizing:border-box;
width: 100%;
}
#input_db_data .input_db_kana + .section_title + .input_column input,#db_detail_form #input_db_data .section_title + .input_column select,#db_detail_form #input_db_data p .input_column select{
margin-left: 5px;
}

#input_db_data .tableLine .input_column .chosen-select,#db_detail_form #input_db_data .tableLine .input_column select{
max-width: 100%;
}
#input_db_data table .setting_button button{
box-sizing: border-box;
width: 100%;
padding: 5px;
}
#input_db_data table .setting_button a{
margin-left: 4px;
}
}

/*------------------------------------------------------------
DB型テンプレート一覧
-------------------------------------------------------------*/
.templatelist_box{
margin: 10px auto;
}
.templatelist_box th{
background: #dfdfdf;
font-size:14px;
border:1px solid #cdcdcd;
padding:10px 0 10px 14px;
}
.templatelist_box td{
font-size:12px; 
padding:10px 0 10px 14px;
}
#mainContents .templatelist_box td:last-of-type a{
display:inline-block;
background:#0076c3;
text-align:center;
padding:5px 10px;
border-radius:5px;
color:#fff;
}
#mainContents .templatelist_box td:first-of-type a{
color:#0076c3;
}
#mainContents .templatelist_box a:hover{
opacity:0.6;
}
#mainContents .templatelist_box + a{
margin-top: 15px;
width: 140px;
display: block;
background: #e60012;
padding: 15px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
}
#mainContents .templatelist_box + a:hover{
opacity: 0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.templatelist_box{
width: 98%;
}
.templatelist_box th,.templatelist_box td{
padding-left: 10px;
}
#mainContents .templatelist_box a{
margin-bottom:10px;
}
#mainContents .templatelist_box a:last-of-type{
margin:0;
}
#mainContents .templatelist_box + a{
margin-left: 5px;
}
}
/*------------------------------------------------------------
DB一覧エディタ【リスト】
-------------------------------------------------------------*/
#db_select_form select{
margin-bottom: 8px;
}
#db_select_form #tmpl_select_button{
margin: 5px 0 0;
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}
#db_select_form #tmpl_select_button:hover{
opacity: 0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#db_select_form{
padding: 0 5px;
margin-bottom:20px;
}
}
/*------------------------------------------------------------
DB一覧エディタ詳細【ページ】
-------------------------------------------------------------*/
#db_list_form #tag_edit_box{
border-bottom: 1px solid #ccc;
padding: 15px 5px;
font-size: 16px;
margin: 0;
font-weight:bold;
}

#db_list_form #tag_edit_box a:first-of-type{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}
#db_list_form #tag_edit_box .selected_tag{
background: #f0f0f0;
padding: 5px 10px;
display: block;
width: auto;
margin: 5px 0 0;
border: 1px solid #a4a4a4;
border-radius: 1px;
font-size: 12px;
font-weight:normal;
}
#db_list_form #tag_edit_box .edit-tag{
margin-top: 15px;
width: 100px;
display: block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}
#db_list_form #category_edit_box{
border-bottom: 1px solid #ccc;
padding: 10px 5px 15px;
font-size: 16px;
margin: 0;
font-weight:bold;
}
#db_list_form #category_edit_box a:first-of-type{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}
#db_list_form #category_edit_box .selected_category{
background: #f0f0f0;
padding: 5px 10px;
display: block;
width: auto;
margin: 5px 0 0;
border: 1px solid #a4a4a4;
border-radius: 1px;
font-size: 12px;
font-weight:normal;
}
#db_list_form #category_edit_box .edit-category{
margin-top: 15px;
width: 100px;
display: block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}
#db_list_form #db_index_table a:first-of-type{
margin-left: 0;
}
#db_list_form #db_index_table button{
border-radius: 5px;
margin: 0 5px 0 0;
text-align: center;
background: #0076c3;
font-size: 11px;
padding:5px 10px; 
margin-right: 5px;
color: #fff;
border:0;
}
#db_list_form #db_index_table .copy-list-box{
border-radius: 5px;
text-align: center;
padding:5px 10px; 
color: #fff;
background: #0076c3;
margin:0 5px 0 0;
}
#db_list_form #db_index_table .delete-list-box{
background: #444;
color: #fff;
border-radius: 5px;
padding: 5px 8px;
margin:0;
}
#db_list_form .add-list-box{
margin: 10px 0 0 0;
width: 100px;
display: block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
}
#db_list_form .db_list_disp_item{
padding: 0 5px;
margin: 20px 0;
}
#db_list_form .db_list_disp_item li {display: inline-block;width: 100px;margin: 5px 10px 5px 0;}
#db_list_form .db_list_disp_item input[type=checkbox] {
display: none;
}
#db_list_form .db_list_disp_item label{
position: relative;
cursor: pointer;
padding-left:14px;
white-space: nowrap;
}
#db_list_form .db_list_disp_item label:before {
position: absolute;
top: 2px;
left: 0;
width: 6px;
height: 6px;
content: '';
border: 2px solid #ccc;
border-radius:3px;
}
#db_list_form .db_list_disp_item label:focus,#db_list_form .db_list_disp_item label:hover,#db_list_form .db_list_disp_item label:active,#db_list_form .db_list_disp_item input:checked + label {
color: #0076c3;
}
#db_list_form .db_list_disp_item label:focus:before,#db_list_form .db_list_disp_item label:hover:before,#db_list_form .db_list_disp_item label:active:before,#db_list_form .db_list_disp_item input:checked + label:before {
border-color: #0076c3;
background: #ffffff;
}
#db_list_form .db_list_disp_item input:checked + label:before {
border-color: #0076c3;
background: #0076c3;
}
#db_list_form  #disp_item_table{
margin: 10px 0 0 0;
}
#db_list_form  #disp_item_table span:last-of-type{
display:block;
margin-top:2px;
}
#db_list_form  #disp_item_table span:last-of-type input{
box-sizing:border-box;
}
#db_list_form p#blogStatus{
margin:0;
padding:0px 0px 20px;
text-align:center;
}
#db_list_form p#blogStatus label{
margin:0 0 0px 0;
font-size:18px;
font-weight:bold;
}
#db_list_form p#blogStatus input{
display: none;
}
#db_list_form p#blogStatus input + label{padding-left: 20px;position:relative;margin-right: 50px;}
#db_list_form p#blogStatus label:last-child{
margin-right: 0px;
}
#db_list_form p#blogStatus input + label::before{
content: "";
display: block;
position: absolute;
top: 3px;
left: -5px;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
#db_list_form p#blogStatus input:checked + label{
color: #0076c3;
}
#db_list_form p#blogStatus input:checked + label::after{
content: "";
display: block;
position: absolute;
top: 6px;
left: -2px;
width: 11px;
height: 11px;
background: #0076c3;
border-radius: 50%;
}
#db_list_form p#blogStatus + input{
display:block;
margin:10px auto 20px;
width: 50%;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 16px;
color:#fff;
border:0;
cursor:pointer;
}
#db_list_form #tag_edit_box .edit-tag:hover,#db_list_form #category_edit_box .edit-category:hover,#db_list_form .add-list-box:hover,#db_list_form #db_index_table button:hover,#db_list_form #db_index_table .copy-list-box:hover{
opacity: 0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#db_list_form #db_index_table a:first-of-type{
margin-bottom: 8px;
}
#db_list_form .add-list-box{
margin-left: 5px;
}
#input_page_info .url_page_box input{
box-sizing: border-box;
width: 100%;
}
}


/*------------------------------------------------------------
DBガチャシミュエディタ【リスト】
-------------------------------------------------------------*/
.gachasimlist_box{
margin: 10px auto;
}
.gachasimlist_box th{
background: #dfdfdf;
font-size:14px;
border:1px solid #cdcdcd;
padding:10px 0 10px 14px;
}
.gachasimlist_box th:nth-child(2){
background: #dfdfdf;
font-size:14px;
border:1px solid #cdcdcd;
padding:10px 0 10px 14px;
width:23%;
}
.gachasimlist_box td{
font-size:12px; 
padding:10px 0 10px 14px;
}
#mainContents .gachasimlist_box a{
display:inline-block;
text-align:center;
padding:5px 20px;
border-radius:5px;
color:#fff;
background:#0c749b;
margin-right:4px;
}
#mainContents .gachasimlist_box a:hover{
opacity: 0.6;
}
#mainContents .gachasimlist_box + a{
margin-top: 15px;
width: 140px;
display: block;
background: #e60012;
padding: 15px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
}
#mainContents .gachasimlist_box + a:hover{
opacity: 0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.gachasimlist_box{
width: 98%;
}
#mainContents .gachasimlist_box a{
padding: 5px 8px;
}
#mainContents .gachasimlist_box + a{
margin-left: 5px;
}
.gachasimlist_box th,.gachasimlist_box td{
padding:10px 10px 10px 10px;
}
}

/*--------------------------------------------------------
ガチャ一覧
--------------------------------------------------------*/
#mainContents .link_area{
text-align: center;
margin:30px 0 0;
}
#mainContents .link_area span.gacha_new a{
display:inline-block;
margin:0 10px;
width: 30%;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
border: 0;
cursor: pointer;
}
#mainContents .link_area span.gacha_data_list a{
margin: 0 10px;
width: 30%;
padding: 8px 40px;
border: 1px solid #ccc;
background: #f0f0f0;
border-radius: 5px;
cursor: pointer;
vertical-align: middle;
font-weight: bold;
box-sizing: border-box;
display: inline-block;
position: relative;
}
#mainContents .link_area span.gacha_data_list a:after{
content: ">";
font-size:16px;
position:absolute;
right:10px;
top:0;
display: block;
line-height:35px;
color: #0c749b;
text-align: center;
}
#mainContents .link_area span.gacha_data_list a:hover:after{
color: #f60;
}
#mainContents .link_area span.gacha_new a:hover,#mainContents .link_area span.gacha_data_list a:hover{
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#mainContents .link_area span.gacha_new a{
width: 40%;
display:inline-block;
}
#mainContents .link_area span.gacha_data_list a{
padding:8px 0;
width: 40%;
display:inline-block;
}
#mainContents .link_area{
text-align: center;
margin:20px 0 20px;
}
#mainContents .gachasimlist_box a{
display:inline-block;
text-align:center;
padding:5px 6px;
border-radius:5px;
color:#fff;
background:#0c749b;
margin-right:2px;
}
.gachasimlist_box th:nth-child(2){
width:40%;
}
}

/*------------------------------------------------------------
DBガチャシミュエディタ【ページ】
-------------------------------------------------------------*/
#gachasim_form #tag_edit_box{
border-bottom: 1px solid #ccc;
padding: 0 5px 15px;
font-size: 16px;
margin: 0;
font-weight: bold;
}
#gachasim_form #tag_edit_box a:first-of-type{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#gachasim_form #tag_edit_box .selected_tag{
background: #f0f0f0;
padding: 5px 10px;
display: block;
width: auto;
margin: 5px 0 0;
border: 1px solid #a4a4a4;
border-radius: 1px;
font-size: 12px;
font-weight: normal;
}

#gachasim_form #tag_edit_box .edit-tag{
margin-top: 15px;
width: 200px;
display: block;
background: #0c749b;
padding: 8px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
}

#gachasim_form #category_edit_box {
border-bottom: 1px solid #ccc;
padding: 10px 5px 15px;
font-size: 16px;
margin: 0;
font-weight: bold;
}
#gachasim_form #category_edit_box a:first-of-type{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#gachasim_form #category_edit_box .selected_category {
background: #f0f0f0;
padding: 5px 10px;
display: block;
width: auto;
margin: 5px 0 0;
border: 1px solid #a4a4a4;
border-radius: 1px;
font-size: 12px;
font-weight: normal;
}

#gachasim_form #category_edit_box .edit-category {
margin-top: 15px;
width: 200px;
display: block;
background: #0c749b;
padding: 8px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
}

#gachasim_form .page_title_box {
font-size: 14px;
font-weight: bold;
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .page_title_box a{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#gachasim_form .page_title_box input{
display: block;
margin-top: 10px;
vertical-align: text-top;
border: 1px solid #ccc;
padding: 5px 10px;
width: 50%;
}

#gachasim_form .edit_textarea {
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .edit_textarea a{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#gachasim_form .edit_textarea textarea{
display: block;
margin-top: 10px;
vertical-align: text-top;
border: 1px solid #ccc;
padding: 5px 10px;
width: 50%;
height: 100px;
}

#gachasim_form .url_page_box {
font-size: 14px;
font-weight: bold;
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .url_page_box a{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#gachasim_form .url_page_box input{
display: block;
margin-top: 10px;
vertical-align: text-top;
border: 1px solid #ccc;
padding: 5px 10px;
width: 50%;
}

#gachasim_form .banner_img_box {
font-size: 14px;
font-weight: bold;
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .banner_img_box a{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#gachasim_form .banner_img_box #banner_img_preview{
margin: 10px 0;
}

#gachasim_form .banner_img_box .media-delete{
margin: 15px 0 0;
width: 150px;
display: inline-block;
background: #444;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
cursor: pointer;
}

#gachasim_form .banner_img_box .media{
margin-top: 15px;
width: 220px;
display: block;
background: #0c749b;
padding: 8px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

#gachasim_form #specification-config{
font-size: 14px;
font-weight: bold;
padding: 0 5px;
margin: 20px 0;
background:#f6f6f6;
}
#gachasim_form #specification-config hr{
margin:0 0 10px 0;
border: 0;
}
#gachasim_form #specification-config span{
display:inline-block;
padding:8px 10px 8px 3px;
margin-right:0px;
font-size: 12px;
box-sizing:border-box;
border-right:1px solid #d6e0e3;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#gachasim_form #specification-config span{
border-right:0px solid #d6e0e3;
}
}
#gachasim_form #specification-config span:last-child{
border:0;
}


#gachasim_form #specification-config span:last-of-type{
margin-right:0;
}

#gachasim_form #specification-config span input{
margin-left:8px;
box-sizing:border-box;
line-height:26px;
padding:0 0 0 4px;
width:135px;
}

#gachasim_form #specification-config span input[type="text"]{
width:260px;
}

#gachasim_form #rate-config{
font-size: 14px;
font-weight: bold;
padding: 0 5px;
margin: 20px 0;
}

.rate-block{
margin-bottom: 20px;
padding: 15px;
background: #f8fbfe;
position: relative;
overflow: hidden;
border: 1px solid #e9e9e9;
clear: both;
}

.rate-block.normal-block{
margin-top: 10px;
background: #FFF;
border: 0;
}

.kakutei-waku-h{
display: block;
margin-bottom: 10px;
}

.kakutei-waku-h:before{
content:'';
display: inline-block;
width: 14px;
height: 14px;
background: #444;
border-radius: 50%;
margin: -2px 4px 0 0;
vertical-align: middle;
}

.rate-block > .delete{
position: absolute;
right: 15px!important;
top:15px;
background:#666;
border:0;
color:#fff;
border-radius:5px;
cursor:pointer;
}

.rate-block .total-rate-area{
float: right;
margin-right: 10px;
}

.rate-block .total-rate-area span{
font-size: 18px;
margin: 0 3px;
}

.rate-block table{
background: #fff;
}

.rate-block:first-of-type table{
margin-top: 10px;
}

#gachasim_form .rate-block table{
margin-bottom: 10px;
}

#gachasim_form #rate-config th{
padding:6px 10px; 
font-size: 12px;
}

#gachasim_form #rate-config th:first-of-type{
width: 400px;
}

#gachasim_form #rate-config td{
padding:6px 10px; 
}

#gachasim_form #rate-config .gacha_data_id_list .edit{
border:0px solid #0c749b;
border-radius:5px;
color:#fff;
background:#0c749b;
line-height: 24px;
padding: 0 10px;
cursor:pointer;
}

#gachasim_form #rate-config .gacha_data_id_list .delete{
border: 0px solid #777;
background:#a4a4a4;
color:#FFF;
border-radius:3px;
line-height: 24px;
padding: 0 10px;
cursor:pointer;
}

#gachasim_form #rate-config .gacha_data_id_list .edit:hover,#gachasim_form #rate-config .gacha_data_id_list .delete:hover{
opacity:0.6;
}

#gachasim_form #rate-config input{
padding:0 0 0 4px;
line-height: 24px;
}

#gachasim_form #rate-config .group_name input{
width: 90%;
}

#gachasim_form #rate-config select{
line-height: 24px;
height: 24px;
}

#gachasim_form #rate-config .delete{
margin-left: 4px;
}

#gachasim_form #rate-config .add-flame{
width: 150px;
float: left;
background: #737373;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

#gachasim_form .add-flame-kakutei{
margin: 0px 0 10px;
width: 220px;
display:inline-block;
background: #0c749b;
padding: 8px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

#gachasim_form #rate-config hr{
display:none;}

#gachasim_form .rate-block > input[type="number"]{
margin:0 0 10px 4px;
}

#gachasim_form .add-flame-kakutei + div{
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .add-flame-kakutei + div span{
font-size: 14px;
font-weight: bold;
}

#gachasim_form .add-flame-kakutei + div hr{
border:0;
margin:0 0 10px 0;
}

#gachasim_form .add-flame-kakutei + div textarea{
display: block;
margin-top: 10px;
vertical-align: text-top;
border: 1px solid #ccc;
padding: 5px 10px;
width: 50%;
height: 100px;
}

#gachasim_form .add-flame-kakutei + div + div{
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .add-flame-kakutei + div + div span{
font-size: 14px;
font-weight: bold;
}

#gachasim_form .add-flame-kakutei + div + div hr{
border:0;
margin:0 0 10px 0;
}

#gachasim_form .add-flame-kakutei + div + div input {
display: block;
margin-top: 10px;
vertical-align: text-top;
border: 1px solid #ccc;
padding: 5px 10px;
width: 50%;
}

#gachasim_form .add-flame-kakutei + div + div + div{
padding: 0 5px;
margin: 20px 0;
}

#gachasim_form .add-flame-kakutei + div + div + div span{
font-size: 14px;
font-weight: bold;
}

#gachasim_form .add-flame-kakutei + div + div + div hr{
border:0;
margin: 0 0 10px 0;
}

#gachasim_form .add-flame-kakutei + div + div + div input{
margin: 0 0 0 2px;
}

#gachasim_form #blogStatus br{
display: none;
}

#gachasim_form #blogStatus{
text-align: center;
margin: 20px 0;
display: block;
width: 100%;
}

#gachasim_form #blogStatus label{
margin-left: 50px;
font-size: 18px;
font-weight: bold;
}

#gachasim_form #blogStatus label:first-of-type{
margin: 0;
}

#gachasim_form #blogStatus input{
cursor: pointer;
margin:0 10px 0 0;
position: relative;
vertical-align:middle;
visibility: hidden;
}

#gachasim_form #blogStatus input:checked:before{
position: absolute;
top: 1px;
left: 0;
content: '';
border-radius: 50%;
width: 11px;
height: 11px;
background: #0c749b;
z-index: 2;
visibility: visible;
}

#gachasim_form #blogStatus input:after {
position: absolute;
top: -2px;
left: -3px;
width: 15px;
height: 15px;
content: '';
border: 1px solid #999;
border-radius: 50%;
background: #ffffff;
visibility: visible;
}
@-moz-document url-prefix(){
#gachasim_form #blogStatus input{
visibility: visible;
}
}
#gachasim_form #blogStatus span{
vertical-align: middle;
}

#gachasim_form #blogStatus input:checked + span{
color: #0c749b;
}

#gachasim_form #blogStatus + button {
display: block;
margin: 10px auto 20px;
width: 50%;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 16px;
color: #fff;
border: 0;
cursor: pointer;
}

#gachasim_form #tag_edit_box .edit-tag:hover,#gachasim_form #category_edit_box .edit-category:hover,#gachasim_form .banner_img_box .media-delete:hover,#gachasim_form .banner_img_box .media:hover,#gachasim_form #rate-config .add-flame:hover,#gachasim_form .add-flame-kakutei:hover,#gachasim_form #blogStatus + button:hover{
opacity: 0.6;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable input[type="checkbox"]{
vertical-align: middle;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-search-area table{
margin-bottom: 10px;
}
label.dialog-search-label{
min-width: 40px;
margin-right: 15px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-search-area #dialog-search-reset{
width: 150px;
display: inline-block;
background: #444;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
cursor: pointer;
border:0;
}

#search-dialog .dialog-edit-area{
display: inline-block;
border:1px solid #dde4e6;
border-bottom: 0;
padding: 4px 10px;
margin-top: 10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-all-select{
margin: 0 10px 0 0;
display: inline-block;
background: none;
font-size: 12px;
color: #0c749b;
font-weight: normal;
border: 0;
cursor: pointer;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-all-release{
display: inline-block;
background: none;
font-size: 12px;
color: #0c749b;
font-weight: normal;
border: 0;
cursor: pointer;
}

#search-dialog .data-dialog-trigger{
border-radius: 5px;
border:0;
background-color: #0c749b;
color: #fff;
padding: 5px 10px;
cursor: pointer;
margin-left: 10px;
}

#search-dialog .dialog_search_area{
padding: 10px;
background-color: #f6f6f6;
margin-top: 10px;
}

#search-dialog .dialog_search_area label{
margin:10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-save{
margin: 15px 10px 0 0;
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 0;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
border:1px solid #e60012;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-cancel{
width: 150px;
display: inline-block;
background:#a4a4a4;
padding: 10px 0px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#FFF;
font-weight: normal;
cursor: pointer;
border: 0px solid #777;
border-radius:3px;
cursor:pointer;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-save:hover,.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-cancel:hover{
opacity: 0.6;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-contents ul{
display: flex;
flex-flow: wrap;
align-items: center;
border:1px solid #dde4e6;
padding:10px 10px 0 10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-contents li{
float: none;
margin-right: 10px;
margin-bottom: 10px;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-contents li:last-of-type{
margin-right: 0;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-contents li label{
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
padding: 5px;
cursor: pointer;
word-break: break-all;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-contents li label.selected{
background-color: #0c749b;
color: #fff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.dialog-contents .detail-icon label img{
width: 60px;
height: 60px;
border-radius: 4px;
object-fit: cover;
object-position: center;
}

#gachasim_form #result-config{
margin-bottom: 10px;
background: #f6f6f6;
padding: 20px 0 20px 20px;
display: flex;
justify-content: left;
align-items: center;
}

#gachasim_form #result-config .radio-area{
display: inline-block;
vertical-align: top;
}

#gachasim_form #result-config .radio-area div:first-of-type{
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #cdcdcd;
}

#gachasim_form #result-config .radio-area label{
display: inline-block;
width: 200px;
cursor: pointer;
padding:10px;
border-radius: 5px;
background-color: #FFF;
border: 1px solid #dedede;
}
#gachasim_form #result-config .radio-area label:first-of-type{
margin-right: 10px;
}

#gachasim_form #result-config .preview_area{
display: inline-block;
vertical-align: top;
text-align: center;
}

#gachasim_form #result-config .preview_area img{
display: block;
margin-bottom: 10px;
max-width: 150px;
margin: 0 75px 10px;
}

#gachasim_form #result-config .preview_area .data_name{
font-weight: bold;
}

.i_badge.specification_config,.i_badge.rate_config,.i_badge.kakutei_config,.i_badge.result_config{
display: inline-block;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#other-config textarea{
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
}

.ui-draggable .ui-dialog-titlebar{
background: #01284c;
}

.ui-dialog .ui-button-icon-only.ui-dialog-titlebar-close{
right: 10px;
}

.i_badge.haisyutu img,.i_badge.rea_regist img{
margin: -3px 0 0 3px;
}

.dialog.ui-dialog-content.ui-widget-content > span:first-child{
font-size: 16px;
font-weight: bold;
}

.ui-dialog-content.ui-widget-content > span:first-child{
font-size: 16px;
font-weight: bold;
}

#data-regist-dialog .edit_dbpage_image{
margin:10px 0;
}

.edit_dbpage_image .media{
border-radius: 5px;
border: 0;
background-color: #0c749b;
color: #fff;
padding: 5px 0;
width: 100px;
cursor: pointer;
}

.edit_dbpage_image .media-delete{
display: inline-block;
border-radius: 5px;
border: 0;
background-color: #444;
color: #fff;
padding: 5px 0;
width: 100px;
text-align: center;
cursor: pointer;
}

.edit_dbpage_image #data_img_preview{
margin-bottom: 10px;
}

.edit_dbpage_image #data_img_preview img{
max-height: 400px;
}

.ui-dialog-content.ui-widget-content th{
width: 30%;
}

.ui-dialog-content.ui-widget-content #choose_rea{
line-height: 26px;
height: 26px;
}

.ui-dialog-content.ui-widget-content #add_rea{
line-height: 24px;
height: 26px;
vertical-align: middle;
margin-left: 5px;
padding: 0px 10px;
background-color: #f1f1f1;
border: 1px solid #dedede;
cursor: pointer;
}

.ui-dialog-content.ui-widget-content  #data_name,.ui-dialog-content.ui-widget-content  #link_url{
line-height: 26px;
height: 26px;
width: 80%;
}

.ui-dialog-content.ui-widget-content .dialog-regist{
margin: 15px 10px 0 0;
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 0;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
cursor: pointer;
border: 1px solid #e60012;
}

.ui-dialog-content.ui-widget-content .dialog-cancel{
width: 150px;
display: inline-block;
background: #fff;
padding: 10px 0px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #777;
font-weight: normal;
cursor: pointer;
border: 1px solid #777;
}

#rea-regist-dialog.ui-dialog-content.ui-widget-content table{
margin-top: 10px;
}

.edit_dbpage_image .media-delete:hover,.ui-dialog-content.ui-widget-content .dialog-regist:hover,.ui-dialog-content.ui-widget-content .dialog-cancel:hover{
opacity: 0.6;
}

div.fukidashi{
width: 100%;
background: #ee0101;
position: absolute;
top:-30px;
left: -8px;
color: #fff;
font-size: 11px;
border: 2px solid #ddd;
box-shadow: 0 0 6px #000;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
-o-box-shadow: 0 0 6px #000;
padding: 4px 10px 4px 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
}

div.fukidashi:after {
border-top-color: #ee0101;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#gachasim_form #banner_img_preview img{
width: 100%;
}

#gachasim_form .page_title_box input,#gachasim_form .edit_textarea textarea,#gachasim_form .url_page_box .group_name input{
box-sizing: border-box;
width: 100%;
}

#gachasim_form #specification-config span{
box-sizing: border-box;
width: 48%;
}

#gachasim_form #specification-config span:first-of-type,#gachasim_form #specification-config span:nth-of-type(2){
margin-bottom: 10px;
}

#gachasim_form #specification-config span input[type="text"],#gachasim_form #specification-config span input[type="number"]{
box-sizing: border-box;
width: 100%;
margin:5px 0 0 0;
}

.rate-block{
padding: 10px;
}

#gachasim_form #rate-config th {
padding: 6px 5px;
font-size: 11px;
text-align:center;
}

#gachasim_form #rate-config th:first-of-type{
width: auto;
}

#gachasim_form #rate-config th:nth-of-type(2){
width: 55px;
}

#gachasim_form #rate-config td {
padding: 6px 5px;
text-align: center;
}

#gachasim_form #rate-config .group_name input{
box-sizing: border-box;
width: 100%;
}

#gachasim_form #rate-config .rate input[type="number"]{
box-sizing: border-box;
width: 68%;
margin:0; 
}
#gachasim_form #rate-config select{
width: 100%;
}
#gachasim_form #rate-config .delete{
margin:0 0 0 3px;
}
#gachasim_form #rate-config .rate-block > .delete{
top:12px;
right: 12px!important;
margin:0;
}
#gachasim_form #result-config .radio-area{
margin-right: 0;
}
#gachasim_form .add-flame-kakutei + div textarea{
box-sizing: border-box;
width: 100%;
}
#gachasim_form .add-flame-kakutei + div + div + div input{
width: 27%;
}
#gachasim_form #blogStatus label{
margin-left: 15px;
}
#gachasim_form #blogStatus input{
margin:0 5px 0 0;
}
.dialog-search-label{
margin-right: 10px;
}
.dialog-search-label:last-of-type{
margin: 0;
}
#thumb_img_preview img, #banner_img_preview img {
max-width: 100%;
max-height: 200px;
}
#gachasim_form #other-config{
padding: 0 5px;
}
#mainContents .other-item{
padding: 0;
}
#gachasim_form #result-config .radio-area{
display: block;
margin-bottom: 20px;
padding: 0 10px;
}
#gachasim_form #result-config .radio-area div{
width: 100%;
}
#gachasim_form #result-config .radio-area label{
box-sizing: border-box;
width: calc(50% - 5px);
padding: 5px;
}
#gachasim_form #result-config .preview_area img{
display: block;
margin: 10px auto;
}
#other-config input[name="tweet_text"]{
width: 100%;
margin-bottom: 10px;
}
#other-config input[name="hash_tags[]"]{
width:120px;
}
#search-dialog .dialog_search_area label{
margin: 6px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-save,.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-cancel{
width: 140px;
}
.ui-dialog-content.ui-widget-content .dialog-regist,.ui-dialog-content.ui-widget-content .dialog-cancel{
width: 140px;
}
.dialog-contents li::after{
width: 200px;
}
.ui-dialog-content.ui-widget-content #data_name, .ui-dialog-content.ui-widget-content #link_url{
width: 100%;
}
#gachasim_form #result-config .preview_area{
display: block;
}
div.fukidashi{
width: 120px;
top:-42px;
left: -12px;
}
@media screen and (max-width:375px){
#modal-media li:nth-of-type(3) input.search{
width: 143px;
}
.ui-dialog-content.ui-widget-content #add_rea{
padding: 0 4px;
}
#gachasim_form #rate-config .gacha_data_id_list .edit,#gachasim_form #rate-config .gacha_data_id_list .delete{
padding: 0 6px;
}
#other-config input[name="hash_tags[]"] {
width: 109px;
}
div.fukidashi{
width: 110px;
}
}
@media screen and (max-width:360px){
#modal-media li:nth-of-type(3) input.search{
width: 128px;
}
#modal-media ul div.detailBox{
height: 35%;
}
.ui-dialog #data-regist-dialog.ui-dialog-content{
padding: 5px 8px;
}
.ui-dialog .ui-dialog-content{
padding: 5px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-save,.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable #dialog-cancel{
width: 130px;
}
#other-config input[name="hash_tags[]"] {
width: 104px;
}
#gachasim_form #rate-config .gacha_data_id_list .edit,#gachasim_form #rate-config .gacha_data_id_list .delete{
padding: 0 5px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-draggable.ui-resizable .dialog-contents li label{
width: 49px;
height: 49px;
}
div.fukidashi{
left: -18px;
}
}
@media screen and (max-width:320px){
#gachasim_form #result-config .radio-area label:first-of-type {
margin-right: 6px;
}
#gachasim_form #result-config .radio-area label {
width: calc(50% - 3px);
font-size: 12px;
}
#gachasim_form #result-config .radio-area label input{
vertical-align: middle;
}
div.fukidashi{
width: 102px;
}
div.fukidashi:after{
left:33px;
}
}

}


/*------------------------------------------------------------
DB項目マスタ
-------------------------------------------------------------*/
.remodal.db_column_setting_modal .select_input_type{
margin-bottom: 10px;
}

.remodal.db_column_setting_modal .select_input_type input[type="text"]{
margin: 10px 0;
}

.remodal.db_column_setting_modal .select_input_type ul{
margin-top: 10px;
}

.remodal.db_column_setting_modal .select_input_type li{
display: inline-block;
}

.remodal.db_column_setting_modal input[type="radio"] + label{
position: relative;
cursor:pointer;
display: inline-block;
margin-right:25px;
}

.remodal.db_column_setting_modal .select_input_type li:last-of-type label{
margin: 0;
}

.remodal.db_column_setting_modal .input_type_setting label:last-of-type{
margin: 0;
}

.remodal.db_column_setting_modal input[type="radio"]{
display:none;
}

.remodal.db_column_setting_modal input[type="radio"] + label::before {
content: "";
display: block;
position: absolute;
top:0;
left: -20px;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}

.remodal.db_column_setting_modal input[type="radio"]:checked + label{
color: #0076c3;
}

.remodal.db_column_setting_modal input[type="radio"]:checked + label::after{
content: "";
display: block;
position: absolute;
top: 3px;
left: -17px;
width: 11px;
height: 11px;
background: #0076c3;
border-radius: 50%;
}

.remodal.db_column_setting_modal .input_type_setting.input_type_free_text label{
margin-bottom: 10px;
}

.remodal.db_column_setting_modal .input_type_setting .db_name_setting{
margin-bottom: 10px;
}

.remodal.db_column_setting_modal .input_type_setting br+ br{
display:none;
}

.remodal.db_column_setting_modal .selection-table{
margin-top: 10px;
}

.remodal.db_column_setting_modal .selection-table th{
padding-left: 14px;
}

.remodal.db_column_setting_modal .selection-table th:last-of-type{
padding-left:0;
text-align: center; 
}

.remodal.db_column_setting_modal .add_selection{
width: 150px;
display: inline-block;
background: #0076c3;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

.remodal.db_column_setting_modal .input_type_setting.input_type_other_db + p{
margin-top: 10px;
}

.remodal.db_column_setting_modal .remodal-confirm{
width: 150px;
display: inline-block;
background: #e60012;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
margin-top: 0;
}

.remodal.db_column_setting_modal .remodal-cancel{
width: 150px;
display: inline-block;
background: #444;
padding: 10px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color: #fff;
font-weight: normal;
border: 0;
cursor: pointer;
}

.remodal.db_column_setting_modal .add_selection:hover,.remodal.db_column_setting_modal .remodal-confirm:hover,.remodal.db_column_setting_modal .remodal-cancel:hover{
opacity: 0.6;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.remodal.db_column_setting_modal{
text-align: left;
padding: 0 0 20px 0;
}

.remodal.db_column_setting_modal .edit_h2{
text-align: center;
}

.remodal.db_column_setting_modal .edit_h3{
padding-left: 8px;
}

.remodal.db_column_setting_modal .select_input_type{
padding: 15px 15px 0 15px;
}

.remodal.db_column_setting_modal .select_input_type ul{
padding-left: 20px;
}

.remodal.db_column_setting_modal .select_input_type ul li:last-of-type{
margin-top: 6px;
}

.remodal.db_column_setting_modal .input_type_setting{
padding:0 15px; 
}

.remodal.db_column_setting_modal .input_type_setting input[type="radio"] + label{
margin-left: 20px;
}

.remodal.db_column_setting_modal .selection-table{
margin-bottom: 10px;
}

.remodal.db_column_setting_modal .selection-table .col-name{
padding-left: 8px;
}

.remodal.db_column_setting_modal .col-delete{
text-align: center;
}

.remodal.db_column_setting_modal .col-delete input{
margin:0; 
}

.remodal.db_column_setting_modal .input_type_setting + p{
text-align: center;
}
}

.db_page_detail img{width:100%;}
.db_page_list img{width:100%;}


/*--------------------------------------------------------
ツールチップ
--------------------------------------------------------*/
.dialog-contents li {
position: relative;
}
.dialog-contents li::before,
.dialog-contents li::after {
position: absolute;
transition: all 0.3s ease 0s;
opacity: 0;
}
.dialog-contents li::before {
content: "";
border: 10px solid transparent;
border-top-color: #01284c;
top: 0px;
left: 5px;
z-index:9;
}
.dialog-contents li::after {
content: attr(data-full_name);
display: block;
padding: 5px 5px 5px 10px;
background: #01284c;
color: #fff;
border-radius: 5px;
width: 300px;
top:0px;
left:0;
text-align:left;
font-size:12px;
}
.dialog-contents li:hover::before{
top: -5px;
opacity: 1;
}
.dialog-contents li:hover::after{
top: -30px;
opacity: 1;
}


/*--------------------------------------------------------
サイドメニュー設定
--------------------------------------------------------*/
.side_menu_box{
font-size:12px;
}
#mainContents section.side_menu_box h3{
background:#fff;
padding:0;
margin:0;
text-align:center;
font-size:18px;
font-weight: bold;
border:0;
color:#444;
}
#mainContents section.side_menu_box #menu-left h3{
display: inline-block;
vertical-align: middle;
}
#mainContents section.side_menu_box #menu-left p:empty{
display: none;
}
#mainContents section.side_menu_box #menu-left .list-box-title{
text-align: center;
}
#mainContents section.side_menu_box #menu-left .list-box span{
vertical-align: middle;
margin-left: 2px;
}
.side_menu_box #new-menu div{
text-align:center;
display: inline-block;
width: 170px;
margin: 0 0 10px 0;
}
.side_menu_box #new-menu div:hover{
opacity:0.7;
}
.side_menu_box #new-menu{
text-align:center;
}
.side_menu_box #sbmtbtn{
width:130px;
border:0;
background-color:#c30d23;
}
.side_menu_box div.menu-liquid-right{
width: 68%;
}
.side_menu_box div.menu-liquid-right #sub-menus{
box-sizing: border-box;
padding:12px;
}
#mainContents .side_menu_box .draggable-item .menu_up{
display:inline-block;
background:#f04141;
border-radius:4px;
color:#fff;
padding:3px 4px;
}
.side_menu_box .draggable-item .menu_up:hover{
opacity: 0.7;
}
#mainContents .side_menu_box .draggable-item .menu_down{
display:inline-block;
background:#418cf0;
border-radius:4px;
color:#fff;
padding:3px 4px;
}
.side_menu_box .draggable-item .menu_down:hover{
opacity: 0.7;
}
#mainContents .side_menu_box .draggable-item .menu_del {
display:inline-block;
text-align: center;
background: #666;
color: #fff;
width: 100px;
padding: 3px 0;
}
.side_menu_box .draggable-item .menu_del:hover{
opacity: 0.7;
}
.side_menu_box .draggable-item .spinner{
position: relative;
top: 6px;
}
.side_menu_box .menu-box input[type="text"]{
box-sizing: content-box;
}
.side_menu_box .edit-form{
border-top:0;
}
.edit_modal_list_item.link_parts{
padding: 10px 0;
background: #fafafa;
position: relative;
margin-bottom: 60px;
border-radius: 10px;
}
.side_menu_box .edit_modal_list{
margin-left: 0;
}
.side_menu_box .edit_modal_list label{
margin-right:4px;
}
.side_menu_box .edit_modal_list select{
margin-right:10px;
}
.side_menu_box .inner_menu{
text-align: center;
border:0;
}
.side_menu_box .edit_modal_list textarea{
width:80%;
height:170px;   
}
#mainContents .side_menu_box .list-insert{
display: block;
border: 2px solid #dedede;
border-radius: 5px;
padding: 5px 0;
width: 90%;
color: #333;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: -45px;
}
.edit_modal_list > div:first-of-type .list-insert{
margin-top: 0;
}
#mainContents .side_menu_box .edit_modal_list .link_parts:first-of-type .list-insert {
position: static;
margin-bottom: 12px;
}
.side_menu_box .list-insert:after {
content: '+';
display: inline-block;
background: #ccc;
color: #fff;
text-align: center;
border-radius: 50%;
width: 16px;
line-height: 16px;
}
.side_menu_box .list-insert:hover{
opacity: 0.7;
}
.edit_modal_list_item.link_parts input[type="text"] {
margin-left: 4px;
}
.side_menu_box .edit_modal_list_item.link_parts > div{
margin-top: 10px;
}
.edit_modal_list > div:first-of-type .list-insert{
margin-top: 0;
}
#mainContents .side_menu_box .edit_modal_list_item.link_parts > div a:nth-of-type(1){
display: inline-block;  
width: 38px;
line-height: 24px;
border-radius:4px;
background: #f04141;
color: #fff;
}
#mainContents .side_menu_box .edit_modal_list_item.link_parts > div a:nth-of-type(1):hover{
opacity: 0.7;
}
#mainContents .side_menu_box .edit_modal_list_item.link_parts > div a:nth-of-type(2){
display: inline-block;  
width: 38px;
line-height: 24px;
border-radius:4px;
background: #418cf0;
color: #fff;
}
#mainContents .side_menu_box .edit_modal_list_item.link_parts > div a:nth-of-type(2):hover{
opacity: 0.7;
}
#mainContents .side_menu_box .edit_modal_list_item.link_parts > div a.list_del{
display: inline-block;
line-height: 24px;
width: 28px;
border-radius:4px;
background: #666;
color: #fff;
}
#mainContents .side_menu_box .edit_modal_list_item.link_parts > div a.list_del:hover{
opacity: 0.7;
}
.side_menu_box .edit_modal_list_item.link_parts > div + br{
display: none;
}
.side_menu_box input[type="checkbox"]{
vertical-align: middle;
}
#mainContents .side_menu_box .draggable-item.menu-type-board > a:last-of-type{
display: inline;
}
.menu-liquid-left .draggable-item{
margin-bottom: 10px;
}
#mainContents .side_menu_box{
width: 780px;
margin: 0;
padding: 0;
border: 1px solid #00284C;
border-radius: 5px;
background-color: #fff;
}
#mainContents .mng_clear > div:first-child {
margin-bottom: 24px;
}
.side_menu_box .article-header {
padding: 10px 15px;
font-size: 16px;
font-weight: bold;
color: #fff;
background-color: #00284C;
}
.side_menu_box form{
padding: 0 25px;
}
.side_menu_box #menu-left{
position: relative;
}
.side_menu_box #active-menus{
top: 40px!important;
}
#mainContents #tag_modal_window .close_modal.info{
color: #fff;
background: #444;
width: 150px;
text-align: center;
margin: 10px auto 0;
padding: 10px 0;
border-radius: 5px;
}
#mainContents #tag_modal_window .close_modal.info:hover{
opacity: 0.6;
}
.widget-lr-box .search-form input[type="text"] {
width: 200px;
padding: 0;
padding-left: 20px;
line-height: 30px;
background: #a9a9a9;
border: 0;
vertical-align: middle;
}
.widget-lr-box .search-form input::placeholder {
color: #ffffff;
}
.widget-lr-box .search-form input[type="submit"] {
border: 0;
padding: 0;
line-height: 30px;
width: 36px;
background: url(/img/icon/sa-cha.png)no-repeat center / 17px #f2f2f2;
vertical-align:middle;
margin-left: -4px;
cursor: pointer;
}
.xsearch-form input[type="text"] {
width: 400px;
padding: 0;
padding-left: 20px;
line-height: 30px;
background: #ffffff;
border: 0;
vertical-align: middle;
}
.xsearch-form input::placeholder {
color: #ffffff;
}
.xsearch-form input[type="submit"] {
border: 0;
padding: 0;
line-height: 30px;
width: 36px;
background: url(/img/icon/sa-cha.png)no-repeat center / 17px #f2f2f2;
vertical-align:middle;
margin-left: -4px;
cursor:pointer;
}
.xsearch-form{
background: #888;
padding: 10px;
text-align: center;
}
#mainContents .xsearchNotResults{
color: red;
font-weight: bold;
font-size: 14px;
}
#mainContents .xsearchResultsCount{
font-weight: bold;
margin-bottom: 20px;
text-align:center;
background:#fffde6;
padding:5px;
font-size:16px;
}
#mainContents .xsearchResultsList li.search-list-box{
padding: 0 0 0 0;
position: relative;
margin-bottom: 20px;
display:flex;
}
.xsearchResultsList li img{
width:100px;
height:100px;
object-fit:cover;
object-position: center center;
margin:0;
}
#mainContents .xsearchResultsList li.search-list-box{
padding:0 0 20px;
position: relative;
margin-bottom: 20px;
min-height: 80px;
display:flex;
justify-content:left;
border-bottom:1px solid #ccc;
}

div.search-list-txt{
display:inline-block;
width:100%;
padding-left:10px
}

#mainContents .xsearchResultsList li a{
font-size: 16px;
font-weight: bold;
display: block;
}
#mainContents .xsearchResultsList li p{
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
padding:5px 0 0;
}
.xsearchResultsList .resultsUrl{
font-size: 11px;
color:#666;
word-break: break-word;
}

.tag_cloud{
border:solid 1px #f0f0f0;
padding: 6px 10px;
width:100%!important;
box-sizing:border-box;
margin:0!important;
border-radius: 3px;
display:flex;
justify-content:left;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.tag_cloud span a{
display: inline-block;
background: rgb(156, 170, 183);
width: auto;
padding: 2px 10px;
margin:3px 3px;
vertical-align:middle;
line-height:25px;
color:#FFF;
}
.tag_cloud span a:hover{
display: inline-block;
background: rgb(87, 105, 121);    
vertical-align: middle;
color: #FFF;
-webkit-transition: all .3s linear;
transition: all .3s linear;
box-shadow: 0px 0px 0px 2px rgb(220, 227, 232);
}

/*--------------------------------------------------------
検索結果
--------------------------------------------------------*/
.wiki_contents .xsearch-form{background: #d6e0e3;padding: 10px;text-align: center;}
.wiki_contents .xsearch-form form{
display:flex;
justify-content: center;
align-items: center;
}
.wiki_contents .xsearch-form form input[type="text"] {
width: 100%;
padding:0;
padding-left:10px;
line-height:35px;
background: #ffffff;
border:0;
vertical-align:middle;
border-radius:30px 0 0 30px;
border:1px solid #bbd0d6;
border-right:0;
-webkit-appearance:none;
}
.wiki_contents .xsearch-form form input::placeholder {
color:#d6e0e3;
}
.wiki_contents .xsearch-form form input[type="submit"] {
border:0;
padding:0;
margin:0;
line-height:35px;
width:46px;
background:url(/img/icon/sa-cha.png)no-repeat 12px center / 14px #fff;
vertical-align:middle;
cursor:pointer;
border-radius:0 30px 30px 0;
border:1px solid #bbd0d6;
border-left:0;
}
#mainContents .wiki_contents .xsearchNotResults{
color: red;
font-weight: bold;
margin-bottom: 20px;
text-align:center;
background:#d6e0e3;
padding:0 5px 5px;
font-size:16px;
}
#mainContents .wiki_contents .xsearchResultsCount{
font-weight: bold;
margin-bottom: 20px;
text-align:center;
background:#d6e0e3;
padding:0 5px 5px;
font-size:16px;
color: #333;
}

/*------------------------------------------------------------
サイドメニュー設定MB
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.wiki_contents{
width:100%!important;
}
.widget-lr-box{
width:100%!important;
}
article#mainContents{
width:100%!important;
}
#mainContents .side_menu_box{
width:100%;
border:0;
border-radius:0;
}
.side_menu_box form{
padding:0 5px 20px;
}
.side_menu_box #new-menu div{
width: 80%;
}
.side_menu_box #active-menus{
position:static!important;
width: 100%;
}

.side_menu_box .menu-liquid-left{
float: none;
width: 100%;
}

.side_menu_box div#menu-left{
padding-top: 0;
}

.side_menu_box #new-menu{
padding: 0 26px;
}

.side_menu_box .menu-liquid-left h3 + p{
text-align: center;
margin-bottom:5px;
}

.side_menu_box div.menu-liquid-right{
width: 100%;
float: none;
}

#mainContents .side_menu_box div.article-header{
text-align:center;
margin-bottom: 15px;
}

.side_menu_box div.menu-liquid-right #sub-menus{
width: 100%;
border: 0;
border-top: 1px solid #ccc;
padding: 0;
margin-bottom: 0;
}

.side_menu_box .menu-liquid-left .draggable-item{
margin-bottom:10px;
}

.side_menu_box .draggable-item,.side_menu_box .edit-form{
margin:0; 
}

.side_menu_box #sbmtbtn{
display:block;
width: 60%;
margin:10px auto 0;
height: 40px;
line-height:40px;
}

.side_menu_box .menu-liquid-right .list-box-title{margin-bottom: 5px;padding: 10px 0;}

.draggable-item input[type="text"]{
width: 150px!important;
font-size: 11px;
padding:0 0 0 2px;
}

#mainContents .draggable-item .menu_del{
display: block;
text-align:center;
background:#a3a3a3;
color:#fff;
width:130px;
margin-top: 5px;
}

.side_menu_box .draggable-item{
position: relative;
}

.side_menu_box .draggable-item .menu_up:hover,.side_menu_box .draggable-item .menu_down:hover,.edit_modal_list > div:first-of-type .list-insert:hover,.side_menu_box .edit_modal_list_item.link_parts > div a:nth-of-type(1):hover,.side_menu_box .edit_modal_list_item.link_parts > div a:nth-of-type(2):hover,.side_menu_box .edit_modal_list_item.link_parts > div a.list_del:hover{
opacity: 1.0;
}

.side_menu_box .draggable-item .spinner{
position: absolute;
right:10px;
top:50%;
font-size:16px;
margin-top:-8px;
}

.side_menu_box .edit_modal_list textarea{
width: 94%;
}

.side_menu_box .edit_modal_list select{
margin: 0;
}

.side_menu_box .edit_modal_list_item input[type="text"]{
width: 60%;
}

.side_menu_box .edit_modal_list_item.link_parts{
text-align: left;
padding:10px; 
}

.side_menu_box .edit_modal_list_item.link_parts .list-insert{
text-align: center;
}

.side_menu_box .edit_modal_list_item.link_parts span{
display: inline-block;
width: 21%;
}

.side_menu_box .edit_modal_list_item.link_parts input[type="text"]{
width: 66%!important;
margin:0;
}
.side_menu_box .edit_modal_list_item.link_parts span {
display: block;
width: 100%;
}
.side_menu_box .edit_modal_list_item.link_parts span:nth-of-type(2) {
margin-top: 6px;
}
.side_menu_box .edit_modal_list_item.link_parts > div{
text-align: center;
}
#tag_modal_window{
box-sizing:border-box;
width:100%!important;
}

.widget-lr-box .search-form {
width: 100%;
padding: 10px 0;
margin: 0px 0;
background: #888;
text-align: center;
}
.widget-lr-box .search-form input[type="text"] {
width: 75%;
box-sizing: border-box;
padding: 0;
padding-left: 20px;
line-height: 30px;
background: #FFFF;
border: 0;
border-radius: 0;
}
.widget-lr-box .search-form input[type="submit"] {
box-sizing: border-box;
border: 0;
padding: 0;
line-height: 30px;
width: 15%;
background: url(/img/icon/sa-cha.png)no-repeat center / 17px #e0e0e0;
border-radius: 0;
}
.xsearch-form {
width: 100%;
padding: 10px 0;
margin: 0px 0;
background: #888;
text-align: center;
}
.xsearch-form input[type="text"] {
width: 75%;
box-sizing: border-box;
padding: 0;
padding-left: 20px;
line-height: 30px;
background: #FFFF;
border: 0;
border-radius: 0;
}
.xsearch-form input[type="submit"] {
box-sizing: border-box;
border: 0;
padding: 0;
line-height: 30px;
width: 15%;
background: url(/img/icon/sa-cha.png)no-repeat center / 17px #e0e0e0;
border-radius: 0;
cursor:pointer;
}


}
@media screen and (max-width:360px){
.side_menu_box .edit-form{
padding: 6px;
}
.draggable-item input[type="text"] {
width: 130px!important;
}
.side_menu_box div.menu-liquid-right #sub-menus{
padding: 0;
}
.side_menu_box .draggable-item .menu_up,.side_menu_box .draggable-item .menu_down {
font-size: 11px;
}
.side_menu_box .draggable-item .menu_del{
font-size: 11px;
}
}
@media screen and (max-width:320px){
.side_menu_box .edit_modal_list_item.link_parts input[type="text"] {
width: 70%!important;
}
.draggable-item input[type="text"] {
width: 105px!important;
}
}


/*------------------------------------------------------------
タグ一覧
-------------------------------------------------------------*/
.wiki_contents .taglist_wrap li{
display: inline-block;
margin: 0 8px 8px 0;
}
#mainContents .wiki_contents .taglist_wrap li a{display:block;border: 1px solid #ddd;border-radius:5px;padding:3px 8px 3px 24px;color:#105898;background:url(/img/icon/tag_icon1.png) no-repeat left 8px center/12px;}
#mainContents .wiki_contents .taglist_wrap li a:hover{
background:url(/img/icon/tag_icon2.png) no-repeat left 8px center/12px;
background-color: #105898;
border:1px solid #105898;
color: #fff;
}


/*------------------------------------------------------------
タグ関連記事リスト
-------------------------------------------------------------*/

.taglist_detail_wrap hr{
margin:20px 0;
border:0;
border-bottom:1px dashed #ddd;
}
.taglist_detail_wrap li > br{
display:none;
}
.taglist_detail_wrap li a{
font-weight:bold;
display:block;
margin-bottom:10px;
}
.taglist_detail_wrap li span{
display:block;
margin-bottom:10px;
}
.taglist_detail_wrap li span:first-of-type{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.taglist_detail_wrap li span:last-of-type{
text-align:right;
font-size:11px;
color: #888;
}


/*--------------------------------------------------------
404ページwiki
-------------------------------------------------------*/
.wiki_contents p.error_message{
background:#e3e3e3;
margin:15px 0 0!important;
padding:30px 0 0!important;
text-align:center;
font-size:24px!important;
font-weight:bold;
border-radius:10px 10px 0 0;
}
.wiki_contents p.error_message:after{
content: url(/img/icon/biggollira2.png);
display: block;
margin-top:20px;
}
.wiki_contents div.sub_message{
background:#e3e3e3;
margin:0;
padding:10px!important;
text-align:center;
border-radius:0px 0px 10px 10px;
}
.wiki_contents div.sub_message p{
margin:0;
padding:10px 0 20px!important;
font-size:14px!important;
}
.wiki_contents div.sub_message a{
display:block;
margin:0 auto 10px;
padding:10px!important;
text-align:center;
background:#fff;
width:80%;
border-radius:5px;
border:1px solid #ccc;
}
.wiki_contents div.sub_message a:hover{
opacity:0.8;
}

/*--------------------------------------------------------
ようこそページ
-------------------------------------------------------*/
.wiki_contents .blogger_first_view{
background:#e3e3e3;
padding:20px;
text-align:center;
border-radius:10px;
}
.wiki_contents .blogger_first_view p.top_message{
font-size:34px!important;
font-weight:bold;
margin:0!important;
}
.wiki_contents .blogger_first_view .top_message:after{
content: url(/img/icon/biggollira2.png);
display: block;
margin-top:20px;
}
.wiki_contents .blogger_first_view .sub_message p{
margin:0 0 10px!important;
padding:0px!important;
font-size:16px!important;
font-weight:bold;
line-height:normal;
}
.blog-message-br{
display:block;
line-height:normal;
}


/*--------------------------------------------------------
準備中ページ
-------------------------------------------------------*/
.wiki_contents .visitor_first_view{
background:#e3e3e3;
padding:20px;
text-align:center;
border-radius:10px;
}
.wiki_contents .visitor_first_view p.top_message{
font-size:34px!important;
font-weight:bold;
margin:0!important;
}
.wiki_contents .visitor_first_view .top_message:after{
content: url(/img/icon/biggollira2.png);
display: block;
margin-top:20px;
}
.wiki_contents .visitor_first_view .sub_message p{
margin:0!important;
padding:0px!important;
font-size:16px!important;
font-weight:bold;
line-height: normal;
}


/*--------------------------------------------------------
人気ページwiki
--------------------------------------------------------*/
.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 dd a{
display: block;
box-sizing: border-box;
}
.ninki-ranking dl:not(:last-child) {
border: 1px solid #f0f0f0;
border-radius:4px;
margin:5px 0;
padding:5px;
box-sizing:border-box;
position:relative;
}
.ninki-ranking dl {
border: 1px solid #f0f0f0;
border-radius:4px;
padding:5px;
box-sizing:border-box;
margin:5px 0 20px;
position:relative;
color: #0c749b;
}
.ninki-ranking dl:hover {
color: #f60;
}
/*--------------------------------------------------------
人気ページwiki全体リンク
--------------------------------------------------------*/
.ninki-ranking.ninki-pageranking dd.ninki-all-link {
display:block;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
margin:0!important;
padding:0!important;
}
.ninki-ranking.ninki-pageranking dd.ninki-all-link  a{
display:block;
position:absolute;
width:100%;
height:100%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.ninki-ranking dl:not(:last-child) {
border-radius:none;
position:relative;
background:#fff;
padding:10px;
margin:0 10px;
box-sizing: content-box;
}
.ninki-ranking dl {
border-radius:none;
position:relative;
background:#fff;
padding:10px;
margin:0 10px;
box-sizing: content-box;
}
}
.ninki-ranking div.h3mode + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:url(/img/icon/rank/001.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:url(/img/icon/rank/001.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:url(/img/icon/rank/001.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/004.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/005.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/006.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/007.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/008.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl + dl + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/009.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking div.h3mode + dl + dl + dl + dl + dl + dl + dl + dl + dl + dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:url(/img/icon/rank/010.png);
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.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;
}
/*--------------------------------------------------------
人気ページwiki（アイコン設定）
--------------------------------------------------------*/
.ninki-ranking dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking dl.rosso_wrapper:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:none!important;
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:2px;
}
.ninki-ranking#recommend_list dl:before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:none!important;
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:2px;
}
.ninki-ranking#ninki-list dl:nth-of-type(6):before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 18px;
height: 18px;
background-image:none!important;
background-size:contain;
background-repeat:no-repeat;
top:2px;
left:2px;
}
.ninki-ranking dl:nth-of-type(1):before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:url(/img/icon/rank/001.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:2px;
}
.ninki-ranking dl:nth-of-type(2):before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:url(/img/icon/rank/002.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:2px;
}
.ninki-ranking dl:nth-of-type(3):before{
content: '';
position:absolute;
z-index: 2;
display: inline-block;
width: 25px;
height: 25px;
background-image:url(/img/icon/rank/003.png);
background-size:contain;
background-repeat:no-repeat;
top:0px;
left:2px;
}
.ninki-ranking dl:nth-of-type(4):before{background-image:url(/img/icon/rank/004.png);}
.ninki-ranking dl:nth-of-type(5):before{background-image:url(/img/icon/rank/005.png);}
.ninki-ranking dl:nth-of-type(6):before{background-image:url(/img/icon/rank/006.png);}
.ninki-ranking dl:nth-of-type(7):before{background-image:url(/img/icon/rank/007.png);}
.ninki-ranking dl:nth-of-type(8):before{background-image:url(/img/icon/rank/008.png);}
.ninki-ranking dl:nth-of-type(9):before{background-image:url(/img/icon/rank/009.png);}
.ninki-ranking dl:nth-of-type(10):before{background-image:url(/img/icon/rank/010.png);}
.ninki-ranking dl:nth-of-type(11):before{background-image:url(/img/icon/rank/011.png);}
.ninki-ranking dl:nth-of-type(12):before{background-image:url(/img/icon/rank/012.png);}
.ninki-ranking dl:nth-of-type(13):before{background-image:url(/img/icon/rank/013.png);}
.ninki-ranking dl:nth-of-type(14):before{background-image:url(/img/icon/rank/014.png);}
.ninki-ranking dl:nth-of-type(15):before{background-image:url(/img/icon/rank/015.png);}
.ninki-ranking dl:nth-of-type(16):before{background-image:url(/img/icon/rank/016.png);}
.ninki-ranking dl:nth-of-type(17):before{background-image:url(/img/icon/rank/017.png);}
.ninki-ranking dl:nth-of-type(18):before{background-image:url(/img/icon/rank/018.png);}
.ninki-ranking dl:nth-of-type(19):before{background-image:url(/img/icon/rank/019.png);}
.ninki-ranking dl:nth-of-type(20):before{background-image:url(/img/icon/rank/020.png);}
.ninki-ranking dl:nth-of-type(21):before{background-image:url(/img/icon/rank/021.png);}
.ninki-ranking dl:nth-of-type(22):before{background-image:url(/img/icon/rank/022.png);}
.ninki-ranking dl:nth-of-type(23):before{background-image:url(/img/icon/rank/023.png);}
.ninki-ranking dl:nth-of-type(24):before{background-image:url(/img/icon/rank/024.png);}
.ninki-ranking dl:nth-of-type(25):before{background-image:url(/img/icon/rank/025.png);}
.ninki-ranking dl:nth-of-type(26):before{background-image:url(/img/icon/rank/026.png);}
.ninki-ranking dl:nth-of-type(27):before{background-image:url(/img/icon/rank/027.png);}
.ninki-ranking dl:nth-of-type(28):before{background-image:url(/img/icon/rank/028.png);}
.ninki-ranking dl:nth-of-type(29):before{background-image:url(/img/icon/rank/029.png);}
.ninki-ranking dl:nth-of-type(30):before{background-image:url(/img/icon/rank/030.png);}
.ninki-ranking dl:nth-of-type(31):before{background-image:url(/img/icon/rank/031.png);}
.ninki-ranking dl:nth-of-type(32):before{background-image:url(/img/icon/rank/032.png);}
.ninki-ranking dl:nth-of-type(33):before{background-image:url(/img/icon/rank/033.png);}
.ninki-ranking dl:nth-of-type(34):before{background-image:url(/img/icon/rank/034.png);}
.ninki-ranking dl:nth-of-type(35):before{background-image:url(/img/icon/rank/035.png);}
.ninki-ranking dl:nth-of-type(36):before{background-image:url(/img/icon/rank/036.png);}
.ninki-ranking dl:nth-of-type(37):before{background-image:url(/img/icon/rank/037.png);}
.ninki-ranking dl:nth-of-type(38):before{background-image:url(/img/icon/rank/038.png);}
.ninki-ranking dl:nth-of-type(39):before{background-image:url(/img/icon/rank/039.png);}
.ninki-ranking dl:nth-of-type(40):before{background-image:url(/img/icon/rank/040.png);}
.ninki-ranking dl:nth-of-type(41):before{background-image:url(/img/icon/rank/041.png);}
.ninki-ranking dl:nth-of-type(42):before{background-image:url(/img/icon/rank/042.png);}
.ninki-ranking dl:nth-of-type(43):before{background-image:url(/img/icon/rank/043.png);}
.ninki-ranking dl:nth-of-type(44):before{background-image:url(/img/icon/rank/044.png);}
.ninki-ranking dl:nth-of-type(45):before{background-image:url(/img/icon/rank/045.png);}
.ninki-ranking dl:nth-of-type(46):before{background-image:url(/img/icon/rank/046.png);}
.ninki-ranking dl:nth-of-type(47):before{background-image:url(/img/icon/rank/047.png);}
.ninki-ranking dl:nth-of-type(48):before{background-image:url(/img/icon/rank/048.png);}
.ninki-ranking dl:nth-of-type(49):before{background-image:url(/img/icon/rank/049.png);}
.ninki-ranking dl:nth-of-type(50):before{background-image:url(/img/icon/rank/050.png);}
.ninki-ranking dl:nth-of-type(51):before{background-image:url(/img/icon/rank/051.png);}
.ninki-ranking dl:nth-of-type(52):before{background-image:url(/img/icon/rank/052.png);}
.ninki-ranking dl:nth-of-type(53):before{background-image:url(/img/icon/rank/053.png);}
.ninki-ranking dl:nth-of-type(54):before{background-image:url(/img/icon/rank/054.png);}
.ninki-ranking dl:nth-of-type(55):before{background-image:url(/img/icon/rank/055.png);}
.ninki-ranking dl:nth-of-type(56):before{background-image:url(/img/icon/rank/056.png);}
.ninki-ranking dl:nth-of-type(57):before{background-image:url(/img/icon/rank/057.png);}
.ninki-ranking dl:nth-of-type(58):before{background-image:url(/img/icon/rank/058.png);}
.ninki-ranking dl:nth-of-type(59):before{background-image:url(/img/icon/rank/059.png);}
.ninki-ranking dl:nth-of-type(60):before{background-image:url(/img/icon/rank/060.png);}
.ninki-ranking dl:nth-of-type(61):before{background-image:url(/img/icon/rank/061.png);}
.ninki-ranking dl:nth-of-type(62):before{background-image:url(/img/icon/rank/062.png);}
.ninki-ranking dl:nth-of-type(63):before{background-image:url(/img/icon/rank/063.png);}
.ninki-ranking dl:nth-of-type(64):before{background-image:url(/img/icon/rank/064.png);}
.ninki-ranking dl:nth-of-type(65):before{background-image:url(/img/icon/rank/065.png);}
.ninki-ranking dl:nth-of-type(66):before{background-image:url(/img/icon/rank/066.png);}
.ninki-ranking dl:nth-of-type(67):before{background-image:url(/img/icon/rank/067.png);}
.ninki-ranking dl:nth-of-type(68):before{background-image:url(/img/icon/rank/068.png);}
.ninki-ranking dl:nth-of-type(69):before{background-image:url(/img/icon/rank/069.png);}
.ninki-ranking dl:nth-of-type(70):before{background-image:url(/img/icon/rank/070.png);}
.ninki-ranking dl:nth-of-type(71):before{background-image:url(/img/icon/rank/071.png);}
.ninki-ranking dl:nth-of-type(72):before{background-image:url(/img/icon/rank/072.png);}
.ninki-ranking dl:nth-of-type(73):before{background-image:url(/img/icon/rank/073.png);}
.ninki-ranking dl:nth-of-type(74):before{background-image:url(/img/icon/rank/074.png);}
.ninki-ranking dl:nth-of-type(75):before{background-image:url(/img/icon/rank/075.png);}
.ninki-ranking dl:nth-of-type(76):before{background-image:url(/img/icon/rank/076.png);}
.ninki-ranking dl:nth-of-type(77):before{background-image:url(/img/icon/rank/077.png);}
.ninki-ranking dl:nth-of-type(78):before{background-image:url(/img/icon/rank/078.png);}
.ninki-ranking dl:nth-of-type(79):before{background-image:url(/img/icon/rank/079.png);}
.ninki-ranking dl:nth-of-type(80):before{background-image:url(/img/icon/rank/080.png);}
.ninki-ranking dl:nth-of-type(81):before{background-image:url(/img/icon/rank/081.png);}
.ninki-ranking dl:nth-of-type(82):before{background-image:url(/img/icon/rank/082.png);}
.ninki-ranking dl:nth-of-type(83):before{background-image:url(/img/icon/rank/083.png);}
.ninki-ranking dl:nth-of-type(84):before{background-image:url(/img/icon/rank/084.png);}
.ninki-ranking dl:nth-of-type(85):before{background-image:url(/img/icon/rank/085.png);}
.ninki-ranking dl:nth-of-type(86):before{background-image:url(/img/icon/rank/086.png);}
.ninki-ranking dl:nth-of-type(87):before{background-image:url(/img/icon/rank/087.png);}
.ninki-ranking dl:nth-of-type(88):before{background-image:url(/img/icon/rank/088.png);}
.ninki-ranking dl:nth-of-type(89):before{background-image:url(/img/icon/rank/089.png);}
.ninki-ranking dl:nth-of-type(90):before{background-image:url(/img/icon/rank/090.png);}
.ninki-ranking dl:nth-of-type(91):before{background-image:url(/img/icon/rank/091.png);}
.ninki-ranking dl:nth-of-type(92):before{background-image:url(/img/icon/rank/092.png);}
.ninki-ranking dl:nth-of-type(93):before{background-image:url(/img/icon/rank/093.png);}
.ninki-ranking dl:nth-of-type(94):before{background-image:url(/img/icon/rank/094.png);}
.ninki-ranking dl:nth-of-type(95):before{background-image:url(/img/icon/rank/095.png);}
.ninki-ranking dl:nth-of-type(96):before{background-image:url(/img/icon/rank/096.png);}
.ninki-ranking dl:nth-of-type(97):before{background-image:url(/img/icon/rank/097.png);}
.ninki-ranking dl:nth-of-type(98):before{background-image:url(/img/icon/rank/098.png);}
.ninki-ranking dl:nth-of-type(99):before{background-image:url(/img/icon/rank/099.png);}
.ninki-ranking dl:nth-of-type(100):before{background-image:url(/img/icon/rank/100.png);}
.ninki-ranking.ninki-pageranking .more_rank{
display: block;
color:#1580db!important;
text-align: center;
padding: 10px 0;
cursor: pointer;
border:1px solid #f0f0f0;
background:#f0f0f0;
border-radius:4px;
}
.ninki-ranking.ninki-pageranking .more_rank:hover{    
opacity:0.6;
}
#mainRight a.more_rank{
text-align:center;
margin:20px 0 0px;
padding:5px;
display:block;
background:#FFF;
border:1px solid #f0f0f0;
color:#1580db;
}
#mainRight a.more_rank:hover{
background:#a4a4a4;
border:1px solid #f0f0f0;
color:#fff;
}


/*--------------------------------------------------------
ガチャシュミ
--------------------------------------------------------*/
#gacha-results{
}
#gacha-results img{
width: 60px;
height: 60px;
object-fit: cover;
}
#gacha-results td.pickup{
position: relative;
overflow:hidden;
}
@keyframes kirakira {
0% {
left:-55px;
}
100% {
left:98%;
}
}
#gacha-results td.pickup:before{
content: "";
position: absolute;
height: 150px;
width: 45px;
left: -55px;
top: -40px;
transition: all .4s;
opacity: 0.3;
animation-name: kirakira;
animation-duration: 0.9s;
animation-iteration-count:infinite;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(252,237,33,1) 50%,rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(252,237,33,1)),color-stop(100%,rgba(255,255,255,0)));
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(252,237,33,1) rgba(252,237,33,1),rgba(255,255,255,0) 100%);
}
td.gacha-get{
position:relative;
}
td.gacha-get:after{
content: '';
background: url(/img/icon/get.png);
background-repeat: no-repeat;
background-position:center;
background-size:70px;
position:absolute;
z-index: 1;
top:0px;
left:0;
right:0;
margin:auto;
display: inline-block;
width: 60%;
height: 100%;
opacity:0.6;
}
table.comp_table img{
width: 60px;
height: 60px;
object-fit: cover;
}


/*--------------------------------------------------------
クイズページ
-------------------------------------------------------*/
#mainContents p.lead.quiz-lead{
font-size: 13px;
margin: 20px 0 0 ;
display:block;
padding: 10px;
color: #666;
line-height: normal;
background:#f9f9f9;
border-radius:5px;
}
#quiz_form{
margin:20px 0 20px;
border-bottom:1px dashed #d7e4e7;
padding:0 0px 20px;
}
#quiz_form .page_title_box{
margin:0 0 20px;
}
#quiz_form .page_title_box img{
display:inline-block;
margin-left:5px;
padding-bottom:4px;
}
#quiz_form .page_title_box input{
display:block;
margin:5px 0 0;
padding:5px;
color: #666;
}
#quiz_form .edit_textarea{
margin:0 0 20px;
}
#quiz_form .edit_textarea img{
display:inline-block;
margin-left:5px;
padding-bottom:4px;
}
#quiz_form .edit_textarea textarea{
margin:5px 0 0;
padding:5px;
color: #666;
}
#quiz_form button{
margin:0;
padding:5px 40px;
border:1px solid #ccc;
background:#f0f0f0;
border-radius:3px;
cursor:pointer;
vertical-align:middle;
display:inline-block;
}
#quiz_form button:hover{
opacity:0.6;
}
#quiz_form a.quizPageLink{
margin:0;
padding:5px 40px;
border:1px solid #ccc;
background:#ffffff;
border-radius:3px;
cursor:pointer;
vertical-align:middle;
font-weight:bold;
box-sizing:border-box;
display:inline-block;
position:relative;
}
#quiz_form a.quizPageLink:after{
content: ">";
font-size: 16px;
position: absolute;
right: 10px;
top: 0;
display: block;
line-height: 30px;
color: #0c749b;
text-align: center;
}
#quiz_form a.quizPageLink:hover{
opacity:0.6;
border:1px solid #f60;
}
#quiz_form a.quizPageLink:hover:after{
content: ">";
font-size: 16px;
position: absolute;
right: 10px;
top: 0;
display: block;
line-height: 30px;
color: #f60;
text-align: center;
}
div.quiz-page-box{
display:flex;
margin:0 0 20px;
}
div.quiz-page{
display:block;
}
div.quiz-page span{
padding:0px!important;
margin:0px!important;
font-weight:bold;
}
div.quiz-page span.b{
display:inline-block;
padding:10px 20px 5px!important;
margin:0 5px 0px!important;
border-bottom:0px solid #ccc;
}
div.quiz-page span a{
display:inline-block;
padding:10px 20px 5px;
margin:0 5px 0px!important;
border-bottom:1px solid #ccc;
}
div.quiz-page span a:hover{
display:inline-block;
padding:10px 20px 5px;
margin:0 5px 0px!important;
border-bottom:1px solid #7ab2c7;
color:#7ab2c7!important;
}
ul.quiz_btn_box{
width:50%;
text-align:left;
}
ul.quiz_btn_box li{
display:inline-block;
}
ul.quiz_btn_box li:first-child a{
padding:8px 30px;
cursor:pointer;
background:#e60012;
color:#FFF!important;
border-radius:3px;
}
ul.quiz_btn_box li a{
padding:8px 30px;
cursor:pointer;
background:#a4a4a4;
color:#FFF!important;
border-radius:3px;
}
ul.quiz_btn_box li a:hover{
opacity:0.6;
}
#quizListForm{
}
#quizListForm table.quizlist_box{
border-collapse: collapse;
table-layout: fixed;
width:100%;
}
#quizListForm table.quizlist_box th{
text-align:center;
}
#quizListForm table.quizlist_box th:first-child{
width:5%;
}
#quizListForm table.quizlist_box th:nth-child(2){
width:35%;
}
#quizListForm table.quizlist_box th:nth-child(3){
width:15%;
}
#quizListForm table.quizlist_box th:nth-child(4){
width:15%;
}
#quizListForm table.quizlist_box th:nth-child(5){
width:15%;
}
#quizListForm table.quizlist_box th:nth-child(6){
width:15%;
}
#quizListForm table.quizlist_box tr td{
text-align:center;
}
#quizListForm table.quizlist_box tr td:nth-child(2){
text-align:left;
}
#quizListForm table.quizlist_box tr td input{
margin:0;
padding:0;
vertical-align:middle;
}
#quizListForm table.quizlist_box tr td a.quizEditBtn{
display:inline-block;
background:#0c749b;
padding:3px 10px;
margin:0 2px;
color:#FFF;
border-radius:3px;
width:30%;
cursor:pointer;
}
#quizListForm table.quizlist_box tr td a.quizDeleteBtn{
display:inline-block;
background:#a4a4a4;
padding:3px 10px;
margin:0 2px;
color:#FFF;
border-radius:3px;
width:30%;
cursor:pointer;
}
#quizListForm table.quizlist_box tr td a.quizEditBtn:hover,#quizListForm table.quizlist_box tr td a.quizDeleteBtn:hover{
opacity:0.6;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#quizListForm{
padding:0 5px;
}
#quizListForm table.quizlist_box{
border-collapse: collapse;
table-layout: fixed;
width:100%;
font-size:10px!important;
}
#quizListForm table.quizlist_box th{
text-align:center;
}
#quizListForm table.quizlist_box th:first-child{
width:10%;
}
#quizListForm table.quizlist_box th:nth-child(2){
width:20%;
}
#quizListForm table.quizlist_box th:nth-child(3){
width:26%;
}
#quizListForm table.quizlist_box th:nth-child(4){
width:26%;
}
#quizListForm table.quizlist_box th:nth-child(5){
width:15%;
}
#quizListForm table.quizlist_box th:nth-child(6){
width:15%;
}
#quizListForm table.quizlist_box tr th{
font-size:10px; 
}
#quizListForm table.quizlist_box tr td{
font-size:10px; 
}
#quizListForm table.quizlist_box tr td a.quizEditBtn{
display:inline-block;
background:#0c749b;
padding:3px 10px;
margin:2px 2px;
color:#FFF;
border-radius:3px;
width:30%;
cursor:pointer;
}
#quizListForm table.quizlist_box tr td a.quizDeleteBtn{
display:inline-block;
background:#a4a4a4;
padding:3px 10px;
margin:2px 2px;
color:#FFF;
border-radius:3px;
width:30%;
cursor:pointer;
}
div.quiz-page-box{
display:block;
margin:0 0 20px;
}
div.quiz-page{
width:100%;
display:block;
}
ul.quiz_btn_box{
display:block;
width:100%;
text-align:center;
margin:25px auto 0;
}
ul.quiz_btn_box li{
display:inline-block;
}
div.quiz-page span{
padding:0px!important;
margin:0;
font-weight:bold;
display:inline-block;
}
#quiz_form{
padding:0 5px 20px;
}
#mainContents p.lead.quiz-lead{
margin:20px 5px 0;
}
}

/*--------------------------------------------------------
クイズ新規作成
-------------------------------------------------------*/
#quiz_form div.banner_img_box{
display:flex;
align-items:top;
}
#quiz_form div.banner_img_box .edit_dbpage_image button.media{
padding:5px 0px;
width:auto;
height:auto;
background:#0c749b;
width:150px;
border:0;
color:#FFF;
}
div.banner_img_box {
display:block;
margin:0 0 20px 0;
}
span.new-quiz-h{
display:inline-block;
margin-right:20px;
width:15%;
padding:5px 10px;
height:auto;
text-align:left;
background:#f6f6f6;
box-sizing:border-box;
font-weight:bold;
}
#quiz_form div.new-quiz-bun{
display:flex;
align-items: top;
margin:30px 0;
}
textarea[name="question_txt"]{
height:50px;
width:50%;
}
#quiz_form div.new-quiz-senntaku{
display:flex;
align-items:top;
margin:30px 0;
padding:0 0 30px 0;
border-bottom:1px dashed #d7e4e7
}
#quiz_form .seikai-hazure{
width:50%;
}
#quiz_form .seikai-hazure ul.quiz_option li{
margin:0px 0 10px;    
}
#quiz_form div.new-quiz-senntaku li.new-seikai{
}
#quiz_form div.new-quiz-senntaku li.new-seikai span.new-quiz-hs{
width:60px;
display:inline-block;
color:#ff4c5a;
font-weight:bold;
}
#quiz_form div.new-quiz-senntaku li.new-hazure{
}
#quiz_form div.new-quiz-senntaku li.new-hazure span.new-quiz-hs{
color:#747473;
font-weight:bold;
width:60px;
display:inline-block;
}
#quiz_form div.new-quiz-senntaku li span.new-quiz-hs{
color:#747473;
font-weight:bold;
width:60px;
display:inline-block;
}
#quiz_form div.new-quiz-senntaku button{
width:50%;
padding:5px;
display:inline-block;
margin-top:10px
}
#quiz_form div.new-quiz-senntaku button.optionDelete{
width:10%;
padding:3px;
display:inline-block;
margin:0 0px 0px 5px;
background:#747473;
color:#FFF;
border:0;
}
p#blogStatus{
display:inline-block;
width:150px;
text-align:center;
margin:0 20px 0 0;
padding:0;
}
p#blogStatus input{
margin-right:10px;
display:inline-block;
vertical-align:middle;
}
#quiz_form button.quiz-koushin{
display:inline-block;
vertical-align:middle;
width:150px;
text-align:center;
padding:5px 20px;
background:#e60012;
border:0;
color:#FFF;
}
div.edit_dbpage_image #banner_img_preview{
}
.banner_img_box .edit_dbpage_image{
width: 50%;
}
.edit_dbpage_image a.media-delete {
display: inline-block;
border-radius: 3px;
border: 0;
background-color: #444;
color: #fff!important;
padding: 5px 0;
width: 100px;
text-align: center;
cursor: pointer;
margin-top:10px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
span.new-quiz-h{
display:inline-block;
margin-right:20px;
width:30%;
padding:5px 10px;
height:auto;
text-align:left;
background:#f6f6f6;
box-sizing:border-box;
font-weight:bold;
}
#quiz_form div.new-quiz-senntaku button{
width:150px;
padding:5px;
display:inline-block;
margin-top:10px
}
#quiz_form div.new-quiz-senntaku button.optionDelete{
width:50%;
padding:3px;
display:inline-block;
margin:10px 0px 10px 0px;
background:#747473;
color:#FFF;
border:0;
}
.edit_dbpage_image a.media-delete {
display: inline-block;
border-radius: 3px;
border: 0;
background-color: #444;
color: #fff!important;
padding: 5px 0;
width: 150px;
text-align: center;
cursor: pointer;
margin:10px 0;
}
}
#tweet-config{
margin:0 0 10px;
}
#tweet-config .checkbox-area{
background:#f6f6f6;
padding:10px;
border-radius:0px;
}
#tweet-config .checkbox-area span{
margin:0 30px 0 5px;
display:inline-block;
vertical-align:middle;
}
#tweet-config .checkbox-area span a.tweet_otakebi img{
padding:0 0 1px 0;
margin:0 0 0 5px;
}
#tweet-config .checkbox-area span a.tweet_naiyou img{
padding:0 0 1px 0;
margin:0 0 0 5px;
}
#tweet-config .checkbox-area span label input{
vertical-align:middle;
}
#tweet-config .checkbox-area label:hover,#tweet-config .checkbox-area span label input:hover{
opacity:0.6;
cursor:pointer;
}

/*------------------------------------------------------------
quizボタン関連
-------------------------------------------------------------*/
ul.quizmainBtn-box li.quizmainBtn{
display: inline-block;
width:100%;
text-align:center;
box-sizing:border-box;
padding: 10px 0px 10px 0px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #002d60;
position:relative;   
}
ul.quizmainBtn-box li.quizmainBtn:hover{
background-position: right center;
}
ul.quizmainBtn-box li.quizmainBtn:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
#gacha-jump a.gachaBtn{
margin-bottom:0px;
}
a.quizmainBtn2{
display:block;
width:80%;
margin:0 auto;
text-align:center;
box-sizing:border-box;
padding: 10px 0px 10px 0px;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, #2a39be, #0094cc, #34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #002d60;
position:relative;   
}
a.quizmainBtn2:hover{
background-position: right center;
}
a.quizmainBtn2:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
body #mainContents p.quizMngBtn a{
border: 1px solid #34a3d1;
border-radius: 2px;
color: #34a3d1;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 70%;
margin: 15px auto 0;
transition: 0.3s;
box-sizing: border-box;
}
body #mainContents p.quizMngBtn a:hover{
color: #fff;
background: #34a3d1;
}
body #mainContents p.quizMngBtn a:before{
content:'▶';
margin-right:4px;
}
table.quiztab td a.quizBtn-a{
display: inline-block;
width:100%;
text-align:center;
box-sizing:border-box;
padding: 10px 40px 10px 40px;
text-decoration: none;
border-radius:50px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, #c00000, #ff3535, #ff6b6b);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #c00000;
position:relative;
cursor:pointer;
}
table.quiztab td a.quizBtn-a:before {
content: 'A';
font-family: 'Concert One', cursive;
position: absolute;
font-size:25px;
z-index: 2;
display: inline-block;
top:0;
bottom:0;
left:6px;
margin:auto;
background:#c00000;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
}
table.quiztab td a.quizBtn-a:hover{
background-position: right center;
}
table.quiztab td a.quizBtn-a:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
table.quiztab td a.quizBtn-b{
display: inline-block;
width:100%;
text-align:center;
box-sizing:border-box;
padding: 10px 40px 10px 40px;
text-decoration: none;
border-radius:50px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, #310089, #0061d4, #78ddff);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #002875;
position:relative;
cursor:pointer;
}
table.quiztab td a.quizBtn-b:before {
content: 'B';
font-family: 'Concert One', cursive;
position: absolute;
font-size:25px;
z-index: 2;
display: inline-block;
top:0;
bottom:0;
left:6px;
margin:auto;
background:#002875;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
}
table.quiztab td a.quizBtn-b:hover{
background-position: right center;
}
table.quiztab td a.quizBtn-b:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
table.quiztab td a.quizBtn-c{
display: inline-block;
width:100%;
text-align:center;
box-sizing:border-box;
padding: 10px 40px 10px 40px;
text-decoration: none;
border-radius:50px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, #ff8700, #ff7f00, #fff100);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #995e00;
position:relative;
cursor:pointer;
}
table.quiztab td a.quizBtn-c:before {
content: 'C';
font-family: 'Concert One', cursive;
position: absolute;
font-size:25px;
z-index: 2;
display: inline-block;
top:0;
bottom:0;
left:6px;
margin:auto;
background:#b07a00;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
}
table.quiztab td a.quizBtn-c:hover{
background-position: right center;
}
table.quiztab td a.quizBtn-c:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
table.quiztab td a.quizBtn-d{
display: inline-block;
width:100%;
text-align:center;
box-sizing:border-box;
padding: 10px 40px 10px 40px;
text-decoration: none;
border-radius:50px;
color: #fff!important;
font-size:14px;
font-weight:bold;
background-image: linear-gradient(-20deg, #008b61, #008b3d, #85dd7c);
transition: .5s;
background-size: 200%;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
border-bottom: solid 3px #005239;
position:relative;
cursor:pointer;
}
table.quiztab td a.quizBtn-d:before {
content: 'D';
font-family: 'Concert One', cursive;
position: absolute;
font-size:25px;
z-index: 2;
display: inline-block;
top:0;
bottom:0;
left:6px;
margin:auto;
background:#005239;
width:30px;
height:30px;
line-height:30px;
border-radius:50px;
}
table.quiztab td a.quizBtn-d:hover{
background-position: right center;
}
table.quiztab td a.quizBtn-d:active{
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
border-bottom: none;
}
.wiki_contents p#quiz_result span{
margin:0;
padding:0;
line-height:normal;
font-size:24px!important;
font-weight:bold;
box-sizing:border-box;
}
.wiki_contents p#quiz_result + p + p{
margin:10px auto;
padding:0 0 10px;
text-align:center;
font-size:18px!important;
border-bottom:3px double #f0f0f0;
width:auto;
display:block;
}
.wiki_contents p#quiz_result + p + p + p{
font-size:18px!important;
font-weight:bold;
}
.wiki_contents p#quiz_result + p + p + p span.quizResultCnt{
padding:0 5px;
font-size:24px!important;
}


/*--------------------------------------------------------
排出データ登録
--------------------------------------------------------*/
#edit_area button.data-dialog-trigger{
border:0;
width:30%;
padding:10px 0;
margin:10px 0;
border: 1px solid #ccc;
background: #f0f0f0;
border-radius:3px;
cursor:pointer;
}
#edit_area button.data-dialog-trigger:hover{
opacity:0.6;
}
#search_area form{
margin:20px 0;
}
#search_area form span#rea_area{
padding:0px;
margin:0;
}
#search_area form span#rea_area select{
padding:3px 10px 3px 10px;
vertical-align:middle;
background:none;
border:1px solid #a9a9a9;
}
#search_area form span#rea_area select option{
background:none;
}
#search_area form span#name_area{
}
#search_area form span#name_area input{
padding:4px 10px;
margin:0 -6px 0 0;
vertical-align:middle;
border:1px solid #a9a9a9;
}
#search_area form span#search_submit{
}
#search_area form span#search_submit button{
padding:4px 15px;
vertical-align:middle;
border:1px solid #a4a4a4;
cursor:pointer;
background:#f0f0f0;
border-radius:0 5px 5px 0px;
box-sizing:border-box;
}
#search_area form a#search_reset{
padding:6px 15px 6px 30px;
border:1px solid #a4a4a4;
vertical-align:middle;
background:#a4a4a4;
color:#FFF;
border-radius:3px;
position:relative;
}
#search_area form a#search_reset:hover{
opacity:0.6;
}
#search_area form a#search_reset:after{
content: "×";
font-size: 18px;
position: absolute;
left: 10px;
top: 0;
display: block;
line-height: 26px;
color: #FFF;
text-align: center;
}
#search_area form a#search_reset:hover:after{
opacity:0.6;
}
#data_area{
}
#data_area table{
}
#data_area table th{
text-align:center;
}
#data_area table th:first-child{
width:30%;
}
#data_area table th:nth-child(2){
width:20%;
}
#data_area table th:nth-child(3){
width:50%;
}
#data_area table td.img_area{
text-align:center;
height:80px;
}
#data_area table td.img_area img{
max-width:100%;
max-height:80px;
}
#data_area table td.rea_name_area{
text-align:center;
font-size:13px;
}
#data_area table td.rea_name_area span{
}
#data_area table td.data_name_area{
padding:5px 0;
text-align:center;
}
#data_area table td.data_name_area span.data_name{
display:inline-block;
font-size:13px;
font-weight:bold;
width:65%;
text-align:left;
vertical-align:middle;
}
#data_area table td.data_name_area span.edit_buttons{
display:inline-block;
width:30%;
text-align:right;
vertical-align:middle;
}
#data_area table td.data_name_area span.edit_buttons button.data-dialog-trigger{
display:inline-block;
background:#0c749b;
padding:3px 10px;
margin:0;
color:#FFF;
border-radius:3px;
width:30%;
cursor:pointer;
border:0;
}
#data_area table td.data_name_area span.edit_buttons button[name="data_delete"]{
display:inline-block;
background:#a4a4a4;
padding:3px 10px;
margin:0;
color:#FFF;
border-radius:3px;
width:30%;
cursor:pointer;
border:0;
}
#data_area table td.data_name_area span.edit_buttons button:hover{
opacity:0.6;
}
.pager-area{
display: block;
text-align: left;
margin: 0 0 20px;
}
.pager-area span{
font-weight:bold;
margin:0!important;
}
.pager-area span a{
display:inline-block;
padding:10px 10px 5px;
margin:0 10px 0px!important;
border-bottom:1px solid #ccc;
}
.pager-area span.pager-num{
}
.pager-area span.pager-prev a{
}
.pager-area span.pager-next a{
}
.pager-area span.pager-cur{
padding:10px 10px 5px;
}
.pager-area span a:hover{
display:inline-block;
padding:10px 10px 5px;
margin:0 10px 0px!important;
border-bottom:1px solid #7ab2c7;
color:#7ab2c7!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#edit_area button.data-dialog-trigger{
border:0;
width:96%;
padding:10px 0;
margin:10px auto;
border: 1px solid #ccc;
background: #f0f0f0;
border-radius:3px;
cursor:pointer;
display:block;
}
#search_area form{
margin:20px 0;
}
#search_area form span#rea_area{
padding:0px 5px;
margin:0px;
position:relative;
}
#search_area form span#rea_area select{
padding:3px 10px 3px 10px;
vertical-align:middle;
width:30%;
border:1px solid #a9a9a9;
border-radius:0;
}
#search_area form span#rea_area select option{
background:none;
}
#search_area form span#name_area{
width:30%;
}
#search_area form span#name_area input{
padding:4px 10px;
margin:0 -6px 0 0;
vertical-align:middle;
width:47%;
border:1px solid #a9a9a9;
border-radius:0;
}
#search_area form span#search_submit{
}
#search_area form span#search_submit button{
padding:4px 15px;
vertical-align:middle;
border:1px solid #a4a4a4;
cursor:pointer;
background:#f0f0f0;
border-radius:0 5px 5px 0px;
box-sizing:border-box;
}
#search_area form a#search_reset{
padding:4px 15px 4px 30px;
margin-top:10px;
margin-left:5px;
border:1px solid #a4a4a4;
vertical-align:middle;
background:#a4a4a4;
color:#FFF;
border-radius:3px;
position:relative;
display:inline-block;
}
#search_area form a#search_reset:hover{
opacity:0.6;
}
#search_area form a#search_reset:after{
content: "×";
font-size: 18px;
position: absolute;
left: 10px;
top: 0;
display: block;
line-height: 26px;
color: #FFF;
text-align: center;
}
#search_area form a#search_reset:hover:after{
opacity:0.6;
}
#data_area{
padding:0 5px;
}
#data_area table{
}
#data_area table th{
text-align:center;
}
#data_area table th:first-child{
width:20%;
}
#data_area table th:nth-child(2){
width:20%;
}
#data_area table th:nth-child(3){
width:50%;
}
#data_area table td.img_area{
text-align:center;
}
#data_area table td.img_area img{
max-width:100%;
}
#data_area table td.rea_name_area{
text-align:center;
font-size:12px;
}
#data_area table td.rea_name_area span{
}
#data_area table td.data_name_area{
padding:5px 0;
text-align:center;
}
#data_area table td.data_name_area span.data_name{
display:inline-block;
font-size:12px;
font-weight:bold;
width:70%;
text-align:left;
vertical-align:middle;
}
#data_area table td.data_name_area span.edit_buttons{
display:inline-block;
width:21%;
text-align:right;
vertical-align:middle;
}
#data_area table td.data_name_area span.edit_buttons button.data-dialog-trigger{
display:inline-block;
background:#0c749b;
padding:3px 10px;
margin:0;
color:#FFF;
border-radius:3px;
width:100%;
cursor:pointer;
border:0;
font-size:11px;
margin:0 0 5px 0;
}
#data_area table td.data_name_area span.edit_buttons button[name="data_delete"]{
display:inline-block;
background:#a4a4a4;
padding:3px 10px;
margin:0;
color:#FFF;
border-radius:3px;
width:100%;
cursor:pointer;
border:0;
}
#data_area table td.data_name_area span.edit_buttons button:hover{
opacity:0.6;
}
}
@media screen and (max-width:360px){
#data_area table td.data_name_area span.data_name{
display:inline-block;
font-size:12px;
font-weight:bold;
width:63%;
text-align:left;
vertical-align:middle;
}
#data_area table td.data_name_area span.edit_buttons{
display:inline-block;
width:30%;
text-align:right;
vertical-align:middle;
}
}


/*--------------------------------------------------------
共通STYLE
--------------------------------------------------------*/
.wiki_contents table.tableLine tr:nth-child(odd){
background:#FCFCFC;
}
.wiki_contents table.tableLineEven tr:nth-child(even){
background:#FCFCFC;
}
.center {
text-align: center;
}
.gacha-url-copy-popup {
background: #000!important;
border: 3px solid #f39800!important;
color: #FFF!important;
padding: 10px!important;
position:fixed!important;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
margin: auto!important;
width: 315px!important;
height: 13%!important;
opacity: 0.9!important;
z-index: 2!important;
border-radius:5px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.gacha-url-copy-popup {
height: 20%!important;
}
#gachasim_form #result-config{
margin-bottom: 10px;
background: #f6f6f6;
padding: 20px 0;
display:block;
}
}
/*●引用タグ*/
blockquote{
background-color:#ddd;
padding:10px 30px 10px;
margin:10px 0px!important;
position:relative;
border-radius:10px;
line-height:normal;
}
blockquote p{
margin:0!important;
}
blockquote:before{
content:"“";
font-size:50px;
line-height:normal;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
blockquote{
margin:10px 10px!important;
}
}
/*-------------------------------------------------------
Twitterテーブル
-------------------------------------------------------*/
iframe.timeline-Body{
border: 0px;
}
iframe.twitter-timeline{
border: 1px solid #CCC!important;
}
.Tweet-bt-Tline{
color:#FFF!important;
border: 1px solid #CCC;
margin-top:-1px;
width:100%;
position:relative;
margin-bottom:15px;
}
.Tweet-bt-Tline img{
position:absolute;
width:5%;
top:36%;
left:10%
}
.Tweet-bt-Tline a:link{
color:#FFF!important;
background:#32c3ff;
margin:10px auto;
width:90%;
display:block;
text-align:center;
padding:10px;
border-radius:10px;
font-weight:bold;
}
.Tweet-bt-Tline a:visited{
color:#FFF;
}
.Tweet-bt-Tline a:hover{
color:#ffffff!important;
background:#0074a4;
margin:10px auto;
width:90%;
display:block;
text-align:center;
padding:10px;
border-radius:10px;
font-weight:bold;
}
/*-------------------------------------------------------
Twitterテーブル(ウィジェット)
-------------------------------------------------------*/
.Tweet-bt-Tline2{
color:#FFF!important;
border: 1px solid #CCC;
margin-top:-1px;
width:100%;
position:relative;
}
.Tweet-bt-Tline2 img{
position:absolute;
width:5%;
top:36%;
left:10%
}
.Tweet-bt-Tline2 a:link{
color:#FFF!important;
background:#32c3ff;
margin:10px auto;
width:85%;
display:block;
text-align:center;
padding:10px;
border-radius:10px;
font-weight:bold;
}
.Tweet-bt-Tline2 a:visited{
color:#FFF!important;
}
.Tweet-bt-Tline2 a:hover{
color:#ffffff!important;
background:#0074a4;
margin:10px auto;
width:85%;
display:block;
text-align:center;
padding:10px;
border-radius:10px;
font-weight:bold;
}
.SandboxRoot.var-fully-expanded .timeline-Viewport{
height: 260px;
}

/*-------------------------------------------------------
SPnewsモーダル
-------------------------------------------------------*/
#wiki_navi_sp {
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#wiki_navi_bar li.member_recruit_menu, #wiki_navi_bar li.site_notice_menu{
display: block !important;
}
#wiki_navi_pc {
display: none;
}
#wiki_navi_sp {
display: block;
}
div.remodal[data-remodal-id="member_recruit_modal"] button.remodal-close {
position: absolute;
top: 5px;
right: 5px;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #FFF;
background:#333;
border-radius:50%;
border: 0;
outline: 0;
opacity:0.9;
}
div.remodal[data-remodal-id="member_recruit_modal"] button.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 5;
left: 5;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
}
div.remodal[data-remodal-id="member_recruit_modal"]{
box-sizing: border-box;
width: 100%;
margin-bottom:0px;
padding: 10px 10px 0;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #ffee94;
}
div.remodal[data-remodal-id="member_recruit_modal"] .modal-contents{
padding: 0px 0 10px;
border-radius:5px;
}
.modal-contents p.member_recruit_modal_title{
font-weight: bold;
font-size: 15px;
margin-bottom: 0px;
border-bottom: 1px solid #a4a4a4;
padding: 20px 10px 10px;
text-align: center;
color: #333;
background:#FFF;
border-radius:5px 5px 0 0;
}
.modal-contents p.member_recruit_message{
font-size: 13px;
margin: 0px;
padding:20px;
border-radius: 2px;
color: #333;
text-align:left;
width:auto;
box-sizing:border-box;
background:#FFF;
border-radius: 0 0 5px 5px;
}

.modal-contents a.memberJoinBtn{
margin: 15px auto 0;
width: 50%;
display: block;
background: #e60012;
padding: 5px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}
.modal-contents a.memberJoinBtn:hover{
background: #e60012;
opacity: 0.6;
}
div.remodal[data-remodal-id="site_notice_modal"] button.remodal-close {
position: absolute;
top: 5px;
right: 5px;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
transition: color 0.2s;
text-decoration: none;
color: #FFF;
background:#333;
border-radius:50%;
border: 0;
outline: 0;
opacity:0.9;
}
div.remodal[data-remodal-id="site_notice_modal"] button.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 5;
left: 5;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
}
div.remodal[data-remodal-id="site_notice_modal"]{
box-sizing: border-box;
width: 100%;
margin-bottom:0px;
padding: 10px 10px;
transform: translate3d(0, 0, 0);
color: #2b2e38;
background:#c9e6ef;
}
div.remodal[data-remodal-id="site_notice_modal"] .modal-contents{
background: #fff;
padding: 10px 0 10px;
border-radius:5px;
border:1px solid #fff;
}
.modal-contents p.site_notice_title{
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #a4a4a4;
padding: 10px;
text-align: center;
color: #333;
}
.modal-contents p.site_notice_message{
font-size: 13px;
margin: 10px;
padding: 10px;
border-radius: 2px;
color: #333;
text-align:left;
width:auto;
box-sizing:border-box;
}
div.modal-contents + .remodal-confirm.close_tag_modal{
margin: 15px auto 0;
width: 50%;
display: block;
background: #e60012;
padding: 5px 10px;
border-radius: 5px;
text-align: center;
font-size: 12px;
color:#fff;
font-weight:normal;
}
div.modal-contents + .remodal-confirm.close_tag_modal:hover{
background: #e60012;
opacity: 0.6;
}
}

/*-------------------------------------------------------
ウィジェットメニューデザイン共通
-------------------------------------------------------*/
body #mainLeft li,body #mainRight li {
display: block!important;
padding: 0!important;
position: relative!important;
border-bottom: 1px dashed #ececec!important;
box-sizing: border-box!important;
padding: 10px 0 10px 15px!important;
}
body #mainLeft li:after,body #mainRight li:after {
content: "";
height: 10px;
width: 10px;
background: url(/img/icon/yajirushi-kanri.png) no-repeat center / 5px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
opacity: 0.5;
}
/*-------------------------------------------------------
SPガチャボタン
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.wiki_contents .gachaBtn{
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 5px 0;
text-decoration: none;
border-radius: 4px;
color: #fff!important;
font-size: 14px;
font-weight: bold;
background-image: linear-gradient(-20deg,#2a39be,#0094cc,#34a3d1);
transition: .5s;
background-size: 200%;
box-shadow: 0 1px 1px rgba(0,0,0,0.29);
border-bottom: solid 2px #002d60;
position: relative;
margin: 10px auto!important;
text-align: center;
}
}


/*-------------------------------------------------------
最新記事
-------------------------------------------------------*/
.wiki_link_card_box{
box-shadow: 0 0 3px 0px #bfcace;
border-radius: 5px;
padding:10px 10px 5px;
}
.wiki_link_card_box .detail_title{
margin:5px 0px 7px;
}
.wiki_link_card_box .detail_body{
overflow: hidden;
}
.taglist_detail_wrap li .wiki_link_card_box span.detail_description{
color: #444;
margin:0;
float: left;
width: 60%;
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.taglist_detail_wrap li .wiki_link_card_box span.detail_eyecatch{
float: right;
width: 35%;
margin:0 0 5px;
}
.wiki_link_card_box .detail_eyecatch img{
width: 100%;
height: 100px;
object-fit:cover;
object-position:center center;
}
.taglist_detail_wrap li .wiki_link_card_box span.detail_last_update{
clear: both;
margin:0;
}
.taglist_detail_wrap li .wiki_link_card_box span.detail_last_update:before{
content:'';
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
background:url(/img/icon/tokei.png) no-repeat; 
background-size: contain;
background-position: center center;
margin:-2px 3px 0 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.wiki_link_card_box .detail_eyecatch img{
height: 65px;
}
}
@media screen and (max-width:360px){
.wiki_link_card_box .detail_eyecatch img{
height: 60px;
}
}

/*-------------------------------------------------------
記事一覧(ブログ用)
-------------------------------------------------------*/
ul.taglist_detail_wrap{
}
ul.taglist_detail_wrap li{
}
.taglist_detail_wrap .blog_link_card_box{
box-shadow: 0 0 3px 0px #bfcace;
border-radius:5px;
padding:10px 10px 1px;
}
.taglist_detail_wrap .blog_link_card_box a{
}
.taglist_detail_wrap .blog_link_card_box .link_card_body{
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_title{
display:block;
margin:0px 0 10px;
font-size:18px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body{
display:flex;
border-bottom:1px solid #ccc; 
padding-bottom:10px;
margin-bottom:10px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body span.detail_eyecatch{
width:40%;
margin-right:20px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body span.detail_eyecatch img{
height:120px;
object-fit:cover;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body span.detail_description{
width:60%;
text-align:left;
font-size:14px;
color: #444;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer{
display:flex;
justify-content: left;
align-items: center;
margin-bottom:10px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span:empty{
display: none;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_last_update{
width:12%;
text-align:left;
color:#9e9e9e;
font-size:12px;
margin:0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_last_update:before{
content:'';
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
background:url(/img/icon/tokei.png) no-repeat; 
background-size: contain;
background-position: center center;
margin:-2px 3px 0 0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_tag{	
margin:0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_tag a{	
width:auto;
text-align:center;
font-size:12px;
display:block;
padding:0px 10px;
box-sizing:border-box;
border:1px solid #ccc;
background:#f7f7f7;
margin-right:5px;
border-radius:50px;
color:#555!important;
line-height:20px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer a{	
width:auto;
text-align:center;
font-size:12px;
display:block;
padding:0px 10px;
box-sizing:border-box;
border:1px solid #ccc;
background:#f7f7f7;
margin-right:5px;
border-radius:50px;
color:#555!important;
line-height:20px;
margin:0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_tag a:hover,.taglist_detail_wrap .blog_link_card_box .link_card_footer a:hover{
opacity:0.6;
}

/*-------------------------------------------------------
運営プロフィール
-------------------------------------------------------*/
.user_profile_box{
text-align:center;
}
.user_profile_box p.user_icon{
padding:10px 10px 15px;
margin-bottom:10px;
}
.user_profile_box p.user_icon img{
border:1px solid #eee;
width:100px;
height:100px;
object-fit:contain;
box-shadow:-5px 5px 0px 0 rgba(164, 164, 164, 0.5);
}
.user_profile_box p.user_name{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.user_profile_box p.user_profile{
text-align:left;
border:1px solid #eee;
background:#f9f9f9;
border-radius:5px;
padding:5px;
font-size:12px;
margin:0 0 10px;
color:#666;
}
.user_profile_box div.user_sns_links{
display:flex;
justify-content: center;
align-items: center;
}
.user_profile_box div.user_sns_links img{
width:30px;
margin:5px;
}
.user_profile_box div.user_sns_links img:hover{
opacity:0.6;
}


/*-------------------------------------------------------
ブログトップ
-------------------------------------------------------*/
span.last-updated{
color:#9e9e9e;
font-size:12px;
margin:0 5px 0 0;
display:inline-block;
}
span.last-updated:before{
content:'';
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
background:url(/img/icon/tokei.png) no-repeat; 
background-size: contain;
background-position: center center;
margin:-2px 3px 0 0;
}
span.category_name,span.hash-tag{
line-height:normal;
margin:0;
padding:0; 
}
span.category_name a{
text-align:center;
font-size:11px;
display:inline-block;
padding:0px 10px;
box-sizing:border-box;
border:1px solid #ccc;
background:#f7f7f7;
margin-right:3px;
border-radius:50px;
line-height:16px;
color:#555!important;
}
span.hash-tag a{
text-align:center;
font-size:11px;
display:inline-block;
padding:0px 10px;
box-sizing:border-box;
border:1px solid #ccc;
background:#f7f7f7;
margin-right:3px;
border-radius:50px;
line-height:16px;
color:#555!important;
}
span.hash-tag a:hover,span.category_name a:hover{
opacity:0.6;
}
.blog-top-article{
border:1px solid #d6e0e3;
padding: 15px;
margin-bottom: 20px;
}
#mainContents .blog-top-article h2{
margin: 0 0 10px 0;
color:#002653;
background: none;
font-size:18px;
padding: 0px 0 5px 0px;
border-bottom:1px solid #002653;
}
.blog-top-article .article-blog-box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

#mainContents .blog-top-article .article-blog-box p{
line-height: 1.7;
}
.blog-top-article .article-blog-box a.blog-top-imga img{
height: 140px;
object-fit:contain;
object-position:center;
}
.article-blog-box .blog-top-imga{
box-sizing: border-box;
width: 40%;
padding: 0 20px 0 0;
}
.blog-top-article .article-blog-box div.blog-top-txtbox{
box-sizing: border-box;
display: inline-block;
width: 60%;
}
.blog-top-article .article-blog-box span.last-updated{
display: block;
}
#mainContents .blog-top-article .article-blog-box div.blog-top-txtbox > p:first-of-type{
margin: 0 0 5px 0;
}
#mainContents .blog-top-article .article-blog-box div.blog-top-txtbox > p:last-of-type{
margin: 0;
}
#mainContents .blog-top-article .detail_description{
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
#mainContents .more-btn{
background-color: #105898;
color: #fff;
border-radius: 5px;
padding: 3px 20px;
}
#mainContents .more-btn:hover{
color:  #fff;
opacity: 0.6;
}

/*-------------------------------------------------------
TOPページャー(ブログ用)
-------------------------------------------------------*/
.blog-top-pagination{
text-align: center;
padding-bottom: 20px;
}
.blog-top-pagination strong{
display: inline-block;
line-height: 28px;
height: 28px;
color: #0c749b;
width: 40px;
text-align: center;
border-bottom: 2px solid #0c749b;
margin:0 10px;
font-weight: normal;
}
#mainContents .blog-top-pagination a {
display: inline-block;
line-height: 28px;
height: 28px;
color: #0c749b;
width: 40px;
text-align: center;
border-bottom: 2px solid #a4a4a4;
margin:0 10px;
}
#mainContents .blog-top-pagination a:hover{
color: #0c749b;
border-bottom: 2px solid #0c749b;
}

/*-------------------------------------------------------
SP用記述
-------------------------------------------------------*/

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

/*-------------------------------------------------------
記事一覧(ブログ用)
-------------------------------------------------------*/
ul.taglist_detail_wrap{
margin:0!important;
padding:0!important;
}
ul.taglist_detail_wrap li{
}
.taglist_detail_wrap .blog_link_card_box{
box-shadow: 0 0 3px 0px #bfcace;
border-radius:5px;
padding:10px 10px 1px;
}
.taglist_detail_wrap .blog_link_card_box a{
}
.taglist_detail_wrap .blog_link_card_box .link_card_body{
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_title{
display:block;
margin:0px 0 10px;
font-size:16px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body{
display:flex;
border-bottom:1px dashed #ccc; 
padding-bottom:10px;
margin-bottom:10px;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body span.detail_eyecatch{
width:100%;
margin-right:0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body span.detail_eyecatch img{
width:100%;
height:100px;
object-fit:cover;
}
.taglist_detail_wrap .blog_link_card_box .link_card_body .detail_body span.detail_description{
width:100%;
text-align:left;
font-size:13px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin:0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer{
display:flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: left;
align-items: center;
margin-bottom:10px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span:empty{
display: none;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_last_update{
width:100%;
text-align:left;
color:#9e9e9e;
font-size:12px;
margin:0 0 5px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_last_update:before{
content:'';
width: 13px;
height: 13px;
display: inline-block;
vertical-align: middle;
background:url(/img/icon/tokei.png) no-repeat; 
background-size: contain;
background-position: center center;
margin:-2px 3px 0 0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_tag{	
margin:0;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer span.detail_tag a{	
width:auto;
text-align:center;
font-size:10px;
display:block;
padding:0px 10px;
box-sizing:border-box;
border:1px solid #ccc;
background:#f7f7f7;
margin-right:5px;
border-radius:50px;
color:#555!important;
line-height:16px;
}
.taglist_detail_wrap .blog_link_card_box .link_card_footer a{	
width:auto;
text-align:center;
font-size:10px;
display:block;
padding:0px 10px;
box-sizing:border-box;
border:1px solid #ccc;
background:#f7f7f7;
margin-right:5px;
border-radius:50px;
color:#555!important;
line-height:16px;
margin:0;
}

/*-------------------------------------------------------
ブログトップ
-------------------------------------------------------*/
.blog-top-article{
padding: 10px;
margin: 0 5px 20px;
}
.blog-top-article .article-blog-box{
display: block;
}
.blog-top-article .article-blog-box a.blog-top-imga img{
width: 100%;
height: 210px;
margin: 0 0 10px 0;
object-fit:contain;
object-position:center;
}
.blog-top-article .article-blog-box div.blog-top-txtbox{
width: 100%;
}
#mainContents .blog-top-article .article-blog-box div.blog-top-txtbox p{
padding: 0;
margin: 0 0 5px 0;
}
.blog-top-article span.category_name a,span.hash-tag a{
font-size: 10px;
}
#mainContents .blog-top-article .detail_description{
line-height: 1.5;
}
.article-blog-box .blog-top-imga{
padding: 0;
width: 100%;
}



/*--------------------------------------------------------
ようこそページ
-------------------------------------------------------*/
.wiki_contents .blogger_first_view{
background:#e3e3e3;
padding:10px;
text-align:center;
border-radius:5px;
margin:0 10px;
box-sizing:border-box;
}
.wiki_contents .blogger_first_view p.top_message{
font-size:24px!important;
font-weight:bold;
margin:0!important;
line-height:normal;
}
.wiki_contents .blogger_first_view .top_message:after{
content: url(/img/icon/biggollira2.png);
display: block;
margin-top:20px;
}
.wiki_contents .blogger_first_view .sub_message p{
margin:0 0 10px!important;
padding:0px!important;
font-size:16px!important;
font-weight:bold;
}

/*--------------------------------------------------------
準備中ページ
-------------------------------------------------------*/
.wiki_contents .visitor_first_view{
background:#e3e3e3;
padding:10px;
text-align:center;
border-radius:5px;
margin:0 10px;
box-sizing:border-box;
}
.wiki_contents .visitor_first_view p.top_message{
font-size:24px!important;
font-weight:bold;
margin:0!important;
line-height:normal;
}
.wiki_contents .visitor_first_view .top_message:after{
content: url(/img/icon/biggollira2.png);
display: block;
margin-top:20px;
}
.wiki_contents .visitor_first_view .sub_message p{
margin:0!important;
padding:0px!important;
font-size:16px!important;
font-weight:bold;
}
}/*SP閉じ*/

/*-------------------------------------------------------
ヘッダー画像設定時
-------------------------------------------------------*/
header.headerImgWrap{
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
}
header .headerInner.blogheadimg{
min-height:250px;
width:1050px;
padding: 30px 10px;
position:relative;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
z-index:1;
}
header.headerImgWrap .headerInner.blogheadimg:before{
content: "";
width: 100%;
background: #ffffff no-repeat center;
opacity: 0.9;
position: absolute;
box-shadow: 0 0 3px 0px #FFF;
top: 20px;
right: 0;
bottom: 20px;
left: 0;
margin: auto;
z-index: -1;
filter: brightness(100%);
}
header .blogheadimg .wikiTitle{
text-align: center;
width: 100%;
font-size:34px;
margin: 0 auto;
display: block;
}
header .headerInner.blogheadimg p{
width: 80%;
text-align: center;
font-size: 14px;
display: -webkit-box;
margin: 0 auto;
display: block;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
header .headerInner.blogheadimg{
width:100%;
min-height:180px;
padding: 40px 10px;
position:relative;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-direction: column;
flex-direction: column;
z-index:1;
background-size: 100%;
background-repeat: no-repeat;
text-align: center;
}
header.headerImgWrap .headerInner.blogheadimg:before{
content: "";
width: 100%;
background: #ffffff no-repeat center;
opacity: 0.9;
position: absolute;
box-shadow: 0 0 3px 0px #FFF;
top: 30px;
right: 0;
bottom: 30px;
left: 0;
margin: auto;
z-index: -1;
}
header .blogheadimg .wikiTitle{
text-align: center;
width: 100%;
font-size:16px;
padding:0;
margin:0;
}
header .headerInner.blogheadimg p{
width: 100%;
text-align: center;
font-size:12px;
padding:0;
margin:0;
}
}
/*-------------------------------------------------------
ブログトップページ
-------------------------------------------------------*/
@media only screen and (max-width : 375px){
.blog-top-article .article-blog-box a.blog-top-imga img{
height: 190px;
}
}
@media only screen and (max-width : 360px){
.blog-top-article .article-blog-box a.blog-top-imga img{
height: 185px;
}
}
#mainWrapLeft + .iframe-wrapper-pc{
text-align: right!important;
}
#mainWrapLeft + .iframe-wrapper-pc iframe {
margin-right: 5px!important;
box-sizing: border-box!important;
}

/*-------------------------------------------------------
過去のコメント
-------------------------------------------------------*/
.archive_log_wrap hr{
display: none;
}
.archive_log_wrap li{
margin-bottom: 15px;
}
.archive_log_wrap .archive-header{
margin-bottom: 10px;
}
.archive_log_wrap .archive-name{
font-weight:bold;
}
.archive_log_wrap .archive-comment{
padding-left: 10px;
margin-bottom: 10px;
}
.archive_log_wrap .archive-date{
text-align: right;
color: #aaa;
font-size: 12px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.archive_log_wrap .archive-date{
font-size: 11px;
}
.wiki_contents ul {
padding:0px!important;
}
}

/*-------------------------------------------------------
過去のコメント-ページャー
-------------------------------------------------------*/
.archive-pagination{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:20px 0;
position: relative;
}
.archive-pagination span{
box-sizing: border-box;
width: 18%;
text-align: center;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.archive-pagination .next_page{
border:0;
}
.archive-pagination .current_page{
height: 40px;
line-height: 40px;
background: #ddd;
}
.archive-pagination .first_page{
width: 0;
height: 90px;
}
.archive-pagination .last_page{
width: 0;
height: 90px;
}
#mainContents .archive-pagination span a{
background: #0c749b;
color: #fff!important;
display: block;
line-height: 40px;
border-right: 1px solid #21586c;
}
#mainContents .archive-pagination .first_page a{
position: absolute;
width: 48%;
left: 0;
bottom: 0;
border: 0;
}
#mainContents .archive-pagination .last_page a{
position: absolute;
width: 48%;
right:  0;
bottom: 0;
border: 0;
}
#mainContents .entry_page_link a{
border: 1px solid #888;
color:#FFF!important;
border-radius: 2px;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
cursor: pointer;
}
#mainContents .entry_page_link a:hover{
color: #fff!important;
background:#0c749b;
opacity: 1.0;
}
#mainContents .archive_comment a{
border: 1px solid #0c749b;
border-radius: 2px;
color: #0c749b!important;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
cursor: pointer;
}
#mainContents .archive_comment a:hover{
color: #fff!important;
background:#0c749b;
opacity: 1.0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.archive-pagination span{
font-size: 12px;
}
#mainContents .entry_page_link a{
font-size: 12px;
}
}

/*-------------------------------------------------------
記事一覧-ページャー
-------------------------------------------------------*/
.category_tag_pager{
text-align: center;
margin: 20px 0;
}
.category_tag_pager span {
display: inline-block;
vertical-align: middle;
margin: 0 10px!important;
}
#mainContents .category_tag_pager span a {
display: inline-block;
padding: 0;
text-align: center;
width: 40px;
line-height: 28px;
padding: 0;
color: #216aaa;
border-bottom: 2px solid #a4a4a4;
}
.category_tag_pager span strong {
display: inline-block;
line-height: 28px;
height: 28px;
color: #216aaa;
width: 40px;
text-align: center;
border-bottom: 2px solid #4e7598;
font-weight: normal;
}
#mainContents .category_tag_pager span a:hover {
opacity: 1;
border-bottom: 2px solid #0c749b;
color: #216aaa;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.category_tag_pager span {
margin: 0 5px!important;
}
#mainContents .category_tag_pager span a,.category_tag_pager span strong {
width: auto;
height: auto;
line-height: normal;
font-size: 11px;
border: 1px solid #ccc;
color: #333;
border-radius: 5px;
padding: 4px 10px;
}
.category_tag_pager span strong {
background: #ccc;
}
#mainContents .category_tag_pager span a:hover {
border: 1px solid #ccc;
color: #333;
}
}

/*-------------------------------------------------------
非公開通知
-------------------------------------------------------*/
.private-band-box{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
}
.private-band-box .private-band-wiki{
text-align:center;
background:#ff3030;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box .private-band-page{
text-align:center;
background:#607592;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box .private-band-noindex{
text-align:center;
background:#8d8d8d;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box .private-band-noindex{
text-align:center;
background:#165279;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box p + p{
margin-top:0!important;
}
.private-band-box p + p + p{
margin-top:0!important;
}
div.private-band-box + header .headerInner {
margin: 0px auto 0!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.private-band-box{
display:flex;
justify-content:space-around;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.private-band-box .private-band-wiki{
text-align:center;
background:#ff3030;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box .private-band-page{
text-align:center;
background:#607592;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box .private-band-noindex{
text-align:center;
background:#8d8d8d;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box .private-band-noindex{
text-align:center;
background:#165279;
width:100%;
padding:5px;
color:#fff;
margin-top:30px;
}
.private-band-box p + p{
margin-top:0!important;
}
.private-band-box p + p + p{
margin-top:0!important;
}
div.private-band-box + header .headerInner {
margin: 0px auto 0!important;
}
}

/*ランキングアイコンサイズ*/
table.saikyo-icon-30 td img{
width: 30px;
height: 30px;
object-fit: cover;
}
table.saikyo-icon-35 td img{
width: 35px;
height: 35px;
object-fit: cover;
}
table.saikyo-icon-40 td img{
width: 40px;
height: 40px;
object-fit: cover;
}
table.saikyo-icon-45 td img{
width: 45px;
height: 45px;
object-fit: cover;
}
table.saikyo-icon-50 td img{
width: 50px;
height: 50px;
object-fit: cover;
}
table.saikyo-icon-55 td img{
width: 55px;
height: 55px;
object-fit: cover;
}
table.saikyo-icon-60 td img{
width: 60px;
height: 60px;
object-fit: cover;
}
table.saikyo-icon-65 td img{
width: 65px;
height: 65px;
object-fit: cover;
}

/*アイコン画像サイズ任意*/
.iconsize-30{
width: 30px!important;
height: 30px!important;
object-fit: cover!important;
}
.iconsize-35{
width: 35px!important;
height: 35px!important;
object-fit: cover!important;
}
.iconsize-40{
width: 40px!important;
height: 40px!important;
object-fit: cover!important;
}
.iconsize-45{
width: 45px!important;
height: 45px!important;
object-fit: cover!important;
}
.iconsize-50{
width: 50px!important;
height: 50px!important;
object-fit: cover!important;
}
.iconsize-55{
width: 55px!important;
height: 55px!important;
object-fit: cover!important;
}
.iconsize-60{
width: 60px!important;
height: 60px!important;
object-fit: cover!important;
}
/*画像に罫線*/
.imgBorder{
border:1px solid #bebfc1;
box-sizing:border-box;
}
/*拡大ボタン*/
.img_kakudai{
display:flex;
justify-content:center;
align-items:center;
background:#5a99fd;
color:#fff;
padding:0px 0;
}
.img_kakudai:before{
content:'';
display:inline-block;
vertical-align:top;
background-image:url('/img/icon/search-icon-big.png');
background-size:contain;
width:11px;
height:11px;
margin-right:4px;
background-repeat: no-repeat;
}
.iconsize-30 + .img_kakudai{width:30px;margin:0 auto;font-size:10px;}
.iconsize-35 + .img_kakudai{width:35px;margin:0 auto;font-size:10px;}
.iconsize-40 + .img_kakudai{width:40px;margin:0 auto;font-size:10px;}
.iconsize-45 + .img_kakudai{width:45px;margin:0 auto;font-size:10px;}
.iconsize-50 + .img_kakudai{width:50px;margin:0 auto;font-size:10px;}
.iconsize-55 + .img_kakudai{width:55px;margin:0 auto;font-size:10px;}
.iconsize-60 + .img_kakudai{width:60px;margin:0 auto;font-size:10px;}
/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button {
height: 44px;
line-height: 44px;
font-family: Arial,Baskerville,monospace
}
.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus {
outline: 0
}
body.hidden-scroll {
overflow: hidden
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: .7;
display: none;
z-index:99999;
}
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
border: 0;
background: 0 0;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {/* opacity: .7; */}
.sl-wrapper .sl-close{
right: 0px;
z-index:999999;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
width: 22px;
text-align: center;
display: block;
z-index: 999999;
color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 999998;
}
.sl-wrapper .sl-image img {
margin: 0 auto;
padding: 0;
display: block;
border: 0;
width: auto;
height: auto;
max-width: 100%;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0,0,0,.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 999999;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -moz-transform ease .2s;
transition: -ms-transform ease .2s;
transition: -o-transform ease .2s;
transition: -webkit-transform ease .2s;
transition: transform ease .2s;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-o-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-ms-keyframes pulsate {
0%,100% {
opacity: 0
}
0% {
transform: scale(.1)
}
50% {
opacity: 1
}
100% {
transform: scale(1.2)
}
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
.sl-wrapper .sl-close{
right: 0px;
z-index: 999999;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
}
#pc_article_footer{
text-align:center;
margin-top: 30px;
}
.overlay_wrapper{
margin:0 auto;
text-align: center;
position: fixed;
bottom: 0;
z-index:999999;
}
button#div-gpt-ad-fm-overlay-close-button{
border-radius:5px 5px 0 0!important;
}
#adpcheader{
display: -webkit-flex;
display: flex;
}


/*-------------------------------------------------------
共通効果CSS(追加用)
-------------------------------------------------------*/
/*画像白黒*/
img.grayscaleImg{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
/*QA回答*/
p.qa-a{
border: 1px solid #d7dfe2;
background-color: #fff7f7;
padding: 5px;
border-radius: 5px;
color: #b70b0b;
font-weight: bold;
font-size: 14px;
padding:10px;
}
/*下の空白消す*/
.margin-b-off{
margin-bottom:0px!important;
}
/*下マージン*/
.margin-b-5px{
margin-bottom:5px!important;
display: inline-block;
}
.margin-b-10px{
margin-bottom:10px!important;
display: inline-block;
}
.margin-b-15px{
margin-bottom:15px!important;
display: inline-block;
}
.margin-b-20px{
margin-bottom:20px!important;
display: inline-block;
}
/*YouTube画像の比率を合わせる*/
.youtube-img{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube-img iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/*上に揃える*/
.align-top{
vertical-align:top;
}
/*縦中央整列*/
.align-middle{
vertical-align:middle!important;
}
/*背景色変更(黄)＆枠線*/
#main-contents table.warning{
background:#FFFDE8;
padding:10px;
margin: 10px 0;
border: 1px solid #dde4e6;
}
.warning{
background:#FFFDE8;
padding:10px;
margin: 10px 0;
border: 1px solid #dde4e6;
}
/*背景色グレー&枠線点線*/
#main-contents table.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6!important;
}
#main-contents table.supplement th:last-child,#main-contents table.supplement tr td:last-child{
border-right:1px dashed #dde4e6!important;
}
#main-contents table.supplement tr:last-child td{
border-bottom:1px dashed #dde4e6!important;
}
.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6;
}
/*赤文字＆太文字*/
.b-red{color:#ff0000;font-weight: bold;}
.redtxt{color:#f00;}
.hyoka {font-weight:bold;color:#cc0000;}
/*画像の位置*/
.img-c{object-position: center;}
.img-l{object-position: left;}
.img-r{object-position: right;}
/*背景(黄)*/
/*背景(黄)*/
.tejun {
background: #b2e3ff;
padding: 16px 0 10px 10px!important;
margin-bottom: 20px;
font-weight:bold;
}
.tejun{
background: #fff9c9;
padding: 10px 0 10px 10px!important;
margin-bottom: 20px!important;
}
.tejun p{
font-size: 110%;
font-weight: bold;
margin: 0px 0 5px 10px!important;
}
ul.tejun{
background: #fff9c9;
padding: 16px 0 10px 20px!important;
margin-bottom: 20px!important;
}
ul.tejun li{
margin-left: 0;
font-weight: bold;
color: #333;
}
.tejun ol li{
margin-left: 0;
font-weight: bold;
color: #333;
}
.tejun ol{
margin-left:10px!important;
}
/*font系(size/color/weight)*/
strong,.b,.bold {font-weight: bold;}
/*text-align(center/left/right)*/
.center {text-align:center;}
.left-t {text-align:left;}
.right-t {text-align:right;}
/*カラー＆見出し系*/
.new{color:#cc0000;font-weight:bold;font-size:70%;}
.event,.beginner {background: #81BF24;}
.dungeon,.quest {background: #BC4032;}
.monster,.blog2 {background: #557d00;}
.card,.chara,.medal {background: #F453BC;}
.collabo {background: #6c16c7;}
.news,.update {background: #02A1EA;}
.chara_ranking {background: #0ad7f2;}
.matome,.sonota {background: #474546;}
.deck,.tenplate {background: #375E94;}
.radar,.areana {background: #000bb0;}
.gacha {background: #f1c850;}
.event {background: #81BF24;}
.kosatu,.touron {background: #f99545;}
.korin {background: #694d3b;}
.boss {background: #4f1eb8;}
.sobi{background:#075ac6;}
/*合わせて読みたい*/
.awasete{
margin:10px 0;
}
.awasete dt{
background: #fff6ca url('/img/icon/check-ore-icon.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;
}
/*タブ*/
.common-tab{
width: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.common-tab li{
font-size:13px;
font-weight:bold;
width:25%;
-webkit-box-flex:2;
-ms-flex-positive:2;
flex-grow:2;
margin-bottom: 0!important;
line-height: normal!important;
border-bottom: 2px solid #1298d6;
font-size:11px;
}
.common-tab li a{
color: #fff;
background: #bbb;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
border-right: 2px solid #999;
box-sizing:border-box;
-webkit-transition: ease .2s opacity;
transition: ease .2s opacity;
}
.common-tab li a:hover{
color: #fff;
background: #1298d6;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
opacity:0.7;
border-right: 2px solid #1b76a0;
}
.common-tab li:last-of-type a{
border-right: 0;
}
.common-tab li:last-of-type a:hover{
border-right: 0;
}
.common-tab li.tabactive a {
background: #1298d6;
border-color: #1b76a0;
opacity:1;
}
.common-tab li span{
color: #fff;
background: #bbb;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
border-right: 2px solid #999;
box-sizing:border-box;
-webkit-transition: ease .2s opacity;
transition: ease .2s opacity;
}
.common-tab li span:hover{
color: #fff;
background: #1298d6;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
opacity:0.7;
border-right: 2px solid #1b76a0;
}
.common-tab li:last-of-type span{
border-right: 0;
}
.common-tab li:last-of-type span:hover{
border-right: 0;
}
.common-tab li.tabactive span{
background: #1298d6;
border-color: #1b76a0;
opacity:1;
}
@keyframes tabAnim{
0%{opacity:0;}
100%{opacity:1;}
}
ul.common-tab ~ div{
display:block;
animation:tabAnim ease 0.6s forwards;
-ms-animation:tabAnim ease 0.6s forwards;
}
/*テーブルカラー*/
#main-contents table.tLine-00,#main-contents table.tLine-00 th,#main-contents table.tLine-00 td{
border:1px solid #e49f84;
}
#mainCenter table.tLine-00,#mainCenter table.tLine-00 th,#mainCenter table.tLine-00 td{
border:1px solid #e49f84;
}
#mainCenter table.tLine-00 th{
border:1px solid #e49f84;margin:0!important;
}
/*テーブルカラー*/
#main-contents table.tLine-00,#main-contents table.tLine-00 th,#main-contents table.tLine-00 td{
border:1px solid #e49f84;
}
#mainCenter table.tLine-00,#mainCenter table.tLine-00 th,#mainCenter table.tLine-00 td{
border:1px solid #e49f84;
}
#mainCenter table.tLine-00 th{
border:1px solid #e49f84;margin:0!important;
}

#main-contents table.tLine-01 th,#main-contents table.tLine-01 td{
border:1px solid #e49f84;
}
#main-contents table.tLine-01 th,#main-contents table.tLine-01 td:first-child{
border:1px solid #676767;
}
#mainCenter table.tLine-01 th,#mainCenter table.tLine-01 tr:first-child{
border:1px solid #676767;
}
#mainCenter table.tLine-01 th,#mainCenter table.tLine-01 td{
border:1px solid #e49f84;
}
#mainCenter table.tLine-01 tr:nth-child(2) td{
border:1px solid #e49f84;
border-top:0;
}
#mainCenter table.tLine-01 th{
border:1px solid #e49f84;margin:0!important;
}
/*スレッドリンクカラー*/
.thread-title-text{
color:#448acb;
font-weight:bold;
}
.thread-title-text:hover{
color:#f60;
font-weight:bold;
}
a.foot-link{
display:block;
margin:10px 0;
cursor:pointer;
text-decoration:underline;
}
#main-contents .post .okini-box + div{
margin-top:15px;
}
#main-contents .post .okini-box + div.sns-button02{
margin-top:0px;
}
#mainCenter table.h-sinnsaku th {
width: auto;
padding: 2px 8px;
margin: 0px 0 5px;
display: block;
border: 0px solid #909596;
border-radius: 0px;
font-size: 12px;
font-weight: bold;
background-color: #333;
color: #FFF;
letter-spacing: 1px;
background: -webkit-repeating-linear-gradient(-45deg, #909596 , #909596 3px,#95999a 3px, #95999a 7px);
background: repeating-linear-gradient(-45deg, #8d9394 , #8d9394 3px,#888f90 3px, #888f90 7px);
}
#main-contents table.h-sinnsaku th {
width: auto;
padding: 2px 8px;
margin: 0px 0 0px;
display: block;
border: 0px solid #909596;
border-radius: 0px;
font-size: 12px;
font-weight: bold;
background-color: #333;
color: #FFF;
letter-spacing: 1px;
background: -webkit-repeating-linear-gradient(-45deg, #909596 , #909596 3px,#95999a 3px, #95999a 7px);
background: repeating-linear-gradient(-45deg, #8d9394 , #8d9394 3px,#888f90 3px, #888f90 7px);
}
#mainCenter table.h-bgborder th {
width: auto;
padding: 2px 8px;
margin: 0px 0 5px;
border: 0px solid #909596;
border-radius: 0px;
font-size: 12px;
font-weight: bold;
background-color: #333;
color: #FFF;
letter-spacing: 1px;
background: -webkit-repeating-linear-gradient(-45deg, #909596 , #909596 3px,#95999a 3px, #95999a 7px);
background: repeating-linear-gradient(-45deg, #8d9394 , #8d9394 3px,#888f90 3px, #888f90 7px);
}
#main-contents table.h-bgborder th {
width: auto;
padding: 2px 8px;
margin: 0px 0 5px;
border: 0px solid #909596;
border-radius: 0px;
font-size: 12px;
font-weight: bold;
background-color: #333;
color: #FFF;
letter-spacing: 1px;
background: -webkit-repeating-linear-gradient(-45deg, #909596 , #909596 3px,#95999a 3px, #95999a 7px);
background: repeating-linear-gradient(-45deg, #8d9394 , #8d9394 3px,#888f90 3px, #888f90 7px);
}

div.sns-copytxt + .contents > .article > p:first-child img{
margin-top:15px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.sns-copytxt + .contents > .article > p:first-child img{
margin-top:0px;
}
}
form#siborikomiForm{
padding-bottom:20px;	
}
/*中央ぞろえ共用*/
#main-contents .centered,#main-contents .centered th,#main-contents .centered_th th,.centered_td1 td:first-of-type{
text-align: center;
}
/*thソートズレ修正*/
.sort_syusei th span{float:none!important;}
.sort_syusei th .sort{display: inline-block;}
/*広告の文字制限*/
.ninki-ranking dd.rosso_txt a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*-診断調整-*/
.shindan_frm{
display:flex;
justify-content: center;
align-items: center;
}
.shindan_frm button{
margin-left:5px;
cursor:pointer;
}
.article .shindan_frm input {
border-radius: 4px;
border: 1px solid #AECBD9;
background: #DDEEFE;
width: 80%;
height: 38px;
}
/*-ばつ-*/
.topNavi-modal-menu-close-button{
display:none;    
}
.topNavi-modal-menu-items {
display: none;
}

/*-3カラム広告-*/
.widget-lr-box #adpcfree4{
display:block;
margin:10px 5px 0 0;
text-align:center;
}
.widget-lr-box #adpcheader{
margin-right:5px;
}
.widget-lr-box{
display:-webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:320px;
justify-content:flex-end;
}
.widget-lr-box #mainLeft{
width: 100%;
}
.widget-lr-box #mainRight{
width: 310px;	
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.widget-lr-box #adpcfree4{
display:block;
margin:10px auto;
text-align:center;
}
.widget-lr-box #adpcheader{
margin:auto;
}
.widget-lr-box{
display:-webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
justify-content:flex-end;
}
}

/*サイトマップ*/
#mainContents .sitemap-list .fixed-list a,#mainContents .sitemap-list .category-list > a{
font-size:16px;
font-weight:bold;
}
.wiki_contents .sitemap-list .fixed-list,.wiki_contents .sitemap-list .category-list{
margin-top:20px;
padding: 0;
}
.sitemap-list .top-page.fixed-list{
margin: 0;
}
.sitemap-list .category-list ul{
background:#f7f7f7;
padding:10px!important;
margin-top: 5px;
}
#mainContents .sitemap-list .category-list ul a{
color: #5b5b5b;
text-decoration:underline!important;
}
#mainContents .sitemap-list .category-list ul li{
margin-bottom: 5px;
}
#mainContents .sitemap-list .category-list ul li:last-child{
margin: 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.wiki_contents .sitemap-list .fixed-list,.wiki_contents .sitemap-list .category-list{
margin-top:15px;
}
.sitemap-list .top-page.fixed-list{
margin: 0;
}
}

/*スレッド一覧*/
.entry_page_link a{
text-align: center;
margin: 10px 10px;
padding: 5px;
display: block;
background: #FFF;
border: 1px solid #f0f0f0;
color: #FFF;
background: #a4a4a4;
}
.entry_page_link a:hover{
opacity:0.6;
}

/*追加CSS*/
table.th-center th{
text-align:center!important;
}

/*-------------------------------------------------------
書き込み画像並び
-------------------------------------------------------*/
.commentlist p.comment-image{
display:inline-block;
box-sizing:border-box;
position:relative;
margin:3px!important;
}
.commentlist p.comment-image img{
object-fit: contain;
width:55px;
height:55px;
background-color: #000;
}
p.comment-image:before{
content:'';
position: absolute;
z-index:0;
width:12px;
height:12px;
background-repeat:no-repeat;
background-image: url(/img/icon/kakudai.png);
background-color: #FFF;
background-position:center;
right:-3px;
bottom:-3px;
border-radius:50%;
padding:5px;
background-size:13px;
opacity:0.95;
}
p.comment-image:hover{
opacity:0.7;
cursor:pointer;
}
#comment_form #comment-image-wrapper{
margin:10px 0 0 0;
}
#comment_form p#throwsSpamAway{
font-size:11px;
color:#777;
}
#comment_form #comment-image-wrapper ul{
display:flex;
justify-content:center;
margin-bottom:10px;
}
#comment_form #comment-image-wrapper li{
width:25%;
margin:0 5px 0 0;
text-align:center;
}
#comment_form #comment-image-wrapper li:last-child{
margin-right:0;
}
#comment_form #comment-image-wrapper label {
cursor:pointer;
display:block;
box-sizing:border-box;
font-size:11px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#comment_form #comment-image-wrapper label span.file_path{
display:block;
background-color:#f9f9f9;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0 25px 0 5px;
border-radius: 4px;
text-align:left;
border:1px solid #e3e3e3;
height: 30px;
line-height: 30px;
background-size: 13px;
background-position: 95% 50%;
background-image:url(/img/icon/tuika-on.png);
background-repeat:no-repeat;
color:#333;
}
#comment_form #comment-image-wrapper label span.file_path:hover{
opacity:0.8;
}
#comment_form #comment-image-wrapper label span.file_path.file_selected{
display:block;
background-color:#e02331;
color:#FFF;
overflow: hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:0 25px 0 5px;
border-radius: 4px;
text-align:left;
border:1px solid #ffaeb4;
height:30px;
line-height:30px;   
background-size:13px;
background-position:95% 50%;
background-image:url(/img/icon/tuika-off.png);
background-repeat:no-repeat;
}
#comment_form #comment-image-wrapper li p{
margin:6px 0 0 0;
}
#comment_form #submit,#comment_form #submitbtn{
cursor:pointer;
}
#comment_form #submit,#comment_form #submitbtn:hover{
opacity:0.8;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.commentlist p.comment-image{
margin:0!important;
padding:5px!important;
}
.commentlist p.comment-image img{
width: 50px;
height: 50px;
}
p.comment-image:before{
content:'';
position: absolute;
z-index:0;
width:12px;
height:12px;
background-repeat:no-repeat;
background-image: url(/img/icon/kakudai.png);
background-color: #FFF;
background-position:center;
right:-1px;
bottom:-1px;
border-radius:50%;
padding:5px;
background-size:13px;
opacity:0.95;
}
}
#comment_form #comment-image-wrapper li{
width:24%;
margin:0 5px 0 0;
}
#comment_form #comment-image-wrapper label {
font-size: 10px;
}
#comment_form #comment-image-wrapper label span.file_path{
display:block;
background-color:#f9f9f9;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0 0px 0 5px;
border-radius: 4px;
text-align:left;
border:1px solid #e3e3e3;
height: 30px;
line-height: 30px;
background-size: 10px;
background-position: 97% 50%;
background-image:url(/img/icon/tuika-on.png);
background-repeat:no-repeat;
}
#comment_form #comment-image-wrapper label span.file_path.file_selected{
display:block;
background-color:#e02331;
color:#FFF;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding:0 10px 0 5px;
border-radius: 4px;
text-align:left;
border:1px solid #ffaeb4;
height: 30px;
line-height: 30px;  
background-size: 10px;
background-position: 97% 50%;
background-image:url(/img/icon/tuika-off.png);
background-repeat:no-repeat;
}
}
@media screen and (max-width:320px){
.commentlist p.comment-image{
margin-left: 10px;
margin-bottom:5px;
}
.commentlist p.comment-image img{
width: 50px;
height: 50px;
}
p.comment-image:before{
width: 10px;
height: 10px;
bottom: 5px;
padding: 5px;
background-size: 15px;
}
}
/*------------------------------------------------------------
書き込み画像(モーダル)
-------------------------------------------------------------*/
#comment_filter_background {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
display: none;
}
#comment_popup_image {
display: none;
position: fixed;
}
#comment_popup_image .popup-in{
width: 670px;
height: 670px;
display: block;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
z-index: 998;
position: fixed;
background: rgba(0, 0, 0, 0.6);
padding: 10px;
border-radius: 5px;
}
#comment_popup_image img{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:auto;
max-width: 650px;
max-height: 650px;
}
#comment_popup_image div.close-box{
display: block;
margin: 0 auto;
position: relative;
}
#comment_popup_image span.popup-close{
width:40px;
height:40px;
background-color:#ffffff;
border:2px solid #b9b9b9;
position:absolute;
margin:0;
z-index:1;
border-radius:50%;
cursor:pointer;
display: block;
top:0;
right:0;
}
#comment_popup_image span.popup-close:before{
content:"×";
position:absolute;
top:-5px;
right:10px;
padding:0!important;
z-index:1;
font-size:30px;
font-weight:bold;
}
#comment_popup_image span.popup-close:hover{
opacity:0.8;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#comment_filter_background {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
display: none;
}
#comment_popup_image {
display: none;
position: fixed;
}
#comment_popup_image .popup-in{
width: 100%!important;
height: 60%!important;
position:fixed!important;
top: 0!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
margin: auto!important;
padding:0!important;
border-radius:0!important;
background:transparent;
transform:none;
-webkit-transform:none;
-ms-transform:none;
}
#comment_popup_image img{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width:100%!important;
max-height:none!important;
}
#comment_popup_image div.close-box{
width: 750px;
height: 50px;
display: block;
margin: 0 auto;
position: relative;
}
#comment_popup_image span.popup-close{
width:35px;
height:35px;
background-color:#ffffff;
border:2px solid #b9b9b9;
position:absolute;
margin:0;
z-index:1;
border-radius:50%;
cursor:pointer;
display: block;
top:0;
right:0;
}
#comment_popup_image span.popup-close:before{
content:"×";
position:absolute;
top:-8px;
right:8px;
padding:0!important;
z-index:1;
font-size:30px;
font-weight:bold;
}
#comment_popup_image span.popup-close:hover{
opacity:0.8;
}
#comment_popup_image .popup-in div.close-box{
width:70%;
height:50%;
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1;
opacity:0.9;
}
}
/*iOS調整用*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
_::-webkit-full-page-media, _:future, :root #comment_popup_image span.popup-close:before{
content:"×";
position:absolute;
top:-8px;
left:8px;
z-index:1;
font-size:30px;
font-weight:bold;
line-height:normal;
}
}
#commentform textarea, #comment_form textarea {
box-sizing: border-box;
}

.tableLine td img{
vertical-align:middle;
}
.tableLine tr:nth-child(odd){
background:#f9f9f9;
}
.center {text-align:center;}
.all-center {text-align:center;}
/*-tablecenter-*/
table.all-center th,
table.all-center td{
text-align:center;
}
table.center th,
table.center td  {
text-align:center;
}
#sp_article_footeroverlay{
position:fixed;
bottom:0;
left:0;
right:0;
margin:auto;
}
#sp_article_footeroverlay div{
text-align:center;
}


#sp_article_header{
text-align:center;
padding:20px 0;
}
#sp_article_undertitle{
text-align:center;
padding:10px 0 20px;
}

#sp_overlay{
display:block;
height:120px;
}
#sp_overlay a{
display:block;
position:fixed;
bottom:0;
margin-top:20px;
}

#sp_article_footer_1st{
text-align: center;
}

/*--------------------------------------------------------
ジャック広告
--------------------------------------------------------*/
.jackBtn-wrap{
position: relative;
}
.jackBtn01,.jackBtn02{
position: absolute;
top: 20px;
display: flex;
flex-direction: column;
}
.jackBtn01{
left: 50%;
margin-left: -850px;
align-items: flex-end;
}
.jackBtn02{
right: 50%;
margin-right: -850px;
}
.jackBtn01 a,.jackBtn02 a{
text-decoration: none;
}
.jackBtn01:after,.jackBtn02:after{
content:'PR';
color:#FFF;
display:block;
width:50px;
height:20px;
line-height:21px;
font-size:13px;
text-align:center;
background:#cbcbcb;
border-radius:0px;
letter-spacing:2px;
display: none;
}
.jackBtn-wrap img{
width: 300px;
display: block;
}
main.clearfix{
overflow: hidden;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.jackBtn-wrap{
display: none;
}
}
.pc_overlay_wrapper{
position:fixed;
bottom:0;
left:0;
right:0;
margin:auto;
display:block;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
body footer{
padding:0 0 120px;
}
.overlay-ads{
position: fixed;
bottom:0;
left:0;
right:0;
margin:auto!important;
}
}