@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 #E38DAB solid;     /* 枠線の装飾 */
background: #ffedf2;  /* 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) ". ";
}



.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(https://game-live.click/img/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #EEE 0%,#EEE 100%);
background: url(https://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 #CD3F60 solid; background-color: #CD3F60; }