@charset "utf-8";
body {
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
counter-reset:sample;
}
#contents{
	width:480px;
	background:#f7fbfc;
	margin:20 auto;
	padding:0;
}
/*--------------------------------
▲ ウィンドウ幅が800px以上の場合 ▲
▼ ウィンドウ幅が799px以下の場合 ▼
--------------------------------*/
@media screen and (max-width:799px){
	#contents{
		width:100%;
		background:#f7fbfc;
		margin:0;
		padding:0;
	}
}
.titbox {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
   margin-bottom:  16px;
color: #494949;/*文字色*/
background: #355282;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}
.appbox {
    background-color: #00496E;
	width:84%;
    border: 3px dashed #fff;
    border-radius: 4px;
    box-shadow: 0 0 0 3px #555555;
    color: #fff;
    margin: 1em 0;
    padding: 1em;
word-break:break-all;
}
div.kadomaru03 {
   width: 70%;
padding : 8px ;
box-shadow:5px 8px 8px rgba(0,0,0,0.4);
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border: 3px #000000 solid;     /* 枠線の装飾 */
   background-color: #E06A3B;   /* 背景色 */
}
div.kadomaru04 {
   width: 40%;
padding : 10px ;
box-shadow:3px 4px 4px rgba(0,0,0,0.4);
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border: 3px #000000 solid;     /* 枠線の装飾 */
   background-color: #E06A3B;   /* 背景色 */
}
.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}

div.suuji {
   width: 9%;
   margin-left:  33px;
background-color:#1E98B9;
padding: 2px;
border: double 2px #fff;
box-shadow: 0 0 0 4px #1E98B9;
}

div.mudodo {
   width: 80%;
   margin-bottom: 20px;
   padding: 10px;
box-shadow:1px 3px 3px rgba(0,0,0,0.4);
   border-radius: 7px;         /* CSS3 */
   -moz-border-radius: 7px;    /* Firefox */
   -webkit-border-radius: 7px; /* Safari,Chrome */
   border: 2px #007AB7 solid;     /* 枠線の装飾 */
   background-color: #007AB7;   /* 背景色 */
}


div.rankkk {
   width: 94%;
   margin-bottom:  10px;
   padding: 5px;
   background-color: #f9f7f7;   /* 背景色 */
   border: 0px
word-wrap: break-word;
}


div.apset {
   width: 94%;
   margin-bottom:  5px;
   padding: 10px;
   border: 1px #555555 solid;     /* 枠線の装飾 */
background: #fcffff;  /* fallback for old browsers */
word-wrap: break-word;
}

div.tokuu {
   width: 94%;
   margin-bottom:  5px;
   padding: 10px;
   border: 1px #EDAD0B solid;     /* 枠線の装飾 */
background: #ffffff;  /* fallback for old browsers */
word-wrap: break-word;
}


div.ko2 {
   width: 94%;
   margin-bottom:  5px;
   padding: 10px;
   border: 2px #007CB6 solid;     /* 枠線の装飾 */
word-wrap: break-word;
}

div.comen {
   width: 94%;
   margin-bottom:  5px;
   padding: 10px;
   border: 1px #F9DFD5 solid;     /* 枠線の装飾 */
background: #dbf0f9;  /* fallback for old browsers */
word-wrap: break-word;
}

div.anken {
   width: 90%;
   margin-bottom:  30px;
   padding: 10px;
   border: 1px #03689b solid;     /* 枠線の装飾 */
background: #fcffff;  /* fallback for old browsers */
word-wrap: break-word;
}

div.ankenset {
   width: 90%;
   margin-bottom:  15px;
   padding: 10px;
   border: 1px #03689b solid;     /* 枠線の装飾 */
background: #fcffff;  /* fallback for old browsers */
background-position:center top;
background-repeat:no-repeat;
-moz-background-size:100% auto;
background-size:100% auto;
}

div.ranksu {
    width:90%;
    padding: 12px 10px;
background-color: #03689b;
border: 1px #03689b solid;   
color: #FFFFFF;
}



.iconimg img{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}


/*h1 {
color: #444444;/*文字色*/
font-size: 1.2em;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #CA3C6E;/*上線*/
border-bottom: solid 3px #CA3C6E;/*下線*/
}
*/
h2 {
font-size: 1.2em;
}


div.rankn:before {
counter-increment:sample;
content:counter(sample) "";
}

div.rankn2:before {
counter-increment:sample2;
content:counter(sample2) "位";
}

.select-app001{
width: 32%;
margin: 0px 0px;
padding: 4px 0px 0px 2px;
background:#EEE;
border: 2px solid #FFF;
display: table-cell;
border-radius: 0px;
font-size:8px;
color:#777;
}


.select-app001 select {
width: 98%;
padding: 2px 6px;
font-size:12px;
font-weight: bold;
color:#444;
border: 0px solid #999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:#EEE;

background: url(http://game-live.click/img/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #EEE 0%,#EEE 100%);
background: url(http://game-live.click/img/arrow03.png) right 50% no-repeat, linear-gradient(to bottom, #EEE 0%,#EEE 100%);

background-size: 24px, 100%;
}

.sbt_app001{
background: -moz-linear-gradient(top,#DDD 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#EEE));
border: 1px solid #DDD;
color:#555;
float:left;
width: 30%;
padding: 10px 0;
margin:1px 0px 0 1px;
font-size:14px;
border: 1px solid #999; 
font-weight: bold;

}
.sbt_001:hover{
color:#FFF;
}

div.btapp1 { width: 80%; margin-bottom: 10px; padding: 10px; box-shadow:5px 8px 8px rgba(0,0,0,0.4); border-radius: 6px; 
-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px #0086AB solid; background-color: #0086AB; }


div.btapp2 { width: 80%; margin-bottom: 10px; padding: 10px; box-shadow:5px 8px 8px rgba(0,0,0,0.4); border-radius: 6px; 
-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 2px #000000 solid; background-color: #000000; }






/*ランキング前のヤーツ*/
.newpg001{
margin:20px auto;
line-height:2px;
width:94%;
color: #444444;/*文字色*/
font-size: 1.5em;
padding: 1.0em 0; 0.5em 0;/*上下の余白*/
border-top: solid 3px #CA3C6E;/*上線*/
border-bottom: solid 3px #CA3C6E;/*下線*/
}

/*ランキングアプリのタイトル補足分*/
.newpg002{
margin:4px auto;
line-height:1.3em;
color: #444444;/*文字色*/
font-size: 16px;
#font-weight:bold;
}


/*ランキングアプリのランキング更新部分*/
.newpg003{
margin:4px auto 0px auto;
text-align:right;
}








/*広告連動部分*/

.newpg005{
padding:2px 0px;
background: #EEEEEE;

}
/*境界線*/
.newpg005_2{
padding:6px 0px;
background: #EEEEEE;

}


/*■上段画像枠■*/
.newpg005a{
width:100%;
border-bottom:1px solid #CCC;
color:#000;
background:#FFF;/*#0085B2*/
margin:0px auto 0px auto;
}

/*■上段画像枠■*/
.newpg005a_02{
padding:4px 0px 0px 0px;
width:100%;
border-bottom:1px solid #CCC;
color:#000;
background:#FFF;/*#0085B2*/
margin:0px auto 0px auto;
}


/*上段広告連動枠*/
.newpg005b{
background:#FFF;/*#0974D3青*/
padding:10px 4px 6px 4px;
color:#444;

border-bottom:0px solid #000;
}


.newpg005b1{
padding:2px 4px;
line-height:1.4em;
}

.newpg005b2{
padding:4px 0px
line-height:0.8em;
}

.newpg005b3{
padding:4px 4px;
line-height:1.0em;
}


/*吹き出し*/
.newpg006 {
  position: relative;
  display: inline-block;
  margin: 1.0em 0 0.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #E83C74;
  font-size: 16px;
　font-weight:bold;
  background: #FFF;
  border: solid 3px #E83C74;
  box-sizing: border-box;
}

.newpg006:before {
  content: "";
  position: absolute;
  top: -24px;/*下向きならbottom*/
  left: 10%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 14px solid #FFF;/*下向きならtop*/
  z-index: 2;
　font-weight:bold;
}

.newpg006:after {
  content: "";
  position: absolute;
  top: -30px;/*下向きならbottom*/
  left: 10%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #E83C74;/*下向きならtop*/
  z-index: 1;
　font-weight:bold;
}





/*text********************************/
/*最上段太字*/
span.newptext01{
font-weight:bold;
font-size:22px;
}

/*ランキング前文言*/
span.newptext01a{
font-size:16px;
font-weight:bold;
/*text-shadow: 1px 1px 1px #CCC;*/
color:#EA0000;/*#EA0000赤*/
}

/*日付*/
span.newptext01b{
font-size:12px;
/*text-shadow: 1px 1px 1px #CCC;*/
color:#000;/*#EA0000赤*/
}

/*日付*/
span.newptext01c{
font-size:12px;
color:#555;/*#EA0000赤*/
}


/*広告連動テキスト*/
span.newptext02{
font-size:12px;
color:#999;/*#EA0000赤*/
}




h1.h1_text01{
font-weight:bold;
font-size:17px;
line-height: 1.2em;
}