@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Iceland|Noto+Sans+JP:700|Rajdhani:600,700");
/*
font-family: 'Rajdhani', sans-serif;
	semi-bold 600
	bold 700
font-family: 'Noto Sans JP', sans-serif;
	bold 700
font-family: 'Iceland', cursive;
	regular 400
*/
/* * * * * * * * * * * * * * *
html
* * * * * * * * * * * * * * */
html,
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 100%;
	min-width: 1220px;
	color: #3c3c46;
	font-size: 16px;
	line-height: 1.625;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	letter-spacing: 0.04em;
}
body > img {
	display: none;
}
/* * * a * * */
a {
	color: #3c3c46;
	text-decoration: none;
}
/* * * keyframes * * */
@keyframes start_light {
	0% {
		transform: translate3d(250px, 0, 0) scale(0.5);
		opacity: 0;
		filter: brightness(1);
	}
	7.5% {
		opacity: 1;
	}
	10% {
		filter: brightness(2);
		opacity: 1;
	}
	20% {
		filter: brightness(1);
		transform: translate3d(-60px, 0, 0) scale(1);
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes news_update {
	0% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

/* * * * * * * * * * * * * * * * * * * *
#wrapper
* * * * * * * * * * * * * * * * * * * */
#wrapper {
	position: relative;
	overflow: hidden;
}
#wrapper .main {
	width: 1220px;
	margin: 0 auto;
}
#wrapper .w880 .main {
	width: 100%;
}
/* * * * * * * * * * * * * * *
#header
* * * * * * * * * * * * * * */
#header {
	position: relative;
	width: 100%;
	height: 130px;
	margin-bottom: -77px;
	z-index: 10;
}
#header .bg {
	background: url(../img/common/header_bg.png) no-repeat center top;
	height: 100%;
	width: 1480px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -740px;
}
#header .bg .l {
	background: url(../img/common/header_bg_re.png) repeat-x center top;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -1480px;
	width: 100%;
	height: 100%;
}
#header .bg .r {
	background: url(../img/common/header_bg_re.png) repeat-x center top;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -1480px;
	width: 100%;
	height: 100%;
}
/* * * * * .head * * * * */
#header .head {
	position: relative;
}
#header .head .main {
	width: 960px;
	height: 52px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header .head .main a {
	display: block;
}
/* * * * * .menu * * * * */
#header .menu .main {
	position: relative;
}
#header .main .logo {
	position: absolute;
	top: 12px;
	left: 0;
}
#header .menu .main .logo a {
	display: block;
	transition: all 0.3s ease-out;
}
#header .menu .main .logo a:hover {
	opacity: 0.8;
}
#header .menu .main .nav {
	position: absolute;
	top: 25px;
	right: 20px;
}
/* * * * * * * * * * * * * * *
#header_fix
* * * * * * * * * * * * * * */
#header_fix {
	position: fixed;
	top: 0;
	width: 100%;
	height: 60px;
	z-index: 10;
	transition: all 0.3s ease-out;
	opacity: 0;
	visibility: hidden;
}
#header_fix.show {
	opacity: 1;
	visibility: visible;
}
#header_fix .bg {
	background: url(../img/common/header_fix_bg.png) no-repeat center top;
	height: 100%;
	width: 1480px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -740px;
}
#header_fix .bg .l {
	background: url(../img/common/header_fix_bg_re.png) repeat-x center top;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -1480px;
	width: 100%;
	height: 100%;
}
#header_fix .bg .r {
	background: url(../img/common/header_fix_bg_re.png) repeat-x center top;
	position: absolute;
	top: 0;
	right: 0;
	margin-right: -1480px;
	width: 100%;
	height: 100%;
}
#header_fix .main {
	position: relative;
}
#header_fix .menu .main .logo {
	position: absolute;
	top: 6px;
	left: 0;
}
#header_fix .menu .main .logo a {
	display: block;
	transition: all 0.3s ease-out;
}
#header_fix .menu .main .logo a:hover {
	opacity: 0.8;
}
#header_fix .menu .main .nav {
	position: absolute;
	top: 13px;
	right: 20px;
}
/* * * * * * * .header * * * * * * */
.header .menu .main .nav ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.header .menu .main .nav ul li {
	text-align: center;
	margin-left: 25px;
}
.header .menu .main .nav ul li:first-child {
	margin-left: 0;
}
.header .menu .main .nav ul li a {
	display: block;
	transition: all 0.3s ease-out;
}
.header .menu .main .nav ul li a .label {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	color: #ffd200;
	font-size: 10px;
	line-height: 1;
}
.header .menu .main .nav ul li a .text {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	margin-top: 8px;
}
.header .menu .main .nav ul li a:hover {
	opacity: 0.8;
}
/* * * * * * * * * * * * * * *
#footer
* * * * * * * * * * * * * * */
#footer {
	position: relative;
}
/* * * * * * .links * * * * * */
#footer .links {
	border-top: 1px solid #c8c8cd;
}
#footer .links .main {
	position: relative;
	width: 1220px;
	margin: 0 auto;
}
#footer .links .totop {
	position: absolute;
	top: -60px;
	right: 10px;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
#footer .links .totop:hover {
	opacity: 0.8;
}
#footer .links .totop .text {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 1;
}
#footer .links .totop .icon {
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 2px solid #3c3c46;
	border-bottom: none;
	border-left: none;
	transform: rotate(-45deg);
	margin: 10px auto 0;
}
#footer .links ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0 25px;
}
#footer .links ul li {
	position: relative;
	padding: 0 40px;
	font-size: 14px;
	line-height: 1;
}
#footer .links ul li:before {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	position: absolute;
	top: 0;
	left: 0;
	background: #505050;
}
#footer .links ul li:first-child {
	padding-left: 0;
}
#footer .links ul li:first-child:before {
	display: none;
}
#footer .links ul li:last-child {
	padding-right: 0;
}
#footer .links ul li a {
	color: #505050;
}
#footer .links ul li a:hover {
	text-decoration: underline;
}
/* * * * * * .banner * * * * * */
#footer .banner {
	background: #23232d url(../img/common/bg_line_diagonal.png) repeat top left;
	padding: 30px 0;
}
#footer .banner .main {
	width: 1220px;
	margin: 0 auto;
}
#footer .banner ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
#footer .banner ul li {
	width: 290px;
	margin-top: 20px;
	margin-left: 20px;
}
#footer .banner ul li:nth-child(4n-3) {
	margin-left: 0;
}
#footer .banner ul li:nth-child(-n + 4) {
	margin-top: 0;
}
#footer .banner ul li a {
	display: block;
	transition: all 0.3s ease-out;
}
#footer .banner ul li a:hover {
	opacity: 0.8;
}
/* * * * * * .footer * * * * * */
#footer .footer {
	background: #3c3c46;
	font-size: 11px;
	line-height: 1;
	/* height: 100px; */
	padding-bottom: 60px;
}
#footer .footer .main {
	/* display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%; */
	text-align: center;
	padding: 30px 40px;
}
#footer .footer .text {
	color: #fff;
}
#footer .footer .text a {
	color: #fff;
	text-decoration: underline;
}
#footer .footer .text a:hover {
	text-decoration: none;
}
#footer .footer .text .t {
}
#footer .footer .text .t.t1 {
}
#footer .footer .text .t.t2 {
	margin-top: 15px;
}
#footer .footer .copyright {
	color: #b4b4be;
	margin-top: 15px;
}
#footer .footer .copyright .c {
}
#footer .footer .copyright .c.c1 {
}
#footer .footer .copyright .c.c2 {
	margin-top: 15px;
}
/* * * * * * * * * * * * * * *
#start
* * * * * * * * * * * * * * */
#start {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 100;
}
#start .area {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 1061px;
	height: 60px;
	z-index: 100;
	background: url(../img/common/start_bg.png) no-repeat top center;
	transition: all 0.3s ease-out;
	opacity: 1;
	visibility: visible;
}
#start .area .text {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 60px;
	line-height: 60px;
}
#start .area .text .t1 {
	font-size: 18px;
	font-weight: 600;
	color: #ffa000;
	margin-left: 92px;
	letter-spacing: 0.25em;
}
#start .area .text .t2 {
	font-size: 10px;
	color: #fff;
	margin-left: 28px;
}
#start .area .text .t3 {
	font-size: 11px;
	color: #ffdc00;
	margin-left: 26px;
}
#start .area .link {
	position: absolute;
	bottom: 0;
	right: 60px;
	width: 341px;
	height: 60px;
}
#start .area .btn {
	position: absolute;
	bottom: 0;
	right: 60px;
	width: 341px;
	height: 60px;
}
#start .area .btn span {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 60px;
	background: no-repeat top center;
	transition: all 0.3s ease-out;
}
#start .area .btn span.light {
	position: absolute;
	bottom: -40px;
	right: 125px;
	width: 239px;
	height: 196px;
	opacity: 0;
	background-image: url(../img/common/start_btn_light.png);
	animation: start_light 7s 1s ease infinite forwards;
	pointer-events: none;
}
#start .area .btn span.bg {
	background-image: url(../img/common/start_btn_bg.png);
}
#start .area .btn span.img {
	width: 161px;
	height: 150px;
	bottom: -41px;
	right: -5px;
	background-image: url(../img/common/start_btn_img.png);
	pointer-events: none;
}
#start .area .btn span.text {
	background-image: url(../img/common/start_btn_text.png);
	pointer-events: none;
}
#start .area .btn:hover span.bg {
	background-image: url(../img/common/start_btn_bg_on.png);
}

/* yahoo */
#start .area .btn span.text-yg {
	background-image: url(../img/common/start_btn_text_yg.png);
	pointer-events: none;
}


#start .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: 100;
	background: url(../img/common/start_icon_bg.jpg) no-repeat top center;
	cursor: pointer;
}
#start .icon .i {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/start_icon_close.jpg) no-repeat top center;
	transition: all 0.3s ease-out;
}
/* .close */
#start.close .area {
	opacity: 0;
	visibility: hidden;
}
#start.close .icon .i {
	background-image: url(../img/common/start_icon_open.jpg);
}
/* * * * * * * * * * * * * * *
#contents
* * * * * * * * * * * * * * */
#contents {
}
/* * * * * .btn * * * * */
#contents .contents .btn {
	position: relative;
	margin: 0 auto;
	margin-left: -5px;
}
#contents .contents .btn a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 360px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/common/btn_short.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .btn a:hover {
	background-image: url(../img/common/btn_short_on.png);
}
#contents .contents .btn a .t {
	position: relative;
	margin-top: -8px;
	padding-left: 35px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}
/* * * * * .btn.short * * * * */
#contents .contents .btn.short {
	position: relative;
	margin: 0 auto;
	margin-left: -5px;
}
#contents .contents .btn.short a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 360px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/common/btn_short.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .btn.short a:hover {
	background-image: url(../img/common/btn_short_on.png);
}
#contents .contents .btn.short a .t {
	position: relative;
	margin-top: -8px;
	padding-left: 35px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
}
/* * * * * .btn.long * * * * */
#contents .contents .btn.long {
	position: relative;
	margin: 0 auto;
	margin-left: -5px;
}
#contents .contents .btn.long a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 530px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/common/btn_long.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .btn.long a:hover {
	background-image: url(../img/common/btn_long_on.png);
}
#contents .contents .btn.long a .t {
	position: relative;
	margin-top: -8px;
	padding-left: 35px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}
/* * * * * .btn.__twitter * * * * */
#contents .contents .btn.__twitter {
	position: relative;
	margin: 0 auto;
	margin-left: -5px;
}
#contents .contents .btn.__twitter a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 360px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/common/btn_twitter.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .btn.__twitter a:hover {
	background-image: url(../img/common/btn_twitter_on.png);
}
#contents .contents .btn.__twitter a .t {
	position: relative;
	margin-top: -8px;
	padding-left: 60px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
}
/* * * * * .btn.__twitter.__mini * * * * */
#contents .contents .btn.__twitter.__mini {
}
#contents .contents .btn.__twitter.__mini a {
	width: 260px;
	height: 52px;
	/* justify-content: center; */
	background-image: url(../img/common/btn_twitter_mini.png);
}
#contents .contents .btn.__twitter a:hover {
	background-image: url(../img/common/btn_twitter_mini_on.png);
}
#contents .contents .btn.__twitter.__mini a .t {
	margin-top: -8px;
	padding-left: 70px;
	/* padding-left: 0; */
}
/* * * * * .btn.__back * * * * */
#contents .contents .btn.__back {
}
#contents .contents .btn.__back a {
	width: 210px;
	height: 52px;
	justify-content: center;
	background-image: url(../img/common/btn_form_back.png);
}
#contents .contents .btn.__back a:hover {
	background-image: url(../img/common/btn_form_back_on.png);
}
#contents .contents .btn.__back a .t {
	padding-left: 0;
}
/* * * * * .btn.__next * * * * */
#contents .contents .btn.__next {
}
#contents .contents .btn.__next a {
	width: 210px;
	height: 60px;
	justify-content: center;
	background-image: url(../img/common/btn_form_next.png);
}
#contents .contents .btn.__next a:hover {
	background-image: url(../img/common/btn_form_next_on.png);
}
#contents .contents .btn.__next a .t {
	color: #000;
	padding-left: 0;
}
/* * * * * * * * * *
.top_top
* * * * * * * * * */
#contents .top_top {
	position: relative;
	background: #23232d url(../img/common/bg_line_diagonal.png) repeat top left;
}
#contents .top_top .main {
	position: relative;
}
/* * * * * .visual * * * * */
#contents .top_top .visual {
	position: relative;
	width: 100%;
	height: 650px;
}
#contents .top_top .visual .main {
	position: relative;
	width: 100%;
	max-width: 1400px;
}
/* * * .video * * */
#contents .top_top .visual .video {
	position: relative;
	width: 100%;
	height: 650px;
	overflow: hidden;
}
#contents .top_top .visual .video .list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#contents .top_top .visual .video .list .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out;
}
#contents .top_top .visual .video .list .item.current {
	opacity: 1;
	visibility: visible;
}
#contents .top_top .visual .video .list .item .v {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	transform: translate3d(-50%, -50%, 0);
}

#contents .top_top .visual .video .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_line_border.png) repeat left top;
	pointer-events: none;
}
/* * * .name * * */
#contents .top_top .visual .name {
	position: absolute;
	bottom: -45px;
	left: -90px;
	left: 0;
}
#contents .top_top .visual .name .n {
	display: block;
	font-family: "Rajdhani", sans-serif;
	line-height: 1;
}
#contents .top_top .visual .name .n.n1 {
	font-weight: 700;
	color: #fff;
	font-size: 48px;
	letter-spacing: 0.029em;
}
#contents .top_top .visual .name .n.n2 {
	font-weight: 700;
	color: #fff;
	font-size: 56px;
	margin-top: -7px;
	letter-spacing: 0.025em;
}
#contents .top_top .visual .name .n.n3 {
	font-weight: 600;
	color: #ffa900;
	font-size: 16px;
	margin-top: -1px;
	letter-spacing: 0.038em;
}
/* * * .btn * * */
#contents .top_top .visual .btn {
	position: absolute;
	bottom: -62px;
	left: 50%;
	width: 1000px;
	margin-left: -380px;
	display: flex;
	justify-content: center;
}
#contents .top_top .visual .btn a {
	flex-shrink: 0;
	display: block;
	background: no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .top_top .visual .btn a:first-child {
	margin-left: 0;
}
#contents .top_top .visual .btn .client {
	flex-shrink: 0;
	position: relative;
	width: 510px;
	height: 111px;
	background: url(../img/top/top_btn_client_bg.png) no-repeat center;
}
#contents .top_top .visual .btn .client a.start {
	position: absolute;
	top: 0;
	left: 5px;
	opacity: 0;
	width: 320px;
	height: 100px;
	background-image: url(../img/top/top_btn_client_start_on.png);
}
#contents .top_top .visual .btn .client a.start:hover {
	opacity: 1;
}
#contents .top_top .visual .btn .client a.install {
	position: absolute;
	top: 0;
	right: 5px;
	opacity: 0;
	width: 187px;
	height: 100px;
	background-image: url(../img/top/top_btn_client_install_on.png);
}
#contents .top_top .visual .btn .client a.install:hover {
	opacity: 1;
}

#contents .top_top .visual .btn a.browser {
	width: 330px;
	height: 111px;
	background-image: url(../img/top/top_btn_browser.png);
}
#contents .top_top .visual .btn a.browser:hover {
	background-image: url(../img/top/top_btn_browser_on.png);
}
#contents .top_top .visual .btn a.cp {
	width: 160px;
	height: 111px;
	background-image: url(../img/top/top_btn_cp.png);
}
#contents .top_top .visual .btn a.cp:hover {
	background-image: url(../img/top/top_btn_cp_on.png);
}

/* dmm client */
#contents .top_top .visual .btn .client-dg {
	flex-shrink: 0;
	position: relative;
	width: 325px;
	height: 111px;
	background: url(../img/top/top_btn_client_bg_dg.png) no-repeat center;
}
#contents .top_top .visual .btn .client-dg a.start {
	position: absolute;
	top: 0;
	left: 5px;
	opacity: 0;
	width: 320px;
	height: 100px;
	background-image: url(../img/top/top_btn_client_start_on_dg.png);
}
#contents .top_top .visual .btn .client-dg a.start:hover {
	opacity: 1;
}

#contents .top_top .visual .btn .client2 {
	flex-shrink: 0;
	position: relative;
	width: 510px;
	height: 111px;
	background: url(../img/top/top_btn_client_bg2.png) no-repeat center;
}


/* yahoo */
#contents .top_top .visual .btn .client-yg {
	flex-shrink: 0;
	position: relative;
	width: 510px;
	height: 111px;
	background: url(../img/top/top_btn_client_bg_yg.png) no-repeat center;
}
#contents .top_top .visual .btn .client-yg a.start {
	position: absolute;
	top: 0;
	left: 5px;
	opacity: 0;
	width: 320px;
	height: 100px;
	background-image: url(../img/top/top_btn_client_start_on_yg.png);
}
#contents .top_top .visual .btn .client-yg a.start:hover {
	opacity: 1;
}
#contents .top_top .visual .btn .client-yg a.install {
	position: absolute;
	top: 0;
	right: 5px;
	opacity: 0;
	width: 187px;
	height: 100px;
	background-image: url(../img/top/top_btn_client_install_on.png);
}
#contents .top_top .visual .btn .client-yg a.install:hover {
	opacity: 1;
}
#contents .top_top .visual .btn a.browser-yg {
	width: 330px;
	height: 111px;
	background-image: url(../img/top/top_btn_browser_yg.png);
}
#contents .top_top .visual .btn a.browser-yg:hover {
	background-image: url(../img/top/top_btn_browser_on_yg.png);
}
#contents .top_top .visual .btn a.cp-yg {
	width: 160px;
	height: 111px;
	background-image: url(../img/top/top_btn_cp_yg.png);
}
#contents .top_top .visual .btn a.cp-yg:hover {
	background-image: url(../img/top/top_btn_cp_on_yg.png);
}

/* * * .movie * * */
#contents .top_top .visual .movie {
	position: absolute;
	bottom: -45px;
	right: -90px;
	right: 0;
	width: 288px;
	height: 162px;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
#contents .top_top .visual .movie .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/_____dummy_top_movie_thum.jpg) no-repeat center;
	background-size: cover;
}
#contents .top_top .visual .movie .img:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-out;
}
#contents .top_top .visual .movie .play {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 28px;
	margin-top: -14px;
	margin-left: -15px;
}
#contents .top_top .visual .movie .play .i {
	width: 21px;
	height: 28px;
	background: url(../img/top/top_movie_icon.png) no-repeat center;
	margin: 0 auto;
	transition: all 0.3s ease-out;
}
#contents .top_top .visual .movie .play .t {
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	margin-top: 8px;
}
/* .hover */
#contents .top_top .visual .movie:hover .img:after {
	opacity: 0;
}
/* * * * * .banner * * * * */
#contents .top_top .banner {
	margin-top: 100px;
}
#contents .top_top .banner .main {
}
#contents .top_top .banner .main ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents .top_top .banner .main ul li {
	margin-left: 10px;
}
#contents .top_top .banner .main ul li:first-child {
	margin-left: 0;
}
#contents .top_top .banner .main ul li a {
	display: block;
	width: 410px;
	height: 91px;
	background: no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .top_top .banner .main ul li a:hover {
	opacity: 0.65;
}
#contents .top_top .banner .main ul li a.btn01 {
	background-image: url(../img/top/top_banner_btn_01.png);
}
#contents .top_top .banner .main ul li a.btn01:hover {
	background-image: url(../img/top/top_banner_btn_01_on.png);
}
#contents .top_top .banner .main ul li a.btn02 {
	background-image: url(../img/top/top_banner_btn_02.png);
}
#contents .top_top .banner .main ul li a.btn02:hover {
	background-image: url(../img/top/top_banner_btn_02_on.png);
}
#contents .top_top .banner .main ul li a.btn03 {
	background-image: url(../img/top/top_banner_btn_03.png);
}
#contents .top_top .banner .main ul li a.btn03:hover {
	background-image: url(../img/top/top_banner_btn_03_on.png);
}

/* * * * * .slider * * * * */
#contents .top_top .slider {
	margin-top: 50px;
	padding-bottom: 35px;
}
#contents .top_top .slider .slide {
	height: 386px;
	overflow: hidden;
}
#contents .top_top .slider .slide ul {
	display: flex;
}
#contents .top_top .slider .slide ul li {
	position: relative;
	margin: 0 5px;
}
#contents .top_top .slider .slide ul li:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.75);
	transition: all 0.3s ease-out;
}
#contents .top_top .slider .slide ul li.slick-current:after {
	opacity: 0;
	visibility: hidden;
}
#contents .top_top .slider .slide ul li a {
}
#contents .top_top .slider .slide ul li a:hover {
}
#contents .top_top .slider .slide ul li a img {
	height: 386px;
}
#contents .top_top .slider .navigation {
	position: relative;
	margin-top: 30px;
}
#contents .top_top .slider .navigation .prev {
	position: absolute;
	top: 50%;
	left: 60px;
	cursor: pointer;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	margin-top: -7px;
	color: #ffd200;
	transition: all 0.3s ease-out;
}
#contents .top_top .slider .navigation .prev:hover {
	opacity: 0.8;
}
#contents .top_top .slider .navigation .next {
	position: absolute;
	top: 50%;
	right: 60px;
	cursor: pointer;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	margin-top: -7px;
	color: #ffd200;
	transition: all 0.3s ease-out;
}
#contents .top_top .slider .navigation .next:hover {
	opacity: 0.8;
}
#contents .top_top .slider .navigation .pointer {
}
#contents .top_top .slider .navigation .pointer ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents .top_top .slider .navigation .pointer ul li {
	position: relative;
	display: block;
	width: 8px;
	height: 8px;
	background: #78787d;
	border-radius: 50%;
	margin: 0 6px;
	overflow: hidden;
	transition: all 0.3s ease-out;
}
#contents .top_top .slider .navigation .pointer ul li.slick-active {
	background: #ffd200;
	transform: scale(1.5);
}
#contents .top_top .slider .navigation .pointer ul li button {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
}
/* * * * * * * * * *
.top_links
* * * * * * * * * */
#contents .contents .top_news {
	padding: 105px 0 95px;
}
#contents .contents .top_news .main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
/* * * * * .latest * * * * */
#contents .contents .top_news .latest {
	width: 805px;
}
#contents .contents .top_news .latest .name .n {
	position: relative;
	display: block;
	line-height: 1;
	padding-left: 55px;
}
#contents .contents .top_news .latest .name .n.n1 {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 40px;
}
#contents .contents .top_news .latest .name .n.n1:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 40px;
	height: 26px;
	margin-top: -15px;
	background: url(../img/top/top_title_label_bk.png) no-repeat left center;
}
#contents .contents .top_news .latest .name .n.n2 {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	margin-top: 10px;
}
#contents .contents .top_news .latest .name .n.n2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 4px;
	margin-top: -1px;
	background: #50505a;
}
#contents .contents .top_news .mod_news_list_thumb.latest {
	margin-top: 0;
}
#contents .contents .top_news .mod_news_list_thumb.latest ul {
	margin-top: 30px;
}
#contents .contents .top_news .mod_news_list_thumb.latest ul li {
	margin: 0;
	margin-top: 60px;
	margin-left: 25px;
}
#contents .contents .top_news .mod_news_list_thumb.latest ul li:nth-child(-n + 2) {
	margin-top: 0;
}
#contents .contents .top_news .mod_news_list_thumb.latest ul li:nth-child(2n-1) {
	margin-left: 0;
}
/* * * * * .lineup * * * * */
#contents .contents .top_news .lineup {
	width: 390px;
}
/* * * .name * * */
#contents .contents .top_news .lineup .name {
}
#contents .contents .top_news .lineup .name .n {
	position: relative;
	display: block;
	line-height: 1;
}
#contents .contents .top_news .lineup .name .n.n1 {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 30px;
}
/* * * .tabs * * */
#contents .contents .top_news .lineup .tabs {
	margin-top: 20px;
}
#contents .contents .top_news .lineup .tabs ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
}
#contents .contents .top_news .lineup .tabs ul li {
	position: relative;
	padding-left: 20px;
	margin-left: 20px;
}
#contents .contents .top_news .lineup .tabs ul li:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 1px;
	height: 14px;
	background: #3c3c46;
}
#contents .contents .top_news .lineup .tabs ul li:first-child {
	padding-left: 0;
	margin-left: 0;
}
#contents .contents .top_news .lineup .tabs ul li:first-child:before {
	display: none;
}
#contents .contents .top_news .lineup .tabs ul li a {
	position: relative;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	padding-left: 11px;
	color: #a0a0aa;
	transition: all 0.3s ease-out;
}
#contents .contents .top_news .lineup .tabs ul li a:before {
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: 4px;
	height: 14px;
	background: #a0a0aa;
	transition: all 0.3s ease-out;
}
/* .current */
#contents .contents .top_news .lineup .tabs ul li.current a {
	color: #3c3c46;
}
#contents .contents .top_news .lineup .tabs ul li.information.current a:before {
	background: #00b478;
}
#contents .contents .top_news .lineup .tabs ul li.event.current a:before {
	background: #f0be28;
}
#contents .contents .top_news .lineup .tabs ul li.maintenance.current a:before {
	background: #f05050;
}
/* * * .list * * */
#contents .contents .top_news .lineup .list {
	position: relative;
	margin-top: 30px;
	background: #f5f5f0;
	background: linear-gradient(135deg, transparent 12px, #f5f5f0 0) top left, linear-gradient(0, transparent 0, #f5f5f0 0) top right, linear-gradient(315deg, transparent 12px, #f5f5f0 0) bottom right, linear-gradient(0, transparent 0, #f5f5f0 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	height: 922px;
}
#contents .contents .top_news .lineup .list .sort {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 20px;
	padding-bottom: 10px;
	transition: all 0.3s ease-out;
	opacity: 0;
	visibility: hidden;
}
#contents .contents .top_news .lineup .list .sort.current {
	opacity: 1;
	visibility: visible;
}
#contents .contents .top_news .lineup .list .sort ul {
}
#contents .contents .top_news .lineup .list .sort ul li {
	border-bottom: 1px dashed #9196a0;
	padding: 20px 0;
}
#contents .contents .top_news .lineup .list .sort ul li:first-child {
	border-top: none;
	padding-top: 0;
}
#contents .contents .top_news .lineup .list .sort ul li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease-out;
}
#contents .contents .top_news .lineup .list .sort ul li a:hover {
	opacity: 0.8;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea {
	width: 180px;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea .date {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-feature-settings: "palt";
	color: #96a0b4;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea .date .d {
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 40px;
	line-height: 20px;
	letter-spacing: -0.08em;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea .date .category {
	margin-left: 5px;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea .date .category .c {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 7px;
	text-transform: uppercase;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea .date .category .y {
	display: block;
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 18px;
	line-height: 9px;
	letter-spacing: -0.08em;
	margin-top: 4px;
}
#contents .contents .top_news .lineup .list .sort ul li a .textarea .title {
	font-size: 14px;
	line-height: 1.571;
	margin-top: 10px;
	font-weight: 600;
}
#contents .contents .top_news .lineup .list .sort ul li a .img {
	position: relative;
	width: 156px;
	height: 96px;
	background: no-repeat center;
	background-size: cover;
	overflow: hidden;
}
#contents .contents .top_news .lineup .list .sort ul li a .img .corner {
	position: absolute;
	bottom: -14px;
	right: -14px;
	padding: 5px;
	width: 28px;
	height: 28px;
	background: #fff;
	box-sizing: border-box;
	transform: rotate(45deg);
}
#contents .contents .top_news .lineup .list .sort ul li a .img .corner:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 4px solid #fff;
	box-sizing: border-box;
}
/* .information */
#contents .contents .top_news .lineup .list .sort ul li a .img .corner:after {
	border-color: #00b478;
}
#contents .contents .top_news .lineup .list .sort ul li a .date .category .c {
	color: #00b478;
}
/* .event */
#contents .contents .top_news .lineup .list .sort ul .event a .img .corner:after {
	border-color: #f0be28;
}
#contents .contents .top_news .lineup .list .sort ul .event a .date .category .c {
	color: #f0be28;
}
/* .maintenance */
#contents .contents .top_news .lineup .list .sort ul .maintenance a .img .corner:after {
	border-color: #f05050;
}
#contents .contents .top_news .lineup .list .sort ul .maintenance a .date .category .c {
	color: #f05050;
}
#contents .contents .top_news .lineup .list .btn {
	margin-top: 30px;
}
/* .development_news */
#contents .contents .top_news .lineup .list .sort ul .development_news a .img .corner:after {
	border-color: #FF7F50;
}
#contents .contents .top_news .lineup .list .sort ul .development_news a .date .category .c {
	color: #FF7F50;
}
/* * * * * * * * * *
.top_links
* * * * * * * * * */
#contents .contents .top_links {
	border-top: 1px solid #c8c8cd;
}
#contents .contents .top_links .main {
	padding: 80px 0;
}
#contents .contents .top_links .btns {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 -7px;
}
#contents .contents .top_links .btns .btn {
	position: relative;
}
#contents .contents .top_links .btns .btn a {
	display: block;
	width: 594px;
	height: 114px;
	background: url(../img/common/btn_large.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .top_links .btns .btn a:hover {
	background-image: url(../img/common/btn_large_on.png);
}
#contents .contents .top_links .btns .btn a .label {
	position: absolute;
	top: 30px;
	left: 48px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1;
	color: #fff;
}
#contents .contents .top_links .btns .btn a .text {
	position: absolute;
	top: 45px;
	left: 45px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#contents .contents .top_links .btns .btn a .text .t.t1 {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 38px;
	line-height: 1;
	color: #fff;
	padding-left: 0;
	margin-top: 0;
}
#contents .contents .top_links .btns .btn a .text .t.t2 {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	color: #dcff00;
	margin-top: 4px;
	margin-left: 35px;
	padding-left: 0;
}
/* * * * * * * * * *
.top_about
* * * * * * * * * */
#contents .contents .top_about {
	position: relative;
	height: 540px;
	overflow: hidden;
}
#contents .contents .top_about .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #23232d url(../img/top/top_about_bg.jpg) no-repeat center 25%;
	background-size: cover;
}
#contents .contents .top_about .bg .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_line_border.png) repeat left top;
}
#contents .contents .top_about .main {
	position: relative;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#contents .contents .top_about .ms {
}
#contents .contents .top_about .ms .ms1 {
	position: absolute;
	top: 67px;
	left: -106px;
}
#contents .contents .top_about .ms .ms2 {
	position: absolute;
	top: -186px;
	left: 259px;
}
#contents .contents .top_about .textarea {
	width: 350px;
	color: #fff;
	padding-top: 95px;
	margin-right: 20px;
}
#contents .contents .top_about .textarea .name {
}
#contents .contents .top_about .textarea .name .n {
	position: relative;
	display: block;
	line-height: 1;
	padding-left: 55px;
}
#contents .contents .top_about .textarea .name .n.n1 {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 40px;
}
#contents .contents .top_about .textarea .name .n.n1:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 40px;
	height: 26px;
	margin-top: -15px;
	background: url(../img/top/top_title_label_wh.png) no-repeat left center;
}
#contents .contents .top_about .textarea .name .n.n2 {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	margin-top: 10px;
}
#contents .contents .top_about .textarea .name .n.n2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 4px;
	margin-top: -1px;
	background: #fff;
}
#contents .contents .top_about .textarea .text {
	margin-top: 45px;
	margin-left: -50px;
}
#contents .contents .top_about .textarea .text img {
}
#contents .contents .top_about .textarea .btn {
	margin-top: 40px;
}
/* * * * * * * * * *
.top_media
* * * * * * * * * */
#contents .contents .top_media {
	position: relative;
}
#contents .contents .top_media .main {
	padding: 90px 0 120px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-wrap: wrap;
}
#contents .contents .top_media .textarea {
	width: 350px;
	padding-top: 40px;
}
#contents .contents .top_media .textarea .name {
}
#contents .contents .top_media .textarea .name .n {
	position: relative;
	display: block;
	line-height: 1;
	padding-left: 55px;
}
#contents .contents .top_media .textarea .name .n.n1 {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 40px;
}
#contents .contents .top_media .textarea .name .n.n1:before {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	width: 40px;
	height: 26px;
	margin-top: -15px;
	background: url(../img/top/top_title_label_bk.png) no-repeat left center;
}
#contents .contents .top_media .textarea .name .n.n2 {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	margin-top: 10px;
}
#contents .contents .top_media .textarea .name .n.n2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 4px;
	margin-top: -1px;
	background: #3c3c46;
}
#contents .contents .top_media .textarea .text {
	margin-top: 45px;
	font-size: 14px;
	line-height: 2;
}
#contents .contents .top_media .textarea .btn {
	margin-top: 80px;
	margin-bottom: -8px;
}
#contents .contents .top_media .twitter {
	width: 390px;
	height: 480px;
	margin-left: 65px;
	border: 1px solid #ebedf0;
	box-sizing: border-box;
}
#contents .contents .top_media .facebook {
	width: 390px;
	height: 480px;
	margin-left: 25px;
}
/* * * * * * * * * *
.titleArea
* * * * * * * * * */
#contents .titleArea {
	position: relative;
	height: 318px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 89px;
	box-sizing: border-box;
}
#contents .titleArea .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_titlearea.jpg) no-repeat center;
	background-size: cover;
}
#contents .titleArea .bg .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_line_border.png) repeat left top;
}
#contents .titleArea .bg.__library {
	background-image: url(../img/common/bg_titlearea_library.jpg);
}
#contents .titleArea .bg.__library .line {
	display: none;
}
#contents .titleArea .main {
	position: relative;
}
#contents .titleArea .title {
	display: block;
	text-align: center;
}
#contents .titleArea .title .t {
	display: block;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.08em;
}
#contents .titleArea .title .t.t1 {
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 38px;
}
#contents .titleArea .title .t.t2 {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	margin-top: 10px;
}
#contents .titleArea .title.terms .t.t1 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 26px;
}
/* * * * * * * * * *
.contents
* * * * * * * * * */
#contents .contents {
}
#contents .contents.top {
	background: #fff;
}
#contents .contents .contents_head {
	background: #fff;
}
#contents .contents .contents_head > * {
	margin-top: 60px;
}
#contents .contents .contents_head > *:first-child {
	margin-top: 0;
}
#contents .contents .contents_body {
	background: #f5f5f5;
	padding: 0 0 100px;
}
#contents .contents .contents_body > .block {
	padding: 70px 0;
	border-top: 1px solid #c8c8cd;
}
#contents .contents .contents_body > .block:first-child {
	margin-top: 0;
	border-top: none;
}
#contents .contents .contents_body > .block > * {
	margin-top: 40px;
}
#contents .contents .contents_body > .block > *.__as {
	margin-top: 20px;
}
#contents .contents .contents_body > .block > *.__de {
	margin-top: -20px;
}
#contents .contents .contents_body > .block > *:first-child {
	margin-top: 0;
}
/* .w880 */
#contents .contents .contents_body.w880 > .block {
	width: 880px;
	margin: 0 auto;
}
#contents .contents .contents_body .section {
	margin-top: 70px;
}
#contents .contents .contents_body .section:first-child {
	margin-top: 0;
}
#contents .contents .contents_body .section > * {
	margin-top: 40px;
}
#contents .contents .contents_body .section > *:first-child {
	margin-top: 0;
}
/* * * * *
.mod_news_tabs
* * * * */
#contents .contents .mod_news_tabs {
	border-bottom: 1px solid #c8c8cd;
}
#contents .contents .mod_news_tabs .main {
}
#contents .contents .mod_news_tabs ul {
	padding: 70px 0 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#contents .contents .mod_news_tabs ul li {
	width: 236px;
	height: 50px;
}
#contents .contents .mod_news_tabs ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 50px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_news_tabs ul li a .bg {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: #fff;
	background: linear-gradient(135deg, transparent 8px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 8px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_news_tabs ul li a .t {
	position: relative;
	padding: 0 40px;
	/*transition: all 0.15s linear;*/
}
#contents .contents .mod_news_tabs ul li a .arrow {
	position: absolute;
	top: 50%;
	right: 25px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(-45deg) translateY(-50%);
	transition: all 0.3s ease-out;
}
/* .all */
#contents .contents .mod_news_tabs ul li.all a {
	color: #3c3c46;
	background: #3c3c46;
	background: linear-gradient(135deg, transparent 8px, #3c3c46 0) top left, linear-gradient(0, transparent 0, #3c3c46 0) top right, linear-gradient(315deg, transparent 8px, #3c3c46 0) bottom right, linear-gradient(0, transparent 0, #3c3c46 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_tabs ul li.all a .arrow {
	border-color: #3c3c46;
}
/* .information */
#contents .contents .mod_news_tabs ul li.information a {
	color: #00b478;
	background: #00b478;
	background: linear-gradient(135deg, transparent 8px, #00b478 0) top left, linear-gradient(0, transparent 0, #00b478 0) top right, linear-gradient(315deg, transparent 8px, #00b478 0) bottom right, linear-gradient(0, transparent 0, #00b478 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_tabs ul li.information a .arrow {
	border-color: #00b478;
}
/* .event */
#contents .contents .mod_news_tabs ul li.event a {
	color: #f0be28;
	background: #f0be28;
	background: linear-gradient(135deg, transparent 8px, #f0be28 0) top left, linear-gradient(0, transparent 0, #f0be28 0) top right, linear-gradient(315deg, transparent 8px, #f0be28 0) bottom right, linear-gradient(0, transparent 0, #f0be28 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_tabs ul li.event a .arrow {
	border-color: #f0be28;
}
/* .maintenance */
#contents .contents .mod_news_tabs ul li.maintenance a {
	color: #f05050;
	background: #f05050;
	background: linear-gradient(135deg, transparent 8px, #f05050 0) top left, linear-gradient(0, transparent 0, #f05050 0) top right, linear-gradient(315deg, transparent 8px, #f05050 0) bottom right, linear-gradient(0, transparent 0, #f05050 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_tabs ul li.maintenance a .arrow {
	border-color: #f05050;
}
/* .development_news */
#contents .contents .mod_news_tabs ul li.development_news a {
	color: #FF7F50;
	background: #FF7F50;
	background: linear-gradient(135deg, transparent 8px, #FF7F50 0) top left, linear-gradient(0, transparent 0, #FF7F50 0) top right, linear-gradient(315deg, transparent 8px, #FF7F50 0) bottom right, linear-gradient(0, transparent 0, #FF7F50 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_tabs ul li.development_news a .arrow {
	border-color: #FF7F50;
}
/* .current */
#contents .contents .mod_news_tabs ul li.current a {
	color: #fff;
}
#contents .contents .mod_news_tabs ul li.current a .bg {
	background: rgba(255, 255, 255, 0);
}
#contents .contents .mod_news_tabs ul li.current a .arrow {
	border-color: #fff;
}
/* hover */
#contents .contents .mod_news_tabs ul li a:hover {
	opacity: 0.8;
	color: #fff;
}
#contents .contents .mod_news_tabs ul li a:hover .bg {
	opacity: 0;
}
#contents .contents .mod_news_tabs ul li a:hover .arrow {
	border-color: #fff;
}
/* * * * *
.mod_recipe_tools
* * * * */
#contents .contents .mod_recipe_tools {
	border-bottom: 1px solid #c8c8cd;
	padding: 70px 0 25px;
}
#contents .contents .mod_recipe_tools .main {
}
#contents .contents .mod_recipe_tools .search {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	height: 50px;
}
#contents .contents .mod_recipe_tools .search .s {
	display: block;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .mod_recipe_tools .search .s .select {
	display: block;
	color: #3c3c46;
	position: relative;
	width: 420px;
	height: 50px;
	margin-right: 20px;
	background: #3c3c46;
	background: linear-gradient(135deg, transparent 4px, #3c3c46 0) top left, linear-gradient(0, transparent 0, #3c3c46 0) top right, linear-gradient(315deg, transparent 4px, #3c3c46 0) bottom right, linear-gradient(0, transparent 0, #3c3c46 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_recipe_tools .search .s .select:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #3c3c46;
	border-bottom: none;
	border-left: none;
	margin-top: -7px;
	transform: rotate(135deg);
	pointer-events: none;
}
#contents .contents .mod_recipe_tools .search .s.s1 .select {
	width: 420px;
}
#contents .contents .mod_recipe_tools .search .s.s2 .select {
	width: 340px;
}
#contents .contents .mod_recipe_tools .search .s .select:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_recipe_tools .search .s .select select {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #3c3c46;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	box-sizing: border-box;
	padding: 0 40px;
	-webkit-appearance: none;
	appearance: none;
}
#contents .contents .mod_recipe_tools .search .s .select select:focus {
	outline: none;
}
#contents .contents .mod_recipe_tools .search .s .t {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
}
#contents .contents .mod_recipe_tools .search .s a {
	display: block;
	width: 150px;
	height: 60px;
	background: url(../img/recipe/recipe_tools_btn.png) no-repeat center;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_recipe_tools .search .s a .t {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	margin-top: -5px;
}
#contents .contents .mod_recipe_tools .search .s a:hover {
	background-image: url(../img/recipe/recipe_tools_btn_on.png);
}
#contents .contents .mod_recipe_tools .column_head {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
#contents .contents .mod_recipe_tools .column_head .c {
	position: relative;
	width: 230px;
	height: 50px;
	padding-left: 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 52%;
	background-repeat: no-repeat;
}
#contents .contents .mod_recipe_tools .column_head .c.c4,
#contents .contents .mod_recipe_tools .column_head .c.c5 {
	background: #283c64;
	background: linear-gradient(135deg, transparent 4px, #283c64 0) top left, linear-gradient(0, transparent 0, #283c64 0) top right, linear-gradient(315deg, transparent 4px, #283c64 0) bottom right, linear-gradient(0, transparent 0, #283c64 0) bottom left;
	background-size: 50% 52%;
	background-repeat: no-repeat;
}
#contents .contents .mod_recipe_tools .column_head .c:first-child {
	margin-left: 0;
}
#contents .contents .mod_recipe_tools .column_head .c:nth-child(2) {
	margin-left: 40px;
}
#contents .contents .mod_recipe_tools .column_head .c .t {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	letter-spacing: 0.1em;
}
#contents .contents .mod_recipe_tools .column_head .c .t .num {
	position: absolute;
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 40px;
	line-height: 16px;
	color: #dcff00;
	letter-spacing: -0.06em;
	margin-left: 10px;
}
#contents .contents .mod_recipe_tools .column_head .c .icon {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: url(../img/recipe/recipe_icon_q.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
}
#contents .contents .mod_recipe_tools .column_head .c .tips {
	position: absolute;
	top: -85px;
	right: 0;
	width: 230px;
	height: 80px;
	background: url(../img/recipe/recipe_tools_tips_bg.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
	pointer-events: none;
	transition: all 0.3s ease-out;
	opacity: 0;
	visibility: hidden;
}
#contents .contents .mod_recipe_tools .column_head .c .tips .text {
	font-size: 14px;
	line-height: 1.71;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70px;
}
#contents .contents .mod_recipe_tools .column_head .c .icon:hover + .tips {
	opacity: 1;
	visibility: visible;
}
/* * * * *
.mod_news_list_thumb
* * * * */
#contents .contents .mod_news_list_thumb {
}
#contents .contents .mod_news_list_thumb .main {
}
#contents .contents .mod_news_list_thumb ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#contents .contents .mod_news_list_thumb ul li {
	position: relative;
	width: 390px;
	margin-left: 25px;
	margin-top: 60px;
}
#contents .contents .mod_news_list_thumb ul li:nth-child(3n-2) {
	margin-left: 0;
}
#contents .contents .mod_news_list_thumb ul li:nth-child(-n + 3) {
	margin-top: 0;
}
#contents .contents .mod_news_list_thumb ul li a {
	display: block;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_news_list_thumb ul li a .label {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 0 25px 0 40px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #fff;
	background: #f05050;
	background: linear-gradient(45deg, transparent 17px, #f05050 0) top left, linear-gradient(0, transparent 0, #f05050 0) top right;
	background-size: 24px 100%, calc(100% - 24px) 100%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_list_thumb ul li a .img {
	position: relative;
	height: 240px;
	background: no-repeat center;
	background-size: cover;
	overflow: hidden;
}
#contents .contents .mod_news_list_thumb ul li a .img .corner {
	position: absolute;
	bottom: -20px;
	right: -20px;
	padding: 5px;
	width: 40px;
	height: 40px;
	background: #fff;
	box-sizing: border-box;
	transform: rotate(45deg);
}
#contents .contents .mod_news_list_thumb ul li a .img .corner:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	border: 5px solid #fff;
	box-sizing: border-box;
}
#contents .contents .mod_news_list_thumb ul li a .date {
	position: relative;
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-feature-settings: "palt";
	color: #96a0b4;
}
#contents .contents .mod_news_list_thumb ul li a .date .d {
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 60px;
	line-height: 28px;
	letter-spacing: -0.08em;
}
#contents .contents .mod_news_list_thumb ul li a .date .category {
	margin-left: 10px;
}
#contents .contents .mod_news_list_thumb ul li a .date .category .c {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 12px;
	text-transform: uppercase;
}
#contents .contents .mod_news_list_thumb ul li a .date .category .y {
	display: block;
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 24px;
	line-height: 14px;
	letter-spacing: -0.08em;
	margin-top: 5px;
}
#contents .contents .mod_news_list_thumb ul li a .date .update {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	animation: news_update 0.4s ease-in-out infinite alternate-reverse;
}
#contents .contents .mod_news_list_thumb ul li a .date .update .icon {
	display: block;
	position: absolute;
	top: 7px;
	left: -7px;
	width: 15px;
	height: 11px;
	background: url(../img/common/icon_news_update.png) no-repeat center;
	background-size: cover;
}
#contents .contents .mod_news_list_thumb ul li a .date .update .name {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 28px;
	line-height: 28px;
	color: #ff1a4b;
	text-align: right;
}
#contents .contents .mod_news_list_thumb ul li a .date .update .obj {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 10px;
	line-height: 10px;
	transform: scale(0.7);
	transform-origin: right center;
	color: #ff1a4b;
}
#contents .contents .mod_news_list_thumb ul li a .title {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
	margin-top: 15px;
	height: 60px;
}
#contents .contents .mod_news_list_thumb ul li a .text {
	font-size: 14px;
	line-height: 1.571;
	margin-top: 10px;
	color: #505050;
}
/* .information */
#contents .contents .mod_news_list_thumb ul li.information a .label {
	background: #00b478;
	background: linear-gradient(45deg, transparent 17px, #00b478 0) top left, linear-gradient(0, transparent 0, #00b478 0) top right;
	background-size: 24px 100%, calc(100% - 24px) 100%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_list_thumb ul li.information a .img .corner:after {
	border-color: #00b478;
}
#contents .contents .mod_news_list_thumb ul li.information a .date .category .c {
	color: #00b478;
}
/* .event */
#contents .contents .mod_news_list_thumb ul li.event a .label {
	background: #f0be28;
	background: linear-gradient(45deg, transparent 17px, #f0be28 0) top left, linear-gradient(0, transparent 0, #f0be28 0) top right;
	background-size: 24px 100%, calc(100% - 24px) 100%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_list_thumb ul li.event a .img .corner:after {
	border-color: #f0be28;
}
#contents .contents .mod_news_list_thumb ul li.event a .date .category .c {
	color: #f0be28;
}
/* .maintenance */
#contents .contents .mod_news_list_thumb ul li.maintenance a .label {
	background: #f05050;
	background: linear-gradient(45deg, transparent 17px, #f05050 0) top left, linear-gradient(0, transparent 0, #f05050 0) top right;
	background-size: 24px 100%, calc(100% - 24px) 100%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_list_thumb ul li.maintenance a .img .corner:after {
	border-color: #f05050;
}
#contents .contents .mod_news_list_thumb ul li.maintenance a .date .category .c {
	color: #f05050;
}
/* .development_news */
#contents .contents .mod_news_list_thumb ul li.development_news a .label {
	background: #FF7F50;
	background: linear-gradient(45deg, transparent 17px, #FF7F50 0) top left, linear-gradient(0, transparent 0, #FF7F50 0) top right;
	background-size: 24px 100%, calc(100% - 24px) 100%;
	background-repeat: no-repeat;
}
#contents .contents .mod_news_list_thumb ul li.development_news a .img .corner:after {
	border-color: #FF7F50;
}
#contents .contents .mod_news_list_thumb ul li.development_news a .date .category .c {
	color: #FF7F50;
}
/* hover */
#contents .contents .mod_news_list_thumb ul li a:hover {
	opacity: 0.8;
}
/* * * * *
.mod_news_list
* * * * */
#contents .contents .mod_news_list {
}
#contents .contents .mod_news_list .main {
}
#contents .contents .mod_news_list ul {
}
#contents .contents .mod_news_list ul li {
	border-bottom: 1px solid #c8c8cd;
}
#contents .contents .mod_news_list ul li:first-child {
	border-top: 1px solid #c8c8cd;
}
#contents .contents .mod_news_list ul li a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	padding: 17px 0;
	padding-left: 10px;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_news_list ul li a .y {
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 24px;
	line-height: 1;
	letter-spacing: -0.08em;
	width: 43px;
	color: #7887a0;
}
#contents .contents .mod_news_list ul li a .d {
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 24px;
	line-height: 1;
	letter-spacing: -0.08em;
	margin-left: 30px;
	width: 47px;
	color: #7887a0;
}
#contents .contents .mod_news_list ul li a .c {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	margin-left: 30px;
	width: 100px;
}
#contents .contents .mod_news_list ul li a .t {
	font-weight: 600;
	margin-left: 60px;
	padding-right: 50px;
}
#contents .contents .mod_news_list ul li a .arrow {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #7887a0;
	border-top: none;
	border-left: none;
	transform: rotate(-45deg) translateY(-50%);
}
/* .information */
#contents .contents .mod_news_list ul .information a .c {
	color: #00b478;
}
/* .event */
#contents .contents .mod_news_list ul .event a .c {
	color: #f0be28;
}
/* .maintenance */
#contents .contents .mod_news_list ul .maintenance a .c {
	color: #f05050;
}
/* .development_news */
#contents .contents .mod_news_list ul .development_news a .c {
	color: #FF7F50;
}
/* hover */
#contents .contents .mod_news_list ul li a:hover {
	background: #ebebeb;
}
/* * * * *
.mod_pager
* * * * */
#contents .contents .mod_pager {
	margin-top: 80px;
}
#contents .contents .mod_pager .main {
}
#contents .contents .mod_pager ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents .contents .mod_pager ul li {
	margin: 0 5px;
}
#contents .contents .mod_pager ul li a {
	display: block;
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 22px;
	line-height: 38px;
	letter-spacing: -0.08em;
	padding: 0 10px;
	border: 1px solid #3c3c46;
	background: #fff;
	box-sizing: border-box;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_pager ul li a .num {
}
#contents .contents .mod_pager ul li.__current {
	pointer-events: none;
}
#contents .contents .mod_pager ul li.__current a {
	background: #3c3c46;
	color: #fff;
}
/* .prev */
#contents .contents .mod_pager ul li.prev {
	margin-right: 35px;
}
#contents .contents .mod_pager ul li.prev a {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 38px;
	padding: 0 30px;
	letter-spacing: 0.04em;
	background: #fff;
}
#contents .contents .mod_pager ul li.prev a:hover {
	background: #3c3c46;
	color: #fff;
}
/* .next */
#contents .contents .mod_pager ul li.next {
	margin-left: 35px;
}
#contents .contents .mod_pager ul li.next a {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 38px;
	padding: 0 30px;
	letter-spacing: 0.04em;
	background: #fff;
}
#contents .contents .mod_pager ul li.next a:hover {
	background: #3c3c46;
	color: #fff;
}
/* hover */
#contents .contents .mod_pager a:hover {
	background: #3c3c46;
	color: #fff;
}
/* * * * *
.mod_article
* * * * */
#contents .contents .mod_article {
	background: #f5f5f5;
}
#contents .contents .mod_article .main {
	position: relative;
	width: 880px;
	margin: 0 auto;
}
#contents .contents .mod_article .title {
	font-size: 24px;
	line-height: 1.25;
	font-weight: 600;
	border-bottom: 1px solid #3c3c46;
	padding-bottom: 20px;
}
#contents .contents .mod_article .data {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	margin-top: 25px;
}
#contents .contents .mod_article .data .date {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	color: #7887a0;
	font-family: "Iceland", cursive;
	font-weight: 400;
	letter-spacing: -0.08em;
}
#contents .contents .mod_article .data .date .d1 {
	display: block;
	font-size: 24px;
	line-height: 14px;
}
#contents .contents .mod_article .data .date .d2 {
	display: block;
	font-size: 24px;
	line-height: 14px;
	margin-left: 30px;
}
#contents .contents .mod_article .data .category {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 12px;
	text-transform: uppercase;
	margin-left: 30px;
}
#contents .contents .mod_article .data .category.information {
	color: #00b478;
}
#contents .contents .mod_article .data .category.event {
	color: #f0be28;
}
#contents .contents .mod_article .data .category.maintenance {
	color: #f05050;
}
#contents .contents .mod_article .data .category.development_news {
	color: #FF7F50;
}
#contents .contents .mod_article .space {
	margin-top: 45px;
}
#contents .contents .mod_article .btn {
	margin-top: 70px;
}
/* * * * *
.mod_title
* * * * */
#contents .contents .mod_title {
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #000;
	font-size: 30px;
	line-height: 1;
	text-align: center;
}
#contents .contents .mod_title.__small {
	font-size: 28px;
	line-height: 1.35;
}
/* * * * *
.mod_title_2
* * * * */
#contents .contents .mod_title_2 {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	padding: 10px 30px;
}
#contents .contents .mod_title_2 .t {
	position: relative;
}
/* * * * *
.mod_title_3
* * * * */
#contents .contents .mod_title_3 {
	font-size: 16px;
	font-weight: 600;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 45px;
	padding: 6px 30px;
}
#contents .contents .mod_title_3:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_title_3 .t {
	position: relative;
}
/* * * * *
.mod_title_4
* * * * */
#contents .contents .mod_title_4 {
	position: relative;
	font-size: 16px;
	font-weight: 600;
}
#contents .contents .mod_title_4 .t {
}
/* * * * *
.mod_image
* * * * */
#contents .contents .mod_image {
	text-align: center;
}
#contents .contents .mod_image .i {
	margin: 0 auto;
}
/* * * * *
.mod_label
* * * * */
#contents .contents .mod_label {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 2px solid #3c3c41;
	box-sizing: border-box;
	min-height: 50px;
	padding-left: 55px;
	padding-bottom: 30px;
}
#contents .contents .mod_label:before {
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	width: 40px;
	height: 26px;
	background: url(../img/common/icon_title_label.png) no-repeat left center;
}
#contents .contents .mod_label .name {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	color: #3c3c46;
	font-size: 40px;
	line-height: 1;
}
#contents .contents .mod_label .label {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #3c3c46;
	font-size: 16px;
	line-height: 1;
	margin-left: 20px;
}
/* * * * *
.mod_lead
* * * * */
#contents .contents .mod_lead {
}
#contents .contents .mod_lead .lead {
	font-size: 16px;
	text-align: center;
}
#contents .contents .mod_lead .lead.__left {
	text-align: left;
}
#contents .contents .mod_lead .lead a {
	text-decoration: underline;
}
#contents .contents .mod_lead .lead a:hover {
	text-decoration: none;
}
#contents .contents .mod_lead .lead .required_color {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #646469;
	background: #dcff00;
	box-sizing: border-box;
	vertical-align: text-top;
	margin-right: 5px;
	border-radius: 2px;
}
#contents .contents .mod_lead .note {
	margin-top: 20px;
	background: #fff;
	padding: 10px 30px;
}
/* * * * *
.mod_text
* * * * */
#contents .contents .mod_text {
	font-size: 14px;
	line-height: 2;
}
#contents .contents .mod_text .main {
	/* width: 880px; */
	margin: 0 auto;
}
#contents .contents .mod_text .text {
	margin-top: 20px;
}
#contents .contents .mod_text .text.__bold {
	font-weight: 600;
}
#contents .contents .mod_text .text.__center {
	text-align: center;
}
#contents .contents .mod_text .text:first-child {
	margin-top: 0;
}
#contents .contents .mod_text .text .bold {
	font-weight: 600;
}
#contents .contents .mod_text .text .color {
	color: #ff7800;
}
#contents .contents .mod_text .text a {
	text-decoration: underline;
}
#contents .contents .mod_text .text a:hover {
	text-decoration: none;
}
#contents .contents .mod_text .text .itemize {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#contents .contents .mod_text .text .itemize.__bold {
	font-weight: 600;
}
#contents .contents .mod_text .text .itemize .head {
	font-weight: 600;
}
#contents .contents .mod_text .head {
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
}
#contents .contents .mod_text .head:first-child {
	margin-top: 0;
}
/* .column_1 */
#contents .contents .mod_text.column_1 .main {
	display: flex;
	justify-content: center;
}
/* .column_2 */
#contents .contents .mod_text.column_2 .main {
	display: flex;
	justify-content: space-between;
}
#contents .contents .mod_text.column_2 .text {
	width: calc(50% - 10px);
	margin-top: 0;
}
/* .notice */
#contents .contents .mod_text.notice .main {
	width: 740px;
	margin: 0 auto;
}
/* .note */
#contents .contents .mod_text.__note .main {
	background: #f5f5f5;
	padding: 20px 30px;
	box-sizing: border-box;
}

/* * * * *
.mod_note
* * * * */
#contents .contents .mod_note {
	position: relative;
	box-sizing: border-box;
	padding: 40px;
	width: 880px;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
}
#contents .contents .mod_note:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_note .main {
	position: relative;
}
#contents .contents .mod_note .text {
}
#contents .contents .mod_note .text b {
	font-weight: 600;
}
#contents .contents .mod_note .text a {
	text-decoration: underline;
}
#contents .contents .mod_note .text a:hover {
	text-decoration: none;
}
/* * * * *
.mod_btn
* * * * */
#contents .contents .mod_btn {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
#contents .contents .mod_btn .btn {
	margin-left: 20px;
	margin-right: 0;
}
#contents .contents .mod_btn .btn:first-child {
	margin-left: 0;
}
/* * * * *
.mod_folding
* * * * */
#contents .contents .mod_folding {
}
#contents .contents .mod_folding .main {
	width: 880px;
	margin: 0 auto;
}
#contents .contents .mod_folding .category {
}
#contents .contents .mod_folding .category > li {
	margin-top: 20px;
}
#contents .contents .mod_folding .category > li:first-child {
	margin-top: 0;
}
#contents .contents .mod_folding .category > li .head {
	position: relative;
	background: #646469;
	background: linear-gradient(135deg, transparent 4px, #646469 0) top left, linear-gradient(0, transparent 0, #646469 0) top right, linear-gradient(315deg, transparent 4px, #646469 0) bottom right, linear-gradient(0, transparent 0, #646469 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 40px;
	box-sizing: border-box;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	cursor: pointer;
	margin-bottom: 10px;
}
#contents .contents .mod_folding .category > li .head .arrow {
	position: absolute;
	top: 50%;
	right: 25px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	margin-top: -7px;
	transform: rotate(135deg);
	transition: all 0.3s ease-out;
}
#contents .contents .mod_folding .category > li .body {
	display: none;
	position: relative;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-top: 10px;
}
#contents .contents .mod_folding .category > li .body:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_folding .category > li .body .list {
	position: relative;
	padding: 0 40px;
}
#contents .contents .mod_folding .category > li .body .list li {
	padding: 30px 0;
	border-bottom: 1px dashed #c8c8cd;
}
#contents .contents .mod_folding .category > li .body .list li .name {
	font-weight: 600;
}
#contents .contents .mod_folding .category > li .body .list li .text {
	margin-top: 10px;
}
#contents .contents .mod_folding .category > li .body .list li .text a {
	text-decoration: underline;
}
#contents .contents .mod_folding .category > li .body .list li .text a:hover {
	text-decoration: none;
}
#contents .contents .mod_folding .category > li .body .close {
	position: relative;
	text-align: center;
	padding: 40px 0;
}
#contents .contents .mod_folding .category > li .body .close a {
	font-weight: 600;
	text-decoration: underline;
}
#contents .contents .mod_folding .category > li .body .close a:hover {
	text-decoration: none;
}
/* .open */
#contents .contents .mod_folding .category > li.open .head .arrow {
	transform: rotate(-45deg);
	margin-top: -3px;
}
/* * * * *
.mod_form
* * * * */
#contents .contents .mod_form {
}
#contents .contents .mod_form .main {
}
#contents .contents .mod_form .text {
	text-align: center;
}
#contents .contents .mod_form .error {
	color: #f05050;
	margin-bottom: 20px;
}
#contents .contents .mod_form .form {
}
#contents .contents .mod_form .form li {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
#contents .contents .mod_form .form li:first-child {
	margin-top: 0;
}
#contents .contents .mod_form .form li.required {
}
#contents .contents .mod_form .form li .head {
	position: relative;
	width: 220px;
	min-height: 50px;
	color: #fff;
	font-weight: 600;
	padding-left: 35px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	background: #646469;
	background: linear-gradient(135deg, transparent 4px, #646469 0) top left, linear-gradient(0, transparent 0, #646469 0) top right, linear-gradient(315deg, transparent 4px, #646469 0) bottom right, linear-gradient(0, transparent 0, #646469 0) bottom left;
	background-size: 50% 52%;
	background-repeat: no-repeat;
}
#contents .contents .mod_form .form li .head:after {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	top: 3px;
	left: 3px;
	background: url(../img/form/form_required_color.png) no-repeat center;
}
#contents .contents .mod_form .form li .head p {
	margin-top: 12px;
}
#contents .contents .mod_form .form li .head p .small {
	display: block;
	font-size: 12px;
}
#contents .contents .mod_form .form li .body {
	position: relative;
	width: 650px;
	min-height: 50px;
	font-size: 16px;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_form .form li .body:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_form .form li .body p {
	position: relative;
	line-height: 50px;
	padding-left: 35px;
}
#contents .contents .mod_form .form li .body.__conf p {
	padding-right: 35px;
}
#contents .contents .mod_form .form li .body input {
	position: relative;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	line-height: 50px;
	width: 100%;
	padding: 0 35px;
	box-sizing: border-box;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#contents .contents .mod_form .form li .body input::placeholder {
	font-size: 16px;
	line-height: 50px;
}
#contents .contents .mod_form .form li .body select {
	position: relative;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	height: 50px;
	padding-left: 35px;
	font-size: 16px;
	line-height: 50px;
	width: calc(100% - 5px);
	box-sizing: border-box;
	/* -webkit-appearance: none; */
	/* appearance: none; */
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#contents .contents .mod_form .form li .body textarea {
	position: relative;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	font-size: 16px;
	line-height: 1.375;
	padding: 22px 40px;
	width: calc(100% - 5px);
	min-height: 220px;
	box-sizing: border-box;
	resize: vertical;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#contents .contents .mod_form .form li .body.__textarea p {
	padding: 22px 35px;
	line-height: 1.375;
}
#contents .contents .mod_form .btn {
	margin-top: 50px;
	font-size: 16px;
}
#contents .contents .mod_form .btn.short a .t {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	top: 14px;
}
/* * * * *
.mod_folding
* * * * */
#contents .contents .mod_table {
}
#contents .contents .mod_table .main {
}
#contents .contents .mod_table .name {
	font-weight: 600;
	padding-bottom: 9px;
	border-bottom: 1px solid #3c3c46;
}
#contents .contents .mod_table .table {
}
#contents .contents .mod_table .table .item {
	display: flex;
	padding: 9px 20px;
	border-bottom: 1px dashed #a0a0a5;
}
#contents .contents .mod_table .table .item .head {
	width: 200px;
	font-style: 0;
	font-weight: 600;
}
#contents .contents .mod_table .table .item .body {
}
/* * * * *
.mod_recipe_list
* * * * */
#contents .contents .mod_recipe_list {
}
#contents .contents .mod_recipe_list .main {
}
#contents .contents .mod_recipe_list .unit {
}
#contents .contents .mod_recipe_list .unit li {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-bottom: 35px;
	margin-top: 25px;
}
#contents .contents .mod_recipe_list .unit li:first-child {
	margin-top: 0;
}
#contents .contents .mod_recipe_list .unit li .bg {
	position: absolute;
	top: 47px;
	left: -20px;
	width: 1260px;
	height: 26px;
	background: url(../img/recipe/recipe_unite_bg_line.png) no-repeat top left;
}
#contents .contents .mod_recipe_list .unit li .line {
	position: absolute;
	bottom: 0;
	width: 100%;
}
#contents .contents .mod_recipe_list .unit li .line:before,
#contents .contents .mod_recipe_list .unit li .line:after {
	content: "";
	width: 560px;
	height: 1px;
	background: #c8c8cd;
	position: absolute;
	top: 5px;
}
#contents .contents .mod_recipe_list .unit li .line:before {
	left: 0;
}
#contents .contents .mod_recipe_list .unit li .line:after {
	right: 0;
}
#contents .contents .mod_recipe_list .unit li .line .text {
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	color: #c8c8cd;
	font-size: 10px;
	line-height: 1;
	display: block;
	text-align: center;
}
#contents .contents .mod_recipe_list .unit li .c {
	position: relative;
	width: 230px;
	height: 115px;
	background: no-repeat top left;
}
#contents .contents .mod_recipe_list .unit li .c.c1 {
	background-image: url(../img/recipe/recipe_unite_bg_01.png);
}
#contents .contents .mod_recipe_list .unit li .c.c2 {
	background-image: url(../img/recipe/recipe_unite_bg_02.png);
	margin-left: 40px;
}
#contents .contents .mod_recipe_list .unit li .c.c3 {
	background-image: url(../img/recipe/recipe_unite_bg_02.png);
	margin-left: 10px;
}
#contents .contents .mod_recipe_list .unit li .c.c4 {
	background-image: url(../img/recipe/recipe_unite_bg_03.png);
	margin-left: 10px;
}
#contents .contents .mod_recipe_list .unit li .c.c5 {
	background-image: url(../img/recipe/recipe_unite_bg_03.png);
	margin-left: 10px;
}
#contents .contents .mod_recipe_list .unit li .c .card {
	position: absolute;
	top: 10px;
	left: 10px;
}
#contents .contents .mod_recipe_list .unit li .c .card img {
}
#contents .contents .mod_recipe_list .unit li .c .star {
	position: absolute;
	top: 7px;
	left: 55px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#contents .contents .mod_recipe_list .unit li .c .star span {
	width: 20px;
	height: 20px;
	background: url(../img/recipe/recipe_icon_star.png) no-repeat center;
}
#contents .contents .mod_recipe_list .unit li .c .type {
	position: absolute;
	top: 11px;
	right: 10px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	color: #fff;
	font-size: 10px;
	line-height: 1;
}
#contents .contents .mod_recipe_list .unit li .c .name {
	position: absolute;
	top: 35px;
	left: 55px;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
	color: #505050;
	padding-right: 11px;
}
#contents .contents .mod_recipe_list .unit li .c .text {
	position: absolute;
	bottom: 9px;
	left: 0;
	width: 100%;
	font-size: 11px;
	font-weight: 600;
	line-height: 26px;
	color: #f05050;
	text-align: center;
}
/* * * * *
.mod_ranking_tab
* * * * */
#contents .contents .mod_ranking_tab {
}
#contents .contents .mod_ranking_tab .main {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#contents .contents .mod_ranking_tab .btn {
	width: 594px;
	height: 114px;
}
#contents .contents .mod_ranking_tab .btn a {
	display: block;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_ranking_tab .btn.league {
	margin-left: -7px;
}
#contents .contents .mod_ranking_tab .btn.league a {
	background-image: url(../img/ranking/ranking_tab_league.png);
}
#contents .contents .mod_ranking_tab .btn.league.current a,
#contents .contents .mod_ranking_tab .btn.league a:hover {
	background-image: url(../img/ranking/ranking_tab_league_on.png);
}
#contents .contents .mod_ranking_tab .btn.duel a {
	margin-right: -7px;
}
#contents .contents .mod_ranking_tab .btn.duel a {
	background-image: url(../img/ranking/ranking_tab_duel.png);
}
#contents .contents .mod_ranking_tab .btn.duel.current a,
#contents .contents .mod_ranking_tab .btn.duel a:hover {
	background-image: url(../img/ranking/ranking_tab_duel_on.png);
}
/* * * * *
.mod_ranking_mine
* * * * */
#contents .contents .mod_ranking_mine {
}
#contents .contents .mod_ranking_mine .main {
	padding-bottom: 50px;
	border-bottom: 1px solid #dcdce1;
}
#contents .contents .mod_ranking_mine .title {
	position: relative;
}
#contents .contents .mod_ranking_mine .title .t {
	position: relative;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #3c3c46;
	font-size: 16px;
	line-height: 1;
	text-align: center;
}
#contents .contents .mod_ranking_mine .title:before,
#contents .contents .mod_ranking_mine .title:after {
	content: "";
	display: block;
	width: 500px;
	height: 1px;
	background: #3c3c46;
	position: absolute;
	top: 50%;
}
#contents .contents .mod_ranking_mine .title:before {
	left: 0;
}
#contents .contents .mod_ranking_mine .title:after {
	right: 0;
}
#contents .contents .mod_ranking_mine .column {
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#contents .contents .mod_ranking_mine .column .c {
	position: relative;
	height: 40px;
	box-sizing: border-box;
	font-size: 16px;
	display: flex;
	align-items: center;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_ranking_mine .column .c:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_mine .column .c .t {
	position: relative;
	display: block;
	font-weight: 700;
	color: #3c3c46;
	font-size: 16px;
	line-height: 1;
	padding-left: 35px;
	width: 100%;
	box-sizing: border-box;
}
#contents .contents .mod_ranking_mine .column .c .t.num {
	padding-left: 0;
	text-align: center;
}
#contents .contents .mod_ranking_mine .column.name {
	margin-top: 35px;
}
#contents .contents .mod_ranking_mine .column.name .c {
	background: #646469;
	background: linear-gradient(135deg, transparent 4px, #646469 0) top left, linear-gradient(0, transparent 0, #646469 0) top right, linear-gradient(315deg, transparent 4px, #646469 0) bottom right, linear-gradient(0, transparent 0, #646469 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_ranking_mine .column.name .c:before {
	display: none;
}
#contents .contents .mod_ranking_mine .column.name .c .t {
	position: relative;
	display: block;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 16px;
	line-height: 1;
}
/* .league */
#contents .contents .mod_ranking_mine.league .column .c.c1 {
	width: 170px;
}
#contents .contents .mod_ranking_mine.league .column .c.c2 {
	width: 150px;
}
#contents .contents .mod_ranking_mine.league .column .c.c3 {
	width: 150px;
}
#contents .contents .mod_ranking_mine.league .column .c.c4 {
	width: 580px;
}
#contents .contents .mod_ranking_mine.league .column .c.c5 {
	width: 130px;
}
/* .duel */
#contents .contents .mod_ranking_mine.duel .column .c.c1 {
	width: 190px;
}
#contents .contents .mod_ranking_mine.duel .column .c.c2 {
	width: 680px;
}
#contents .contents .mod_ranking_mine.duel .column .c.c3 {
	width: 330px;
	text-align: center;
}
#contents .contents .mod_ranking_mine.duel .column .c.c3 .t {
	padding: 0;
}
/* * * * *
.mod_ranking_class_tab
* * * * */
#contents .contents .mod_ranking_class_tab {
	margin-top: 0 !important;
}
#contents .contents .mod_ranking_class_tab .main {
	border-bottom: 1px solid #c8c8cd;
}
#contents .contents .mod_ranking_class_tab ul {
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#contents .contents .mod_ranking_class_tab ul li {
	width: 290px;
	height: 50px;
}
#contents .contents .mod_ranking_class_tab ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 50px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	display: flex;
	align-items: center;
	transition: all 0.3s ease-out;
	color: #00a0dc;
	background: #00a0dc;
	background: linear-gradient(135deg, transparent 8px, #00a0dc 0) top left, linear-gradient(0, transparent 0, #00a0dc 0) top right, linear-gradient(315deg, transparent 8px, #00a0dc 0) bottom right, linear-gradient(0, transparent 0, #00a0dc 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_class_tab ul li a .bg {
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	background: #fff;
	background: linear-gradient(135deg, transparent 8px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 8px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_ranking_class_tab ul li a .t {
	position: relative;
	padding: 0 40px;
}
#contents .contents .mod_ranking_class_tab ul li a .t .t1 {
	font-size: 32px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	vertical-align: middle;
}
#contents .contents .mod_ranking_class_tab ul li a .t .t2 {
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	vertical-align: middle;
}
#contents .contents .mod_ranking_class_tab ul li a .arrow {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #00a0dc;
	border-bottom: none;
	border-left: none;
	margin-top: -7px;
	transform: rotate(135deg);
	transition: all 0.3s ease-out;
}
/* .current */
#contents .contents .mod_ranking_class_tab ul li.current a {
	color: #fff;
}
#contents .contents .mod_ranking_class_tab ul li.current a .bg {
	background: rgba(255, 255, 255, 0);
}
#contents .contents .mod_ranking_class_tab ul li.current a .arrow {
	border-color: #fff;
}
/* hover */
#contents .contents .mod_ranking_class_tab ul li a:hover {
	opacity: 0.8;
	color: #fff;
}
#contents .contents .mod_ranking_class_tab ul li a:hover .bg {
	opacity: 0;
}
#contents .contents .mod_ranking_class_tab ul li a:hover .arrow {
	border-color: #fff;
}
/* * * * *
.mod_ranking_list
* * * * */
#contents .contents .mod_ranking_list {
}
#contents .contents .mod_ranking_list .main {
}
#contents .contents .mod_ranking_list .title {
	position: relative;
	height: 50px;
	box-sizing: border-box;
	color: #dcff00;
	font-weight: 600;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_list .title .select {
	display: block;
	color: #3c3c46;
	position: relative;
	margin-left: 10px;
	width: 150px;
	height: 34px;
	background: #dcff00;
	background: linear-gradient(135deg, transparent 4px, #dcff00 0) top left, linear-gradient(0, transparent 0, #dcff00 0) top right, linear-gradient(315deg, transparent 4px, #dcff00 0) bottom right, linear-gradient(0, transparent 0, #dcff00 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_ranking_list .title .select:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #3c3c46;
	border-bottom: none;
	border-left: none;
	margin-top: -7px;
	transform: rotate(135deg);
	pointer-events: none;
}
#contents .contents .mod_ranking_list .title .select select {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #3c3c46;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	box-sizing: border-box;
	padding: 0 40px 0 20px;
	-webkit-appearance: none;
	appearance: none;
}
#contents .contents .mod_ranking_list .title .select select:focus {
	outline: none;
}
#contents .contents .mod_ranking_list .title .text {
	padding-left: 35px;
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	vertical-align: middle;
	letter-spacing: 0.08em;
}
#contents .contents .mod_ranking_list .title .period {
	position: absolute;
	right: 35px;
	font-size: 18px;
	text-align: right;
	font-family: "Iceland", cursive;
	font-weight: 400;
	vertical-align: middle;
	letter-spacing: -0.02em;
}
#contents .contents .mod_ranking_list .title .p span {
	font-size: 40px;
}
#contents .contents .mod_ranking_list .title .p.p1 {
}
#contents .contents .mod_ranking_list .title .p.p2 {
	margin: 0 20px;
}
#contents .contents .mod_ranking_list .title .p.p3 {
}
#contents .contents .mod_ranking_list .column {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#contents .contents .mod_ranking_list .column .c {
	position: relative;
	height: 50px;
	box-sizing: border-box;
	font-size: 16px;
	color: #3c3c46;
	display: flex;
	align-items: center;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_ranking_list .column .c:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}

#contents .contents .mod_ranking_list .column.rank_1 .c.c1,
#contents .contents .mod_ranking_list .column.rank_2 .c.c1,
#contents .contents .mod_ranking_list .column.rank_3 .c.c1 {
	color: #fff;
	font-size: 40px;
	overflow: hidden;
}
#contents .contents .mod_ranking_list .column.rank_1 .c.c1 .t .t1,
#contents .contents .mod_ranking_list .column.rank_2 .c.c1 .t .t1,
#contents .contents .mod_ranking_list .column.rank_3 .c.c1 .t .t1 {
	font-size: 40px;
}
#contents .contents .mod_ranking_list .column.rank_1 .c.c1:after,
#contents .contents .mod_ranking_list .column.rank_2 .c.c1:after,
#contents .contents .mod_ranking_list .column.rank_3 .c.c1:after {
	content: "";
	display: block;
	position: absolute;
	/*
	top: -55px;
	left: 10px;
	width: 170px;
	height: 160px;
	*/
	top: -57px;
	left: 11px;
	width: 170px;
	height: 162px;
	transform: rotate(-45deg);
	transform-origin: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3));
}

#contents .contents .mod_ranking_list .column .c.c1:before {
	display: block;
	background: #dcdcde;
	background: linear-gradient(135deg, transparent 4px, #dcdcde 0) top left, linear-gradient(0, transparent 0, #dcdcde 0) top right, linear-gradient(315deg, transparent 4px, #dcdcde 0) bottom right, linear-gradient(0, transparent 0, #dcdcde 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_list .column.rank_1 .c.c1:before {
	display: block;
	background: #c8a023;
	background: linear-gradient(135deg, transparent 4px, #c8a023 0) top left, linear-gradient(0, transparent 0, #c8a023 0) top right, linear-gradient(315deg, transparent 4px, #c8a023 0) bottom right, linear-gradient(0, transparent 0, #c8a023 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_list .column.rank_2 .c.c1:before {
	display: block;
	background: #697891;
	background: linear-gradient(135deg, transparent 4px, #697891 0) top left, linear-gradient(0, transparent 0, #697891 0) top right, linear-gradient(315deg, transparent 4px, #697891 0) bottom right, linear-gradient(0, transparent 0, #697891 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_list .column.rank_3 .c.c1:before {
	display: block;
	background: #965f23;
	background: linear-gradient(135deg, transparent 4px, #965f23 0) top left, linear-gradient(0, transparent 0, #965f23 0) top right, linear-gradient(315deg, transparent 4px, #965f23 0) bottom right, linear-gradient(0, transparent 0, #965f23 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_list .column .c .t {
	position: relative;
}
#contents .contents .mod_ranking_list .column .c {
}
#contents .contents .mod_ranking_list .column .c .t {
	padding-left: 35px;
	font-weight: 600;
}
#contents .contents .mod_ranking_list .column .c.c1 {
	width: 190px;
}
#contents .contents .mod_ranking_list .column .c.c1 .t {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .mod_ranking_list .column .c.c1 .t .t1 {
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 30px;
	line-height: 22px;
	letter-spacing: -0.08em;
}
#contents .contents .mod_ranking_list .column .c.c1 .t .t2 {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 11px;
	line-height: 1;
	letter-spacing: -0.01em;
	margin-left: 15px;
	margin-top: 4px;
}
#contents .contents .mod_ranking_list .column.name {
	margin-top: 20px;
}
#contents .contents .mod_ranking_list .column.name .c {
	position: relative;
	height: 40px;
	box-sizing: border-box;
	color: #fff;
	font-weight: 600;
	display: flex;
	align-items: center;
	background: #646469;
	background: linear-gradient(135deg, transparent 4px, #646469 0) top left, linear-gradient(0, transparent 0, #646469 0) top right, linear-gradient(315deg, transparent 4px, #646469 0) bottom right, linear-gradient(0, transparent 0, #646469 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}
#contents .contents .mod_ranking_list .column.name .c:before {
	display: none;
}
#contents .contents .mod_ranking_list .column.name .c .t {
}
#contents .contents .mod_ranking_list .list li {
	margin-top: 10px;
}
/* .league */
#contents .contents .mod_ranking_list.league .column .c.c2 {
	width: 610px;
}
#contents .contents .mod_ranking_list.league .column .c.c3 {
	width: 260px;
}
#contents .contents .mod_ranking_list.league .column .c.c4 {
	width: 130px;
}
#contents .contents .mod_ranking_list.league .column .c.c4 .t {
	text-align: center;
	padding: 0;
	width: 100%;
}
/* .duel */
#contents .contents .mod_ranking_list.duel .column .c.c2 {
	width: 680px;
}
#contents .contents .mod_ranking_list.duel .column .c.c3 {
	width: 330px;
	text-align: center;
}
#contents .contents .mod_ranking_list.duel .column .c.c3 .t {
	padding: 0;
	width: 100%;
}
/* * * * *
.mod_library_pickup
* * * * */
#contents .contents .mod_library_pickup {
	position: relative;
	padding: 70px;
}
#contents .contents .mod_library_pickup .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/library/pickup_bg.jpg) no-repeat center;
	background-size: cover;
}
#contents .contents .mod_library_pickup .bg .line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/bg_line_border.png) repeat left top;
}
#contents .contents .mod_library_pickup .main {
	position: relative;
}
#contents .contents .mod_library_pickup .main .pickup {
	position: relative;
	width: 1220px;
	/* height: 440px; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px;
	box-sizing: border-box;
}
#contents .contents .mod_library_pickup .main .pickup .frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#contents .contents .mod_library_pickup .main .pickup .frame .f {
	position: absolute;
	left: 0;
	width: 100%;
	background: no-repeat center;
}
#contents .contents .mod_library_pickup .main .pickup .frame .f.__01 {
	top: 0;
	height: 40px;
	background-image: url(../img/library/pickup_area_bg_top.png);
}
#contents .contents .mod_library_pickup .main .pickup .frame .f.__02 {
	top: 40px;
	height: calc(100% - 80px);
	background-image: url(../img/library/pickup_area_bg_middle.png);
	background-repeat: repeat-y;
}
#contents .contents .mod_library_pickup .main .pickup .frame .f.__03 {
	top: calc(100% - 40px);
	height: 40px;
	background-image: url(../img/library/pickup_area_bg_bottom.png);
}
#contents .contents .mod_library_pickup .main .pickup .date {
	position: absolute;
	top: -15px;
	right: 0;
	font-family: "Iceland", cursive;
	font-weight: 400;
	letter-spacing: 0em;
	color: #dcff00;
	display: flex;
	justify-content: center;
	align-items: baseline;
}
#contents .contents .mod_library_pickup .main .pickup .date .d1 {
	font-size: 60px;
	line-height: 1;
}
#contents .contents .mod_library_pickup .main .pickup .date .d2 {
	font-size: 24px;
	line-height: 1;
	margin-left: 5px;
}
#contents .contents .mod_library_pickup .main .pickup .movie {
	position: relative;
	width: 640px;
	height: 505px;
	flex-shrink: 0;
}
#contents .contents .mod_library_pickup .main .pickup .movie .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#contents .contents .mod_library_pickup .main .pickup .detail {
	position: relative;
	width: 440px;
	flex-shrink: 0;
	color: #fff;
}
#contents .contents .mod_library_pickup .main .pickup .detail .name {
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #dcff00;
}
#contents .contents .mod_library_pickup .main .pickup .detail .title {
	margin-top: 35px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 600;
}
#contents .contents .mod_library_pickup .main .pickup .detail .text {
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
}
/* * * * *
.mod_library_sort
* * * * */
#contents .contents .contents_head {
}
#contents .contents .contents_head .mod_library_sort {
}
#contents .contents .contents_head .mod_library_sort .main {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 70px 0;
}
#contents .contents .contents_head .mod_library_sort .main .sort {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .contents_head .mod_library_sort .main .sort .name {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}
#contents .contents .contents_head .mod_library_sort .main .sort .name .n1 {
	display: block;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
}
#contents .contents .contents_head .mod_library_sort .main .sort .name .n2 {
	display: block;
	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	line-height: 1;
	margin-left: 10px;
}
#contents .contents .contents_head .mod_library_sort .main .sort .input {
	margin-left: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}
#contents .contents .contents_head .mod_library_sort .main .sort .input .radio {
	margin-left: 25px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .contents_head .mod_library_sort .main .sort .input .radio .icon {
	width: 20px;
	height: 20px;
	margin: 0;
	margin-right: 5px;
}
#contents .contents .contents_head .mod_library_sort .main .sort .input .radio .text {
}
#contents .contents .contents_head .mod_library_sort .main .sort .input .radio:first-child {
	margin-left: 0;
}
#contents .contents .contents_head .mod_library_sort .main .search {
	margin-left: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .contents_head .mod_library_sort .main .search .s {
	margin-left: 40px;
}
#contents .contents .contents_head .mod_library_sort .main .search .s:first-child {
	margin-left: 0;
}
#contents .contents .contents_head .mod_library_sort .main .search .s .select {
	display: block;
	color: #3c3c46;
	position: relative;
	width: 260px;
	height: 50px;
	background: #3c3c46;
	background: linear-gradient(135deg, transparent 4px, #3c3c46 0) top left, linear-gradient(0, transparent 0, #3c3c46 0) top right, linear-gradient(315deg, transparent 4px, #3c3c46 0) bottom right, linear-gradient(0, transparent 0, #3c3c46 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .contents_head .mod_library_sort .main .search .s .select:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border: 2px solid #3c3c46;
	border-bottom: none;
	border-left: none;
	margin-top: -7px;
	transform: rotate(135deg);
	pointer-events: none;
}
#contents .contents .contents_head .mod_library_sort .main .search .s .select:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .contents_head .mod_library_sort .main .search .s .select select {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #3c3c46;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	box-sizing: border-box;
	padding: 0 40px;
	-webkit-appearance: none;
	appearance: none;
}
#contents .contents .contents_head .mod_library_sort .main .search .s .select select:focus {
	outline: none;
}
/* * * * *
.mod_library
* * * * */
#contents .contents .mod_library {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
#contents .contents .mod_library .item {
	width: 390px;
	margin-top: 50px;
	margin-left: 25px;
}
#contents .contents .mod_library .item:nth-child(-n + 3) {
	margin-top: 0;
}
#contents .contents .mod_library .item:nth-child(3n-2) {
	margin-left: 0;
}
#contents .contents .mod_library .item .img {
	position: relative;
	width: 100%;
	padding-bottom: 75%;
}
#contents .contents .mod_library .item .img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#contents .contents .mod_library .item .title {
	margin-top: 10px;
	text-align: center;
	padding: 5px;
	background: #3c3c46;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: #fff;
	letter-spacing: 0em;
}
#contents .contents .mod_library .item .info {
	margin-top: 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .mod_library .item .info .date {
	font-family: "Iceland", cursive;
	font-weight: 400;
	font-size: 24px;
	line-height: 1;
	color: #7887a0;
	letter-spacing: 0em;
}
#contents .contents .mod_library .item .info .category {
	margin-left: 20px;
	/* font-family: "Noto Sans JP", sans-serif; */
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0em;
}
#contents .contents .mod_library .item .name {
	margin-top: 15px;
	font-size: 20px;
	font-weight: 600;
}
#contents .contents .mod_library .item a {
	display: block;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_library .item a:hover {
	opacity: 0.8;
}
/* * * * *
.mod_column_2
* * * * */
#contents .contents .mod_column_2 {
}
#contents .contents .mod_column_2 .main {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
/* * * * * .column_side * * * */
#contents .contents .mod_column_2 .column_side {
	position: relative;
	box-sizing: border-box;
	padding: 40px 20px;
	width: 320px;
	background: #646469;
	background: linear-gradient(135deg, transparent 4px, #646469 0) top left, linear-gradient(0, transparent 0, #646469 0) top right, linear-gradient(315deg, transparent 4px, #646469 0) bottom right, linear-gradient(0, transparent 0, #646469 0) bottom left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
}
#contents .contents .mod_column_2 .mod_column_nav {
}
#contents .contents .mod_column_2 .mod_column_nav > ul {
}
#contents .contents .mod_column_2 .mod_column_nav > ul > li {
	margin-top: 10px;
}
#contents .contents .mod_column_2 .mod_column_nav > ul > li:first-child {
	margin-top: 0;
}
#contents .contents .mod_column_2 .mod_column_nav > ul > li .btn {
	position: relative;
	margin: 0 auto;
	margin-left: -5px;
}
#contents .contents .mod_column_2 .mod_column_nav > ul > li .btn a {
	position: relative;
	width: 290px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/common/btn_side_nav.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_column_2 .mod_column_nav > ul > li .btn a:hover {
	background-image: url(../img/common/btn_side_nav_on.png);
}
#contents .contents .mod_column_2 .mod_column_nav > ul > li .btn a .t {
	margin-top: -8px;
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}
/* __guide */
#contents .contents .mod_column_2 .mod_column_nav.__guide {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li {
	margin-top: 0;
	border-bottom: 1px solid #31323c;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li:first-child {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li .btn {
	margin-left: 0;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li .btn a {
	background: none;
	width: 280px;
	height: auto;
	box-sizing: border-box;
	padding: 15px 15px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li .btn a:hover {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li .btn a .t {
	font-size: 16px;
	line-height: 1.25;
	font-weight: 600;
	transition: all 0.3s ease-out;
	margin-top: 0;
	padding-left: 0;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li .btn a:before {
	content: "";
	display: block;
	width: 5px;
	height: 17px;
	background: #fff;
	margin-right: 10px;
	pointer-events: none;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li .btn a:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	transform: rotate(45deg);
	margin-left: auto;
	pointer-events: none;
	transition: all 0.3s ease-out;
}
/* .hover */
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li a.__current .t,
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li a:hover .t {
	color: #dcff00 !important;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li a.__current:before,
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li a:hover:before {
	background: #dcff00 !important;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li a.__current:after,
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul > li a:hover:after {
	border-color: #dcff00 !important;
}

/* __folder */
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .head {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .head a:after {
	transform: rotate(135deg);
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder.__opened .head a:after {
	transform: rotate(-45deg);
}
/* __folder 第二回層 */
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body {
	display: none;
	padding: 5px 15px 15px 35px;
}

#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li {
	position: relative;
	padding: 10px 0;
	border-top: 1px dashed #31323c;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li:first-child {
	margin-top: 0;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li a:hover {
	color: #dcff00;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li a .t {
	position: relative;
	top: auto;
	left: auto;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li a:before {
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li a:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	transform: rotate(45deg);
	margin-left: auto;
	pointer-events: none;
	transition: all 0.15s ease-out;
}
/* __folder 第二回層 */
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder .head a:after {
	transform: rotate(135deg);
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder.__opened .head a:after {
	transform: rotate(-45deg);
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder .body {
	padding: 0;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder .body li {
	border-top: none;
	padding: 0;
	margin-top: 10px;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder .body li a .t {
	font-weight: normal;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder .body a:before {
	content: "";
	display: block;
	width: 5px;
	height: 1px;
	background: #fff;
	margin-right: 10px;
	pointer-events: none;
	transition: all 0.15s ease-out;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder .body li.folder .body a:after {
	display: none;
}
#contents .contents .mod_column_2 .mod_column_nav.__guide > ul li.folder.__opened > .body {
	display: block;
}
/* * * * * .__faq * * * */
#contents .contents .mod_column_2 .column_main.__faq dl dt {
	font-weight: bold;
	margin: 15px 0 0 2em;
	text-indent: -2em;
	cursor: pointer;
}
#contents .contents .mod_column_2 .column_main.__faq dl dd {
	background-color: #f5f5f5;
	margin-top: 15px;
	padding: 20px;
	display: none;
}
#contents .contents .mod_column_2 .column_main.__faq dl dd a {
	text-decoration: underline;
}
#contents .contents .mod_column_2 .column_main.__faq dl dd ol {
	list-style-type: decimal;
}
#contents .contents .mod_column_2 .column_main.__faq dl dd ol li {
	list-style: auto;
	margin-left: 20px;
}
#contents .contents .mod_column_2 .column_main.__faq dl dd ol li p {
	text-align: center;
}
/* * * * * .column_main * * * */
#contents .contents .mod_column_2 .column_main {
	position: relative;
	box-sizing: border-box;
	padding: 40px;
	width: 880px;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
}
#contents .contents .mod_column_2 .column_main:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_column_2 .column_main {
}
#contents .contents .mod_column_2 .column_main > *:first-child {
	margin-top: 0 !important;
}
/* * * * * .column_main.terms * * * * */
#contents .contents .mod_column_2 .column_main.terms h3 {
	margin-top: 30px;
	position: relative;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 20px;
	border-bottom: 2px solid #3c3c41;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 50px;
	padding: 10px 0;
}
#contents .contents .mod_column_2 .column_main.terms h3 span {
}
#contents .contents .mod_column_2 .column_main.terms h4 {
	margin-top: 50px;
	position: relative;
	font-size: 16px;
	font-weight: 600;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	color: #fff;
	padding: 10px 30px;
}
#contents .contents .mod_column_2 .column_main.terms h4 span {
}
#contents .contents .mod_column_2 .column_main.terms a {
	position: relative;
	text-decoration: underline;
}
#contents .contents .mod_column_2 .column_main.terms a:hover {
	text-decoration: none;
}
#contents .contents .mod_column_2 .column_main.terms small {
	font-size: 14px;
}
#contents .contents .mod_column_2 .column_main.terms > p {
	margin-top: 30px;
	position: relative;
}
#contents .contents .mod_column_2 .column_main.terms > p b {
	font-weight: 600;
}
#contents .contents .mod_column_2 .column_main.terms > ul {
	margin-top: 30px;
	position: relative;
}
#contents .contents .mod_column_2 .column_main.terms > ul > li {
	padding-left: 2em;
	text-indent: -2em;
	margin-top: 20px;
}
#contents .contents .mod_column_2 .column_main.terms > ul > li:first-child {
	margin-top: 0;
}
#contents .contents .mod_column_2 .column_main.terms > ul > li > p {
	margin-top: 0;
	text-indent: 0;
}
#contents .contents .mod_column_2 .column_main.terms > ul > li > ul {
	margin-top: 10px;
}
#contents .contents .mod_column_2 .column_main.terms > ul > li > ul > li {
	padding-left: 4em;
	text-indent: -4em;
	margin-top: 10px;
}
#contents .contents .mod_column_2 .column_main.terms > ul > li > ul > li:first-child {
	margin-top: 0;
}
/* * * * *
.__guide
* * * * */
#contents .contents .mod_column_2 .column_main.__guide > * {
	position: relative;
	margin-top: 40px;
}
#contents .contents .mod_column_2 .column_main.__guide > *:first-child {
	margin-top: 0;
}
#contents .contents .mod_column_2 .column_main.__guide .title_1 {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #3c3c46;
	padding-bottom: 20px;
	border-bottom: 2px solid #3c3c41;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 50px;
	padding: 10px 0;
	padding-left: 55px;
}
#contents .contents .mod_column_2 .column_main.__guide .title_1:before {
	position: absolute;
	top: 21px;
	left: 0;
	content: "";
	width: 40px;
	height: 26px;
	background: url(../img/common/icon_title_label.png) no-repeat left center;
}
#contents .contents .mod_column_2 .column_main.__guide .title_1 .t {
	position: relative;
}
#contents .contents .mod_column_2 .column_main.__guide .title_2 {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 51%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 50px;
	padding: 10px 30px;
}
#contents .contents .mod_column_2 .column_main.__guide .title_2 .t {
	position: relative;
}
#contents .contents .mod_column_2 .column_main.__guide .title_3 {
	font-size: 16px;
	font-weight: 600;
	background: #3c3c41;
	background: linear-gradient(135deg, transparent 4px, #3c3c41 0) top left, linear-gradient(0, transparent 0, #3c3c41 0) top right, linear-gradient(315deg, transparent 4px, #3c3c41 0) bottom right, linear-gradient(0, transparent 0, #3c3c41 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 45px;
	padding: 6px 30px;
}
#contents .contents .mod_column_2 .column_main.__guide .title_3:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_column_2 .column_main.__guide .title_3 .t {
	position: relative;
}
#contents .contents .mod_column_2 .column_main.__guide .title_4 {
	position: relative;
	font-size: 16px;
	font-weight: 600;
}
#contents .contents .mod_column_2 .column_main.__guide .title_4 .t {
}
#contents .contents .mod_column_2 .column_main.__guide .text {
	position: relative;
	display: block;
	font-size: 14px;
	margin-top: 15px;
}
#contents .contents .mod_column_2 .column_main.__guide .text.__note {
	background: #f5f5f5;
	padding: 20px 30px;
}
#contents .contents .mod_column_2 .column_main.__guide .text.__strong {
	background: #0064d2;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
}
#contents .contents .mod_column_2 .column_main.__guide .link {
	position: relative;
	display: block;
	margin-top: 15px;
}
#contents .contents .mod_column_2 .column_main.__guide .link a {
	font-size: 14px;
	text-decoration: underline;
}
#contents .contents .mod_column_2 .column_main.__guide .link a:hover {
	text-decoration: none;
}
#contents .contents .mod_column_2 .column_main.__guide .btn {
	display: block;
}
#contents .contents .mod_column_2 .column_main.__guide .btn {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#contents .contents .mod_column_2 .column_main.__guide .btn a {
	position: relative;
	display: block;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 320px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/common/btn_short_02.png) no-repeat center;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_column_2 .column_main.__guide .btn a:hover {
	background-image: url(../img/common/btn_short_02_on.png);
}
#contents .contents .mod_column_2 .column_main.__guide .btn a .t {
	font-size: 14px;
	line-height: 1.275;
	font-weight: 600;
	color: #fff;
	margin-top: -6px;
	padding-left: 25px;
	padding-right: 35px;
}
#contents .contents .mod_column_2 .column_main.__guide .img {
	text-align: center;
}
#contents .contents .mod_column_2 .column_main.__guide .img img {
	max-width: 100%;
	width: auto;
}
#contents .contents .mod_column_2 .column_main.__guide .column {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#contents .contents .mod_column_2 .column_main.__guide .column.__reverse {
	flex-direction: row-reverse;
}
#contents .contents .mod_column_2 .column_main.__guide .column .area > * {
	position: relative;
	margin-top: 10px;
}
#contents .contents .mod_column_2 .column_main.__guide .column .area > *:first-child {
	margin-top: 0;
}
#contents .contents .mod_column_2 .column_main.__guide .column .img {
	width: 420px;
}
#contents .contents .mod_column_2 .column_main.__guide .column .area {
	width: 320px;
}
#contents .contents .mod_column_2 .column_main.__guide .column .text.__note {
	padding: 5px 10px;
}
#contents .contents .mod_column_2 .column_main.__guide .column .text.__strong {
	padding: 5px 10px;
}
#contents .contents .mod_column_2 .column_main.__guide .card {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#contents .contents .mod_column_2 .column_main.__guide .card .item {
	position: relative;
	width: 370px;
	margin-left: 50px;
	margin-top: 30px;
}
#contents .contents .mod_column_2 .column_main.__guide .card .item > * {
	position: relative;
	margin-top: 10px;
}
#contents .contents .mod_column_2 .column_main.__guide .card .item > *:first-child {
	margin-top: 0;
}
#contents .contents .mod_column_2 .column_main.__guide .card .item:nth-child(-n + 2) {
	margin-top: 0;
}
#contents .contents .mod_column_2 .column_main.__guide .card .item:nth-child(2n - 1) {
	margin-left: 0;
}
#contents .contents .mod_column_2 .column_main.__guide > .__as {
	margin-top: 5px;
}
/* * * * *
.mod_media
* * * * */
#contents .contents .mod_media {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
#contents .contents .mod_media .item {
	width: 290px;
	flex-shrink: 0;
	margin-top: 20px;
	margin-left: 20px;
	position: relative;
	box-sizing: border-box;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 15px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 15px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
#contents .contents .mod_media .item:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #dcdcdc;
	background: linear-gradient(135deg, transparent 15px, #dcdcdc 0) top -1px left, linear-gradient(0, transparent 0, #dcdcdc 0) top right, linear-gradient(315deg, transparent 15px, #dcdcdc 0) bottom -1px right, linear-gradient(0, transparent 0, #dcdcdc 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_media .item:nth-child(-n + 4) {
	margin-top: 0;
}
#contents .contents .mod_media .item:nth-child(4n - 3) {
	margin-left: 0;
}
#contents .contents .mod_media .item .area {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	box-sizing: border-box;
}
#contents .contents .mod_media .item .area .img {
	width: 270px;
	height: 160px;
	position: relative;
	box-sizing: border-box;
	background: #fff;
	background: linear-gradient(135deg, transparent 15px, #fff 0) top left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 15px, #fff 0) bottom right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
#contents .contents .mod_media .item .area a.img {
	transition: opacity 0.3s ease-out;
}
#contents .contents .mod_media .item .area a.img:hover {
	opacity: 0.75;
}
#contents .contents .mod_media .item .area .img .i {
	/* height: 85%; */
}
#contents .contents .mod_media .item .area .text {
	margin: 0 auto;
	margin-bottom: 10px;
}
#contents .contents .mod_media .item .area .text .name {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
#contents .contents .mod_media .item .area .btn {
	margin: auto auto 0;
}
/* * * * *
.mod_download
* * * * */
#contents .contents .mod_download {
	margin-top: -40px !important;
}
#contents .contents .mod_download .item {
}
#contents .contents .mod_download .item .head {
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
#contents .contents .mod_download .item .head:hover {
	opacity: 0.65;
}
#contents .contents .mod_download .item .head .img {
}
#contents .contents .mod_download .item .head .text {
	position: absolute;
	bottom: 30px;
	left: 40px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}
#contents .contents .mod_download .item .body {
	position: relative;
	background: #c8c8cd;
	background: linear-gradient(135deg, transparent 4px, #c8c8cd 0) top left, linear-gradient(0, transparent 0, #c8c8cd 0) top right, linear-gradient(315deg, transparent 4px, #c8c8cd 0) bottom right, linear-gradient(0, transparent 0, #c8c8cd 0) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	box-sizing: border-box;
	margin-top: 10px;
	display: none;
	padding: 40px 60px;
}
#contents .contents .mod_download .item .body:before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	background: #fff;
	background: linear-gradient(135deg, transparent 4px, #fff 0) top -1px left, linear-gradient(0, transparent 0, #fff 0) top right, linear-gradient(315deg, transparent 4px, #fff 0) bottom -1px right, linear-gradient(0, transparent 0, #fff 0) bottom left;
	background-size: calc(50% + 1px) calc(50% + 1px);
	background-repeat: no-repeat;
}
#contents .contents .mod_download .item .body .block {
	position: relative;
	margin-top: 70px;
}
#contents .contents .mod_download .item .body .block:first-child {
	margin-top: 0;
}
#contents .contents .mod_download .item .body .block > * {
	position: relative;
	margin-top: 20px;
}
#contents .contents .mod_download .item .body .block > *:first-child {
	margin-top: 0;
}
#contents .contents .mod_download .item .body .close {
	position: relative;
	text-align: center;
	padding: 40px 0;
}
#contents .contents .mod_download .item .body .close a {
	font-weight: 600;
	text-decoration: underline;
}
#contents .contents .mod_download .item .body .close a:hover {
	text-decoration: none;
}
/* * * * * * * * * * * * * * *
#position
* * * * * * * * * * * * * * */
#modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	transition: all 0.3s ease-out;
	opacity: 0;
	visibility: hidden;
}
#modal.show {
	opacity: 1;
	visibility: visible;
}
#modal .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(35, 35, 45, 0.95);
}
#modal .main {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1060px;
	height: 596px;
	margin-left: -530px;
	margin-top: -298px;
}
#modal .main .close {
	position: absolute;
	top: 0;
	right: -70px;
	width: 42px;
	height: 42px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
#modal .main .close:hover {
	opacity: 0.5;
}
#modal .main .close .i {
	width: 42px;
	height: 42px;
	background: url(../img/common/modal_close.png) no-repeat center;
}
#modal .main .close .t {
	font-family: "Rajdhani", sans-serif;
	font-weight: 700;
	font-size: 12px;
	line-height: 1;
	color: #dcff00;
	padding-top: 15px;
	letter-spacing: 0.12em;
}
#modal .main .contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#modal .main .contents video {
	display: block;
	margin: 0 auto;
}
#modal .main .contents img {
	display: block;
	width: 100%;
	height: auto;
}
#modal .main .arrow {
	display: none;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -32px;
}
#modal .main .arrow .prev {
	position: absolute;
	top: 0;
	left: -70px;
	width: 39px;
	height: 65px;
	background: url(../img/common/modal_arrow_left.png) no-repeat center;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
#modal .main .arrow .prev:hover {
	opacity: 0.5;
	transform: translate3d(-5px, 0, 0);
}
#modal .main .arrow .next {
	position: absolute;
	top: 0;
	right: -70px;
	width: 39px;
	height: 65px;
	background: url(../img/common/modal_arrow_right.png) no-repeat center;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
#modal .main .arrow .next:hover {
	opacity: 0.5;
	transform: translate3d(5px, 0, 0);
}
/* twitter */
#modal .main.__twitter {
	width: 640px;
	height: min(640px, 70vh);
	margin-left: -320px;
	margin-top: max(-320px, -35vh);
}
/* __library */
#modal .main.__library {
	width: 760px;
	height: 600px;
	margin-left: -380px;
	margin-top: -300px;
}
/* * * * * * * * * * * * * * *
#maintenance
* * * * * * * * * * * * * * */
#maintenance {
	position: relative;
	width: 100%;
	/* min-height: 760px; */
	min-height: 100vh;
	padding: 100px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#maintenance .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/maintenance/maintenance_bg.jpg) no-repeat center;
	background-size: cover;
}
#maintenance .bg .line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 20px;
	background: url(../img/maintenance/maintenance_line.png) repeat-x center;
	background-size: contain;
}
#maintenance .bg .line.__top {
	top: 0;
}
#maintenance .bg .line.__bottom {
	bottom: 0;
}
#maintenance .main {
	position: relative;
	margin: auto;
}
#maintenance .logo {
	position: absolute;
	top: 65px;
	left: 100px;
}
#maintenance .copyright {
	position: absolute;
	bottom: 40px;
	right: 30px;
	font-size: 11px;
	color: #fff;
	text-align: right;
}
#maintenance .main .title {
	position: relative;
	width: 100%;
	padding: 10px 0 4px;
	font-family: "Rajdhani", sans-serif;
	font-weight: 600;
	font-size: 46px;
	line-height: 1;
	color: #000;
	background: #ffdc00;
	text-align: center;
}
#maintenance .main .lead {
	margin-top: 25px;
	color: #ffdc00;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
#maintenance .main .text {
	margin-top: 25px;
	color: #fff;
	font-size: 14px;
}
#maintenance .main .text a {
	color: #fff;
	text-decoration: underline;
}
#maintenance .main .text a:hover {
	text-decoration: none;
}
/* * * * * * * * * * * * * * *
#general
* * * * * * * * * * * * * * */
#general {
	position: relative;
	width: 100%;
	/* min-height: 760px; */
	min-height: 100vh;
	background: #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;
}
#general .logo {
	position: absolute;
	top: 65px;
	left: 100px;
}
#general .copyright {
	position: absolute;
	bottom: 40px;
	right: 30px;
	font-size: 11px;
	color: #000;
	text-align: right;
}
#general #contents {
	margin: auto;
}

/* * * * * * * * * * * * * * *
#pl producer letter
* * * * * * * * * * * * * * */
#pl table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  font-weight: bold;
}

#pl table th:first-child{
  border-radius: 7px 0 0 0;
}

#pl table th:last-child{
  border-radius: 0 7px 0 0;
  border-right: 1px solid #3c55aa;
}

#pl table th{
  text-align: center;
  color:#ffffff;
  background: linear-gradient(#829ebc,#2255cc);
  border-left: 1px solid #3c55aa;
  border-top: 1px solid #3c55aa;
  border-bottom: 1px solid #3c55aa;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 10px 0;
}

#pl table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eeeeee inset;
  width: 25%;
  padding: 10px 0;
}

#pl table td:last-child{
  border-right: 1px solid #a8b7c5;
}

#pl table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

#pl table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}


/* * * * * * * * * * * * * * *
#table-news
* * * * * * * * * * * * * * */
table.table-news{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  font-weight: bold;
}

table.table-news th:first-child{
  border-radius: 7px 0 0 0;
}

table.table-news th:last-child{
  border-radius: 0 7px 0 0;
  border-right: 1px solid #000000;
}

table.table-news th{
  text-align: center;
  color:#ffffff;
  background-color:#2d2d2d;
	border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 1px 0;
}

table.table-news td{
	border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center;
  width: 25%;
  padding: 1px 0;
}

table.table-news td:last-child{
	border-right: 1px solid #000000;
}

table.table-news tr:nth-child(2n+1) td {
  background-color:#d5d5d5;
}
table.table-news tr:nth-child(2n) td {
  background-color:#f5f5f5;
}

table.table-news tr:last-child td:first-child {
  border-radius: 0 0 0 7px;
}

table.table-news tr:last-child td:last-child {
  border-radius: 0 0 7px 0;
}



/* * * * * * * * * * * * * * *
#table-news-h3
* * * * * * * * * * * * * * */
table.table-news-h3{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  font-weight: bold;
}

table.table-news-h3 th:first-child{
  border-radius: 7px 0 0 0;
}

table.table-news-h3 th:last-child{
  border-radius: 0 7px 0 0;
  border-right: 1px solid #000000;
}

table.table-news-h3 th{
  text-align: center;
  color:#ffffff;
  background: linear-gradient(#0f0f0f,#222233);
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 3px 0;
}

table.table-news-h3 td{
  text-align: center;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #cccccc inset;
  width: 25%;
  padding: 3px 0;
}

table.table-news-h3 td:last-child{
  border-right: 1px solid #000000;
}


table.table-news-h3 tr:nth-child(2n+1) td {
  background-color:#d5d5d5;
}
table.table-news-h3 tr:nth-child(2n) td {
  background-color:#f5f5f5;
}

table.table-news-h3 tr:last-child td:first-child {
  border-radius: 0 0 0 7px;
}

table.table-news-h3 tr:last-child td:last-child {
  border-radius: 0 0 7px 0;
}

/* * * * * * * * * * * * * * *
#table-news-h5
* * * * * * * * * * * * * * */
table.table-news-h5{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  font-weight: bold;
}

table.table-news-h5 th:first-child{
  border-radius: 7px 0 0 0;
}

table.table-news-h5 th:last-child{
  border-radius: 0 7px 0 0;
  border-right: 1px solid #000000;
}

table.table-news-h5 th{
  text-align: center;
  color:#ffffff;
  background: linear-gradient(#0f0f0f,#222233);
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 5px 0;
}

table.table-news-h5 td{
  text-align: center;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #cccccc inset;
  width: 25%;
  padding: 3px 0;
}

table.table-news-h5 td:last-child{
  border-right: 1px solid #000000;
}


table.table-news-h5 tr:nth-child(2n+1) td {
  background-color:#d5d5d5;
}
table.table-news-h5 tr:nth-child(2n) td {
  background-color:#f5f5f5;
}

table.table-news-h5 tr:last-child td:first-child {
  border-radius: 0 0 0 7px;
}

table.table-news-h5 tr:last-child td:last-child {
  border-radius: 0 0 7px 0;
}

/* * * * * * * * * * * * * * *
#table-news-n
* * * * * * * * * * * * * * */
table.table-news-n{
  width: 100%;
  border-collapse:collapse;

  font-weight: bold;
}

table.table-news-n th:first-child{
}

table.table-news-n th:last-child{
  border-right: 1px solid #000000;
}

table.table-news-n th{
  text-align: center;
  color:#ffffff;
  background-color:#2d2d2d;
	border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 1px 0;
}

table.table-news-n td{
	border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center;
  width: 25%;
  padding: 1px 0;
}

table.table-news-n td:last-child{
	border-right: 1px solid #000000;
}

table.table-news-n tr:nth-child(2n+1) td {
  background-color:#d5d5d5;
}
table.table-news-n tr:nth-child(2n) td {
  background-color:#f5f5f5;
}


/* * * * * * * * * * * * * * *
 rea6 unit
* * * * * * * * * * * * * * */
.rea6	.unit-list{
	width: 100%;
	margin-top: 20px;
	/*background-color:	#272727;*/
	box-sizing: border-box;
}
.rea6	.unit-list__item{
	margin-bottom: 15;
	border: solid 2px #353535;
	display: flex;
}
.rea6	.unit-list__ttl {
	padding: 10px;
	min-width: 140px;
	box-sizing: border-box;
	color: #f0f0f0;
	background-color: #353535;
	font-size: 30px;
	font-size: clamp(16px, 1vw, 18px);
	line-height: 1.4;
	/*text-align: center;*/
}
.rea6	.unit-list__ttl2 {
	padding: 10px;
	min-width: 140px;
	box-sizing: border-box;
	/*color: #f0f0f0;*/
	/*background-color: #353535;*/
	font-size: 30px;
	font-size: clamp(16px, 1vw, 18px);
	line-height: 1.4;
	/*text-align: center;*/
}
.rea6	.unit-list__txt {
	margin: auto 0px;
	padding: 10px 20px;
	font-size: 20px;
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.6;
	text-align: left;
}

.rea6	.unit-list__img {
	padding: 10px;
	width: 120px;
	background-color: #353535;
}

/* * * * * * * * * * * * * * *
 rea6 ru-unit-list
* * * * * * * * * * * * * * */
.rea6	.ru-unit-list{
	width: 100%;
	box-sizing: border-box;
	border: solid 2px #353535;
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
}
.rea6	.ru-unit-list__item{
	position: relative;
}

.rea6	.ru-unit-list__ttl {
	padding: 10px;
	min-width: 140px;
	box-sizing: border-box;
	color: #f0f0f0;
	background-color: #353535;
	font-size: clamp(16px, 1vw, 18px);
	line-height: 1.4;
	margin:auto 10px;
}

.rea6	.ru-unit-list__img {
	padding: 10px;
	width: 120px;
	background-color: #353535;
	vertical-align:middle;
	display:flex;
}
.rea6	.ru-unit-list__img2 {
	padding: 10px 0px 10px 20px;
	width: 100px;
	background-color: #ffffff;
	vertical-align:middle;
	display:flex;
}
.rea6	.ru-unit-list__new {
	position: absolute;
	top:5%;
	left: 10%;
	transform: translate(-10%, -10%);
	color: rgb(255, 0, 0);
	font-size: 16px;
	-webkit-text-stroke-width: 3px;
	text-stroke-width: 3px;
	z-index: index 2;;
}

.rea6	.ru-unit-list__new::before {
	position: absolute;
	top:5%;
	left: 10%;
	transform: translate(-10%, -10%);
	color: rgb(255, 255, 255);
	font-size: 16px;
	text-transform: uppercase;
	content: attr(data-text);
	-webkit-text-stroke-width: 3px;
	text-stroke-width: 1px;
	z-index:3;
}

.rea6	.ru-unit-list__new::after {
	position: absolute;
	top:5%;
	left: 10%;
	transform: translate(-10%, -10%);
	color: rgb(255, 0, 0);
	font-size: 16px;
	content: attr(data-text);
	-webkit-text-stroke-width: 1px;
	text-stroke-width: 1px;
	z-index:4;
}

/* * * * * * * * * * * * * * *
#table-ru
* * * * * * * * * * * * * * */
table.table-ru{
  border-collapse:collapse;

  font-weight: bold;
}

table.table-ru th:first-child{
}

table.table-ru th:last-child{
  border-right: 1px solid #000000;
}

table.table-ru th{
  text-align: center;
  color:#ffffff;
  background-color:#2d2d2d;
	border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 1px 0;
}

table.table-ru td{
	border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  text-align: center;
  width: 25%;
  padding: 1px 0;
}

table.table-ru td:last-child{
	border-right: 1px solid #000000;
}

table.table-ru tbody:nth-child(2n+1) td {
  background-color:#ffffff;
}
table.table-ru tbody:nth-child(2n) td {
	background-color:#e5e5e5;
}

/* * * * * * * * * * * * * * *
 dmm client
* * * * * * * * * * * * * * */
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 70%;
  max-width: 600px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left
}

.modal_title {
  font-size: 1.5em;
	position: relative;
	overflow: hidden;
  padding: 0;
}

.modal_title::before,
.modal_title::after{
	content: "";
	position: absolute;
	bottom: 0;
}


.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8) !important;
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  color: #95979d !important;
  font-size: 40px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
}

.modal-wrapper .modal-close:hover {
  color: #dddddd !important
}

/* * * * * * * * * * * * * * *
 ProducerLetter
* * * * * * * * * * * * * * */
.plMenu-container {
 font-family: "Noto Sans JP", sans-serif;
}

.plMenu-container label {
	margin: 0 auto;
	margin-left: 0px;
	background: none;
	width: 280px;
	height: auto;
	box-sizing: border-box;
	padding: 15px 15px;
	font-size: 16px;
	font-weight: 600;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	transition: all 0.3s ease-out;
	border-bottom: 1px solid #31323c;
}

.plMenu-container label::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	transform: rotate(135deg);
	margin-left: auto;
	pointer-events: none;
	transition: all 0.3s ease-out;
}

.plMenu-container label::before {
	content: "";
	display: block;
	width: 5px;
	height: 17px;
	background: #fff;
	margin-right: 10px;
	pointer-events: none;
	transition: all 0.3s ease-out;
}

.plMenu-container label:hover{
	color: #dcff00 !important;
}

.plMenu-container label:hover::before{
	background: #dcff00 !important;
}
.plMenu-container label:hover::after{
	border-color: #dcff00;
}

.plMenu-container input:checked + label,
.plMenu-container input:checked + label:hover{
	border-bottom: 1px dashed #31323c;
	color: #dcff00 !important;

}
.plMenu-container input:checked + label::after{
	border-color: #dcff00 !important;
}

.plMenu-container input:checked + label::before{
	background: #dcff00 !important;
}
.plMenu-container input:checked + label::after{
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	border-color: #dcff00 !important;
}

.plMenu-container input{
	display: none;
}

.plMenu-container input[type=checkbox]:checked + label + span,
.plMenu-container input[type=checkbox]:checked + label:nth-of-type(n) + span {
	display: block;
}

/* plMenu 第二回層 */
.plMenu-container article{
	margin-top: 0px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	transition:height 0.3s ease-in-out;
	padding: 5px 15px 15px 35px;
}

.plMenu-container input:checked ~ article{
	transition:
			height 0.5s ease-in-out,
			box-shadow 0.1s linear;
	border-bottom: 1px solid #31323c;
}

.plMenu-container article .t{
	line-height: 23px;
	font-size: 14px;
	color: #fff;
}

.plMenu-container input:checked ~ article.ac-small{
	height: 80px;
}

.plMenu-container input:checked ~ article.ac-medium{
	height: 257px;
}

.plMenu-container input:checked ~ article.ac-large{
	height: 515px;
}

.plMenu-container ul li {
	position: relative;
	padding: 10px 0;
	margin-top: 0;
}

.plMenu-container ul li {
	border-top: 1px dashed #31323c;
}

.plMenu-container ul li:first-child {
	border-top: none;
}

.plMenu-container ul li a {
	background: none;
	height: auto;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.plMenu-container ul li a:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	box-sizing: border-box;
	border: 2px solid #fff;
	border-bottom: none;
	border-left: none;
	transform: rotate(45deg);
	margin-left: auto;
	pointer-events: none;
	transition: all 0.15s ease-out;
	align-items: center;
}

.plMenu-container ul li a:hover .t{
	color: #dcff00 !important;
}

.plMenu-container ul li a:hover::after{
	border-color: #dcff00;
}