@charset "utf-8";

@media screen and (max-width: 900px) {
	ul.yoyakuBtn {
		display:block;
	}
	ul.yoyakuBtn a {
		margin-bottom: 15px;
	}
	ul.yoyakuBtn li img {
		width: 140px;
	}

	ul.yoyakuBtn li::after {
		content: 'で詳細を見に行く';
		text-align: center;
		margin: 0 auto;
		color: #222;
		font-weight: bold;
		font-size: 17px;
		margin-bottom: 10px;
	  }

	p.topNewLink {
    text-align: center;
    margin:30px 0 30px 0;
}
.topNewLink a {
    font-size: 12px;
    padding:13px 10px;
}
	
	.underShouText h3:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
        content: '\f107';
        float:right;
        margin-right:20px;
    }
    
	.underShouText h3{
		pointer-events: all;
		width: 100%;
		font-size: 14px;
	}
	
	.underShouText p {
		display: none;
		width: 100%;
	}
    
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.adCenterTop {
		margin-top: 100px;
	}
	
	ul.maeusiro li img {
		width: 100% !important;
		height: auto !important;
	}
	ul.maeusiro li {
		font-size: 13px;
		line-height: 170%;
	}
	table.tableth7 th , table.tableth7 td {
		width: 100%;
		display: block;
	}

	ul.leftLinkBoxUL a li {
		width: 50%;
		float: left;
		padding: 5px 0;
		font-size: 15px;
	}

	ul.leftLinkBoxUL {
		display: block;
		overflow: hidden;
	}
	
	footer.footerTop {
		width: 100%;
	}
	.topUnderNews {
		width: 100%;
		display: block;
		margin-top: 120px;	
	}
	
	.topUnderNews ul {
		width: 100%;
		padding:0 30px;
		margin-bottom: 20px;
	}

		
	.topUnderNews li {
		font-size: 14px;
	}
	
	
	
	li.topUnderNewsTitle {
		font-size: 110%;
	}


	.wp-pagenavi {
		clear: both;
		text-align:center;
		overflow: hidden;
		margin:20px auto;
		padding: 10px 0;
	}
	.wp-pagenavi a, .wp-pagenavi span.current {
		text-decoration: none;
		height: 10px;
		padding: 10px 10px !important;
		margin: 50px 3px;
		overflow: hidden;
		clear: both;
	}
	.wp-pagenavi a:hover, .wp-pagenavi span.current {
		height: 10px;
		font-size: 15px;
		overflow: hidden;
		clear: both;
	}
	.wp-pagenavi span.current {
		font-weight: bold;
		overflow: hidden;
		clear: both;
	}
	.wp-pagenavi span.pages {
		color:#1a1a1a;
		margin-right: 10px;
		border:none;
		overflow: hidden;
		clear: both;
	}
	.wp-pagenavi span.extend{
		overflow: hidden;
		clear: both;
		border: none;
	}


	.pagination-next a {
		padding: 10px 100px;
	}

	ul.listUlLst {
		margin-left: 15px ;
		margin-right: 0;
	}

	ul.topUlLst li ,ul.listUlLst li , ul.topUlLstJyoyuu li  { 
		width: 45% !important;
		margin-right:10px;
	  }

	  ul.topUlLst li img ,ul.listUlLst li img , ul.topUlLstJyoyuu li img {
		  width: 100% !important;
		  height: auto;
		}

	ul.footerTagBox a {
		margin-bottom:15px;
		margin-right: 10px;
	}
	
	
.rightWrapperTop2 {
    width: 100%;
	margin-left: -10px;
	margin-top: -30px;
}

		footer dd {
		width: 50%;
		text-align: left;
	}
	footer dd a {
		padding: 15px;
	}	



	.mainHeaderText {
		height: 100px;
		width: 100%;
		margin-top:100px;
		padding-left:20px;
		background: -moz-linear-gradient(bottom, #000, transparent);
		background: -webkit-linear-gradient(bottom, #000, transparent);
		background: linear-gradient(to top, #000, transparent);
		display: block;
		overflow: hidden;
	}
	
	.mainHeaderText h1 {
		font-size: 110%;
		margin-bottom: 8px;
		padding-top: 20px;
	}
	
	.mainHeaderText h2 {
		margin-bottom: 20px;
		color: #fff;
		font-size: 120%;
		line-height: 120%;
	}

	.mainTagList {
		/* background: url(./img/list_heade_bk.png) no-repeat 0 -15px #e08b12; */
		background: #000;
		padding-left: 10px;
		font-style: normal;
		font-size:10px;
	}
	
	html,body {
		font-size: 90%;
	}

	.lum-lightbox-inner img {
		max-width: 70%;  /* 軽くスワイプで左端から右端まで動かせる量 */
		max-height: auto;  /* 上下に適度に余白 */
	  }

	.multiple.multiplejyoyu img {
		width:120px;
		height:120px;
	}

	.movieWrapper {
		width: 100%;
	}
	

	.multiple { padding: 0; width: 100%; height: 160px;}
	..page-nav {
		display: none;
	}
	.topMainBox {
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	.pc {
		display: none;
	}
	.sp {
		display:inline !important;
	}
	.topMainBox {
        height: 190px;
		margin: 0 auto 10px auto;
		text-align: center;
	}
	
	h1.topH1 , h2.topH2 , h1.topH2 , h2.topH22 {
		width: 100% !important;
		font-size: 14px !important;
		margin: 16px 0 0 10px;
	}

	.rightWrapperTop h1.topH2 {
		margin: -20px 0 0 -8px;
	}
	.topMainBox img {
		width: 85%;
		margin-top: 40px;
	}
.all {
	overflow: hidden;
}
	#allWrapper {
		display:flex;
		flex-direction: column-reverse;
		width: 100%;
		}

		.mainWapper h2   {
			padding: 30px 0 20px 0;
			color: #333;
			font-size: 15px;
			line-height: 130%;
			font-weight: bold;
			display: flex;
		}
		
		.mainWapper h2:after {
		border-top: 2px solid #0c225a;
		content: "";
		flex-grow: 1;
		margin: 0.5rem 0 0 1rem;
		}

		h5.rank0,h5.rank1 , h5.rank2 , h5.rank3 , h5.rank4 , h5.rank5 ,  h5.rank6 , h5.rank7, h5.rank8, h5.rank9, h5.rank10 , h5.rank11, h5.rank12, h5.rank13, h5.rank14, h5.rank15, h5.rank16, h5.rank17, h5.rank18, h5.rank19, h5.rank20{
			font-size: 15px;
		}

		h5.rank0::before ,h5.rank1::before , h5.rank2::before , h5.rank3::before , h5.rank4::before , h5.rank5::before, h5.rank6::before, h5.rank7::before, h5.rank8::before, h5.rank9::before, h5.rank10::before , h5.rank11::before , h5.rank12::before , h5.rank13::before , h5.rank14::before , h5.rank15::before , h5.rank16::before , h5.rank17::before , h5.rank18::before , h5.rank19::before , h5.rank20::before {			margin: -10px 10px 0 0;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			text-align:center;
			color: #fff;
			line-height: 40px;
			background: #333;
		}

		.mainWapper {
			background: #fff;
			margin:10px auto 10px auto;
			overflow: hidden;
			padding: 10px 10px;
			width:100%;
			line-height: 30px;
			font-size: 90%;
		}

		.mainWapper img {
			display:block;
			text-align:center;
			max-width: 100% !important;
			height: auto;
			margin:15px auto 25px auto;
		
		}
		.osusumeLastListBox {
			width: auto;
		}
		ul.osusumeLastList {
			display: flex;
			margin: 0 auto;
			padding: 0;
			width: 100%;  
			overflow-x: auto; 
			white-space: nowrap; 
			overflow-scrolling: touch; 
			-webkit-overflow-scrolling: touch;
		}
		
		ul.osusumeLastList li {
				width: 150px;
				display: inline-block;  /* 横並びにする指定 */
				list-style: none;
		}
		
		ul.osusumeLastList li img {
			height: 150px;  
			width: 150px;
			object-fit: cover;
		}
			ul.osusumeLastList::before {
			font-family:  "Font Awesome 5 Free";
			font-weight: 900;
			content: '\f137';
			font-size: 30px;
			position: absolute;
			color: #0c225a;
			left: 5px;
			margin-top: 60px;
		  }
	
		  ul.osusumeLastList::after {
			font-family:  "Font Awesome 5 Free";
			font-weight: 900;
			content: '\f138';
			font-size: 30px;
			position: absolute;
			color: #0c225a;
			right: 5px;
			margin-top: 60px;
		  }
	

.movieWrapper {
	font-size: 13px;
}


		ul.topUlLst {
			width: 90%;  
		}
		ul.movieWrapperUl {
			width: 100%;
			padding: 0;
			margin: 0;  
		}

		ul.topUlLst , ul.movieWrapperUl {
			margin: 0 auto;
			padding: 0;
			width: 90%;  
			overflow-x: auto; 
			white-space: nowrap; 
			overflow-scrolling: touch; 
			-webkit-overflow-scrolling: touch;
		}

		ul.movieWrapperUl {
			background: none;
			display: flex;
		}

		ul.topUlLst::after, ul.movieWrapperUl::after {
			font-family:  "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 180%;
			position: absolute;
			content: '\f0a8';
			color: #000;
			margin-left: 5px;
			margin-top: 80px;
		}
		
		ul.topUlLst::before, ul.movieWrapperUl::before {
			font-family:  "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 180%;
			position: absolute;
			content: '\f0a9';
			color: #000;
			right: 20px;
			margin-top: 80px;
		}

		ul.topUlLst li , ul.movieWrapperUl li {
		display: inline-block; 	
		list-style: none;
	}
	ul.topUlLst li  {
		height: 260px;
	}
	ul.movieWrapperUl li {
		height: 220px;
	}

	#rightWrapper {
		width: 100%;
	}

	#leftWrapper , #rightWrapper {
		width: 100%;
	}

	#sidebar {
		width: 100%;
	}

	dl.movieWrapperDl {
		font-size: 12px;
	}

	.mainBigBtn {
		margin: 30px auto;
	}

	.mainBigBtn a {
		padding: 20px 40px;
		font-size: 18px;
	}
	#nav-content {
		width: 80%;
		font-size: 80%;
	  }
	  .movieBox video {
		width: 100%;
		height: auto;
	}
	

	.mobliePlayer {
		margin: 0 auto;
		padding: 0;
		width: 90%;  
		overflow-x: auto; 
		white-space: nowrap; 
		overflow-scrolling: touch; 
		-webkit-overflow-scrolling: touch;
	}
	
}


@media screen and (min-width: 360px) {
	.lum-lightbox-inner img , .lum-lightbox-image-wrapper img {
		max-width: 70% !important;  /* 軽くスワイプで左端から右端まで動かせる量 */
		max-height: auto !important;  /* 上下に適度に余白 */
	  }

	  img.lum-img {
		max-width: 70% !important;  /* 軽くスワイプで左端から右端まで動かせる量 */
		max-height: auto !important;  /* 上下に適度に余白 */
	  }

}