/*@charset "utf-8";*/
/*

LAYOUT hiroshikonnai
SITE

*/

/* -----------------------------
	GENERAL
----------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
* {box-sizing: border-box;}
img {
	line-height: 1em;
	font-size: 0.1rem;
	vertical-align: middle;
	width: auto;
	height: auto;
	max-width:100%;
}

.ranking_lower dt a img {
	width: 44px;
	height: 44px;
}

svg {
	width: auto;
	height: auto;
}
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
  	font-size: 14px;
	  color: #232323;
	  background-color: #f3f3f3;
	-webkit-text-size-adjust: 100%;
  	-moz-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
  	-o-text-size-adjust: 100%;
  	text-size-adjust: 100%;
	line-height: 1.5;
	background-position: left top;
	background-repeat: repeat;
	word-wrap: break-word;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: auto;
}
body.open {
	overflow: hidden;
}
/* -----------------------------
	common
----------------------------- */
a {
	text-decoration: none;
	-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	outline: none;
}
a.fade:focus,
a.fade:hover {
  	text-decoration: none;
  	outline: none;
  	opacity: .85;
}
a img {
	-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
br { letter-spacing : normal; }
#wrapper {
	margin: 0;
}
/*
	header
*/
#header {
	position: relative;
	height: 66px;
	background-color: #232323;
	box-shadow: 0 2px 4px 2px;
	z-index: 100;
}
#header.close {
	top: -70px;
}
#header > .upper_inner > div.logo_area {
	position: absolute;
	left: 0;
}
#header > .upper_inner > div.logo_area .logo {
	padding: 12px;
}
#header > .upper_inner > div.logo_area .logo svg {
	width: 125px;
	height: 35.78px;
}
#header > .upper_inner > div.menu_area {
	position: absolute;
	right: 10px;
	min-width: 180px;
}
#header > .upper_inner > div.menu_area > .login {
	margin: 0 0 0 80px;
	padding: 0 10px;
}
#header > .upper_inner > div.menu_area svg {
	margin: 16px;
    width: 20px;
	height: 20px;
}
#header > .upper_inner > div.menu_area span {
	display: inline-block;
	line-height: 66px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#header > .upper_inner > div#nav {
	margin-top: 5px;
    font-size: 16px;
}
#header > .upper_inner > div#nav #mainnav > ul {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
#header > .upper_inner > div#nav #mainnav > ul > li {
	display: inline-block;
	padding: 5px 0;
	position: relative;
	font-size: 13px;
}
#header > .upper_inner > div#nav #mainnav > ul > li > a {
	color: #fff;
	display: block;
	margin: 0 10px;
	position: relative;
	padding-bottom: 1px;
	border-bottom: 2px solid rgba(255,255,255,0);
	font-size: 16px;
}


#header > .upper_inner > div#nav #mainnav > ul > li > a:hover,#header > .upper_inner > div#nav #mainnav > ul > li > a.active {
	border-bottom: 2px solid rgba(255,255,255,.5);
}

#header > .upper_inner > div#nav #mainnav > ul > li > a span{
	display: inline-block;
}
#header > .upper_inner > div#nav #mainnav > ul > li > a span.icon{
	padding-right: 5px;
	width: 21px;
	height: 16px;
	line-height: 16px;
}
#header > .upper_inner > div#nav #mainnav > ul > li > a span.icon.home {
	width: 23px;
}
#header > .upper_inner > div#nav #mainnav > ul > li > a span.icon > svg {
	vertical-align: middle;
	margin-top:-3px;
}
#header > .upper_inner > div#nav #mainnav > ul > li > a span.icon.adjust_1 > svg {
	margin-top:-4px;
}
#header > .upper_inner > div#nav #mainnav .sub_navi_box {
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0 10px;
    width: 200px;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    text-align: left;
    display: none;
    z-index: 2;
	font-family: inherit;
	font-weight: 500;

}
#header > .upper_inner > div#nav #mainnav .sub_navi_box ul li > a {
    display: block;
    padding: 13px 0px;
    border-bottom: 1px solid #e1e1e1;
	font-size: 13px;
	color: #3f4853;
	-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	font-family:inherit;
	font-weight: 500 !important;
}
#header > .upper_inner > div#nav #mainnav .sub_navi_box ul li > a:hover {
    padding: 13px 0px 13px 13px;
}
#header > .upper_inner > div#nav #mainnav .sub_navi_box ul li:last-child > a {
    border-bottom: none;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav{
	display: inline-block;
	vertical-align: top;
	padding-left: 50px;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li {
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #fff;
	padding: 5px;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li:last-child {
	border: none;
	padding-right: 0;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li:last-child:hover #header > .upper_inner > div#nav #mainnav .account_container .account_box ul{
	display: block;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li a {
	color: #fff;
	margin: 0 10px;
	padding: 3px 0;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,0);
	font-size: 13px;
	font-family:gothid;
	font-weight: 500 ;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li a:hover {
	border-bottom: 1px solid rgba(255,255,255,1);
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li svg {
	vertical-align: middle;
	width: 15px;
	max-height: 20px;
	height: auto;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li .login svg {
	margin-top: -2px;
}
#header > .upper_inner > div#nav #mainnav .info_box {
	margin: -5px 20px -5px 0;
	position: relative;
}
#header > .upper_inner > div#nav .info_mark {
	width: 30px;
	cursor: pointer;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li .info_mark .icon svg {
    width: 30px;
	height: 30px;
}
#header > .upper_inner > div#nav #mainnav .info_mark_container {
    width: 30px;
    position: relative;
}

#header > .upper_inner > div#nav #mainnav .info_num{
	position:absolute;
	bottom:-8px;
	right:-14px;
	width:24px;
	height:24px;
	background-color:#da1515;
	border-radius: 30px ;
	text-align:center;
	line-height:24px;
	color:#fff;
	font-size:11px;
	cursor: pointer ;
}
#header > .upper_inner > div#nav #mainnav .info_container {
    position: absolute;
    top: 45px;
    right: -10px;
    width: 400px;
    padding: 0;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    text-align: left;
    display: none;
    z-index: 10;
}
main {
	display: flex;
	position: relative;
	width: 100%;
	/* height: calc(100vh - 66px); */
}
/* account menu */
.account-menu {
	position: relative;
	cursor: pointer;
	background-color: #232323;
	color: #fff;
	height: 66px;
}
.account-menu:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 36%;
	transition: all 0.2s ease-in-out;

	display: block;
	width: 6px;
	height: 6px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;

	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.account-menu.open {
	background-color: #162F3F;
}
.account-menu.open:after {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	top: 45%;
}
.account-menu-label {
	position: absolute;
	right: 32px;
	line-height: 66px;
}
.account-content {
	cursor: pointer;
	background-color: #162F3F;
	padding: 16px;
}
.account-content > li > a {
	text-decoration: none;
	color: #fff;
	display: block;
	text-align: right;
	line-height: 40px;
}
.account-content > li > a:hover {
	text-decoration: underline;
	text-decoration-color: #9A7A40;
}
/* account menu */

/* navigation */
.nav {
	width: 0px;
	height: 100%;
	z-index: 101;
	color: #ffffff;
	background-color:#000;
	overflow: hidden;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.2s ease-in-out;
	-webkit-transform: translateX(-200px);
	transform: translateX(-200px);
}

/* ナビゲーションが開いた状態 */
.nav.open {
	display: block;
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	/*top: 45%;*/
	width: 226px;
	min-width: 226px;
	position: fixed;
	overflow-y: hidden !important;
}

.nav-close.open:hover {
	transition: all 0.2s ease-in-out;
	-webkit-transform: translateX(16px);
	transform: translateX(16px);
}

/* 画面左のナビゲーションを開くボタンが出現するスペース */
.nav-open-space {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 100%;
	z-index: 100;
}

.nav-open-space.open {
	display: block;
}

.nav-open-space:hover>.nav-open {
	-webkit-transform: translateX(16px);
	transform: translateX(16px);
}

/* ナビゲーションを開くボタン */
.nav-open {
	position: absolute;
	left: -16px;
	top: 0px;

	width: 16px;
	height: 32px;
	background-color: #232323;
	cursor: pointer;

	/* hover open */
	/* transition: all 0.2s ease-in-out;
	-webkit-transform: translateX(0px);
	transform: translateX(0px); */

	/* default open */
	-webkit-transform: translateX(16px);
	transform: translateX(16px);
}

/*.nav > ul {
	height: 100%;
}*/
.nav-content-link {
	text-decoration: none;
	/*line-height: 40px;
	color: #ffffff;*/
}

.nav-content-link:hover {
	text-decoration: underline;
	text-decoration-color: #9A7A40;
}

.news_container dl dd .icon_new{
	display: inline-block;
	font-size: 11px;
	color: #fff;
	background-color: #cc181e;
	padding: 4px 6px;
	border-radius: 2px;
	line-height: 1;
	font-family: "futura_bk_btbook", sans-serif;
}

.pagination{
	margin-top: 20px;
	text-align: center;
}

#header > .upper_inner > div#nav #mainnav .info_container_inner{
	max-height:500px;
	overflow:auto;
}
#header > .upper_inner > div#nav #mainnav .info_container dl{
	padding:10px 0;
	border-bottom:1px solid #e1e1e1;
}
#header > .upper_inner > div#nav #mainnav .info_container dl dt{
	font-size:12px;
	padding:0 0 2px 0;
	color:#948383;
}
#header > .upper_inner > div#nav #mainnav .info_container dl dd{
	font-size:13px;
}
#header > .upper_inner > div#nav #mainnav .info_container dl dd .tite{
	font-size:15px;
	font-weight:bold;
	color:#0667b8;
	padding-bottom:5px;
}
#header > .upper_inner > div#nav #mainnav .info_container dl dd .tite .icon_new {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    background-color: #cc181e;
    padding: 4px 6px;
    border-radius: 2px;
    line-height: 1;
    margin-top: -3px;
    font-family: "Cantarell", sans-serif;
}
#header > .upper_inner > div#nav #mainnav .info_container > .info_container_block {
    padding: 10px 20px 20px;
}
#header > .upper_inner > div#nav #mainnav .info_container .info_more {
    text-align: center;
	cursor: pointer;
}
#header > .upper_inner > div#nav #mainnav .info_container .info_more span {
    display: block;
    border-top: 1px solid #e1e1e1;
    padding: 10px;
	font-weight: 700;
	color: #3f4853;
}
#header > .upper_inner > div#nav #mainnav .account_container {
    margin: 0 0 0 auto;
    display: table;
    cursor: pointer;
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 15px;
    position: relative;
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box > p {
	color: #fff;
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box ul {
    display: none;
    position: absolute;
    z-index: 2;
    top: 25px;
    right: -10px;
    width: 200px;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    background-color: #fff;
    text-align: left;
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box ul li {
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.1;
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box ul li:last-child {
	border-bottom: none;
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box ul li > a {
    padding: 15px;
	display: block;
	color: #3f4853;
	-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#header > .upper_inner > div#nav #mainnav .account_container .account_box ul li > a:hover {
	padding: 15px 15px 15px 30px;
}
#header > .upper_inner > div#nav #mainnav .account_container .lang_arrow {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0;
	padding-right: 15px;
	color: #fff;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    width: 270px;
    text-align: left;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    z-index: 2;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li .dropdown-menu a {
	color: #3f4853;
	display: block;
	padding:3px 0;
}
#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li .dropdown-menu a:hover {
	padding:3px 0 3px 1rem;
}
#container > #content_header.fixedview {
	top: 0;
}
#container > #content_header > .title_inner > h1 > svg {
	vertical-align: middle;
	width: 30px;
	height: auto;
	height: 30px;
	margin-top:-5px;
}
#footer {
	margin: 0;
	text-align: center;
	padding: 90px 10px;
	background-color: #eff2f6;
}
#footer .footer_inner {
    display: table;
    margin: auto;
    width: 100%;
    max-width: 800px;
    color: #4f548c;
}
#footer .footer_inner .fb_area {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    text-align: left;
}
#footer .footer_inner .fb_area .logo {
	max-width: 292px;
}
#footer .footer_inner .fb_area .logo svg {
	height: 65px;
}
#footer .footer_inner .flink_area {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    border-left: 1px solid #4f548c;
    text-align: left;
}
#footer .footer_inner .flink_area ul {
    padding: 5px 0 0 20px;
}
#footer .footer_inner .flink_area ul li {
    display: inline-block;
}
#footer .footer_inner .flink_area ul li a {
	color: #4f548c;
	display: inline-block;
	border-bottom: 1px solid rgba(79,84,140,0);
}
#footer .footer_inner .flink_area ul li a:hover {
	border-bottom: 1px solid rgba(79,84,140,1);
}
#footer .footer_inner .flink_area p.copyright {
	padding: 5px 0 0 20px;
}
/*
	regist banner
*/
#regist_banner {
    display: table;
    width: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    bottom: -90px;
	left: 0;
	-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	z-index: 2;
}
#regist_banner.active {
	bottom: 0;
}
#regist_banner .regist_banner_inner {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
}
#regist_banner .regist_banner_inner a {
    display: block;
    color: #fff;
}
#regist_banner .regist_banner_inner svg {
	margin: 10px 10px 0 0;
	max-width: 99px;
	height: 78px;
	vertical-align: middle;
}
#regist_banner .regist_banner_inner img {
    margin: 10px 10px 0 0;
}
/*
	content
*/

/**/
#toggle {
	list-style-type: none;
	text-align:left;
	font-style:normal;
	display: inherit;
}
#toggle li {
	padding:10px;
	margin:0;
	vertical-align:top;
	float:left;
	position:relative;
}
#toggle li a {
	color: #3f4853;
	text-decoration:none;
}
#toggle li ul {
	list-style-type: none;
	left:0;
	position:absolute;
	display: none;
	/*padding: 10px;*/
	z-index: 99;
	background-color: #ffffff;
	margin-top: 9px;
	border: 1px solid #e1e1e1;
}
.member_container .update_store > #toggle > li > a > span.active {
	color: #fff;
	background-color: transparent;
}
#dropdown >li >a > span,
.member_container .update_store > #toggle > li > a > span {
    font-size: 20px;
}
.update_store.country-tab-menu .store_list.country-tab {

}
/**/
#container {
	flex: 1;
	min-width: 880px;
	min-height: calc(100vh - 66px);
}
.content {
	width: 100%;
}
.content.top {
	padding: 100px 5%;
}
.content > .main_movie {
	margin: auto;
	width: 100%;
	max-width: 1000px;
	border: 2px solid #6783d7;
	line-height: 1;
	overflow: hidden;
}
.content > .main_movie video {
	width: 100%;
	line-height: 1;
	margin-bottom: -3px;
}
.content > .main_movie .main_sp_img{
	display: none;
	text-align:center;
}
.update_store.country-tab-menu .store_list.country-tab {
}
.ranking_title_container.market-tab-menu.list_rank .update_store.country-tab-menu .store_list.country-tab {
	top: 48px;
	position: absolute;
}
/*
	policy
*/
.policy_container{
	margin:auto;
	width: 100%;
	max-width: 800px;
}
.privacy_txt {
    padding: 5px 0;
    font-size: 15px;
}
h3.privacy_h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 5px 0;
}
.privacy_list {
    padding: 5px 0;
    margin-left: 20px;
    font-size: 15px;
    list-style: decimal;
}
/*
	login
*/
.login_container{
	margin:auto;
	width: 100%;
	max-width: 640px;
	overflow:hidden;
	font-size: 14px;
}
.login_container > hr{
	height: 1px;
    color: #F0F0F0;
    background-color: #F0F0F0;
    border: none;
	margin: 20px 0 0 0;
}
.login_container > .inner {
	padding: 0 5%;
	text-align: center;
}
.login_container > .inner .content_logo {
	margin: auto;
	max-width: 128px;
}
.login_container > .inner > .content_h2 {
	font-size: 20px;
	padding: 20px 0;
	font-weight: 500;
}
.login_container > .inner .form_area {
	margin: auto;
	width: 100%;
	max-width: 400px;
}
.login_container > .inner .form_area dl {
	text-align: left;
}
.login_container > .inner .form_area dl > dt {
	padding: 5px 0 0;
}
.login_container > .inner .form_area dl > dd {
	padding: 12px 0 15px;
}
.login_container > .inner .input_btn input[type="submit"]{
	width: 400px;
	cursor: pointer;
}
.login_container > .inner .input_btn #btnChangepass {
	width: 200px;
}

.input_btn {
	padding: 20px 0;
}
.login_text {
    padding: 10px 0;
}
.login_text a {
    color: #6683d8;
}
/*
	registreport
*/
.registreport_img {
	text-align: center;
	padding:40px 5%;
}
.registreport_container > h2 {
	text-align: center;
	font-size: 26px;
	color: #6783d7;
}
.registreport_inner {
	margin: auto;
	width: 100%;
	max-width: 1000px;
	font-size: 18px;
	padding: 40px 0 0;
}
.registreport_inner > p {
	line-height: 1.74rem;
}
.registreport_middle {
	text-align: center;
	background-color:#f8fafc;
	padding: 70px 5%;
}
.registreport_middle .inner {
	margin: auto;
	width: 100%;
	max-width: 1000px;
	text-align: left;
}
.registreport_middle .inner > h2 {
	display: table;
	height: 40px;
	background-color: #6783d7;
	border-radius: 20px;
	color: #fff;
	font-size: 22px;
}
.registreport_middle .inner > h2 > span {
	display: table-cell;
	vertical-align:middle;
	padding:0 30px;
}
.registreport_middle .inner > ul {
	padding: 30px 0 0;
	font-size: 18px;
}
.registreport_middle .inner > ul > li {
	padding: 5px 0 5px 20px;
}
.registreport_lower {
	text-align: center;
	background-color:#fff;
}
.registreport_lower > p {
	font-size: 24px;
	padding: 90px 5%;
}
.registreport_lower a {
	color: #5454c5;
}

/*
	news/biz
*/
.news_container {
	margin: auto;
	width: 100%;
	max-width: 1000px;
}
.news_container_inner {
	margin: auto;
	width: 100%;
	max-width: 1000px;
	display: flex;        /* flexコンテナ化 */
	/* flex-direction: row; 横向きに配置 */
	flex-direction: row-reverse; /* 横向きで逆順に配置 */
}
.news_container_main {
	width: 100%;
	max-width: 680px;
	padding-left: 20px;
}
.news_container_main .rank_best {
    padding: 10px 0;
    background-color: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    border-top: 3px solid #6783d7;
    border-bottom: 1px solid #6783d7;
}
.blog_view_container {
    display: table;
    width: 100%;
    border-collapse: collapse;
    line-height: 1.3;
}
.blog_view_container .thumbnail_view {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    position: relative;
    padding: 10px 0;
}
.blog_view_container .blog_data {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
    position: relative;
}
.cate_area {
    display: table;
    border-collapse: collapse;
}
.cate_area li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.blog_view_container .blog_data a {
    color: #3f4853;
}
.cate_area li span {
    padding: 3px 8px;
    font-size: 11px;
    display: inline-block;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    color: #fff;
}
.cate_area li span.rankcate1 {
    background-color: #ee7794;
}
.cate_area li span.rankcate2 {
    background-color: #feaf32;
}
.cate_area li span.rankcate3 {
    background-color: #48c5d4;
}
.cate_area li span.rankcate4 {
    background-color: #97d440;
}
.cate_area li span.rankcate5 {
    background-color: #9871ce;
}
.blog_view_container .blog_data .cate_area li span > a {
    color: #fff;
}
.blog_view_container h3 {
	margin: 1rem 0;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto;
    max-height: 65px;
    text-overflow: ellipsis;
}
.text.slideblog {
    width: 90%;
}
.news_container_sidebar {
	width: 320px;
}
.blog_view_container .blog_data .share_num {
    float: right;
    margin-top: -20px;
    color: #666;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    font-family: 'Lato', sans-serif;
    line-height: 1;
}
.blog_view_container .blog_data .share_num {
    right: 10px;
    position: absolute;
    bottom: 0;
    right: 5px;
}
.blog_view_container .blog_data .share_num span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.other_container {
    padding: 30px 0 0 0;
    overflow: hidden;
}
.other_container ul.otherlist {
    margin-left: -7px;
    margin-right: -7px;
}
.other_container ul.otherlist:after {
	content: '';
	display: table;
	font-size: 0;
	clear: both;
}
.other_container ul.otherlist > li {
    padding: 3px 0;
    width: 33.3333%;
    float: left;
}
.blog_view_content {
    position: relative;
    overflow: hidden;
    border-radius: 1px;
    min-height: 180px;
    background-color: #fff;
    border-top: 3px solid #6783d7;
    border-bottom: 1px solid #6783d7;
}
.blog_view_content_inner {
    padding: 0 7px;
    overflow: hidden;
    -webkit-transition: 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.blog_view_content_inner:hover {
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
}
.blog_view_content .thumbnail_view {
    position: relative;
    background-color: #eee;
}
.blog_view_content .blog_data {
    padding: 10px 0;
    background-color: #fff;
}
.blog_view_content .blog_data .cate_area li span > a {
    color: #fff;
}
.blog_data .cate_area {
    float: none;
}
.blog_view_content a {
    color: #3f4853;
}
.blog_view_content .cate_area li {
    font-size: 11px;
}
.blog_view_content .cate_area li:last-child {
    padding-right: 0;
}
.blog_view_content h3 {
    padding: 8px 0;
    font-size: 15px;
    clear: both;
    font-weight: bold;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 70px;
    height: auto;
	text-overflow: ellipsis;
	margin: 1rem 0;
}
.blog_view_content .text {
    min-height: 42px;
    font-size: 11px;
}
.blog_view_content .share_num {
    position: absolute;
    top: 5px;
    right: 15px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    font-family: 'Cantarell', sans-serif;
    line-height: 1;
    padding: 5px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.blog_view_content .share_num span {
    font-size: 12px;
    font-weight: normal;
    display: block;
}
.nav-links {
    text-align: center;
    font-size: 16px;
    line-height: 1;
}
.nav-links span.page-numbers {
    display: inline-block;
    width: 30px;
    padding: 6px 0;
    margin-top: -1px;
    vertical-align: middle;
}
.nav-links a.page-numbers {
    display: inline-block;
    width: 30px;
    padding: 8px 0;
    color: #fff;
    margin-top: -1px;
    vertical-align: middle;
    background-color: #787878;
}
.nav-links a.restyle {
	width: auto;
	margin: -1px 2px 0px;
	padding: 0px 3px;
	min-width: 30px;
	line-height: 2;
	font-size: 14px;
	cursor: pointer;
}
.nav-links a.current {
	background-color: #1B4356;
}

.nav-links a.previous {
	width: 42px;
	margin-right: 8px;
}

.nav-links a.next {
	width: 42px;
	margin-left: 8px;
}

.dataTables_info {
	display: none !important;
}
.dataTables_processing {
	position: absolute;
	text-align: center;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #333333;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	left: 49%;
	top: -18px;
	z-index: 3;
	color: transparent;
	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*
	side
*/
.content_nav {
	margin-bottom: 15px;
}
.content_nav ul li {
	margin-bottom: 5px;
}
.content_nav ul li a {
	display: table;
	width: 100%;
	/*height: 60px;*/
	color: #fff;
	font-size: 18px;
}
.content_nav ul li a.top {
	background-color: #6783d7;
}
.content_nav ul li a.analytics {
	background-color: #ee7794;
}
.content_nav ul li a.market {
	background-color: #feaf32;
}
.content_nav ul li a.promotion {
	background-color: #48c5d4;
}
.content_nav ul li a.plain {
	background-color: #97d440;
}
.content_nav ul li a.star {
	background-color: #9871ce;
}
.content_nav ul li a > span {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 20px;
	position: relative;
	height: 60px;
	line-height: 1.5;
}
.content_nav ul li a > span:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: rgba(255,255,255,0);
	-webkit-transition: 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.content_nav ul li a > span:hover:after,.content_nav ul li a > span.active:after {
	width: 100%;
	height: 60px;
	background-color: rgba(255,255,255,0.3);
}
.content_nav ul li a > span > span.icon {
	line-height: 1;
	display: inline-block;
	padding:0 5px 0 0;
}
.content_nav ul li a > span > span.icon > svg {
	vertical-align: middle;
	line-height: 1;
	width: 22px;
	height: auto;
	max-height: 27px;
	margin-top: -4px;
}
.search-form {
	margin-bottom: 15px;
}
.search-form ul {
    display: table;
    width: 100%;
}
.search-form ul li {
    display: table-cell;
    vertical-align: middle;
}
.search-form ul li.inputbtn {
    width: 40px;
}
.about_area{
	margin: 0 0 15px 0;
	text-align: center;
}
.login_area {
    margin: 0 0 15px 0;
    padding: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	text-align: center;
	border: 2px solid #6783d7;
	background-color: #f8fafc;
}
.login_area .login_area_inner > dl {
	margin-bottom: 13px;
}
.login_area .login_area_inner > dl:nth-child(2) {
	margin-bottom: 0;
}
.login_area .login_area_inner .input_btn {
    padding: 20px 0 10px;
}
.google_area {
    margin-top: 10px;
    display: table;
    width: 100%;
}
.google_area li {
    display: table-cell;
    padding: 3px;
    vertical-align: middle;
    text-align: left;
}
.google_area li:first-child {
    width: 40px;
    text-align: center;
}
.ranking_area {
	border-top: 3px solid #6783d7;
}
.ranking_area h3 {
    padding: 20px 10px 14px 10px;
	text-align: center;
	font-size: 14px;
}
.ranking_area h3 > .icon {
	display: inline-block;
	width: 25px;
}
.ranking_area h3 > .icon svg {
	margin-bottom: -2px;
	max-height: 25px;
}
.ranking_area .ranking_area_inner {
    padding: 5px 0 0 0;
    background-color: #ffffff;
}
.ranking_area .ranking_area_inner dl {
    display: table;
    width: 100%;
    /*border-top: 1px dotted #e1e1e1;*/
    font-size: 12px;
}
.ranking_area .ranking_area_inner dl:first-child {
	border-top: 1px solid #e1e1e1;
}
.ranking_area .ranking_area_inner dl dt {
    display: table-cell;
    vertical-align: middle;
}
.ranking_area .ranking_area_inner dl .rank_icon {
    width: 30px;
    padding: 10px 0 10px 2px;
    text-align: center;
    font-weight: bold;
}
.ranking_area .ranking_area_inner dl dd {
    display: table-cell;
    vertical-align: top;
    padding: 5px 0;
}
.ranking_area .ranking_area_inner dl dd.img {
    width: 25%;
    padding: 7px;
    vertical-align: middle;
}
.ranking_area .ranking_area_inner dl dd.img img {
	width: 100%;
}
.ranking_area .ranking_area_inner dl dd a.title_rank {
    color: #3f4853;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*height: 32px;*/
}
.tag_area {
    margin: 15px 0;
    padding: 10px 0;
    background-color: #fff;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    border-top: 3px solid #6783d7;
    border-bottom: 1px solid #6783d7;
}
.tag_area a {
    display: inline-block;
    color: #6783d7;
}

/*
	news/list
*/
.other_container.category {
	margin-top: -3px;
	margin-bottom: 5px;
    padding: 0;
}
.bloglist {
	margin-bottom: 15px;
    border-top: 3px solid #6783d7;
}
.bloglist > li {
    overflow: hidden;
    margin: 0;
    border-bottom: 1px solid #6783d7;
}
.bloglist .blog_view_container {
    background-color: #fff;
    -webkit-transition: 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.bloglist .blog_view_container:hover {
    -webkit-transform: scale(1.02,1.02);
    transform: scale(1.02,1.02);
}
.bloglist .blog_view_container .thumbnail_view {
    width: 30%;
    padding: 15px 5px;
}
.blog_view_container .thumbnail_view .icon_new {
    position: absolute;
    top: 15px;
    left: 5px;
    font-size: 14px;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    width: 60px;
    height: 60px;
    display: table;
    text-align: center;
    padding: 0;
    border-collapse: collapse;
}
.bloglist .blog_view_container .blog_data {
    padding: 15px 65px 15px 10px;
}
.bloglist .blog_view_container .blog_data .share_num {
    bottom: 15px;
}
/*
	news/detail
*/
.single_container {
    border-top: 3px solid #6783d7;
    padding: 20px 0;
    background-color: #fff;
}
.single_container .blog_upper {
    padding: 0 0 10px 0;
}
.single_container .blog_upper:after {
	content: '';
	display: table;
	font-size: 0;
	clear: both;
}
.single_container .cate_area {
    display: table;
    border-collapse: collapse;
    float: left;
}
.single_container .upper_sns li {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
}
.single_container .upper_sns {
    float: right;
}
.single_container .blog_tag a {
    color: #303841;
}
.tag_icon {
    display: inline-block;
    padding: 3px 10px;
    margin: 0 3px 3px 0;
    background-color: #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.single_container .blog_title {
    position: relative;
    padding: 10px 70px 30px 0;
}
.single_container .blog_title .share_num {
    position: absolute;
    bottom: 10px;
    right: 0;
    color: #666;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    font-family: 'Lato', sans-serif;
    line-height: 1;
}
.single_container .blog_title .share_num span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}
.single_container .thumbnail_view {
    display: block;
    width: auto;
    padding-right: 0;
    text-align: center;
}
.single_container .single_body {
    padding: 15px 0;
    font-size: 100%;
    line-height: 1.5;
}
.su-button {
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    transition: all .2s;
    -webkit-transition: all .2s;
}
.su-button span {
    display: block !important;
    text-decoration: none !important;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    transition: all .2s;
    -webkit-transition: all .2s;
}
.su-button-style-default span {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}
.su-button-wide {
    display: block !important;
    margin: 1em 0;
}
.su-button-center {
    text-align: center;
}
.su-button-style-default {
    border-width: 1px;
    border-style: solid;
}
.yarpp-related {
    margin: 1em 0;
}
.yarpp-related h3 {
    font-weight: bold;
    padding: 0 0 5px 0;
    font-size: 125%;
    text-transform: capitalize;
    margin: 0;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	display: inline-block;
    border: 1px solid rgba(127,127,127,0.1);
    width: 130px;
    height: 170px;
    margin: 5px;
    margin-left: 0px;
    vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: 120px;
    height: 120px;
    margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 1em;
    max-height: 2.8em;
    line-height: 1.4em;
    margin: 7px;
    margin-top: 0;
    width: 120px;
    text-decoration: inherit;
    overflow: hidden;
}
.yarpp-related .yarpp-thumbnail-title {
    text-align: left;
    font-weight: bold;
    font-size: 96%;
    text-decoration: none;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
    display: inline-block;
}
.regist_member_container {
    margin: 15px 0;
    display: table;
	width: 100%;
	border: 2px solid #6783d7;
    border-radius: 3px;
    overflow: hidden;
	font-size: 14px;
	background-color: #f8fafc;
}
.regist_member_container .regist_left {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 20px 0 20px;
    text-align: center;
}
.regist_member_container .regist_left .content_logo {
	margin: auto;
	max-width: 128px;
}
h2.login_h2 {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0;
}
.single_container h2 {
    font-size: 26px;
    font-weight: bold;
}
.regist_member_container .regist_right dl dt {
    padding: 5px 0;
}
.regist_member_container .regist_right dl dd {
    padding: 5px 0;
}
.regist_member_container .regist_right {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 20px 20px 0;
    width: 65%;
}
.regist_member_container .regist_right .input_btn {
    text-align: center;
    padding: 10px 0;
}
.sns_single_container {
    margin: 15px 0 0 0;
    border-top: 1px solid #e6e6e6;
    padding: 15px 0 0 0;
}
.sns_single_container ul li {
    display: inline-block;
    vertical-align: top;
	line-height: 1;
}
.single_container ul li a {
    color: #fff;
    font-size: 12px;
}
.single_container ul li a .sns_icon {
    display: inline-block;
    border-radius: 2px;
    padding: 4px 10px;
    background-color: #0091e4;
}
.single_container ul li a .sns_icon.fb {
    background-color: #4260b4;
}
.single_container ul li a .sns_icon.cw {
    background-color: #fff;
    background-image: url(../../resources/images/common/normal-40x40.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 4px 10px 4px 20px;
    border: 1px solid #e1e1e1;
    color: #3f4853;
}
li.btnlinest {
    display: none !important;
}
.post-navigation .nav-links {
    display: table;
    width: 100%;
}
.post-navigation .nav-previous {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 50%;
}
.post-navigation .nav-next {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 50%;
}
.post-navigation .nav-links a {
    color: #6783d7;
}
/*
	form
*/
/* input[type="text"],input[type="password"] {
    width: 100%;
    padding: 7px;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
	border: 1px solid #A6A6A6;
	border-radius: 10px;
	height: 40px;
	outline: none;
} */

input[type="search"] {
    width: 100%;
    padding: 10px;
	font-size: 14px;
	height: 40px;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #6783d7;
    border-radius: 1px;
    -webkit-border-radius: 1px;
}
textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    border: 1px solid #6783d7;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    height: 100px;
}
/*input[type="submit"] {
    width: 100%;
    max-width: 180px;
    height: 32px;
    font-size: 14px;
    appearance: none;
    -webkit-appearance: none;
	background: none;
	background-color: #fff;
	vertical-align: middle;
	border: 1px solid #787878;
    border-radius: 10px;
	outline: none;
}*/
button[type="submit"] {
    width: 100%;
    max-width: 40px;
    height: 40px;
    font-size: 16px;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    background: #6783d7;
    color: #fff;
}
.error {
    color: #ff3300;
}
.success {
	color: #00ca6d;
}
.bg_efefef {
	background-color: #efefef;
}
/*
	fade in anime
*/
.fadein {
    opacity : 0;
    transform : translate(0, 20px);
    -webkit-transform : translate(0, 20px);
    transition : all 500ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    -webkit-transform : translate(0, 0);
}

/* ---------------- regist -------------------- */
/*
	ranking
*/
.member_container {
	margin: auto;
	width: 100%;
	/* max-width: 1000px; */
	background-color: #fff;
	border-radius: 16px;
}
.ranking_upper {
	z-index: 1;
	position: relative;
}
.ranking_title_container{
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	padding: 24px 24px 0 24px;
	color: #232323;
	position: relative;
	line-height: 20px;
	height: 56px;
}
.ranking_title_container .date{
	border-bottom: 1px solid #a6a6a6;
	padding-bottom: 12px;
}
.update_time > .date_bottom {
	padding-bottom: 1.25rem;
	font-weight: 400;
	color: #787878;
}
.update_time > .date_bottom span{
	color: #232323;
}
.member_container .update_store > ul {
	margin: 0;
	display: flex;
	width: 100%;
	height: 32px;
	text-align: center;
}
span.tlt_pushes {
	text-align: left;
	float: left;
	display: initial;
	font-size: 20px;
	color: #fff;
}
.member_container .update_store > ul > li {
	width: 82px;
	font-size: 14px;
	margin-right: 8px;
}
.member_container .update_store > ul > li:last-child {
	margin-right: 0;
}
.member_container .update_store > ul > li > a {
	display: block;
}
.member_container .update_store > ul > li > a > span {
	position: relative;
	display: block;
	color: #232323;
	border:1px solid #A6A6A6;
	line-height: 32px;
	border-radius: 6px;
}
.member_container .update_store > ul > li > a > span.active {
	background-color: #a6a6a6;
	color: #fff;
}
.member_container .ranking_search_container {
	border: 1px solid #e1e1e1;
	padding: 5px 10px;
}
.member_container .key_search_box{
	padding: 0;
	font-size: 0;
}
.key_search_box .menu.sp{
	padding-top: 5px;
	padding-bottom: 5px;
}
.key_search_box .input-group{
	position: relative;
}
.key_search_box .input-group > input[type="text"] {
	max-width: 275px;
	width: 275px;
	vertical-align: middle;
}
#calendar_tab .member_container .update_store > #toggle > li > a > span {
	background-color: transparent;
}
/* #calendar_tab .toggle__::after {
	color: #ffffff;
} */
#calendar_tab  .toggle__up::after {
	content: '▼';
	width: 15px;
	height: 15px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	display: inline-block;
	margin-left: 20px;
	color: #ffffff;
	position: absolute;
	top: 28px;
	right: -20px;
	font-size: 14px;
}
.dropdown .toggle__{
	display: inline-block;
	height: 46px;
	line-height: 46px;
	color: #000;
}
.dropdown .toggle__:before {
    content: '\f106';
    font-family: "FontAwesome", "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: calc(50% - 4px);
    top: -24px;
}
.dropdown .toggle__:after {
    content: '\f107';
    font-family: "FontAwesome", "Font Awesome 5 Free";
    font-weight: bold;
    position: absolute;
    left: calc(50% - 4px);
    bottom: -24px;
}
.toggle__up::after {
	content: '▼';
	width: 10px;
	height: 12px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	display: inline-block;
	margin-left: 20px;
	color: #3f4853;
}

/*select2 edit css*/

.key_search_box select.combo {
	max-width: 275px;
	width: 100% !important;
	margin-right: -5px;
	width: 100%;
	padding: 7px;
	border: 1px solid #6783d7;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	height: 40px;
	outline: none;
}
.key_search_box .input-group .select2-container {
	max-width: 275px;
	margin-right: -5px;
	margin-top: 1px;
	width: 100%;
}
.list_rank .select2-container--default .select2-selection--single {
	border: none;
	outline: none;
}
.list_rank {
	height: 44px;
	justify-content: flex-end;
}
.list_rank input[type=radio] {
	display: none;
}
.key_search_box .input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #000;
	font-size: 12px;
	padding: 0px 10px 0px 0px;
}
.key_search_box .input-group .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #777;
}
.select2-container .select2-dropdown{
	/*top: -34px!important;*/
}
.select2-container--open .select2-dropdown {
	padding: 1.5rem 10px !important;
	color: #232323;
	background-color: #f8f8f8 !important;
	position: relative;
	border-radius: 6px!important;
	border:none!important;
}
.select2-container--default .select2-selection--multiple {
	border: none;
	border-radius: 0;
	cursor: pointer;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: none;
	cursor: pointer;
}
.select2-container--default.select2-container--open .select2-selection--multiple {
	position: absolute;
	z-index: 1;
	border: none;
	border-radius: 0;
	background-color: transparent;
	padding-top: 5px;
}
.select2-container--default.select2-container--open .select2-selection--multiple .select2-search__field {
	display: none;
}
.select2-container--default:not(.select2-container--open) .select2-selection--multiple .select2-selection__choice{
	display: none;
}

.select2-container--default .select2-results__option {
	line-height: 14px;
	text-align: center;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: inherit !important;
	color: #232323 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	/* background-color: #f2f2f2; */
	display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
	line-height: 24px;
	color: #6783d7;
}
.select2-dropdown .select2-search--dropdown {
	padding: 0;
}
input.select2-search__field:focus,
input.select2-search__field.active {
	background-image: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #232323;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #A5A6A7 !important;
	border-radius: 6px;
	height: 34px;
}
/*event search*/
.select2-container--default .select2-search--inline .select2-search__field {
	margin-top: 0px !important;
	text-align: center;
	color: #232323;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
	color: #000;
}
.eventFilter #filterBox .select2-container {
	width: 100% !important;
}
.select2-container .select2-search--inline {
	/* margin-bottom: -2px; */
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
	white-space: normal;
	width: 100%;
	height: 100%;
	border: none;
	border-top: 1px solid #f8f8f8;
	position: relative;
	color: #fff;
	height: 38px;
	line-height: 38px;
	background-color: transparent;
	border-radius: 0;
	margin-bottom:5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child{
	border-top: none;
	margin-bottom: 0px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search{
	display: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice__remove {
	/* display: none; */
	font-size: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-selection__choice__remove:hover {
	/* display: inline-block; */
	font-size: 20px;
	font-weight: bold;
	color: #232323;
	background-color: rgba(120,120,120,0.6);
	text-align: center;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: normal;
	color: #232323;
}
#filterApp .select2-container--default .select2-selection--single {
	/*border: 1px solid #C7C7C7;
	border-radius: 10px;
	padding-left: 36px;
	text-align: left;*/
}
#filterApp .select2-container--default .select2-selection--single:after {
	/*content: "\f002";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	top: 23%;
	left: 3%;
	color: #787878;*/
}
.select2-dropdown--below {
	z-index: 9999;
}
.select2-dropdown--below.dropdownEvent{
	top: auto!important;
	width: 260px;
}
.select2-dropdown--below.dropdownEvent .select2-results .select2-results__options::-webkit-scrollbar-track,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track,
.key_search_box .search_select_view ul, .input-group .search_select_view ul::-webkit-scrollbar-track {
	background: #f8f8f8;
}
.select2-dropdown--below.dropdownEvent .select2-results .select2-results__options::-webkit-scrollbar-thumb,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb,
.key_search_box .search_select_view ul, .input-group .search_select_view ul::-webkit-scrollbar-thumb {
	background: #e8e8e8;
		border-radius: 100px;
}
.select2-dropdown--below.dropdownEvent .select2-results .select2-results__options::-webkit-scrollbar,
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar,
.key_search_box .search_select_view ul, .input-group .search_select_view ul::-webkit-scrollbar {
	width: 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	border-radius:6px;
    /* border: 1px solid #fff; */
	margin-top: -2px;
	background-color: #a6a6a6;
	width: fit-content;
}
.select2-dropdown.select2-dropdown--below {
	min-width: 150px;
}
/*end select2*/
.key_search_box .input-group button {
	vertical-align: middle;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: #6783d7;
	width: 40px;
	height: 40px;
	/*margin-top: 1px;*/
}
.input-group{
	width: 274px;
	float: left;
}
.key_search_box .search_select_view{
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	max-width: 275px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	padding: 10px;
	border-radius: 3px ;
	z-index: 10;
}
.form-search-view .select2-container--default .select2-selection--multiple,
.form-search-view .select2-container--default.select2-container--focus .select2-selection--multiple{
	border: none;
	cursor: pointer;
}
.input-group .search_select_view{
	position: absolute;
	top: 4px;
	left: 71px;
	width: 100%;
	max-width: 375px;
	background-color: #f8f8f8;
	border:1px solid #E8E8E8;
	padding: 10px;
	border-radius: 6px ;
	z-index: 10;
}
.key_search_box .search_select_view ul li a,
.input-group .search_select_view ul li a{
	display: block;
	padding: 5px 6px;
	color: #3f4853;
}
.key_search_box .search_select_view > div,
.input-group .search_select_view > div{
	padding: 5px 0;
}
.key_search_box .search_select_view ul,
.input-group .search_select_view ul{
	max-height: 200px;
	overflow-y: auto;
}
.ranking_lower > dl {
	display: table;
	width: 100%;
	border-collapse: collapse;
	background-color: #f8f8f8;
}
.ranking_lower > dl:hover dd, .ranking_lower > dl:hover dt{
	background-color:#F3F4F6;
}
.ranking_lower > dl > dt {
	display: table-cell;
	vertical-align: middle;
	padding: 4px;
	width: 70px;
}
.ranking_lower > dl > dd {
	display: table-cell;
	vertical-align: middle;
	padding: 13px 13px 13px 5px;
	text-align: left;
	font-size: 17px;
}
.ranking_lower > dl > dd.rank {
	padding: 13px 0 13px 10px;
	width: 50px;
	text-align: center;
	color: #232323;
}
.ranking_lower > dl > dd a {
	color: #3f4853;
}
.ranking_lower > dl > dd p {
	font-size: 15px;
}
.ranking_lower > dl > dd.rank span.icon_rank {
	display: inline-block;
	width: 30px;
	height: 25px;
	border-radius: 13px;
	font-size: 13px;
	margin: 0 auto;
	line-height: 25px;
}
.ranking_lower > dl > dd.plus {
	width: 91px;
	min-width: 91px;
	text-align: center;
	padding: 0;
	line-height: 1;
}
.ranking_lower > dl > dd.plus .log-right{
	margin-right: 15px;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd a.icon__calender__ {
    width: 46%;
    float: left;
    margin-right: 18px;
    max-width: 32px
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd a.icon__calender__ .icon_calendar{
	font-size: 20px;
	color: #A6A6A6;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd a.icon__plus_inner {
    width: 46%;
    max-width: 32px;
	float: left;
}
.ranking_lower > dl > dd.plus .icon_calendar svg {
	width: 32px;
	height: 32px;
}
.ranking_lower > dl > dd.updown {
	width: 50px;
	text-align: center;
	padding: 0 0 0 2.5rem;
	line-height: 1;
}
.ranking_lower > dl > dd.updown .icon_updown {
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	width: 15px;
	max-height: 20px;
}
.ranking_lower > dl > dd.updown .icon_updown.up {
	width: 17px;
}
.ranking_lower > dl > dd.updown .icon_updown .fa-arrow-right {
	color: #aeb2b9;
}
.ranking_lower > dl > dd.updown .icon_updown .fa-arrow-up {
	color: #f55f6a;
}
.ranking_lower > dl > dd.updown .icon_updown .fa-arrow-down {
	color: #5fa1f2;
}
.ranking_lower > dl > dd.updown img {
	line-height: 1;
	vertical-align: top;
}
.ranking_lower > dl:nth-child(even) {
	background-color: #fff;
}
.ranking .member_container {
    max-width: 1230px;
}
.ranking_2kind_container {
	margin-top: 20px;
	overflow: hidden;
	padding: 0;
}
.ranking_2kind_inner {
	padding: 0;
	text-align: center;
	font-size: 0;
}
.ranking_2kind_inner > div {
	margin: auto;
	display: inline-block;
	width: 100%;
	vertical-align: top;
	/*padding: 0 8px;*/
	font-size: 14px;
}
/* .ranking_2kind_inner .list_rank {
	width: 33.333%;
	float: left;
} */
.ranking_list_tab {
    /*width: 100%;
	height: 86px;
	display: flex;
	border: 1px solid #E8E8E8;
	padding: 16px 0;
	margin-bottom: 20px;
	border-radius: 6px;*/
}
.ranking_list_tab > div {
	/*flex: 1;
	border-right: 1px solid #E8E8E8;;*/
}
.ranking_list_tab > div:last-child {
	/*border-right: none;*/
}

.title_ranking_app .icon_plus_link {
    width: 50%;
    float: left;
    text-align: right;
    /*position: relative;*/
    /*top: 12px;*/
    /*right: 10px;*/
	background-color: #eff2fb;

}
.icon_plus_title{
	padding-top: 12px;
	margin-bottom: -12px;
	padding-right: 10px;
	margin-left: -10px;
}
.title_ranking_app .icon_plus_link svg {
    max-height: 35px;
    max-width: 35px;
}
h2.ranking_ttl {
	background: #ffffff;
	padding: 13px;
	color: #3f4853;
	text-align: left;
}
.ranking_2kind_inner > div > .ranking_lower {
    margin: 0 0 10px;
}
.ranking_link {
	text-align: right;
}
.ranking_link > a {
	margin: 0 0 0 auto;
	display: table;
	width: 100%;
	max-width: 210px;
	height: 40px;
	border-radius: 20px;
	border: 2px solid #6783d7;
	text-align: center;
	font-size: 13px;
	color: #6783d7;
}
.ranking_link > a > span {
	display: table-cell;
	line-height: 1;
	vertical-align: middle;
}
.ranking_content {
	margin-top: 20px;
}
.ranking_content .ranking_lower {
	margin-top: 0;
}
/* .updown .triangle{
	text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
}
.updown .triangle-up {
	width: 0!important;
	height: 0!important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #FF018B;
  }
  
  .updown .triangle-down {
	width: 0!important;
	height: 0!important;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 10px solid #0166FF;
  }
  
  .updown .triangle-right {
	width: 0!important;
	height: 0!important;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 10px solid #C7CFD4;
  } */
/*
	mypage
*/
/* .mypage .member_container {
    max-width: 1230px;
} */
.mypage_lower_container {
	margin-top: 30px;
}
.page_ttl {
	background: #232323;
    padding: 4px 8px 4px 16px;
    color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: 40px;
	line-height: 32px;
}
.mypage .content_container {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.mypage .content_container > .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 15px 0;
}
.dashboard_box {
	margin-bottom: 8px;
}
.dashboard_inner {
	width: 100%;
	padding:10px 0;
}
.dashboard_inner > div {
	display: table-cell;
	vertical-align: middle;
}

.regist_list {
	font-size: 0;
	line-height: 1;
}
.regist_list > li {
	display: inline-block;
	font-size: 20px;
	padding: 0 15px 15px 0;
	vertical-align: middle;
}
.regist_list > li img {
	max-width: 125px;
}
.regist_list > li:last-child {
	padding-right: 0;
}
.regist_list_box {
	border: 1px solid #e1e1e1;
	padding: 10px;
	text-align: center;
}
.regist_list_box > .btn {
	padding-top: 13px;
	text-align: center;
}
.regist_list_box > .btn > a {
	display: inline-block;
	margin: auto;
	width: 37px;
	height: 37px;
	line-height: 37px;
	/*background-color: #ed7d33;*/
	border-radius: 19px;
	color: #fff;
	overflow: hidden;
}
a.more_btn {
	display: inline-block;
	width: 190px;
	height: 40px;
	border-radius: 20px;
	border: 2px solid #6783d7;
	font-size: 13px;
	color: #6783d7;
	background-color: #fff;
	overflow: hidden;
}
a.more_btn > span {
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
}
.mypage_lower_container.fixed {
	margin: 30px auto 0;
	width: 100%;
}
.existing_ranking_container {
	display: table;
	width: 100%;
}
.existing_ranking_container > div {
	display: table-cell;
	vertical-align: top;
}
.existing_ranking_container > div.ranking_content {
	width: 100%;
}
.existing_ranking_container > div.ranking_content .ranking_title_container {
	table-layout: auto;
	border-collapse: collapse;
}
.existing_ranking_container .ranking_title_container.market-tab-menu {
	background-color: #fff;
	height: 40px;
}
/* .existing_ranking_container > div.ranking_content .ranking_title_container > div.date {
	width: auto;
	font-size: 18px;
	font-weight: bold;
    text-align: left;
} */
.existing_ranking_container > div.ranking_content .date_bottom {
	width: auto;
	font-size: 12px;
	text-align: right;
}
.existing_ranking_container > div.ranking_content .ranking_title_container > div h2.ranking_ttl {
    padding: 0;
}
.existing_ranking_container > div.ranking_content .ranking_2kind_inner {
	padding: 20px 24px 24px;
	background-color: #fff;
	border-radius: 0 0 16px 16px;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd {
    font-size: 14px;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd a {
	display: block;
	max-width: 150px;
	/*overflow: hidden;*/
	/*white-space: nowrap;*/
	text-overflow: ellipsis;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dt a {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #B5B5B5;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dt a img{
	width: 46px;
	height: 46px;
}
.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd p a {
    font-size: 12px;
	font-family: inherit;
	max-width: none;
	overflow: none;
	text-overflow:none;
	color: #787878;
}

.existing_ranking_container > div.ranking_news_content {
	width: 33.333%;
	padding-left: 10px;
}
.existing_ranking_container > div.ranking_news_content .ttl_mypage {
	display: table;
	width: 100%;
	table-layout: fixed;
	background-color: #6783d7;
	color: #fff;
	height: 61px;
	font-size: 14px;
}
.existing_ranking_container > div.ranking_news_content .ttl_mypage > span {
	display: table-cell;
	vertical-align: middle;
	padding:13px;
}
.existing_ranking_container .update_store > ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
}
.existing_ranking_container .update_store > ul > li {
    display: inline-block;
    vertical-align: middle;
}
.existing_ranking_container .update_store > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    overflow: hidden;
}
.existing_ranking_container .update_store > ul > li > a > span {
    display: inline-block;
    background-color: #60a8f0;
    color: #fff;
    padding: 6px 10px;
}
.existing_ranking_container .update_store > #toggle > li > a > span {
	background-color: transparent;
}
.js-dropdown-list {
	display: none;
	position: absolute;
	z-index: 2;
	border: 1px solid #e8e8e8;
	background-color: #F8F8F8;
	padding: 4px 0;
	width: auto;
	margin: 0 auto;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	border-radius: 12px;
}
.ranking_2kind_inner .dropdown {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #232323;
}
.js-dropdown-list li {
	padding: 4px 32px;
	height: 32px;
	line-height: 24px;
	border-top: 1px solid #E8E8E8;
}
.js-dropdown-list li:first-child{
	border-top: none;
}
.list_rank a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.list_rank .select2-dropdown {
	width: 240px;
}
#search_order {
	color: #444444;
}
.disable-r{
	background: #e1e1e1;
}
.market-tab-menu {
	position: relative;
}
.ranking_2kind_inner .dropdown .js-dropdown-list a {
	display:block;
	border-bottom: none;
}
.js-dropdown-list li:last-child {
	border-bottom: none;
}
.ranking_2kind_inner .dropdown a {
	color: #232323;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.ranking_2kind_inner .dropdown li a {
	color: #232323;
}
.existing_ranking_container .update_store > ul > li > a > span.active {
    background-color: #fff;
    color: #60a8f0;
}
.existing_ranking_container .news_rank {
	margin-top: 20px;
}
.existing_ranking_container .ranking_content_inner {
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	margin: 0 0 20px;
}
.existing_ranking_container .news_rank > .title {
	display: table;
	width: 100%;
	height: 63px;
	color: #fff;
	background-color: #6783d7;
	table-layout: fixed;
	border-collapse: collapse;
}
.existing_ranking_container .news_rank > .title > h2 {
	display: table-cell;
	vertical-align: middle;
	padding:13px;
}
.existing_ranking_container .news_rank .rank_container {
	background-color: #f8f8f8;
}
.existing_ranking_container .news_rank .rank_container:nth-child(even) {
    background-color: #fff;
}
.existing_ranking_container div.news_rank dl {
    display: table;
	width: 100%;
	min-height: 138px;
}
.existing_ranking_container div.news_rank dl dt {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    text-align: center;
    color: #666;
}
.existing_ranking_container div.news_rank dl dt span.icon_rank {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 13px;
    font-size: 13px;
    margin: 0 auto;
    line-height: 25px;
}
.existing_ranking_container div.news_rank dl dt span.no1 {
    background-color: #e6ab00;
    color: #fff;
}
.existing_ranking_container div.news_rank dl dt span.no2 {
    background-color: #b1b3ba;
    color: #fff;
}
.existing_ranking_container div.news_rank dl dt span.no3 {
    background-color: #9e705e;
    color: #fff;
}
.existing_ranking_container div.news_rank dl dd {
    display: table-cell;
    vertical-align: middle;
    padding: 13px;
    text-align: left;
}
.existing_ranking_container div.news_rank dl dd.thumb {
    width: 80px;
}
.existing_ranking_container div.news_rank dl dd a {
	color: #666;
}
/*
	calendar
*/
.member_container .search_container {
	border: 1px solid #e8e8e8;
    padding: 24px;
}
.member_container .search_container .guide{
	line-height: 14px;
}
.form-search-view {
	border: 2px solid #E8E8E8;
	position: relative;
	margin-bottom: 20px !important;
}
.form-search-view .filter-search {
	height: 40px;
}
.form-search-view .ranking_list_tab{
	border: none;
	margin-bottom: 0;
	height: 80px;
}
.form-search-view .filter-search .menu{
	position: absolute;
	top: 0;
	left: 0;
	width: 470px;
	height: 40px;
	padding: 4px;
}
.form-search-view .filter-search .menu .wrapper-input input {
	position: relative;
	padding:0 0 0 38px;
	color: #232323;
	width: 360px;
	font-size: 13px;
	height: 34px;
	white-space: nowrap;
}
.form-search-view .filter-search .menu .wrapper-input input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #787878;
	letter-spacing: 1px;
	font-size: 13px;
}
.form-search-view .filter-search .menu .wrapper-input {
	position: relative;
}
.form-search-view .filter-search .menu .wrapper-input:before{
	content: "\f002";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	top: 22%;
	left: 5%;
	color: #787878;
	z-index: 9;
}
.search_content {
	display: inline-block;
	vertical-align: top;
	padding:0 5px;
}
.search_content > .menu {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.search_content > .menu.set {
	height: 40px;
	line-height: 40px;
}

.key_search_box .menu.setauto {
	width: auto;
}
.key_search_box select.sort_select {
	min-width: 82px;
}
.search_content .input_space {
	display: inline-block;
	vertical-align: middle;
	min-width: 280px;
	padding:0 5px;
}
.search_content .input_space > .menu {
	width: auto;
	padding:0 5px;
}
.search_content .input-date {
	width: 100px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
}
.search_content .radio_btn_style{
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #e1e1e1;
	width: 150px;
	font-size: 0;
}
.search_content .radio_btn_style > li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 50%;
	height: 40px;
	overflow: hidden;
	text-align: center;
}
.search_content .radio_btn_style > li > input[type=radio] {
	display: none;
}
.search_content .radio_btn_style > li > label {
	display: block;
	width: 100%;
	height: 40px;
	background-color: #fafafa;
	line-height: 40px;
}
.search_content .radio_btn_style > li > input[type=radio]:checked + label {
	background-color: #6783d7;
	color: #fff;
}
.search_content button.btn-filter {
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    font-size: 12px;
    padding: 0;
    width: 165px;
    height: 40px;
    border-radius: 3px;
    border: 2px solid #6783d7;
    vertical-align: middle;
    background-color: #fff;
    color: #6783d7;
}
.menu.popup{
	position:relative;
}
.menu.popup #filterBox{
	display:none;
	position:absolute;
	top:50px;
	right:0;
	border-radius:2px;
	border:1px solid #e1e1e1;
	background-color:#fff;
	padding:0;
	overflow:hidden;
    text-align:left;
    margin-bottom:10px;
	z-index:10;
	width: 400px;
}
.menu.popup #filterBox .panel-body{
	padding:10px;
}
.menu.popup.sp #filterBox .submit {
	padding: 0 5px 5px 160px;
}
.submit ul{
	display:table;
	width:100%;
	table-layout: fixed;
}
.submit ul li{
	display:table-cell;
	vertical-align:middle;
	padding:5px;
}
.submit ul li button{
	appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
    font-size: 14px;
    padding: 0;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #6783d7;
    vertical-align: middle;
    background-color: #fafafa;
    color:#6783d7;
}
.submit ul li button.btn-submit{
	background-color:#6783d7;
	color:#fff;
}
.search_content .menu .submit_btn {
    padding: 5px 0;
}
.search_content .menu .submit_btn button {
    appearance: none;
    -webkit-appearance: none;
	cursor: pointer;
    background: 0 0;
    font-size: 12px;
    padding: 0;
    width: 100px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #e1e1e1;
    vertical-align: middle;
    background-color: #6783d7;
    color: #fff;
}
#calendar_tab .menu-last {
	width: auto;
	vertical-align: middle;
	display: inline-block;
	margin-bottom: 7px;
}
.search_content > .menu-last {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.envent_check .checkbox {
	display: inline-block;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
}
.envent_check .checkbox:nth-child(1) {
	padding-right: 10px;
	display: inline-block;
	font-size: 12px;
}
.toggle-switch-calendar{
	position: relative;
	font-size: 12px;
	display: inline-block;

}
.toggle-switch-calendar:hover{
}
.list-option-calendar{
	position: absolute;
	display: none;
	background: #fff;
	border: 1px solid #e1e1e1;
	top: 22px;

}
.option-selected-calendar{
	padding: 3px;
}
.option-selected-calendar span{
	border-bottom: 1px solid #000000;
}
.option-selected-calendar span::after {
	content: '▼';
	width: 10px;
	height: 12px;
	display: inline-block;
	margin-left: 20px;
	color: #3f4853;
	font-size: 11px;
}
.list-option-calendar .option-select-calendar{
	display: block;
	width: max-content;
}
.list-option-calendar .option-select-calendar a{
	display: block;
	padding: 10px;
	color: #3f4853;
}
.list-option-calendar .option-select-calendar:first-child{
	border-bottom: 1px solid #e1e1e1;
}
.menu .space__ {
	position: relative;
	left: -3px;
}
.menu .ng-binding{
	position: relative;
	left: -2px;
}
.graph_list {
	padding-left: 10px;
}
.graph_list ul li {
	display: inline-block;
	vertical-align: middle;
	padding:0 3px;
}
.dl_btn_csv {
    margin: auto;
    display: inline-block;
    font-size: 12px;
    padding: 8px 10px 5px;
    border-radius: 3px;
    border: 2px solid #6783d7;
    vertical-align: middle;
    background-color: #fff;
    color: #6783d7;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    height: 40px;
}
.dl_btn_csv > span {
	display:inline-block;
}
.dl_btn_csv span.icon {
	display: inline-block;
	width: 23px;
	vertical-align: middle;
}
.dl_btn_csv span.icon svg {
	max-height: 18px;
}
.dl_btn {
    display: table;
    margin: auto;
    font-size: 19px;
    padding: 3px 0;
    min-width: 50px;
    border-radius: 3px;
    border: 2px solid #6783d7;
    vertical-align: middle;
    background-color: #fff;
    color: #6783d7;
    text-align: center;
    cursor: pointer;
	height: 40px;
}

.graph_list .dl_btn span {
	display: table-cell;
	vertical-align: middle;
}
.dl_btn span .fa-camera {
	/*margin-top: 1px;*/
}
.sub_container {
	margin: 0 auto;
	width: 100%;
}
ul.tab-content > li {
	display: none;
}
ul.tab-content > li.show {
	display: block;
}


ul.tab-menu {
	width: 100%;
	margin: auto;
    text-align: center;
    border-bottom: 1px solid #E8E8E8;
}
ul.tab-menu > li {
	font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 24px 24px 16px;
    cursor: pointer;
    color: #A6A6A6;
}
ul.tab-menu > li.active {
	color: #232323;
    border-bottom: 1px solid #232323;
}
ul.tab-content {
	padding: 0 24px;
}
ul.tab-content > li {
	padding-top: 8px;
}

div.calendar-content {
    overflow-x: auto;
	overflow-y: hidden;
    width: 100%;
}
div.calendar-content div.spmchart div.sidechart  .dashboard_kind > .pay_box {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
div.calendar-content div.spmchart div.sidechart  .dashboard_kind > .pay_box > ul {
	display: table-row;
}
div.calendar-content div.spmchart div.sidechart  .dashboard_kind > .pay_box > ul > li {
	display: table-cell;
	vertical-align: middle;
	padding:3px 0;
	border-bottom: 1px solid #e1e1e1;
}
div.calendar-content div.spmchart div.sidechart  .dashboard_kind > .pay_box > ul > li .icon_arrow {
	display: inline-block;
	width: 12px;
	line-height: 1;
	vertical-align: middle;
}
div.calendar-content div.spmchart div.sidechart  .dashboard_kind > .pay_box > ul > li img {
	vertical-align: top;
}

div.calendar-content div.spmchart div.sidechart #enConfig {
	margin-top: 10px;
    width: 100%;
    min-height: 180px;
	padding: 0;
	display: table;
	table-layout: fixed;
}
div.calendar-content div.spmchart div.sidechart #piechart {
	display: table-cell;
	vertical-align: middle;
	width: 170px;
	padding-right: 10px;
}
div.calendar-content div.spmchart div.sidechart #pieLegendbox {
	display: table-cell;
	vertical-align: middle;
}
div.calendar-content div.spmchart .pieLegendLabel,
div.calendar-content div.spmchart .pieLegendLabel #barchartbox{
	overflow: scroll;
	position: relative;
}
div.calendar-content div.spmchart .pieLegendLabel::-webkit-scrollbar,
div.calendar-content div.spmchart .pieLegendLabel #barchartbox::-webkit-scrollbar {
	display:none;
}
#pieLegendbox ul li:after {
	content: '';
	display: table;
	clear: both;
}
#pieLegendbox .legendElement:after {
	content: '';
	display: table;
	clear: both;
}
#pieLegendbox .square {
    height: 10px;
    width: 10px;
    margin: 0;
    position: relative;
    margin-left: 0;
    margin-top: 4px;
    margin-right: 5px;
	border-radius: 2px;
	float:left;
}
#pieLegendbox .labelName {
	font-family: 'Source Sans Pro', sans-serif;
	float:left;
	max-width: 125px;
	font-size: 12px;
}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display: table;
    content: " ";
}

#gantt-chart {
	margin-top: 20px;
	/*width: 100%;*/
	/*text-align: center;*/
	/* overflow: scroll; */
}
.bar_container {
	position: relative;
	margin: auto;
	/* padding: 10px; */
	display: inline-block;
	width: 100%;
}

#tooltip_data {
	position: absolute;
	display: flex;
    top: 0;
	left: 0;
	color: #fff;
    padding: 10px;
    font-size: 11px;
	border-radius: 8px;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.6);
    z-index: 10;
}
#tooltip_data a {
	color: #0066FF !important;
}
#tooltip_data .description {
	flex: 1;
	position: relative;
	padding-bottom: 20px;
	min-width: 218px;
}
#tooltip_data .screenshot {
	display: inline-block;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#tooltip_data .tooltip_screenshot {
	background-color: rgba(0,0,0,0.1);
	padding: 10px;
	width: calc(100% - 10px);
	border-radius: 8px;
	margin-left: 10px;
}
#tooltip_data .tooltip_screenshot img{
	display: inline-block;
	min-width: 100px;
	margin-right: 0px;
	max-width: 200px;
	/* max-height: 150px; */
}
/*
	push list
*/
.calendar .sub_container_inner {
    border: none;
	padding: 0;
}
.list_table_container {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	padding-right: 1px;
}
.list_table_container table {
	position: relative;
	width: 100% !important;
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0;
	background-color: #eee;
	min-width: 800px;
}
table#reports-table td.sorting_1 {
	text-align: left;
}
.loading-data-table, 
.cutom-loading-data {
	position: sticky;
        position: -webkit-sticky; /* Safari & IE */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255,0.5);
	z-index: 3;
	display: none;
        height: 100vh; /* viewport height */
        margin-top: -100vh;
}
.loading-data-table:after,
.cutom-loading-data:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url('../images/sp_loading_2.gif');
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: center;
    display: block;
}
.list_table_container.scrollTop {
	width: 100%;
    display: none;
    position: fixed;
    top: 82px;
	left: 0;
	z-index: 1;
	padding: 0 5%;
	margin-top: -30px;
}
.list_table_container.scrollTop > .inner {
	margin: auto;
	width: 100%;
	max-width: 1230px;
	overflow: hidden;
}
.list_table_container.scrollTop > .inner > table {
	width: 100%;
	table-layout: fixed;
}
.list_table_container table th {
    background-color: #232323;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
	vertical-align: middle;
	overflow: hidden;
	font-weight: 500;
	height: 40px;
}
#events-table .sp-table-sort {
	cursor: pointer;
}
#events-table thead tr th.sp-table-sort span::after{
	bottom: -3.5px;
}
#events-table  thead tr th.sp-table-sort span::before{
	top: -2px;
}
.list_table_container table td {
    background-color: #fff;
    padding: 10px;
    font-size: 14px;
    text-align: center;
	vertical-align: middle;
	overflow: hidden;
	height: 76px;
}
.list_table_container table td:first-child {
    width: 118px;
	max-width: 150px;
}
.list_table_container table tr td:first-child {
    text-align: left;
    padding-left: 24px;
}
.list_table_container table tr:nth-child(odd) td {
    background-color: #F7F7F7;
}
.list_table_container table td a {
    color: #232323;
}
.list_table_container table td a:hover{
	text-decoration: underline;
  }
.list_table_container table tr:hover td{
	background-color:#F3F4F6!important;
}
/*
	push 画像オン
*/
.search_content > .menu.images_on {
	padding:0 5px 0 10px;
}
.list_table_container table > tbody.group > tr > td {
    background-color: #fff;
}
.list_table_container table > tbody.group:nth-child(odd) > tr > td {
    background-color: #F7F7F7;
}
table#reports-table > thead{
	display: none;
}
.thumbnail > ul > li {
	display: inline-block;
}
.thumbnail > ul > li > a {
	display: block;
	width: 72px;
	height: 72px;
	text-align: center;
	line-height: 72px;
	overflow: hidden;
}
.thumbnail > ul > li > a img {
	object-fit: contain;
	width: 72px;
	height: 72px;
}
/*
	report
*/
.report-dl-header{
	background-color: #fff;
	line-height: 20px;
	height: 74px;
	padding: 24px;
	border-radius: 16px;
	margin-bottom: 24px;
}
.report-dl-header a{
	font-size: 24px;
	font-weight: 500;
	color: #232323;
}
.list_table_container table th.number,.list_table_container table td.number {
	width: 80px !important;
	text-align: left;
	vertical-align: middle;
	padding-left: 24px;
}
.list_table_container table th.year,.list_table_container table td.year {
	width: 110px !important;
	text-align: center;
	vertical-align: middle;
}
.list_table_container table th.month,.list_table_container table td.month {
	width: 75px !important;
	text-align: center;
	vertical-align: middle;
}
.list_table_container table th.lang,.list_table_container table td.lang {
	width: 180px !important;
	text-align: center;
	vertical-align: middle;
}
.list_table_container table th.dl,.list_table_container table td.dl {
	width: 110px !important;
	text-align: center;
	vertical-align: middle;
}
.list_table_container table td .dl_btn {
    border: none;
    background: none;
}
.list_table_container table td .dl_btn svg {
	width: 100%;
	max-width: 30px;
	height: auto;
	max-height: 30px;
}
.key_btn {
    display: inline-block;
    margin: auto;
    font-size: 16px;
    padding: 3px 0;
    max-width: 22px;
    vertical-align: middle;
    text-align: center;
    height: auto;
}
.key_btn svg {
	height: 24px;
	width: auto;
}
/*
	graphpush
*/
.key_search_box select {
    appearance: none;
    -webkit-appearance: none;
    background: 0 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    min-width: 145px;
    position: relative;
    background-image: url(/frontend/resources/images/common/icon_select_arrow.png);
    background-position: right 10px center;
    background-repeat: no-repeat;
}
h2.inner_ttl {
	margin: -10px -10px 0 -10px;
	background: #6783d7;
	padding: 13px;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
.sub_container_inner .chart_area {
	margin-top: -40px;
	position: relative;
	z-index: 2;
}
/*
	graph
*/
.menu.setauto .input_space {
	padding-left: 10px;
}
/*
	info
*/
.member_container.info {
	margin-bottom: 20px;
	border: 1px solid #e1e1e1;
	max-width: 1230px;
}
.news_container {
	max-width: 100%;
}
.news_container dl {
    padding: 20px 0 15px 24px;
    border-bottom: 1px solid #e1e1e1;
}
.news_container dl:hover{
	background-color: #f3f4f6;
}
.news_container .form_area dl {
	border: none;
	padding: 0;
}
.news_container dl dt {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 12px;
    color: #787878;
}
.news_container dl dd div {
    color: #787878;
}
.news_container dl dd div.tite {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
	color: #232323;
	display: flex;
	flex-direction: row;
}
.news_container dl dd div.tite .name{
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 26px;
}
.news_container dl dd div.tite .tag{
	color: #fff;
	width: 75px;
    padding: 0;
	margin-left: 8px;
}
/*
	user invite
*/
.calendar-menu{
	display: flex;
    height: 42px;
    line-height: 42px;
    margin-top: 24px;
}
.calendar-menu .menu .submit_btn{
	margin-left: -3px;
}
.calendar-menu .menu .submit_btn button.btn-submit {
    width: 80px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
	border-radius: 0 10px 10px 0;
	padding: 0;
}
.key_search_box .menu.account_box {
	width: 275px;
}
.account_mng_ttl {
    display: table;
    width: 100%;
	height: 40px;
	margin: 20px 0;
}
.account_mng_ttl>div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    text-align: right;
    width: 33.333%;
}
.account_mng_ttl>h3 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-size: 18px;
    padding: 0 10px 0 0;
	width: 33.333%;
	font-weight: 500;
}
.account_mng_ttl>div.account_view_btn {
    text-align: center;
}
.account_mng_ttl>div.account_view_btn ul {
    margin: auto;
    display: table;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    overflow: hidden;
}
.account_mng_ttl>div.account_view_btn ul li {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #e1e1e1;
}
.account_mng_ttl>div.account_view_btn ul li:last-child {
	border-right: none;
}
.account_mng_ttl>div.account_view_btn ul li a {
    display: inline-block;
    padding: 10px 20px;
    color: #999;
}
.account_mng_ttl>div.account_view_btn ul li a.active {
    background-color: #333;
    color: #fff;
}
.list_table_container table td a.reissue_btn {
    display: inline-block;
    padding: 0 18px;
    border: 1px solid #e1e1e1;
    background-color: #232323;
    color: #fff;
    border-radius: 5px;
	height: 40px;
	line-height: 40px;
}
.list_table_container table td.detail {
    text-align: center;
	max-width: 150px;
	padding: 0;
}
.list_table_container table td.detail_dl {
	text-align: right;
	max-width: 100px;
	position: relative;
	padding-right: 26px;
	overflow: hidden;
}
.list_table_container table td.detail ul {
    margin: auto;
    width: auto;
    display: table;
    border-radius: 5px;
    border: 1px solid #F7F7F7;
    border-spacing: 0;
    overflow: hidden;
}
.list_table_container table td.detail ul li {
    display: table-cell;
    vertical-align: middle;
}
.list_table_container table td.detail ul li a {
    display: inline-block;
    padding: 0 18px;
    background-color: #fff;
    color: #232323;
	height: 40px;
	line-height: 40px;
}
.list_table_container table td.detail ul li a.active {
    background-color: #232323;
    color: #fff;
}
.list_table_container table tr.sort-block.none {
	display:none;
}
/*
	contract
*/
.contract .sub_container {
	margin:0;
}
.confirm_container {
    margin: 0;
    border-radius: 2px;
    text-align: left;
    line-height: 1.65;
    font-size: 14px;
    overflow: hidden;
}
.contract .sub_container h2 {
    text-align: center;
    padding: 0;
    font-size: 14px;
    background-color: #232323;
    color: #fff;
    display: table;
	width: 100%;
	line-height: 32px;
    height: 36px;
}
.contract .sub_container h2>div {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
}
.member_container.contract * {
	text-align: center;
}

.member_container.contract .flex {
	display: flex;
}

.member_container.contract .flex > div {
	flex: 1;
}

.member_container.contract .flex.column {
	flex-direction: column;
}

.member_container.contract .flex.row {
	flex-direction: row;
}
.member_container.contract .divider {
	display: block;
	background-color: #DADADA;
}
.member_container.contract .divider.horizontal {
	width: 1px;
	height: auto;
}
.member_container.contract .divider.vertical {
	width: auto;
	height: 1px;
}

.member_container.contract .a1 {
	color: #fff;
	background-color: #232323;
	line-height: 40px;
}

.member_container.contract .a2 {
	color: #232323;
	background-color: #E8E8E8;
	line-height: 44px;
}

.member_container.contract .a3 {
	color: #fff;
	background-color: #A6A6A6;
	line-height: 32px;
}

.member_container.contract .a4 {
	color: #fff;
	background-color: #F8f8f8;
	line-height: 24px;
	font-size: 10px;
}

.member_container.contract .a4.row>div{
	margin-top: 4px;
	margin-bottom: 4px;
}

.member_container.contract .a4.row>div:first-child {
	margin-left: 8px;
}
.member_container.contract .a4.row>div:last-child {
	margin-right: 8px;
}

.member_container.contract .a4.column>div:first-child {
	margin-top: 8px;
}
.member_container.contract .a4.column>div:last-child {
	margin-bottom: 8px;
}
.member_container.contract .a4 span {
	display: inline-block;
	margin: 6px 0;
	height: 24px;

	padding: 2px 10px;
	color: #232323;
	background-color: #e8e8e8;
	font-size: 14px;
	border-radius: 6px;
	line-height: 20px;
	font-weight: 500;

}

.member_container.contract .a4 span.active {
	background-color: #232323;
	color:#fff;
}

/* contract */


.col_title {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.col_title>ul {
    display: table-row;
}
.col_title>ul.title {
    background-color: #f3f3f3;
}
.col_title>ul>li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #e1e1e1;
    text-align: center;
    width: 15%;
}
.col_title>ul>li i.fa,.col_title>ul>li i.far {
	color: #666;
	font-size: 18px;
}
.col_title>ul>li.title {
    width: 25%;
    text-align: left;
    font-weight: 700;
}
/*
	password
*/
.password .sub_container_inner p {
	margin: auto;
	width: 100%;
	max-width: 400px;
	padding: 10px 0;
    margin-bottom: 18px;
}
.password .sub_container_inner .inner p {
	max-width: 400px;
}
.password .users {
    margin: 20px auto;
    max-width: 700px;
    border-radius: 2px;
	border: 1px solid #e1e1e1;
	font-size: 14px;
}
.password .form-group {
    display: table;
    width: 100%;
}
.form-group .form_label {
    text-align: right;
    width: 200px;
}
.password .form-group>div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
}
.form-group .icon_mark {
    color: #f30;
}
.password .form-group .submit_btn_area {
    padding: 20px 0;
    text-align: center;
}
.password .form-group .btn_submit {
    margin: auto;
    width: 100%;
    max-width: 250px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: center;
    border: none;
    border-radius: 2px;
    padding: 10px;
    font-size: 1.05rem;
    color: #fff;
    background: #6783d7;
}
/*
	agreement
*/
/* .sub_container_inner.agreement {
	background-color: #F5F5F5;
	border: 2px solid #E5E5E5 ;
} */
.sub_container_inner.agreement p {
	padding: 10px 0 15px;

}
.sub_container_inner.agreement ol {
    padding: 0 0 15px;
    margin-left: 25px;
    list-style: decimal;
}
/*
	language
*/
.password{
	margin-top: 86px;
}
.password .form_area {
    margin: 10px 0;
    padding: 0;
    position: relative;
}
.password .form_area .lang_list li:first-child{
	padding-top: 0;
}
.password .form_area .lang_list li {
	padding-bottom: 12px;
	text-align: left;
}
.password .form_area .lang_list li input[type=radio]+label {
    display: block;
    font-size: 14px;
	width: 400px;
	height: 42px;
	line-height: 42px;
	margin: 0 auto;
	color: #232323;
	background: #f8f8f8;
	text-align: center;
	cursor: pointer;
	border-radius: 6px;
	font-weight: 400;
}
.password .form_area .lang_list li input[type="radio"] + *::before{
	border: none;
	display: none;
}
.password .form_area .lang_list li input[type=radio]:checked+label {
	background: #333333;
    color: #ffffff;
}
.password .input_btn {
	padding: 25px 0 0 0;
}
.password .input_btn input[type="submit"]{
	height: 42px;
}
/*
	video
*/
.mypage.video .member_container {
    max-width: 1000px;
}
.video .sub_container {
    max-width: 1000px;
}
.search_select ul li select:after{
	content: '';
	position:absolute;
	top:50%;
	right:3%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #000;
}
.menu.popup.sp .table-content ul li.ttl {
    width: 155px;
}
.movie_search_result_box {
	/*border: 1px solid #e1e1e1;*/
}
.movie_search_result_box > ul {
	/*padding: 10px;*/
	/* margin:0 -10px; */
	font-size: 0;
}
.movie_search_result_box ul li {
    display: inline-block;
	padding: 10px;
	font-size: 14px;
}
.movie_search_result_box .video-detail {
    width: 229px;
    overflow: hidden;
    /* border-radius: 3px; */
    background-color: #fff;
    border: 1px solid #e1e1e1;
    /* padding: 7px 5px; */
    text-align: left;
}
.movie_search_result_box .video-detail > a {
	color: #3f4853;
	/* display: inline-block;
	width: 100%;
	height: 100px; */
}
.movie_search_result_box .video-detail > a > img {
    border-radius: 2px;
    /* border: 1px solid #e1e1e1; */
    background-color: #fff;
	padding: 8px;
	/* width: 100%; */
	width: 233px;
	height: 138px;
}
.movie_search_result_box .video-detail .video-title {
    padding: 2px 6px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
	/*height: 50px;*/
	color: #fff;
	background-color: #000;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.movie_search_result_box .video-detail .app-info {
	text-align:left;
	display:table;
	width:100%;
}
.movie_search_result_box .video-detail .app-info > div{
	display:table-cell;
	vertical-align:middle;
}
.movie_search_result_box .video-detail .app-info > div.icon{
	width:25px;
}
.movie_search_result_box .video-detail .app-info > div.icon img {
	width: 100%;
}
.movie_search_result_box .video-detail .app-title{
	padding-left: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.movie_search_result_box .video-detail .time-diff{
	font-size: 12px;
	color: rgba(0,0,0,0.6);
	margin-top: 2px;
	padding-left: 8px;
}
.menu.popup.sp .table-content ul li select {
	background-image: url(/frontend/resources/images/common/icon_select_arrow.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.menu.popup.sp .table-content ul li .selection .select2-selection__rendered {
	background-image: url(/frontend/resources/images/common/icon_select_arrow.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}
/*
	video/watch
*/
.main_video {
	margin: auto;
	margin-bottom: 20px;
    border-radius: 2px;
	overflow: hidden;
	width: 100%;
	max-width: 1000px;
	max-height: 525px;
	text-align: center;
	background-color: #eee;
}
.main_video video {
	width: 100%;
	max-width: 1000px;
	max-height: 525px;
	margin: auto;
}
.video_container {
	margin: auto;
	width: 100%;
	max-width: 1000px;
	padding-bottom: 10px;
}
.video_data_table {
	margin: 10px 0 0;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.video_data_table > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
	font-size: 16px;
}
.video_data_table > div.video_data_img {
	width: 90px;
	padding-left: 0;
}
.video_data_table > div h2 {
	font-size: 20px;
}
.video_list_tab {
	display: table;
	width: 100%;
	text-align: center;
	margin: 1px 0px;
}
.video_list_tab li {
    display: table-cell;
    width: 50%;
	vertical-align: middle;
	/* font-size: 12px; */
	height: 32px;
	border-right: 2px solid #fff;
}
.video_list_tab li:last-child {
	border: none;
}
.video_list_tab li a {
	display: block;
	line-height: 32px;
	color: #232323;
}
.video_list_tab li a.active, .video_list_tab li a:hover {
    color: #fff;
}
.video_relation_list {
	padding: 1px 0;
	background-color: #fff;
}
.video_list_box {
	background: #fff;
	overflow-y: auto;
}
.video_list_tag.none {
	display: none;
}
.video_list_tag_box {
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
}
.video_list_tag_box p.text-info {
    cursor: pointer;
    padding: 8px 10px;
    text-align: left;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: #6783d7;
}
.video-related {
	display: inline-block;
    margin: 0;
	width: 100%;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
}
.video-related > h4 {
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	background-color: #224056;
	padding: 0 6px;
}
.video-related .video-thumbnail {
	padding: 5px;
	text-align: center;
}
.video-related .info > h4 {
	overflow: hidden;
    white-space: nowrap;
	text-overflow: ellipsis;
}
.video-related .app-info {
	padding: 0 8px;
	font-size: 12px;
}
.video_container a .info {
	color :#3f4853;
}
.video_relation_list {
	font-size: 0;
}
.video_relation_list.none {
	display: none;
}
.video_relation_list > div {
	font-size: 14px;
	/* display: inline-block;
	width: 25%;
	vertical-align: top;
	padding: 8px; */
}
/*
	calendar/apps/000000
*/
.txt_right {
	text-align: right;
}
.member_container .key_search_box.options {
    padding: 5px 0;
}
.apps_container {
	width: 100%;
}
.apps_container .apps_title {
	color: #fff;
	background-color: #232323;
	line-height: 40px;
	text-align: center;
	height: 40px;
}
.apps_container  h2 {
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;;
}
.apps_container .appname h2 {
    font-size: 14px;
    font-weight: 500;
}
.apps_container h2 a {
	color: inherit;
}
.apps_container .dashboard_inner {
	display: flex;
}
.container_tweet_detail .apps_container .dashboard_inner:hover {
	background-color:#F3F4F6;
}
.apps_container .dashboard_inner > div:nth-child(1) {
	/*width: 108px;*/
}
.apps_container .dashboard_inner > div:nth-child(2) {
	 flex: 1;
}
.apps_container .dashboard_inner > div:nth-child(3) {
	width: 48px;
}
.apps_container .dashboard_img img{
	/*border-radius: 6px;
	border: 1px solid #e1e1e1;*/
}
.apps_container .dashboard_img.block img,.apps_container .dashboard_img.block a,
.apps_container .dashboard_kind .appname.block{
	cursor: initial;
	pointer-events: none
}
.apps_container .dashboard_kind {
    padding-left: 10px;
	font-size: 12px;
}
.apps_container .dashboard_kind .appname{
	color: #232323;
        font-weight: 500;
        font-size: 14px;
}
.container_tweet_detail .apps_container .dashboard_kind a:hover {
	text-decoration: underline;
}
.apps_container .dashboard_kind > .company_name {
	margin-bottom: 12px;
	color: #787878;
}
.apps_container  .dashboard_kind > .release_date {
	padding: 4px 0;
	margin-bottom: 6px;
	font-size: 14px;
	color: #787878;
}
.apps_container .dashboard_kind .calendar_link > a {
	position: relative;
	display: inline-block;
	color: #0166FF;
    border: 2px solid #0166FF;
    padding: 0 24px 0 8px;
    border-radius: 11px;
	margin-right: 16px;
}
.apps_container .dashboard_kind .calendar_link > a::after {
	content: '\f105';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	right: 10px;
	color: #0166FF;
}
.apps_container .dashboard_kind .calendar_link > a.block {
	color: #a6a6a6;
	border: 2px solid #a6a6a6;
	cursor: initial;
	pointer-events: none;
}
.apps_container .dashboard_kind .calendar_link > a.block::after {
	color: #a6a6a6;
}
.apps_container .add_box {
    padding: 38px 4px;
}
.apps_container .add_box a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
	color: #fff;
	background-color: #A6A6A6;
}
.apps_container .add_box a > span {
    display: inline-block;
    width: 100%;
    height: 32px;
    vertical-align: middle;
    line-height: 32px;
}
.apps_container .add_box a > span .icon {
	display: block;
	color: #fff;
	background-color: #A6A6A6;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.apps_container .add_box a > span .icon i{
	position: absolute;
	left: 4px;
	top: 4px;
}
.side_container {
	line-height: 1.74;
}
.side_container > h3 {
	line-height: 40px;
	height: 40px;
	text-align: center;
	color: #fff;
	background-color: #232323;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 500;
	font-size: 14px;
}
.side_container > .side_content {
	margin-top: -2px;
	padding: 32px 0;
	border-radius: 2px;
	color: #232323;
	font-size: 14px;
	overflow: hidden;
}
.side_container > .side_content ul {
	flex: 1;
}
.side_container > .side_content ul > li {
	padding: 1px 0;
}
.side_container > .side_content ul > li.more_list {
	display: none;
}
.side_container > .side_content#accounting.view ul > li.more_list {
	display: block;
}
.side_container > .side_content ul > li a {
	color: #6783d7;
}
.side_container > .side_content span.red {
	color: #e3317c;
}
.content.mypage.app-details .app_view_body > .inner{
	min-height: 360px;
	max-height: 360px;
}
.more_link {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center;
	height: 28px;
	line-height: 28px;
	color: #3f4853;
	background-color: #DADADA;
}
.more_link > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #0166FF;
}
.more_link > a > span {
	position: relative;
}
.more_link > a > span:before {
	content: '\f107';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: -64px;
	color: #0166FF;
}
.more_link > a > span:after {
	content: '\f107';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	right: -64px;
	color: #0166FF;
}
.more_link > a.full > span:before {
	content: '\f106';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: -64px;
	color: #0166FF;
}
.more_link > a.full > span:after {
	content: '\f106';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	right: -64px;
	color: #0166FF;
}
.app_view_content {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.app_view_content > div {
	display: table-cell;
	vertical-align: middle;
	padding: 24px 0 7px;
}
.app_view_content > div.app_img {
	width: 50px;
	padding: 1px 0;
}
.side_container > .side_content ul > li .app_view_content a {
    color: #3f4853;
}
.main .app_view_content {
	position: relative;
	display: block;
}
.main .app_view_content.open {
	height: auto;
	max-height: 10000px;
	transition: all 1s;
}
.main .app_view_content > div {
    display: block;
}
.main .app_view_content > h3 {
	/* padding: px; */
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: #232323;
	line-height: 40px;
    font-weight: 500;
}
.main .app_view_content.slider_content {
	border-top: unset;
}
.main .app_view_content > .app_view_body {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 38px 0;
	color: #232323;
	font-size: 14px;
	line-height: 1.74;
}
.main .app_view_content > .app_view_body > .inner {
	/* max-height: 240px; */
	overflow: hidden;
	padding: 10px 0;
}
.main .app_view_content > .app_view_body.full > .inner {
	max-height: 25000px;
}
.app_thumbnail {
	width: 100%;
	overflow-x: auto;
	font-size: 0;
	padding: 10px 0;
}
.app_thumbnail > ul > li {
	display: inline-block;
	padding-right: 13px;
	font-size: 14px;
	padding-bottom: 3px;
}

iframe {
	border: none;
	width: 100%;
	height: 100%;
	margin-bottom: -5px;
}
.sortable {
	position: relative;
	overflow: auto;
	min-width: 800px;
	max-width: 1200px;
	min-height: 80px;
	margin: 0 auto;
	background-color: #dadada;
}
.ui-resizable-s {
	position: absolute;
	display: block;
	cursor: s-resize;
	height: 40px;
	width: 40px;
	left: 0;
	bottom: 0;
}
.content-mypage {
	position: relative;
	margin: 0 auto;
	padding: 0;
	min-width: 800px;
	max-width: 1200px;
	overflow: hidden;
	border-radius: 0 0 16px 16px;
	background-color: #fff;
	margin-bottom: 40px;
}
.content-mypage > .content-head{
	color: #fff;
	background-color: #214156;
	width: 100%;
	height: 44px;
	padding: 8px 0 9px 16px;
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
}
.content-mypage > .content-body {
	position: relative;
	padding-left: 120px;
	height: 360px;
	min-height: 100px;
	max-height: 1000px;
}
/* resize */
.content-mypage > .content-body:before {
	content: '';
	position: absolute;
	width: 0;
	bottom: 0;
	left: 0;

	border-bottom: 40px solid #224156;
	border-right: 40px solid transparent;
}
.content-mypage > .content-body:after {
	content: '\f0d8';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: 6px;
	bottom: -2px;
	color: #fff;
	font-size: 20px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
/* open */
.content-mypage > .open {
	display: block;
	position: absolute;
	top: 10px;
	left: 190px;
	width: 20px;
	height: 20px;
	background-color: #5F7886;
	border-radius: 50%;
}
.content-mypage > .open:hover {
	background-color: #fff;
}
.content-mypage > .open:after {
	content: "\f105";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: 8px;
	top: 0px;
	color: #224156;
}
/* drag */
.content-mypage > .drag {
	position: absolute;
	top: 0px;
	right: 56px;
	width: 100px;
	height: 24px;
	background-color: #5F7886;
	border-radius: 0px 0px 8px 8px;
	cursor: move;
}
.content-mypage > .drag:hover {
	background-color: #fff;
}
.content-mypage > .drag:after {
	content: "\f0c8";	/* fa-square */
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 1px;
	position: absolute;
	left: 32px;
	top: 1px;
	color: #224156;
	transform: scale(0.3);

	text-shadow: 24px  0px #224156,
				 48px  0px #224156,
				 72px  0px #224156,
				 96px  0px #224156,
				  0px 24px #224156,
				 24px 24px #224156,
				 48px 24px #224156,
				 72px 24px #224156,
				 96px 24px #224156;
}
/* delete */
.content-mypage > .delete {
	position: absolute;
	top: 0px;
	right: 0;
	width: 24px;
	height: 24px;
	background-color: #5F7886;
	border-radius: 0px 0px 0px 8px;
}
.content-mypage > .delete:hover {
	background-color: #fff;
}
.content-mypage > .delete > svg {
	position: absolute;
	left: 6px;
	top: 4px;
	width: 12px;
	height: 15px;
}
/* add content */
.add-content {
	position: relative;
	min-width: 800px;
	max-width: 1200px;
	margin: 0 auto;
	background-color: #dadada;
}
.add-toggle {
	position: relative;
	margin: 0 auto;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #fff;
}
.add-toggle:after {
	content: '\f067';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	position: absolute;
	left: 12px;
	top: 6px;
	color: #717171;
	font-size: 16px;
}
.add-menu {
	position: absolute;
	display: none;
	bottom: 36px;
	z-index: 1;
	text-align: center;
	flex-wrap: wrap;
	margin: 0 auto 16px auto;
	width: 100%;
	height: auto;
	min-width: 800px;
	max-width: 1200px;

	background-color: #fff;
	border-radius: 16px;
	box-shadow: 0 0 15px rgba(0,0,0,.3);

}
.add-menu:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -16px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 16px 16px 0 16px;
}

.add-menu > ul {
	padding: 4px 16px;
}
.add-menu > ul > li {
	width: auto;
	display: inline-block;
	margin: 6px 10px;
	padding: 2px 10px;
	background-color: #F1F3F2;
	line-height: 16px;
	height: 20px;
}

.add-menu > ul > li.active {
	background-color: #61C1C8;
}
.icon_plus {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #A6A6A6;
}
.icon_plus:after {
	content: "\f067";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	line-height: 32px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
}
.icon_minus {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #A6A6A6;
}
.icon_minus:after {
	content: '\f068';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	line-height: 32px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
}
.icon_star {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 2px solid #A6A6A6;
	border-radius: 50%;
	background-color: #fff;
}
.icon_star:before {
	content: "\f005";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 22px;
	position: absolute;
	line-height: 28px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #A6A6A6;
}
.icon_star:after {
	content: "\f005";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	line-height: 28px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
}
.icon_star.def {
	position: relative;
	display: inline-block;
	border: 2px solid #A6A6A6;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #fff;
}
.icon_star.def:before {
	content: "\f005";
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 22px;
	position: absolute;
	line-height: 28px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #A6A6A6;
}
.icon_star.def:after {
	content: '';
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	line-height: 28px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
}

.bx-wrapper {
	left: 0rem;
	right: 0rem;
	margin-left: 0;
}
.bx-wrapper .bx-viewport {
	margin: auto;
}

.slider2 {
	position: relative;
	min-height: 96px;
}
.slider2 > .slider2_prev {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	z-index: 1;
	background: url(/images/icon/1x/prev.svg) no-repeat center center transparent;
}
.slider2 > .slider2_prev > .bx-prev {
	display: block;
	width: 100%;
	height: 100%;
}

.slider2 > .slider2_next {
	position: absolute;
	width: 24px;
	height: 24px;
	display: block;
	top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	z-index: 1;
	background: url(/images/icon/1x/next.svg) no-repeat center center transparent;
}
.slider2 > .slider2_next > .bx-next {
	display: block;
	width: 100%;
	height: 100%;
}
.other_apps_slider {
	width: calc(100% - 72px) !important;
	margin: auto;
}
.other_apps_slider > .slider2_prev {
	left: -36px !important;
}
.other_apps_slider > .slider2_next {
	right: -36px !important;
}
.tab_menu_selectbox {
	width: 100%;
	height: 46px;
	line-height: 46px;
}
.ui-datepicker {
	z-index: 1000 !important;
}
.tab_menu_item_datepicker {
	position: relative;
	background-color: #fff;
	height: 44px;
	line-height: 44px;
}
.tab_menu_item_datepicker .input-date {
	/*background-color: #fff;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border: none;
	cursor: pointer;*/
}
.list_rank .cover {
	line-height: 44px;
}
.list_rank .cover.fill {
	background-color: #fff;
}

#search_clear {
	line-height: 42px;
	color: #232323;
	cursor: pointer;
	font-weight: 400;
	font-style: normal;
}
#search_clear:after {
	background: transparent url('/images/icon/2x/close_12x12.svg') no-repeat right center;
	background-size: 18px; 
	width: 18px;
	height: 12px;
	content: '';
	display: inline-block;
    margin-left: 9px;
}

.cover {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#permisionPrint,
.permisionBtn{
	position: relative;
	margin: 5px;
	height: 28px !important;
	line-height: 1.6rem !important;
	text-align: center;
	border: 2px solid #6f6f6f;
	border-radius: 14px;
	color: #6f6f6f;
	background-color: #fff;
	cursor: pointer;
	padding: 0 33px 0 25px;
}
.twitterPermisionBtn, .pushPermisionBtn {
    flex: 1;
}
.list_rank .icon {
	position: relative;
	margin-right: 10px;
}
.list_rank .icon svg{
	position: absolute;
	top: 0px;
	right: -22px;
	width: 18px;
	height: 18px;
}
.list_rank .icon i{
	position: absolute;
	top: 2px;
	right: -22px;
	font-size: 16px;
}
.calender_tab_item {
	width: 13%;
	font-size: 13px;
	text-align: center;
}
#calendar_tab .calender_tab_item:last-child{
	border: none;
}
/* #calendar_tab .calender_tab_item:nth-last-child(1) > div{
	position: absolute;
	top: -16;
	width: 100%;
	height: 78px;
	background-color: #F7F7F7;
	font-size: 10x;
	border-left: 1px solid #d1d1d1;
} */


/* select */
.select2-container--default, .select2-container {
	border: none;
}

.select2-results__option[area-selected=true] {
	display: none;
}



/* gantt chart */
.gantt-chart-table {
	display: block;
	position: relative;
	overflow: scroll;
	width: 100%;
	max-height: 640px;
	border-collapse: collapse;
	font-size: 12px;
	border-collapse: collapse;
	background-color: #333;
}

.gantt-chart-table thead,
.gantt-chart-table tbody {
	display: block;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}
.gantt-chart-table tbody{
	background-color: #333333;
}
.gantt-chart-table thead::-webkit-scrollbar,
.gantt-chart-table tbody::-webkit-scrollbar {
	display:none;
}
.gantt-chart-table thead {
	background-color: #333;
}
.gantt-chart-table body {
	background-color: #3C3444;
}

.gantt-chart-table th,
.gantt-chart-table td {
	border: none;
	width: 28px;
	max-width: 28px;
	height: 28px;
	max-height: 28px;
	line-height: 28px;
	color: #fff;
}

.gantt-chart-table tbody th,
.gantt-chart-table tbody .discript_title {
	position: -webkit-sticky;
	position: sticky;
	left: 0;
	z-index: 1;
	font-size: 12px;
	text-align: left;
	box-shadow: 6px 0 4px -4px rgba(0,0,0,0.6);
}
.gantt-chart-table tbody .discript_title > a{
	margin-left: 32px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gantt-chart-table tbody .discript_title > a{
	white-space: nowrap;
	font-weight: 500;
}

.gantt-chart-table thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}
.gantt-chart-table thead tr:nth-child(3) {
	background-color: #424446;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333333;
	border-left: none;
	border-right: none;
}
.gantt-chart-table thead tr:nth-child(3) th {
	text-align: left;
	padding-left: 32px;
}
.gantt-chart-table thead tr:nth-child(3) td,
.gantt-chart-table thead tr:nth-child(3) th {
	height: auto;
}
.gantt-chart-table thead th.blank {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
	color: #fff;
	background-color: #232323;
	/* box-shadow: 6px 0 4px -4px rgba(0,0,0,0.6); */
}

.gantt-chart-table thead tr:nth-child(1) th {
	white-space: nowrap;
	padding: 10px 0 1px;
}

.gantt-chart-table .discript_title {
	width: 240px;
	min-width: 240px;
	max-width: 240px;
	background-color: #333333;
}
.gantt-chart-table .discript_title a{
	color: #fff;
}
.gantt-chart-table .discript {
	position: relative;
}
.gantt-chart-table .discript > span {
	position: absolute;
	top: -12px;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 14px;
}

.gantt-chart-table tbody tr {
	/*border-top: 2px solid #232323;
	border-bottom: 2px solid #232323;*/
	border-left: none;
	border-right: none;
	background-color: #333;
}








@media (min-width: 1px){
	.password .form_area .lang_list li input[type=radio] {
		display: none;
		margin: 0;
	}
	/*
	.password .form_area .lang_list li input[type=radio]+label {
		padding: 0 0 0 24px;
	}
	.password .form_area .lang_list li input[type=radio]+label::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 18px;
		height: 18px;
		margin-top: -9px;
		background: #FFF;
		border: 2px solid #ccc;
		border-radius: 30px;
	}
	.password .form_area .lang_list li input[type=radio]:checked+label::after {
		content: "";
		position: absolute;
		top: 50%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		left: 5px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #E71063;
		border-radius: 8px;
	}
	*/
}
.marb15px {
	margin-bottom: 15px !important;
}
@media (max-width: 1024px) {
	#sp_nav {
		display: inline-block;
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 3;
	}
	#sp_nav .menu-trigger, #sp_nav .menu-trigger span {
		display: inline-block;
		-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    	transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
		box-sizing: border-box;
	}
	/* #sp_nav .menu-trigger {
		position: relative;
		width: 30px;
		height: 25px;
	} */
	#sp_nav .menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		border-radius: 4px;
		-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    	transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	#sp_nav .menu-trigger span:nth-of-type(1) {
		top: 0;
		transform: rotate(0deg);
	}
	#sp_nav .menu-trigger span:nth-of-type(2) {
		top: 11px;
		opacity: 1;
		transform: rotate(0deg);
	}
	#sp_nav .menu-trigger span:nth-of-type(3) {
		bottom: 0;
		transform: rotate(0deg);
	}
	.open #sp_nav .menu-trigger span:nth-of-type(1) {
		top: 11px;
		transform: rotate(-45deg);
	}
	.open #sp_nav .menu-trigger span:nth-of-type(2) {
		opacity: 0;
		transform: rotate(-45deg);
	}
	.open #sp_nav .menu-trigger span:nth-of-type(3) {
		bottom: 11px;
		transform: rotate(45deg);
	}
	.upper_inner #mainnav {
		position: absolute;
		top: 0;
		right: -270px;
		display: block;
		background-color: #6783d7;
		overflow: auto;
		width: 270px;
		z-index: 1;
		padding: 0;
		margin-top: 70px;
		-webkit-transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
    	transition: 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	.open .upper_inner #mainnav {
		right: 0;
	}
	#header > .upper_inner > div#nav #mainnav > ul {
		display: block;
	}
	#header > .upper_inner > div#nav #mainnav > ul > li > a {
		margin: 0 10px;
		padding: 5px 0;
	}
	#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li {
		display: block;
		padding: 5px;
	}
	#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li:first-child {
		display: none;
	}
	#header > .upper_inner > div#nav #mainnav > ul > li {
		display: block;
	}
	#header > .upper_inner > div#nav #mainnav .sub_navi_box {
        position: static;
        top: auto;
        left: auto;
        padding: 0 10px;
        width: auto;
        border: none;
        background-color: #6783d7;
        text-align: left;
        display: none;
	}
	#header > .upper_inner > div#nav #mainnav .sub_navi_box ul li > a {
		border-bottom: 1px solid #fff;
		color: #fff;
	}
	#header > .upper_inner > div#nav #mainnav > .header_right_nav {
		display: block;
		padding-left: 0;
	}
	#header > .upper_inner > div#nav #mainnav > .header_right_nav > ul > li a {
		margin: 0 5px;
	}
	#header > .upper_inner > div#nav #mainnav .account_container {
		margin: 0;
		width: 100%;
	}
	#header > .upper_inner > div#nav #mainnav .account_container .account_box ul {
		display: none;
		position: static;
		z-index: 2;
		top: auto;
		right: auto;
		width: 100%;
		border: none;
		background: none;
	}
	#header > .upper_inner > div#nav #mainnav .account_container .account_box ul li > a {
		color: #fff;
	}
	#header > .upper_inner > div#nav #mainnav .account_container .lang_arrow {
		vertical-align: top;
	}
	#menufilter{
		position: fixed;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.7);
		z-index: 9;
	}
	#footer .footer_inner {
		display: block;
	}
	#footer .footer_inner .fb_area {
		display: block;
		width: auto;
		text-align: center;
		padding-bottom: 20px;
	}
	#footer .footer_inner .fb_area .logo {
		margin: auto;
	}
	#footer .footer_inner .fb_area .logo img {
		max-width: 200px;
	}
	#footer .footer_inner .flink_area {
		display: block;
		width: auto;
		border: none;
		text-align: center;
	}
	#footer .footer_inner .flink_area ul {
		padding: 5px 0 0 0;
	}
	#footer .footer_inner .flink_area ul:first-child li {
		display: block;
	}
	#footer .footer_inner .flink_area ul:first-child li .util_pc {
		display: none;
	}
	#footer .footer_inner .flink_area p.copyright {
		padding: 5px 0 0 0;
	}
	/*
		content
	*/
	#container {
		padding-top: 14px;
	}
	#container > #content_header > .title_inner {
		padding: 0;
		height: auto;
	}
	#container > #content_header > .title_inner > h1 {
		font-size: 20px;
	}
	#container > #content_header > .title_inner > h1 > img {
		width: 20px;
	}
	/*
		mypage
	*/
	.existing_ranking_container {
		display: block;
	}
	.existing_ranking_container > div {
		display: block;
	}
	.existing_ranking_container > div.ranking_content {
		width: auto;
		padding-right: 0;
	}
	.existing_ranking_container > div.ranking_news_content {
		width: 50%;
		padding-top: 20px;
		padding-left: 0;
	}
}
@media (max-width: 900px) {
	/*
		news/biz
	*/
	.toppage {
		padding: 0 10px 0 10px;
	}
	.news_container_inner {
		flex-direction: column; /* 縦向きに配置 */
	}
	.news_container_main {
		padding: 0 0 20px;
		max-width: 100%;
	}
	.news_container_sidebar {
		width: 100%;
	}
	/*
		calender
	*/
	div.calendar-content div.spmchart {
		display: block;
	}
	div.calendar-content div.spmchart div.sidechart {
		margin: auto;
		width: 330px;
		padding-right: 0;
		display: block;
	}
	div.calendar-content div.spmchart div.sidechart .dashboard_img {
		margin: auto;
	}
	/*
		mypage
	*/
	.existing_ranking_container > div.ranking_news_content {
		width: auto;
	}
	.existing_ranking_container > div.ranking_content .ranking_2kind_inner {
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
	}
	.ranking_2kind_inner > div {
		width: 100%;
		padding: 0;
	}
	.ranking_2kind_inner > div:first-child {
		padding-bottom: 20px;
	}
	/*
		video/watch
	*/
	.video_relation_list > div {
		width: 235px;
	}
	.mypage_lower_container.fixed{
		padding: 0px;
	}
	.page_ttl{
		margin: 0px;
	}
	.mypage .content_container > .inner{
		padding-left: 0;
		padding-right: 0;
	}
	.existing_ranking_container > div.ranking_content .ranking_lower > dl > dd a.icon__calender__{
		margin-right: 15px;
	}
}
@media (max-width:600px ) {

}
@media (max-width: 768px) {

	a:focus,
	a:hover {
		opacity: 1;
	}
	#footer {
		padding: 45px 10px 90px;
	}
	/*
		content
	*/
	.content {
		padding: 50px 5%;
		background-color: #fff;
	}
	.content > .main_movie video {
		display: none;
	}
	.content > .main_movie .main_sp_img{
		display: block;
	}
	/*
		privacy
	*/
	.privacy_txt {
		font-size: 13px;
	}
	h3.privacy_h3 {
		font-size: 16px;
		padding: 10px 0 5px 0;
	}
	.privacy_list {
		font-size: 13px;
	}
	/*
		login
	*/
	.login_container > .inner {
		padding: 32px 5%;
		text-align: center;
	}
	.login_container > .inner > .content_h2 {
		font-size: 20px;
	}
	/*
		registreport
	*/
	.registreport_container > h2 {
		font-size: 22px;
	}
	.registreport_inner {
		font-size: 15px;
		padding: 20px 0 0;
	}
	.registreport_middle {
		padding: 35px 5%;
	}
	.registreport_middle .inner > h2 {
		height: 35px;
		font-size: 18px;
	}
	.registreport_middle .inner > h2 > span {
		padding:0 20px;
	}
	.registreport_middle .inner > ul {
		padding: 15px 0 0;
		font-size: 15px;
	}
	.registreport_middle .inner > ul > li {
		padding: 5px 0 5px 10px;
	}
	.registreport_lower > p {
		font-size: 18px;
		padding: 45px 5%;
	}
	/*
		news/biz
	*/
	.other_container ul.otherlist {
		margin-left: 0;
		margin-right: 0;
	}
	.other_container ul.otherlist > li {
		width: 50%;
	}
	/*
		news/detail
	*/
	.regist_member_container {
		display: block;
	}
	.regist_member_container .regist_left {
		display: block;
		padding: 20px 5% 0;
		text-align: center;
	}
	.regist_member_container .regist_right {
		display: block;
		padding: 20px 5% 0;
		width: 100%;
	}
	/*
		ranking more
	*/
	.ranking_lower > dl > dd {
		font-size: 15px;
	}
	.ranking_lower > dl > dd.rank {
		padding: 13px 0 13px 5px;
		width: 45px;
	}
	.ranking_lower > dl > dt {
		display: table-cell;
		vertical-align: middle;
		padding: 13px 0;
		width: 60px;
		text-align: center;
	}
	.ranking_lower > dl > dd p {
		font-size: 13px;
	}
	.ranking_lower > dl > dd.plus {
		width: 30px;
	}
	.ranking_lower > dl > dd.updown {
		width: 40px;
	}
	.ranking_2kind_inner {
		margin-left: 0;
		margin-right: 0;
	}
	.ranking_2kind_inner > div {
		display: block;
		width: auto;
		padding: 0;
	}
	.ranking_2kind_inner > div:first-child {
		padding-bottom: 20px;
	}
	.ranking_link {
		text-align: center;
	}
	.ranking_link > a {
		margin: 0 auto;
		max-width: 100%;
	}
	/*
		mypage
	*/
	.dashboard_box {
		display: block;
		width: 100%;
	}
	.dashboard_box > div {
		display: block;
		min-width: 240px;
	}
	.dashboard_box .dashboard_data {
		padding: 0 0 13px;
		width: 100%!important;
	}
	.dashboard_inner {
		margin: 10px auto 0;
		width: 94%;
	}
	.mypage_lower_container .content_container > .inner {
		padding: 13px 13px 0 13px;
	}
	.regist_list > li {
		padding: 0 13px 13px 0;
	}
	.existing_ranking_container div.news_rank dl dd {
		padding: 13px;
	}
	/*
		usr/invite
	*/
	.account_mng_ttl {
		display: block;
	}
	.account_mng_ttl>div {
		display: block;
		padding: 10px 20px;
		text-align: right;
		width: 100%;
	}
	.account_mng_ttl>h3 {
		display: block;
		padding: 10px 10px 10px 0;
		width: 100%;
	}
	/*
		usr/update
	*/
	.password .form-group {
		display: block;
	}
	.password .form-group>div {
		display: block;
	}
	.form-group .form_label {
		text-align: left;
		width: auto;
	}
	/*
		video/watch
	*/
	.video_data_table > div {
		font-size: 14px;
	}
	.video_data_table > div h2 {
		font-size: 17px;
	}
	/*
		calendar/apps
	*/
	.apps_container {
		display: block;
	}
	.apps_container > div {
		display: block;
	}
	.apps_container  {
		width: 100%;
	}
	.dashboard_inner > div.dashboard_img {
		margin: auto;
		padding-bottom: 5px;
	}
	.side_container {
		padding: 0 10px;
	}
	.main_content {
		margin-top: 15px;
	}
	.main .app_view_content {
		padding: 0 10px;
	}
	.main .app_view_content > h3 {
		font-size: 16px;
	}
	/**/
	#toggle {
		text-align: center;
	}

	/*ranking*/
	.existing_ranking_container .ranking_title_container > div {
		display: block;
		line-height: 1.5;
		height: auto;
	}
	.existing_ranking_container > div.ranking_content .ranking_title_container > div h2.ranking_ttl {
		text-align: center;
		margin-bottom: 5px;
	}
	.ranking_2kind_inner .dropdown {
		text-align: center;
	}
	.existing_ranking_container > div.ranking_content .ranking_title_container {
		margin-bottom: 20px;
	}
}


@media (max-width: 414px) {
	/*
		news/biz
	*/

	.toppage .blog_data {
		display: block;
		position: absolute;
		background: rgba(0, 0, 0, 0.40);
		top: 0px;
		width: 100%;
		height: 100%;
		padding: 10px 0px 0px 10px;
		right: 0;
		left: 0;
	}
	.toppage .blog_data a {
		color: #fff;
	}
	.toppage .blog_data .cate_area {
		float: right;
		margin-top: -5px;
	}
	.toppage .blog_data .cate_area li {
		color: #fff;
	}
	.other_container ul.otherlist > li {
		width: auto;
		float: none;
	}
	.blog_view_container .thumbnail_view {
		display: block;
		width: auto;
		padding: 0;
		position: relative;
	}
	.blog_view_content .blog_data {
		display: block;
		width: auto;
		padding: 10px 0;
		background-color: #fff;
	}
	/*
		news/detail
	*/
	.single_container .cate_area {
		display: block;
		float: none;
	}
	.single_container .upper_sns {
		margin: 5px 0;
		float: none;
	}
	/*
		ranking
	*/
	.ranking_title_container{
		display: block;
		/*overflow: hidden;*/
	}
	.box-clear-both{
		clear: both;
	}
	.existing_ranking_container .ranking_title_container > div {
		display: block;
		height: auto;
		margin: 0 auto;
		padding: 0 2px;
		/*padding: 10px;*/
		/*overflow: hidden;*/
	}
	.existing_ranking_container .ranking_title_container > div {
		line-height: 1.5;
	}
	.existing_ranking_container > div.ranking_content .ranking_title_container > div h2.ranking_ttl {
		text-align: center;
		margin-bottom: 10px;
	}
	.js-dropdown-list {
		top: 30px;
		border-right: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		width: 100%;
	}
	.ranking_2kind_inner .dropdown a {
		font-size: 12px;

	}
	.ranking_2kind_inner .list_rank {
		margin-bottom: 10px;
	}
	.ranking_title_container > div.date {
		width: 100%;
	}
	.ranking_title_container > div:last-child {
		text-align: center;
	}
	.member_container .update_store > ul.store_list {
		margin: 4px 4px 0 4px;
	}
	#dropdown >li >a > span,
	.member_container .update_store > #toggle > li > a > span {
		font-size: 16px;
	}
	.update_store.country-tab-menu .store_list.country-tab {
		padding: 0;
		margin-bottom: 15px;
	}
	#toggle > li {
		position: inherit;
		padding: 0;
	}
	#toggle li ul {
		margin-top: 14px;
		width: 100%;
	}

    .existing_ranking_container > div.ranking_content .ranking_title_container > div.date {
        line-height: 60px;
    }

	/*
		mypage
	*/
	.dashboard_inner {
		display: block;
		text-align: center;
	}
	.dashboard_inner > div {
		display: block;
	}
	.dashboard_box > div .dashboard_img {
		margin: auto;
		padding-bottom: 10px;
	}
	.mypage_lower_container .content_container > .inner {
		text-align: center;
	}
	.regist_list > li {
		padding: 0 6px 13px 6px;
	}



}
@media (max-width: 375px) {

}
@media (max-width: 360px) {
	.content{
		padding-right: 5px;
		padding-left: 5px;
	}
	.mypage_lower_container .existing_ranking_container > div.ranking_content .ranking_lower > dl > dd .title-name-app{
		width: 100%;
	}
}
.translate_logo {
	float: left;
	color: #adadad;
	font-size: 15px;
}
.member_container .update_store > ul.store_list .disableClick span {
	background-color: #dddddd !important;
}
#container .agreement h2{
	text-align: left;
	padding: 5px 15px;
	font-size: 16px !important;
	background-color: #5477d0;
	color: #fff;
	border-radius: 2px 2px 0 0;
	border-bottom: 2px solid #5477d0;
	font-family: "futura_bk_btbook", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: table;
	width: 100%;
	height: 45px;
	vertical-align: middle;
}
#container .agreement h2 span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	line-height: 20px;
	background-color: #fff;
	color: #5477d0;
	overflow: hidden;
	text-align: center;
	margin-bottom: -3px;
	font-size: 12px;
	border: 1px solid #5477d0;
}

.gantt-push-notification td .gantt-task-content {
	background-color: #333333;
	color: #fff;
	width: 90%;
	margin-top: 2px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	text-align: center;
}

.gantt-push-notification .discript_title span{
	left: 32px !important;
}
.twitter-limit {
	background-color: #dddddd !important;
}
ul.country-tab > li.hide_country{
	display: none ;
}

ul.content-other-apps{
    max-height: 485px;
    overflow: hidden;
}

.full ul.content-other-apps{
	display: contents;
}
.table-report table td a span.img-report img{
    width: 3.5625rem;
    height: 1.875rem;
}
.table-report table tr{
    height: 76px;
}

.col-4 {
    width: 33.33%;
}
.col-8 {
    width: 66.66%;
}
.col-12 {
	width: 100%;
}
.iframe-new-ranking iframe,
.iframe-new-ranking .container_item_my_page{
	overflow: hidden;
	height: 360px;
	background-color: #fff;
	border-radius: 0 0 16px 16px;
}
.iframe-new-ranking.twitter-mypage iframe {
    height: 465px !important;
    padding: 0 1rem;
}
.content-calendar{
	padding: 16px 20px;
}
.app_view_content .app_view_body .inner ul li label,
.side_container .side_content ul li label{
    font-weight: 500;
    color: #787878;
}
/* highcharts */
.highcharts-legend{
	background-color: #232323;
	margin-top: -4px;
}
.lock-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 10px;
    background-image: url(/images/lock_icon.png);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 99;
}
.show-link-master{
	background: #f3f3f3;
	padding: 1rem;
	border-radius: 6px;
	margin-bottom: 0.8rem;
	line-height: 22px;
}
.show-link-master .info a{
	color: #3399ff;
}
.border-none {
    border: none !important;
}
.container_tweet_detail .apps_container .dashboard_inner {
	display: block;
	padding: 20px;
}
.container_tweet_detail .tweet-screen-name {
    color: #787878;
    font-size: 12px;
}
.container_tweet_detail .tweet-screen-name:before {
    content: url(../images/verified.svg);
    width: 1em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.container_tweet_detail .twitterFollower .tweet-follow-btns {
    display: inline-block;
    font-size: 10px;
    color: #787878;
}
.container_tweet_detail .twitterFollower .tweet-follow-btns span {
    font-size: 16px;
    font-weight: 500;
    color: #232323;
}
.container_tweet_detail .dashboard_inner .dashboard_img {
	display: inline-block;
	vertical-align: middle;
}
.container_tweet_detail .apps_container .dashboard_kind {
	display: inline-block;
	padding-left: 14px;
	vertical-align: middle;
}
.container_tweet_detail .apps_container .dashboard_kind .appname {
	font-size: 18px;
}
.container_tweet_detail .tweetDetailFooter {
	margin: 10px 0;
	border-top: 1px dashed #A5A6A7;
    padding-top: 10px;
}
.container_tweet_detail .tweet-follow-btns {
    margin-bottom: 5px;
    line-height: 1;
}
.container_tweet_detail .tweet-retweet-like span{
    font-size: 12px;
    color: #232323;
}
.container_tweet_detail .tweet-retweet-like span:before {
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
}
.container_tweet_detail .tweet-retweet-like .tweet-retweet {
	color: #0066FF;
}
.container_tweet_detail .tweet-retweet-like .tweet-retweet:before {
    content: url(../images/retweet.svg);
}
.container_tweet_detail .tweet-retweet-like .tweet-like {
	color: #ED0068;
}
.container_tweet_detail .tweet-retweet-like .tweet-like:before {
    content: url(../images/tweet_favorite.svg);
    margin-left: 10px;
}
.container_tweet_detail .tweet-retweet-like .tweet-comment:before {
    content: '';
    margin-left: 10px;
    background-image: url(../images/tweet_comment.svg);
    background-size: 0.8rem;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    margin-right: 2px;
}
.main_content .tweet-follow-btns .tweet-retweet-like .tweet-comment:before {
    margin-left: 10px;
}
.main_content .tweet-follow-btns span.twitter-follow-up {
    color: #ff018a;
    font-weight: 500;
    font-size: 16px;
}
.main_content .tweet-follow-btns span.twitter-follow-down {
    color: #0066ff !important;
}
.main_content .tweet-follow-btns .number-100000 {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ff018a !important;
}
.main_content .tweet-follow-btns .number-10000 {
    font-weight: bold !important;
    color: #ff018a !important;
}
.main_content .tweet-follow-btns .number-1000 {
    font-weight: bold !important;
}