/*
Theme Name: THE HERO
Description: A Theme for THE HERO
Version: 1.0

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

*,
*:before,
*:after{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	font: inherit;
	font-size: 100%;
	box-sizing: border-box;
}

html {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: " 游ゴシック体", "Yu Gothic", YuGothic,"Hiragino Kaku Gothic Pro", " メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
	letter-spacing: 0.05em;
}
body{
	background: #f3f3f3;
}
ol,
ul,
li {
	list-style: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

small {
	font-size: 75%;
}
big {
	font-size: 125%;
}

	img{
		max-width: 100%;
		height: auto;
	}

a,
a:visited{
	color: #025f9f;
	text-decoration: none;
}
a:hover{
	color: #f5c61d;
}

a:hover img{
	opacity: 0.7;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/* Styles
-------------------------------------------------------------- */
.sp-br,
.sp-disp{
	display: none;
}

.font-e{
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
.font-e-b{
	font-family: 'Oswald', sans-serif;
}
.font-j-b,
.default-title .title-j{
	font-weight: 700;
}

.default-section{
	width: 100%;
	margin: 0 auto;
}

.default-title{
	width: 100%;
	position: relative;
	padding: 20px 0;
	text-align: center;
	overflow: hidden;
}
	.default-title .title{
		display: inline-block;
		font-size: 22px;
		line-height: 26px;
		margin: 0 auto;
		text-align: center;
		color: #000;
		position: relative;
	}
	.default-title .font-e{
		letter-spacing: 0.1em;
		font-weight: 400;
	}
	.default-title .title-j{
		display: block;
		font-size: 14px;
		line-height: 20px;
	}
	.site-wrapper-sidebar .default-title .title-j{
		margin-top: 5px;
	}
	.default-title .title:before,
	.default-title .title:after{
		content: '';
		display: block;
		width: 600px;
		height: 1px;
		position: absolute;
		top: 30%;
	}
	.default-title .title:before{
		left: -614px;
		background: #000;
	}
	.default-title .title:after{
		right: -614px;
		background: #000;
	}

.default-btn{
	text-align: right;
}
	.default-btn a,
	.default-btn button{
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 12px;
		padding-bottom: 13px;
		position: relative;
		background: #d0111b;
		font-weight: 500;
		font-size: 15px;
		color: #FFF;
		line-height: 15px;
		text-align: center;
	}
	.default-btn a .icon,
	.default-btn button .icon{
		background: url('./image/common/icon-more.png') left center no-repeat;
		padding-left: 20px;
	}
	.default-btn a:hover,
	.default-btn button:hover{
		opacity: 0.7;
	}

.fadein-box{
	opacity: 0;
	transform: translate(0, 50px);
	transition: 1s;
}
	.fadein-box.scrollin{
		opacity: 1;
		transform: translate(0, 0);
	}

.ar-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.ar-inner{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.default-title .title{
		font-size: 16px;
		line-height: 24px;
		margin-top: 10px;
	}
	.default-title .title-j{
		font-size: 12px;
		line-height: 16px;
	}
	.default-btn {
		padding: 0 15px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Common
-------------------------------------------------------------- */
.post-box{
	color: #000;
	background-color: #FFF;
}
	.post-box .inbox{
		display: block;
	}
	.post-box .image{
		line-height: 0;
	}
		.post-box .image a{
			display: inline-block;
			position: relative;
		}
		.post-box .image a .logo{
			position: absolute;
			left: 0;
			top: 0;
			display: inline-block;
			background: url('./image/common/logo-onimage.png') no-repeat right calc((13 / 425) * 100%) bottom calc((9 / 238) * 100%);
/*			background-size: 35px;*/
			background-size: calc((35 / 425) * 100%);
			width: 100%;
			height: 100%;
		}
		.post-box .image a .movie-play{
			position: absolute;
			left: 0;
			top: 0;
			display: none;
			background: url('./image/common/icon-movie-play.png') no-repeat center center;
/*			background-size: 91px;*/
			background-size: calc((91 / 425) * 100%);
			width: 100%;
			height: 100%;
		}
		.post-box.movie .image a .movie-play{
			display: inline-block;
		}
		.post-box .image img{
			width: 100%;
			height: auto;
			vertical-align: bottom;
		}
	.post-box .text{
		padding: 16px;
		background-color: #FFF;
	}
		.post-box a:hover .text{
			opacity: 0.7;
		}
		.post-box .text .meta{
			font-size: 15px;
			line-height: 20px;
			letter-spacing: -.40em;
			letter-spacing: 0.1em;
			margin-bottom: 4px;
		}
			.post-box .text .meta .category,
			.post-box .text .meta .date{
				display: inline-block;
			}
			.post-box .text .meta .category{
				margin-right: 4px;
				color: #0082ff;
			}
				.post-box .text .meta .category a:hover{
					opacity: 0.7;
				}
				.post-box .text .meta .icon {
					display: inline-block;
					width: 34px;
					height: 34px;
					border-radius: 50%;
					padding: 4px;
					margin-right: 8px;
					margin-bottom: 8px;
					box-sizing: border-box;
					vertical-align: middle;
				}
				.post-box .text .meta .icon img{
					width: 100%;
					height: 100%;
				}
			.post-box .text .meta .date{}
				.post-box .text .meta .date:before{
					content: '/';
					margin-right: 4px;
				}
		.post-box .text .title{
			font-size: 18px;
			font-weight: bold;
			line-height: 28px;
			height: 84px;
			overflow: hidden;
			letter-spacing: 0;
			text-align: justify;
		}
			.post-box .text .title a{
				color: #333333;
			}
				.post-box .text .title a:hover{
					opacity: 0.7;
				}

.post-box.new{}
.rank-posts .post-box{}
	.post-box.new .inbox,
	.rank-posts .post-box .inbox{
		position: relative;
	}
		.post-box.new .inbox:before,
		.rank-posts .post-box .inbox:before{
			display: block;
			width: 45px;
			height: 45px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			font-family: 'Oswald', sans-serif;
			color: #FFF;
		}
		.post-box.new .inbox:before{
			padding-top: 10px;
			padding-left: 8px;
			font-size: 16px;
			line-height: 24px;
		}
		.rank-posts .post-box .inbox:before{
			width: 50px;
			height: 50px;
			background: url('./image/common/post-triangle_blue.png') no-repeat 0 0 / contain;
			padding-top: 7px;
			padding-left: 6px;
			font-size: 12px;
			line-height: 12px;
		}
		.rank-posts .post-box:nth-of-type(1) .inbox:before{
			width: 78px;
			height: 78px;
			padding-top: 11px;
			padding-left: 11px;
			font-size: 16px;
			line-height: 16px;
		}
			.rank-posts .post-box:nth-of-type(1) .inbox:before{ content: 'No.1'; }
			.rank-posts .post-box:nth-of-type(2) .inbox:before{ content: 'No.2'; }
			.rank-posts .post-box:nth-of-type(3) .inbox:before{ content: 'No.3'; }
			.rank-posts .post-box:nth-of-type(4) .inbox:before{ content: 'No.4'; }
			.rank-posts .post-box:nth-of-type(5) .inbox:before{ content: 'No.5'; }
			.rank-posts .post-box:nth-of-type(6) .inbox:before{ content: 'No.6'; }
			.rank-posts .post-box:nth-of-type(7) .inbox:before{ content: 'No.7'; }
			.rank-posts .post-box:nth-of-type(8) .inbox:before{ content: 'No.8'; }
			.rank-posts .post-box:nth-of-type(9) .inbox:before{ content: 'No.9'; }
			.rank-posts .post-box:nth-of-type(10) .inbox:before{ content: 'No.10'; }

		.post-box.new .inbox:before{
			content: 'NEW';
			background: #d0111b;
		}

/* 画像ズーム */
.post-box .image{
	overflow: hidden;
}
.post-box .image img{
	transition-duration: 0.3s;
}
.post-box .image:hover img{
	transform: scale(1.1);
}
.home-selection .post-box .image a:hover{
	transition-duration: 0.3s;
}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.pc-br,
	.pc-disp{
		display: none;
	}
	.sp-br{
		display: inline;
	}
	.sp-disp{
		display: block;
	}
	.post-box.new .inbox:before{
		width: 30px;
		height: 24px;
		padding-top: 6px;
		padding-left: 5px;
		font-size: 11px;
		line-height: 11px;
	}
	body.home .post-box.sp-full.new .inbox:before{
		width: 40px;
		height: 37px;
		padding-top: 10px;
		padding-left: 6px;
		font-size: 15px;
		line-height: 15px;
	}
	.rank-posts .post-box .inbox:before{
		font-style: italic;
	}
	.rank-posts .post-box .inbox:before{
		width: 60px;
		height: 48px;
		padding-top: 7px;
		padding-left: 5px;
		font-size: 11px;
		line-height: 11px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Header
-------------------------------------------------------------- */
.site-header{
	position: relative;
	z-index: 100;
	background: rgba(0, 0, 0, 1);
	width: 100%;
	padding-top: 60px;
}
	.site-header .logo{
		display: none;
	}
	.site-header .menubar{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 45;
		background-color: rgba(0, 0, 0, 0.9);
		width: 100%;
/*		height: 78px;*/
		height: 60px;
/*		padding: 18px 14px;*/
		padding: 0 14px;
		transition: .3s;
		box-sizing: border-box;
		display: table;
		min-width: 1025px;
		overflow-x: hidden;
	}
		.site-header .menubar a{
			color: #FFF;
		}
		.site-header .menubar a:hover{
			color: #e71f19;
		}
		.site-header .menubar-logo{
			width: calc(15px + 217px + 103px);
			padding-left: calc(34px - 14px);
			padding-right: 103px;
			display: table-cell;
			vertical-align: middle;
			
			box-sizing: border-box;
			width: 335px;
			min-width: calc(193px + 20px + 14px - 7px);
			padding-right: calc(20px + 14px - 7px);
		}
		.site-header .menubar-logo img{
			display: inline-block;
/*
			width: 217px;
			height: 42px;
*/
			width: 193px;
			min-width: 193px;
			height: 37px;
			vertical-align: bottom;
		}
		.site-header .menubar-menu{
			display: table-cell;
			vertical-align: middle;
			margin-top: 9px;
			padding-bottom: 0px;
			
			box-sizing: border-box;
			min-width: calc(810px - (9px * 8));
			padding-right: calc(20px - 5px);
		}
		.site-header .menubar-menu li{
			float: left;
			font-weight: 500;
			font-size: 15px;
			line-height: 24px;
			margin-right: calc(27px - 9px);
		}
		.site-header .menubar-menu li:last-child{
			margin-right: 0;
		}
		.site-header .menubar-menu li a{
			background: url('./image/common/icon-menubar.png') left center no-repeat;
			padding-left: 13px;
		}
		.site-header .menubar-submenu{
			display: table-cell;
			vertical-align: middle;
			white-space: nowrap;
		}
		.site-header .menubar-submenu-inner{
			float: right;
			height: 26px;
		}
	.site-header .sub-menu{
/*
		width: 311px;
*/
/*
		padding: 17px 12px 18px 12px;
		position: fixed;
		z-index: 50;
		top: 0;
		right: 0;
*/
	}
		.site-header .sub-menu .search-form{
/*
			width: 181px;
*/
			display: inline-block;
			margin-right: 7px;
		}
			.site-header .sub-menu .search-form.on{
/*
				width: 180px;
*/
			}
			.site-header .sub-menu .search-form .search-field{
				display: block;
				width: 0;
				height: 20px;
				margin-top: 4px;
				margin-right: 8px;
				float: right;
				font-size: 10px;
				line-height: 20px;
				padding: 0;
				transition: .3s;
				background-color: transparent;
				border-radius: 0;
				-webkit-appearance: none;
			}
				.site-header .sub-menu .search-form .search-field.on{
					width: 150px;
					padding: 0 4px;
					background-color: #FFF;
				}
			.site-header .sub-menu .search-form .submit{
				display: block;
				width: 29px;
				height: 29px;
				background: url('./image/common/icon-search.png') no-repeat center center / contain;
				float: right;
				overflow: hidden;
				text-indent: 100%;
				cursor: pointer;
			}
				.site-header .sub-menu .search-form .submit.sp-disp{
					display: none;
				}
				.site-header .sub-menu .search-form .submit:hover{
					opacity: 0.7;
				}
		.site-header .sub-menu .sns-list{
			width: 113px;
			display: inline-block;
			margin-right: 20px;
		}
			.site-header .sub-menu .sns-list li{
				width: 29px;
				height: 29px;
				float: left;
				line-height: 0;
				margin-right: 12px;
				vertical-align: middle;
			}
				.site-header .sub-menu .sns-list li:last-child{
					margin-right: 0;
				}
				.site-header .sub-menu .sns-list li:nth-child(2){
					margin-right: 14px;
				}

.menu-tri{
	display: none;
	width: 174px;
	height: 174px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 48;
	cursor: pointer;
	background: url('./image/common/menu-triangle.png') no-repeat 0 0 / contain;
}
.footer-fixed {
	display: none;
}
.site-header .header-body{
	display: none;
}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.site-header .menubar{
		width: 100%;
		min-width: auto;
	}
	.menu-tri{
		display: block;
		width: 85px;
		height: 85px;
	}
	.site-header .header-body{
		display: block;
		width: 300px;
		height: 100%;
		position: fixed;
		top: 0;
		left: -300px;
		z-index: 50;
		transition: .3s;
		background: #FFF;
	}
		.site-header.menu-on .header-body{
			left: 0;
		}
	.site-header .global-navi{
		border-top: 44px solid #d0111b;
		border-bottom: 1px solid #d9d9d9;
	}
		.site-header .global-navi li{
			float: left;
			width: 50%;
			border-right: 1px solid #d9d9d9;
			border-top: 1px solid #d9d9d9;
			text-align: center;
		}
		.site-header .global-navi li:first-child{
			border-top: 0;
			width: 100%;
		}
		.site-header .global-navi li:nth-child(2n - 1) {
			border-right: 0;
		}
			.site-header .global-navi li a{
				display: block;
				color: #000000;
				padding: 8px;
			}
			.site-header .global-navi li a:hover{
				opacity: 0.7;
			}
			.site-header .global-navi li .main{
				display: block;
				font-size: 17px;
				line-height: 24px;
				letter-spacing: 0.1em;
			}
			.site-header .global-navi li .sub{
				display: block;
				font-size: 10px;
				line-height: 14px;
			}
	.site-header .menu-btn{
		display: block;
		display: none;
		width: 40px;
		height: 32px;
		position: fixed;
		top: 35px;
		left: 35px;
		cursor: pointer;
		z-index: 51;
	}
		.site-header .menu-btn .border{
			width: 40px;
			height: 32px;
			position: relative;
		}
			.site-header .menu-btn .border span{
				display: block;
				width: 40px;
				height: 3px;
				background-color: #FFF;
				position: absolute;
				left: 0;
				transition: .3s;
			}
			.site-header .menu-btn .border .top{
				top: 0;
			}
			.site-header .menu-btn .border .middle{
				top: 50%;
				transform: translateY(-50%);
			}
			.site-header .menu-btn .border .bottom{
				bottom: 0;
			}
				.site-header .menu-btn.menu-on .border .top{
					top: 1px;
					left: 8px;
					transform-origin: left top;
					transform: rotate(45deg);
				}
				.site-header .menu-btn.menu-on .border .middle{
					display: none;
				}
				.site-header .menu-btn.menu-on .border .bottom{
					bottom: 1px;
					left: 8px;
					transform-origin: left bottom;
					transform: rotate(-45deg);
				}
	.site-header .menu-btn{
		display: block;
		width: 20px;
		height: 16px;
		top: 14px;
		left: 14px;
	}
		.site-header .menu-btn .border{
			width: 20px;
			height: 16px;
		}
			.site-header .menu-btn .border span{
				width: 20px;
				height: 2px;
			}
			.site-header .menu-btn .border .bottom{
				bottom: 0;
			}
				.site-header .menu-btn.menu-on .border .top{
					top: 0;
					left: 4px;
				}
				.site-header .menu-btn.menu-on .border .bottom{
					bottom: 0;
					left: 4px;
				}
	.site-header{
		padding-top: 0;
	}
		.site-header .menubar{
			position: relative;
			height: 75px;
			background-color: rgba(0, 0, 0, 1);
		}
		.site-header .logo{
			display: block;
			width: 100%;
			height: 40px;
			background-color: rgba(0, 0, 0, 0.9);
			position: fixed;
			top: -40px;
			left: 0;
			z-index: 45;
			transition: .3s;
		}
			.site-header.scroll-on .logo{
				top: 0;
			}
			.site-header .logo a{
				width: 100px;
				display: block;
				margin: 0 auto;
				line-height: 0;
				padding: 10px 0;
			}
		.site-header .menubar-menu,
		.site-header .menubar-submenu{
			display: none;
		}
		.site-header .menubar-logo{
			width: 100%;
			line-height: 0;
			margin: 0 auto;
			padding: 0;
			text-align: center;
		}
			.site-header .menubar-logo img{
				width: 150px;
				height: auto;
			}
			.site-header .menubar-logo a{
				display: inline;
			}
			.site-header .sub-menu .search-form .search-field{
				margin-top: 0;
			}
/*
	.lower-header + .default-section > .default-title:first-child{
		margin-top: -30px;
	}
*/
	.site-header .header-body .sub-menu{
		position: static;
		margin-left: 10px;
	}
		.site-header .header-body .sub-menu .search-form{
			width: 240px;
			float: none;
			margin-right: 8px;
			margin-bottom: 20px;
			margin-top: 20px;
		}
			.site-header .header-body .sub-menu .search-form .search-field,
			.site-header .header-body .sub-menu .search-form .search-field.on{
				display: block;
				width: 180px;
				height: 25px;
				margin-right: 8px;
				float: left;
				font-size: 10px;
				line-height: 22px;
				padding: 0 4px;
				background-color: #eeeeee;
				border: 1px solid #d0d0d0;
			}
			.site-header .header-body .sub-menu .search-form .submit{
				margin-top: 1px;
				width: 30px;
				height: 25px;
				background: url('./image/common/icon-search_sp.png') no-repeat center center / contain;
				float: left;
			}
				.site-header .header-body .sub-menu .search-form .submit.sp-disp{
					display: block;
				}
			.site-header .header-body .sub-menu .search-form .submit.pc-disp{
				display: none;
			}
		.site-header .header-body .sub-menu .sns-list{
			width: 110px;
			float: none;
			margin-left: 0;
		}
			.site-header .header-body .sub-menu .sns-list li{
				width: 30px;
				height: 25px;
				float: left;
				line-height: 0;
				margin-right: 10px;
			}
				.site-header .header-body .sub-menu .sns-list li:last-child{
					margin-right: 0;
				}
}
/* ******************************** /Responsive ******************************** */

/* Layout
-------------------------------------------------------------- */
.site-wrapper{
	width: 100%;
	min-width: 1200px;
	position: static;
	overflow: hidden;
}
	.site-wrapper .site-wrapper-inner{
		margin-bottom: 100px;
		transition: .3s;
	}
	.site-wrapper .site-wrapper-inner{
		background: linear-gradient(to right, #FFF 0, #FFF 850px, #f3f3f3 850px);
		background: -moz-linear-gradient(to right, #FFF 0, #FFF 850px, #f3f3f3 850px);
		background: -webkit-linear-gradient(to right, #FFF 0, #FFF 850px, #f3f3f3 850px);
	}
	body.home .site-wrapper .site-wrapper-inner,
	body.category .site-wrapper .site-wrapper-inner,
	body.tag .site-wrapper .site-wrapper-inner,
	body.contents-ichiran .site-wrapper .site-wrapper-inner,
	body.error404 .site-wrapper .site-wrapper-inner,
	body.search:not(.search-no-results) .site-wrapper .site-wrapper-inner{
		background: transparent;
	}
		.site-wrapper.menu-on .site-wrapper-inner{
			transform: translateX(250px);
		}
	.site-wrapper .menu-cover{
		content: '';
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 70;
		background-color: rgba(0,0,0,0.5);
		display: none;
	}
		.site-wrapper.menu-on .menu-cover{
			display: block;
		}
	.site-wrapper{
		width: 1200px;
		margin: 0 auto;
		margin-top: 39px;
	}
	body.home .site-wrapper{
		margin-top: 0;
	}
	body.single .site-wrapper{
		margin-top: 49px;
	}
	.site-wrapper-main{
		float: left;
		width: 850px;
		vertical-align: top;
	}
	.site-wrapper-sidebar{
		float: right;
		width: 300px;
	}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.site-wrapper{
		width: auto;
		min-width: auto;
		margin: 0;
		overflow: visible;
	}
	.site-wrapper .site-wrapper-inner{
		background: transparent;
	}
	.site-wrapper-main{
		float: none;
		width: auto;
		background: #FFF;
	}
	body.home .site-wrapper .site-wrapper-main,
	body.category .site-wrapper .site-wrapper-main,
	body.tag .site-wrapper .site-wrapper-main,
	body.contents-ichiran .site-wrapper .site-wrapper-main,
	body.error404 .site-wrapper .site-wrapper-main,
	body.search:not(.search-no-results) .site-wrapper .site-wrapper-main{
		background: transparent;
	}
	.site-wrapper-sidebar{
		float: none;
		width: auto;
		margin-top: 30px;
	}
	body.single .site-wrapper{
		margin-top: 0;
	}
}
/* ******************************** /Responsive ******************************** */

/* TOP Page
-------------------------------------------------------------- */
/* Banner List */
.banner-list {
	margin-top: 22px;
	margin-bottom: 60px;
}
	.banner-list.footer-banner-list {
		clear: left;
		margin-top: -19px;
	}
	body.home .banner-list.footer-banner-list{
		margin-top: -40px;
	}
	.banner-list.footer-banner-list.footer-banner-list2 {
		margin-top: 41px;
	}
	.banner-list ul{
		margin: 0;
		margin-left: 0;
		list-style: none;
	}
		.banner-list ul li{
			position: relative;
			display: inline-block;
			width: 25%;
		}
			.banner-list ul li a{
				display: inline-block;
				width: 100%;
				height: 100%;
				background: center center no-repeat;
				background-size: cover;
				color: #FFF;
				border-right: 1px solid #f3f3f3;
				box-sizing: border-box;
				padding-top: calc((29 / 300) * 100%);
				text-align: center;
				text-decoration: none;
			}
			.banner-list ul li a:hover{
				opacity: 0.7;
			}
			.banner-list ul li:last-child a{
				border-right: 0;
			}
			.banner-list ul li .title-e{
				font-size: 21px;
				line-height: 21px;
				letter-spacing: 0.1em;
			}
			.banner-list ul li .title{
				display: block;
				font-size: 16px;
				line-height: 22px;
				margin-top: calc((1 / 300) * 100%);
			}
			.banner-list ul .ar-box{
				padding-top: calc((104 / 300) * 25%);
			}
			.banner-list ul li:nth-of-type(2){ transition-delay: .1s; }
			.banner-list ul li:nth-of-type(3){ transition-delay: .2s; }
			.banner-list ul li:nth-of-type(4){ transition-delay: .3s; }

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.banner-list{
		margin: 0;
		margin-top: 3px;
	}
	.banner-list ul{
		margin: 0;
		margin-bottom: -2px;
		padding: 0 15px;
	}
	.banner-list ul li{
		display: block;
		width: 100%;
		margin-bottom: 2px;
	}
	.banner-list ul .ar-box{
		padding-top: calc((104 / 300) * 100%);
	}
	.banner-list.footer-banner-list {
		margin-top: -60px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Sidebar Banner List */
.sidebar-banner-list {
}
	.sidebar-banner-list ul{
		margin: 0;
		margin-left: 0;
		list-style: none;
	}
		.sidebar-banner-list ul li a{
			display: inline-block;
			width: 100%;
			height: 100%;
			background: center center no-repeat;
			background-size: cover;
			color: #FFF;
			border-bottom: 1px solid #f3f3f3;
			box-sizing: border-box;
			padding-top: calc((109 / 280) * 100%);
			padding-top: calc((100 / 280) * 100%);
			text-align: center;
			text-decoration: none;
		}
		.sidebar-banner-list ul li a:hover{
			opacity: 0.7;
		}
		.sidebar-banner-list ul li:last-child a{
			border-bottom: 0;
		}
		.sidebar-banner-list ul li .title-e{
			font-size: 30px;
			line-height: 30px;
			letter-spacing: 0.1em;
		}
		.sidebar-banner-list ul li .title{
			display: block;
			font-size: 20px;
			line-height: 20px;
			margin-top: calc((12 / 280) * 100%);
		}
		.sidebar-banner-list ul li.about a{
			padding-top: 0;
		}
		.sidebar-banner-list ul li.about .title{
			display: none;
		}
		.sidebar-banner-list ul li.about .title-e{
			display: block;
			color: rgba(255, 255, 255, 0.5);
			font-size: 20px;
			line-height: 20px;
			letter-spacing: 0.15em;
			margin-top: calc((214 / 280) * 100%);
		}
		.sidebar-banner-list ul .ar-box{
			padding-top: calc((280 / 300) * 100%);
		}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.sidebar-banner-list ul{
		margin: 0;
		margin-bottom: -1px;
		padding: 0 15px;
	}
		.sidebar-banner-list ul li{
			margin-bottom: 1px;
		}
		.sidebar-banner-list ul li a{
			background-position-y: top;
		}
}
/* ******************************** /Responsive ******************************** */

/* Sidebar Image List */
.sidebar-image-list {
}
	.sidebar-image-list ul{
		margin: 0;
		margin-left: 0;
		list-style: none;
	}
		.sidebar-image-list ul li{
		  margin-top: 16px;
		}
			.sidebar-image-list ul li img{
				vertical-align: top;
			}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.sidebar-image-list ul{
	}
		.sidebar-image-list ul li{
  		padding: 0 15px;
		}
}
/* ******************************** /Responsive ******************************** */

/* Category List  */
.category-list {
	margin-top: -14px;
	margin-bottom: -4px;
}
	.category-list ul{
		margin: 0;
		margin-left: 0;
		margin-top: 11px;
		list-style: none;
	}
		.category-list ul li{
			display: inline-block;
			width: 297px;
			height: 156px;
			margin-right: 4px;
			margin-bottom: 4px;
			vertical-align: bottom;
			overflow: hidden;
/*
		  filter: brightness(95%);
*/
		}
		.category-list ul li:nth-child(4n){
			margin-right: 0;
		}
		.category-list ul li a{
			position: relative;
			display: block;
			color: #FFF;
			width: 100%;
			height: 100%;
			background: center center no-repeat;
			background-size: cover;
/*
			background-blend-mode: multiply;
*/
		}
		.category-list ul li a:hover{
			opacity: 0.7;
		}
		.category-list ul li a .title{
			position: absolute;
			right: 8px;
			bottom: 8px;
			font-size: 17px;
			line-height: 17px;
		}
		.category-list ul li a .title-e{
			position: absolute;
			left: 8px;
			top: 4px;
			font-size: 24px;
			line-height: 24px;
			text-transform: uppercase;
		}
		.category-list ul li a .icon{
			position: absolute;
			display: block;
			background: center center no-repeat;
			width: 99%;
			height: 102%;
		}
		.category-list ul li:nth-of-type(4n-2){ transition-delay: .1s; }
		.category-list ul li:nth-of-type(4n-1){ transition-delay: .2s; }
		.category-list ul li:nth-of-type(4n-0){ transition-delay: .3s; }

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.category-list:not(.sidebar-category-list){
		display: none;
	}
}
/* ******************************** /Responsive ******************************** */

/* Sidebar Category List  */
.site-wrapper{
	overflow: visible;
}
.sidebar-category-list {
	position: -webkit-sticky;
	position: sticky;
	top: calc(60px + 0px);
}
.sidebar-category-list {
	margin-top: 26px;
	margin-bottom: -2px;
}
	.sidebar-category-list ul{
		margin-top: -10px;
	}
		.sidebar-category-list ul li{
			width: 149px;
			height: 149px;
			margin-right: 2px;
			margin-bottom: 2px;
		}
		.sidebar-category-list ul li:nth-child(even){
			margin-right: 0;
		}
		.sidebar-category-list ul li a .title{
			right: 4px;
			bottom: 6px;
			font-size: 16px;
			line-height: 16px;
		}
		.sidebar-category-list ul li a .title-e{
			left: 8px;
			top: 4px;
			font-size: 20px;
			line-height: 20px;
		}
		.sidebar-category-list ul li a .icon{
			width: 99%;
			height: 104%;
			background-size: 67%;
		}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.sidebar-category-list{
		position: relative !important;
		top: 0 !important;
		margin: 0;
		margin-top: 10px;
		width: 100%;
	}
	.sidebar-category-list ul{
		margin: 0;
		margin-bottom: -2px;
		padding: 0 calc(15px - 1px);
	}
		.sidebar-category-list ul li{
			width: 50%;
			width: calc(50% - 2px);
			margin: 0;
			margin-left: 1px;
			margin-right: 1px;
			margin-bottom: 2px;
		}
		.sidebar-category-list ul li a{
		}
	.sidebar-category-list ul .ar-box{
		padding-top: calc((149 / 149) * 50%);
	}
}
/* ******************************** /Responsive ******************************** */

/* Selection Article */
.home-selection{
	width: 100%;
	overflow: hidden;
}
	.home-selection .image a .logo{
		background: url('./image/common/logo-onimage.png') no-repeat right 29px bottom 19px;
		background-size: 81px;
	}
	.home-selection .image a .movie-play{
		background-size: 209px;
	}
	.home-selection .post-box {
		opacity: 0;
		transform: translate(0, 50px);
		transition: 1s;
	}
	.home-selection .post-box .image{
		position: relative;
		text-align: center;
	}
	.home-selection .post-box .image a .shadow{
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 61%);
		width: 100%;
		height: 100%;
	}
	.home-selection .post-box .image a .white{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		background: rgba(255, 255, 255, 0.3);
		width: 100%;
		height: 100%;
	}
	.home-selection .post-box .image a:hover .white{
		display: block;
	}
	.home-selection .post-box .image img{
		vertical-align: bottom;
		opacity: 0;
	}
	.home-selection .post-box .image a{
		display: inline-block;
		background: center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}
	.home-selection .post-box .image a:hover{
		opacity: 0.7;
		opacity: 1;
	}
	.home-selection .post-box .text{
		position: absolute;
		bottom: 0;
		background: transparent;
		padding: 22px 28px;
		padding-top: 33px;
		height: 170px;
		box-sizing: border-box;
	}
	.home-selection .post-box .text,
	.home-selection .post-box .text a{
		color: #FFF;
	}
	.home-selection .post-box .text .title {
		font-size: 24px;
		line-height: 36px;
		margin-top: -16px;
/*		width: calc(100% - 133px);*/
		width: calc(100% - 20%);
		height: 72px;
		overflow: hidden;
/*		word-break: keep-all;*/
	}
	.home-selection .post-box .text .category a,
	.home-selection .post-box .text .title a{
		color: #FFF !important;
	}
	.home-selection .post-box .text .meta{
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 17px;
	}
	.home-selection{
		padding-bottom: 31px;
	}
	.home-selection .slider .slick-dots{
		bottom: -31px;
	}
		.home-selection .slider .prev-cover,
		.home-selection .slider .next-cover{
			position: absolute;
			top: 0;
			z-index: 30;
			width: 14%;
			height: 100%;
			background-color: transparent;
		}
		.home-selection .slider .prev-cover{
			left: 0;
		}
		.home-selection .slider .next-cover{
			right: 0;
		}
			.home-selection .slider .slick-prev,
			.home-selection .slider .slick-next{
				background-color: rgba(0, 0, 0, 0.9);
				width: 52px;
				height: 52px;
				border-radius: 50%;
				position: absolute;
				top: calc(50% - 26px);
				cursor: pointer;
			}
				.home-selection .slider .slick-prev:hover,
				.home-selection .slider .slick-next:hover{
					opacity: 0.7;
				}
				.home-selection .slider .slick-arrow img{
					display: block;
					position: absolute;
					top: calc(50% - 4px);
					left: calc(50% - 2px);
					width: 5px;
					height: 9px;
				}
				.home-selection .slider .slick-prev img{
					top: calc(50% - 5px);
					left: calc(50% - 3px);
				}
			.home-selection .slider .slick-prev{
				right: 40px;
			}
			.home-selection .slider .slick-next{
				left: 40px;
			}
		.home-selection .slider .slick-list{
			overflow: visible;
		}
		.home-selection .slider .slick-track{}
		.home-selection .post-box.scrollin{
			opacity: 1;
			transform: translate(0, 0);
		}
		.home-selection .post-box:nth-of-type(2){ transition-delay: .1s; }
		.home-selection .post-box:nth-of-type(3){ transition-delay: .2s; }
		.home-selection .post-box:nth-of-type(4){ transition-delay: .3s; }
		.home-selection .post-box:nth-of-type(5){ transition-delay: .4s; }

	@media screen and (max-width : 1200px){
		.home-selection .image a .logo{
			background-size: calc((35 / 425) * 100%);
		}
		.home-selection .image a .movie-play{
			background-size: calc((91 / 425) * 100%);
		}
	}
	@media screen and (max-width : 768px){
		.home-selection .post-box .text .title {
			font-size: 18px;
			line-height: 28px;
			height: 56px;
			margin-top: calc(-16px + (72px - 56px));
		}
			.home-selection .post-box .text .meta .category,
			.home-selection .post-box .text .meta .date{
				font-size: 15px;
				line-height: 20px;
			}
			.home-selection .post-box .text .meta .category{
				margin-right: 4px;
			}
		.home-selection .post-box .text .meta .icon {
			width: 31px;
			height: 31px;
			margin-top: 2px;
			margin-right: 4px;
		}
		.home-selection .post-box .image a .logo{
			background-size: calc((35 / 425) * 100%);
		}
		.home-selection .post-box .image a .movie-play{
			background-size: calc((91 / 425) * 100%);
		}
		.home-selection .post-box .text .meta{
			margin-bottom: 0;
		}
		.home-selection .post-box .text{
			height: calc(170px - 17px);
		}
	}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
		.home-selection .post-box .image{
			height: 300px;
		}
		.home-selection .post-box .image a .logo{
			display: none;
		}
	.home-selection .post-box .text {
		height: calc(170px - 0px);
		padding-left: 15px;
		padding-right: 15px;
		padding-top: calc(33px + 10px);
	}
	.home-selection .post-box .text .title {
		font-size: 16px;
		line-height: 24px;
		width: 100%;
		height: 72px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Article */
body.home .home-article {
	margin-top: -33px;
	padding-bottom: 20px;
}
/*
body.category .home-article,
body.tag .home-article{
	margin-top: -41px;
}
*/
	.home-article .home-post-list {
/*		margin-top: 1px;*/
		margin-bottom: 7px;
	}
	.home-article .post-box{
		width: 50%;
		margin-bottom: 40px;
		float: left;
		box-sizing: border-box;

		opacity: 0;
		transform: translate(0, 50px);
		transition: 1s;
	}
		.home-article .post-box .text {
			padding: 20px;
			padding-top: 21px;
		}
		.home-article .post-box .text .meta .icon {
			width: 31px;
			height: 31px;
			margin-top: -2px;
			margin-bottom: 0;
			margin-right: 4px;
			vertical-align: middle;
		}
		.home-article .post-box .text .title{
			height: 91px;
		}
		.home-article .post-box:nth-child(odd){
			border-right: 1px solid #f3f3f3;
		}
		.home-article .post-box:nth-child(even){
			border-right: 1px solid #f3f3f3;
		}
		.home-article .post-box:nth-child(even){
			transition-delay: .1s;
		}
		.home-article .post-box.scrollin{
			opacity: 1;
			transform: translate(0, 0);
		}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	body.home .home-article{
		margin-top: 0;
		padding-bottom: 0;
	}
	body.category .home-article,
	body.tag .home-article,
	body.search:not(.search-no-results) .home-article{
		margin: 0;
		margin-top: 15px;
	}
	.home-article > ul{
		margin: 0;
		padding: 0 15px;
	}
	body.home .home-article .post-box:nth-of-type(10n - 9){width: 100%;}
	body.home .home-article .post-box:nth-of-type(10n - 8){width: 100%;}
	
	.home-article .home-post-list {
		margin: 0;
	}
	
	.home-article .post-box{
		margin-bottom: 15px;
	}
		.home-article .post-box .text{
			padding: 9px;
		}
		.home-article .post-box .text .title{
			font-size: 15px;
			line-height: 21px;
			height: 63px;
		}
		.home-article .post-box .text .meta .icon {
			width: 25px;
			height: 25px;
			margin-right: 2px;
			vertical-align: middle;
			margin-bottom: 0;
			margin-top: -2px;
		}
		.home-article .post-box .text .meta{
			font-size: 11px;
			white-space: nowrap;
		}
			.home-article .post-box .text .meta .category,
			.home-article .post-box .text .meta .date{
				letter-spacing: -0.01em;
			}
		body.home .home-article .post-box.sp-full{
			width: 100%;
/*			border-right: 0;*/
		}
		body.home .home-article .post-box.sp-full .image a .movie-play{
			background-size: calc((300 / 425) * 91px);
		}
		body.home .home-article .post-box.sp-full .text{
			padding: 11px 13px;
			padding-top: 14px;
			padding-bottom: 16px;
		}
		body.home .home-article .post-box.sp-full .text .meta .icon {
			width: 28px;
			height: 28px;
			margin-right: 4px;
			margin-top: -5px;
		}
		.home-article .default-btn a {
			margin-top: 0;
		}
}
/* ******************************** /Responsive ******************************** */

/* Lower Page Base
-------------------------------------------------------------- */
.lower-header{
	width: 100%;
	background: #f9f9f9 url('./image/lower/single-head-full.png') no-repeat center center / cover;
	padding-top: 104px;
	padding-bottom: 105px;
	text-align: center;
}
	body.contents-ichiran .lower-header{
		color: #FFF;
		background-position-y: center;
	}
	body.tag .lower-header{
		color: #333;
		background-image: url('./image/lower/single-head-full.png');
		background-position-y: center;
	}
	body.contents-ranking .lower-header{
		color: #FFF;
		background-position-y: center;
	}
	.lower-header .title-j{
		font-size: 20px;
		line-height: 32px;
	}
	.lower-header .title-e{
		font-weight: bold;
		display: block;
		font-size: 34px;
		line-height: 34px;
		margin-bottom: 4px;
		letter-spacing: 0.1em;
	}
	.lower-header.description {
		padding-top: 68px;
		padding-bottom: 54px;
	}
	.lower-header.description p {
		font-size: 16px;
		line-height: 30px;
		width: 633px;
		margin: 0 auto;
		margin-top: 27px;
		text-align: left;
	}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.lower-header{
		padding-top: 80px;
		padding-bottom: calc(80px - 10px);
	}
	.lower-header.description {
		padding-top: 30px;
		padding-bottom: calc(30px - 10px);
	}
	.lower-header.description p {
		width: auto;
		padding: 0 15px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Archive
-------------------------------------------------------------- */
.article-archive .single-wrapper{
	padding: 65px 66px;
}
/*
.article-archive{
	padding-bottom: 20px;
}
	.article-archive .post-box{
		width: 299px;
		margin-right: 1px;
		margin-bottom: 40px;
		float: left;
		opacity: 0;
		transform: translate(0, 50px);
		transition: 1s;
	}
		.article-archive .post-box:nth-of-type(4n+2){
			transition-delay: .1s;
		}
		.article-archive .post-box:nth-of-type(4n+3){
			transition-delay: .2s;
		}
		.article-archive .post-box:nth-of-type(4n){
			transition-delay: .3s;
		}
		.article-archive .post-box.scrollin{
			opacity: 1;
			transform: translate(0, 0);
		}

		.article-archive .post-box .inbox .text .title{
			height: 60px;
		}
*/
.page-loading{
	clear: both;
	display: none;
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 0;
	padding: 13px 0;
}
	.page-loading.on{
		display: block;
	}

.people-archive{}
	.people-archive ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.people-archive .people-box{
		width: 199px;
		margin-right: 1px;
		margin-bottom: 50px;
		float: none;
		position: relative;
		padding-bottom: 31px;
	}
		.people-archive .people-box .intro{
			margin-bottom: 0;
		}
		.people-archive .people-box .default-btn{}
			.people-archive .people-box .default-btn a{
				width: calc(100% - 20px);
				height: 23px;
				margin: 0;
				position: absolute;
				bottom: 0;
				left: 0;
			}
			.people-archive .people-box .default-btn a::before,
			.people-archive .people-box .default-btn a::after{
				display: none;
			}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.article-archive .rank-navi {
		margin-top: 15px;
		padding: 0 15px;
		margin-bottom: -15px;
	}

	.article-archive .single-wrapper{
		margin: 0;
		padding: 15px 15px;
		padding-top: 40px;
		padding-bottom: 10px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Ranking */
/*
.article-ranking{
	padding: 40px 0;
	background-color: #FFF;
}
	.article-ranking .rank-navi{
		width: 978px;
		margin: 0 auto 40px auto;
	}
		.article-ranking .rank-navi li{
			width: 324px;
			margin-right: 2px;
			float: left;
		}
		.article-ranking .rank-navi li:last-child{
			margin-right: 0;
		}
			.article-ranking .rank-navi li p,
			.article-ranking .rank-navi li a{
				display: block;
				font-size: 16px;
				text-align: center;
				line-height: 32px;
				background-color: #b1b1b1;
				color: #FFF;
				cursor: pointer;
			}
				.article-ranking .rank-navi li p.on,
				.article-ranking .rank-navi li p:hover,
				.article-ranking .rank-navi li a.on,
				.article-ranking .rank-navi li a:hover{
					background: #e71f19;
					background: -moz-linear-gradient(-45deg, #e71f19 0%, #a01b17 100%);
					background: -webkit-linear-gradient(-45deg, #e71f19 0%,#a01b17 100%);
					background: linear-gradient(135deg, #e71f19 0%,#a01b17 100%);
				}
*/
	.article-ranking .ranking{
		display: none;
		width: 100%;
		padding: 0 25px;
		padding-bottom: 29px;
		box-sizing: border-box;
	}
	#rank-all.ranking {
		display: block;
	}
		.article-ranking .post-box{
			border-bottom: 1px dotted #b1b1b1;
			padding: 25px 0;
		}
		.article-ranking .post-box:first-child{
			margin-top: 29px;
			border-top: 1px dotted #b1b1b1;
		}
			.article-ranking .post-box .rank{
				width: 125px;
				float: left;
				padding: 48px 43px;
			}
				.article-ranking .post-box .rank p{
					font-size: 26px;
					font-weight: bold;
					line-height: 40px;
					position: relative;
				}
/*
					.article-ranking .post-box:nth-of-type(n+4) .rank p{
						text-decoration: underline #0d6dab;
					}
*/
					.article-ranking .post-box .rank p:before{
						content: '';
						width: 40px;
						height: 40px;
						display: block;
						position: absolute;
						top: -3px;
						left: -43px;
						background-size: contain;
						background-position: center;
						background-repeat: no-repeat;
					}
						.article-ranking .post-box:nth-of-type(1) .rank p:before{ background-image: url('./image/common/icon-crown_01.png'); }
						.article-ranking .post-box:nth-of-type(2) .rank p:before{ background-image: url('./image/common/icon-crown_02.png'); }
						.article-ranking .post-box:nth-of-type(3) .rank p:before{ background-image: url('./image/common/icon-crown_03.png'); }
/*
					.article-ranking .movie-ranking .post-box .rank p{
						color: #e71f19;
						background: -webkit-linear-gradient(left, #e71f19 0%, #a01b17 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
*/
/*
						.article-ranking .movie-ranking .post-box:nth-of-type(n+4) .rank p{
							text-decoration: underline #e71f19;
						}
*/
					.article-ranking .column-ranking .post-box .rank p{
						color: #0e6aa7;
						background: -webkit-linear-gradient(left, #00a2ff 0%, #17446b 100%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
					}
			.article-ranking .post-box .text .meta .icon {
				width: 22px;
				height: 22px;
				padding: 2px;
				margin-top: -3px;
				margin-bottom: 0;
				margin-right: 4px;
				vertical-align: middle;
			}
			.article-ranking .post-box .image a .logo{
				display: none;
			}
			.article-ranking .post-box .text .meta{
				font-size: 12px;
				line-height: 12px;
			}
			.article-ranking .post-box .image{
				width: 250px;
				margin-right: 20px;
				float: left;
				overflow: hidden;
			}
				.article-ranking .post-box .image a{
					display: block;
				}
				.article-ranking .post-box .image a .movie-play{
					background-size: calc((250 / 425) * 91px);
				}
/*
			.article-ranking .movie-ranking .post-box .image,
			.article-ranking .column-ranking .post-box .image{
				position: relative;
			}
				.article-ranking .movie-ranking .post-box .image::before{
					content: '';
					display: block;
					width: 26px;
					height: 26px;
					position: absolute;
					top: 10px;
					right: 10px;
					z-index: 1;
					background: url('./image/common/icon-movie.png') no-repeat 0 0 / contain;
				}
					.article-ranking .movie-ranking .post-box .image:hover::before{
						background-image: url('./image/common/icon-movie_on.png');
					}
				.article-ranking .column-ranking .post-box .image::before{
					content: '';
					display: block;
					width: 26px;
					height: 26px;
					position: absolute;
					top: 10px;
					right: 10px;
					z-index: 1;
					background: url('./image/common/icon-column.png') no-repeat 0 0 / contain;
				}
					.article-ranking .column-ranking .post-box .image:hover::before{
						background-image: url('./image/common/icon-column_on.png');
					}
*/
			.article-ranking .post-box .text{
				width: 405px;
				float: left;
				padding-top: 0;
				padding-bottom: 0;
				padding: 0;
			}
				.article-ranking .post-box .text .title{
					height: 48px;
					font-size: 16px;
					line-height: 24px;
					margin-bottom: 8px;
					overflow: hidden;
				}
				.article-ranking .post-box .text .excerpt{
					font-size: 13px;
					line-height: 20px;
					height: 60px;
					overflow: hidden;
					text-align: justify;
				}
					.article-ranking .post-box .text .title a,
					.article-ranking .post-box .text .excerpt a{
						color: #333333;
					}
						.article-ranking .post-box .text .title a:hover,
						.article-ranking .post-box .text .excerpt a:hover{
							opacity: 0.7;
						}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.article-ranking{
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.article-ranking .rank-navi{
		padding: 0 15px;
	}
	.article-ranking .ranking{
		padding: 0 15px;
	}
	.article-ranking .post-box{
		padding: 0;
		padding: 7px 0;
		border-bottom: 1px solid #969696;
	}
		.article-ranking .post-box:first-child{
			margin-top: 15px;
			border-top: 1px solid #969696;
		}
			.article-ranking .post-box .image{
				float: left;
				width: 40%;
				margin-right: 0;
			}
			.article-ranking .post-box .image a .movie-play{
				background-size: calc((250 / 425) * 40%);
			}
			.article-ranking .post-box .text{
				float: left;
				width: 60%;
				padding-left: 10px;
			}
			.article-ranking .post-box .text .meta{
				display: none;
			}
			.article-ranking .post-box .rank-sp{
				font-size: 24px;
				line-height: 36px;
				margin-top: -4px;
				margin-bottom: 4px;
			}
			.article-ranking .post-box .rank-sp span{
				display: inline-block;
				background-size: contain;
				background-position: right -2px;
				background-repeat: no-repeat;
				padding-right: 42px;
				vertical-align: top;
			}
			.article-ranking .post-box:nth-of-type(1) .rank-sp span{ background-image: url('./image/common/icon-crown_01.png'); }
			.article-ranking .post-box:nth-of-type(2) .rank-sp span{ background-image: url('./image/common/icon-crown_02.png'); }
			.article-ranking .post-box:nth-of-type(3) .rank-sp span{ background-image: url('./image/common/icon-crown_03.png'); }
}
/* ******************************** /Responsive ******************************** */

/* Ranking */
.sidebar-ranking{
	margin-top: 23px;
}
	.sidebar-ranking .rank-navi ul{
		margin-top: -5px;
	}
	.rank-navi ul{
		margin-left: 0;
		list-style: none;
	}
	.home-article .rank-navi ul{
		margin-bottom: 34px;
	}
		.rank-navi li{
			display: inline-block;
			width: calc(100% / 3);
			border-right: 1px solid #f3f3f3;
			box-sizing: border-box;
		}
		.site-wrapper-main .rank-navi li:last-child{
			border-right: 0;
		}
			.rank-navi li p,
			.rank-navi li a{
				display: block;
				font-size: 14px;
				line-height: 24px;
				color: #FFF;
				background-color: #000000;
				padding: 9px 0;
				text-align: center;
				cursor: pointer;
			}
				.rank-navi li p.on,
				.rank-navi li p:hover,
				.rank-navi li a.on,
				.rank-navi li a:hover{
					background: #d0111b;
				}
	.sidebar-ranking .ranking{
		display: none;
		margin-left: 0;
		list-style: none;
	}
	#sidebar-rank-all.ranking {
		display: block;
	}
		.sidebar-ranking .post-box .image a .logo{
			display: none;
		}
		.sidebar-ranking .post-box .image a .movie-play{
			background-size: calc((150 / 425) * 91px);
		}
		.sidebar-ranking .post-box{
			float: left;
			width: 50%;
			border-right: 1px solid #f3f3f3;
			box-sizing: border-box;
			margin-top: 1px;
				
			opacity: 0;
			transform: translate(0, 50px);
			transition: 1s;
		}
		.sidebar-ranking .post-box.scrollin{
			opacity: 1;
			transform: translate(0, 0);
		}
		.sidebar-ranking .post-box:nth-of-type(2n+1){ transition-delay: .1s; }
		.sidebar-ranking .post-box:nth-child(odd){
/*			border-right: 0;*/
		}
		.sidebar-ranking .post-box .text{
			padding: 9px;
		}
		.sidebar-ranking .post-box .text .title{
			font-size: 15px;
			line-height: 21px;
			height: 63px;
		}
		.sidebar-ranking .post-box .text .meta .icon {
			width: 25px;
			height: 25px;
			margin-right: 2px;
			vertical-align: middle;
			margin-bottom: 0;
			margin-top: -2px;
		}
		.sidebar-ranking .post-box .text .meta{
			font-size: 11px;
			line-height: 25px;
			white-space: nowrap;
			overflow: hidden;
		}
			.sidebar-ranking .post-box .text .meta .category,
			.sidebar-ranking .post-box .text .meta .date{
				letter-spacing: -0.01em;
			}
		.sidebar-ranking .post-box:nth-of-type(1){
			width: 100%;
/*			border-right: 0;*/
		}
		.sidebar-ranking .post-box:nth-of-type(1) .image a .movie-play{
			background-size: calc((300 / 425) * 91px);
		}
		.sidebar-ranking .post-box:nth-of-type(1) .text{
			padding: 11px 13px;
			padding-top: 14px;
			padding-bottom: 16px;
		}
		.sidebar-ranking .post-box:nth-of-type(1) .text .meta .icon {
			width: 28px;
			height: 28px;
			margin-right: 4px;
			margin-top: -5px;
		}
		.sidebar-ranking .post-box:nth-of-type(1) .text .meta{
			line-height: 29px;
		}
		.sidebar-ranking .default-btn {
			clear: left;
		}
		.sidebar-ranking .default-btn a {
			margin-top: 11px;
		}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.sidebar-ranking{
		margin-top: 0;
	}
	#sidebar-article-ranking{
		margin: 0;
		padding: 0 15px;
	}
		.sidebar-ranking .default-btn a {
			margin-top: 15px;
		}
	.sidebar-ranking .default-btn {
		padding: 0 0;
	}
}
/* ******************************** /Responsive ******************************** */

/* Sidebar Pickup */
.sidebar-pickup {
	margin-top: 26px;
}
.sidebar-pickup .post-box{
}
.sidebar-pickup-post-list {
	background: #FFF;
	margin-top: -4px;
	padding: 10px;
}
.sidebar-pickup .post-box .inbox{
	clear: left;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 12px;
	margin-bottom: 10px;
}
.sidebar-pickup .post-box:last-child .inbox{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.sidebar-pickup .post-box .image{
	float: left;
	width: 97px;
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 1px;
}
		.sidebar-pickup .post-box .image a .logo{
			display: none;
		}
		.sidebar-pickup .post-box .image a .movie-play{
			background-size: calc((97 / 425) * 91px);
		}
		.sidebar-pickup .post-box .text .meta .icon {
			width: 17px;
			height: 17px;
			padding: 0 1px;
			margin-right: 2px;
			vertical-align: middle;
			margin-bottom: 0;
			margin-top: -2px;
		}
		.sidebar-pickup .post-box .text{
			margin-top: -1px;
			padding: 0 10px;
			padding-left: 0;
			box-sizing: border-box;
		}
		.sidebar-pickup .post-box .text .meta{
			font-size: 10px;
			white-space: nowrap;
		}
		.sidebar-pickup .post-box .text .title{
			font-size: 13px;
			line-height: 18px;
			height: 36px;
			margin-top: -4px;
		}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.sidebar-pickup {
		margin: 0;
		margin-top: 0;
		padding: 0 15px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Single
-------------------------------------------------------------- */
.post-content{}
	.post-content .about-catch{
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.post-content h2{
		font-size: 22px;
		line-height: 32px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.post-content h3{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 16px;
	}
	.post-content p{
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 40px;
	}
	.post-content strong{
		font-weight: bold;
	}
	.post-content em{
		font-style: italic;
	}

	.post-content .default-btn{
		margin-bottom: 50px;
	}
	.post-content blockquote{
		position: relative;
		padding: 8px 0 8px 24px;
		border-left: 5px solid #CCC;
		margin-bottom: 40px;
	}
		.post-content blockquote p{
			font-size: 14px;
			line-height: 24px;
		}
		.post-content blockquote p:last-child{
			margin-bottom: 0;
		}

	.post-content ul,
	.post-content ol{
		padding-left: 2em;
		font-size: 15px;
		line-height: 28px;
		margin-bottom: 40px;
	}
		.post-content ul li{
			list-style: disc;
		}
		.post-content ol li{
			list-style: decimal;
		}
	.post-content a{
		text-decoration: underline;
		color: #000;
	}
		.post-content a:hover{
			color: #e71f19;
		}
	.post-content img{
		display: block;
	}
	.post-content .wp-caption{
		max-width: 100%;
		padding: 0 5px;
	}
		.post-content .wp-caption img{
			margin: 0 auto;
		}
		.post-content .wp-caption.aligncenter,
		.post-content img.aligncenter{
			margin: 0 auto 40px auto;
		}
		.post-content .wp-caption.alignleft,
		.post-content img.alignleft{
			float: left;
			margin: 0 20px 20px 0;
		}
		.post-content .wp-caption.alignright,
		.post-content img.alignright{
			float: right;
			margin: 0 0 20px 20px;
		}
		.post-content .wp-caption p{
			font-size: 12px;
			margin: 8px 0 0 0;
			color: #5e5e5e;
		}
	.post-content .no-margin{
		margin: 0;
	}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.post-content .about-catch{
		line-height: 40px;
	}
}
/* ******************************** /Responsive ******************************** */

.single-wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 67px 0;
	background-color: #FFF;
	text-align: justify;
}
	.single-wrapper .post-header{
		width: 100%;
/*
		padding: 50px 0;
		background: url('./image/lower/single-head.png') no-repeat center center / cover;
*/
	}
		.single-wrapper .inner{
			padding: 0 66px;
		}
		.single-wrapper .post-header .inner{
			margin-top: 26px;
		}
		.single-wrapper .post-header .meta{
			font-size: 13px;
			letter-spacing: -.40em;
			margin-bottom: 7px;
			padding-top: 1px;
		}
			.single-wrapper .post-header .category,
			.single-wrapper .post-header .date{
				display: inline-block;
				vertical-align: top;
				letter-spacing: 0.1em;
				line-height: 20px;
				height: 20px;
			}
			.single-wrapper .post-header .category{
				margin-right: 4px;
				color: #0082ff;
				margin-top: -1px;
			}
				.single-wrapper .post-header .category .icon {
					display: inline-block;
					width: 22px;
					height: 22px;
					border-radius: 50%;
					padding: 2px;
					margin-right: 4px;
					margin-bottom: 4px;
					box-sizing: border-box;
					vertical-align: middle;
				}
				.single-wrapper .post-header .category .icon img{
					width: 100%;
					height: 100%;
				}
			.single-wrapper .post-header .date{}
				.single-wrapper .post-header .date:before{
					content: '/';
					margin-right: 4px;
				}
		.single-wrapper .post-header .title{
			font-size: 24px;
			font-weight: bold;
			line-height: 38px;
		}

	.single-wrapper .catch{
		position: relative;
		line-height: 0;
	}
		.single-wrapper .catch img{
			width: 100%;
		}
	.single-wrapper .movie-area{}
		.single-wrapper .movie-area iframe{
			width: 100%;
		}
		.single-wrapper .catch .logo{
			position: absolute;
			left: 0;
			top: 0;
			display: inline-block;
			background: url('./image/common/logo-onimage.png') no-repeat right calc((29 / 850) * 100%) bottom calc((19 / 478) * 100%);
/*			background-size: 81px;*/
			background-size: calc((81 / 850) * 100%);
			width: 100%;
			height: 100%;
		}
	.single-wrapper .edit{
		font-size: 14px;
	}

	.single-wrapper .author-info{
		background-color: #edf2f4;
		padding: 40px 0;
	}
			.single-wrapper .author-info .inner .image{
				width: 170px;
				float: left;
				line-height: 0;
			}
			.single-wrapper .author-info .inner .text{
				width: 530px;
				float: right;
			}
				.single-wrapper .author-info .inner .text .author-title{
					font-size: 15px;
					line-height: 18px;
					margin-bottom: 16px;
				}
				.single-wrapper .author-info .inner .text .job-title{
					font-size: 12px;
					line-height: 16px;
				}
				.single-wrapper .author-info .inner .text .name{
					margin-bottom: 16px;
				}
					.single-wrapper .author-info .inner .text .name span{
						display: inline-block;
						vertical-align: top;
						line-height: 28px;
					}
					.single-wrapper .author-info .inner .text .name .main{
						font-size: 20px;
						font-weight: bold;
						margin-right: 4px;
					}
					.single-wrapper .author-info .inner .text .name .sub{
						font-size: 12px;
					}
				.single-wrapper .author-info .inner .text .profile-text{
					font-size: 11px;
					line-height: 20px;
				}
	.single-wrapper .lead-text{
		margin: 40px auto;
		margin-top: 31px;
		padding: 20px 0;
		font-size: 15px;
		line-height: 28px;
		border-top: 1px solid #b1b1b1;
		border-bottom: 1px solid #b1b1b1;
	}
	.single-wrapper .post-content{
		margin: 0 auto;
	}
	.single-wrapper .author-image{
		font-size: 14px;
		line-height: 14px;
		vertical-align: middle;
		margin-top: 8px;
	}
	.single-wrapper .author-image.noimage{
		margin-top: 18px;
		margin-bottom: 25px;
	}
	.single-wrapper .author-image img{
		display: inline-block;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		margin-right: 11px;
		vertical-align: middle;
	}
	.single-wrapper .author{
		margin: 0 auto;
		font-size: 15px;
		text-align: right;
	}
	.single-wrapper .sns-btn{
		margin: 20px auto 0 auto;
	}
		.single-wrapper .sns-btn li{
			width: calc(100% / 4);
			float: left;
			border-right: 1px solid #FFF;
			box-sizing: border-box;
		}
			.single-wrapper .sns-btn li:last-child{
				border-right: 0;
			}
			.single-wrapper .sns-btn li a{
				display: block;
				line-height: 0;
				text-align: center;
			}
				.single-wrapper .sns-btn li.fb a{ background-color: #385691; }
				.single-wrapper .sns-btn li.tw a{ background-color: #2f9cd1; }
				.single-wrapper .sns-btn li.gp a{ background-color: #d14a39; }
				.single-wrapper .sns-btn li.hb a{ background-color: #1299cd; }
				.single-wrapper .sns-btn li.pk a{ background-color: #d93549; }
				.single-wrapper .sns-btn li.line a{ background-color: #00b900; }
				.single-wrapper .sns-btn li.email a{ background-color: #d0111b; }
				.single-wrapper .sns-btn li a:hover{ opacity: 0.7; }
					.single-wrapper .sns-btn li a:hover img{ opacity: 1; }
		.single .tag{
			margin-top: 21px;
		}
		.single .tag:nth-of-type(2){
			margin-top: 20px;
		}
		.single .tag li{
			display: inline-block;
			font-size: 14px;
			line-height: 14px;
			background: #eeeeee;
			margin-right: 5px;
			padding: 5px 10px;
		}
		.single .tag li:last-child{
			margin-right: 0;
		}
		.single .tag a{
			color: #333333;
		}
		.single .tag a:hover{
			color: #e71f19;
		}

.single-pickup{
/*	width: 1200px;*/
	width: 850px;
	margin-top: -4px;
	margin-bottom: 11px;
}
/*
	.single-pickup ul{}
		.single-pickup ul .post-box{
			width: 299px;
			margin-right: 1px;
			float: left;
		}
			.single-pickup ul .post-box .text{}
				.single-pickup ul .post-box .text .title{
					height: 60px;
				}
*/
#toc_container{
	color: #4f4f4f;
	background: #eeeeee;
	margin-top: 30px;
	padding: 17px 28px;
	padding-top: 13px;
	border: 0 !important;
}
	#toc_container,
	#toc_container a{
		color: #4f4f4f !important;
	}
	#toc_container a:hover{
		color: #e71f19 !important;
		text-decoration: none;
	}
	
	#toc_container p.toc_title{
		position: relative;
		font-weight: 500;
		margin: 0;
		padding-left: 1.1em;
		text-align: left;
	}
	#toc_container p.toc_title+ul.toc_list{
		margin: 0;
	}
	#toc_container .toc_list li{
		font-weight: 500;
		padding-left: 0;
		list-style-type: disc !important;
		margin-left: 1.25em;
	}
/*
	#toc_container .toc_list li:before{
		content: "・";
	}
*/
	.toc_toggle{
		visibility: hidden;
	}
	.toc_toggle img{
		display: inline;
		vertical-align: middle;
	}
	.toc_toggle a{
		position: absolute;
		top: 0;
		left: 0;
		visibility: visible;
	}
	.toc_toggle{
		content: "";
		background: none !important;
	}
	
	.author-wrapper{
		width: 1200px;
	margin: 0 auto 50px auto;
	padding: 50px 0;
	background-color: #FFF;
	text-align: justify;
}
	.author-wrapper .main-content{
		width: 720px;
		margin: 0 auto 40px auto;
	}
		.author-wrapper .main-content .image{
			width: 280px;
			float: left;
			line-height: 0;
		}
		.author-wrapper .main-content .text{
			width: 420px;
			float: right;
		}
			.author-wrapper .main-content .text .title-area{
				border-bottom: 1px solid #e71f19;
				margin-bottom: 12px;
			}
				.author-wrapper .main-content .text .title-area .job{
					font-size: 12px;
					line-height: 20px;
					margin-bottom: 4px;
				}
				.author-wrapper .main-content .text .title-area .name{}
					.author-wrapper .main-content .text .title-area .name span{
						display: inline-block;
						vertical-align: top;
						line-height: 32px;
					}
					.author-wrapper .main-content .text .title-area .name .main{
						font-size: 20px;
						font-weight: bold;
						margin-right: 4px;
					}
					.author-wrapper .main-content .text .title-area .name .sub{
						font-size: 12px;
					}
			.author-wrapper .main-content .text .main-text{
				font-size: 14px;
				line-height: 28px;
			}
				.author-wrapper .main-content .text .main-text p{
					margin-bottom: 20px;
				}
	.author-wrapper .sub-images{
		width: 720px;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		.author-wrapper .sub-images li{
			width: 232px;
			float: left;
			margin-right: 12px;
			margin-bottom: 20px;
		}
			.author-wrapper .sub-images li:nth-child(3n){
				margin-right: 0;
			}
		.author-wrapper .sub-images li .image{
			line-height: 0;
			margin-bottom: 4px;
		}
		.author-wrapper .sub-images li .text{
			font-size: 13px;
			line-height: 20px;
		}

.author-articles{
	width: 1200px;
	margin: 0 auto;
}
	.author-articles .post-box{
		width: 299px;
		margin-right: 1px;
		margin-bottom: 40px;
		float: left;
	}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
	.post-content h2{
		font-size: 20px;
		line-height: 32px;
	}
	.single-wrapper {
		padding-bottom: 40px;
	}
	.single-wrapper .post-header .title{
		font-size: 20px;
		line-height: 32px;
		text-align: left;
	}
	.single-wrapper .inner{
		padding: 15px 15px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.single-pickup{
		width: auto;
	}
		.single-wrapper .post-header{
			margin-top: 0;
		}
		.single-wrapper .post-header .inner{
			margin-top: 15px;
		}
	#toc_container{
		margin-top: 15px;
		padding: 10px 20px;
	}
	.single-wrapper .sns-btn{
		margin-top: 15px;
	}
		.single .tag{
			margin-top: 15px;
		}
	.single-wrapper .lead-text{
		border-top: 1px solid #b1b1b1;
		margin-top: 20px;
	}
}
/* ******************************** /Responsive ******************************** */

/* Lower Page
-------------------------------------------------------------- */
.default-section .page-header{
	text-align: center;
}
	.default-section .page-header .title{
		position: relative;
		font-size: 16px;
		line-height: 24px;
		padding: 10px 0;
	}
		.default-section .page-header .title::after{
			content: '';
			display: block;
			width: 40px;
			height: 2px;
			position: absolute;
			top: 100%;
			left: calc(50% - 20px);
			background: #e71f19;
			background: -moz-linear-gradient(left, #e71f19 0%, #a01b17 100%);
			background: -webkit-linear-gradient(left, #e71f19 0%,#a01b17 100%);
			background: linear-gradient(to right, #e71f19 0%,#a01b17 100%);
		}

/* Contact */
.contact-wrapper{
	width: 720px;
	margin: 0 auto;
}

.contact-head{
	margin-bottom: 10px;
}
	.contact-head p{
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 0;
	}
		.contact-head .footnote{
			margin-top: 20px;
			text-align: right;
		}
			.contact-head .footnote .require{
				color: #e71f19;
			}

.contact-form{
	background-color: #f7f7f7;
	padding: 50px 0;
}
	.contact-form dl{
		width: 570px;
		margin: 0 auto 30px auto;
	}
		.contact-form dl dt{
			font-size: 14px;
			font-weight: bold;
			line-height: 24px;
			padding: 10px 0;
		}
			.contact-form dl dt .require{
				color: #e71f19;
			}
			.contact-form dl dt .sub-text{
				font-size: 10px;
				margin-left: 10px;
			}
		.contact-form dl dd{}
			.contact-form dl dd input[type="text"],
			.contact-form dl dd input[type="number"],
			.contact-form dl dd input[type="tel"],
			.contact-form dl dd input[type="email"],
			.contact-form dl dd select,
			.mw_wp_form_confirm dl dd,
			.contact-form dl dd textarea{
				font-size: 14px;
				width: 100%;
				height: 48px;
				border: 1px solid #b1b1b1;
				padding: 4px 16px;
				line-height: 28px;
			}
			.contact-form dl dd textarea{
				padding: 8px 16px;
				height: 240px;
			}
			.contact-form dl dd .error{
				font-size: 12px;
				line-height: 18px;
				margin-top: 8px;
			}
			.mw_wp_form_confirm dl dd{
				height: auto;
				background-color: #FFF;
			}
			.contact-form dl dd.file-dd input{
				font-size: 12px;
				vertical-align: top;
			}

	.contact-form .note{
		width: 570px;
		margin: 0 auto 30px auto;
		font-size: 12px;
		letter-spacing: 0;
		text-align: center;
	}
		.contact-form .note a{
			color: #000;
			text-decoration: underline;
		}
			.contact-form .note a:hover{
				color: #e71f19;
			}
	.contact-form .default-btn{
		width: 570px;
		margin: 0 auto;
		text-align: center;
		letter-spacing: -.40em;
	}
		.contact-form .default-btn button{
			width: 282px;
/*			height: 32px;*/
			line-height: 32px;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 0.1em;
			margin: 0;
			padding: 4px 0;
			cursor: pointer;
		}
			.contact-form .default-btn button::before,
			.contact-form .default-btn button::after{
				display: none;
			}
			.contact-form .default-btn button.back{
				margin-right: 6px;
			}

/* Words */
.glossary-wrapper{}
	.glossary-wrapper .page-header{
		padding: 50px 0 20px 0;
		font-weight: bold;
	}
	.glossary-wrapper .post-content{}
		.glossary-wrapper .post-content p{
			font-size: 14px;
			line-height: 22px;
		}

.words-content{
	width: 720px;
	margin: 0 auto;
/*	padding: 30px 0;*/
	padding: 0;
}
	.words-content .inner-title{
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 20px;
		position: relative;
		padding: 8px 0;
	}
		.words-content .inner-title::after{
			content: '';
			width: 100%;
			height: 1px;
			background: #e71f19;
			background: -moz-linear-gradient(left, #e71f19 0%, #a01b17 100%);
			background: -webkit-linear-gradient(left, #e71f19 0%,#a01b17 100%);
			background: linear-gradient(to right, #e71f19 0%,#a01b17 100%);
			position: absolute;
			bottom: 0;
			left: 0;
		}

	.words-content .words-list{
		margin-bottom: 60px;
	}
		.words-content .words-list li{
			margin-bottom: 20px;
		}
		.words-content .words-list li a{
			font-size: 18px;
			font-weight: bold;
			text-decoration: underline;
			color: #000;
		}
			.words-content .words-list li a:hover{
				color: #e71f19;
			}

	.words-content .glossary-list{}
		.words-content .glossary-list li{
			margin-bottom: 20px;
		}
			.words-content .glossary-list li .title{
				margin-bottom: 8px;
			}
				.words-content .glossary-list li .title a{
					font-size: 15px;
					font-weight: bold;
					line-height: 24px;
					color: #000;
					text-decoration: none;
					padding-left: 14px;
					background: url('./image/common/triangle-ss-right_red.png') no-repeat 0% 50% / 6px 8px;
				}
					.words-content .glossary-list li .title a:hover{
						opacity: 0.7;
					}
			.words-content .glossary-list li .text{
				font-size: 14px;
				line-height: 24px;
			}

	.words-content .syllabary-box{
		background-color: #edf2f4;
		padding: 20px 0;
		margin-bottom: 40px;
	}
	.words-content .words-syllabary{
		text-align: center;
	}
		.words-content .words-syllabary li{
			display: inline-block;
			margin: 0 10px;
		}
			.words-content .words-syllabary li a{
				font-size: 15px;
				font-weight: bold;
				color: #000;
				padding-left: 12px;
				background: url('./image/common/triangle-ss-down_red.png') no-repeat 0% 50% / 8px 6px;
			}
				.words-content .words-syllabary li a:hover{
					opacity: 0.7;
				}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){

/* Contact */
.contact-wrapper{
	width: 100%;
	margin: 0;
}
.contact-head{
	width: 90.625%;
	margin: 0 auto;
}
	.contact-head p{}
		.contact-head .footnote{}

.contact-form{
	padding: 20px 0;
}
	.contact-form dl{
		width: 90%;
		margin: 0 auto 30px auto;
	}
	.contact-form .note{
		width: 90%;
		margin: 0 auto 30px auto;
	}
	.contact-form .default-btn{
		width: 90%;
		margin: 0 auto;
		position: relative;
		padding-bottom: 10px;
	}
		.contact-form .default-btn button{
			display: block;
			width: 140px;
			margin: 0 auto;
		}
			.contact-form .default-btn button.back{
				position: absolute;
				bottom: 0;
				left: calc(50% - 70px);
				margin-right: auto;
			}
			.contact-form .default-btn button.send{
				margin-bottom: 60px;
			}

	/* Words */
	.glossary-wrapper{}
		.glossary-wrapper .page-header{
			padding: 0 0;
			font-weight: bold;
		}
	.words-content{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0 0;
	}
		.words-content .inner-title{
			font-size: 18px;
			line-height: 24px;
			width: 100%;
			margin: 0 auto 10px auto;
			margin-top: 40px;
			margin-bottom: 30px;
		}
		.words-content .words-list{
			width: 100%;
			margin: 0 auto 60px auto;
		}
			.words-content .words-list li{
				margin-bottom: 20px;
			}
			.words-content .words-list li a{
				font-size: 16px;
			}

		.words-content .glossary-list{
			width: 100%;
			margin: 0 auto;
		}

		.words-content .syllabary-box{
			width: 100%;
			margin: 0 auto 10px auto;
			padding: 15px 0;
		}
		.words-content .words-syllabary{
			width: 100%;
			margin: 0 auto;
			letter-spacing: -.40em;
			text-align: left;
		}
			.words-content .words-syllabary li{
				letter-spacing: normal;
				width: 25%;
				display: inline-block;
				margin: 10px 0;
				text-align: center;
			}
				.words-content .words-syllabary li a{
					font-size: 18px;
					line-height: 24px;
				}
}
/* ******************************** /Responsive ******************************** */

/* Footer
-------------------------------------------------------------- */
.site-footer{
	min-width: 1200px;
	background-color: #000;
	margin-top: 78px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}
	.site-footer .pagetop{
		width: 50px;
		height: 50px;
		position: fixed;
		bottom: -70px;
		right: 50px;
		z-index: 50;
		transition: .3s;
	}
		@media screen and (max-width : 1200px){
			.site-footer .pagetop{
				right: auto;
				left: 1100px;
			}
		}
		.site-footer .pagetop.fixed{
			bottom: 10px;
		}
		.site-footer .pagetop.absolute{
			position: absolute;
			top: -50px;
			bottom: auto;
		}
		.site-footer .pagetop a{
			display: block;
			line-height: 0;
			background-color: #FFF;
		}

	.site-footer .tag-list{
		width: 1120px;
		margin: 0 auto 80px auto;
	}
		.site-footer .tag-list .title{
			font-size: 22px;
			margin-bottom: 10px;
			color: #FFF;
		}
		.site-footer .tag-list ul{
			letter-spacing: -.40em;
		}
			.site-footer .tag-list ul li{
				display: inline-block;
				margin-right: 12px;
				font-size: 12px;
				letter-spacing: normal;
			}
				.site-footer .tag-list ul li a{
					color: #FFF
				}
					.site-footer .tag-list ul li a:hover{
						color: #e71f19;
					}
	.site-footer .bottom-area{
		width: 1200px;
		margin: 0 auto;
	}
		.site-footer .bottom-area .footer-menu{
			width: 950px;
			float: left;
		}
			.site-footer .bottom-area .footer-menu ul{
				letter-spacing: -.40em;
			}
				.site-footer .bottom-area .footer-menu ul li{
					display: inline-block;
					margin-right: 24px;
					font-size: 12px;
					letter-spacing: normal;
				}
					.site-footer .bottom-area .footer-menu ul li a{
						color: #FFF
					}
						.site-footer .bottom-area .footer-menu ul li a:hover{
							color: #e71f19;
						}
		.site-footer .bottom-area .copyright{
			width: 250px;
			float: right;
		}
			.site-footer .bottom-area .copyright small{
				display: block;
				font-size: 12px;
				color: #FFF;
				text-align: right;
			}

/* ******************************** Responsive ******************************** */
@media screen and (max-width : 480px){
.site-footer{
	min-width: auto;
	min-width: initial;
	padding-top: 20px;
	padding-bottom: 55px;
	position: relative;
}
	.site-footer .pagetop{
		width: 40px;
		height: 40px;
		position: fixed;
		bottom: -60px;
		left: auto;
		right: 10px;
	}
		.site-footer .pagetop.fixed{
			bottom: calc(10px + 35px);
		}
		.site-footer .pagetop.absolute{
			top: -40px;
			bottom: auto;
		}
			.single .site-footer .pagetop.fixed{
				bottom: calc(10px + 35px);
			}

	.site-footer .bottom-area{
		width: 100%;
		margin: 0;
	}
		.site-footer .bottom-area .footer-menu{
			width: 95%;
			margin: 0 auto 20px auto;
			float: none;
		}
			.site-footer .bottom-area .footer-menu ul{
/*				text-align: justify;*/
				text-align: center;
			}
				.site-footer .bottom-area .footer-menu ul li{
					margin: 0 10px;
				}
		.site-footer .bottom-area .copyright{
			width: 100%;
			float: none;
		}
			.site-footer .bottom-area .copyright small{
				font-size: 10px;
				text-align: center;
			}
	.footer-fixed{
		display: block;
		position: fixed;
		left: 0;
		bottom: -35px;
		background: #d0101b;
		width: 100%;
		height: 35px;
		transition: .3s;
	}
		.footer-fixed.fixed{
			bottom: 0;
		}
	.footer-fixed li{
		float: left;
		border-right: 1px solid #FFF;
		width: 50%;
		box-sizing: border-box;
		text-align: center;
		letter-spacing: 0.1em;
	}
	.footer-fixed li a{
		display: block;
		color: #FFF;
		font-size: 14px;
		line-height: 20px;
		padding-top: 8px;
		height: 35px;
	}
	.footer-fixed li a:hover{
		opacity: 0.7;
	}
	.footer-fixed li a .icon{
		background: url('./image/common/footer-fixed-article.png') left center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		padding-left: 30px;
	}
	.footer-fixed li.footer-fixed-article a .icon{
		background-image: url('./image/common/footer-fixed-article.png');
	}
	.footer-fixed li.footer-fixed-ranking a .icon{
		background-image: url('./image/common/footer-fixed-ranking.png');
	}
	.footer-fixed li:last-child{
		border-right: 0;
	}
}
/* ******************************** /Responsive ******************************** */