body{
	background-color:#1a1a1a;
	line-height:30px;
	text-align:center;
	margin:0;
	padding:0;
	color:#fff;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

img{
	border:0;
	width:100%;
	max-width:100%;
	vertical-align:bottom;
}

a{
	color:#00c;
	text-decoration:none;
}
a:hover{
	color:#99f;
	text-decoration:underline;
}

.hover_opa:hover{
	opacity:0.7;
}

.error {
	color:#f99;
	font-size:1rem;
}

.cap {
	word-break: break-all;
	margin-top:0.1rem;
	font-size:0.8rem;
	line-height:1rem;
}

@media screen and (min-width: 768px) {
	.sp_only {display:none;}
}
@media screen and (max-width: 767px) {
	.pc_only {display:none;}
}



header .logo_box{
	margin:2rem auto 0;
	width:32vw;
}
@media screen and (max-width: 767px) {
	header .logo_box{
		margin:0 auto;
	}
}

.main_visual {
	position:relative;
	overflow:hidden;
}
.main_visual .video_box{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-top:39.5%;
	background-color:#000;
}
.main_visual .video_box iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}
.main_visual #mask{
	position:absolute;
	top:-1px;
	left:0;
	width:101%;
	z-index:1;
}
.main_visual .btn_box{
	position:absolute;
	bottom:1.5vw;
	left:0;
	width:100%;
	z-index:2;
}
.main_visual .btn{
	width:6%;
	margin:0 auto;
	cursor:pointer;
}
@media screen and (max-width: 767px) {
	.main_visual .btn{
		width:10%;
	}
}

.btn #btn_off{
	display:none;
}

.container {
	display:flex;
	width:100%;
	max-width:1200px;
	margin:2rem auto 0;
}
@media screen and (max-width: 767px) {
	.container {
		flex-direction:column;
	}
}

.left {
	order:1;
	width:15%;
}
.main {
	order:2;
	width:70%;
	padding-bottom:4rem;
}
.right {
	order:3;
	width:15%;
}
.left .side_inner,
.right .side_inner {
	width:95%;
	margin:0 auto;
}
.left .side_inner {
	position: sticky;
	top:0;
}
@media screen and (max-width: 767px) {
	.left {
		order:2;
		width:100%;
	}
	.main {
		order:1;
		width:100%;
	}
	.right {
		display:none;
		order:3;
		width:100%;
		height:100vh;
		position:fixed;
		top:0;
		left:0;
		overflow:scroll;
		background-color:#333;
		padding-top:3vw;
		z-index:3;
	}
	.left .side_inner{
		width:100%;
	}
}

.sponsor {
	display:flex;
	/*justify-content:space-between;*/
	margin:1rem auto;
}
.sponsor a{
	display:block;
	width:18%;
	margin-left:2.5%;
	margin-bottom:1rem;
	border:1px solid #fff;
	pointer-events:none;
}
.sponsor a:first-child{
	margin-left:0;
}
@media screen and (max-width: 767px) {
	.sponsor {
		/*display:flex;*/
		width:96%;
		margin:1rem auto;
		overflow:hidden;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.sponsor a{
		width:46%;
		margin-left:0;
	}
}
.sponsor img {
}

footer {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.footer {
	display:flex;
	justify-content:space-between;
	text-align:left;
}
.footer>div{
	width:35%;
}

.footer h4 {
	margin:0;
	margin-bottom:0.5rem;
}
.footer h5 {
	margin:0;
	font-weight:normal;
	margin-bottom:1rem;
}
.footer .note p {
	font-size:0.7rem;
	line-height:1rem;
}
.footer .links {
	display:flex;
	justify-content:space-between;
	line-height:1.2rem;
}
.footer .links .navi {
	width:44%;
}
.footer .links .about {
	width:52%;
}
.footer .links a {
	font-size:0.7rem;
	color:#fff;
}
@media screen and (max-width: 767px) {
	.footer h4 {
		margin-top:5vw;
		margin-bottom:1vw;
	}
	.footer h5 {
		margin-bottom:2vw;
	}
	.footer .links {
		flex-wrap:wrap;
	}
	.footer .links a{
		font-size:3.3vw;
	}
	.footer .links .navi {
		width:100%;
	}
	.footer .links .about {
		width:100%;
	}
}

.footer_copy .footer_logo {
	width:25%;
	margin:0 auto;
}
.footer_copy .footer_logo a:hover{
	opacity:0.7;
}
.footer_copy .copy {
	font-size:0.7rem;
}
@media screen and (max-width: 767px) {
	.footer{
		width:94%;
		margin:0 auto;
		flex-wrap:wrap;
	}
	.footer>div{
		width:100%;
	}
	.footer_copy {
		padding-bottom:16vw;
	}
	.footer_copy .footer_logo {
		width:60%;
	}
	.footer_copy .copy {
		font-size:2vw;
	}
}

/*#gallery.single {*/
#commend {
	background-color:#333;
	font-size:18px;
	text-align:left;
}
@media screen and (max-width: 767px) {
	#commend,
	#gallery {
		font-size:4vw;
	}
}

#commend .head,
#gallery .head,
#movie .head {
	position:relative;
}
@media screen and (max-width: 767px) {
	#commend .head img,
	#gallery .head img,
	#movie .head img{
		border-top:8px solid #000;
	}
}
#commend .head a,
#gallery .head a,
#movie .head a {
	display:block;
	position:absolute;
	top:20%;
	left:26%;
	width:48%;
	height:50%;
}

/*#gallery .main {*/
#commend .main {
	max-width:700px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	#commend .main {
		width:90vw;
	}
}

.en {
	display:block;
	font-weight:normal;
	font-size:0.7em;
	line-height:0.7rem;
}

#toppage h1 {
	font-size:1.4em;
	font-weight:normal;
}
h2 .en {
	font-size:0.6em;
	margin-top:0.3rem;
}

#commend h2,
#gallery h2 {
	text-align:center;
}

#commend dt,
#gallery dt {
	margin-top:2rem;
}
#commend dd,
#gallery dd {
	margin-top:0.5rem;
	margin-left:0;
}
#commend dd.radio_box{
	display:flex;
	flex-wrap:wrap;
}

.radio_box label{
	margin-left:2rem;
}
.radio_box label:first-child{
	margin-left:0.5rem;
}
#commend dd.radio_box .en{
	margin-left:1.5rem;
}
@media screen and (max-width: 767px) {
	radio_box label{
		/*display:block;*/
		width:40vw;
		margin-left:1rem;
	}
}

#commend input[type=text],
#commend textarea,
#movie textarea,
#gallery input[type=text],
#gallery textarea {
	background-color:#333;
	padding:6px;
	width:calc(100% - 12px);
	border:1px solid #fff;
	color:#fff;
	font-size:1rem;
}
#movie textarea {
	background-color:#eee;
	color:#000;
}
input[type=radio],
input[type=checkbox] {
	transform:scale(1.6);
	margin-right:0.5rem;
}
#commend dd.notice{
	font-size:1rem;
}
#commend dd.notice>div{
	margin-bottom:1rem;
}

#commend .finish {
	margin:5rem 0;
	text-align:center;
}

#commend .btn_box,
#gallery .btn_box,
#movie .btn_box {
	text-align:center;
	padding:1rem 0 3rem;
}
.btn_box button{
	width:40%;
	background: linear-gradient(#0057c8 50%, #64dcff);
	font-size:1.2rem;
	cursor:pointer;
	border:0;
	color:#fff;
	padding:0.5rem 0;
}
.btn_box button:hover{
	opacity:0.8;
}
@media screen and (max-width: 767px) {
	.btn_box button{
		width:40%;
		font-size:4vw;
		padding:1vw 0;
	}
}
#gallery .btn_box.edit_gallery{
	padding:0 0 1rem;
	margin-top:-1rem;
}
.btn_box.edit_gallery button{
	padding:0.3rem 0;
}
@media screen and (max-width: 767px) {
	.btn_box.edit_gallery button{
		width:60%;
	}
}

.u_name {
	text-align:left;
	margin:-1rem 0 0 1rem;
}
@media screen and (max-width: 767px) {
	.u_name {
		margin:-2vw 2vw 0 2vw;
		font-size:4vw;
	}
}
.theme_note {
	text-align:left;
	line-height:1.3rem;
	padding:0 1.5rem 1rem;
}

.sns_box {
	display:flex;
	justify-content:flex-end;
	width:30%;
	margin:-2rem 0 1rem 70%;
}
.sns_box a{
	display:block;
	width:18%;
	margin-right:5%;
}
.sns_box a:hover{
	opacity:0.7;
}
@media screen and (max-width: 767px) {
	.sns_box a{
		width:26%;
	}
}

.tab_box {
	display:flex;
	justify-content:space-between;
	width:98%;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	.tab_box {
		width:100%;
		font-size:3.5vw;
	}
}
.tab_box a {
	display:block;
	width:24.5%;
	background-color:#4d4d4d;
	color:#fff;
	border-radius:20px 20px 0 0;
	text-align:center;
	padding:0.5rem 0;
}
.tab_box a:hover {
	text-decoration:none;
	background-color:#666;
}
.tab_box a.current {
	background-color:#0d0d0d;
	pointer-events:none;
}

.back_link{
	text-align:center;
}
.back_link a{
	color:#fff;
}

.grid_box {
	display:flex;
	flex-wrap :wrap;
	background-color:#0d0d0d;
}
#toppage .grid_box {
	background-color:transparent;
	margin-top:1rem;
}
.grid_box .grid {
	width:50%;
	border-bottom:1px solid #aaa;
	line-height:1.4rem;
	text-align:left;
}
@media screen and (max-width: 767px) {
	.grid_box .grid {
		font-size:3.4vw;
		line-height:4vw;
	}
}
#toppage .grid_box .grid {
	width:33.3%;
	font-size:0.9rem;
	border-bottom:0;
	margin-bottom:1rem;
}
.grid .rank_box{
	display:flex;
	align-items:center;
}
.grid .rank{
	width:1.4rem;
	height:1.4rem;
	background-image: url(../img/icon_star.png);
	background-size: cover;
	text-align:center;
	color:#000;
	font-size:0.7rem;
}
@media screen and (max-width: 767px) {
	.grid .rank{
		line-height:1.4rem;
	}
}
.grid .rank_box .name{
	margin-left:0.5rem;
}
.grid .cate{
	text-align:center;
	padding:0.5rem 0;
	background-color:#000;
	color:#ccc;
}
.splide .grid .cate{
	padding:0.2rem 0;
}

.grid>a {
	display:block;
	padding:1rem;
	color:#fff;
}
.grid a.edit {
	bottom:0;
	width:20%;
	text-align:center;
	margin:1rem auto;
	border:1px solid #fff;
	border-radius:4px;
	padding:0.2rem 0;
	background-color:#333;
}
.grid a.edit:hover {
	opacity:0.7;
}
@media screen and (max-width: 767px) {
	#toppage .grid a {
		display:block;
		padding:5px;
	}
}
.grid:hover {
	background-color:#333;
}
.grid a:hover {
	text-decoration:none;
}
.grid_box .grid .status {
	text-align:right;
}
.grid .status img {
	width:22%;
}
@media screen and (max-width: 767px) {
	.grid_box .grid .status img {
		width:40%;
	}
}
.grid figure {
	width:100%;
	margin:0.5rem 0 0 0;
}
.grid figure img{
	width:100%;
}
.grid .title{
	margin-top:0.5rem;
}
.grid .name{
	/*margin-top:0.5rem;*/
	font-size:0.8rem;
}
.grid .published {
	margin-bottom:-1rem;
	font-size:0.8rem;
	text-align:right;
}
@media screen and (max-width: 767px) {
	.grid .published {
		font-size:2.8vw;
	}
}
.grid .channel {
	margin-top:1rem;
	font-size:0.8rem;
}
@media screen and (max-width: 767px) {
	.grid .channel {
		font-size:2.6vw;
	}
}
.grid .channel::before,
.info .channel::before {
	content: '';
	display: inline-block;
	width:1.4rem;
	height:1rem;
	background-image: url(../img/youtube_logo.png);
	background-size: contain;
	margin-right:0.4rem;
	transform:translate(0, 0.15rem);
}
.grid_box .grid .note {
	margin-top:1rem;
}

.list_box {
	margin-top:0.5rem;
	font-size:1rem;
	border-collapse:  collapse;
	border-top:1px solid #b08000;
	border-left:1px solid #888;
}
.list_box td{
	border-bottom:1px solid #b08000;
	border-right:1px solid #888;
}
.list_box .thumb{
	width:25%;
}
.list_box .move{
	cursor:pointer;
	padding:0 0.2rem;
}
.list_box .move:hover{
	background-color:#666;
}
.list_box .row:has(input:checked){
	background-color:#666;
}

.number_box {
	display:flex;
	justify-content:space-between;
}
.number_box .number_in{
	width:4%;
	font-size:2rem;
	text-align:center;
}

.main .inner {
	width:96%;
	margin:0 auto;
	/*text-align:left;*/
}
#movie .visual{
	width:100%;
	position:relative;
	padding-top:56.25%;
}
#movie .visual iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#movie .info {
	position:relative;
	text-align:left;
}
#movie .info .cate{
	width:18%;
	background-color:#666;
	text-align:center;
	padding:0.5rem 0;
	margin:1rem 0;
}
#movie .info .cate a{
	color:#ccc;
}
#movie .info .cate a:hover{
	color:#eee;
	text-decoration:none;
}
#movie .info .status{
	position:absolute;
	top:0;
	right:0;
	width:12%;
}
@media screen and (max-width: 767px) {
	#movie .info .cate{
		width:32%;
	}
	#movie .info .status{
		width:20%;
	}
}
#movie .info .date{
	text-align:right;
	font-size:0.8rem;
}
#movie .info .channel{
	margin-top:-1.5rem;
}

#movie .main .note {
	display:flex;
	border:2px solid #b08000;
	background-color:#fff;
	color:#000;
	padding:0.5rem 1rem;
	margin-top:1rem;
	text-align:left;
}
@media screen and (max-width: 767px) {
	#movie .note {
		flex-direction:column;
	}
}
#movie .note .name{
	margin-right:2rem;
}

#movie .curators_note {
	border:2px solid #b08000;
	background-color:#fff;
	color:#000;
	padding:0.5rem 1rem;
	margin-top:1rem;
	text-align:left;
}
#movie .curators_note .mida_box{
	position:relative;
	text-align:center;
}
#movie .curators_note .mida_box .line{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	height:1px;
	background-color:#000;
}
#movie .curators_note .mida_en{
	position:relative;
	display:inline-block;
	font-size:1.5rem;
	background-color:#fff;
	padding:0 0.8rem;
}
#movie .curators_note .mida_j{
	font-size:0.8rem;
	line-height:0.8rem;
}
#movie .curators_note .text,
#movie .curators_note .text_en{
	margin-top:1.5rem;
}

#movie .good_box {
	display:flex;
	justify-content:center;
	margin-top:1rem;
}
#movie .good_grid {
	width:14%;
	text-align:center;
	margin:0 1%;
}
@media screen and (max-width: 767px) {
	#movie .good_grid {
		width:22%;
	}
}
#movie .good_grid button{
	width:100%;
	background-color:#666;
	border:0;
	color:#fff;
	font-size:1rem;
	padding:0.5rem 0;
	cursor:pointer;
}
#movie .good_grid button:hover{
	opacity:0.7;
}
#movie .good_grid button.dis{
	opacity:0.6;
	cursor:default;
	pointer-evnt:none;
}
#movie .good_grid .num{
	font-size:0.7rem;
}
#movie .sns_box {
	margin:0 0 1rem 70%;
}

#movie .imp_mida {
	margin-top:3rem;
	position:relative;
	text-align:center;
}
#movie .imp_mida .line{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	height:1px;
	background-color:#b08000;
}
#movie .imp_mida .imp_en{
	position:relative;
	display:inline-block;
	font-size:1.5rem;
	background-color:#1a1a1a;
	padding:0 0.8rem;
}
#movie .imp_mida .imp_j{
	font-size:0.8rem;
	line-height:0.8rem;
}

#movie .imp_lead {
	text-align:center;
	line-height:1.3rem;
	margin-top:1rem;
}

#movie .imp_form {
	display:flex;
	margin-top:2rem;
	margin-bottom:1rem;
}
#movie .imp_form input{
	width:86%;
	font-size:1rem;
	font-weight:normal;
}
#movie .imp_form button{
	width:14%;
	font-size:1rem;
	padding:0.4rem 0;
	cursor:pointer;
}
@media screen and (max-width: 767px) {
	#movie .imp_form input{
		width:80%;
	}
	#movie .imp_form button{
		width:20%;
	}
}
#movie .imp_form button:hover{
	opacity:0.7;
}

#movie .imp_box {
	border-top:1rem;
	text-align:left;
}
#movie .imp_block {
	/*border:2px solid #b08000;*/
	border-radius:6px;
	background-color:#fff;
	color:#000;
	line-height:1.4rem;
	padding:0.5rem 1rem;
	margin-top:0.8rem;
}
#movie .imp_block .imp_info{
	display:flex;
}
#movie .imp_block .imp_date{
	margin-left:1rem;
	font-size:0.9rem;
}

#toppage .inner {
	width:98%;
	margin:0 auto;
}
#toppage .mida_box,
h2.mida_box,
footer .mida_box {
	position:relative;
	margin-top:2rem;
	font-weight:normal;
	line-height:2.5rem;
	text-align:center;
}
h2.mida_box {
	margin-top:0;
}

#toppage .mida_box .line,
h2.mida_box .line,
footer .mida_box .line {
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	height:1px;
	background-color:#ccc;
}
#toppage .mida_box .mida_en,
h2.mida_box .mida_en,
footer .mida_box .mida_en {
	position:relative;
	display:inline-block;
	font-size:1.5rem;
	background-color:#1a1a1a;
	padding:0 1.2rem;
}
#toppage .mida_box .mida_j,
h2.mida_box .mida_j,
footer .mida_box .mida_j {
	font-size:0.8rem;
	line-height:0.8rem;
}

#toppage .attract{
	margin:1.5rem 0;
	font-size:0.8rem;
	color:#aaa;
}
#toppage .attract .txt{
	line-height:1.2rem;
}
#toppage a.go_form {
	display:block;
	width:30%;
	background-color:#f00;
	color:#fff;
	font-size:1.2rem;
	border-radius:5px;
	margin:0.5rem auto;
	padding:0.1rem 0 0.5rem;
}
#toppage a.go_form:hover {
	text-decoration:none;
	opacity:0.7;
}
@media screen and (max-width: 767px) {
	#toppage a.go_form {
		width:70%;
	}
}

#toppage .show_modal {
	cursor:pointer;
}
#toppage .show_modal:hover {
	opacity:0.7;
}
#toppage .modal{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:rgb(0,0,50,0.7);
	z-index:5;
}
#toppage .modal_video_box{
	position:absolute;
	top:0;
	left:15%;
	width:70%;
	height:0;
	padding-top:56.25%;
}
#toppage .btn_close{
	position:absolute;
	top:1rem;
	right:1%;
	border:2px solid #fff;
	border-radius:10px;
	padding:0.1rem 0.8rem;
	cursor:pointer;
}
@media screen and (max-width: 767px) {
	#toppage .modal_video_box{
		top:15vh;
		left:0;
		width:100%;
	}
	#toppage .btn_close{
		right:4vw;
	}
}

#toppage .splide .grid a{
	padding:1rem 0.5rem;
}
#toppage .splide .title{
	text-align:left;
	font-size:0.8rem;
	line-height:1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
}
@media screen and (max-width: 767px) {
	#toppage .splide .cate {
		font-size:2.5vw;
		line-height:5vw;
	}
	#toppage .splide .title {
		font-size:2.6vw;
		line-height:3vw;
	}
}

h3.menu_tit {
	font-weight:normal;
}
.menu_box,
.menu2_box {
	background-image:url(../img/menu_bg.jpg);
	background-size:cover;
	margin-bottom:0.8rem;
	text-align:center;
}
.menu_name {
	padding-bottom:0.5rem;
	border-bottom:1px solid #fff;
}
.menu_name .jp {
	font-size:0.7rem;
	line-height:0.5rem;
}
.menu_link {
	display:flex;
	align-items:center;
	padding:0.6rem 0 0.6rem 0.6rem;
}
.menu_link .menu_icon {
	width:20%;
}
.menu_link .menu_btn {
	margin-left:1%;
	width:78%;
}
.menu_btn a {
	display: inline-block;
	width:76%;
	border:1px solid #64dcff;
	border-radius:4px;
	color:#fff;
}
.menu2_box .menu_btn a{
	width:82%;
	margin:0.5rem 0;
	padding:0.2rem 0 0.5rem;
}
.menu_btn a:hover {
	text-decoration:none;
	background-color:rgb(255,255,255,0.5);
}
.menu_link .menu_btn::after {
	content: '▶︎';
	display: inline-block;
	color:#fff;
}

.menu2_box .menu_icon {
	width:30%;
	margin:0 auto;
	padding-top:0.5rem;
}
.menu_info {
	text-align:left;
	font-size:0.7rem;
	line-height:1rem;
	padding:0.5rem 0.6rem 0 0.6rem;
}
.menu2_box .menu_btn {
	position:relative;
	line-height:1.4rem;
}
.menu2_box .menu_btn::after {
	content: '▶︎';
	color:#fff;
	position: absolute;
	top:30%;
	right:0.5rem;
}

@media screen and (max-width: 767px) {
	.menu2_box {
		display:flex;
		flex-wrap:wrap;
	}
	.menu2_box .menu_icon {
		width:16vw;
		margin:3vw 4vw;
	}
	.menu2_box .menu_txt {
		width:70vw;
	}
	.menu2_box .menu_name {
		text-align:left;
		margin:2vw 0 3vw;
		font-size:5vw;
	}
	.menu2_box .menu_name .jp{
		font-size:3.5vw;
		line-height:4vw;
	}
	.menu2_box .menu_info {
		width:100%;
		padding:0;
	}
	.menu2_box .menu_btn {
		width:100%;
	}
	.sp_menu {
		display:flex;
		position:fixed;
		left:0;
		bottom:-3vw;
		background: linear-gradient(#01459f, #002049 60%, #222 90%);
		width:100vw;
		height:20vw;
		z-index:3;
	}
	.sp_menu a{
		display:block;
		width:20vw;
		height:100%;
		color:#fff;
	}
	.sp_menu .menu_icon{
		display:flex;
		align-items:center;
		width:7vw;
		height:8vw;
		margin:1vw auto 0;
	}
	.sp_menu .menu_name,
	.sp_menu .menu_name .jp{
		border:0;
		font-size:2.8vw;
		line-height:3.5vw;
	}
	.sp_menu .menu_name.boj{
		font-size:2.5vw;
		letter-spacing:-0.1vw;
	}

	.hmbg {
		display:block;
		position:fixed;
		top:3vw;
		right:3vw;
		cursor:pointer;
		width:8vw;
		height:7vw;
		z-index:3;
		/*background-color:rgb(255,0,0,0.5);*/
	}
	.hmbg span {
		transition: all .3s;
		position: absolute;
		height: 3px;
		background-color: #ccc;
		width:100%;
		left:0;
	}
	.hmbg span:nth-of-type(1) {
		top: 0;
	}
	.hmbg span:nth-of-type(2) {
		top: 3vw;
	}
	.hmbg span:nth-of-type(3) {
		top: 6vw;
	}
	.hmbg.open span:nth-of-type(1) {
		transform: translateY(3vw) rotate(-42deg);
	}
	.hmbg.open span:nth-of-type(2) {
		opacity: 0;
	}
	.hmbg.open span:nth-of-type(3) {
		transform: translateY(-3vw) rotate(42deg);
	}
}


#others .main{
	text-align:left;
}
#others h3 {
	margin:1rem 0 0.5rem;
}
#others h4 {
	font-weight:normal;
	margin:1rem 0 0.3rem;
}
#others .rank_table {
	border-collapse:  collapse;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
#others .rank_table th,
#others .rank_table td {
	text-align:center;
	line-height:1.5rem;
	padding:0 1rem;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}
#others .rank_table th {
	background-color:#444;
}
@media screen and (max-width: 767px) {
	#others .rank_table {
		width:100%;
	}
	#others .rank_table th,
	#others .rank_table td {
		padding:0.5vw 1vw;
	}
}