/********レスポンシブ基本枠*******/
#nana_all01{
width:480px;
background:#fff;
margin:0px auto;
padding:0;
padding:0;
}

/*--------------------------------
▲ ウィンドウ幅が800px以上の場合 ▲
--------------------------------*/
/*--------------------------------
▼ ウィンドウ幅が799px以下の場合 ▼
--------------------------------*/
@media screen and (max-width:799px){
#nana_all01{
width:100%;
background:#FFF;
margin:0 auto;
padding:0px 0px;
}
}


.floatcl{
clear:both;　/*floatの解除、ここがポイント*/
}


/* :::::: スクロールすると固定が表示 :::::: */
#nana_page-top {
    position: fixed;
    bottom: 10px;
    right: 18px;
    font-size: 77%;
z-index:900;
}
#nana_page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 16px 0;/*30px*/
    text-align: center;
    display: block;
    border-radius: 5px;
}
#nana_page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* :::::: スクロールすると固定が表示 :::::: */



/*背景色付枠*/
.nana_waku01{
padding:2px 0px;
background: #EEEEEE;
}


/*■サイトTOP上段■*/
.nana_waku02{
width:100%;
border-bottom:1px solid #CCC;
color:#000;

margin:0px auto 4px auto;
background: -moz-linear-gradient(top, #1459E9, #4980EF);
background: -webkit-linear-gradient(top, #1459E9, #4980EF);
background: linear-gradient(to bottom, #1459E9, #4980EF);
  /*グラデーション以外は省略*/
}




/*サイトロゴimg*/
.nana_waku02a{
width:30%;
float:left;
}

/*サイトロゴ逆*/
.nana_waku02b{
width:66%;
float:left;
}
/*サイトタイトル*/
.nana_waku02c{
padding:6px;
font-size:16px;
font-weight:bold;
}


/*検索部分*/
.nana_waku03{
padding:2px 10px;
}




/*ランキング前コメント*/
.nana_waku04{
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;/*下線*/
}



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

/*各種タイトル帯*/
.nana_waku06{
background:#FFF;/*#0974D3青*/
padding:10px 4px;
color:#444;
font-weight:bold;
border-bottom:0px solid #000;
}

.nana_waku07{
padding:2px 4px;
}







.nana_waku08{
width:100%;
padding:4px 2px;
border-bottom: 1px solid #999;
}

/*00games動画一覧ゲーム名*/
.nana_waku09{
margin:0.3em auto;
color:#444;
/*font-weight:bold;*/
font-size:16px;
padding:4px 4px 4px 10px;
border-left: 0px solid #888;
border-right: 0px solid #003266;
border-bottom: 0px solid #003266;
background:#FFF;
line-height: 1.2em;
background-size: 4px 4px;
}


.nana_waku010{
padding:4px 4px;
line-height:1.5em;
}


.nana_waku011{
margin:2px 1px 3px 2px;
width:40px;
padding:10px 2px;
float:left;
font-weight:bold;
font-size:18px;
text-align:center;
border: 1px solid #FFF;/*【変更箇所】ボーダーカラー*/
color:#FFF;/*【変更箇所】文字色*/
background: #EA4581;/*【変更箇所】ランキング枠色*/
}


/*ランキング囲い*/
.nana_waku012{
margin:2px 1px 3px 2px;
width:36px;
padding:10px 6px;
float:left;
font-weight:bold;
font-size:20px;
text-align:center;
border: 1px solid #FFF;/*【変更箇所】ボーダーカラー*/
color:#FFF;/*【変更箇所】文字色*/
background: #EA4581;/*【変更箇所】ランキング枠色*/
}

.nana_waku013{
width:98%;
margin:0px auto;
padding:4px;

}


.nana_waku014{
width:98%;
padding:4px;
line-height: 1.5em;
}


.nana_waku015{
width:98%;
padding:0px 0px 2px 0px;
margin:0em auto 0.5em auto;
border: 1px solid #333;

color:#444444;
box-shadow: 0px 3px 2px -2px #AAA;
background: #FFFFFF;
}


.nana_waku016{
padding:12px 2px 0px 4px;
line-height: 1.8em;
font-weight:bold;
font-size:20px;
}


/*ストアー文囲い**/
.nana_waku017{
line-height: 1.5em;
padding:4px;
font-size:14px;

}


/*評価*/
.nana_waku018{
width:45%;
padding:8px 4px 2px 4px;
font-size:24px;
font-weight:bold;
float:left;

}

.nana_waku019{
width:45%;
padding:4px;
font-size:40px;
text-align:right;
font-weight:bold;
float:left;
}

.nana_waku020{
margin:6px auto 6px auto;
width:35%;
text-align:center;
}


.nana_waku021{
width:98%;
padding:4px;
line-height: 0.1em;
border-bottom:solid 0.5px #444;
/*background: #EA4581;*//*【変更箇所】ランキング枠色*/
margin:10px auto 1.5em auto;
}



/*カテゴリー囲い枠*/
.nana_waku022{
display: inline-block;
margin:0em auto;
color:#444;
font-weight:bold;
font-size:12px;
text-align:center;
padding:4px 4px;
border: 1px solid #ccc;
}


/*LPフッター会社概要*/
.nana_waku023 {
margin:0px auto;
padding:6px 6px 16px 6px;
border: 0px solid #000000;
background:#EEE;
line-height: 1.3em;
}












/*/////////////////////////検索部分/////////////////////////**/
/*検索上段*/
.nana_waku024{
background:#FFF;/*#0974D3青*/
padding:10px 4px;
color:#FFF;
font-weight:bold;
border-bottom:2px solid #EEE;
}


/*検索部分枠*/
.nana_waku025{
margin:0px auto 0px auto;
background:#EEE;
padding:2px 0px;
}



/*検索部分枠*/
.nana_waku026{
width:90%;
margin:6px auto 0px auto;
background:#EEE;
padding:0px;
border-top:0px solid #CCC;
border-left:0px solid #CCC;
/*box-shadow: 1px 1px 3px #888;*/
border-radius:0px;
}


/*検索部分4つバージョン*/
/*adw対策用セクレト*/
.nana_waku027{
width: 24%;
background:#FFF;
margin: 0px 0px;
padding: 4px 0px 0px 2px;

border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
display: table-cell;
border-radius: 4px;
font-size:8px;
color:#999;

}

.nana_waku027 select {
width: 98%;
background:#FFF;
padding: 2px 6px;
font-size:10px;
/*font-weight: bold;*/
color:#AAA;
border: 0px solid #999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

/*
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
*/
background-size: 24px, 100%;
}



/*4つバージョン*/
/*adw対策用セクレト*/
.nana_waku028{
width: 24%;
margin: 0px 0px;
padding: 4px 0px 0px 2px;
background:#FFF;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;

float:left;
border-radius: 4px;
font-size:8px;
color:#999;
}

.nana_waku028 select {
width: 98%;
background:#FFF;
padding: 2px 4px;
font-size:10px;
/*font-weight: bold;*/
color:#AAA;
border: 0px solid #999;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

/*background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#fff 100%);
background: url(https://game-live.click/img/arrow03.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#fff 100%);
*/
/*background-size: 24px, 100%;*/
}





/*セクレト段落部分*/
.nana_waku029{
margin:2px auto;
}


/*検索サブミットボタン4つバージョン*/
.nana_waku030{
background: -moz-linear-gradient(top,#FFF 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #DDD;
color:#555;
float:left;
width: 24%;
padding: 8px 0;
margin:1px 0px 0px 1px;
font-size:10px;
border: 1px solid #999;	
font-weight: ;
}

.nana_waku030:hover{
color:#FFF;
}


/*検索部分枠*/
.nana_waku031{
margin:0px auto 0px auto;
background:#EEE;
padding:4px 0px;
/*box-shadow: 1px 4px 3px -3px #888;*/
}

/*検索段落*/
.nana_waku032{
margin:2px 0px 2px 0px;
}

/*/////////////////////////検索部分/////////////////////////**/




/*上段*/
.nana_waku033{
background:#0C4F91;
width:30%;
padding:4px;
margin:6px 0;
color:#FFF;
font-weight:bold;
font-size:16px;
}


.nana_waku034{
margin:0px auto 6px auto;
color:#0C4F91;
font-weight:bold;
font-size:20px;
}

/*TOPニュース画像*/
.nana_waku035{
width:20%;
float:left;
padding:4px;
}

.nana_waku035a{
width:76%;
float:left;
padding:4px;
}


/*content*/
/*上段ページタイトル*/
.nws_001{
padding:6px;
line-height:1.4em;
}

/*上段ページ本文枠*/
.nws_002{
width:94%;
margin:2px auto;
padding:6px;
line-height:2.0em;
border-radius: 4px;
background: #FFF;
color:#555;
font-size:16px;
}

/*下部リンク*/
.nws_003{
padding:14px 4px;
line-height:1.2em;
background: #F4F5F9;
color:#555;
font-size:14px;
border-bottom:1px solid;
}

/*リンク*/
.nws_004{
margin:6px;
border:1px solid #999 ;
padding:6px;
line-height:1.0em;
display: inline-block;
}



/*下段反応部分*/
.nws_005{
margin:0px auto;
padding:6px;
line-height:1.2em;
}




/*動画終わりのamazonインフィード枠画像トリミング*/
.nws_006 {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 50px;/* トリミングしたい枠の高さ */
    position: relative;
}


.nws_007_img {
  width: 100px;
  height:100px;
  object-fit: cover;
}





/*インフィード枠*/
.nws_07 {
width:98%;
background-color:#FFF;
border-bottom:solid 1px #999;
}

/*画像有画像部分*/
.nws_07_01 {
width:25%;
float:left;

}

/*画像有テキスト部分*/
.nws_07_02 {
width:65%;
float:left;
padding:6px;
}

/*画像ナシテキスト部分*/
.nws_07_03 {
width:96%;

padding:6px;
}




/*最上段ナビゲーしょん*/
.nws_08{
width:96%;
padding:12px 6px;
}


/*アマゾン広告*/
.nws_09{
width:96%;
}

.nws_09_01{
padding:0px 4px 0px 0px;
width:15%;
float:left;
}

.nws_09_02{
width:81%;
float:left;
}


/*contenページ関連リンク*/
.nws_10{
width:98%;
padding:6px 4px;
line-height:1.5em;
border-bottom:solid 1px #999;
}
/*contenページ関連一覧リンク*/
.nws_10_01{
width:98%;
padding:6px 4px;
text-align:right;
}

/*contenページ関連記事文言*/
.nws_10_02{
margin:4px auto;
width:98%;
padding:6px 4px;
}


/*関連動画画像*/
.nws_10_03{
width:20%;
padding:0px 4px 0px 0px;
float:left;
}

/**/
.nws_10_04{
width:70%;
float:left;
}

/*境界線conten/index*/
.nws_10_05{
margin:0px auto 10px auto;
padding:6px;
line-height: 1.2em;
background:#555;/*#35758A*/
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}



/*ランキング大枠pomatch*/
.nws_11_01{
padding:2px 0px;
background: #EEEEEE;
}

/*背景pomatch*/
.nws_11_02{
width:100%;
border-bottom:1px solid #CCC;
color:#000;
background:#6FBA2C;/*#0085B2*/
margin:0px auto 4px auto;
}

/*上段タイトル部分・画像pomatch*/
.nws_11_03{
width:10%;
padding:4px;
float:left;
}

/*新しい上部コメントpomatch*/
.nws_11_04{
width:85%;
padding:4px 0px 0px 2px;
float:left;
font-size:12px;
color:#FFF;
line-height: 12px;
}

/*タイトル帯黒文字pomatch*/
.nws_11_05{
padding:2px 6px;
border-bottom:1px solid #CCC;
color:#000;
background:#FFF;/*#0085B2*/
}


/*トップカテゴリリンクindex*/
.nws_12_01{
padding:2px 6px;
text-align:right;
margin:4px auto;
}

/*main/*/
.nws_13_01{
width:98%;
margin:2px auto;
line-height:1.2em;
}

/*main画像有画像部分*/
.nws_13_02 {
width:25%;
float:left;

}

/*main画像有テキスト部分*/
.nws_13_03 {
width:65%;
float:left;
padding:4px;
}




/*rss系conten/index pomatch*/
.nana_rss001{
width:96%;
margin:10px auto;
padding:6px;
background: #F6F6F6;
color:#444444;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
line-height: 1.2em;
}


/*各コンテンツ囲いconten/index*/
.nana_rss02{
width:96%;
margin:0px auto;
padding:6px;
background: #F6F6F6;
color:#444444;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;

}

/*アウトページ境界性out/index*/
.nana_rss03{
margin:0px auto 10px auto;
padding:6px;
line-height: 1.2em;
background:#555;/*#35758A*/
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
}



/*rss系リンクpomatch*/
.nana_rss04{
width:96%;
margin:10px auto;
padding:6px;
background: #F6F6F6;
color:#444444;
box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px #888;
-moz-box-shadow: 1px 1px 3px #888;
line-height: 1.2em;
}



/*page上段タイトル*/
span.pgg_text012{
font-size:20px;
color:#444;
font-weight:bold;
}

/*更新日*/
span.pgg_text014{
font-size:14px;
color: #43403F;
}
/*content*/

/*****************文字列***************************/
/*ランキング前コメント*/
/*最上段太字*/
span.nana_text01{
font-weight:bold;
}


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


span.nana_text03{
font-size:24px;
font-weight:bold;
color:#EA0000;
text-shadow: 1px 1px 1px #CCC;
}

span.nana_text04{
font-size:20px;
font-weight:bold;
}


span.nana_text05{
font-size:14px;
font-weight:bold;
color:#FFF;
}

span.nana_text06{
font-size:18px;
color:#555;
font-weight:bold;
}

span.nana_text07{
font-size:18px;
color:#555;
font-weight:bold;
}


/*本文*/
span.nana_text08{
font-size:16px;
color:#555;
}


/*タイトル*/
span.nana_text09{
font-size:14px;
color:#555;
font-weight:bold;
text-shadow: 1px 1px 1px #CCC;
}


/*イベント公式文章前タイトル*/
span.nana_text010{
font-size:18px;
color:#186CA5;
font-weight:bold;
text-shadow: 1px 1px 1px #CCC;
}

/*アプリ公式文章*/
span.nana_text011{
font-size:14px;
color:#555;
}


/*続きを見る*/
span.nana_text012{
font-size:16px;
color:#006DD9;
font-weight:bold;
}




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

/*新しいタイトル部分みんなが選んだ限定版pomatch*/
span.nana_text014{
font-size:18px;
line-height:26px;
font-weight:bold;
/*text-shadow: 1px 1px 1px #CCC;*/
color:#555;/*#EA0000赤*/
}



/*TOPサイトタイトル*/
span.nana_text015{
font-size:20px;
font-weight:bold;
color:#FFF;/*#EA0000赤*/
}

/*****************h系文字列***************************/
h1#nana_01h1{
font-size:20px;
font-weight:bold;
color:#CA3C6E;
line-height: 1.2em;
padding:4px;
}


h1#nana_02h1{
font-size:20px;
color:#444;
font-weight:bold;
border-bottom: solid 0px black;
line-height: 1.2em;
}


h1#nana_03h1{
font-size:24px;
color:#444;
font-weight:bold;
border-bottom: solid 0px black;
line-height: 1.2em;
}



h2#nana_02h2{
font-size:18px;
font-weight:bold;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
line-height: 1.2em;
}

h2#nana_03h2{
font-size:18px;
font-weight:bold;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
line-height: 1.2em;
}

/*main/index*/
h2#nana_04h2{
margin:0px auto 4px auto;
font-size:18px;
font-weight:bold;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #4595DC;/*左線*/
line-height: 1.2em;
}


/*conten/index*/
h2#nana_con_h2{
margin:0px auto 4px auto;
font-size:18px;
font-weight:bold;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
line-height: 1.2em;
}


/*main/index*/
h3#nana_01h3{
font-size:18px;
font-weight:bold;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #555;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
line-height: 1.2em;
}


/*conten/index*/
h3#nana_con_h3{
font-size:18px;
font-weight:bold;
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #555;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
line-height: 1.2em;
}


/****************画像*******************************/
.nana_img01 img{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}




.youtime01 {
position: relative;
}

.youtime02 {
position: absolute;
padding:4px 8px;
bottom: 12px;
right: 15%; 
color:#FFF;
z-index: 100;
background-color: rgba(0,0,0,0.7);
border:1px solid #FFF;
}

/*ユーチューブを軽くするヤツ*/
.youtube2 {
	display: inline-block;
	position: relative;
	overflow: hidden;
margin:10px auto 0px auto;
	width: 100%;
	/*height: 180px;*/
}
.youtube2::before {
	position: absolute;
	content: url("../img/youtubeplay.png") ;
	color: #fff;
	text-align: center;
	/*font-size: 22px;*/
	font-weight: bold;
	line-height: 210px;
	background: rgba(0, 0, 0, 0.0);
	top: 0px;
	right: 5%;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s;
}
.youtube2:hover::before {
	/*background: rgba(0, 0, 0, 0.0);*/
	cursor: pointer;
	transition: all 0.3s;
}