@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Kosugi+Maru&display=swap');
/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

*{ letter-spacing: 0; }

html{ overflow-y: scroll; }


.googleFont{
font-family: 'Roboto';	
}

.gachaTxt{
text-align:center;
font-weight:bold;
font-size:80%;
margin:0;
}

body,div,ol,ul,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,p,blockquote,figure{
	margin: 0;
	padding: 0;
}

.gachaTable th{
font-size:80%!important;
}


body{
background:#fdfdfd;
}
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;
}
dd{
margin:0;
}
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: bottom;
	-ms-interpolation-mode: bicubic;
}

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;
}
.writerBoxWrap{
width:100%;
font-size:12px;
padding:15px 0 15px 0;
border-bottom:1px #ccc dotted;
}
.writerBoxLeft{
width:30%;
float:left;
margin:10px 0 0 0;
}
.writerBoxRight{
width:68%;
float:right;
}
.writerBoxRight .writer dt{
font-weight:bold;
font-size:110%;
background:#f0f0f0;
padding:3px 0 3px 5px;
}
.writerBoxRight .writer dd{
margin:7px 0 7px 0;
}
.writerBoxRight .writer ul li{
margin:0;
border:none;
background:none;
}

/*--------------------------------------------------------
レイアウトの初期設定
-------------------------------------------------------*/

table{
	width: 100%;
	border-collapse: separate;
	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 1.5em; */
	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 */



/*.comment-author01{
	width:200px;
	float:left;
}*/
.comment-author01 span{
   font-size: 11px;
}
.comment-author01 .authname{
    color: gray;
}
.comment-author02{
/*	width:217px;
	float:right;*/
    color: gray;
    font-size: 11px;
}
.comment-report a{
	text-decoration: none;
	color: gray;
}
.getajcom{
	cursor: pointer;
}

.clonecom {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid;
    display: block;
    position: absolute;
    width: 100%;
}
/*ここから掲示板*/

#comreload{
display:block;
text-align:center;
padding:10px 0 10px 0;
color:#39f;
border-top: 1px solid #f0f0f0;
border-bottom:1px solid #f0f0f0;
background:url(http://terabat.koesiru.jp/wp-content/uploads/2015/02/koshin.png) no-repeat center;
background-size:18px;
background-position: 28% 48%;
cursor:pointer;
}
#comreload:hover{
opacity:0.8;
}
.getajcom{
border-radius:4px;
border:1px solid #39f;
padding:2px 5px;
color:#39f;
font-size:80%;
display:inline-block;
margin-bottom:15px;
}
.comment-author span:first-child{
font-weight:bold;
}
.comment-reply-link a{
display:inline-block;
padding:3px 10px 3px 25px;
text-align:center;
color:#1E8CBE;
font-size:110%;
border:1px solid #f0f0f0;
border-radius:4px;
background:#ffffff;
font-weight:bold;
box-shadow:0 3px 0 #f0f0f0;
float:right;
background:url(http://terabat.koesiru.jp/wp-content/uploads/2015/02/henshin02.png) no-repeat left center;
background-size:13px;
background-position: 9px 5px;
}
.comment-author02{
font-size:10px;
}
#commentform #submit{
    background: none repeat scroll 0 0 #2ea2cc;
    border-color: #0074a2;
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
    text-decoration: none;
padding:3px 0 3px 0;
border:none;
border-radius:4px;
box-shadow:none;
-webkit-appearance: none;
}
#commentform input,
#commentform textarea{
border-radius: 4px;
-webkit-appearance: none;
box-shadow:none;
}
#commentform textarea{
width:100%!important;
}
#comment-image-wrapper{
font-size:80%;
}
#author,#comment{
border:1px solid #2EA2CC;
}
#main-contents #commentform p {
margin:2px 0 2px 0;
}
#commentform #submit{
    display: block;
    margin: 10px auto;
    padding: 0.3em 1em;
    text-align: center;
    width: 145px;
    height:35px;
}
.comment_paging a,
.comment_paging .current{
background:none repeat scroll 0 0 #3a7c9e;
border-radius:4px;
color:#fff!important;
padding:5px 10px;
}
.comment_paging .current{
border: 1px solid #3a7c9e;
background:#fff;
color: #3a7c9e!important;
}
#comment_image{
width:300px;
margin: 10px 0 10px 0;
}
#dummy{
width:100%;
box-sizing:border-box;
height:30px;
border:2px solid #ccc;
background:#f0f0f0;

}
#comment_close{
font-size:85%;
color:#39f;
}
#comment_close:hover{
color:#FFA90A;
}
.commentimgsub{
font-size:80%;
margin-top:14px;
}
#comment-image-wrapper{
margin-top:-10px;
}
#comment{
margin-bottom:5px;
}

/*ここまで掲示板*/

#dummy_comment{
margin-bottom:20px;
}
.gNaviWrap{
background:#34a3d1!important;
box-shadow:3px 3px #1e8fbe;
height:39px!important;
}
.movie{
border:none!important;
}
.movie td{
border:none!important;
background:#fff;
}
#game li{
background:none!important;
padding:0;
}
#game li a{
background:#fff;
display:block;
box-shadow:0 3px #f0f0f0;
border:1px solid #f0f0f0;
margin-bottom:8px;
padding:15px 0 15px 45px!important;
}

#game li:a:after{
  display: block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  -webkit-transform: rotation(45deg);
  content: "";
}



#game .nav70 a{
background:url(https://koesiru.jp/img/koesiru/uploads/2017/07/2017y07m25d_1155565867.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}




#game .nav60 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/03/knightschronicle-mini1.png) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}


#game .nav59 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/03/4c19c2b30e290dacc36b5aa2bf2e956f.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav58 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/01/side-feh.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav57 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/01/side-sansuma.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}



#game .nav56 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/12/img-mhxr.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}


#game .nav55 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/11/img-sorukuro1.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav54 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/11/side-img-chain.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav53 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/11/side-img-ff15.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}




#game .nav52 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/11/0bfa0d3974354f70a08858d4f10fcad6.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav49 a{
background:url(https://koesiru.jp/sao/wp-content/uploads/2016/09/saoIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav48 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/08/side-bureode.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}


#game .nav47 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/07/side-trilink.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav46 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/07/side-pokemongo.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}


#game .nav45 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/06/side-sorakuro.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav44 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/06/side-shadow.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}
#game .nav43 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/06/side-shinobi.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;

}

#game .nav42 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/06/side-val.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}

#game .nav35 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/04/img-side20.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav36 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/04/side-img-onpe.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}

#game .nav37 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/06/side-dorapuro.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}




#game .nav38 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/05/side-img-varu.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav39 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/05/side-img-rasupiri.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}

#game .nav40 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/05/side-img-samurai.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}

#game .nav41 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/05/side-img-tori.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}


#game .nav15 a{
background:url(https://koesiru.jp/sevenknights/wp-content/uploads/2016/02/side-seven.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav13 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/01/side-grimms.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav14 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/01/side-arice.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}



#game .nav12 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/01/side-buranai.png) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav01 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/03/img-side04.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav02 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/03/img-side02.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav03 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/03/img-side03.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav04 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/03/img-side01.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px ;
}
#game .nav05 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/06/ffmoviusIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav06 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/09/sironekoIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav07 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/09/monhuexIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav08 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/03/side-khux2.png) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav09 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/10/ffbeIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}

#game .nav10 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/10/ffgmIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav11 a{
background:url(https://koesiru.jp/wp-content/uploads/2015/10/hosidoraIcon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}

#game .nav30 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/04/deji.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}

#game .nav31 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/04/cri.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav33 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/04/heaven.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav34 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/04/pokekoma.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}

#game .nav50 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/11/side-seven.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}

#game .nav51 a{
background:url(https://koesiru.jp/wp-content/uploads/2016/11/side-pokemonsunmoon.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav61 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/03/side-dffoo.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav62 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/03/side-yakyutuku.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav63 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/03/side-grasma.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav64 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/04/side-dq11.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}
#game .nav65 a{
background:url(https://koesiru.jp/wp-content/uploads/2017/04/side-FEechoes.jpg) no-repeat left center,#fff;
background-size:36px;
background-position:5px 5px;
}








.gameDt{
font-size:80%;
margin:10px 0 0 0;
}
.gameDd{
font-size:90%;
margin:10px 0 10px 0;
}
.gameTitle{
margin-top:10px!important;
}
.gameTitle a:link{
color:#333!important;
}
#search-2{
background:#fff;
border-left:1px solid #34A3D1;
border-right:1px solid #34A3D1;
border-bottom:1px solid #34A3D1;
border-top:5px #34A3D1 solid;
padding: 10px;
}
#search-2 h3{
border:none;
margin: 0 0 5px 0;
color:#34A3D1;
}
#search-2 .search-box{
margin:0;
}
#game{
margin-bottom:-30px;
}
#searchsubmit{
background:#222;
color:#fff;
border:none;
}
#search-2 input{
border-radius:4px;
}
.redIcon{
color:#cc0000;
padding:3px;
}
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
table{border-collapse:collapse!important;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
#main-contents .rankName{
margin-bottom:1em;
}
.rankRight{
}
.rankRight{
width:80%;
float:right;
}
.rankLeft{
width:15%;
float:left;
}
.rankBox{
border-radius:5px;
border:1px solid #f0f0f0;
width:100%;
background:#fff!important;
margin-bottom:20px;
box-shadow: 0px 3px 3px #f0f0f0;
}
.rankBoxInner02{
width:75%;
float:left;
}
.rankDl{
width:43%;
float:right;
margin:0;
}
.rankDl li{
float:left;
padding-left:20px;
list-style:none;
}
#main-contents .contents .rankBox h3{
background:#fffee8;
border:none!important;
border-left:8px solid #e9e7b9!important;
font-weight:bold;
margin:10px 0 15px 0;
border-radius:0;
color:#333;
text-shadow:none;
}
#main-contents .contents .rankBox h3::before{
border:none;
}
.rankKoesiru li{
list-style:none;
}
.rankKoesiru li:nth-child(1){
color:#EB5197;
}
.rankKoesiru li:nth-child(2){
color:#009EE2;
}
.rankRev{
padding:10px;
background:#f7f7f7;
}
.rankRev p{
font-size:120%;
font-weight: bold;
margin-bottom:10px!important;
}
.rankKoesiru span{
display: inline-block;
margin-right:10px;
}
.rankKoesiru span img{
vertical-align:middle;
}
.rankNumber{
background:#cc0000;
color:#fff;
padding:1px 15px 0 15px;
text-align:center;
display:inline-block;
margin-bottom:0.5em!important;

}
.rankName{
font-size:180%;
width:74%;
}
.rankOther li{
list-style:none;
font-size:85%;
}
.rankRev p{
font-size:85%;
}
.rankOther{
margin-bottom:0!important;
}
.rankBoxInner0{
padding:20px;
}
.big{
font-size:150%;
color:#cc0000;
font-weight:bold;
}
.ranking .rankingBox01 dt{
background:#C3DB62;
padding:5px;
color:#333;
margin: 0 0 15px;
}
.ranking .rankingBox01 dd{
background:#fff;
padding:10px 0 0 10px;
}
.ranking .rankingBox01{
width:100%;
}
.post h1{
font-size:160%;
}
.bbp-body a,
.bbp-body p
{
color:#333;
}
.rankBox{
position:relative;
}
.rankBox .rankDl{
position: absolute;
right:0;
top:34px;
}
.rankingOsusume .one{
text-align:center;
padding:10px;
background:#ffe5e5;
color:#da3232;
border-bottom:3px solid #da3232;
font-weight:bold;
}
.rankingOsusume .two{
text-align:center;
padding:10px;
background:#ffecd8;
color:#d87103;
border-bottom:3px solid #d87103;
font-weight:bold;
}
.rankingOsusume .three{
text-align:center;
padding:10px;
background:#fffadf;
color:#d6b502;
border-bottom:3px solid #d6b502;
font-weight:bold;
}
.rankingOsusume .rankingBox{
width: 32%;
float:left;
margin: 0 14px 0 0;
}
.rankingOsusume .rankingBox:nth-child(3){
margin-right: 0;
}
.rankingOsusume .rankingBox dd img{
display: inline-block;
margin-top: 15px;
}
.kakuseiTb td span{
display:block;
}
.execphpwidget li:first-child{
border-top:1px solid #f0f0f0!important;
}
.execphpwidget li{
border-bottom:1px solid #f0f0f0;
padding:5px 0 5px 0!important;
}
.execphpwidget li img{
width:15%!important;
vertical-align:middle!important;
padding-right:5px;
}

#main-contents .mokujiInfo {
    background: #f5f5f5 none repeat scroll 0 0;
    border: 1px solid #dde4e6;
    margin-bottom: 20px;
    padding: 5px;
}
#main-contents .mokujiInfo ul {
    margin-bottom: 12px !important;
    margin-left: 10px !important;
    margin-top: -10px !important;
}
#main-contents .mokujiInfo h2 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #333;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
}
#main-contents .mokujiInfo ul li {
    font-size: 12px;
    list-style: outside none none !important;
padding:2px 0!important;
background:none!important;
border:none!important;
}
.lead {
    color: #999;
    font-size: 85%;
margin:10px 0 ;
}
.chart img {
    display: block;
    height: 30%;
    width: 100%;
}
.chart {
    border: medium none !important;
}
.chart td {
    border: medium none !important;
}
.chart tr:nth-child(1) td {
    border-bottom: 1px solid #acce15 !important;
    padding-bottom: 0 !important;
}
.chart tr:nth-child(2) td {
    padding: 5px 0 !important;
    text-align: center;
}
.chart td span {
    color: #acce15;
    font-size: 11px;
}
/* 評価投稿&表示 */

.toko {
    border-bottom: 1px solid #004c6b;
    color: #004c6b !important;
    padding: 0 0 5px;
}

.iineWrap {
    width: 100%;
}
.iine {
    background: #db6b0f none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 2px 10px 2px 15px;
}
.iinegray {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 2px 10px 2px 15px;
}
.iineWrap span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #db6b0f;
    margin-left: 10px;
    padding: 3px 8px;
    position: relative;
}
.iineWrap span::before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #fff transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    content: "";
    display: block;
    left: -5px;
    position: absolute;
    top: 7px;
    width: 0;
    z-index: 1;
}
#korinschedule th {
    font-size: 11px !important;
}
.iineWrap span::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #ccc transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    content: "";
    display: block;
    left: -6px;
    position: absolute;
    top: 7px;
    width: 0;
}
/*-------------------------------------------------------
amazonCoin
-------------------------------------------------------*/
.btn-01 {
	text-align: center;
	margin: 30px auto;
	padding: 10px;
	background-color: #ea3838;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	color: #fff!important;
	display: block;
	max-width: 300px;
	box-shadow: 0 5px #af2f2f;
}
/*--------------------------------------------------------
koesiruForm
-------------------------------------------------------*/
.koesiruFormDl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
	padding:2%;
font-size:13px;
}
.koesiruFormDl dt {
	width:25%;
	background-color: #2386c2;
	padding: 2px 2px 2px 8px;
	color:#fff;
	margin-bottom:1px;
}
.koesiruFormDl dd {
	width:70%;
	margin: 5px 0 5px 10px;
	vertical-align: middle;
}
#main-contents .koesiruFormDl dt,#main-contents .koesiruFormDl dd {
	margin: 0 3px 5px 0;
}
.koesiruFormDl span.req {
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 5px;
	background-color: #ff6906;
	border-radius: 3px;
	font-size: 8px;
	padding: 2px 5px;
}
.koesiruFormDl span.option {
	color: #555;
	font-weight: bold;
	display: inline-block;
	margin-left: 5px;
	background-color: #ccc;
	border-radius: 3px;
	font-size: 8px;
	padding: 2px 5px;
}
.koesiruFormDl span label{
	vertical-align: middle;
}
.koesiruFormDl dd input[type="text"]{
	width:98%;
}
.koesiruFormDl dd.radio input[type="radio"]{
	position: relative;
	top: 2px;
	left: 3px;
	vertical-align: middle;
}
.koesiruFormScroll {
	margin: 15px 0 15px 0;
	height: 150px;
	overflow: auto;
	border: solid 1px #ccc;
	padding: 10px 10px 0px;
	line-height: 20px;
	font-size: 80%;
	width: 95%;
}
#form-area .koesiruFormDl input[type="submit"]{
	text-align: center;
	margin: 30px auto;
	padding: 10px 20px;
	background-color: #ea3838;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight: bold;
	color: #fff!important;
	display: block;
	max-width: 300px;
	box-shadow: 0 5px #af2f2f;
	border: none;
	width:100%;
}
input[type="email"] {
	padding: 2px;
	width: 98%;
}
#form-area .koesiruFormDl p{
	margin: 10px auto!important;
}
#form-area {
	width: 97%;
}
p.formText {
	padding-right:5%;
	font-size:13px;
}
.form-list-item {
	display:inline-block;
	margin-right:5px;
}

/*
#main-contents .rankingTable table{
        border:none;
}
#main-contents .rankingTable table td{
	border:none;
	margin:0;
	padding: 5px 0;
}
#main-contents .rankingTable  dl dt,
#mainCenter .rankingTable  dl dt{
        font-weight: bold;
        font-size:120%;
        border-bottom:1px dotted #ccc;
}
*/

hr{
border-color: #5C5C5C;
    border-bottom-color: rgba(92, 92, 92, 0.36);
border-style: dotted;
    border-bottom-style: dotted;
border-bottom: 1px;
}


@media only screen and (max-width : 640px){
	.koesiruFormDl dt,.koesiruFormDl dd {
		width:100%;
	}
	.koesiruFormDl dt{
		background-color: inherit;
		color: inherit;
		margin: 0;
		padding-left: 0;
		font-weight: bold;
		font-size: 1.15em;
	}
	.koesiruFormDl dd{
		margin-bottom: 1.2em;
	}
	.koesiruFormDl span.req,.koesiruFormDl span.option {
		top: -1px;
		position: relative;
	}
	.koesiruFormScroll {
		width: 90%;
	}
}



/*--------------------------------------------------------
マイページ(SP)
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

#main-in #main-contents #haikei{
background-color: #ECECEC;
height: 115px;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#main-in #main-contents #maru{
background-color: white;
border-radius: 100%;
display: inline-block;
height: 85px;
width: 85px;
margin: 15px 1px 15px 1px;
}
#main-in #main-contents #maru hr#line_1{
width : 40px;
margin: -5px auto 1px auto;
border-top: 1px solid  white;
color: white;
}
#main-in #main-contents #maru hr#line_2{
width : 40px;
margin: -5px auto 1px auto;
border-top: 1px solid #1faae0;
color: #1faae0;
}
#main-in #main-contents #maru hr#line_3{
width : 40px;
margin: -5px auto 1px auto;
border-top: 1px solid #e3a425;
color: #e3a425;
}
#main-in #main-contents #maru #point{
font-weight: bold;
}
#main-in #main-contents #maru #folow{
color: #1faae0;
font-weight: bold;
}
#main-in #main-contents #maru #folower{
color: #e3a425;
font-weight: bold;
}
#main-in #main-contents #maru .fontbig{
font-size: 23px !important;
font-weight: normal !important;
}
#main-in #main-contents #maru #naiyou{
margin: 17px 0px;
}
#main-in #main-contents #prof_area{
text-align: center;
margin-bottom: 20px;
}
#main-in #main-contents #prof_area #name{
display: inline-block;
font-weight: bold;
font-size: 19px;
}
#main-in #main-contents #prof_area img{
height: 100px;
width: 100px;
margin: 10px;
}
#main-in #main-contents #prof_area .button,
#main-in #main-contents #notice_area .button{
display: inline-block;
padding: 4px 15px 1px;
border: 1px solid #AAA;
border-radius: 5px;
background: #FFF;
color: #000;
margin-left: 15px;
margin-bottom: 10px;
text-align: center;
}
#main-in #main-contents #game_area{
text-align: center;
margin-bottom: 20px;
}
#main-in #main-contents #game_area span{
font-size: 17px;
color: #2895c0;
font-weight: bold;
}
#main-in #main-contents #game_area hr#line{
width: 100%;
border-top: 2px dashed #ECECEC;
color: #ECECEC;
margin: -15px auto 16px auto;
}
#main-in #main-contents #game_area #img_line{
height: 80px;
width: 80px;
margin: 7px;
display: inline-block;
vertical-align: top;
}
#main-in #main-contents #game_area #img{
height: 100%;
width: 100%;
}
#main-in #main-contents #game_area #tapadd_out{
background-color: #AAA;
border-radius: 5%;
height: 80px;
width: 80px;
}
#main-in #main-contents #game_area #tapadd_in{
background-color: white;
border: 1px solid #AAA;
color: #AAA;
border-radius: 5%;
height: 73px;
width: 78.5px;
position: relative;
cursor: pointer;
}
#main-in #main-contents #game_area #tap_text{
position: absolute;
top: 18px;
left: 0;
right: 0;
font-weight: bold;
}
#main-in #main-contents #notice_area ul {
list-style-type: disc;
padding-left: 30px;
}
#main-in #main-contents #notice_area li {
list-style: disc outside;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border: none;
}
#main-in #main-contents #notice_area .button_area {
text-align: center;
margin: 5px 0px;
}
#main-in #main-contents .gameCount {
color: blue;
margin-top: 13px;
margin-right: 10px;
float: right;
}

}


/*-----------------------------------
VTinterview
--------------------------------------*/
#vtuber-wrap{
font-family: "Open Sans", "Hiragino Kaku Gothic ProN", HiraKakuPro-W3, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
#vtuber-wrap p{
line-height:1.7;
margin:0px 0 20px;
font-size:15px;
}
#vtuber-wrap p:nth-of-type(1){
line-height:1.7;
margin:0px 0 20px;
}
#vtuber-wrap p.question{
margin-top:40px!important;
font-size:16px;  
}
#mainCenter #vtuber-wrap h2{
margin:40px 0 20px!important;   
padding: 0 0 5px;
border-bottom: 2px solid #888;
font-weight:bold;
font-size:18px;
background:none;
color:#414141;
font-size:18px;
}
#vtuber-wrap td span{
padding:2px;
display:inline-block;
box-sizing:border-box;
}
/*-----------------------------------
VTinterviewMlist
--------------------------------------*/
.Mtitle{
display:block;
padding:10px 10px 0;
background:#f5f5f5;
margin:0 0 0px!important;
font-size:16px;
font-weight:bold;
border-radius:5px 5px 0 0;
}
.Mlist-box{
display:block;
padding:10px;
background:#f5f5f5;
margin:0 0 20px;
display:flex;
border-radius:0px 0px 5px 5px;
}
.Mlist-box img{
width:30%;
height:auto;
margin-right:10px;
object-fit:contain;
object-position:center;
background: rgba(0,45,112,1);
background: -moz-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,45,112,1)), color-stop(100%, rgba(4,0,36,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: linear-gradient(135deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
}
.Mlist-box .Mlist{
width:70%;
height:200px;
background:#FFF;
padding:10px;
}
.Mlist-box .Mlist p.Mlist-bt{
margin:0 0 10px!important;
}
.Mlist-box .Mlist p.Mlist-bt span.downL a,.Mlist-box .Mlist p.Mlist-bt span.shaR a{
color:#FFF;
}
.Mlist-box .Mlist p.Mlist-bt span.downL a:hover,.Mlist-box .Mlist p.Mlist-bt span.shaR a:hover{
color:#FFF;	
opacity:0.6;
}
.Mlist-box .Mlist p.Mlist-bt span.downL a{
display:inline-block;
background:#0059d4;
padding:0px 10px;
border-radius:3px;
line-height:25px!important;
font-size:14px;
color:#FFF;
}
.Mlist-box .Mlist p.Mlist-bt span.shaR a{
display:inline-block;
background:#08ccad;
padding:0px 10px;
border-radius:3px;
line-height:25px!important;
font-size:14px;
color:#FFF;
margin:0 0 0 10px;
}
.Mlist-box .Mlist ul {
overflow-y:auto;
height:77%;
border:1px solid #ccc;
padding:5px 10px;
}
.Mlist-box .Mlist ul li{
display:block;
background:none;
padding:5px 0!important;
font-size:14px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.Mtitle{
display:block;
padding:5px 10px 0;
background:#f5f5f5;
margin:0 0 0px!important;
font-size:16px;
font-weight:bold;
border-radius:2px 2px 0 0;
}
.Mlist-box{
display:block;
padding:5px;
background:#f5f5f5;
margin:0 0 20px;
display:flex;
box-sizing:border-box;
border-radius:0px 0px 2px 2px;
}
.Mlist-box img{
width:40%;
height:200px;
margin-right:5px;
object-fit:contain;
object-position:center;
background: rgba(0,45,112,1);
background: -moz-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,45,112,1)), color-stop(100%, rgba(4,0,36,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
background: linear-gradient(135deg, rgba(0,45,112,1) 0%, rgba(4,0,36,1) 100%);
box-sizing:border-box;
}
.Mlist-box .Mlist{
width:60%;
height:200px;
background:#FFF;
padding:5px;
box-sizing:border-box;
}
.Mlist-box .Mlist p.Mlist-bt{
margin:3px 0 10px!important;
text-align:center;
display:flex;
}
.Mlist-box .Mlist p.Mlist-bt span.downL a{
display:inline-block;
background:#0059d4;
padding:0px 10px;
border-radius:3px;
line-height:25px!important;
font-size:11px;
color:#FFF;
}
.Mlist-box .Mlist p.Mlist-bt span.shaR a{
display:inline-block;
background:#08ccad;
padding:0px 10px;
border-radius:3px;
line-height:25px!important;
font-size:11px;
color:#FFF;
margin:0 0 0 10px;
}
.Mlist-box .Mlist ul {
overflow-y:auto;
height:150px;
box-sizing:border-box;
border:1px solid #ccc;
padding:5px 5px!important;
}
.Mlist-box .Mlist ul li{
display:block;
background:none;
padding:1px 0!important;
font-size:12px;
}
}
/*-----------------------------------
VTinterview(SP)
--------------------------------------*/
#main-contents #vtuber-wrap h2{
margin:40px 0 20px!important;   
padding: 0 0 5px;
border-bottom: 2px solid #888;
font-weight:bold;
font-size:16px;
background:none;
color:#414141;
}
#main-contents #vtuber-wrap p{
line-height:1.6;
margin:0px 0 20px;
}
#main-contents #vtuber-wrap p span{
font-size:13px!important;
}
#main-contents #vtuber-wrap p.question{
margin-top:40px!important;
margin-bottom:20px!important;
}
#main-contents #vtuber-wrap p.question span{
font-size:14px!important;
font-weight:bold;
}

/*-----------------------------------
おすすめ追従ボタン
--------------------------------------*/
.new-hidden-box{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.newapp-tujyu-bt{
font-family: 'Kosugi Maru', sans-serif;
}
.newapp-tujyu-bt a{
display:flex;
justify-content: center;
align-items: center;
border-radius:50px 0 0 50px;
padding:6px 10px;
background:rgba(78, 144, 206, 0.8);
line-height:normal;
}
.newapp-tujyu-tuki{
display:flex;
align-items: center;
}
.newapp-tujyu-bt .newapp-tujyu-tuki:before{
content:"";
background: url(https://koesiru.jp/img/koesiru/top/rankingicon-tujyuu.png) no-repeat center / 15px;
width:15px;
height:15px;
display:inline-block;
margin-right:5px;
}
.newapp-tujyu-bt .newapp-tujyu-tuki:after{
content:"7月";
font-size:13px;
font-weight:bold;
color:#ffe700;
margin-right:2px;
}
.newapp-tujyu-bt .newapp-tuijyu-txt:before{
content:"おすすめゲーム";
font-size:13px;
font-weight:bold;
color:#fff;
}

.newapp-tujyu-bt2{
font-family: 'Kosugi Maru', sans-serif;
position:relative;
display:flex;
justify-content: center;
align-items: center;
border-radius:50px 0 0 50px;
padding:6px 10px;
background:rgba(78, 144, 206, 0.8);
line-height:normal;
}
.newapp-tujyu-bt2 a{
width:100%;
height:100%;
position:absolute;
}
.newapp-tujyu-bt2 .newapp-tujyu-tuki:before{
content:"";
background: url(https://koesiru.jp/img/koesiru/top/rankingicon-tujyuu.png) no-repeat center / 15px;
width:15px;
height:15px;
display:inline-block;
margin-right:5px;
}
.newapp-tujyu-bt2 .newapp-tujyu-tuki:after{
content:"7月";
font-size:13px;
font-weight:bold;
color:#ffe700;
margin-right:2px;
}
.newapp-tujyu-bt2 .newapp-tuijyu-txt:before{
content:"おすすめゲーム";
font-size:13px;
font-weight:bold;
color:#fff;
}
/*全体*/
.new-hidden-box {
margin:0;
padding:0;
width:auto;
position: fixed;
bottom:135px;
right:0;
z-index:10;
text-align:right;
display:block;
}
/*アイコンを表示*/
/*
.new-hidden-box label:before {
display: inline-block;
content: '表示する';
font-family: 'FontAwesome','Kosugi Maru', sans-serif;
padding: 2px 10px;
transition: 0.2s;
background:rgba(78, 144, 206, 0.8);
color:#FFF;
font-size:13px;
border-radius:50px 0 0 50px;
}
.new-hidden-box input:checked ~ label:before {
content: '\f00d';
color: #4e90ce;
background:none;
}
*/
.new-hidden-box label:before {
display:none;
}
.new-hidden-box input:checked ~ label:before {
font-size:13px;
font-family: 'FontAwesome','Kosugi Maru', sans-serif;
content: '\f00d';
color: #4e90ce;
background:none;
padding: 2px 10px;
display: inline-block;
}
/*チェック*/
.new-hidden-box input {
display:none;
}
/*中身非表示*/
.new-hidden-box .hidden_show {
opacity:0;
transition:0.8s;
display:none;
}
/*中身表示*/
.new-hidden-box input:checked ~ .hidden_show {
opacity: 1;
display:block;
}
}
.topReview .topReviewInner {
display: -webkit-flex;
display: flex;
align-items: center;
}
#main-contents table.saiyo_table{
margin-bottom: 1.5em;
margin-top: 10px;
padding: 0;
border: 1px solid #dde4e6;
width: 95%;
margin: 10px auto 10px;
}
#main-contents table.saiyo_table th{
width:35%;
}
#main-contents #osusume-game-ranking-area table.PRrank-icon2{
margin: 0px auto;
width: 95%;
}
#main-contents #osusume-game-ranking-area table.PRrank-icon2 td{
padding: 5px 2px;
}
/*------------------------------------------------------------
mononokeデザイン用（pc）
-------------------------------------------------------------*/
.mononoke .mononoke-in{
}
.mononoke{
background:url(https://koesiru.jp/img/koesiru/sinsaku/mononoke-main-bg.jpg)repeat top center / 100%;
padding:0 10px;
position:relative;
overflow:hidden;
}
.pageUrlsinsaku-75 .post .contents:before{
content:"";
position:absolute;
width:230px;
height:230px;
top:85px;
left:10px;
background-size:100%;
}
.pageUrlsinsaku-75 .post .contents:after{
content:"";
position:absolute;
width:200px;
height:500px;
top:80px;
right:-80px;
opacity:0.8;
background-size:100%;
visibility:initial;
}
.mononoke .mononoke-in:before{
content:"";
position:absolute;
width:100%;
height:97.6%;
background:#FFF;
display:block;
top:200px;
left:0;
right:0;
margin:auto;
opacity:0.9;
border-radius:5px;
z-index:-1;
}
.mononoke .mononoke-in{
position:relative;
padding:200px 10px 30px 10px;
z-index:1;
}
.mononoke .mononoke-in p:nth-of-type(1) img{
display:none!important;
}
.mononoke .mononoke-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
.mononoke .mononoke-in .mokujiInfo {
background: #2b2b2b;
border: 1px solid #767676;
margin-bottom: 20px;
padding: 5px;
}
.mononoke .mononoke-in table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #912d31;
background:#FFF;
}
.mononoke .mononoke-in th,
.mononoke .mononoke-in td{
padding: 0.5em;
border-right: 1px solid #912d31;
border-bottom: 1px solid #912d31;
font-size:11px;
}
.mononoke .mononoke-in th{
background-color: #d8464c;
font-weight: bold;
text-align: left;
color:#FFF;
}
.mononoke .mononoke-in .gachaBtn:hover{
color: #fff;
background: #fb2230;
border: 1px solid #ff989b;
}
#mainCenter .mononoke .mononoke-in .gachaBtn {
border: 1px solid #b84448;
border-radius: 2px;
color: #FFF;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 100%;
margin: 0 auto;
transition: 0.3s;
background: rgba(102,14,19,1);
background: -moz-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,14,19,1)), color-stop(30%, rgba(48,4,6,1)), color-stop(56%, rgba(163,27,34,1)), color-stop(100%, rgba(48,4,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: linear-gradient(135deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
}
#mainCenter .mononoke .mononoke-in h4{
  border-left: 6px solid #bd1da2;
  margin: 10px 0 10px;
  padding-left: 6px;
    font-weight: bold;
}
#mainCenter .mononoke .mononoke-in h2{
  background:url(https://koesiru.jp/img/koesiru/sinsaku/mononoke-h2-pc.jpg) left center no-repeat;
  background-size: 100% 47%;
  color: #fff;
  font-size: 16px;
  margin: 10px 0px 10px;
  text-align: left;
      padding: 10px 0 9px 12px;
background-position:bottom;
margin-top:-50px;
padding-top:60px;
border-bottom:0;
}
#mainCenter .mononoke .mononoke-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/mononoke-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 10px 0px;
text-align:left;
padding: 10px 0 14px 36px;
border-left:none;
border-bottom:0;
}
#mainCenter .mononoke .mononoke-in :before {
display:none;
}


@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
/*------------------------------------------------------------
新作特設デザイン用(SP)
-------------------------------------------------------------*/
.mononoke{
background:url(https://koesiru.jp/img/koesiru/sinsaku/mononoke-main-bg.jpg)repeat top center / 100%;
padding:0 10px;
position:relative;
overflow:hidden;
}
.mononoke:before{
content:"";
position:absolute;
width:230px;
height:230px;
top:85px;
left:10px;
background-size:100%;
}
.mononoke:after{
content:"";
position:absolute;
width:200px;
height:500px;
top:80px;
right:-80px;
opacity:0.8;
background-size:100%;
visibility:initial;
}
.mononoke .mononoke-in:before{
content:"";
position:absolute;
width:100%;
height:100%;
background:#FFF;
display:block;
top:140px;
left:0;
right:0;
margin:auto;
opacity:0.85;
border-radius:0px;
z-index:-1;
}
.mononoke .mononoke-in{
position:relative;
padding:140px 5px 30px 5px;
z-index:1;
box-sizing:border-box;
}
.mononoke .mononoke-in p:nth-of-type(1) img{
display:none!important;
}
.pageUrlsinsaku-75 .lead{
background:#FFF;
padding:10px;
border-radius:3px;
border:1px solid #912d31;
box-sizing:border-box;
}
.mononoke .mononoke-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
.mononoke .mononoke-in .mokujiInfo {
background: #2b2b2b;
border: 1px solid #767676;
margin-bottom: 20px;
padding: 5px;
}
.mononoke .mononoke-in table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #912d31;
background:#FFF;
}
.mononoke .mononoke-in th,
.mononoke .mononoke-in td{
padding: 0.5em;
border-right: 1px solid #912d31;
border-bottom: 1px solid #912d31;
font-size:11px;
}
.mononoke .mononoke-in th{
background-color: #d8464c;
font-weight: bold;
text-align: left;
color:#FFF;
}
.mononoke .mononoke-in .gachaBtn:hover{
color: #fff;
background: #fb2230;
border: 1px solid #ff989b;
}
.mononoke .mononoke-in .gachaBtn {
border: 1px solid #b84448;
border-radius: 2px;
color: #FFF;
display: block;
font-weight: bold;
padding: 7px 0;
text-align: center;
width: 100%;
margin: 0 auto;
transition: 0.3s;
background: rgba(102,14,19,1);
background: -moz-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(102,14,19,1)), color-stop(30%, rgba(48,4,6,1)), color-stop(56%, rgba(163,27,34,1)), color-stop(100%, rgba(48,4,6,1)));
background: -webkit-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: -o-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
background: linear-gradient(135deg, rgba(102,14,19,1) 0%, rgba(48,4,6,1) 30%, rgba(163,27,34,1) 56%, rgba(48,4,6,1) 100%);
}
#main-contents .mononoke .mononoke-in h4{
border-left: 6px solid #bd1da2;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#main-contents .mononoke .mononoke-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/mononoke-h2-pc.jpg) left center no-repeat;
background-size: 100% 47%;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
margin-top:-50px;
padding-top:60px;
}
#main-contents .mononoke .mononoke-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/mononoke-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 0px 0px;
text-align:left;
padding: 10px 0 14px 36px;
border-left:none;
border-bottom:0;
}
#main-contents .mononoke .mononoke-in h3:before{
display:none;
}
.new_koukokuwaku_wrapper{
margin-bottom:20px;
}
}

.download-box-in{
margin-top:10px;
background:none;
}
.download-box-in ul{
display:flex;
justify-content:center;
align-items:center;
background:none;
}
.download-box-in ul li{
width:100%;
text-align:center;
background:none!important;
}
.download-box-in ul li img{
width:96%;
border-radius:8px;
}


/*------------------------------------------------------------
vgameデザイン用（pc）
-------------------------------------------------------------*/
.vgame-wrap{
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-main-bg.jpg)no-repeat top center / 100%;
background-color:#211f46;
padding:0 10px;
position:relative;
overflow:hidden;
}
.vgame-wrap .vgame-main-in:before{
content:"";
position:absolute;
width:100%;
height:92%;
background:#FFF;
display:block;
top:190px;
left:0;
right:0;
margin:auto;
opacity:0.95;
border-radius:5px;
z-index:-1;
}
.vgame-wrap .vgame-main-in{
position:relative;
padding:200px 10px 30px 10px;
z-index:1;
}
.vgame-wrap .vgame-main-in table {
padding:0;
border:0;
background:#211f46;
}
#mainCenter .vgame-main-in table td{
padding:2px;
}
#mainCenter .vgame-main-in table th,#mainCenter .vgame-main-in table td,#mainCenter .vgame-main-in table tr{
border:0;
color:#FFF;
}
#mainCenter .vgame-wrap .lead{
padding:3px 0;
margin:-10px 0 20px;
background:rgb(0, 0, 0);
font-size:11px;
color:#FFF;
}
/*---interview---*/
.vgame-wrap .vgame-view-wrap{
padding:170px 0 10px;
position:relative;
margin-top: 0;
}
.vgame-wrap .vgame-view-wrap:before{
content:"";
height:100%;
width:100%;
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-view-01.png) no-repeat;
background-size:62%;
background-position:5px -55px;
position:absolute;
top:0;
z-index:1;
}
.vgame-wrap .vgame-view-wrap:after{
content:"";
height:100%;
width:100%;
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-view-02.png) no-repeat;
background-size:69%;
background-position:180% -15px;
position:absolute;
top:0;
z-index:0;
}
.vgame-wrap .vgame-view-in{
background:rgba(255, 255, 255, 0.9);
padding:10px 10px 20px;
border-radius:5px;
z-index:1;
position:relative;
}
#mainCenter .vgame-wrap .vgame-view-in img{
width:100%;
}
#mainCenter .vgame-wrap .vgame-view-in table,#mainCenter .vgame-wrap .vgame-view-in table th,#mainCenter .vgame-wrap .vgame-view-in table td{
border:0;
padding:0;
margin:0;
}
#mainCenter .vgame-wrap .vgame-view-in table{
border:0;
padding:0;
margin:20px 0 0;	
}
#mainCenter .vgame-wrap .vgame-view-in table tr:last-of-type td{
padding:5px 0;
color:#FFF;
background:#000000;
}
#mainCenter .vgame-wrap table + .lead{
padding:5px 0 3px!important;
margin:-10px 0 20px!important;
background:#000000;
font-size:10px;
color:#666;
}
#mainCenter .vgame-wrap .vgame-view-in h2:first-of-type{
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-h2-pc.jpg)no-repeat center/ 100% 100%;
height:45px;
line-height:45px;
text-align:center;
font-size:18px;
position:absolute;
margin:auto;
top:-50px;
right:0;
left:0;
margin:0;
padding:0;
z-index:1;
}
#mainCenter .vgame-wrap .vgame-view-in .b{
font-size:14px;
}
#mainCenter .vgame-wrap h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-h2-pc.jpg)no-repeat center/ 100% 100%;
line-height:25px;
margin:50px 0 10px;
}

/*------------------------------------------------------------
vgameデザイン用（SP）
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.vgame-wrap{
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-main-bg.jpg)no-repeat top center / 100%;
background-color:#211f46;
padding:0 10px;
position:relative;
overflow:hidden;
}
.vgame-wrap .vgame-main-in:before{
content:"";
position:absolute;
width:100%;
height:93.7%;
background:#FFF;
display:block;
top:145px;
left:0;
right:0;
margin:auto;
opacity:0.95;
border-radius:5px;
z-index:-1;
}
.vgame-wrap .vgame-main-in{
position:relative;
padding:150px 5px 25px 5px;
z-index:1;
}
#main-contents .vgame-main-in table {
padding:0;
border:0;
background:#211f46;
}
#main-contents .vgame-main-in table td{
padding:2px;
background:#211f46;
}
#main-contents .vgame-main-in table th,#main-contents .vgame-main-in table td,#main-contents .vgame-main-in table tr{
border:0;
color:#FFF;
}
#main-contents .vgame-wrap .lead{
padding:3px 0;
margin:-13px 0 20px;
background:rgb(0, 0, 0);
font-size:11px;
color:#FFF;
}
/*---interview---*/
#main-contents .vgame-wrap .vgame-view-wrap{
padding:170px 0 5px;
position:relative;
margin-top: 0;
}
#main-contents .vgame-wrap .vgame-view-wrap:before{
content:"";
height:100%;
width:100%;
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-view-01.png) no-repeat;
background-size:62%;
background-position:5px -55px;
position:absolute;
top:0;
z-index:1;
}
#main-contents .vgame-wrap .vgame-view-wrap:after{
content:"";
height:100%;
width:100%;
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-view-02.png) no-repeat;
background-size:69%;
background-position:180% -15px;
position:absolute;
top:0;
z-index:0;
}
#main-contents .vgame-wrap .vgame-view-in{
background:rgba(255, 255, 255, 0.9);
padding:5px 5px 20px;
border-radius:5px;
z-index:1;
position:relative;
}
#main-contents .vgame-wrap .vgame-view-in img{
width:100%;
}
#main-contents .vgame-wrap .vgame-view-in table,#main-contents .vgame-wrap .vgame-view-in table th,#main-contents .vgame-wrap .vgame-view-in table td,#main-contents .vgame-wrap .vgame-view-in table tr{
border:0;
padding:0;
margin:0;
}
#main-contents .vgame-wrap .vgame-view-in table{
border:0;
padding:0;
margin:20px 0 0;	
}
#main-contents .vgame-wrap .vgame-view-in table tr:last-of-type td{
padding:5px 0;
color:#FFF;
background:#000000;
}
#main-contents .vgame-wrap table + .lead{
padding:5px 0 3px!important;
margin:-10px 0 20px!important;
background:#000000;
font-size:10px;
color:#666;
}
#main-contents .vgame-wrap .vgame-view-in h2:first-of-type{
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-h2-pc.jpg)no-repeat center/ 100% 100%;
height:45px;
line-height:45px;
text-align:center;
font-size:18px;
position:absolute;
margin:auto;
top:-50px;
right:0;
left:0;
margin:0;
padding:0;
z-index:1;
}
#main-contents .vgame-wrap .vgame-view-in .b{
font-size:14px;
}
#main-contents .vgame-wrap h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-h2-pc.jpg)no-repeat center/ 100% 100%;
line-height:25px;
margin:50px 0 10px;
}
}
@media only screen and (orientation:landscape) and (max-width : 667px){
.vgame-wrap .vgame-main-in:before{
content:"";
position:absolute;
width:100%;
height:91%;
background:#FFF;
display:block;
top:245px;
left:0;
right:0;
margin:auto;
opacity:0.95;
border-radius:5px;
z-index:-1;
}
.vgame-wrap .vgame-main-in{
position:relative;
padding:250px 5px 25px 5px;
z-index:1;
}
#main-contents .vgame-wrap .vgame-view-wrap{
padding:270px 0 10px;
position:relative;
margin-top: 0;
}
}

.news-box-sinsaku{
width:100%;
height:180px;
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-view-news.jpg)no-repeat center -18px;
background-size:100%;
margin:20px auto 20px;
position:relative;
border-radius:3px;
}
.news-box-sinsaku span{
display:block;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
width:100%;
line-height:1.3;
color:#FFF;
font-size:13px;
text-align:left;
z-index:1;
font-weight:bold;
padding:0 15px 5px;
box-sizing:border-box;
}
.news-box-sinsaku span:after{
content:"";
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0));
background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0));
width:100%;
height:80px;
border-radius:3px;
z-index:-1;
}
.news-box-sinsaku a{
position:absolute;
width:100%;
height:100%;
z-index:2;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.news-box-sinsaku{
width:95%;
height:135px;
background:url(https://koesiru.jp/img/koesiru/sinsaku/vgame-view-news.jpg)no-repeat center -18px;
background-size:100%;
margin:20px auto 20px;
position:relative;
border-radius:3px;
}
.news-box-sinsaku span{
display:block;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
width:100%;
height:auto;
line-height:1.3;
color:#FFF;
font-size:12px;
text-align:left;
z-index:1;
font-weight:bold;
padding:0 5px 5px;
box-sizing:border-box;
}
}




/*------------------------------------------------------------
vod
-------------------------------------------------------------*/
.vodrank-wrap{
padding:0px;
margin:20px 0 0;
box-sizing:border-box;
}
.vodrank-wrap dl{
margin:0 0 10px;
padding:20px;
border:3px solid #f22368;
border-radius:5px;
box-sizing:border-box;
}
.vodrank-wrap dl dt{
margin:0 0 5px;
padding:0;
}
.vodrank-wrap dl dt span{
font-size:14px;
font-weight:bold;
}
.vodrank-wrap dl dt a{
font-size:14px;
font-weight:bold;
border-bottom:1px solid;
}
.vodrank-wrap dl dd{
margin:0 0 10px;
padding:0;
color:#666;
}
.vodrank-wrap dl dd:last-child{
margin:0;
}
.vodrank-wrap .vodrank-midashi{
background:#f22368;
color:#FFF;
width:auto;
display:inline-block;
text-align:center;
margin:0 0 0 10px!important;
padding:5px 10px;
border-radius:5px 5px 0 0;
font-size:14px;
}
.vod-cv{
text-align:center;
margin:20px auto;
display:block;
width:80%;
}
.vod-cv p:first-of-type{
color: #e91e63;
border: 3px solid #e91e63;
border-radius: 10px;
padding: 10px;
font-weight: bold;
position: relative;
margin-bottom: 10px;
}
.vod-cv p:first-of-type:before,.vod-cv p:first-of-type:after{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
.vod-cv p:first-of-type:before{
bottom: -20px;
border-style: solid;
border-color: #e91e63 transparent transparent transparent;
border-width: 20px 20px 0 20px;
z-index: 9;
}
.vod-cv p:first-of-type:after{
bottom: -16px;
border-style: solid;
border-color: #fff transparent transparent transparent;
border-width: 20px 20px 0 20px;
z-index: 10;
}
.vod-cv a:first-of-type{
display: block;
border-radius: 10px;
padding: 20px 0;
cursor: pointer;
font-size: 20px;
cursor: pointer;
color: #fff;
background: rgba(253,41,111,1);
background: -moz-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,41,111,1)), color-stop(100%, rgba(235,31,99,1)));
background: -webkit-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: -o-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: -ms-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: linear-gradient(to bottom, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
box-shadow: 1px 1px 0px 2px rgb(254, 101, 151) inset,-1px -1px 0px 2px rgb(202, 33, 89) inset;
}
.vod-cv a:first-of-type:hover{
opacity: 0.6;
}
a.vod-btn{
display:block;
font-size:12px;
font-weight:bold;
text-align:center;
background:#f32368;
color:#FFF!important;
padding:3px 0 3px;
border-radius:5px;
border-bottom:2px solid #89002d;
}
a.vod-btn:hover{
border-bottom:0px solid #89002d;
margin:2px 0 0;
opacity:0.8;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
/*------------------------------------------------------------
vod
-------------------------------------------------------------*/
#main-contents .vodrank-wrap{
padding:0px;
margin:20px 0 0;
box-sizing:border-box;
}
#main-contents .vodrank-wrap dl{
margin:0 0 10px;
padding:10px;
border:3px solid #f22368;
border-radius:5px;
box-sizing:border-box;
}
#main-contents .vodrank-wrap dl dt{
margin:0 0 5px;
padding:0;
}
#main-contents .vodrank-wrap dl dt span{
font-size:14px;
font-weight:bold;
}
#main-contents .vodrank-wrap dl dt a{
font-size:14px;
font-weight:bold;
border-bottom:1px solid;
}
#main-contents .vodrank-wrap dl dd{
margin:0 0 10px;
padding:0;
color:#666;
}
.vodrank-wrap dl dd:last-child{
margin:0;
}
#main-contents .vodrank-wrap .vodrank-midashi{
background:#f22368;
color:#FFF;
width:auto;
display:block;
text-align:center;
margin:0 auto;
padding:5px 5px;
border-radius:5px 5px 0 0;
font-size:13px;
width:95%;
}
#main-contents .vod-cv{
text-align:center;
margin:20px auto;
display:block;
width:90%;
}
#main-contents .vod-cv p:first-of-type{
color: #e91e63;
border: 3px solid #e91e63;
border-radius: 10px;
padding: 10px;
font-weight: bold;
position: relative;
margin-bottom: 10px;
}
#main-contents .vod-cv p:first-of-type:before,.vod-cv p:first-of-type:after{
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
}
#main-contents .vod-cv p:first-of-type:before{
bottom: -20px;
border-style: solid;
border-color: #e91e63 transparent transparent transparent;
border-width: 20px 20px 0 20px;
z-index: 9;
}
#main-contents .vod-cv p:first-of-type:after{
bottom: -16px;
border-style: solid;
border-color: #fff transparent transparent transparent;
border-width: 20px 20px 0 20px;
z-index: 10;
}
#main-contents .vod-cv a:first-of-type{
display: block;
border-radius: 10px;
padding: 20px 0;
cursor: pointer;
font-size: 20px;
cursor: pointer;
color: #fff;
background: rgba(253,41,111,1);
background: -moz-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,41,111,1)), color-stop(100%, rgba(235,31,99,1)));
background: -webkit-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: -o-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: -ms-linear-gradient(top, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
background: linear-gradient(to bottom, rgba(253,41,111,1) 0%, rgba(235,31,99,1) 100%);
box-shadow: 1px 1px 0px 2px rgb(254, 101, 151) inset,-1px -1px 0px 2px rgb(202, 33, 89) inset;
}
#main-contents .vod-cv a:first-of-type:hover{
opacity: 0.6;
}
}


/*---チャート---*/
.vod-flowtab{
width: 100%;
position: relative;
margin-bottom: 20px;
background: #fffef1;
border: 1px solid #dde4e6;
padding: 20px 5px 20px;
border-radius: 4px;
box-sizing: border-box;
}
.vod-flowtab img.vod-flowtab-img{
width:100%;
}
.vod-flowtab-in{
width:100%;
position:absolute;
bottom:30px;
left:0;
}
.vod-flowtab-in table{
border:0!important;
margin:0!important;
}
.vod-flowtab-in table tr{
border:0!important;
}
.vod-flowtab-in table th{
border:0!important;
}
.vod-flowtab-in table tr td{
text-align:center;
padding:1px!important;
margin:0!important;
width:10%;
border:0!important;
}
.vod-flowtab-in table tr td:nth-of-type(1){
text-align:center;
padding:0;
margin:0;
width:13%;
}
.vod-flowtab-in table tr td:nth-of-type(2){
text-align:center;
padding:0;
margin:0;
width:13%;
}
.vod-flowtab-in table tr td:nth-of-type(3){
text-align:center;
padding:0;
margin:0;
width:12%;
}
.vod-flowtab-in table tr td:nth-of-type(4){
text-align:center;
padding:0;
margin:0;
width:3.4%;
}
.vod-flowtab-in table tr td:nth-of-type(5){
text-align:center;
padding:0;
margin:0;
width:12%;
}
.vod-flowtab-in table tr td:nth-of-type(6){
text-align:center;
padding:0;
margin:0;
width:13%;
}
.vod-flowtab-in table tr td:nth-of-type(7){
text-align:right!important;
padding:0!important;
margin:0!important;
width:9.7%;
}
.vod-flowtab-in table tr td:nth-of-type(8){
text-align:left!important;
padding:0!important;
margin:0!important;
width:9.7%;
}
.vod-flowtab-in img{
width:40px;
border-radius:8px;
border:1px solid #eaeaea;
box-sizing:border-box;
background:none!important;
}

@media screen and (orientation: landscape) and (max-width : 753px){
.vod-flowtab-in img{
width:50px;
}
.vod-flowtab-in{
width:100%;
bottom:30px;
}
}
@media only screen and (max-width : 514px){
.vod-flowtab-in img{
width:35px;
}
.vod-flowtab-in{
width:100%;
bottom:28px;
}
}
@media only screen and (max-width : 413px){
.vod-flowtab-in img{
width:30px;
}
.vod-flowtab-in{
width:100%;
bottom:28px;
}
}



p.vod-txt-sub{
margin:0!important;
padding:0!important;
display:block;
text-align:center;
font-weight:bold;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
color:#f32368;
font-size:11px;
}
p.vod-txt-sub:before{
content:"\\";
display:inline-block;
margin:0 5px 0 0;
}
p.vod-txt-sub:after{
content:"/";
display:inline-block;
margin:0 0 0 5px;
}
p.vod-txt-sub.vodcolor-b{
color:#34a3d1;
}
p.vod-txt-sub.vodcolor-o{
color:#f60;
}
p.vod-txt-sub.vodcolor-g{
color:#16af53;
}
p.vod-txt-sub.vodcolor-v{
color:#9a64bb;
}
p.vod-txt-sub.vodcolor-no{
color:#444;
}

.job-bottom-bt{
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.job-bottom-bt{
position:fixed;
padding:5px 0;
left:0;
bottom:0;
z-index:2147483647;
display:flex;
width:100%;
background:rgba(28, 20, 85, 0.8);
animation:fadeIn 3s ease 0s 1 normal;
-webkit-animation:fadeIn 3s ease 0s 1 normal;
opacity:1;
}
.job-bottom-bt .gachaBtn-new3{
background-image: linear-gradient(-20deg, #004de8, #00b5ed, #004de8);
transition:.5s;
background-size: 200%;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
border-radius:25px;
color:#fff!important;
display: block;
border-top: 0px solid #34A3D1;
border-bottom: solid 2px #002d60;
font-weight: bold;
padding: 10px 0;
text-align:center;
margin:10px auto 13px;
width:90%;
}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
}



/*------------------------------------------------------------
rollingデザイン用（pc）
-------------------------------------------------------------*/
.rollingsp .rollingsp-in{
}
.rollingsp{
background: url(https://koesiru.jp/img/koesiru/sinsaku/rolling-main-bg.jpg)no-repeat #1f2352 top center / 100%;
padding:0 10px 10px;
position:relative;
overflow:hidden;
}
.rollingsp .rollingsp-in:before{
content:"";
position:absolute;
width:100%;
height:97.6%;
background:#FFF;
display:block;
top:200px;
left:0;
right:0;
margin:auto;
opacity:0.9;
border-radius:5px;
z-index:-1;
}
.rollingsp .rollingsp-in{
position:relative;
padding:200px 10px 30px 10px;
z-index:1;
}
.rollingsp .rollingsp-in p:nth-of-type(1) img{
display:none!important;
}
.rollingsp .rollingsp-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
.rollingsp .rollingsp-in .mokujiInfo {
background: #2b2b2b;
border: 1px solid #767676;
margin-bottom: 20px;
padding: 5px;
}
#mainCenter .rollingsp .rollingsp-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#mainCenter .rollingsp .rollingsp-in h4{
border-left: 6px solid #2abbb7;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#mainCenter .rollingsp .rollingsp-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rolling-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
border-bottom:0;
}
#mainCenter .rollingsp .rollingsp-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rolling-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 10px 0px;
text-align:left;
padding: 10px 0 14px 30px;
border-left:none;
border-bottom:0;
}
#mainCenter .rollingsp .rollingsp-in :before {
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
/*------------------------------------------------------------
rollingデザイン用(SP)
-------------------------------------------------------------*/
.rollingsp{
background: url(https://koesiru.jp/img/koesiru/sinsaku/rolling-main-bg.jpg)no-repeat #1f2352 top center / 100%;
padding:0 5px 10px;
position:relative;
overflow:hidden;
}
.rollingsp:before{
content:"";
position:absolute;
width:230px;
height:230px;
top:85px;
left:10px;
background-size:100%;
}
.rollingsp .rollingsp-in:before{
content:"";
position:absolute;
width:100%;
height:100%;
background:#FFF;
display:block;
top:140px;
left:0;
right:0;
margin:auto;
opacity:0.9;
border-radius:0px;
z-index:-1;
}
.rollingsp .rollingsp-in{
position:relative;
padding:140px 5px 30px 5px;
z-index:1;
box-sizing:border-box;
}
.rollingsp .rollingsp-in p:nth-of-type(1) img{
display:none!important;
}
.rollingsp .rollingsp-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
#main-contents .rollingsp .rollingsp-in .mokujiInfo {
margin:10px 0;
}
#main-contents .rollingsp .rollingsp-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#main-contents .rollingsp .rollingsp-in h4{
border-left: 6px solid #2abbb7;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#main-contents .rollingsp .rollingsp-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rolling-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
}
#main-contents .rollingsp .rollingsp-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rolling-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 0px 0px;
text-align:left;
padding: 10px 0 14px 26px;
border-left:none;
border-bottom:0;
}
#main-contents .rollingsp .rollingsp-in h3:before{
display:none;
}
#main-contents .rollingsp .rollingsp-in .download-box-in + p{
margin:0!important;
}
#main-contents .rollingsp .rollingsp-in .download-box-in ul li{
margin:0!important;
padding:0!important;
}
.rollingsp .rollingsp-in .new_koukokuwaku_wrapper{
position:relative;
display:block;
height:300px;
}
.rollingsp .rollingsp-in .new_koukokuwaku_wrapper iframe{
position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto;
}
}
.rollingsp .rollingsp-in .download-box-in{
margin-top:10px;
background:none;
}
.rollingsp .rollingsp-in .download-box-in ul{
display:flex;
justify-content:center;
align-items:center;
background:none;
}
.rollingsp .rollingsp-in .download-box-in ul li{
width:100%;
text-align:center;
background:none!important;
border:0;
}
.rollingsp .rollingsp-in .download-box-in ul li img{
width:96%;
border-radius:8px;
}


/*------------------------------------------------------------
おすすめゲームアプリ診断
-------------------------------------------------------------*/
.pageosusumegamesindan .siromaru{
font-size: 1.5em;
font-weight: bold;
}
.pageosusumegamesindan #results ul li{
border-bottom:0px dotted #ccc;
}
.pageosusumegamesindan li.list-sinndan-on{
display:inline-block;
position:relative;
font-size:2.5em;
color: #ffeb00;
}
@media
only screen and (max-width : 375px){
.pageosusumegamesindan li.list-sinndan-on{
font-size:2.0em;
}
.pageosusumegamesindan li.list-sinndan-off{
font-size:1.5em;
}
}
.pageosusumegamesindan li.list-sinndan-on img{
display:inline-block;
position:absolute;
width:100%;
top:-10%;
left:0%
}
.pageosusumegamesindan li.list-sinndan-off{
display:inline-block;
font-size:2.0em;
color: #666;
}
.pageosusumegamesindan .button{
position: relative;
z-index: 2;
background-color: #34a3d1;
border: 2px solid #444;
color: #fff;
line-height: 50px;
cursor: pointer;
display: inline-block;
width: 48%;
height: 54px;
text-align: center;
text-decoration: none;
outline: none;
margin: 0 3px 20px 3px;
}
.pageosusumegamesindan .button,.pageosusumegamesindan .button::before,.pageosusumegamesindan .button::after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; 
-webkit-transition: all .3s;
transition: all .3s;
}
.pageosusumegamesindan .button:hover {
background-color: #fff;
border-color: #59b1eb;
color: #59b1eb;
}
.pageosusumegamesindan .button::before,.pageosusumegamesindan .button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
top: 0;
width: 50%;
height: 100%;
background-color: #999;
}
.pageosusumegamesindan .button::before {
right: 0;
}
.pageosusumegamesindan .button::after {
left: 0;
}
.pageosusumegamesindan .button:hover::before,
.pageosusumegamesindan .button:hover::after {
width: 0;
background-color: #59b1eb;
}
.pageosusumegamesindan .button-start {
position: relative;
z-index: 2;
background-color: #4dce9e;
border: 2px solid #53902d;
color: #fff;
line-height: 50px;
cursor: pointer;
width: 200px;
height: 54px;
text-align: center;
text-decoration: none;
outline: none;
}
.pageosusumegamesindan .button-start:hover {
background-color: #fff;
border-color: #a0e017;
color: #53902d;
}
.pageosusumegamesindan .button-start::before,
.pageosusumegamesindan .button-start::after {
position: absolute;
z-index: -1;
display: block;
content: '';
top: 0;
width: 50%;
height: 100%;
background-color: #37ad07;
}
.pageosusumegamesindan .button-start::before {
right: 0;
}
.pageosusumegamesindan .button-start::after {
left: 0;
}
.pageosusumegamesindan .button-start:hover::before,
.pageosusumegamesindan .button-start:hover::after {
width: 0;
background-color: #a0e017;
}
.pageosusumegamesindan .button-start,
.pageosusumegamesindan .button-start::before,
.pageosusumegamesindan .button-start::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.pageosusumegamesindan #kaitouForm p br{
display: none;
}
.pageosusumegamesindan .gachaBtn{
font-size: 13px;
border: 1px solid #34a3d1;
border-radius: 2px;
color: #34a3d1;
display: block;
font-weight: bold;
padding: 9px 0;
text-align: center;
width: 99%;
margin: 0 auto;
transition: 0.3s;
box-sizing: border-box;
}
.pageosusumegamesindan .gachaBtn:hover{
color: #fff;
background: #34a3d1;
}
.pageosusumegamesindan .gachaBtn:before{
content:'▶';
margin-right:4px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pageosusumegamesindan #results ul li{
padding: 0;
}
.pageosusumegamesindan .button{
margin: 0 2px 20px 2px;
}
}


/*------------------------------------------------------------
ranking15デザイン用（pc）
-------------------------------------------------------------*/
.osusume-rank15 .rank15-in{
}
.osusume-rank15{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rank-15-bg.jpg)repeat #1f2352 top center / 100%;
padding:10px;
box-sizing:border-box;
}
.osusume-rank15 .rank15-in{
padding:10px;
background:#FFF;
box-sizing:border-box;
}
.osusume-rank15 .rank15-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
.osusume-rank15 .rank15-in .mokujiInfo {
background: #2b2b2b;
border: 1px solid #767676;
margin-bottom: 20px;
padding: 5px;
}
#mainCenter .osusume-rank15 .rank15-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#mainCenter .osusume-rank15 .rank15-in h4{
border-left: 6px solid #7a89b6;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
position:relative;
}
#mainCenter .osusume-rank15 .rank15-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rank15-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
border-bottom:0;
}
#mainCenter .osusume-rank15 .rank15-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rank15-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 10px 0px;
text-align:left;
padding: 5px 0 6px 32px;
border:0!important;
}
#mainCenter .osusume-rank15 .rank15-in h3:before {
display:none;
}
/*テーブルカラー*/
#main-contents .osusume-rank15 table.tLine-00,#main-contents table.tLine-00 th,#main-contents table.tLine-00 td{
border:1px solid #c0bbb6;
}
#mainCenter .osusume-rank15 table.tLine-00,#mainCenter table.tLine-00 th,#mainCenter table.tLine-00 td{
border:1px solid #c0bbb6;
background:#fffef6;
}
#mainCenter table.tLine-00 th{
border:1px solid #c0bbb6;
background:#555;
color:#FFF;
}
#mainCenter .osusume-rank15 table.tLine-00 ul li,#mainCenter table.tLine-00 th ul li,#mainCenter table.tLine-00 td ul li{
background:none;
}
#mainCenter .osusume-rank15 table.tLine-00 th{
border:1px solid #c0bbb6;margin:0!important;
}
#mainCenter table.tableCole-b td{
background:#f4fcff;
}
#mainCenter table.tableCole-p td{
background:#fff1f3;
}
#mainCenter table.tableCole-g td{
background:#f9fff7;
}
#mainCenter table.tableCole-v td{
background:#f6f2ff;
}
#mainCenter table.tableCole-no td{
background:#f1f1f1;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
/*------------------------------------------------------------
ranking15デザイン用(SP)
-------------------------------------------------------------*/
.osusume-rank15{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rank-15-bg.jpg)repeat #1f2352 top center / 100%;
padding:5px;
box-sizing:border-box;
}
.osusume-rank15 .rank15-in{
padding:5px;
box-sizing:border-box;
}
.osusume-rank15 .rank15-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
#main-contents .osusume-rank15 .rank15-in .mokujiInfo {
margin:10px 0;
}
#main-contents .osusume-rank15 .rank15-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#main-contents .osusume-rank15 .rank15-in h4{
border-left: 6px solid #7a89b6;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#main-contents .osusume-rank15 .rank15-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rank15-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
}
#main-contents .osusume-rank15 .rank15-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/rank15-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 0px 0px;
text-align:left;
padding: 10px 0 14px 26px;
border-left:none;
border-bottom:0;
}
#main-contents .osusume-rank15 .rank15-in h3:before{
display:none;
}
#main-contents .osusume-rank15 .rank15-in .download-box-in + p{
margin:0!important;
}
#main-contents .osusume-rank15 .rank15-in .download-box-in ul li{
margin:0!important;
padding:0!important;
}
#main-contents .osusume-rank15 .rank15-in iframe{
width:100%;
}
#main-contents .osusume-rank15 .rank15-in  div[id^="mntad"] iframe{
width:auto;
}
}



/*------------------------------------------------------------
fortressデザイン用（pc）
-------------------------------------------------------------*/
.fortressgirl .fortressgirl-in{
}
.fortressgirl{
background: url(https://koesiru.jp/img/koesiru/sinsaku/fortress-main-bg.jpg)no-repeat #fcfecd top center / 100%;
padding:0 10px 10px;
position:relative;
overflow:hidden;
}
.fortressgirl .fortressgirl-in:before{
content:"";
position:absolute;
width:100%;
height:97.6%;
background:#FFF;
display:block;
top:200px;
left:0;
right:0;
margin:auto;
opacity:0.9;
border-radius:5px;
z-index:-1;
}
.fortressgirl .fortressgirl-in{
position:relative;
padding:200px 10px 30px 10px;
z-index:1;
}
.fortressgirl .fortressgirl-in p:nth-of-type(1) img{
display:none!important;
}
.fortressgirl .fortressgirl-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
.fortressgirl .fortressgirl-in .mokujiInfo {
background: #2b2b2b;
border: 1px solid #767676;
margin-bottom: 20px;
padding: 5px;
}
#mainCenter .fortressgirl .fortressgirl-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#mainCenter .fortressgirl .fortressgirl-in h4{
border-left: 6px solid #333;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#mainCenter .fortressgirl .fortressgirl-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/fortress-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
border-bottom:0;
    background-size: 100%;
}
#mainCenter .fortressgirl .fortressgirl-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/fortress-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 10px 0px;
text-align:left;
padding: 10px 0 14px 30px;
border-left:none;
border-bottom:0;
}
#mainCenter .fortressgirl .fortressgirl-in :before {
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
/*------------------------------------------------------------
fortressデザイン用(SP)
-------------------------------------------------------------*/
.fortressgirl{
background: url(https://koesiru.jp/img/koesiru/sinsaku/fortress-main-bg.jpg)no-repeat #fcfecd top center / 100%;
padding:0 5px 10px;
position:relative;
overflow:hidden;
}
.fortressgirl:before{
content:"";
position:absolute;
width:230px;
height:230px;
top:85px;
left:10px;
background-size:100%;
}
.fortressgirl .fortressgirl-in:before{
content:"";
position:absolute;
width:100%;
height:100%;
background:#FFF;
display:block;
top:140px;
left:0;
right:0;
margin:auto;
opacity:0.9;
border-radius:0px;
z-index:-1;
}
.fortressgirl .fortressgirl-in{
position:relative;
padding:140px 5px 30px 5px;
z-index:1;
box-sizing:border-box;
}
.fortressgirl .fortressgirl-in p:nth-of-type(1) img{
display:none!important;
}
.fortressgirl .fortressgirl-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
#main-contents .fortressgirl .fortressgirl-in .mokujiInfo {
margin:10px 0;
}
#main-contents .fortressgirl .fortressgirl-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#main-contents .fortressgirl .fortressgirl-in h4{
border-left: 6px solid #333;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#main-contents .fortressgirl .fortressgirl-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/fortress-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-position:bottom;
background-size:100% 100%;
}
#main-contents .fortressgirl .fortressgirl-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/fortress-h3.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 0px 0px;
text-align:left;
padding: 10px 0 14px 26px;
border-left:none;
border-bottom:0;
}
#main-contents .fortressgirl .fortressgirl-in h3:before{
display:none;
}
#main-contents .fortressgirl .fortressgirl-in .download-box-in + p{
margin:0!important;
}
#main-contents .fortressgirl .fortressgirl-in .download-box-in ul li{
margin:0!important;
padding:0!important;
}
.fortressgirl .fortressgirl-in .new_koukokuwaku_wrapper{
position:relative;
display:block;
height:300px;
}
.fortressgirl .fortressgirl-in .new_koukokuwaku_wrapper iframe{
position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto;
}
}
.fortressgirl .fortressgirl-in .download-box-in{
margin-top:10px;
background:none;
}
.fortressgirl .fortressgirl-in .download-box-in ul{
display:flex;
justify-content:center;
align-items:center;
background:none;
}
.fortressgirl .fortressgirl-in .download-box-in ul li{
width:100%;
text-align:center;
background:none!important;
border:0;
}
.fortressgirl .fortressgirl-in .download-box-in ul li img{
width:96%;
border-radius:8px;
}
@media
only screen and (max-width : 414px){
.fortressgirl .fortressgirl-in:before{
top:190px;
}
.fortressgirl .fortressgirl-in{
padding:185px 5px 30px 5px;
}
}
@media
only screen and (max-width : 375px){
.fortressgirl .fortressgirl-in:before{
top:170px;
}
.fortressgirl .fortressgirl-in{
padding:165px 5px 30px 5px;
}
}
@media
only screen and (max-width : 360px){
.fortressgirl .fortressgirl-in:before{
top:160px;
}
.fortressgirl .fortressgirl-in{
padding:155px 5px 30px 5px;
}
}


/*------------------------------------------------------------
trahajpデザイン用（pc）
-------------------------------------------------------------*/
.trahajp .trahajp-in{
}
.trahajp{
background: url(https://koesiru.jp/img/koesiru/sinsaku/trahajp-main-bg.jpg)no-repeat rgb(50, 51, 56) top center / 100%;
padding:0 10px 10px;
position:relative;
overflow:hidden;
}
.trahajp .trahajp-in:before{
content:"";
position:absolute;
width:100%;
height:97.6%;
background:#FFF;
display:block;
top:200px;
left:0;
right:0;
margin:auto;
opacity:0.95;
border-radius:5px;
z-index:-1;
}
.trahajp .trahajp-in{
position:relative;
padding:200px 10px 30px 10px;
z-index:1;
}
.trahajp .trahajp-in .lead{
padding:10px 0 0;
}
.post .trahajp .trahajp-in ul li {
background:none!important;
}
.trahajp .trahajp-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
.trahajp .trahajp-in .mokujiInfo {
background: #2b2b2b;
border: 1px solid #767676;
margin-bottom: 20px;
padding: 5px;
}
#mainCenter .trahajp .trahajp-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#mainCenter .trahajp .trahajp-in h4{
border-left: 6px solid #2abbb7;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#mainCenter .trahajp .trahajp-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/trahajp-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-size:100%;
border-bottom:0;
}
#mainCenter .trahajp .trahajp-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/trahajp-h32.png) left no-repeat;
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 10px 0px;
text-align:left;
padding: 10px 0 14px 30px;
border-left:none;
border-bottom:0;
}
#mainCenter .trahajp .trahajp-in :before {
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
/*------------------------------------------------------------
trahajpデザイン用(SP)
-------------------------------------------------------------*/
.trahajp{
background: url(https://koesiru.jp/img/koesiru/sinsaku/trahajp-main-bg.jpg)no-repeat #1f2352 top center / 100%;
padding:0 5px 10px;
position:relative;
overflow:hidden;
}
.trahajp:before{
content:"";
position:absolute;
width:230px;
height:230px;
top:85px;
left:10px;
background-size:100%;
}
.trahajp .trahajp-in:before{
content:"";
position:absolute;
width:100%;
height:100%;
background:#FFF;
display:block;
top:140px;
left:0;
right:0;
margin:auto;
opacity:0.95;
border-radius:0px;
z-index:-1;
}
.trahajp .trahajp-in{
position:relative;
padding:140px 5px 30px 5px;
z-index:1;
box-sizing:border-box;
}
.trahajp .trahajp-in .lead{
padding:10px 0 0;
}
.post .trahajp .trahajp-in ul li {
background:none!important;
}
.trahajp .trahajp-in .mokujiInfo h2{
color:#FFF;
padding:10px;
}
#main-contents .trahajp .trahajp-in .mokujiInfo {
margin:10px 0;
}
#main-contents .trahajp .trahajp-in  .mokujiInfo p {
background:rgba(0, 0, 0, 0) none repeat scroll 0 0;
border:medium none;
color:#333;
font-size:14px;
font-weight:bold;
margin-top:0;
margin-bottom:10px;
padding:5px 0 5px 10px;
}
#main-contents .trahajp .trahajp-in h4{
border-left: 6px solid #2abbb7;
margin: 10px 0 10px;
padding-left: 6px;
font-weight: bold;
}
#main-contents .trahajp .trahajp-in h2{
background:url(https://koesiru.jp/img/koesiru/sinsaku/trahajp-h2-pc.jpg) left center no-repeat;
color: #fff;
font-size: 16px;
margin: 10px 0px 10px;
text-align: left;
padding: 10px 0 9px 12px;
background-size:100% 100%;
}
#main-contents .trahajp .trahajp-in h3{
background:url(https://koesiru.jp/img/koesiru/sinsaku/trahajp-h32.png) left no-repeat; 
color: #050d41;
background-size:100%;
font-size: 14px;
margin: 0 0px 0px 0px;
text-align:left;
padding: 10px 0 14px 26px;
border-left:none;
border-bottom:0;
}
#main-contents .trahajp .trahajp-in h3:before{
display:none;
}
#main-contents .trahajp .trahajp-in .download-box-in + p{
margin:0!important;
}
#main-contents .trahajp .trahajp-in .download-box-in ul li{
margin:0!important;
padding:0!important;
}
.trahajp .trahajp-in .new_koukokuwaku_wrapper{
position:relative;
display:block;
height:300px;
}
.trahajp .trahajp-in .new_koukokuwaku_wrapper iframe{
position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); margin: auto;
}
}
.trahajp .trahajp-in .download-box-in{
margin-top:10px;
background:none;
}
.trahajp .trahajp-in .download-box-in ul{
display:flex;
justify-content:center;
align-items:center;
background:none;
}
.trahajp .trahajp-in .download-box-in ul li{
width:100%;
text-align:center;
background:none!important;
border:0;
}
.trahajp .trahajp-in .download-box-in ul li img{
width:96%;
border-radius:8px;
}


#comment-image-wrapper{
margin:10px 0;   
}
#comment-image-wrapper ul{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
#comment-image-wrapper ul:first-of-type li{
width:25%;
margin:0px 5px;
text-align:center;
padding:10px 0;
box-sizing:border-box;
border:1px solid #ccc;
background:#444;
cursor:pointer;
}
#comment-image-wrapper ul:first-of-type li:hover{
opacity:0.8;
}
#comment-image-wrapper ul:first-of-type li span{
color:#FFF;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#comment-image-wrapper ul:last-of-type{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items:self-start;
margin-bottom: 20px;
}
#comment-image-wrapper ul:last-of-type li img{
width:100%;
}
#comment-image-wrapper ul:last-of-type li{
width:25%;
margin:5px;
text-align:center;
padding:0px 0;
box-sizing:border-box;
}
.commentimgsub{
text-align:center;
font-size:14px;
color:#ff7d7d;
padding:0 0 10px!important;
}
#comment_submit_button input[name="comment_submit"]{
width:90%;
display:block;
margin:auto;
padding:13px;
border-radius:100px;
border:0;
background:#066493;
color:#FFF;
font-weight:bold;
cursor:pointer;
}
#comment_submit_button input[name="comment_submit"]:hover{
opacity:0.8;
}
#comment_upload_reset{
border:1px solid #d1d1d1;
background:#ededed;
padding:4px 10px;
margin:0 5px;
font-size:12px;
border-radius:5px;
color:#066493;
}
#throwsSpamAway {
padding: 0px 10px;
font-size: 14px;
line-height: normal;
color: #888;
}
#main-lower .post #comment_form #dummy_comment{
padding:0 15px;
box-sizing:border-box;
}
#main-lower .post #comment_form #dummy {
width: 100%;
box-sizing: border-box;
height: 40px;
padding:10px;
font-size:14px;
font-weight:bold;
border: 2px solid #ccc;
background: #f0f0f0;
border-radius:3px;
}
#main-lower .post #comment_form #real_comment{
padding:0 15px;
background:#f2f2f2;
border-radius:5px;
box-sizing:border-box;
margin-bottom:20px;
}
#main-lower .post #comment_form p {
margin-bottom:0px;
}
#main-lower .post #comment_form textarea{
width:100%;
box-sizing:border-box;
border:1px solid #dde4e6;
}
#comment_close{
text-align:center;
display:block;
margin:auto;
border:1px solid #dde4e6;
border-radius:3px;
width:100px;
padding:2px 0;
color:#888;
background:#FFF;
margin-bottom:5px;
cursor:pointer;
}
#main-lower .post #comment_form input[name="comment_author"]{
border:1px solid #dde4e6;
}
#main-lower .post #comment_form input[name="comment_author"] + label{
margin-left:10px;
font-size:13px;
padding-bottom:3px;
border-bottom:2px solid #066493;
box-sizing:border-box;
}
#main-lower .post #comment_form input[name="comment_author"] + label input{
margin-right:5px;
vertical-align:middle;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main-lower .post #comment_form input[name="comment_author"]{
border:1px solid #dde4e6;
display:block;
width:100%;
min-width:100%;
margin-bottom:10px;
}
#main-lower .post #comment_form input[name="comment_author"] + label{
margin-left:0;
font-size:13px;
padding-bottom:3px;
border-bottom:2px solid #066493;
box-sizing:border-box;
width:100%;
}
#main-lower .post #comment_form input[name="comment_author"] + label{
margin-left:0;
font-size:13px;
padding-bottom:3px;
border-bottom:2px solid #066493;
box-sizing:border-box;
}
#main-lower .post #comment_form textarea{
width:100%;
min-width:100%;
}
#comment-image-wrapper li label{
padding:0 5px!important;   
font-size:11px;
}
#comment-image-wrapper ul:first-of-type li {
width: 25%;
margin: 0px 5px;
text-align: center;
padding: 7px 0;
box-sizing: border-box;
border: 1px solid #ccc;
background: #444;
cursor: pointer;
}
}





/*--------------------------------------------------------
共通効果CSS
--------------------------------------------------------*/
/*gachaBtn*/
.post .gachaBtn, .post .gachaBtn02, .post .btn01{
width: 90%;
display: block;
margin: 20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #066493;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
}
.gachaBtn02{
width: 99%;
}
.post .gachaBtn:hover, .post .gachaBtn02:hover, .post .btn01:hover{
opacity:0.8;
}
.post .gachaBtn:before{
content:'▶';
margin-right:4px;
}
/*拡大ボタン*/
.img_kakudai{
display:block;
text-align:center;
background:#066493;
color:#fff;
padding:5px 0;
font-size:12px;
margin-bottom:5px;
}
.img_kakudai:before{
content:'';
display:inline-block;
vertical-align:top;
background-image:url('https://img.altema.jp/lastidea/uploads/2019/05/2019y05m22d_1937022255.png');
background-size:contain;
width:15px;
height:15px;
margin-right:4px;
background-repeat: no-repeat;
}
@media screen and (max-width:360px){
.img_kakudai:before{
width: 13px;
height: 13px;
position:relative;
top:1px;
}
}
/*画像白黒*/
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;
}
/*画像に罫線*/
.imgBorder{
border:1px solid #bebfc1;
box-sizing:border-box;
}
/*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;
}
/*背景色変更(黄)＆枠線*/
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;
}
/*背景色グレー&枠線点線*/
table.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6!important;
}
table.supplement th:last-child,table.supplement tr td:last-child{
border-right:1px dashed #dde4e6!important;
}
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{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fedee7 0%) repeat scroll 0 0;font-weight: bold;color: #111!important;padding: 0 1px 2px;}
.redtxt{color:#f00;}
.hyoka {font-weight:bold;color:#cc0000;}
/*画像の位置*/
.img-c{object-position: center;}
.img-l{object-position: left;}
.img-r{object-position: right;}
/*背景(黄)*/
.contents .tejun {
background: #b2e3ff;
padding: 16px 0 10px 10px;
margin-bottom: 20px;
font-weight:bold;
}
.tejun{
background: #fff9c9;
padding: 16px 0 10px 10px;
margin-bottom: 20px;
}
.tejun p{
font-size: 110%;
font-weight: bold;
margin: 5px 0 5px 10px;
}
ul.tejun{
background: #fff9c9;
padding: 16px 0 10px 20px;
margin-bottom: 20px;
}
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('https://img.altema.jp/khux/uploads/2018/11/2018y11m12d_2054279547.png') no-repeat border-box 7px 7px/17px;
font-weight:bold;
padding:5px 10px 5px 30px;
display:inline-block;
margin-bottom:0;
border-radius:4px 4px 0 0;
}
.awasete dd{
background:#fffdec;
border:2px solid #fff6ca;
padding:5px 10px;
margin:0;
}
.awasete dd ul li{
border-bottom:1px dotted #ccc;
padding:5px 0;
margin:0;
}
.awasete dd ul li:last-child{
border-bottom:none;
margin-bottom:0;
}
/*タブ*/
.common-tab{
width:480px!important;;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.common-tab-wrapper{
height:33px;
}
.common-tab li{
font-size:13px;
font-weight:bold;
width:25%;
-webkit-box-flex:2;
-ms-flex-positive:2;
flex-grow:2;
margin-bottom: 0!important;
line-height: normal!important;
border-bottom: 2px solid #1298d6;
font-size:11px;
}
.common-tab li a{
color: #fff;
background: #bbb;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
border-right: 2px solid #999;
box-sizing:border-box;
-webkit-transition: ease .2s opacity;
transition: ease .2s opacity;
}
.common-tab li a:hover{
color: #fff;
background: #1298d6;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
opacity:0.7;
border-right: 2px solid #1b76a0;
}
.common-tab li:last-of-type a{
border-right: 0;
}
.common-tab li:last-of-type a:hover{
border-right: 0;
}
.common-tab li.tabactive a {
background: #1298d6;
border-color: #1b76a0;
opacity:1;
}
.common-tab li span{
color: #fff;
background: #bbb;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
border-right: 2px solid #999;
box-sizing:border-box;
-webkit-transition: ease .2s opacity;
transition: ease .2s opacity;
}
.common-tab li span:hover{
color: #fff;
background: #1298d6;
padding: 7px 0;
display: block;
cursor: pointer;
border-radius: 5px 5px 0 0;
opacity:0.7;
border-right: 2px solid #1b76a0;
}
.common-tab li:last-of-type span{
border-right: 0;
}
.common-tab li:last-of-type span:hover{
border-right: 0;
}
.common-tab li.tabactive span{
background: #1298d6;
border-color: #1b76a0;
opacity:1;
}
@keyframes tabAnim{
0%{opacity:0;}
100%{opacity:1;}
}
ul.common-tab ~ div{
display:block;
animation:tabAnim ease 0.6s forwards;
-ms-animation:tabAnim ease 0.6s forwards;
}
/*テーブルカラー*/
table.tLine-00,table.tLine-00 th,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;
}
/*テーブルカラー*/
table.tLine-00,table.tLine-00 th,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;
}
table.tLine-01 th,table.tLine-01 td{
border:1px solid #e49f84;
}
table.tLine-01 th,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;
}
.post .okini-box + div{
margin-top:15px;
}
.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);
}
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);
}
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;	
}
/*中央ぞろえ共用*/
.centered,.centered th,.centered_th th,.centered_td1 td:first-of-type{
text-align: center;
}
/*thソートズレ修正*/
.sort_syusei th span{float:none!important;}
.sort_syusei th .sort{display: inline-block;}
/*広告の文字制限*/
.ninki-ranking dd.rosso_txt a{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*最強ランキングアイコンサイズ*/
table.saikyo-icon-30 td img{
width: 30px;
height: 30px;
object-fit: cover;
}
table.saikyo-icon-35 td img{
width: 35px;
height: 35px;
object-fit: cover;
}
table.saikyo-icon-40 td img{
width: 40px;
height: 40px;
object-fit: cover;
}
table.saikyo-icon-45 td img{
width: 45px;
height: 45px;
object-fit: cover;
}
table.saikyo-icon-50 td img{
width: 50px;
height: 50px;
object-fit: cover;
}
table.saikyo-icon-55 td img{
width: 55px;
height: 55px;
object-fit: cover;
}
table.saikyo-icon-60 td img{
width: 60px;
height: 60px;
object-fit: cover;
}
table.saikyo-icon-65 td img{
width: 65px;
height: 65px;
object-fit: cover;
}
/*アイコン画像サイズ任意*/
.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;
}
/*-診断調整-*/
.shindan_frm{
display:flex;
justify-content: center;
align-items: center;
}
.shindan_frm button{
margin-left:5px;
cursor:pointer;
}
.article .shindan_frm input {
border-radius: 4px;
border: 1px solid #AECBD9;
background: #DDEEFE;
width: 80%;
height: 38px;
}
/*-ばつ-*/
.topNavi-modal-menu-close-button{
display:none;    
}
.topNavi-modal-menu-items {
display: none;
}
/*-報告記事B-*/
.post div.ikenform-area{
}
.post div.ikenform-area p.ikenform-btn{
}
.post div.ikenform-area p.ikenform-btn a.gachaBtn {
border-color:#e4e4e4!important;
color: #888!important;
background:#f9f9f9!important;
cursor:pointer;
display:flex;
justify-content: center;
align-items: center;
margin-top: 20px;
}
.post div.ikenform-area p.ikenform-btn a.gachaBtn:hover {
border-color:#e4e4e4!important;
color: #888!important;
background:#f9f9f9!important;
cursor:pointer;
opacity: 0.6;
}
.post div.ikenform-area p.ikenform-btn a.gachaBtn:before{
content: url(https://img.altema.jp/common/bikuri-2.png)!important;
margin-right:5px;
display:inline-block;
transform:scale(0.8);
}
/*-広告関連-*/
.mokujiInfo + .new_koukokuwaku_wrapper{
margin-top:20px!important;
}
/*アイコン角丸ライン*/
.iconline-maru{
border-radius:15px;
border:1px solid #ccc;
}
/*リストデザイン(3パターン)*/
.post .list-normal,.post .list-no,.post .list-check{
border: 1px solid #e3eaec;
background:#f9f9f9;
border-radius:3px;
padding:10px!important;
margin:10px 0!important;
}
.post .list-normal,.post .list-no,.post .list-check{
padding:10px!important;
margin:10px 0!important;
}
.post .list-normal li,.post .list-no li,.post .list-check li{
position:relative;
border-bottom: 1px dashed #dde4e6;
background:none;
padding:0px 0 8px 15px!important;
margin:8px 0!important;
font-weight:bold;
}
.post .list-normal li:first-child,.post .list-no li:first-child,.post .list-check li:first-child{
margin:0!important;
}
.post .list-normal li:last-child,.post .list-no li:last-child,.post .list-check li:last-child{
margin:8px 0 0!important;
border:0;
padding-bottom:0!important;
}
.post .list-normal li:before{
content:"";
position:absolute;
background:#c7d0d2;
border:1px solid #acb6b9;
width:8px;
height:8px;
border-radius:50px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
.post .list-check li:before{
content:"";
position:absolute;
background:url(https://img.altema.jp/altema/uploads/2020/07/2020y07m14d_1650591956.png)no-repeat;
background-size:100%;
width:10px;
height:10px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
.post .list-no li{
padding:0px 0 8px 25px!important;
}
.post .list-no li:before{
content:"";
color:#FFF;
font-size:10px;
font-weight:bold;
line-height:18px;
transform:scale(0.99); 
position:absolute;
background:#acb6b9;
width:18px;
height:18px;
border-radius:50px;
top:0;
bottom:8px;
left:0;
margin:auto;
text-align:center;
box-sizing:border-box;
}
.post .list-no li:nth-of-type(1):before{content:"1";}
.post .list-no li:nth-of-type(2):before{content:"2";}
.post .list-no li:nth-of-type(3):before{content:"3";}
.post .list-no li:nth-of-type(4):before{content:"4";}
.post .list-no li:nth-of-type(5):before{content:"5";}
.post .list-no li:nth-of-type(6):before{content:"6";}
.post .list-no li:nth-of-type(7):before{content:"7";}
.post .list-no li:nth-of-type(8):before{content:"8";}
.post .list-no li:nth-of-type(9):before{content:"9";}
.post .list-no li:nth-of-type(10):before{content:"10";}
.post .list-no li:nth-of-type(11):before{content:"11";}
.post .list-no li:nth-of-type(12):before{content:"12";}
.post .list-no li:nth-of-type(13):before{content:"13";}
.post .list-no li:nth-of-type(14):before{content:"14";}
.post .list-no li:nth-of-type(15):before{content:"15";}
.post .list-no li:nth-of-type(16):before{content:"16";}
.post .list-no li:nth-of-type(17):before{content:"17";}
.post .list-no li:nth-of-type(18):before{content:"18";}
.post .list-no li:nth-of-type(19):before{content:"19";}
.post .list-no li:nth-of-type(20):before{content:"20";}
.post .list-no li:nth-of-type(21):before{content:"21";}
.post .list-no li:nth-of-type(22):before{content:"22";}
.post .list-no li:nth-of-type(23):before{content:"23";}
.post .list-no li:nth-of-type(24):before{content:"24";}
.post .list-no li:nth-of-type(25):before{content:"25";}
.post .list-no li:nth-of-type(26):before{content:"26";}
.post .list-no li:nth-of-type(27):before{content:"27";}
.post .list-no li:nth-of-type(28):before{content:"28";}
.post .list-no li:nth-of-type(29):before{content:"29";}
.post .list-no li:nth-of-type(30):before{content:"30";}
.post .list-normal li:last-child:before,.post .list-no li:last-child:before,.post .list-check li:last-child:before{
bottom:0px;
}

/*●段落タグ*/
.post p{
margin-bottom: 15px;
}
/*●リストタグ*/
.post ul,
.post ol{
margin: 0;
padding: 0;
}
.post li{
margin-bottom:5px;
line-height: 1.5;
}
.post li:last-of-type{
margin-bottom:0;
}
/*●引用タグ*/
main#main-lower blockquote{
background-color:#f1f1f1;
border-radius:10px;
padding:20px;
position:relative;
border:5px solid #fff;
}
main#main-lower .post blockquote p{
margin-bottom:0;
color:#555;
font-weight:normal;
}
main#main-lower blockquote:before{
content:"“";
font-size:60px;
height:40px;
width:40px;
line-height:60px;
padding-left:5px;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#fa0;
position:absolute;
background:#f1f1f1;
border-radius:50px;
left:-10px;
top:-10px;
}
main#main-lower blockquote p:last-of-type{
background:none;
margin-top:20px;
font-size:12px;
color:#999;
padding-top:10px;
border-top:1px solid #ccc;
border-radius:0;
}
main#main-lower blockquote footer{
background:none;
color:#999;
font-size:12px;
margin-bottom:5px;
line-height:1.6;
}
main#main-lower blockquote footer a{
background:none;
color:#066493;
}
/*●リード文*/
.lead{
font-size:11px!important;
color:#999;
}
/*●テーブルタグ*/
.post table{
margin-bottom:0;
padding: 0;
border:1px solid #dde4e6;
}
.post th,
.post td{
padding:8px 5px;
border-right: 1px solid #dde4e6;
border-bottom: 1px solid #dde4e6;
font-size:13px;
vertical-align:middle;
line-height: 1.5;
}
.post td li{
font-size:14px;
}
.post th{
background-color: #f0f0f0;
font-weight: bold;
text-align: left;
}
/*●テーブルタグ スタイル01*/
.post table.table-style01 th,
.post table.table-style01 td{
text-align: left;
vertical-align: top;
border:1px solid #ccc;
}
/*●戻る＆進むリンク*/
.link-next,
.link-back,
.link-next02,
.link-back02{ clear: both; }
.link-next,
.link-next02{ text-align: right; }
.link-back,
.link-back02{ text-align: left; }
.link-next a{
padding: 3px 0 3px 15px;
background: url(./images/icon/icon-arrow_r.png) 0 5px no-repeat;
}
.link-back a{
padding: 3px 0 3px 15px;
background: url(./images/icon/icon-arrow_l.png) 0 5px no-repeat;
}
.link-next02 a{
padding: 3px 0 3px 15px;
background: url(./images/icon/icon-arrow_r-red.png) 0 5px no-repeat;
}
.link-back02 a{
padding: 3px 0 3px 15px;
background: url(./images/icon/icon-arrow_l-red.png) 0 5px no-repeat;
}
/*●段組み*/
.box-wrap .box-l{
float: left;
width: 48%;
margin: 0 0 1.5em;
border: 1px solid #aaa; /*boxの枠線の指示*/
}
.box-wrap .box-r{
float: right;
width: 48%;
margin: 0 0 1.5em;
border: 1px solid #aaa;
}
.post .box-wrap .title{
margin-bottom: 1.5em;
background-color: #999; /*boxのタイトルの背景色*/
}
.post .box-wrap .title p{
margin: 0 10px;
padding: 5px 0;
color: #fff;
font-weight: bold;
}
/*●ページネーション スタイル01*/
.post .cont-menu01{
position: relative;
overflow: hidden;
width: 100%;
}
.post .cont-menu01 ul{
position: relative;
left: 50%;
float: left;
margin-left: 10px;
}
.post .cont-menu01 li{
position: relative;
left: -50%;
float: left;
margin-right: 10px;
}
.post .cont-menu01 li:last-child{ margin-right: 0; }
.post .cont-menu01 li.cur{
padding: 3px 10px;
border: 1px solid #ccc;
background-color: #959595;
color: #fff;
font-weight: bold;
}
.post .cont-menu01 li a{
display: block;
padding: 3px 10px;
border: 1px solid #ccc;
}
.post .cont-menu01 li a:link,
.post .cont-menu01 li a:visited{
background-color: transparent;
}
.post .cont-menu01 li a:hover,
.post .cont-menu01 li a:active{
background-color: #959595;
color: #fff;
}
.post .text-field{ width: 90%; }
/*●ページネーション スタイル02*/
.post .cont-menu02{
position: relative;
overflow: hidden;
width: 100%;
}
.post .cont-menu02 ul{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
}
.post .cont-menu02 li{
max-width: 50%;
}
.post .cont-menu02 li.prev{ float: left; }
.post .cont-menu02 li.next{ float: right; }
.post .cont-menu02 li a{
display: block;
padding: 3px 10px;
border: 1px solid #ccc;
}
.post .cont-menu02 li a:link,
.post .cont-menu02 li a:visited {
background-color: transparent;
}
.post .cont-menu02 li a:hover,
.post .cont-menu02 li a:active {
background-color: #959595;
color: #fff;
}
/*-- アコーディオンメニュー --*/
.acMenu dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 10px 0 17px;
padding: 7px 5px;
text-align: center;
display: block;
box-shadow: none;
background: #fff;
color: #666;
cursor: pointer;
position:relative;
}
.acMenu dt:before{
content:"";
position:absolute;
bottom:-4px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:2px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt:after{
content:"";
position:absolute;
bottom:-7px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dd{
display:none;
margin:0 0 5px!important;
box-sizing:border-box;
}
.acMenu dt.active{
border: 1px solid #ffeea1;
background:#fff2b7;
margin:0 0 5px!important;
box-shadow: 0 2px 0 0 #bbb;
border-radius:4px 4px 0 0;
color:#444;
}
.acMenu dt.active:before{
border:none;
}
.acMenu dt.active:after{
border:none;
}
.acMenu{
margin:5px 0;
}
.acMenu dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 0px 0 10px;
padding: 8px 5px;
text-align: center;
display: block;
background: #fff;
cursor: pointer;
color:#666;
font-size:14px;
}
.acMenu dt:before{
content:"";
position:absolute;
bottom:-3px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt:after{
content:"";
position:absolute;
bottom:-5px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:0px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt.active{
border: 1px solid #ffeea1;
background:#fff2b7;
margin:0 0 10px!important;
box-shadow: 0 2px 0 0 #bbb;
border-radius:4px 4px 0 0;
color:#444;
}
.acMenu dt.active:before{
border:none;
}
.acMenu dt.active:after{
border:none;
}
.acMenu + h3{
margin-top:27px!important;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.post th, .post td {
font-size: 13px;
vertical-align: middle;
}
.post td li {
font-size: 12px;
}
.post .gachaBtn, .post .gachaBtn02, .post .btn01 {
width: 100%;
margin: 10px auto 0;
}
main h2{
font-size: 16px;
margin: 14px 0;
padding: 14px;
}

/*●引用タグ*/
main#main-lower blockquote{
background-color:#f1f1f1;
border-radius:10px;
padding:10px 10px;
position:relative;
border:5px solid #fff;
}
main#main-lower .post blockquote p{
margin-bottom:0;
color:#555;
font-weight:normal;
font-size:11px!important;
}
main#main-lower blockquote:before{
content:"“";
font-size:40px;
height:25px;
width:25px;
line-height:40px;
padding-left:3px;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#fa0;
position:absolute;
background:#f1f1f1;
border-radius:50px;
left:-10px;
top:-10px;
}
main#main-lower blockquote p:last-of-type{
background:none;
margin-top:5px;
font-size:10px;
color:#999;
padding-top:5px;
border-top:1px solid #ccc;
border-radius:0;
line-height:normal;
}
main#main-lower blockquote footer{
background:none;
color:#999;
font-size:10px;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
}
main#main-lower blockquote footer a{
background:none;
color:#066493;
}
}

h1.post-title{
text-align:center;
margin:20px 0;
padding-bottom:20px;
font-weight:bold;
border-bottom:1px solid #ccc;
display:block;
}
.crowd-s-form{
width:100%;
}
.crowd-s-form .crowd-s-in{
width:680px;
margin:auto;
}
.crowd-s-form .crowd-s-in p{
}
.crowd-s-form .crowd-s-in p.error_msg {
    line-height: normal;
    font-size: 14px;
    font-weight: bold;
    color: #ff3636;
    margin:0;
}
.crowd-s-form .crowd-s-in h2{
background: #222;
color: #FFF;
padding:10px;
margin: 20px 0;
font-size: 18px;
}
.crowd-s-form .crowd-s-in ol{
margin-bottom:10px;
}
.crowd-s-form .crowd-s-in ol li{
margin:10px 0;
}
.crowd-s-form .crowd-s-in ol li:first-letter{
font-weight:bold;
margin-right:5px;
color:#22588d;
}
.crowd-s-form .crowd-s-in ol + p{
margin:20px 0;
}
.crowd-s-form .crowd-s-in .koesiru-onegai p:first-of-type {
margin: 0 0 10px;
padding: 0;
color: #ff3167;
font-weight: bold;
}
.crowd-s-form .crowd-s-in .koesiru-onegai p:nth-of-type(2) {
margin: 0;
padding: 0;
font-size: 13px;
line-height:normal;
}
.crowd-s-form .crowd-s-in .kuchikomi-toko {
background: #eee;
padding: 15px 18px;
margin: 20px 0 40px;
border-radius: 6px;
font-size: 18px;
font-weight: bold;
position: relative;
}
.crowd-s-form .crowd-s-in .formKutikomi .form-kutikomi .fukidasi{
border:3px solid #fa0;
border-radius: 6px;
font-size:16px;
font-weight:bold;
padding: 10px 10px;
margin: 16px 0 0px 0;
position: relative;
}
.crowd-s-form .crowd-s-in .formKutikomi .form-kutikomi .fukidasi:before{
content: '';
position: absolute;
box-sizing: border-box;
width: 20px;
border-bottom: 14px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -13px;
left: 62px;
z-index: 3;
}
.crowd-s-form .crowd-s-in .formKutikomi .form-kutikomi .fukidasi:after{
content: '';
position: absolute;
box-sizing: border-box;
width: 20px;
border-bottom: 16px solid #fa0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
top:-17px;
left: 60px;
z-index: 2;
}
.thanks-message{
width:680px;
margin:auto;
}
.thanks-message p{
line-height:normal;
}


/*お問い合わせフォーム*/
#form-area div[id^=form-elements-]{
background:#f3f3f3;
padding:10px 20px;
border-radius:5px;
}
#form-area div[id^=form-elements-] p{
padding:5px 0;
margin:0!important;
font-weight:bold;
}
#form-area div[id^=form-elements-] span#form-control-your-name{
margin:5px 0;
display:block;
position:relative;
}
#form-area div[id^=form-elements-] span#form-control-your-name:after{
content:"※";
color:rgb(247 15 69);
position:absolute;
top:-29px;
left:100px;
}
#form-area div[id^=form-elements-] span#form-control-your-name input{
border:1px solid #ccc;
width:60%;
max-width:100%;
padding:5px;
}
#form-area div[id^=form-elements-] span#form-control-your-email{
margin:5px 0;
display:block;
position:relative;
}
#form-area div[id^=form-elements-] span#form-control-your-email:after{
content:"※";
color:rgb(247 15 69);
position:absolute;
top:-29px;
left:165px;
}
#form-area div[id^=form-elements-] span#form-control-your-email input{
border:1px solid #ccc;
border-radius:10x;
width:60%;
max-width:100%;
padding:5px;
}
#form-area div[id^=form-elements-] span#form-control-your-subject{
margin:5px 0;
display:block;
}
#form-area div[id^=form-elements-] span#form-control-your-subject input{
border:1px solid #ccc;
border-radius:10x;
width:100%;
max-width:100%;
padding:5px;
}
#form-area div[id^=form-elements-] span#form-control-your-message{
margin:5px 0;
display:block;
}
#form-area div[id^=form-elements-] span#form-control-your-message textarea{
border:1px solid #ccc;
border-radius:10x;
width:100%;
max-width:100%;
padding:5px;
font-size: 16px;
}
#form-control- input.form-control.form-submit{
width:80%;
display:block;
margin:10px auto;
height:40px;
line-height:normal;
border:0px;
box-shadow:0 2px 0 0 #a21944;
background:#ff3171;
color:#FFF;
border-radius:50px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#form-area div[id^=form-elements-]{
background:#f3f3f3;
padding:10px;
border-radius:5px;
}
#form-area div[id^=form-elements-] span#form-control-your-name input{
border:1px solid #ccc;
width:100%;
max-width:100%;
padding:5px;
    font-size: 16px;
}
#form-area div[id^=form-elements-] span#form-control-your-email input{
border:1px solid #ccc;
border-radius:10x;
width:100%;
max-width:100%;
padding:5px;
    font-size: 16px;
}
#form-area div[id^=form-elements-] span#form-control-your-subject input{
border:1px solid #ccc;
border-radius:10x;
width:100%;
max-width:100%;
padding:5px;
}
#form-area div[id^=form-elements-] span#form-control-your-name:after{
content:"※";
color:rgb(247 15 69);
position:absolute;
top:-25px;
left:90px;
}#form-area div[id^=form-elements-] span#form-control-your-email:after{
content:"※";
color:rgb(247 15 69);
position:absolute;
top:-25px;
left:145px;
}
#form-control- input.form-control.form-submit{
width:80%;
display:block;
margin:auto;
height:40px;
line-height:normal;
border:0px;
box-shadow:0 2px 0 0 #a21944;
background:#ff3171;
color:#FFF;
border-radius:50px;
}
.post li{
margin-bottom:5px;
line-height: 1.5;
font-size:14px;
}
}



/*------------------------
総合評価
------------------------*/
.sougou-hyouka-box{
width:100%;
margin-bottom:20px;
}
.s-hyouka-top{
display: -webkit-flex;
display: flex;
margin-bottom:20px;
}
.s-hyouka-title{
width:60%;
margin-right:30px;
}
.s-hyouka-title img {
width: 250px;
margin: 0;
}
.s-hyouka-title dl{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
background:#e2f6ff;
border-radius:3px;
padding:20px 20px;
margin-top:30px;
box-sizing:border-box;
}
.s-hyouka-title dt{
width:80%;
margin-bottom:10px;
font-weight:bold;
}
.s-hyouka-title dt img{
width:200px;
}
.s-hyouka-title dd{
width:20%;
font-size:20px;
font-weight:bold;
color:#ff4200;
margin-bottom:10px;
}
.s-hyouka-title dt:last-of-type,.s-hyouka-title dd:last-of-type{
margin-bottom:0;
}
.s-hyouka-graph{
width:40%;
}
.s-hyouka-graph img{
width:100%;
}
.s-hyouka-icon{
}
.s-hyouka-icon ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:30px;
}
.s-hyouka-icon li{
width:20%;
padding:0px 5px;
box-sizing:border-box;
}
.s-hyouka-icon li img{
width:100%;
}
.s-hyouka-title dd{
position: relative;
}
.s-hyouka-title dd:before{
content: '';
display: block;
width: 46px;
height: 2px;
background: #8ba5bc;
border-radius: 10px;
position: absolute;
left: -60px;
top: 0;
bottom: 0;
margin: auto;
}
.sougou-hyouka-box .zokusei-wrap{
margin-top: 30px;
}
.s-hyouka-title dt:last-of-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.s-hyouka-title dl dt img {
width: 136px;
margin-left: 6px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.sougou-hyouka-box{
width:100%;
}
.s-hyouka-top{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.s-hyouka-title{
width:100%;
margin-right:0;
}
.s-hyouka-title img{
width:250px;
display:block;
margin:0 auto;
}
.s-hyouka-title dl{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
background:#e2f6ff;
border-radius:3px;
padding:20px 20px;
margin-top:20px;
box-sizing:border-box;
}
.s-hyouka-title dt{
width:80%;
margin-bottom:10px;
font-weight:bold;
}
.s-hyouka-title dt img{
width:200px;
}
.s-hyouka-title dd{
width:20%;
font-size:20px;
font-weight:bold;
color:#ff4200;
margin-bottom:10px;
}
.s-hyouka-title dt:last-of-type,.s-hyouka-title dd:last-of-type{
margin-bottom:0;
}
.s-hyouka-graph{
width:80%;
margin:30px auto;
}
.s-hyouka-graph img{
width:100%;
margin: 0;
}
.s-hyouka-icon{
}
.s-hyouka-icon ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:30px;
}
.s-hyouka-icon li{
width:25%;
padding:0px 5px;
box-sizing:border-box;
}
.s-hyouka-icon li img{
width:100%;
}
.sougou-hyouka-box .zokusei-wrap{
margin-top: 5px;
}
}
@media only screen and (max-width: 376px){
.s-hyouka-title dl{
padding: 20px 18px;
}
.s-hyouka-title dd:before{
width: 28px;
left: -38px;
}
}
@media only screen and (max-width: 361px){
.s-hyouka-title dl{
padding: 18px 16px;
}
.s-hyouka-title dd:before{
width: 20px;
left: -29px;
}
}

/*------------------------
総合評価2(デザイン修正用)
------------------------*/
.s-hyouka-title2{
width:60%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
margin-right:20px;
background:#e2f6ff;
border-radius:3px;
padding:15px 15px;
margin-top:0;
box-sizing:border-box;
}
.s-hyouka-title2 .hyouka-s-logo{
width:35%;
}
.s-hyouka-title2 .hyouka-s-logo img {
width:90%;
margin:0 10px 0 0;
border-radius: 10px;
border: 1px solid #ccc;
}
.s-hyouka-title2 dl{
width:65%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.s-hyouka-title2 dt{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:10px;
font-weight:bold;
}
.s-hyouka-title2 dt span{
width:90%;
font-size:18px;
padding-left:10px;
margin-bottom:-3px;
}
.s-hyouka-title2 dt img{
width:80%;
margin:0;
}
.s-hyouka-title2 dd{
width:100%;
font-size:24px;
font-weight:bold;
color:#ff4200;
}
.s-hyouka-title2 dd img{
width:85%;
height: auto;
margin:0 0 0 10px;
}
.s-hyouka-title2 dd .hyouka-h-ten{
background:#FFF;
padding:5px;
display:block;
text-align:center;
border-radius:5px;
width:90%;
margin:auto;
margin-top:5px;
}
.s-hyouka-title2 dd .hyouka-h-ten:after{
content:"/5.0";
font-size:20px;
color:#8ca7bd;
margin-left:5px;
}
.s-hyouka-title2 + .s-hyouka-graph{
width:40%;
}
.s-hyouka-title2 + .s-hyouka-graph img{
width:100%;
margin-bottom:0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.s-hyouka-title2{
width:100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
margin-right:0;
background:#e2f6ff;
border-radius:3px;
padding:15px 15px;
margin-top:0;
box-sizing:border-box;
}
.s-hyouka-title2 .hyouka-s-logo{
width:20%;
}
.s-hyouka-title2 .hyouka-s-logo img {
width:100%;
margin:0 10px 0 0;
}
.s-hyouka-title2 dl{
width:80%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.s-hyouka-title2 dt{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:5px;
font-weight:bold;
}
.s-hyouka-title2 dt span{
width:90%;
font-size:18px;
padding-left:10px;
margin-bottom:-5px;
}
.s-hyouka-title2 dt img{
width:50%;
margin:0;
}
.s-hyouka-title2 dd{
width:100%;
height:auto;
display: -webkit-flex;
display: flex;
font-size:20px;
font-weight:bold;
color:#ff4200;
margin-left:10px;
align-items:center;
}
.s-hyouka-title2 dd img{
width:60%;
max-width:60%;
height:auto;
margin:0 13px 0 0;
}
.s-hyouka-title2 dd .hyouka-h-ten{
background:#FFF;
padding:7px 5px;
display:block;
text-align:center;
border-radius:5px;
width:auto;
margin:0;
margin-top:5px;
}
.s-hyouka-title2 dd .hyouka-h-ten:after{
content:"/5.0";
font-size:16px;
color:#8ca7bd;
margin-left:0px;
}
.s-hyouka-title2 + .s-hyouka-graph{
width:100%;
margin:30px auto 10px;
text-align:center;
}
.s-hyouka-title2 + .s-hyouka-graph img{
width:60%;
}
}



.overrayBox {
position: fixed;
z-index: 10000;
bottom: 0;
left: 0;
margin: 0!important;
width: 100%;
display: block;
}
.overrayInner{
background: rgba(000,000,000,0.5);
padding: 10px 0 15px 0;
}
.overrayBox .overrayBtn a:nth-child(1) {
content: '';
display: inline-block;
background-size: 30px;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 8px 16px;
opacity: 1.0!important;
}
.overrayBox .overrayBtn a:nth-child(1) {
background: #ff8c00;
box-shadow: #dd7e18 0px 4px 0px;
}
.overrayBox .overrayBtn a {
border-radius: 5px;
line-height: 1.5;
display: inline-block;
width: 420px;
padding: 5px 5px;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: bold;
margin:0 auto;
}
main#main-lower .overrayBox .overrayBtn{
margin:0;
text-align:center;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.overrayBox .overrayBtn{
margin:0!important;}
.overrayBox .overrayBtn a {
width: 90%;
}
}
.overrayBtnList{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.overrayBtnList .detail-link-amazon,.overrayBtnList .detail-link-rakuten{
margin:0 5px 0!important;
padding:0!important;
width:360px;
box-sizing:border-box;
}
.overrayBtnList .detail-link-amazon a{
box-shadow: #ef9100 0px 4px 0px;
}
.overrayBtnList .detail-link-rakuten a{
box-shadow: #b70e0e 0px 4px 0px;
}
.overrayBtnList .detail-link-amazon a:hover,.overrayBtnList .detail-link-rakuten a:hover{
opacity:0.9;
}
.overrayBtnList .detail-link-amazon a span,.overrayBtnList .detail-link-rakuten a span{
position:relative;
top:1px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.overrayBtnList .detail-link-amazon,.overrayBtnList .detail-link-rakuten{
width:45%;
box-sizing:border-box;
}
}
#over-bt-check{
display: none;
}
.overrayBox label{
position: absolute;
right: 50%;
margin-right: -250px;
width: 30px;
height: 30px;
background: url(https://koesiru.jp/img/koesiru/uploads/2022/06/2022y06m30d_1331281112.png) no-repeat center / 18px rgba(255,255,255,0.98);
border-radius: 50%;
box-shadow: 1px 1px 2px 1px rgb(115 115 115 / 40%);
top: -15px;
}
.overrayBox label.bt-double-in{
right: 50%;
margin-right: -400px;
top: -15px;
}
#over-bt-check:checked ~ label{
display:none;
}
#over-bt-check:checked ~ .overrayInner{
display:none;
opacity:0;
transition:0.8s;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.overrayBox label{
right: 5px;
margin: 0;
}
.overrayBox label.bt-double-in{
right: 5px;
margin: 0;
top: -20px;
}
}

.btn-margin-top{
margin-top:20px;
}

/*------------------------------------------------------------
お問い合わせ調整
-------------------------------------------------------------*/
#form-control- input.form-control.form-submit{
cursor: pointer;
}
#form-control- input.form-control.form-submit:hover{
opacity: 0.6;
}
#form-control- input.form-control.form-submit:focus{
background: #ff3171!important;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#form-area div[id^=form-elements-] span#form-control-your-name:after{
top: -36px;
left: 105px;
}
#form-area div[id^=form-elements-] span#form-control-your-email:after{
top: -36px;
left: 169px;
}
}


/*------------------------------------------------------------
アコーディオン　高さ固定
-------------------------------------------------------------*/
.acd-takasa-kotei{
margin-bottom: 30px;
position: relative;
overflow:hidden ;
}
.acd-takasa-kotei > *{
margin-bottom: 0!important;
}
.acd-takasa-kotei:before{
content: '';
display: block;
width: 100%;
height: 130px;
position: absolute;
left: 0;
bottom: -1px;
background: transparent linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(255 255 255 / 80%) 40%, rgb(255 255 255 / 100%) 70%, rgb(255 255 255 / 100%) 100%) 0% 0% no-repeat padding-box;
 z-index: 100;
}
.acd-takasa-kotei.on-yellow:before{
background: transparent linear-gradient(180deg, rgb(255 252 233 / 10%) 0%, rgb(255 252 233 / 80%) 40%, rgb(255 252 233 / 100%) 70%, rgb(255 252 233 / 100%) 100%) 0% 0% no-repeat padding-box;
}
.acd-takasa-kotei .open-btn{
display: block;
width: 300px;
background: #eb7309;
border-radius: 30px;
color: #fff;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
text-align: center;
padding: 10px 0;
cursor: pointer;
font-size: 16px;
 z-index: 101;
}
.acd-takasa-kotei .open-btn input{
display: none;
}
.acd-takasa-kotei:has(.open-btn-check:checked){
height: auto!important;
padding-bottom: 80px;
}
.acd-takasa-kotei:has(.open-btn-check:checked):before{
display: none;
}
.acd-takasa-kotei:has(.open-btn-check:checked) .open-btn{
font-size: 0;
}
.acd-takasa-kotei:has(.open-btn-check:checked) .open-btn:before{
content: '閉じる';
font-size: 16px;
}


/*------------------------------------------------------------
電話はこちらボタン
-------------------------------------------------------------*/
.tell_btn{
display:none;
}

.tell_btn a.button-medium_tell {
    background-color: #ff5c29;
    box-shadow: 0 5px 0 #cc4a21;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    position: relative;
    padding: 13px;
    font-weight: 800;
    width: 90%;
    margin: 0 auto 24px auto;
    font-size: 21px;
    display: block;
    line-height:normal;
    overflow: hidden;
}

.button-medium_tell-name {
position: relative;
    display: block;
    font-size: 18px;
    color: #fff;
}

.button-medium_tell-name:before {
display: block;
background:url(https://koesiru.jp/img/koesiru/uploads/2025/07/2025y07m17d_1159007481.png) no-repeat center / contain;
content: "";
position: absolute;
left: 15%;
top: 115%;
transform: translateY(-50%);
width:20px;
height: 20px;
}


.tell_btn a.button-medium_tell.yaji-l-anime:after {
    content: "";
    width: 40px;
    height: 30px;
    background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png) no-repeat center / 100% 100%;
     top: 1px;
    left: -10px;
    bottom: 0;
    margin: auto;
    position: absolute;
    animation: cvbtscroll 1.5s infinite;
    }

.button-medium_tell {
    animation-name: tateyure;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;
}

.button-medium_tell:before {
    content: '';
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    top: -100px;
    left: 0;
    background: #fff;
    animation: shine 3.5s ease-in-out infinite;
}



@media only screen and (max-width: 600px) {
.tell_btn{
display:block;
}
.cta-link-box02 .tell_btn a {
    width: 100%;
}
}

@media only screen and (max-width: 350px) {
.button-medium_tell-name:before {
left: 12%;
}
}

/*------------------------------------------------------------
CTAボタンのみ
-------------------------------------------------------------*/
.cta-link-only  .cta-link-button02{
border-radius: 10px;
}

.cta-link-only  .cta-link-button02.yaji-l-anime:after {
        content: "";
        width: 40px;
        height: 30px;
        background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png) no-repeat center / 100% 100%;
        top: 1px;
        right: auto;
        bottom: 0;
        margin: auto;
        position: absolute;
        animation: cvbtscroll 1.5s infinite;
    }
    
@media only screen and (min-width: 601px) {
.cta-link-only  .cta-link-button02{
width: 426px;
}
}


/*------------------------------------------------------------
rank-tableの1位の色
-------------------------------------------------------------*/
body main .rank-table td:first-child {
    background-color: #fffff5 !important;
    text-align:center;
}