.server_kind{
	position: absolute;
	top: 14.5px;
	left: 15px;
}
body:has(iframe#add_edit_area) .server_kind{
	display: none;
}

/*
#form-tool{
	width: calc(100% + 30px) !important;
	margin-left: -15px !important;
}
*/
.form-control{
	padding: 6px 4px;
}
select.form-control{
	padding-right: 15px;
}
.navbar-header .navbar-brand{
	display: none;
}
#page-wrapper{
	overflow: hidden;
	overflow: clip
}
#page-wrapper:after{
	content: "";
	display: block;
	clear: both;
}
#page-create .work-space{
	padding-left: 10px !important;
	padding-right: 10px !important;
	overflow: visible;
}
#page-create .work-space:after{
	content: "";
	display: block;
	clear: both;
}
@media screen and (max-width: 1100px){
	.ippedit #form-tool{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media screen and (max-width: 650px){
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 12px ;
		padding-right: 12px;
	}
	.ippedit .panel-body{
		padding: 15px 10px;
	}
	.ippedit .nav.nav.nav-tabs li a{
		padding: 10px;
	}
	#page-create .work-space{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
#page-create .work-space iframe.formPartsCreateIframe{
	margin: 0 auto 30px;
	transform: translateY(20px);
}

/*-reset-*/

#form-tool{
	margin-bottom: 20px;
}
#form-tool>#page-create{
	padding-top: 10px;
}
#form-tool>#page-create .work-space.page.ui-sortable{
	padding-bottom: 0;
	overflow: visible;
}

#form-tool .items{
	font-size: 62.5%;
	overflow: hidden;
	position: relative;
}
#form-tool .items>*{
	font-size: 1.55rem;
}
#form-tool .items,
#form-tool .items *{
	margin: 0;
	padding: 0;
	list-style: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
#form-tool .items h1,
#form-tool .items h2,
#form-tool .items h3,
#form-tool .items h4,
#form-tool .items h5,
#form-tool .items h6{
	font-size: inherit;
	color: inherit;
	font-weight: bold;
	line-height: inherit;
	font-family: inherit;
}
#form-tool .items h1{
	font-size: 2em;
}
#form-tool .items h2{
	font-size: 1.5em;
}
#form-tool .items h3{
	font-size: 1.17em;
}
#form-tool .items h4{
	font-size: 1em;
}
#form-tool .items h5{
	font-size: 0.83em
}
#form-tool .items h6{
	font-size: 0.67em
}
.ippedit #form-tool .items table th div,
.ippedit #form-tool .items table td div{
	font-size: inherit;
	height: auto;
}
#form-tool .items dt,
#form-tool .items label{
	font-weight: 500;
}
#form-tool .items img,
#form-tool .items a img {
	border: 0;
	vertical-align: top;
	backface-visibility: hidden;
}
#form-tool .items img{
	max-width: 100%;
}
#form_submit{
	pointer-events: none;
}

#form-tool #block-item-list a,
#form-tool .modal{
	color: #333 !important;
}

video{
	max-width: 100%;
}

/*----*/

.ippedit .modal-header button.close{
	opacity: 0.8;
	padding: 13px 15px;
	margin-top: -13px;
}
.ippedit .modal-header button.close:hover{
	opacity: 0.5;
}
.ippedit .modal-header button.close span{
	color: #fff;
	text-shadow: none;
}
.ippedit #page-create .add-item{
	cursor: pointer;
}
.ippedit #page-create .add-item-button{
	display: none !important;
}
.ippedit #form-tool #page-create .work-space .items .content_wrapper>div:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}
.ippedit #form-tool #page-create .work-space .items>div:not(.parallax){
	padding: 30px 0 30px;
}
.ippedit #form-tool #page-create .work-space .items>div[style*="background-color"]{
	padding: 80px 0;
}
.ippedit #form-tool #page-create .work-space .item{
	margin-bottom: 20px !important;
	padding-bottom: 0 !important;
	position: relative !important;
	/* background-color: transparent !important; */
}
/* .ippedit #form-tool #page-create .work-space .item:hover{
	background-color: rgba(0,0,0,0.04) !important;
} */




.ippedit #form-tool #page-create .work-space .items:hover{
	background-color: rgba(0,0,0,0.04) !important;
}
.ippedit #form-tool #page-create .work-space .items:hover +.item-edit-button{
	background-color: rgba(0,0,0,0.04) !important;
}
.ippedit #form-tool #page-create .add-item{
	opacity: 0 !important;
	top: 0 !important;
	left: 0 !important;
	padding: 2px 0 0 0 !important;
	opacity: 1 !important;
	height: 40px;
	margin-bottom: 15px;
	background-color: transparent !important;
	margin-left: -30px;
	width: calc(100% + 60px);
	z-index: 2;
}
.ippedit #form-tool #page-create .add-item.first{
	width: 100%;
	margin-left: 0;
}
.ippedit #page-create .add-item:before{
	border: none !important;
	height: 3px;
	width: 100% !important;
	background: rgba(200,200,200,0.6);
	position: absolute;
	top: calc(50% - 1px) !important;
	left: 0 !important;
}
.ippedit #page-create .add-item span{
	pointer-events: none;
	display: block;
	border: none !important;
	width: 40px;
	height: 40px;
	background: #00c5dc !important;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
	position: absolute;
	top: -5px;
	left: calc(50% - 20px) !important;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
}
.ippedit #form-tool #page-create .add-item.first span{
	top: 1px;
}
.ippedit #page-create .add-item:hover span{
	background: #6169a9 !important;
}
.ippedit #page-create .add-item span:after{
	display: block;
	content: "+";
	font-weight: bold;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	color: #fff;
	text-indent: 0;
}
.ippedit #page-create .item-edit-button{
	width: 100% !important;
	padding-top: 10px !important;
	padding-right: 10px !important;
}

.ippedit #block-item-list{
	padding: 0 0 0 0 !important;
	border: none !important;
	margin: 21px auto 35px !important;
	background: #f8f8f8;
	/*box-shadow: 0 4px 3px rgba(0,0,0,0.1) inset;*/
	border-top: 3px solid #ddd !important;
	z-index: 2;
}
.ippedit #block-item-list ul.nav{
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding: 20px 10px 30px !important;
	border-bottom: 3px solid #ddd;
	animation: navshow 0.4s 1 ease-in-out;
	transform-origin: 0 0;
}
@keyframes navshow {
	0%{
		transform: scaleY(0);
		opacity: 0;
	}
	1%{
		transform: scaleY(1);
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.ippedit #form-tool #page-create .add-item-list .delete-item-list{
	position: absolute;
	bottom: -20px;
	left: calc(50% - 20px);
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	background: #6169a9;
	display: block;
	top: auto;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
}
.ippedit #block-item-list .delete-item-list i.fa:before{
	color: #fff;
}
.ippedit #form-tool .parallax{
	box-shadow: none !important;
}

/*----------------------------load-----------------------------------*/

#wrapper{
	opacity: 0;
}
#load{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#load div:nth-of-type(1),
#mywriter .loadouter>div:nth-of-type(1),
#engage_account .loadouter>div:nth-of-type(1){
	height: 100%;
	width: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.8s ease-in-out;
}
#load .loader,
#mywriter .loader,
#engage_account .loader{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #55d8e8;
	border-radius: 50%;
	animation: spin 0.75s infinite linear;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	display: block;
}
#load .loader::before,
#load .loader::after,
#mywriter .loader::before,
#mywriter .loader::after,
#mywengage_accountriter .loader::before,
#engage_account .loader::after{
	left: -2px;
	top: -2px;
	display: none;
	position: absolute;
	content: '';
	width: inherit;
	height: inherit;
	border: inherit;
	border-radius: inherit;
}
#load .loader,
#load .loader::before,
#mywriter .loader,
#mywriter .loader::before,
#engage_account .loader,
#engage_account .loader::before{
	display: inline-block;
	border-color: transparent;
	border-top-color: #55d8e8;
}
#load .loader::before,
#mywriter .loader::before,
#engage_account .loader::before{
	animation: spin 1.5s infinite ease;
}
#mywriter .loader+span{
	position: absolute;
	top: calc(50% + 37px);
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
}
#mywriter .loader+span i{
	font-style: normal;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
#load img{
	display: block;
	z-index: 100;
	max-width: 150px;
	max-height: 80px;
	position: absolute;
	top: calc(50% + 10px);
	left: 0;
	right: 0;
	margin: 0 auto;
}

#ai_alert{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 1010;
	display: flex;
	align-items: center;
	justify-content: center;
}
#ai_alert .wrap{
	width: 600px;
	background: #fff;
	padding: 25px 20px 30px;
	text-align: left;
	box-shadow: 10px 10px 40px rgba(0,0,0,0.2); 
	line-height: 1.8;
}
#ai_alert h4{
	font-size: 17x;
	margin-bottom: 15px;
}
#ai_alert h4 i{
	color: #5bc0de;
	font-size: 22px;
	margin-right: 5px;
}
#ai_alert ul{
	list-style: none;
	display: block;
	padding: 0 0 0 10px;
	margin-bottom: 15px;
}
#ai_alert ul li{
	display: block;
	margin-bottom: 5px;
	padding-left: 20px;
	position: relative;
}
#ai_alert ul li:before{
	content: "";
	display: block;
	width: 7px;
	height: 12px;
	border-bottom: 2px solid #5bc0de;
	border-right: 2px solid #5bc0de;
	position: absolute;
	top: 4px;
	left: 2px;
	transform: rotate(45deg);
}
#ai_alert ul+p{
	text-align: center;
	font-size: 15px;
	margin-bottom: 20px;
}
#ai_alert ul+p input{
	margin-right: 5px;
}
#ai_alert ul+p label{
	font-weight: normal;
}
#ai_alert button{
	width: 130px;
}
#ai_alert button+button{
	margin-left: 15px;
}
#ai_alert:not(:has(input#ai_alert_agree:checked)) button.btn-primary{
	background: #ddd;
	pointer-events: none;
}

/*----------------------------login-----------------------------------*/

#login .siteback{
	margin: 30px auto -15px;
	font-size: 13px;
}
#login .siteback a{
	text-decoration: none !important;
	color: #999;
}
#login .siteback a:hover{
	opacity: 0.5;
}
#login{
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e232b+0,1d576c+64,2c4c7e+100 */
	background: #1e232b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #05233f 0%, #2e748d 55%, #3c428f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #05233f 0%,#2e748d 55%,#3c428f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #05233f 0%,#2e748d 55%,#3c428f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	min-height: 100vh;
}
#login.bros,
#login.hako,
#login.webcon,
#login.lups,
#login.bself{
	overflow: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e232b+0,1d576c+64,2c4c7e+100 */
	background: #1e232b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #3074b0 0%, #238388 55%, #0d3e32 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #3074b0 0%,#238388 55%,#0d3e32 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #3074b0 0%,#238388 55%,#0d3e32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	min-height: 100vh;
}
#login.astar,
#login.gather,
#login.mirai,
#login.vento,
#login.ouen,
#login.ideal{
	background: #c5b693;
}
#login.shoku{
	background: #464031;
}
#login.axia,
#login.leapd,
#login.capse,
#login.leap,
#login.axiate,
#login.waves,
#login.sole,
#login.premium{
	background: #333;
}
#login.grow:before,
#login.aidemo_a:before,
#login.aidemo_b:before{
	background-color: rgba(0,0,0,0.5);
}
#login.rt:before{
	background-color: rgba(0,0,0,0.5);
}
#login.smile{
	background: #ddd;
}
#login.gplant,
#login.gplant{
	background: #004828;
}
#login.zeroone{
	background: #206c1e;
}
#login.raku,
#login.raku2{
	background: #2c3a4e;
}
#login.fab{
	background: #222c50;
}
#login.adv,
#login.crma,
#login.change,
#login.acsu,
#login.rising_cms,
#login.win{
	background: #222c50;
}
#login.reright,
#login.blayn,
#login.tings,
#login.gt{
	background: #565;
}
#login.sweb{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #006ab9 0%, #483c95 50%, #882837 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #006ab9 0%,#483c95 50%,#882837 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #006ab9 0%,#483c95 50%,#882837 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.nstandard{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #082444 0%, #30d5ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #082444 0%,#30d5ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #082444 0%,#30d5ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.meo{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #082444 0%, #30d5ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #082444 0%,#30d5ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #082444 0%,#30d5ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.ftai{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #082444 0%, #30d5ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #082444 0%,#30d5ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #082444 0%,#30d5ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.alpha{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #082444 0%, #30d5ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #082444 0%,#30d5ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #082444 0%,#30d5ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.eg{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #034aad 0%, #cb6ce6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #034aad 0%,#cb6ce6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #034aad 0%,#cb6ce6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.aib{
	background: #0f3895; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #0f3895 0%, #04c8ad 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #0f3895 0%,#04c8ad 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #0f3895 0%,#04c8ad 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.lab{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(135deg,  #69329f 0%, #8a7b6c 50%, #bba257 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(135deg,  #69329f 0%,#8a7b6c 50%,#bba257 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #69329f 0%,#8a7b6c 50%,#bba257 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.eighth,
#login.rect{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #56b866 0%, #00354d 50%, #43caa4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #56b866 0%,#00354d 50%,#43caa4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #56b866 0%,#00354d 50%,#43caa4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login.ktm,
#login.types,
#login.anote,
#login.xp{
	background: #483c95; /* Old browsers */
	background: -moz-linear-gradient(45deg, #0037b9 20%, #979797 50%, #222 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #0037b9 20%, #979797 50%, #222 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #0037b9 20%, #979797 50%, #222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#login:before{
	position: fixed;
	top: -20px;
	left: -20px;
	z-index: 0;
	content: "";
	display: block;
	width: calc(100% + 40px);
	height: calc(100vh + 40px);
	/*background: url(https://source.unsplash.com/featured/?landscape/1000x563) 50% 50% no-repeat;*/
	background: url(/common/images/bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	filter: blur(15px) brightness(40%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.axia:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.leapd:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.capse:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.leap:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.gplant:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.zeroone:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.raku:before,
#login.raku2:before{
	filter: blur(15px) brightness(120%) contrast(180%) grayscale(100%);
	opacity: 0.2;
}
#login.axiate:before,
#login.waves:before,
#login.sole:before,
#login.premium:before,
#login.smile:before{
	filter: blur(15px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.5;
}
#login.grow:before,
#login.aidemo_a:before,
#login.aidemo_b:before{
	filter: blur(10px) brightness(100%) contrast(100%) grayscale(100%);
	opacity: 0.8;
}
#login.rt:before{
	filter: blur(10px) brightness(100%) contrast(100%) grayscale(100%);
	opacity: 0.8;
}
#login.smile:before{
	filter: blur(3px) brightness(120%) contrast(130%) grayscale(100%);
	opacity: 0.1;
}
#login .container{
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 40px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#login .container:before,
#login .container:after,
#login .container .row:before,
#login .container .row:after{
	display: none;
}
#login .container .row{
	height: auto;
	width: 100%;
}
#login .container .row .col-md-4{
	max-width: 520px;
	width: 90%;
	position: relative;
	float: none;
	margin: 0 auto;
	padding: 0;
	background: #1e232b; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #05233f 0%, #2e748d 40%, #3c428f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #05233f 0%,#2e748d 40%,#3c428f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #05233f 0%,#2e748d 40%,#3c428f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 0 0 30px rgba(0,0,0,0.4);
}
.axia#login .container .row .col-md-4{
	background: #222;
}
.leapd#login .container .row .col-md-4{
	background: #222;
}
.capse#login .container .row .col-md-4{
	background: #222;
}
.leap#login .container .row .col-md-4{
	background: #222;
}
.gplant#login .container .row .col-md-4{
	background: #f1f5f3;
}
.zeroone#login .container .row .col-md-4{
	background: #f1f5f3;
}
.raku#login .container .row .col-md-4,
.raku2#login .container .row .col-md-4{
	background: #f1f5f3;
}
#login .container .row .col-md-4:before{
	content: "";
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	/*background: url(https://source.unsplash.com/featured/?landscape/1000x563) 50% 50% no-repeat;*/
	background: url(/common/images/bg.jpg) 50% 50% no-repeat;
	filter: brightness(70%) contrast(130%) grayscale(100%);
	opacity: 0.3;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}
#login .login-panel{
	margin: 0;
	position: relative;
	z-index: 2;
	border: none;
	background-color: transparent;
}
#login .panel-heading{
	background-color: transparent;
	border: none;
	padding: 20px 0 0 0;
}
#login .panel-heading h3{
	padding: 40px;
	box-sizing: content-box;
	text-indent: -10000px;
	outline: none;
	line-height: 1px;
	font-size: 1px;
	height: 200px;
	background: url(/common/images/logo2.png) 50% 50% no-repeat;
	background-size: 150px auto;
}
.ipp2#login .panel-heading h3{
	background: url(/common/images/ipp2logo.png) 50% 50% no-repeat;
	background-size: 70% auto;
}
.onerankcms#login .panel-heading h3{
	background: url(/common/images/onerankcmslogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
}
.coolio#login .panel-heading h3{
	background: url(/common/images/cooliologo.png) 50% 50% no-repeat;
	background-size: 70% auto;
}
.frontiercms#login .panel-heading h3{
	background: url(/common/images/frontiercmslogo.png) 50% 50% no-repeat;
	background-size: auto 80%;
}
.jcweb#login .panel-heading h3{
	max-width: 288px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/jcweblogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 40px auto;
}
.websta#login .panel-heading h3{
	max-width: 464px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/webstalogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 40px auto;
}
.fab#login .panel-heading h3{
	max-width: 180px;
	width: 50%;
	box-sizing: border-box;
	background: url(/common/images/fablogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.adv#login .panel-heading h3{
	max-width: 300px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/advlogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.crma#login .panel-heading h3{
	max-width: 300px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/crmalogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 50px auto 30px;
}
.change#login .panel-heading h3{
	max-width: 200px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/changelogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 0 auto;
}
.rising_cms#login .panel-heading h3{
	max-width: 300px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/rising_cmslogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 40px auto 30px;
}
.win#login .panel-heading h3{
	max-width: 360px;
	width: 90%;
	box-sizing: border-box;
	background: url(/common/images/winlogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 20px auto 0;
}
.acsu#login .panel-heading h3{
	max-width: 300px;
	width: 80%;
	box-sizing: border-box;
	background: url(/common/images/acsulogo.png) 50% 50% no-repeat;
	background-size: auto 80%;
	margin: 0 auto;
}
.justweb#login .panel-heading h3{
	background: url(/common/images/justweblogo.png) 50% 50% no-repeat;
	background-size: auto 60%;
	height: 180px;
}
.accesslab#login .panel-heading h3{
	background: url(/common/images/accesslablogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 250px;
	max-width: 200px;
	width: 70%;
	margin: 0 auto;
	padding: 0;
}
.peees#login .panel-heading h3{
	background: url(/common/images/peeeslogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 250px;
	width: 70%;
	margin: 0 auto;
	padding: 0;
}
.originalweb#login .panel-heading h3{
	background: url(/common/images/originalweblogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 200px;
	max-width: 400px;
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
.astar#login .panel-heading h3{
	background: url(/common/images/astarlogo.png) 50% 50% no-repeat;
	background-size: auto 65%;
	padding: 0 40px 10px;
}
.gather#login .panel-heading h3{
	background: url(/common/images/gatherlogo.png) 50% 50% no-repeat;
	background-size: contain;
	padding: 0 0 10px;
	margin: 0 auto;
	max-width: 400px;
	width: calc(100% - 60px);
}
.mirai#login .panel-heading h3{
	background: url(/common/images/mirailogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 0;
	margin: 0 auto 30px;
	max-width: 300px;
	width: calc(100% - 60px);
}
.vento#login .panel-heading h3{
	background: url(/common/images/ventologo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 0;
	margin: 0 auto 30px;
	max-width: 300px;
	width: calc(100% - 60px);
}
.shoku#login .panel-heading h3{
	background: url(/common/images/shokulogo.png) 50% 50% no-repeat;
	background-size: 100% auto;
	padding: 0;
	margin: 0 auto 10px;
	max-width: 343px;
	width: calc(100% - 60px);
}
.ouen#login .panel-heading h3{
	background: url(/common/images/ouenlogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 20px 60px 30px;
	max-width: 260px;
	margin: 0 auto;
}
.ideal#login .panel-heading h3{
	background: url(/common/images/ideallogo.png) 50% 50% no-repeat;
	background-size: auto 65%;
	padding: 0 40px 10px;
}
.axia#login .panel-heading h3{
	background: url(/common/images/axialogo.png) 50% 50% no-repeat;
	background-size: 150px auto;
	padding: 20px 40px 20px;
}
.leapd#login .panel-heading h3{
	background: url(/common/images/leapdlogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 20px 40px 20px;
	max-width: 240px;
	margin: 0 auto;
}
.capse#login .panel-heading h3{
	background: url(/common/images/capselogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 20px 40px 20px;
	max-width: 240px;
	margin: 0 auto;
}
.leap#login .panel-heading h3{
	background: url(/common/images/leaplogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 20px 40px 20px;
}
.gplant#login .panel-heading h3{
	background: url(/common/images/gplant.png) 50% 50% no-repeat;
	background-size: 80% auto;
	padding: 20px 40px 20px;
}
.zeroone#login .panel-heading h3{
	background: url(/common/images/zeroonelogo.png) 50% 50% no-repeat;
	background-size: contain;
	padding: 0;
	margin: 40px auto 30px;
	max-width: 50%;
	height: 200px;
}
.raku#login .panel-heading h3,
.raku2#login .panel-heading h3{
	background: url(/common/images/rakulogo.png) 50% 50% no-repeat;
	background-size: contain;
	padding: 0;
	margin: 40px auto 40px;
	max-width: 65%;
	height: 150px;
}
.raku2#login .panel-heading h3{
	background: url(/common/images/raku2logo.png) 50% 50% no-repeat;
	background-size: contain;
}
.charion#login .panel-heading h3{
	background: url(/common/images/charionlogo.png) 50% 50% no-repeat;
	background-size: 76% auto;
	height: 180px;
}
.zero_st#login .panel-heading h3{
	background: url(/common/images/zero_stlogo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.zero_li#login .panel-heading h3{
	background: url(/common/images/zero_lilogo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.axiate#login .panel-heading h3{
	background: url(/common/images/axiatelogo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.waves#login .panel-heading h3{
	background: url(/common/images/waveslogo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.sole#login .panel-heading h3{
	background: url(/common/images/solelogo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.premium#login .panel-heading h3{
	background: url(/common/images/premiumlogo.png) 50% 50% no-repeat;
	background-size: 100% auto;
	height: 180px;
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
}
.grow#login .panel-heading h3{
	background: url(/common/images/growlogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	height: 180px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.aidemo_a#login .panel-heading h3{
	background: url(/common/images/aidemo_a.png) 50% 50% no-repeat;
	background-size: auto 80%;
	height: 180px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.aidemo_b#login .panel-heading h3{
	background: url(/common/images/aidemo_b.png) 50% 50% no-repeat;
	background-size: auto 80%;
	height: 180px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.rt#login .panel-heading h3{
	background: url(/common/images/rtlogo.png) 50% 50% no-repeat;
	background-size: auto 80%;
	height: 180px;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.smile#login .panel-heading h3{
	background: url(/common/images/smilelogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
	height: 200px;
	max-width: 360px;
	margin: auto;
}
.tl1#login .panel-heading h3{
	background: url(/common/images/tl1logo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.medi#login .panel-heading h3{
	background: url(/common/images/medilogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	height: 180px;
}
.reright#login .panel-heading h3{
	background: url(/common/images/rerightlogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
	max-width: 400px;
	margin: 0 auto;
	box-sizing: border-box;
}
.blayn#login .panel-heading h3{
	background: url(/common/images/blaynlogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
	max-width: 300px;
	margin: 0 auto;
	box-sizing: border-box;
}
.tings#login .panel-heading h3{
	background: url(/common/images/tingslogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
	max-width: 400px;
	margin: 0 auto;
	box-sizing: border-box;
}
.gt#login .panel-heading h3{
	background: url(/common/images/gtlogo.png) 50% 50% no-repeat;
	background-size: contain;
	max-width: 160px;
	margin: 20px auto;
	box-sizing: border-box;
}
.ishigaki#login .panel-heading h3{
	background: url(/common/images/ishigakilogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 240px;
	width: 80%;
	box-sizing: border-box;
	margin: 0 auto 20px;
}
.webro#login .panel-heading h3{
	background: url(/common/images/webrologo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.toho#login .panel-heading h3{
	background: url(/common/images/tohologo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	max-width: 300px;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.solocto#login .panel-heading h3{
	background: url(/common/images/soloctologo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.prosup#login .panel-heading h3{
	background: url(/common/images/prosuplogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.asset#login .panel-heading h3{
	background: url(/common/images/assetlogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.ks#login .panel-heading h3{
	background: url(/common/images/kslogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.neko#login .panel-heading h3{
	background: url(/common/images/nekologo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.rlz_cms#login .panel-heading h3{
	background: url(/common/images/rlz_cmslogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.wl#login .panel-heading h3{
	background: url(/common/images/wllogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	max-width: 321px;
	box-sizing: border-box;
	margin: 0 auto;
}
.jpp#login .panel-heading h3{
	background: url(/common/images/jpplogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	max-width: 321px;
	box-sizing: border-box;
	margin: 30px auto;
}
.bros#login .panel-heading h3{
	background: url(/common/images/broslogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 70%;
	box-sizing: border-box;
	margin: 40px auto 20px;
	max-width: 300px;
}
.hako#login .panel-heading h3{
	background: url(/common/images/hakologo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 70%;
	box-sizing: border-box;
	margin: 40px auto 20px;
	max-width: 300px;
}
.webcon#login .panel-heading h3{
	background: url(/common/images/webconlogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 70%;
	box-sizing: border-box;
	margin: 40px auto 20px;
	max-width: 300px;
}
.lups#login .panel-heading h3{
	background: url(/common/images/lupslogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 70%;
	box-sizing: border-box;
	margin: 40px auto 20px;
	max-width: 300px;
}
.bself#login .panel-heading h3{
	background: url(/common/images/bselflogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 70%;
	box-sizing: border-box;
	margin: 40px auto 20px;
	max-width: 300px;
}
.kiwami#login .panel-heading h3{
	background: url(/common/images/kiwamilogo.png) 50% 50% no-repeat;
	background-size: 85% auto;
	height: 180px;
}
.grade#login .panel-heading h3{
	background: url(/common/images/gradelogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 80px;
	margin: 40px auto;
}
.inside#login .panel-heading h3{
	background: url(/common/images/insidelogo.png) 50% 50% no-repeat;
	background-size: 70% auto;
	height: 100px;
	margin: 40px auto;
	max-width: 300px;
}
.sweb#login .panel-heading h3{
	background: url(/common/images/sweblogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 100px;
	margin: 40px auto;
	max-width: 300px;
}
.nstandard#login .panel-heading h3{
	background: url(/common/images/nstandardlogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 80px;
	margin: 60px auto;
	max-width: 300px;
}
.meo#login .panel-heading h3{
	background: url(/common/images/meologo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 80px;
	margin: 50px auto 40px;
	max-width: 300px;
}
.ftai#login .panel-heading h3{
	background: url(/common/images/ftailogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 150px;
	margin: 50px auto 30px;
	max-width: 300px;
	width: 60%;
	box-sizing: border-box;
	padding: 0;
}
.alpha#login .panel-heading h3{
	background: url(/common/images/alphalogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 150px;
	margin: 50px auto 30px;
	max-width: 300px;
	width: 60%;
	box-sizing: border-box;
	padding: 0;
}
.eg#login .panel-heading h3{
	background: url(/common/images/eglogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 30px auto 30px;
	max-width: 200px;
	width: 60%;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	aspect-ratio: 1;
}
.aib#login .panel-heading h3{
	background: url(/common/images/aiblogo.png) 50% 50% no-repeat;
	background-size: contain;
	margin: 30px auto 30px;
	max-width: 200px;
	width: 60%;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	aspect-ratio: 1;
}
.lab#login .panel-heading h3{
	background: url(/common/images/lablogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	height: 100px;
	margin: 20px auto;
	max-width: 300px;
}
.eighth#login .panel-heading h3{
	background: url(/common/images/eighthlogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 100px;
	margin: 40px auto;
	max-width: 300px;
}
.rect#login .panel-heading h3{
	background: url(/common/images/rectlogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 100px;
	width: 300px;
	margin: 80px auto;
	max-width: 75%;
	box-sizing: border-box;
	padding: 0;
}
.ktm#login .panel-heading h3{
	background: url(/common/images/ktmlogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 100px;
	margin: 40px auto;
	max-width: 300px;
}
.types#login .panel-heading h3{
	background: url(/common/images/typeslogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 230px;
	margin: 0 auto;
	max-width: 60%;
}
.anote#login .panel-heading h3{
	background: url(/common/images/anotelogo.png) 50% 60% no-repeat;
	background-size: contain;
	height: 100px;
	margin: 0 auto;
	max-width: 60%;
}
.xp#login .panel-heading h3{
	background: url(/common/images/xplogo.png) 50% 50% no-repeat;
	background-size: contain;
	height: 150px;
	margin: 0 auto;
	max-width: 40%;
}
.taku#login .panel-heading h3{
	background: url(/common/images/takulogo.png) 50% 50% no-repeat;
	background-size: auto 75%;
	height: 180px;
}
.bsmo#login .panel-heading h3{
	background: url(/common/images/bsmologo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	height: 150px;
	margin-top: 20px;
}
.ginga#login .panel-heading h3{
	background: url(/common/images/gingalogo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	height: 150px;
	margin-top: 20px;
}
.mso#login .panel-heading h3{
	background: url(/common/images/msologo.png) 50% 50% no-repeat;
	background-size: 80% auto;
	height: 150px;
	margin-top: 20px;
}
.assist_dx#login .panel-heading h3{
	background: url(/common/images/assist_dxlogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 60%;
	max-width: 210px;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.wf_dx#login .panel-heading h3{
	background: url(/common/images/wf_dxlogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.solocto_dx#login .panel-heading h3{
	background: url(/common/images/soloctologo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.sk_dx#login .panel-heading h3{
	background: url(/common/images/sk_dxlogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
.rising_dx#login .panel-heading h3{
	background: url(/common/images/rising_dxlogo.png) 50% 50% no-repeat;
	background-size: contain;
	width: 80%;
	box-sizing: border-box;
	margin: 40px auto 20px;
}
#login .panel-body{
	padding: 10px 20px 100px;
	text-align: center;
	color: #fff;
}
#login.astar .panel-body{
	padding: 0 20px 100px;
}
#login.gather .panel-body{
	padding: 0 20px 100px;
}
#login.mirai .panel-body{
	padding: 0 20px 100px;
}
#login.vento .panel-body{
	padding: 0 20px 100px;
}
#login.shoku .panel-body{
	padding: 0 20px 100px;
}
#login.ouen .panel-body{
	padding: 0 20px 100px;
}
#login.ideal .panel-body{
	padding: 0 20px 100px;

}
#login .panel-body form{
	display: block;
	max-width: 400px;
	margin: 0 auto;
}
#login .panel-body input{
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(255,255,255,0.55);
	background-color: transparent;
	color: #fff;
	box-shadow: none;
	padding-left: 35px;
}
#login input::-webkit-input-placeholder {
	color: rgba(125,125,125,0.6);
	opacity: 1;
}
#login input:-ms-input-placeholder {
	color: rgba(125,125,125,0.6);
	opacity: 1;
}
#login input::-moz-placeholder {
	color: rgba(125,125,125,0.6);
	opacity: 1;
}
.axia#login input::-webkit-input-placeholder,
.leap#login input::-webkit-input-placeholder,
.coolio#login input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
.axia#login input:-ms-input-placeholder,
.leap#login input:-ms-input-placeholder,
.coolio#login input:-ms-input-placeholder {
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
.axia#login input::-moz-placeholder,
.leap#login input::-moz-placeholder,
.coolio#login input::-moz-placeholder {
	color: rgba(255,255,255,0.6);
	opacity: 1;
}
#login .form-group{
	margin-bottom: 30px;
	position: relative;
}
#login .form-group:nth-of-type(1):after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 5px;
	background: url(/common/images/user.svg) 50% 50% no-repeat;
	background-size: auto 19px;
	opacity: 0.7;
}
#login .form-group:nth-of-type(2):after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 5px;
	background: url(/common/images/key.svg) 50% 50% no-repeat;
	background-size: auto 19px;
	opacity: 0.7;
}
#login .checkbox{
	margin: -5px 0 40px;
}
#login a.btn{
	min-width: 200px;
	font-size: 14px;
	padding: 10px;
	background: #fff;
	color: #2b80c7;
	letter-spacing: 1px;
	transition: 0.2s ease-in-out;
}
#login a.btn:hover{
	opacity: 0.8;
}
@media screen and (max-height: 850px){
	#login{
		overflow: scroll;
		overflow-x: hidden;
	}
	#login .panel-heading h3{
		height: 150px;
		background-size: 120px auto;
		padding-top: 20px;
	}
	#login .panel-body{
		padding: 10px 20px 60px;
	}
}

.frontiercms#login .panel-body,
.jcweb#login .panel-body,
.websta#login .panel-body,
.fab#login .panel-body,
.adv#login .panel-body,
.crma#login .panel-body,
.change#login .panel-body,
.rising_cms#login .panel-body,
.win#login .panel-body,
.acsu#login .panel-body,
.justweb#login .panel-body,
.accesslab#login .panel-body,
.peees#login .panel-body,
.originalweb#login .panel-body,
.zeroone#login .panel-body,
.raku#login .panel-body,
.raku2#login .panel-body,
.charion#login .panel-body,
.zero_st#login .panel-body,
.zero_li#login .panel-body,
.axiate#login .panel-body,
.waves#login .panel-body,
.sole#login .panel-body,
.premium#login .panel-body,
.grow#login .panel-body,
.aidemo_a#login .panel-body,
.aidemo_b#login .panel-body,
.rt#login .panel-body,
.smile#login .panel-body,
.tl1#login .panel-body,
.reright#login .panel-body,
.blayn#login .panel-body,
.tings#login .panel-body,
.gt#login .panel-body,
.medi#login .panel-body,
.ishigaki#login .panel-body,
.webro#login .panel-body,
.toho#login .panel-body,
.solocto#login .panel-body,
.prosup#login .panel-body,
.asset#login .panel-body,
.ks#login .panel-body,
.neko#login .panel-body,
.rlz_cms#login .panel-body,
.wl#login .panel-body,
.jpp#login .panel-body,
.bros#login .panel-body,
.hako#login .panel-body,
.ktm#login .panel-body,
.types#login .panel-body,
.anote#login .panel-body,
.xp#login .panel-body,
.webcon#login .panel-body,
.lups#login .panel-body,
.bself#login .panel-body,
.kiwami#login .panel-body,
.grade#login .panel-body,
.inside#login .panel-body,
.sweb#login .panel-body,
.nstandard#login .panel-body,
.meo#login .panel-body,
.ftai#login .panel-body,
.alpha#login .panel-body,
.eg#login .panel-body,
.aib#login .panel-body,
.lab#login .panel-body,
.eighth#login .panel-body,
.rect#login .panel-body,
.taku#login .panel-body,
.bsmo#login .panel-body,
.ginga#login .panel-body,
.mso#login .panel-body,
#login[class*="_dx"] .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.frontiercms#login .container .row .col-md-4:before,
.jcweb#login .container .row .col-md-4:before,
.websta#login .container .row .col-md-4:before,
.fab#login .container .row .col-md-4:before,
.adv#login .container .row .col-md-4:before,
.crma#login .container .row .col-md-4:before,
.change#login .container .row .col-md-4:before,
.rising_cms#login .container .row .col-md-4:before,
.win#login .container .row .col-md-4:before,
.acsu#login .container .row .col-md-4:before,
.gplant#login .container .row .col-md-4::before,
.zeroone#login .container .row .col-md-4::before,
.raku#login .container .row .col-md-4::before,
.raku2#login .container .row .col-md-4::before,
.justweb#login .container .row .col-md-4::before,
.accesslab#login .container .row .col-md-4::before,
.peees#login .container .row .col-md-4::before,
.originalweb#login .container .row .col-md-4::before,
.charion#login .container .row .col-md-4::before,
.zero_st#login .container .row .col-md-4::before,
.zero_li#login .container .row .col-md-4::before,
.axiate#login .container .row .col-md-4::before,
.waves#login .container .row .col-md-4::before,
.sole#login .container .row .col-md-4::before,
.premium#login .container .row .col-md-4::before,
.aidemo_a#login .container .row .col-md-4::before,
.aidemo_b#login .container .row .col-md-4::before,
.grow#login .container .row .col-md-4::before,
.rt#login .container .row .col-md-4::before,
.smile#login .container .row .col-md-4::before,
.tl1#login .container .row .col-md-4::before,
.medi#login .container .row .col-md-4::before,
.reright#login .container .row .col-md-4::before,
.blayn#login .container .row .col-md-4::before,
.tings#login .container .row .col-md-4::before,
.gt#login .container .row .col-md-4::before,
.ishigaki#login .container .row .col-md-4::before,
.webro#login .container .row .col-md-4::before,
.toho#login .container .row .col-md-4::before,
.solocto#login .container .row .col-md-4::before,
.prosup#login .container .row .col-md-4::before,
.asset#login .container .row .col-md-4::before,
.ks#login .container .row .col-md-4::before,
.neko#login .container .row .col-md-4::before,
.rlz_cms#login .container .row .col-md-4::before,
.wl#login .container .row .col-md-4::before,
.jpp#login .container .row .col-md-4::before,
.bros#login .container .row .col-md-4::before,
.hako#login .container .row .col-md-4::before,
.webcon#login .container .row .col-md-4::before,
.lups#login .container .row .col-md-4::before,
.bself#login .container .row .col-md-4::before,
.kiwami#login .container .row .col-md-4::before,
.grade#login .container .row .col-md-4::before,
.inside#login .container .row .col-md-4::before,
.sweb#login .container .row .col-md-4::before,
.nstandard#login .container .row .col-md-4::before,
.meo#login .container .row .col-md-4::before,
.ftai#login .container .row .col-md-4::before,
.alpha#login .container .row .col-md-4::before,
.eg#login .container .row .col-md-4::before,
.aib#login .container .row .col-md-4::before,
.lab#login .container .row .col-md-4::before,
.eighth#login .container .row .col-md-4::before,
.rect#login .container .row .col-md-4::before,
.ktm#login .container .row .col-md-4::before,
.types#login .container .row .col-md-4::before,
.anote#login .container .row .col-md-4::before,
.xp#login .container .row .col-md-4::before,
.taku#login .container .row .col-md-4::before,
.bsmo#login .container .row .col-md-4::before,
.ginga#login .container .row .col-md-4::before,
.mso#login .container .row .col-md-4::before,
#login[class*="_dx"] .container .row .col-md-4::before{
	display: none;
}
.frontiercms#login .container .row .col-md-4,
.jcweb#login .container .row .col-md-4,
.websta#login .container .row .col-md-4,
.fab#login .container .row .col-md-4,
.adv#login .container .row .col-md-4,
.crma#login .container .row .col-md-4,
.change#login .container .row .col-md-4,
.rising_cms#login .container .row .col-md-4,
.win#login .container .row .col-md-4,
.acsu#login .container .row .col-md-4,
.gplant#login .container .row .col-md-4,
.zeroone#login .container .row .col-md-4,
.raku#login .container .row .col-md-4,
.raku2#login .container .row .col-md-4,
.justweb#login .container .row .col-md-4,
.accesslab#login .container .row .col-md-4,
.peees#login .container .row .col-md-4,
.originalweb#login .container .row .col-md-4,
.charion#login .container .row .col-md-4,
.zero_st#login .container .row .col-md-4,
.zero_li#login .container .row .col-md-4,
.axiate#login .container .row .col-md-4,
.waves#login .container .row .col-md-4,
.sole#login .container .row .col-md-4,
.premium#login .container .row .col-md-4,
.grow#login .container .row .col-md-4,
.aidemo_a#login .container .row .col-md-4,
.aidemo_b#login .container .row .col-md-4,
.rt#login .container .row .col-md-4,
.smile#login .container .row .col-md-4,
.tl1#login .container .row .col-md-4,
.medi#login .container .row .col-md-4,
.reright#login .container .row .col-md-4,
.blayn#login .container .row .col-md-4,
.tings#login .container .row .col-md-4,
.gt#login .container .row .col-md-4,
.ishigaki#login .container .row .col-md-4,
.webro#login .container .row .col-md-4,
.toho#login .container .row .col-md-4,
.solocto#login .container .row .col-md-4,
.prosup#login .container .row .col-md-4,
.asset#login .container .row .col-md-4,
.ks#login .container .row .col-md-4,
.neko#login .container .row .col-md-4,
.rlz_cms#login .container .row .col-md-4,
.wl#login .container .row .col-md-4,
.jpp#login .container .row .col-md-4,
.bros#login .container .row .col-md-4,
.hako#login .container .row .col-md-4,
.webcon#login .container .row .col-md-4,
.lups#login .container .row .col-md-4,
.bself#login .container .row .col-md-4,
.kiwami#login .container .row .col-md-4,
.grade#login .container .row .col-md-4,
.inside#login .container .row .col-md-4,
.sweb#login .container .row .col-md-4,
.nstandard#login .container .row .col-md-4,
.meo#login .container .row .col-md-4,
.ftai#login .container .row .col-md-4,
.alpha#login .container .row .col-md-4,
.eg#login .container .row .col-md-4,
.aib#login .container .row .col-md-4,
.lab#login .container .row .col-md-4,
.eighth#login .container .row .col-md-4,
.rect#login .container .row .col-md-4,
.ktm#login .container .row .col-md-4,
.taku#login .container .row .col-md-4,
.bsmo#login .container .row .col-md-4,
.ginga#login .container .row .col-md-4,
.types#login .container .row .col-md-4,
.anote#login .container .row .col-md-4,
.xp#login .container .row .col-md-4,
.mso#login .container .row .col-md-4,
#login[class*="_dx"] .container .row .col-md-4{
	background: #f5f8fc;
	box-shadow: 0 0 200px rgba(154,223,246,0.8);
	border-radius: 10px;
}
.medi#login .container .row .col-md-4,
.reright#login .container .row .col-md-4,
.blayn#login .container .row .col-md-4,
.tings#login .container .row .col-md-4,
.gt#login .container .row .col-md-4,
.ishigaki#login .container .row .col-md-4,
.webro#login .container .row .col-md-4,
.toho#login .container .row .col-md-4,
.solocto#login .container .row .col-md-4,
.prosup#login .container .row .col-md-4,
.asset#login .container .row .col-md-4,
.ks#login .container .row .col-md-4,
.neko#login .container .row .col-md-4,
.rlz_cms#login .container .row .col-md-4,
.wl#login .container .row .col-md-4,
.jpp#login .container .row .col-md-4,
.bros#login .container .row .col-md-4,
.hako#login .container .row .col-md-4,
.webcon#login .container .row .col-md-4,
.lups#login .container .row .col-md-4,
.bself#login .container .row .col-md-4,
#login[class*="_dx"] .container .row .col-md-4,
.axiate#login .container .row .col-md-4,
.waves#login .container .row .col-md-4,
.sole#login .container .row .col-md-4,
.premium#login .container .row .col-md-4,
.grow#login .container .row .col-md-4,
.aidemo_a#login .container .row .col-md-4,
.aidemo_b#login .container .row .col-md-4,
.rt#login .container .row .col-md-4,
.types#login .container .row .col-md-4,
.anote#login .container .row .col-md-4,
.xp#login .container .row .col-md-4,
.lab#login .container .row .col-md-4,
.smile#login .container .row .col-md-4,
.adv#login .container .row .col-md-4,
.crma#login .container .row .col-md-4,
.change#login .container .row .col-md-4,
.rising_cms#login .container .row .col-md-4,
.win#login .container .row .col-md-4,
.acsu#login .container .row .col-md-4{
	background-color: #fff;
}
.reright#login .container .row .col-md-4,
.blayn#login .container .row .col-md-4,
.tings#login .container .row .col-md-4,
.gt#login .container .row .col-md-4{
	box-shadow: 0 0 200px rgba(255,255,255,0.8);
}
.axiate#login .container .row .col-md-4,
.waves#login .container .row .col-md-4,
.sole#login .container .row .col-md-4,
.premium#login .container .row .col-md-4,
.grow#login .container .row .col-md-4,
.aidemo_a#login .container .row .col-md-4,
.aidemo_b#login .container .row .col-md-4,
.rt#login .container .row .col-md-4{
	box-shadow: 0 0 100px rgba(0,0,0,0.5);
}
.smile#login .container .row .col-md-4{
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.peees#login .container .row .col-md-4 .login-panel{
	background: #fff;
}
.frontiercms#login .panel-body input,
.jcweb#login .panel-body input,
.websta#login .panel-body input,
.fab#login .panel-body input,
.rising_cms#login .panel-body input,
.win#login .panel-body input,
.adv#login .panel-body input,
.crma#login .panel-body input,
.change#login .panel-body input,
.acsu#login .panel-body input,
.gplant#login .panel-body input,
.zeroone#login .panel-body input,
.raku#login .panel-body input,
.raku2#login .panel-body input,
.justweb#login .panel-body input,
.accesslab#login .panel-body input,
.peees#login .panel-body input,
.originalweb#login .panel-body input,
.charion#login .panel-body input,
.zero_st#login .panel-body input,
.zero_li#login .panel-body input,
.axiate#login .panel-body input,
.waves#login .panel-body input,
.premium#login .panel-body input,
.grow#login .panel-body input,
.aidemo_a#login .panel-body input,
.aidemo_b#login .panel-body input,
.rt#login .panel-body input,
.sole#login .panel-body input,
.smile#login .panel-body input,
.tl1#login .panel-body input,
.medi#login .panel-body input,
.reright#login .panel-body input,
.blayn#login .panel-body input,
.tings#login .panel-body input,
.gt#login .panel-body input,
.ishigaki#login .panel-body input,
.webro#login .panel-body input,
.toho#login .panel-body input,
.solocto#login .panel-body input,
.prosup#login .panel-body input,
.asset#login .panel-body input,
.ks#login .panel-body input,
.neko#login .panel-body input,
.rlz_cms#login .panel-body input,
.wl#login .panel-body input,
.jpp#login .panel-body input,
.bros#login .panel-body input,
.hako#login .panel-body input,
.webcon#login .panel-body input,
.lups#login .panel-body input,
.bself#login .panel-body input,
.kiwami#login .panel-body input,
.grade#login .panel-body input,
.inside#login .panel-body input,
.sweb#login .panel-body input,
.nstandard#login .panel-body input,
.meo#login .panel-body input,
.ftai#login .panel-body input,
.alpha#login .panel-body input,
.eg#login .panel-body input,
.aib#login .panel-body input,
.lab#login .panel-body input,
.eighth#login .panel-body input,
.rect#login .panel-body input,
.ktm#login .panel-body input,
.types#login .panel-body input,
.anote#login .panel-body input,
.xp#login .panel-body input,
.taku#login .panel-body input,
.bsmo#login .panel-body input,
.ginga#login .panel-body input,
.mso#login .panel-body input,
#login[class*="_dx"] .panel-body input{
	border: none;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	height: 44px;
	border-radius: 100px;
	color: #333;
	letter-spacing: 0.05rem;
	font-size: 15px;
}
.medi#login .panel-body input,
.ishigaki#login .panel-body input,
.webro#login .panel-body input,
.toho#login .panel-body input,
.solocto#login .panel-body input,
.prosup#login .panel-body input,
.asset#login .panel-body input,
.ks#login .panel-body input,
.neko#login .panel-body input,
.rlz_cms#login .panel-body input,
.wl#login .panel-body input,
.jpp#login .panel-body input,
.bros#login .panel-body input,
.hako#login .panel-body input,
.webcon#login .panel-body input,
.lups#login .panel-body input,
.bself#login .panel-body input,
.types#login .panel-body input,
.anote#login .panel-body input,
.xp#login .panel-body input,
.lab#login .panel-body input,
.adv#login .panel-body input,
.crma#login .panel-body input,
.change#login .panel-body input,
.rising_cms#login .panel-body input,
.win#login .panel-body input,
.acsu#login .panel-body input,
#login[class*="_dx"] .panel-body input{
	background: #f3f6f8;
}
.peees#login .panel-body input,
.reright#login .panel-body input,
.blayn#login .panel-body input,
.tings#login .panel-body input,
.gt#login .panel-body input,
.axiate#login .panel-body input,
.waves#login .panel-body input,
.sole#login .panel-body input,
.premium#login .panel-body input,
.grow#login .panel-body input,
.aidemo_a#login .panel-body input,
.aidemo_b#login .panel-body input,
.rt#login .panel-body input,
.smile#login .panel-body input{
	background: #f0f0f0;
}
.frontiercms#login .form-group:nth-of-type(1):after,
.jcweb#login .form-group:nth-of-type(1):after,
.websta#login .form-group:nth-of-type(1):after,
.fab#login .form-group:nth-of-type(1):after,
.adv#login .form-group:nth-of-type(1):after,
.crma#login .form-group:nth-of-type(1):after,
.change#login .form-group:nth-of-type(1):after,
.rising_cms#login .form-group:nth-of-type(1):after,
.win#login .form-group:nth-of-type(1):after,
.acsu#login .form-group:nth-of-type(1):after,
.gplant#login .form-group:nth-of-type(1):after,
.zeroone#login .form-group:nth-of-type(1):after,
.raku#login .form-group:nth-of-type(1):after,
.raku2#login .form-group:nth-of-type(1):after,
.justweb#login .form-group:nth-of-type(1):after,
.accesslab#login .form-group:nth-of-type(1):after,
.peees#login .form-group:nth-of-type(1):after,
.originalweb#login .form-group:nth-of-type(1):after,
.charion#login .form-group:nth-of-type(1):after,
.zero_st#login .form-group:nth-of-type(1):after,
.zero_li#login .form-group:nth-of-type(1):after,
.axiate#login .form-group:nth-of-type(1):after,
.waves#login .form-group:nth-of-type(1):after,
.sole#login .form-group:nth-of-type(1):after,
.premium#login .form-group:nth-of-type(1):after,
.grow#login .form-group:nth-of-type(1):after,
.aidemo_a#login .form-group:nth-of-type(1):after,
.aidemo_b#login .form-group:nth-of-type(1):after,
.rt#login .form-group:nth-of-type(1):after,
.smile#login .form-group:nth-of-type(1):after,
.tl1#login .form-group:nth-of-type(1):after,
.medi#login .form-group:nth-of-type(1):after,
.reright#login .form-group:nth-of-type(1):after,
.blayn#login .form-group:nth-of-type(1):after,
.tings#login .form-group:nth-of-type(1):after,
.gt#login .form-group:nth-of-type(1):after,
.ishigaki#login .form-group:nth-of-type(1):after,
.webro#login .form-group:nth-of-type(1):after,
.toho#login .form-group:nth-of-type(1):after,
.solocto#login .form-group:nth-of-type(1):after,
.prosup#login .form-group:nth-of-type(1):after,
.asset#login .form-group:nth-of-type(1):after,
.ks#login .form-group:nth-of-type(1):after,
.neko#login .form-group:nth-of-type(1):after,
.rlz_cms#login .form-group:nth-of-type(1):after,
.wl#login .form-group:nth-of-type(1):after,
.jpp#login .form-group:nth-of-type(1):after,
.bros#login .form-group:nth-of-type(1):after,
.hako#login .form-group:nth-of-type(1):after,
.webcon#login .form-group:nth-of-type(1):after,
.lups#login .form-group:nth-of-type(1):after,
.bself#login .form-group:nth-of-type(1):after,
.kiwami#login .form-group:nth-of-type(1):after,
.grade#login .form-group:nth-of-type(1):after,
.inside#login .form-group:nth-of-type(1):after,
.sweb#login .form-group:nth-of-type(1):after,
.nstandard#login .form-group:nth-of-type(1):after,
.meo#login .form-group:nth-of-type(1):after,
.ftai#login .form-group:nth-of-type(1):after,
.alpha#login .form-group:nth-of-type(1):after,
.eg#login .form-group:nth-of-type(1):after,
.aib#login .form-group:nth-of-type(1):after,
.lab#login .form-group:nth-of-type(1):after,
.eighth#login .form-group:nth-of-type(1):after,
.rect#login .form-group:nth-of-type(1):after,
.ktm#login .form-group:nth-of-type(1):after,
.types#login .form-group:nth-of-type(1):after,
.anote#login .form-group:nth-of-type(1):after,
.xp#login .form-group:nth-of-type(1):after,
.taku#login .form-group:nth-of-type(1):after,
.bsmo#login .form-group:nth-of-type(1):after,
.ginga#login .form-group:nth-of-type(1):after,
.mso#login .form-group:nth-of-type(1):after,
#login[class*="_dx"] .form-group:nth-of-type(1):after{
	left: 10px;
	background: url(/common/images/user2.png) 50% 50% no-repeat;
	background-size: auto 19px;
}
.frontiercms#login .form-group:nth-of-type(2):after,
.jcweb#login .form-group:nth-of-type(2):after,
.websta#login .form-group:nth-of-type(2):after,
.fab#login .form-group:nth-of-type(2):after,
.acsu#login .form-group:nth-of-type(2):after,
.adv#login .form-group:nth-of-type(2):after,
.crma#login .form-group:nth-of-type(2):after,
.change#login .form-group:nth-of-type(2):after,
.rising_cms#login .form-group:nth-of-type(2):after,
.win#login .form-group:nth-of-type(2):after,
.gplant#login .form-group:nth-of-type(2):after,
.zeroone#login .form-group:nth-of-type(2):after,
.raku#login .form-group:nth-of-type(2):after,
.raku2#login .form-group:nth-of-type(2):after,
.justweb#login .form-group:nth-of-type(2):after,
.accesslab#login .form-group:nth-of-type(2):after,
.peees#login .form-group:nth-of-type(2):after,
.originalweb#login .form-group:nth-of-type(2):after,
.charion#login .form-group:nth-of-type(2):after,
.zero_st#login .form-group:nth-of-type(2):after,
.zero_li#login .form-group:nth-of-type(2):after,
.axiate#login .form-group:nth-of-type(2):after,
.waves#login .form-group:nth-of-type(2):after,
.sole#login .form-group:nth-of-type(2):after,
.premium#login .form-group:nth-of-type(2):after,
.grow#login .form-group:nth-of-type(2):after,
.aidemo_a#login .form-group:nth-of-type(2):after,
.aidemo_b#login .form-group:nth-of-type(2):after,
.rt#login .form-group:nth-of-type(2):after,
.smile#login .form-group:nth-of-type(2):after,
.tl1#login .form-group:nth-of-type(2):after,
.medi#login .form-group:nth-of-type(2):after,
.reright#login .form-group:nth-of-type(2):after,
.blayn#login .form-group:nth-of-type(2):after,
.tings#login .form-group:nth-of-type(2):after,
.gt#login .form-group:nth-of-type(2):after,
.ishigaki#login .form-group:nth-of-type(2):after,
.webro#login .form-group:nth-of-type(2):after,
.toho#login .form-group:nth-of-type(2):after,
.solocto#login .form-group:nth-of-type(2):after,
.prosup#login .form-group:nth-of-type(2):after,
.asset#login .form-group:nth-of-type(2):after,
.ks#login .form-group:nth-of-type(2):after,
.neko#login .form-group:nth-of-type(2):after,
.rlz_cms#login .form-group:nth-of-type(2):after,
.wl#login .form-group:nth-of-type(2):after,
.jpp#login .form-group:nth-of-type(2):after,
.bros#login .form-group:nth-of-type(2):after,
.hako#login .form-group:nth-of-type(2):after,
.webcon#login .form-group:nth-of-type(2):after,
.lups#login .form-group:nth-of-type(2):after,
.bself#login .form-group:nth-of-type(2):after,
.kiwami#login .form-group:nth-of-type(2):after,
.grade#login .form-group:nth-of-type(2):after,
.inside#login .form-group:nth-of-type(2):after,
.sweb#login .form-group:nth-of-type(2):after,
.nstandard#login .form-group:nth-of-type(2):after,
.meo#login .form-group:nth-of-type(2):after,
.ftai#login .form-group:nth-of-type(2):after,
.alpha#login .form-group:nth-of-type(2):after,
.eg#login .form-group:nth-of-type(2):after,
.aib#login .form-group:nth-of-type(2):after,
.lab#login .form-group:nth-of-type(2):after,
.eighth#login .form-group:nth-of-type(2):after,
.rect#login .form-group:nth-of-type(2):after,
.ktm#login .form-group:nth-of-type(2):after,
.types#login .form-group:nth-of-type(2):after,
.anote#login .form-group:nth-of-type(2):after,
.xp#login .form-group:nth-of-type(2):after,
.taku#login .form-group:nth-of-type(2):after,
.bsmo#login .form-group:nth-of-type(2):after,
.ginga#login .form-group:nth-of-type(2):after,
.mso#login .form-group:nth-of-type(2):after,
#login[class*="_dx"] .form-group:nth-of-type(2):after{
	left: 10px;
	background: url(/common/images/key2.png) 50% 50% no-repeat;
	background-size: auto 19px;
}
.frontiercms#login a.btn,
.justweb#login a.btn,
.accesslab#login a.btn,
.peees#login a.btn,
.originalweb#login a.btn,
.charion#login a.btn,
.zero_st#login a.btn,
.zero_li#login a.btn,
.axiate#login a.btn,
.waves#login a.btn,
.sole#login a.btn,
.premium#login a.btn,
.grow#login a.btn,
.aidemo_a#login a.btn,
.aidemo_b#login a.btn,
.rt#login a.btn,
.smile#login a.btn,
.tl1#login a.btn,
.medi#login a.btn,
.blayn#login a.btn,
.reright#login a.btn,
.ishigaki#login a.btn,
.webro#login a.btn,
.toho#login a.btn,
.solocto#login a.btn,
.prosup#login a.btn,
.asset#login a.btn,
.ks#login a.btn,
.neko#login a.btn,
.rlz_cms#login a.btn,
.wl#login a.btn,
.jpp#login a.btn,
.bros#login a.btn,
.hako#login a.btn,
.webcon#login a.btn,
.lups#login a.btn,
.bself#login a.btn,
.kiwami#login a.btn,
.grade#login a.btn,
.inside#login a.btn,
.sweb#login a.btn,
.nstandard#login a.btn,
.meo#login a.btn,
.ftai#login a.btn,
.alpha#login a.btn,
.eg#login a.btn,
.aib#login a.btn,
.lab#login a.btn,
.ktm#login a.btn,
.types#login a.btn,
.anote#login a.btn,
.xp#login a.btn,
.taku#login a.btn,
.bsmo#login a.btn,
.ginga#login a.btn,
.mso#login a.btn,
#login[class*="_dx"] a.btn{
	background: #0085cf;
	color: #fff;
}
.neko#login a.btn{
	background: #094ba2;
}
.rlz_cms#login a.btn{
	background: #002038;
}
.wl#login a.btn{
	background: #373643;
}
.rt#login a.btn{
	background: #161c60;
}
.waves#login a.btn{
	background: #333;
}
.ktm#login a.btn{
	background: #003e95;
	color: #fff;
}
.types#login a.btn{
	background: #0366a9;
	color: #fff;
}
.anote#login a.btn{
	background: #44a5f4;
	color: #fff;
}
.xp#login a.btn{
	background: #0366a9;
	color: #fff;
}
.jcweb#login a.btn{
	background: #ffa200;
	color: #fff;
}
.websta#login a.btn{
	background: #ffa200;
	color: #fff;
}
.fab#login a.btn{
	background: #fcb040;
	color: #fff;
}
.adv#login a.btn{
	background: #fcb040;
	color: #fff;
}
.crma#login a.btn{
	background: #fcb040;
	color: #fff;
}
.change#login a.btn{
	background: #fcb040;
	color: #fff;
}
.rising_cms#login a.btn{
	background: #fcb040;
	color: #fff;
}
.win#login a.btn{
	background: #ff3904;
	color: #fff;
}
.acsu#login a.btn{
	background: #ffc816;
	color: #fff;
}
.gplant#login a.btn{
	background: #358564;
	color: #fff;
}
.zeroone#login a.btn{
	background: #206c1e;
	color: #fff;
}
.raku#login a.btn,
.raku2#login a.btn{
	background: #c43017;
	color: #fff;
}
.tings#login a.btn{
	background: #2c5430;
	color: #fff;
}
.gt#login a.btn{
	background: #9dca4c;
	color: #fff;
}
.eighth#login a.btn{
	background: #01a33e;
	color: #fff;
}
.rect#login a.btn{
	background: #01a33e;
	color: #fff;
}

.astar#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.gather#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.mirai#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.vento#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.shoku#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.ouen#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.astar#login .container .row .col-md-4:before{
	display: none;
}
.gather#login .container .row .col-md-4:before{
	display: none;
}
.mirai#login .container .row .col-md-4:before{
	display: none;
}
.vento#login .container .row .col-md-4:before{
	display: none;
}
.shoku#login .container .row .col-md-4:before{
	display: none;
}
.astar#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.gather#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.mirai#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.vento#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.shoku#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.ouen#login .container .row .col-md-4:before{
	display: none;
}
.ouen#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.raku#login .container .row .col-md-4,
.raku2#login .container .row .col-md-4{
	background: #fffdfd;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.astar#login .panel-body input,
.gather#login .panel-body input,
.mirai#login .panel-body input,
.vento#login .panel-body input,
.shoku#login .panel-body input,
.ouen#login .panel-body input{
	border: none;
	background: #fff;
	border: 1px solid #e0e0e0;
	height: 44px;
	border-radius: 100px;
	color: #333;
	letter-spacing: 0.05rem;
	font-size: 15px;
	transition: 0.2s;
}
.astar#login .panel-body input:focus,
.gather#login .panel-body input:focus,
.mirai#login .panel-body input:focus,
.vento#login .panel-body input:focus,
.shoku#login .panel-body input:focus,
.ouen#login .panel-body input:focus{
	background: #fff1da;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.05);
}
.astar#login .form-group:nth-of-type(1):after,
.gather#login .form-group:nth-of-type(1):after,
.mirai#login .form-group:nth-of-type(1):after,
.vento#login .form-group:nth-of-type(1):after,
.shoku#login .form-group:nth-of-type(1):after,
.ouen#login .form-group:nth-of-type(1):after{
	left: 10px;
	background: url(/common/images/user2.png) 50% 50% no-repeat;
	background-size: auto 19px;
}
.astar#login .form-group:nth-of-type(2):after,
.gather#login .form-group:nth-of-type(2):after,
.mirai#login .form-group:nth-of-type(2):after,
.vento#login .form-group:nth-of-type(2):after,
.shoku#login .form-group:nth-of-type(2):after,
.ouen#login .form-group:nth-of-type(2):after{
	left: 10px;
	background: url(/common/images/key2.png) 50% 50% no-repeat;
	background-size: auto 19px;
}
.astar#login a.btn,
.gather#login a.btn,
.mirai#login a.btn,
.vento#login a.btn,
.shoku#login a.btn,
.ouen#login a.btn{
	background: #ff3d17;
	color: #fff;
}
.gather#login a.btn{
	background: #e26b0a;
}
.mirai#login a.btn{
	background: #f18c19;
}
.vento#login a.btn{
	background: #f18c19;
}
.shoku#login a.btn{
	background: #f18c19;
}

.ideal#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.ideal#login .panel-body{
	color: #555;
	padding-bottom: 65px;
}
.ideal#login .container .row .col-md-4:before{
	display: none;
}
.ideal#login .container .row .col-md-4{
	background: #fff;
	border-radius: 10px;
}
.ideal#login .panel-body input{
	border: none;
	background: #fff;
	border: 1px solid #e0e0e0;
	height: 44px;
	border-radius: 100px;
	color: #333;
	letter-spacing: 0.05rem;
	font-size: 15px;
	transition: 0.2s;
}
.ideal#login .panel-body input:focus{
	background: #fff1da;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.05);
}
.ideal#login .form-group:nth-of-type(1):after{
	left: 10px;
	background: url(/common/images/user2.png) 50% 50% no-repeat;
	background-size: auto 19px;
}
.ideal#login .form-group:nth-of-type(2):after{
	left: 10px;
	background: url(/common/images/key2.png) 50% 50% no-repeat;
	background-size: auto 19px;
}
.ideal#login a.btn{
	background: #ff3d17;
	color: #fff;
}

.axia#login a.btn,
.leapd#login a.btn,
.capse#login a.btn{
	color: #fff;
	background: #505ca1;
}
.leap#login a.btn{
	color: #fff;
	background: #505ca1;
}
.axia#login a.btn:hover,
.leapd#login a.btn:hover,
.capse#login a.btn:hover{
	opacity: 1;
	background: #5a68bd;
}
.leap#login a.btn:hover{
	opacity: 1;
	background: #5a68bd;
}

/*----------------------------base-----------------------------------*/

body{
	min-width: 320px;
}

/*----------------------------header-----------------------------------*/

.navbar{
	color: #fff;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233b5f+0,313945+100 */
	background: #233b5f; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #233b5f 0%,#313945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ); /* IE6-9 */
}
.navbar-default .navbar-brand{
	color: #fff;
	font-size: 11.5px;
	letter-spacing: 0.8px;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(40% - 30px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{
	color: rgba(255,255,255,0.7);
}
.navbar-top-links{
	display: table;
	table-layout: fixed;
	border-right: 1px solid rgba(255,255,255,0.09);
	border-left: 1px solid rgba(0,0,0,0.2);
}
.navbar-top-links:before,
.navbar-top-links:after{
	display: none;
}
.navbar-top-links li{
	display: table-cell;
	vertical-align: middle;
	margin-right: 0 !important;
	border-left: 1px solid rgba(255,255,255,0.09);
	border-right: 1px solid rgba(0,0,0,0.2);
}
.navbar-top-links li a{
	color: #fff;
	line-height: 20px;
	font-size: 11.5px;
	text-align: center;
	padding: 15px 15px 15px 40px;
	position: relative;
}
.navbar-top-links li a:hover,
.navbar-top-links li a:focus{
	background: rgba(0,0,0,0.1);
	color: rgba(255,255,255,0.7);
}
.navbar-top-links li a i{
	display: block;
	width: 15px;



	height: 15px;
	position: absolute;
	top: calc(50% - 8px);
	left: 17px;
}

.navbar-top-links li a i svg{
	width: 15px;
	height: 15px;
}
.navbar-top-links li a:hover svg path,
.navbar-top-links li a:focus svg path{
	fill: rgba(255,255,255,0.7);
}
#navbar-logo{
	position: absolute;
	top: 1px;
	left:calc(50% - 15px);

	padding: 10px 0;
	width: 30px;
	height: 27px !important;
	box-sizing: content-box;
}
.ipp2 #navbar-logo,
.onerankcms #navbar-logo,
.frontiercms #navbar-logo,
.jcweb #navbar-logo,
.websta #navbar-logo,
.fab #navbar-logo,
.adv #navbar-logo,
.crma #navbar-logo,
.change #navbar-logo,
.rising_cms #navbar-logo,
.win #navbar-logo,
.acsu #navbar-logo,
.astar #navbar-logo,
.gather #navbar-logo,
.mirai #navbar-logo,
.vento #navbar-logo,
.shoku #navbar-logo,
.ouen #navbar-logo,
.ideal #navbar-logo,
.justweb #navbar-logo,
.accesslab #navbar-logo,
.peees #navbar-logo,
.charion #navbar-logo,
.zero_st #navbar-logo,
.zero_li #navbar-logo,
.axiate #navbar-logo,
.waves #navbar-logo,
.sole #navbar-logo,
.premium #navbar-logo,
.grow #navbar-logo,
.aidemo_a #navbar-logo,
.aidemo_b #navbar-logo,
.rt #navbar-logo,
.smile #navbar-logo,
.tl1 #navbar-logo,
.medi #navbar-logo,
.reright #navbar-logo,
.blayn #navbar-logo,
.tings #navbar-logo,
.gt #navbar-logo,
.ishigaki #navbar-logo,
.webro #navbar-logo,
.toho #navbar-logo,
.solocto #navbar-logo,
.prosup #navbar-logo,
.asset #navbar-logo,
.ks #navbar-logo,
.neko #navbar-logo,
.rlz_cms #navbar-logo,
.wl #navbar-logo,
.jpp #navbar-logo,
.bros #navbar-logo,
.hako #navbar-logo,
.webcon #navbar-logo,
.lups #navbar-logo,
.bself #navbar-logo,
.kiwami #navbar-logo,
.grade #navbar-logo,
.inside #navbar-logo,
.sweb #navbar-logo,
.nstandard #navbar-logo,
.meo #navbar-logo,
.ftai #navbar-logo,
.alpha #navbar-logo,
.eg #navbar-logo,
.aib #navbar-logo,
.lab #navbar-logo,
.eighth #navbar-logo,
.rect #navbar-logo,
.ktm #navbar-logo,
.types #navbar-logo,
.anote #navbar-logo,
.xp #navbar-logo,
.taku #navbar-logo,
.bsmo #navbar-logo,
.ginga #navbar-logo,
.mso #navbar-logo,
body[class*="_dx"] #navbar-logo{
	left: calc(50% - 23.5px);
	padding: 0;
	width: 47px;
	height: 47px !important;
}
.reright #navbar-logo,
.blayn #navbar-logo,
.tings #navbar-logo,
.gt #navbar-logo{
	width: 100px;
	left: calc(50% - 50px);
}
.originalweb #navbar-logo{
	left: calc(50% - 60px);
	padding: 0;
	width: 120px;
	height: 47px !important;
}
.capse #navbar-logo{
	left: calc(50% - 30px);
	width: 60px;
}
#navbar-logo a{
	display: block;
}
.ipp2 #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ipp2logo2.png) 50% 50% no-repeat;
	background-size: contain;
}
.onerankcms #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/onerankcmslogo2.png) 50% 50% no-repeat;
	background-size: contain;
}
.frontiercms #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/frontiercms2.png) 50% 50% no-repeat;
	background-size: contain;
}
.jcweb #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/jcweb2.png) 50% 50% no-repeat;
	background-size: contain;
}
.websta #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/websta2.png) 50% 50% no-repeat;
	background-size: contain;
}
.coolio #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/coolio2.png) 50% 50% no-repeat;
	background-size: contain;
}
.fab #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/fab2.png) 50% 50% no-repeat;
	background-size: contain;
}
.adv #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/adv2.png) 50% 50% no-repeat;
	background-size: contain;
}
.crma #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/crma2.png) 50% 50% no-repeat;
	background-size: 60%;
}
.change #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/change2.png) 50% 50% no-repeat;
	background-size: contain;
}
.rising_cms #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/rising_cms2.png) 50% 50% no-repeat;
	background-size: contain;
}
.win #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/win2.png) 50% 50% no-repeat;
	background-size: contain;
}
.acsu #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/acsu2.png) 50% 50% no-repeat;
	background-size: contain;
}
.justweb #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/justweb2.png) 50% 50% no-repeat;
	background-size: contain;
}
.accesslab #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/accesslab2.png) 50% 50% no-repeat;
	background-size: contain;
}
.peees #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/peees2.png) 50% 50% no-repeat;
	background-size: contain;
}
.originalweb #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/originalweb2.png) 50% 50% no-repeat;
	background-size: contain;
}
.astar #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/astar2.png) 50% 50% no-repeat;
	background-size: contain;
}
.gather #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/gather2.png) 50% 50% no-repeat;
	background-size: auto 80%;
}
.mirai #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/mirai2.png) 50% 50% no-repeat;
	background-size: auto 80%;
}
.vento #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/vento2.png) 50% 50% no-repeat;
	background-size: auto 80%;
}
.shoku #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/shoku2.png) 50% 50% no-repeat;
	background-size: auto 80%;
}
.ouen #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ouen2.png) 50% 50% no-repeat;
	background-size: contain;
}
.ideal #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ideal2.png) 50% 50% no-repeat;
	background-size: contain;
}
.axia #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/axia2.png) 50% 50% no-repeat;
	background-size: contain;
}
.leapd #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/leapd2.png) 50% 50% no-repeat;
	background-size: contain;
}
.capse #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/capse2.png) 50% 50% no-repeat;
	background-size: contain;
}
.leap #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/leap2.png) 50% 50% no-repeat;
	background-size: contain;
}
.gplant #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/gplant2.png) 50% 50% no-repeat;
	background-size: contain;
}
.zeroone #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/zeroone2.png) 50% 50% no-repeat;
	background-size: contain;
}
.raku #navbar-logo a,
.raku2 #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/raku2.png) 50% 50% no-repeat;
	background-size: contain;
}
.charion #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/charion2.png) 50% 50% no-repeat;
	background-size: contain;
}
.zero_st #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/zero_st2.png) 50% 50% no-repeat;
	background-size: contain;
}
.zero_li #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/zero_li2.png) 50% 50% no-repeat;
	background-size: contain;
}
.axiate #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/axiate2.png) 50% 50% no-repeat;
	background-size: contain;
}
.waves #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/waves2.png) 50% 50% no-repeat;
	background-size: contain;
}
.sole #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/sole2.png) 50% 50% no-repeat;
	background-size: contain;
}
.premium #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/premium2.png) 50% 50% no-repeat;
	background-size: contain;
}
.grow #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/grow2.png) 50% 50% no-repeat;
	background-size: contain;
}
.aidemo_a #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/aidemo_a2.png) 50% 50% no-repeat;
	background-size: contain;
}
.aidemo_b #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/aidemo_b2.png) 50% 50% no-repeat;
	background-size: contain;
}
.rt #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/rt2.png) 50% 50% no-repeat;
	background-size: contain;
}
.smile #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/smile2.png) 50% 50% no-repeat;
	background-size: contain;
}
.tl1 #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/tl1.png) 50% 50% no-repeat;
	background-size: contain;
}
.medi #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/medi2.png) 50% 50% no-repeat;
	background-size: contain;
}
.reright #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/rerightlogo3.png) 50% 50% no-repeat;
	background-size: contain;
}
.blayn #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/blaynlogo3.png) 50% 50% no-repeat;
	background-size: contain;
}
.tings #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/tings2.png) 50% 50% no-repeat;
	background-size: auto 70%;
}
.gt #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/gt2.png) 50% 50% no-repeat;
	background-size: auto 70%;
}
.ishigaki #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ishigaki2.png) 50% 50% no-repeat;
	background-size: contain;
}
.webro #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/webro2.png) 50% 50% no-repeat;
	background-size: contain;
}
.toho #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/toho2.png) 50% 50% no-repeat;
	background-size: contain;
}
.solocto #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/solocto2.png) 50% 50% no-repeat;
	background-size: contain;
}
.prosup #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/prosup2.png) 50% 50% no-repeat;
	background-size: contain;
}
.asset #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/asset2.png) 50% 50% no-repeat;
	background-size: contain;
}
.ks #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ks2.png) 50% 50% no-repeat;
	background-size: contain;
}
.neko #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/neko2.png) 50% 50% no-repeat;
	background-size: contain;
}
.rlz_cms #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/rlz_cms2.png) 50% 50% no-repeat;
	background-size: contain;
}
.wl #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/wl2.png) 50% 50% no-repeat;
	background-size: contain;
}
.jpp #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/jpp2.png) 50% 50% no-repeat;
	background-size: contain;
}
.bros #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/bros2.png) 50% 50% no-repeat;
	background-size: contain;
}
.hako #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/hako2.png) 50% 50% no-repeat;
	background-size: contain;
}
.webcon #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/webcon2.png) 50% 50% no-repeat;
	background-size: contain;
}
.lups #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/lups2.png) 50% 50% no-repeat;
	background-size: contain;
}
.bself #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/bself2.png) 50% 50% no-repeat;
	background-size: contain;
}
.kiwami #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/kiwami2.png) 50% 50% no-repeat;
	background-size: contain;
}
.grade #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/grade2.png) 50% 50% no-repeat;
	background-size: contain;
}
.inside #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/inside2.png) 50% 50% no-repeat;
	background-size: contain;
}
.sweb #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/sweb2.png) 50% 50% no-repeat;
	background-size: contain;
}
.nstandard #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/nstandard2.png) 50% 50% no-repeat;
	background-size: contain;
}
.meo #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/meo2.png) 50% 50% no-repeat;
	background-size: contain;
}
.ftai #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ftai2.png) 50% 50% no-repeat;
	background-size: contain;
}
.alpha #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/alpha2.png) 50% 50% no-repeat;
	background-size: contain;
}
.eg #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/aib2.png) 50% 50% no-repeat;
	background-size: contain;
}
.aib #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/aib2.png) 50% 50% no-repeat;
	background-size: contain;
}
.lab #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/lab2.png) 50% 50% no-repeat;
	background-size: contain;
}
.eighth #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/eighth2.png) 50% 50% no-repeat;
	background-size: contain;
}
.rect #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/rect2.png) 50% 50% no-repeat;
	background-size: contain;
}
.ktm #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ktm2.png) 50% 50% no-repeat;
	background-size: contain;
}
.types #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/types2.png) 50% 50% no-repeat;
	background-size: contain;
}
.anote #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/anote2.png) 50% 50% no-repeat;
	background-size: contain;
}
.xp #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/xp2.png) 50% 50% no-repeat;
	background-size: contain;
}
.taku #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/taku2.png) 50% 50% no-repeat;
	background-size: contain;
}
.bsmo #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/bsmo2.png) 50% 50% no-repeat;
	background-size: contain;
}
.ginga #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/ginga2.png) 50% 50% no-repeat;
	background-size: contain;
}
.mso #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/mso2.png) 50% 50% no-repeat;
	background-size: contain;
}
.assist_dx #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/assist_dx2.png) 50% 50% no-repeat;
	background-size: contain;
}
.wf_dx #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/wf_dx2.png) 50% 50% no-repeat;
	background-size: contain;
}
.solocto_dx #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/solocto2.png) 50% 50% no-repeat;
	background-size: contain;
}
.sk_dx #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/sk_dx2.png) 50% 50% no-repeat;
	background-size: contain;
}
.rising_dx #navbar-logo a{
	height: 100%;
	width: 100%;
	background: url(/common/images/rising_dx2.png) 50% 50% no-repeat;
	background-size: contain;
}
#navbar-logo svg{
	display: block;
	width: 30px;
	height: 27px;
}
.ipp2 #navbar-logo svg,
.onerankcms #navbar-logo svg,
.frontiercms #navbar-logo svg,
.jcweb #navbar-logo svg,
.websta #navbar-logo svg,
.fab #navbar-logo svg,
.adv #navbar-logo svg,
.crma #navbar-logo svg,
.change #navbar-logo svg,
.rising_cms #navbar-logo svg,
.win #navbar-logo svg,
.acsu #navbar-logo svg,
.astar #navbar-logo svg,
.gather #navbar-logo svg,
.mirai #navbar-logo svg,
.vento #navbar-logo svg,
.shoku #navbar-logo svg,
.ouen #navbar-logo svg,
.ideal #navbar-logo svg,
.axia #navbar-logo svg,
.leapd #navbar-logo svg,
.capse #navbar-logo svg,
.leap #navbar-logo svg,
.gplant #navbar-logo svg,
.zeroone #navbar-logo svg,
.raku #navbar-logo svg,
.raku2 #navbar-logo svg,
.justweb #navbar-logo svg,
.accesslab #navbar-logo svg,
.peees #navbar-logo svg,
.originalweb #navbar-logo svg,
.charion #navbar-logo svg,
.zero_st #navbar-logo svg,
.zero_li #navbar-logo svg,
.axiate #navbar-logo svg,
.waves #navbar-logo svg,
.sole #navbar-logo svg,
.premium #navbar-logo svg,
.grow #navbar-logo svg,
.aidemo_a #navbar-logo svg,
.aidemo_b #navbar-logo svg,
.rt #navbar-logo svg,
.smile #navbar-logo svg,
.tl1 #navbar-logo svg,
.medi #navbar-logo svg,
.reright #navbar-logo svg,
.blayn #navbar-logo svg,
.tings #navbar-logo svg,
.gt #navbar-logo svg,
.ishigaki #navbar-logo svg,
.webro #navbar-logo svg,
.toho #navbar-logo svg,
.solocto #navbar-logo svg,
.prosup #navbar-logo svg,
.asset #navbar-logo svg,
.ks #navbar-logo svg,
.neko #navbar-logo svg,
.rlz_cms #navbar-logo svg,
.wl #navbar-logo svg,
.jpp #navbar-logo svg,
.bros #navbar-logo svg,
.hako #navbar-logo svg,
.webcon #navbar-logo svg,
.lups #navbar-logo svg,
.bself #navbar-logo svg,
.kiwami #navbar-logo svg,
.grade #navbar-logo svg,
.inside #navbar-logo svg,
.sweb #navbar-logo svg,
.nstandard #navbar-logo svg,
.meo #navbar-logo svg,
.ftai #navbar-logo svg,
.alpha #navbar-logo svg,
.eg #navbar-logo svg,
.aib #navbar-logo svg,
.lab #navbar-logo svg,
.eighth #navbar-logo svg,
.rect #navbar-logo svg,
.ktm #navbar-logo svg,
.types #navbar-logo svg,
.anote #navbar-logo svg,
.xp #navbar-logo svg,
.taku #navbar-logo svg,
.bsmo #navbar-logo svg,
.ginga #navbar-logo svg,
.mso #navbar-logo svg,
.coolio #navbar-logo svg,
body[class*="_dx"] #navbar-logo svg{
	display: none;
}
.navbar-toggle{
	border-radius: 0;
	border: none;
}
.navbar-toggle:hover,
.navbar-toggle:focus{
	background-color: transparent !important;
}
.navbar-toggle span{
	background-color: #fff !important;
}
.navbar-toggle:hover span{
	opacity:0.8;
}
@media screen and (max-width: 1260px){
	.navbar-top-links li a{
		padding: 15px 20px;
		width: 15px;
		height: 15px;
		box-sizing: content-box;
		min-height: 0;
	}
	.navbar-top-links li a i{
		position: static;
	}
	.navbar-top-links li a span{
		display: none;
	}
}
@media screen and (max-width: 992px){
	.navbar-top-links{
		width: 100%;
		border-top: 1px solid rgba(255,255,255,0.09);
		box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2);
	}
	.navbar-top-links li a{
		min-height: 0;
		width: auto;
		height: auto;
	}
	.navbar-top-links li a i{
		margin: 0 auto;
	}
}
@media screen and (max-width: 600px){
	.navbar-brand{
		display: none;
	}
}

/*----------------------------pagetitle-----------------------------------*/

.page-header{
	width: calc(100% + 60px);
	box-sizing: border-box;
	padding: 50px 30px;
	margin: 0 0 40px -30px;
	border: none;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}
.container-fluid .page-header{
	width: calc(100% + 90px);
	margin: 0 0 40px -45px;
}
@media screen and (max-width: 750px){
	.page-header{
		width: calc(100% + 30px);
		margin: 0 0 20px -15px;
		padding: 20px 20px;
		font-size: 20px;
	}
	.container-fluid .page-header{
		width: calc(100% + 60px);
		margin: 0 0 40px -30px;
	}
}

/*----------------------------sidenav-----------------------------------*/

.sidebar a{
	color: #222;
}
.sidebar a:hover,
.sidebar a:focus{
	color: #666;
}
.sidebar a i{
	color: #00c5dc;
}
@media screen and (max-width: 992px){
	.sidebar{
		margin-top: 49px;
	}
}
@media screen and (max-width: 992px){
	.sidebar{
		margin-top: 0;
	}
}

/*----------------------------panel-----------------------------------*/

.panel{
	margin-bottom: 40px;
}
.panel-heading{
	padding: 20px 15px;
	font-size: 16px;
}
.panel-heading .pull-right .btn{
	margin-top: -7px;
}
.panel-heading i{
	color: #00c5dc;
}

#path_graph svg g:last-child,
#device_graph svg g:last-child,
#age_graph svg g:last-child,
#gender_graph svg g:last-child,
#sns_graph svg g:last-child,
#browser_graph svg g:last-child{
	pointer-events: none;
}

/*----------------------------dashboard status-----------------------------------*/


#status .panel-primary,
#status .panel-green,
#status .panel-yellow,
#status .panel-red{
	border: none;
	margin-bottom: 40px;
}
#status .panel-primary a,
#status .panel-green a,
#status .panel-yellow a,
#status .panel-red a{
	display: none;
}
#status .panel-primary > .panel-heading,
#status .panel-green > .panel-heading,
#status .panel-yellow > .panel-heading,
#status .panel-red > .panel-heading{
	border: none;
	border-radius: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 97px;
	height: 12vw;
}
#status .panel-primary > .panel-heading .row,
#status .panel-green > .panel-heading .row,
#status .panel-yellow > .panel-heading .row,
#status .panel-red > .panel-heading .row{
	display: table-cell;
	vertical-align: middle;
}
#status .panel-primary > .panel-heading{
	background: url(/common/images/panel-primary.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status .panel-green > .panel-heading{
	background: url(/common/images/panel-green.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status .panel-yellow > .panel-heading{
	background: url(/common/images/panel-yellow.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status .panel-red > .panel-heading{
	background: url(/common/images/panel-red.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#status i.fa{
	color: #fff;
}
@media screen and (max-width: 1000px){
}
@media screen and (max-width: 750px){
	#status .panel-primary,
	#status .panel-green,
	#status .panel-yellow,
	#status .panel-red{
		border: none;
		margin-bottom: 20px;
	}
}
/*----------------------------dashboard status2-----------------------------------*/

#status2{
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#status2 >div{
	width: calc((100% - 200px) / 6);
	position:relative;
	margin-bottom:30px;
}
#status2 >div:not(:last-child){
	margin-right:40px;
}
#status2 >div:not(:last-child):after{
	content:"";
	width:1px;
	height:100px;
	top:calc(50% - 50px);
	right:-20px;
	background:#e7e7e7;
	position:absolute;
}

#status2 >div table{
	width:100%;

}

#status2 table caption{
	padding:0;
	color:#333;
	font-weight:bold;
	font-size:16px;
}
#status2 table caption .fa{
	margin-right:5px;
}

#status2 table th{
	font-weight:normal;
	font-size:14px;
	width:70px;
	white-space: nowrap;
}
#status2 table td{
	font-weight:bold;
	font-size:38px;
	text-align:right;
	
}
#status2 >div#pv td{
	color:#4bc0c0;
}
#status2 >div#uu td{
	color:#ffbd20;
}
#status2 >div#ss td{
	color:#0e82cc;
}
#status2 >div#cvr td{
	color:#ff6384;
}
#status2 >div#tcv td{
	color:#a485bd;
}
#status2 >div#wcv td{
	color:#6ac165;
}
#status2 table tr:last-child td{
	opacity: 0.7;
}
@media screen and (max-width: 1800px){
	#status2 >div{
		width: calc((100% - 80px) / 3);
	}
	#status2 >div:nth-child(3n){
		margin-right:0;
	}
	#status2 >div:nth-child(3n):after{
		display:none;
	}
	#status2 table td {
		font-size:33px;
	}
}
@media screen and (max-width: 992px){
	#status2{
		margin-left: 0;
		margin-right: 0;
	}
	#status2 >div{
		width: calc((100% - 40px) / 2);
	}
	#status2 >div:nth-child(3n){
		margin-right:40px;
	}
	#status2 >div:nth-child(3n):after{
		display:block;
	}
	#status2 >div:nth-child(2n){
		margin-right:0px;
	}
	#status2 >div:nth-child(2n):after{
		display:none;
	}
	#status2 table td {
		font-size:30px;
	}
}
@media screen and (max-width: 480px){
	#status2 >div:not(:last-child):after{
	content:"";
	width:1px;
	height:80px;
	top:calc(50% - 40px);
}
	#status2 table td {
		font-size: 22px;
	}
	
}

/*----------------------------btn-----------------------------------*/

.btn,
.btn-default{
	border-radius: 100px;
	font-size: 13px;
	padding: 3px 15px;
	margin-left: auto;
	margin-right: auto;
}
.btn{
	padding: 7px 15px;
	border: none;
}
.btn-default{
	border: 1px solid #999;
}
.btn-default[type="submit"]{
	background: #00c5dc;
	color: #fff;
	padding: 7px 15px;
	border: none;
}
.btn-default[type="submit"]:hover,
.btn-default[type="submit"]:focus{
	background-color: #00cfe7;
}
.btn-default[type="submit"]:active{
	background-color: #00b4c9;
	color: #fff;
}
.btn-default[type="reset"]{
	background: #f67475;
	color: #fff;
	padding: 7px 15px;
	border: none;
}
.btn-default[type="reset"]:hover,
.btn-default[type="reset"]:focus{
	background-color: #fc7d7e;
}
.btn-default[type="reset"]:active{
	background-color: #ec6a6b;
	color: #fff;
}
.btn-primary.btn-outline{
	background-color: transparent;
	border: 1px solid #5867c3;
	color: #5867c3;
}
.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:focus{
	background-color: #5867c3;
	color: #fff;
}
.btn-success.btn-outline{
	border: 1px solid #449D44;
}
.btn-info.btn-outline{
	border: 1px solid #31B0D5;
}
.btn-warning.btn-outline{
	border: 1px solid #EC971F;
}
.btn-danger.btn-outline{
	border: 1px solid #C9302C;
}
.btn-social{
	padding: 7px 20px 7px 45px;
}
.btn-social > :first-child{
	left: 5px;
}
.btn-circle{
	padding: 6px 0;
}
.btn-block{
	display: inline-block;
	width: auto;
}
.btn-primary .badge {
  color: #5867c3;
}
.btn-link {
  color: #5867c3;
}
input[type="text"].input-danger,
textarea.input-danger{
	border: 1px solid #f00;
}

/*----------------------------color-----------------------------------*/

a {
  color: #5867c3;
}
a:hover,
a:focus {
  color: #23527c;
}
.nav-tabs li:not(.active) a{
	color: #5867c3 !important;
}
.nav-tabs li:not(.active) a:hover,
.nav-tabs li:not(.active) a:focus {
  color: #23527c !important;
}

.text-primary {
  color: #5867c3;
}
.bg-primary {
  background-color: #5867c3;
}
.btn-primary {
  background-color: #5867c3;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #5867c3;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #5867c3;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #5867c3;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #5867c3;
}
.pagination > li > a,
.pagination > li > span {
  color: #5867c3;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #5867c3;
  border-color: #5867c3;
}

.label-primary {
  background-color: #5867c3;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #5867c3;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #5867c3;
}
.progress-bar {
  background-color: #5867c3;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #5867c3;
  border-color: #5867c3;
}
.panel-primary {
  border-color: #5867c3;
}
.panel-primary > .panel-heading {
  background-color: #5867c3;
  border-color: #5867c3;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5867c3;
}
.panel-primary > .panel-heading .badge {
  color: #5867c3;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5867c3;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
	color: #f67475;
}
.has-error .form-control{
	border-color: #f67475;
}
.has-error .form-control:focus{
	border-color: #f67475;
	box-shadow: 0 0 5px #f67475;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{
	color: #00c5dc;
}
.has-success .form-control{
	border-color: #00c5dc;
}
.has-success .form-control:focus{
	border-color: #00c5dc;
	box-shadow: 0 0 5px #00c5dc;
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label{

	color: #e5b31e;
}
.has-warning .form-control{
	border-color: #e5b31e;
}
.has-warning .form-control:focus{
	border-color: #e5b31e;
	box-shadow: 0 0 5px #e5b31e;
}

/*----------------------------footer-----------------------------------*/

footer{
	position: relative !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233b5f+0,313945+100 */
	background: #233b5f !important; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #233b5f 0%,#313945 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ) !important; /* IE6-9 */
	font-size: 11.5px !important;
	color: rgba(255,255,255,0.7) !important;
	text-align: right !important;
	line-height: 1 !important;
	padding: 0 !important;
	box-shadow: none !important;
	display: block !important;
	margin: 0 auto !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
footer div{
	background: url(/common/images/logo.png) 15px 50% no-repeat;
	background-size: auto 20px;
	padding: 23px 15px 21px;
}
.ipp2 footer div{
	background: url(/common/images/ipp2logo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.onerankcms footer div{
	background: url(/common/images/onerankcmslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.frontiercms footer div{
	background: url(/common/images/frontiercmslogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.jcweb footer div{
	background: url(/common/images/jcweblogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.websta footer div{
	background: url(/common/images/webstalogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.coolio footer div{
	background: url(/common/images/cooliologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.fab footer div{
	background: url(/common/images/fablogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.adv footer div{
	background: url(/common/images/advlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.crma footer div{
	background: url(/common/images/crmalogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.change footer div{
	background: url(/common/images/changelogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.rising_cms footer div{
	background: url(/common/images/rising_cmslogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.win footer div{
	background: url(/common/images/winlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.acsu footer div{
	background: url(/common/images/acsulogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.justweb footer div{
	background: url(/common/images/justweblogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.accesslab footer div{
	background: url(/common/images/accesslablogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.peees footer div{
	background: url(/common/images/peeeslogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.originalweb footer div{
	background: url(/common/images/originalweblogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.astar footer div{
	background: url(/common/images/astarlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.gather footer div{
	background: url(/common/images/gatherlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.mirai footer div{
	background: url(/common/images/mirailogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.vento footer div{
	background: url(/common/images/ventologo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.shoku footer div{
	background: url(/common/images/shokulogo3.png) 10px 50% no-repeat;
	background-size: auto 40px;
}
.ouen footer div{
	background: url(/common/images/ouenlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.ideal footer div{
	background: url(/common/images/ideallogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.axia footer div{
	background: url(/common/images/axialogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.leapd footer div{
	background: url(/common/images/leapdlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.capse footer div{
	background: url(/common/images/capselogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.leap footer div{
	background: url(/common/images/leaplogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.gplant footer div{
	background: url(/common/images/gplantlogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.zeroone footer div{
	background: url(/common/images/zeroonelogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.raku footer div{
	background: url(/common/images/rakulogo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.raku2 footer div{
	background: url(/common/images/raku2logo3.png) 15px 50% no-repeat;
	background-size: auto 30px;
}
.charion footer div{
	background: url(/common/images/charionlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.zero_st footer div{
	background: url(/common/images/zero_stlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.zero_li footer div{
	background: url(/common/images/zero_lilogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.axiate footer div{
	background: url(/common/images/axiatelogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.waves footer div{
	background: url(/common/images/waveslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.sole footer div{
	background: url(/common/images/solelogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.premium footer div{
	background: url(/common/images/premiumlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.grow footer div{
	background: url(/common/images/growlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.aidemo_a footer div{
	background: url(/common/images/aidemo_a3.png) 15px 50% no-repeat;
	background-size: auto 50px;
}
.aidemo_b footer div{
	background: url(/common/images/aidemo_b3.png) 15px 50% no-repeat;
	background-size: auto 50px;
}
.rt footer div{
	background: url(/common/images/rtlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.smile footer div{
	background: url(/common/images/smilelogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.tl1 footer div{
	background: url(/common/images/tl1logo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.medi footer div{
	background: url(/common/images/medilogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.reright footer div{
	background: url(/common/images/rerightlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.blayn footer div{
	background: url(/common/images/blaynlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.tings footer div{
	background: url(/common/images/tingslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.gt footer div{
	background: url(/common/images/gtlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.ishigaki footer div{
	background: url(/common/images/ishigakilogo3.png) 15px 50% no-repeat;
	background-size: auto 18px;
}
.webro footer div{
	background: url(/common/images/webrologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.toho footer div{
	background: url(/common/images/tohologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.solocto footer div{
	background: url(/common/images/soloctologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.prosup footer div{
	background: url(/common/images/prosuplogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.asset footer div{
	background: url(/common/images/assetlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.ks footer div{
	background: url(/common/images/kslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.neko footer div{
	background: url(/common/images/nekologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.rlz_cms footer div{
	background: url(/common/images/rlz_cmslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.wl footer div{
	background: url(/common/images/wllogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.jpp footer div{
	background: url(/common/images/jpplogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.bros footer div{
	background: url(/common/images/broslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.hako footer div{
	background: url(/common/images/hakologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.webcon footer div{
	background: url(/common/images/webconlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.lups footer div{
	background: url(/common/images/lupslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.bself footer div{
	background: url(/common/images/bselflogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.kiwami footer div{
	background: url(/common/images/kiwamilogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.inside footer div{
	background: url(/common/images/insidelogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.sweb footer div{
	background: url(/common/images/sweblogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.nstandard footer div{
	background: url(/common/images/nstandardlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.meo footer div{
	background: url(/common/images/meologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.ftai footer div{
	background: url(/common/images/ftailogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.alpha footer div{
	background: url(/common/images/alphalogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.eg footer div{
	background: url(/common/images/eglogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.aib footer div{
	background: url(/common/images/aiblogo3.png) 15px 50% no-repeat;
	background-size: auto 22px;
}
.lab footer div{
	background: url(/common/images/lablogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.eighth footer div{
	background: url(/common/images/eighthlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.rect footer div{
	background: url(/common/images/rectlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.ktm footer div{
	background: url(/common/images/ktmlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.types footer div{
	background: url(/common/images/typeslogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.anote footer div{
	background: url(/common/images/anotelogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.xp footer div{
	background: url(/common/images/xplogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.grade footer div{
	background: url(/common/images/gradelogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.taku footer div{
	background: url(/common/images/takulogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.bsmo footer div{
	background: url(/common/images/bsmologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.ginga footer div{
	background: url(/common/images/gingalogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.mso footer div{
	background: url(/common/images/msologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.assist_dx footer div{
	background: url(/common/images/assist_dxlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.wf_dx footer div{
	background: url(/common/images/wf_dxlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.solocto_dx footer div{
	background: url(/common/images/soloctologo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.sk_dx footer div{
	background: url(/common/images/sk_dxlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}
.rising_dx footer div{
	background: url(/common/images/rising_dxlogo3.png) 15px 50% no-repeat;
	background-size: auto 40px;
}

/*----------------------------list-group-----------------------------------*/

.list-group a{
	border: none;
}
.list-group a:nth-of-type(2n-1){
	background: #f8f8f8;
}
.list-group a i{
	color: #00c5dc;
}
.list-group a:hover,
.list-group a:focus{
	background: #f3f3f3;
}

.input-group .btn{
	padding: 7px 15px 6px 12px;
}
.input-sm{
	padding: 6px 10px;
	border-radius: 100px;
	height: auto;
}

/*----------------------------table-----------------------------------*/

.table-bordered{
	border-top: none;
}
thead{
	color: #fff;
	background: #00c5dc;
}

/*-----------------------------検索キーワード×URL ------------------------------*/

#scGasKeywordRanking_wrapper .col-sm-12{
	padding: 0;
}
.q_container{
	container-type: inline-size;
}
table.scGasKeywordRanking{
	width: 100% !important;
}
table.scGasKeywordRanking td{
	vertical-align: middle !important;
	word-break: break-all;
}
table.scGasKeywordRanking td[aria-label*="検索キーワード"]{
	width: 200px !important;
}
table.scGasKeywordRanking td[aria-label*="ページURL"]{
	width: auto !important;
}
table.scGasKeywordRanking td[aria-label*="クリック数"]{
	width: 100px !important;
}
table.scGasKeywordRanking td[aria-label*="表示回数"]{
	width: 90px !important;
}
table.scGasKeywordRanking td[aria-label*="表示回数"]{
	width: 90px !important;
}
table.scGasKeywordRanking td[aria-label*="クリック率"]{
	width: 110px !important;
}
table.scGasKeywordRanking td[aria-label*="掲載順位"]{
	width: 90px !important;
}
table.scGasKeywordRanking td[aria-label*="期待値"]{
	width: 70px !important;
}
@container (max-width: 830px){
	table.scGasKeywordRanking,
	table.scGasKeywordRanking thead,
	table.scGasKeywordRanking tbody,
	table.scGasKeywordRanking td{
		display: block;
	}
	table.scGasKeywordRanking tr{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
	}
	table.scGasKeywordRanking thead{
		width: 100%;
	}
	table.scGasKeywordRanking thead tr{
		justify-content: flex-end;
	}
	table.scGasKeywordRanking thead td[aria-label]{
		width: auto !important;
	}
	table.scGasKeywordRanking thead td[aria-label]:after{
		margin-left: 5px;
	}
	table.scGasKeywordRanking td{
		width: auto;
	}
	table.scGasKeywordRanking td[data-name="keys"]{
		padding-top: 9px;
	}
	table.scGasKeywordRanking td[data-name="keys"],
	table.scGasKeywordRanking td[data-name="page_url"]{
		width: 100% !important;
	}
	table.scGasKeywordRanking td[data-name="page_url"],
	table.scGasKeywordRanking td[data-name="clicks"],
	table.scGasKeywordRanking td[data-name="impressions"],
	table.scGasKeywordRanking td[data-name="rank_position"],
	table.scGasKeywordRanking td[data-name="click_rate"],
	table.scGasKeywordRanking td[data-name="expectation"]{
		padding-top: 2px;
		border-top: none;
	}
	table.scGasKeywordRanking td[data-name="clicks"],
	table.scGasKeywordRanking td[data-name="impressions"],
	table.scGasKeywordRanking td[data-name="rank_position"],
	table.scGasKeywordRanking td[data-name="click_rate"],
	table.scGasKeywordRanking td[data-name="expectation"]{
		font-size: 1.2rem;
	}
	table.scGasKeywordRanking td[data-name="click_rate"]{
		padding-bottom: 9px;
	}
	table.scGasKeywordRanking td[data-name="clicks"]:before,
	table.scGasKeywordRanking td[data-name="impressions"]:before,
	table.scGasKeywordRanking td[data-name="rank_position"]:before,
	table.scGasKeywordRanking td[data-name="click_rate"]:before,
	table.scGasKeywordRanking td[data-name="expectation"]:before{
		opacity: 0.7;
	}
	table.scGasKeywordRanking td[data-name="clicks"]:before{
		content: "クリック数：";
	}
	table.scGasKeywordRanking td[data-name="impressions"]:before{
		content: "表示回数：";
	}
	table.scGasKeywordRanking td[data-name="rank_position"]:before{
		content: "掲載順位：";
	}
	table.scGasKeywordRanking td[data-name="click_rate"]:before{
		content: "クリック率：";
	}
	table.scGasKeywordRanking td[data-name="expectation"]:before{
		content: "期待値：";
	}
}
#scGasKeywordRanking_wrapper>.row:last-child .col-sm-6:empty{
	display: none;
}
#scGasKeywordRanking_wrapper>.row:last-child .col-sm-6:empty+.col-sm-6{
	width: 100%;
}

/*-----------------------------site_structure_result------------------------------*/

#site_structure_result label{
	border: none !important;
	padding: 10px 8px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
}

/*--bgcolor--*/

#site_structure_result label.btn-primary{/*1st*/
	background-color: #4ce2f4;
}
#site_structure_result label.btn-primary:hover,
#site_structure_result label.btn-primary:active{
	background-color: #44cbdb;
}

#site_structure_result label.btn-success{/*2nd*/
	background-color: #60d5ea;
}
#site_structure_result label.btn-success:hover,
#site_structure_result label.btn-success:active{
	background-color: #56bfd2;
}

#site_structure_result label.btn-info{/*3rd*/
	background-color: #61b9d2;
}
#site_structure_result label.btn-info:hover,
#site_structure_result label.btn-info:active{
	background-color: #57a6bd;
}

#site_structure_result label.btn-warning{/*4th*/
	background-color: #63a0bd;
}
#site_structure_result label.btn-warning:hover,
#site_structure_result label.btn-warning:active{
	background-color: #5990aa;
}

#site_structure_result label.btn-danger{/*5th*/
	background-color: #6582a3;
}
#site_structure_result label.btn-danger:hover,
#site_structure_result label.btn-danger:active{
	background-color: #5b7592;
}

/*--icon--*/

#site_structure_result label.structure_1st{
	background-image: url(/common/images/crown1.png);
	background-position: calc(100% - 10px);
	background-repeat: no-repeat;


	background-size: 35px 35px;
	padding-right: 55px;
}
#site_structure_result label.structure_2nd{
	background-image: url(/common/images/crown2.png);
	background-position: calc(100% - 10px);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	padding-right: 55px;
}
#site_structure_result label.structure_3rd{
	background-image: url(/common/images/crown3.png);
	background-position: calc(100% - 10px);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	padding-right: 55px;
}

/*-----------------------------form-tool icon------------------------------*/

#block-item-list ul.nav>li>ul.dropdown-menu{
	text-align: left;
}
#block-item-list ul.nav>li>a,
#block-item-list ul.nav>li>ul.dropdown-menu>li>a{
	padding: 10px 10px 10px 40px;
	position: relative;
}
#block-item-list ul.nav>li>a:before,
#block-item-list ul.nav>li>ul.dropdown-menu>li>a:before{
	content: "";
	display: block;
	width: 24px;
	height: 21px;
	position: absolute;
	top: calc(50% - 10.5px);
	left: 10px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}
#block-item-list ul.nav>li#block_text>a:before{background-image: url(/common/images/i1.png);}
#block-item-list ul.nav>li#block_image>a:before{background-image: url(/common/images/i2.png);}
#block-item-list ul.nav>li#block_header>a:before{background-image: url(/common/images/i3.png);}
#block-item-list ul.nav>li#block_link>a:before{background-image: url(/common/images/i4.png);}
#block-item-list ul.nav>li#block_table>a:before{background-image: url(/common/images/i5.png);}
#block-item-list ul.nav>li#block_button>a:before{background-image: url(/common/images/i6.png);}
#block-item-list ul.nav>li#block_template>a:before{background-image: url(/common/images/i7.png);}
#block-item-list ul.nav>li#block_movie>a:before{background-image: url(/common/images/i10.png);}
#block-item-list ul.nav>li#block_tel>a:before{background-image: url(/common/images/i11.png);}
#block-item-list ul.nav>li#block_map>a:before{background-image: url(/common/images/i12.png);}
#block-item-list ul.nav>li#block_gallery>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery2>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery3>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery4>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_gallery5>a:before{background-image: url(/common/images/i13.png);}
#block-item-list ul.nav>li#block_menu>a:before{background-image: url(/common/images/i14.png);}
#block-item-list ul.nav>li#block_coupon>a:before{background-image: url(/common/images/i15.png);}
#block-item-list ul.nav>li#block_form>a:before{background-image: url(/common/images/i16.png);}
#block-item-list ul.nav>li#block_staff>a:before{background-image: url(/common/images/i17.png);}
#block-item-list ul.nav>li#block_question>a:before{background-image: url(/common/images/i18.png);}
#block-item-list ul.nav>li#block_history>a:before{background-image: url(/common/images/i19.png);}
#block-item-list ul.nav>li#block_rich>a:before{background-image: url(/common/images/i20.png);}
#block-item-list ul.nav>li#block_shop>a:before{background-image: url(/common/images/i23.png);}
#block-item-list ul.nav>li#block_line>a:before{background-image: url(/common/images/i24.png);}
#block-item-list ul.nav>li#block_comparison>a:before{background-image: url(/common/images/i25.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#block_image_text_re>a:before{background-image: url(/common/images/i7.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#block_image2>a:before{background-image: url(/common/images/i8.png);}
#block-item-list ul.nav>li#rich_block_image2>a:before{background-image: url(/common/images/i8.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#block_image3>a:before{background-image: url(/common/images/i9.png);}
/* #block-item-list ul.nav>li>ul.dropdown-menu>li#rich_block_image_text_re>a:before{background-image: url(/common/images/i20.png);} */
#block-item-list ul.nav>li#rich_block_image_text_re>a:before{background-image: url(/common/images/i20.png);}
#block-item-list ul.nav>li>ul.dropdown-menu>li#rich_block_header>a:before{background-image: url(/common/images/i21.png);}
/* #block-item-list ul.nav>li>ul.dropdown-menu>li#rich_block_image3>a:before{background-image: url(/common/images/i22.png);} */
#block-item-list ul.nav>li#rich_block_image3>a:before{background-image: url(/common/images/i22.png);}
#block-item-list ul.nav>li#rich_block_image4>a:before{background-image: url(/common/images/i32.png);}
#block-item-list ul.nav>li#block_favorite>a:before{background-image: url(/common/images/i26.png);}
#block-item-list ul.nav>li#block_blog>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog2>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog3>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog4>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_blog5>a:before{background-image: url(/common/images/i27.png);}
#block-item-list ul.nav>li#block_news>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news2>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news3>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news4>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_news5>a:before{background-image: url(/common/images/i28.png);}
#block-item-list ul.nav>li#block_html>a:before{background-image: url(/common/images/i29.png);}
#block-item-list ul.nav>li#block_editor>a:before{background-image: url(/common/images/i30.png);}
#block-item-list ul.nav>li#block_recruit>a:before{background-image: url(/common/images/i31.png);}
#block-item-list ul.nav>li#block_index>a:before{background-image: url(/common/images/i33.png);}
#block-item-list ul.nav>li#block_column>a:before{background-image: url(/common/images/i34.png);}
#block-item-list ul.nav>li#block_column2>a:before{background-image: url(/common/images/i34.png);}
#block-item-list ul.nav>li#block_column3>a:before{background-image: url(/common/images/i34.png);}
#block-item-list ul.nav>li#block_column4>a:before{background-image: url(/common/images/i34.png);}
#block-item-list ul.nav>li#block_column5>a:before{background-image: url(/common/images/i34.png);}

/*-----------------------------what day------------------------------*/

.tab-content #home,
.tab-content #profile,
.tab-content #messages,
.tab-content #settings{
	position: relative;
}
.tab-content #home:before,
.tab-content #profile:before,
.tab-content #messages:before,
.tab-content #settings:before{
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	background: #eee;
	position: absolute;
	top: 0;
	left: 23px;
}

.tab-content #home h4,
.tab-content #home h4+p,
.tab-content #profile h4,
.tab-content #profile h4+p,
.tab-content #messages h4,
.tab-content #messages h4+p,
.tab-content #settings h4,
.tab-content #settings h4+p{
	padding: 0;
	margin: 0;
	margin-left: 50px;
}
.tab-content #home h4,
.tab-content #profile h4,
.tab-content #messages h4,
.tab-content #settings h4{
  padding-top: 15px;
  padding-bottom: 10px;
  position: relative;
}
.tab-content #home h4:before,
.tab-content #profile h4:before,
.tab-content #messages h4:before,
.tab-content #settings h4:before{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background: #293a53;
	position: absolute;
	top: 19px;
	left: -31px;
}
.tab-content #profile h4:before{
	background: #f0ad4e;
}
.tab-content #messages h4:before{
	background: #d9534f;
}
.tab-content #settings h4:before{
	background: #5cb85c;
}
.tab-content #home h4+p,
.tab-content #profile h4+p,
.tab-content #messages h4+p,
.tab-content #settings h4+p{
  padding-bottom: 15px !important;
}
.tab-content #home>div:last-child,
.tab-content #profile>div:last-child,
.tab-content #messages>div:last-child,
.tab-content #settings>div:last-child{
	background: #fff;
	padding-top: 20px;
	position: relative;
}

.tab-content #trends>p{
	display: inline-block;
	border: 1px solid #ddd;
	padding: 5px 8px !important;
}
.tab-content #trends>p:nth-of-type(1),
.tab-content #trends>p:nth-of-type(2),
.tab-content #trends>p:nth-of-type(3),
.tab-content #trends>p:nth-of-type(4),
.tab-content #trends>p:nth-of-type(5){
	padding-left: 30px !important;
	position: relative;
}
.tab-content #trends>p:nth-of-type(1):before,
.tab-content #trends>p:nth-of-type(2):before,
.tab-content #trends>p:nth-of-type(3):before,
.tab-content #trends>p:nth-of-type(4):before,
.tab-content #trends>p:nth-of-type(5):before{
	content: "";
	display: block;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 1px;
	left: 0px;
}
.tab-content #trends>p:nth-of-type(1):before{
	background: url(/common/images/crown1.png) 50% 50% no-repeat;
	background-size: contain;
}
.tab-content #trends>p:nth-of-type(2):before{
	background: url(/common/images/crown2.png) 50% 50% no-repeat;
	background-size: contain;
}
.tab-content #trends>p:nth-of-type(3):before{
	background: url(/common/images/crown3.png) 50% 50% no-repeat;
	background-size: contain;
}
.tab-content #trends>p:nth-of-type(4):before,
.tab-content #trends>p:nth-of-type(5):before{
	background: url(/common/images/medal.png) 50% 50% no-repeat;
	background-size: contain;
}

/*-----------------------------Image List https://hpcms.net/admin/images/ ------------------------------*/

.row.row-eq-height{
	align-items: stretch;
	margin-top: -15px;
}
.row.row-eq-height>.col-xs-2{
	display: flex;
	float: none;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	margin-bottom: 0 !important;
	padding: 10px;
	box-sizing: border-box;
	height: calc(16vw + 20px);
}
.row.row-eq-height>.col-xs-2:nth-of-type(6n){
	border-right: none;
}
.row.row-eq-height>.col-xs-2>.img_area{
	position: relative;
	width: 100%;
}
.row.row-eq-height>.col-xs-2>.img_area>p{
	margin-bottom: 0;
}
.row.row-eq-height>.col-xs-2>.img_area>p a{
	display: block;
}
.row.row-eq-height>.col-xs-2>.img_area>p img{
	display: block;
	height: auto;
	max-height: 16vw;
}
.row.row-eq-height>.col-xs-2>.img_area>div.text-center{
	position: absolute;
	top: -0.5%;
	left: -0.5%;
	width: 101%;
	height: 101%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s ease-in-out;
	pointer-events: none;
}
.row.row-eq-height>.col-xs-2:has(>.img_area){
	background: #f5f5f5;
	transition: 0.3s ease-in-out;
}
.row.row-eq-height>.col-xs-2:has(>.img_area):hover{
	background: #fff;
}
.row.row-eq-height>.col-xs-2>.img_area img{
	transform: scale(0.9);
}
.row.row-eq-height>.col-xs-2>.img_area:hover>div.text-center{
	opacity: 1;
	background: rgba(255,255,255,0.8);
}
.row.row-eq-height>.col-xs-2>.img_area>div.text-center a{
	pointer-events: auto;
}
.row.row-eq-height>.col-xs-2>.img_area>div.text-center i{
	font-size: 20px !important;
	margin: 0 5px;
}
@media screen and (min-width: 2300px){
	.row.row-eq-height>.col-xs-2{
		height: 381px;
	}
	.row.row-eq-height>.col-xs-2>.img_area>p img{
		max-height: 361px;
	}
}
@media screen and (max-width: 1300px){
	.row.row-eq-height>.col-xs-2{
		width: 25%;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(6n){
		border-right: 1px solid #ddd;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(4n){
		border-right: none;
	}
}
@media screen and (max-width: 800px){
	.row.row-eq-height>.col-xs-2{
		width: 33.3%;
		padding: 5px;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(4n){
		border-right: 1px solid #ddd;
	}
	.row.row-eq-height>.col-xs-2:nth-of-type(3n){
		border-right: none;
	}
	.row.row-eq-height>.col-xs-2>.img_area>div.text-center i{
		margin: 3px;
	}
}

#form-tool .delay,
#form-tool .delay1,
#form-tool .delay2,
#form-tool .delay3,
#form-tool .delay4{
	opacity: 1 !important;
	transform: translate(0,0) !important; 
	-webkit-transform: translate(0,0) !important;
}


/*---------------*/

html{
	background: #fff;
}
body:after{
	content: "";
	display: block;
	width: 250px;
	background: #f8f8f8;
	border-right: 1px solid #e7e7e7;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
nav.navbar>.navbar-default.sidebar{
	border-right: 1px solid #e7e7e7;
	top: 0 !important;
}
#side-menu{
	padding-bottom: 55px;
}
#page-wrapper{

	margin-left: 249px;
	border-left: 1px solid #e7e7e7;
}
footer{
	position: fixed !important;
	bottom: 0 !important;

	left: 0 !important;
	width: 100% !important;
	height: 55px !important;
	z-index: 1000 !important;
}
#page-wrapper{
	padding-bottom: 70px;
}
@media screen and (max-width: 992px){
	body:after{
		display: none;
	}
	nav.navbar>.navbar-default.sidebar{
		border-right: none;
	}
	#side-menu{
		padding-bottom: 0
	}
	#page-wrapper{
		margin-left: 0;
		border-left: none;
	}
}

div#display_flag_message:empty{
	margin-bottom: 0;
	display: block;
}
#display_flag_area{
	display: block;
	margin-bottom: 10px;
}
#display_flag_area input{
	display: inline-block;
	width: auto;



	height: auto;
	margin: 0 4px 0 0;
}
#side-nav-child button{
	margin-bottom: 5px;
}
#sns_checkbox_area{
	margin-bottom: 10px;
}
#sns_checkbox_area .form-group{
	margin-bottom: 5px;
}

/*---------------*/

#form-tool .widget_gallery01.add_design1 .wrapper_item,
#form-tool .widget_gallery01.add_design5 .wrapper_item{
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}
#form-tool .widget_gallery01.add_design1 .wrapper_item>.inner_item,
#form-tool .widget_gallery01.add_design5 .wrapper_item>.inner_item{
	width: 25%;
	text-align: center;
	padding: 0 1vw 3rem;
	display: flex;
	align-items: stretch;
	position: relative;
	box-sizing: border-box;
}
#form-tool .widget_gallery01.add_design1 .wrapper_item>.inner_item:nth-of-type(n+5),
#form-tool .widget_gallery01.add_design5 .wrapper_item>.inner_item:nth-of-type(n+5){
	display: none;
}

/*--------------------*/

.panel-info{
	border-color: #e7e7e7;
}
.panel-info input[type="radio"]{
	height: auto;
	margin: 0 4px 0 0;
}
.panel-info > .panel-heading{
	color: #fff;
	position: relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#233b5f+0,313945+100 */
	background: #233b5f; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #233b5f 0%,#313945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ); /* IE6-9 */
	border-bottom-color: #e7e7e7;
}
.panel-info > .panel-body{
	padding: 0;
}
.panel-info > .panel-body>.form-inline,
.panel-info > .panel-body .form-inline:last-child{
	margin-bottom: 0 !important;
}
.panel-info > .panel-body>.form-inline>.form-group:not(:empty),
.panel-info > .panel-body>.form-inline>div:not(:empty){
	padding: 5px 20px 10px;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.panel-info > .panel-body>.form-inline>.form-group:not(:empty):not(:last-child){
	margin-bottom: 10px;
}
.panel-info > .panel-body>.form-inline>.form-group:not(:empty):first-child{
	padding-top: 15px;
}
.panel-info .form-inline>.form-inline{
	padding-bottom: 15px !important;
}
.panel-info #sns_checkbox_area{
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
.panel-info .form-group{
	display: block;

}
.panel-info #sns_checkbox_area .form-group{
	display: block;
	text-align: left;
	font-weight: normal;
}
.panel-info #sns_checkbox_area .form-group:first-child{
	padding-top: 10px;
}
.panel-info .text-center{
	padding: 15px 10px 10px;
	background: #f9f9f9;
}
.panel-info label[for],
.panel-info #sns_checkbox_area label{
	font-weight: normal;
}
.panel-info #sns_checkbox_area div.form-group:last-child{
	margin-bottom: 0;
}

.panel-info .YearMonthDay{
	width: 180px;
}
.panel-info .form-group .checkbox{
	margin: 0;
	padding: 12px 15px 0; 
}

/*----*/

.ippedit select.form-control[name="Pages[image01_position]"],
.ippedit select.form-control[name="Pages[image02_position]"],
.ippedit select.form-control[name="Pages[image03_position]"],
.ippedit select.form-control[name="Pages[image04_position]"],
.ippedit select.form-control[name="Pages[image05_position]"]{
	margin-top: 7px;
	width: auto;
	min-width: 130px;
}

/*---------*/

.table-bordered{
	border-left-width: 0 !important;
	border-collapse: separate !important;
}
table.table-bordered thead th,
table.table-bordered thead td{
	border-left-width: 1px !important;
	border-right-width: 0 !important;
	border-bottom-width: 1px !important;
}
table.table-bordered tbody th,
table.table-bordered tbody td{
	border-left-width: 1px !important;
	border-right-width: 0 !important;
	border-top: 1px solid #ddd !important;
	vertical-align: middle;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before{
	top: calc(50% - 10px) !important;
}

#form-tool .column2, #form-tool .width_fixed .content_wrapper{
	padding: 0 !important;
}

.ippedit #dataTables-example input{
	margin-bottom: 3px;
	margin-top: 3px;
}
.ippedit #dataTables-example .input-group input{
	margin-bottom: 0;
	margin-top: 0;
}

select::-ms-expand{
	display: none;
}

ul.linked_date{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
    text-align: center;
    font-size: 12.5px;
    white-space: nowrap;
}
ul.linked_date li{
	display: inline-block;
}
ul.linked_date li:after{
	content: " / ";
}
ul.linked_date li:last-child:after{
	display: none;
}

/*-----*/

.ippedit .block_recruit .slider>div{
	margin-bottom: 30px !important;
	text-align: center;
}
.ippedit .block_recruit .slider>div:nth-of-type(n+2){
	display: none;
}
.ippedit .block_recruit .slider>div img{
	width: 90%;
}

/*-----*/

.ippedit .pindex .content_wrapper{
	text-align: center;
}
.ippedit .pindex .inner_item{
	display: inline-block;
	border: 1px solid rgba(125,125,125,0.3);
	padding: 20px 30px !important;
	min-width: 40%;
	counter-reset: indexnum;
	box-sizing: border-box;
}
.ippedit .pindex .inner_item>p{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px !important;
}
.ippedit .pindex .inner_item ul{
	text-align: left;
	display: inline-block;
}
.ippedit .pindex .inner_item ul:before{
	content: "大・中見出しが自動で設定されます。";
	display: block;
	padding: 0 0 10px;
	text-align: center;
}
@media screen and (max-width: 850px){
	.ippedit .pindex .inner_item{
		padding: 20px;
	}
}
@media screen and (max-width: 550px){
	.ippedit .pindex .inner_item{
		min-width: 80%;
	}
}

/*---pagination clone---*/

/*---indeedguide---*/

#indeedguide{
	padding: 0 20px 30px;
}
#indeedguide h3{
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
	background: #f5f5f5;

	padding: 10px 10px;
}
#indeedguide .flow{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	border-right: 1px solid #ddd;
	position: relative;
	margin-bottom: 30px;
}
#indeedguide .flow:before,
#indeedguide .flow:after{
	content: "";
	display: block;
	width: 33.3%;
	height: 4px;
	position: absolute;
	top: 48px;
	left: 15%;
	background: #2b3a51;
}
#indeedguide .flow:after{
	left: 50%;
	background: #2b3a51; /* Old browsers */
	background: -moz-linear-gradient(left,  #2b3a51 10%, #FBA300 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2b3a51 10%,#FBA300 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2b3a51 10%,#FBA300 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3a51', endColorstr='#FBA300',GradientType=1 ); /* IE6-9 */
}
#indeedguide .flow dl,
#indeedguide .flow dt,
#indeedguide .flow dd{
	display: block;
}
#indeedguide .flow dl{
	padding: 0 15px;
	text-align: center;
	width: 33.3%;
	border-left: 1px solid #ddd;
	position: relative;
	z-index: 2;
}
#indeedguide .flow dt{
	width: 100px;
	padding-bottom: 100px;
	height: 0;
	position: relative;
	margin: 0 auto 10px;
}
#indeedguide .flow dt p{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #2b3a51;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0px 10px 10px;
	font-weight: bold;
	border-radius: 100%;
	line-height: 1.3;
}
#indeedguide .flow dt p:before{
	content: "01";
	font-size: 1rem;
	display: block;
	font-weight: normal;
	width: 100%;
}
#indeedguide .flow dl:nth-of-type(2) dt p:before{
	content: "02";
}
#indeedguide .flow dl:nth-of-type(3) dt p:before{
	content: "03";
}
#indeedguide .flow dl:last-child dt p{
	background: #FBA300;
}
#indeedguide .flow dd span{
	display: inline-block;
}
#indeedguide .check{
	text-align: center;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
#indeedguide .check label{
	cursor: pointer;
	font-weight: normal;
}
#indeedguide .check label input{
	margin-right: 5px;
}
#indeedguide .check button{
	padding: 10px 20px;
	border: none;
	border-radius: 100px;
	font-size: 1.4rem;
	display: block;
	margin: 10px auto 0;
	color: #fff;
	background: #5cb85c;
	min-width: 170px;
}
#indeedguide .check button:not([disabled]):hover{
	background: #449d44;
	cursor: pointer;
}
#indeedguide .check button[disabled]{
	opacity: 0.5;
}
@media screen and (max-width: 500px){
	#indeedguide{
		padding: 0 10px 30px;
	}
	#indeedguide .flow:before,
	#indeedguide .flow:after{
		top: calc(15vw - 10px);
	}
	#indeedguide .flow dl{
		padding: 0 5px;
	}
	#indeedguide .flow dt{
		width: 98%;
		padding-bottom: 98%;
		font-size: 1.3rem;
	}
	#indeedguide .flow dt p{
		padding: 0 5px 5px;
	}
}
@media screen and (max-width: 420px){
	#indeedguide .flow dd{
		text-align: left;
		padding: 0 4px;
		font-size: 1.35rem;
	}
	#indeedguide .flow dd span{
		display: inline;
	}
}

/*---indeedguide2---*/

#indeedguide2,
#clarityguide{
	padding: 20px;
}
#clarityguide .st{
	font-weight: bold;
}
#indeedguide2 section{
	display: none;
}
#indeedguide2 section.current{
	display: block;
}
#indeedguide2 ol{
	counter-reset: number 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 0;
	width: 100%;
	margin-bottom: 0;
	position: relative;
}
#indeedguide2 ol:after{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	border-bottom: 2px dotted #ccc;
	position: absolute;
	top: 9px;
	left: 0;
}
#indeedguide2 ol li{
	position: relative;
	width: 20%;
	text-align: center;
	list-style: none;
	padding: 25px 5px 0;
	color: #999;
	cursor: pointer;
}
#indeedguide2 ol li:before{
	counter-increment: number 1;
	content: counter(number) " ";
	display: block;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 20px;
	height: 20px;
	background: #dddddd;
	color: #fff;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: calc(50% - 10px);
	z-index: 3;
	font-size: 14px !important;
}
#indeedguide2 ol li.current{
	font-weight: bold;
	color: #2b3a4f;
}
#indeedguide2 ol li.current:before{
	background: #2b3a4f;
}
#indeedguide2 section:last-child ol li.current{
	color: #00c5dc;
}
#indeedguide2 section:last-child ol li.current:before{
	background: #00c5dc;
}
#indeedguide2 ol li:first-child:after,
#indeedguide2 ol li:last-child:after{
	content: "";
	display: block;
	width: 50%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 9px;
	left: 0;
	z-index: 2;
}
#indeedguide2 ol li:last-child:after{
	left: 50%;
}
@media screen and (max-width: 992px){
	#indeedguide2 ol li{
		width: auto;
		min-width: 40px;
		flex-grow: 1;
	}
	#indeedguide2 ol li:not(.current){
		font-size: 0;
	}
}
#indeedguide2 h3,
#clarityguide h3{
	font-size: 1.7rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
	background: #f5f5f5;
	padding: 10px 10px;
}
#clarityguide h3:first-child{
	margin-top: 10px;
}
#indeedguide2 h4,
#clarityguide h4{
	color: #2e394a;
	font-size: 1.7rem;
	font-weight: bold;
	border-left: 5px solid #00c5dc;
	padding: 5px 0 5px 10px;
	margin: 0 0 15px;
}
#indeedguide2 h3+.inner,
#indeedguide2 h3+.st+.inner,
#clarityguide h3+.inner,
#clarityguide h3+.st+.inner{
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
#clarityguide .inner:first-child{
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
#indeedguide2 section>.st,
#clarityguide section>.st{
	padding-left: 10px;
	margin-bottom: 30px;
	font-weight: bold;
	color: #a94442;
}
#indeedguide2 .inner,
#clarityguide .inner{
	padding-left: 10px;
	margin-bottom: 30px;
	line-height: 1.7;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
}
#indeedguide2 .inner ul,
#clarityguide .inner ul{
	display: block;
	padding: 0;
}
#indeedguide2 .inner li,
#clarityguide .inner li{
	list-style: none;
	padding-left: 15px;
	display: block;
	position: relative;
}
#indeedguide2 .inner li:before,
#clarityguide .inner li:before{
	content: "・";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#indeedguide2 .inner>p,
#indeedguide2 .inner>ul,
#indeedguide2 .inner>div,
#indeedguide2 .inner_l>div,
#indeedguide2 .inner_r>div,
#indeedguide2 .inner>figure,
#clarityguide .inner>p,
#clarityguide .inner>ul,
#clarityguide .inner>div,
#clarityguide .inner_l>div,
#clarityguide .inner_r>div,
#clarityguide .inner>figure{
	display: block;
	margin-bottom: 15px;
}
#indeedguide2 .inner>*:last-child,
#indeedguide2 .inner_l>*:last-child,
#indeedguide2 .inner_r>*:last-child,
#clarityguide .inner>*:last-child,
#clarityguide .inner_l>*:last-child,
#clarityguide .inner_r>*:last-child{
	margin-bottom: 0;
}
#indeedguide2 .inner_l,
#clarityguide .inner_l{
	float: left;
	width: 48%;
	max-width: 600px;
}
#indeedguide2 .inner_r,
#clarityguide .inner_r{
	float: left;
	margin-left: 30px;
	width: calc(52% - 30px);
}
@media screen and (max-width: 750px){
	#indeedguide2 .inner_l,
	#clarityguide .inner_l{
		float: none;
		width: 100%;
		max-width: none;
	}
	#indeedguide2 .inner_r,
	#clarityguide .inner_r{
		float: none;
		width: 100%;
		margin: 0;
	}
}
#indeedguide2 .nstep{
	text-align: center;
	background: #f5f5f5;
	padding: 20px;
}
#indeedguide2 .nstep button{
	cursor: pointer;
	padding: 8px 18px;
	border: none;
	border-radius: 100px;
	font-size: 1.4rem;
	min-width: 170px;
	margin: 0 10px;
	border: 1px solid #5867c3;
}
#indeedguide2 .nstep button.next{
	color: #fff;
	background: #5867c3;
}
#indeedguide2 .nstep button.next:hover{
	background: #286090;
}
#indeedguide2 .nstep button.prev{
	background: #f8f8f8;
	border: 1px solid #999;
}
#indeedguide2 .nstep button.prev:hover{
	background: #eee;
}
#indeedguide2 .indeed-clip{
	background: #f5f5f5;
	margin: 5px 0 10px;
	padding: 15px;
	max-width: 500px;
}
#indeedguide2 .indeed-clip>div,
#clarityguide .indeed-clip p{
	margin: 0;
}
#indeedguide2 .indeed-clip>div{
	padding-bottom: 5px;
}
#indeedguide2 .indeed-clip>div+div{
	padding-bottom: 0;
	font-size: 1.3rem;
}
@media screen and (max-width: 750px){
	#indeedguide2 .indeed-clip{
		max-width: none;
	}
}
#indeedguide2 figure,
#clarityguide figure{
	max-width: 100%;
	width: 500px;
	display: block;
}
#indeedguide2 figure img,
#clarityguide figure img{
	display: block;
	max-width: 100%;
}
#indeedguide2 .inner_l figure,
#clarityguide .inner_l figure{
	width: 100%;
}
#indeedguide2 .inner_l .indeedmail,
#clarityguide .inner_l .indeedmail{
	font-size: 1.1rem;
	font-family: 'Lucida Grande',Verdana,Arial,sans-serif;
	line-height: 1.3;
	border: 1px solid #dbdbdb;
	padding: 20px;
	background: #f5f5f5;
	color: #555;
}
#indeedguide2 .inner_l .indeedmail p:last-child,
#clarityguide .inner_l .indeedmail p:last-child{
	margin: 0;
}
#clarityguide .okyakusama{
	position: relative;
	color: #0079EB;
	text-decoration: underline;
}
#clarityguide .okyakusama:before,
#clarityguide .okyakusama:after{
	content: "";
	position: absolute;
}
#clarityguide .okyakusama:before{
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	border: 2px dotted #0079EB;
}
#indeedguide2 .flow{
	display: flex !important;
	flex-wrap: wrap;
	width: 100%;
	align-items: stretch;
	justify-content: flex-start;
	border-right: 1px solid #ddd;
	position: relative;
	margin-bottom: 30px;
}
#indeedguide2 .flow:before,
#indeedguide2 .flow:after{
	content: "";
	display: block;
	width: 60%;
	height: 4px;
	position: absolute;
	top: 74px;
	right: 30%;
	background: #2b3a51;
}
#indeedguide2 .flow:after{
	right: calc(20% - (10% - 75px + 5px));
	width: calc(20% - 150px + 5px);
	background: #2b3a51; /* Old browsers */
	background: -moz-linear-gradient(left,  #2b3a51 10%, #00c5dc 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #2b3a51 10%,#00c5dc 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #2b3a51 10%,#00c5dc 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3a51', endColorstr='#00c5dc',GradientType=1 ); /* IE6-9 */
}
#indeedguide2 .flow dl,
#indeedguide2 .flow dt,
#indeedguide2 .flow dd{
	display: block;
}
#indeedguide2 .flow dl{
	padding: 0 15px;
	text-align: center;
	width: 20%;
	border-left: 1px solid #ddd;
	position: relative;
	z-index: 2;
}
#indeedguide2 .flow dt{
	width: 150px;
	padding-bottom: 150px;
	height: 0;
	position: relative;
	margin: 0 auto 10px;
	z-index: 3;
}
#indeedguide2 .flow dt p{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #2b3a51;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 0px 10px 10px;
	font-weight: bold;
	border-radius: 100%;
	line-height: 1.3;
}
#indeedguide2 .flow dt p:before{
	content: "01";
	font-size: 1rem;
	display: block;
	font-weight: normal;
	width: 100%;
	margin-bottom: 3px;
}
#indeedguide2 .flow dl:nth-of-type(2) dt p:before{
	content: "02";
}
#indeedguide2 .flow dl:nth-of-type(3) dt p:before{
	content: "03";
}
#indeedguide2 .flow dl:nth-of-type(4) dt p:before{
	content: "04";
}
#indeedguide2 .flow dl:nth-of-type(5) dt p:before{
	content: "05";
}
#indeedguide2 .flow dl:last-child dt p{
	background: #00c5dc;
}
#indeedguide2 .flow dt p span{
	display: inline-block;
}
#indeedguide2 .flow dd{
	display: inline-block;
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.7;
}
@media screen and (max-width: 1300px){
	#indeedguide2 .flow dt{
		width: 100%;
		padding-bottom: 100%;
	}
	#indeedguide2 .flow:before,
	#indeedguide2 .flow:after{
		top: calc((100vw - 730px) * 0.14);
		right: 30%;
	}
	#indeedguide2 .flow:after{
		right: calc(20% - 15px - 1px);
		width: 32px;
	}
}
@media screen and (max-width: 1100px){
	#indeedguide2 .flow dl{
		padding: 0 5px;
	}
	#indeedguide2 .flow:before,
	#indeedguide2 .flow:after{
		top: calc((100vw - 630px) * 0.14);
	}
	#indeedguide2 .flow:after{
		right: calc(20% - 5px - 1px);
		width: 12px;
	}
	#indeedguide2 .flow dd{
		padding: 0 10px;
	}
}
@media screen and (max-width: 992px){
	#indeedguide2 .flow dl{
		padding: 0 20px;
	}
	#indeedguide2 .flow:before,
	#indeedguide2 .flow:after{
		top: calc((100vw - 280px) * 0.1);
	}
	#indeedguide2 .flow:after{
		right: calc(20% - 20px - 1px);
		width: 42px;
	}
	#indeedguide2 .flow dd{
		padding: 0;
	}
}
@media screen and (max-width: 810px){
	#indeedguide2 .flow dl{
		padding: 0 5px;
	}
	#indeedguide2 .flow:before,
	#indeedguide2 .flow:after{
		top: calc((100vw - 130px) * 0.1);
	}
	#indeedguide2 .flow:after{
		right: calc(20% - 5px - 1px);
		width: 12px;
	}
	#indeedguide2 .flow dd{
		padding: 0 10px;
	}
}
@media screen and (max-width: 700px){
	#indeedguide2 .flow{
		border-right: none;
	}
	#indeedguide2 .flow dl{
		width: 33.3%;
	}
	#indeedguide2 .flow dl:nth-of-type(3),
	#indeedguide2 .flow dl:nth-of-type(5){
		border-right: 1px solid #ddd;
	}
	#indeedguide2 .flow dt{
		width: 120px;
		padding-bottom: 120px;
	}
	#indeedguide2 .flow:before{
		top: 58px;
		width: 83.35%;
		right: 0;
	}
	#indeedguide2 .flow:after{
		display: none;
	}
	#indeedguide2 .flow dl{
		position: relative;
	}
	#indeedguide2 .flow dl:nth-of-type(4):before,
	#indeedguide2 .flow dl:nth-of-type(4):after{
		content: "";
		display: block;
		width: 50%;
		height: 4px;
		position: absolute;
		top: 58px;
		left: 0;
		background: #2b3a51;
	}
	#indeedguide2 .flow dl:nth-of-type(4):after{
		left: calc(100% - (50% - 60px) - 1px);
		width: calc(100% - 120px + 2px);
		background: #2b3a51; /* Old browsers */
		background: -moz-linear-gradient(left,  #2b3a51 10%, #00c5dc 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #2b3a51 10%,#00c5dc 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #2b3a51 10%,#00c5dc 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3a51', endColorstr='#00c5dc',GradientType=1 ); /* IE6-9 */
	}
}
@media screen and (max-width: 500px){
	#indeedguide2 .flow dl{
		width: 50%;
	}
	#indeedguide2 .flow dl:nth-of-type(3){
		border-right: none;
	}
	#indeedguide2 .flow dl:nth-of-type(4){
		border-right: 1px solid #ddd;
	}
	#indeedguide2 .flow dl:nth-of-type(3):before,
	#indeedguide2 .flow dl:nth-of-type(3):after,
	#indeedguide2 .flow dl:nth-of-type(4):after,
	#indeedguide2 .flow dl:nth-of-type(5):after{
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		position: absolute;
		top: 58px;
		left: 0;
		background: #2b3a51;
	}
	#indeedguide2 .flow dl:nth-of-type(4):after{
		left: auto;
		right: 0;
		width: calc(50% - 60px + 1px);
		background: #2b3a51; /* Old browsers */
		background: -moz-linear-gradient(left,  #2b3a51 10%, #167d94 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #2b3a51 10%,#167d94 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #2b3a51 10%,#167d94 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3a51', endColorstr='#167d94',GradientType=1 ); /* IE6-9 */
	}
	#indeedguide2 .flow dl:nth-of-type(5):after{
		width: calc(100% - 120px + 2px);
		background: #2b3a51; /* Old browsers */
		background: -moz-linear-gradient(left,  #167d94 10%, #00c5dc 90%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #167d94 10%,#00c5dc 90%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #167d94 10%,#00c5dc 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#167d94', endColorstr='#00c5dc',GradientType=1 ); /* IE6-9 */
	}
}
@media screen and (max-width: 360px){
	#indeedguide2 .flow dt{
		width: 100px;
		padding-bottom: 100px;
	}
	#indeedguide2 .flow dl:nth-of-type(3):before,
	#indeedguide2 .flow dl:nth-of-type(3):after,
	#indeedguide2 .flow dl:nth-of-type(4):before,
	#indeedguide2 .flow dl:nth-of-type(4):after,
	#indeedguide2 .flow dl:nth-of-type(5):after{
		top: 48px;
	}
	#indeedguide2 .flow dl:nth-of-type(4):after{
		width: calc(50% - 50px + 1px);
	}
	#indeedguide2 .flow dl:nth-of-type(5):after{
		width: calc(100% - 100px + 2px);
	}
}

/*--------*/

.col-lg-12 .col-lg-12 .row{
	margin: 0;
}
.add-box2{
	max-width: 100%;
}
.dd3-content{
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}
.dd-item > button{
	position: absolute !important;
	top: 0;
	left: 0;
}
.dd-item > button+.dd-handle+.dd3-content{
	padding-left: 55px !important;
}
.dd-item-left{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dd-item-left span{
	display: inline-block;
}
.col-xs-2 h1{
	width: 80vw;
}
.panel-heading .col-sm-10,
.panel-heading .checkbox-inline{
	padding-left: 0;
}
.panel-heading .col-sm-2.text-right{
	padding-left: 0;
	padding-right: 0;
}
.table input{
	max-width: 100% !important;
}
select[name="TmpSettings[css_id]"],
select[name="TmpSettings[css_id]"]+button{
	margin-bottom: 10px;
}
.col-lg-12 .col-lg-8,
.col-lg-12 .col-lg-12,
.col-lg-12 .col-lg-6{
	padding-left: 0;
	padding-right: 0;
}
.col-lg-12 .col-lg-4{
	padding-right: 0;
}
.col-lg-12 .col-lg-6+.col-lg-6{
	padding-left: 20px;
}
@media screen and (max-width: 1200px){
	.col-lg-12 .col-lg-8,
	.col-lg-12 .col-lg-12,
	.col-lg-12 .col-lg-6,
	.col-lg-12 .col-lg-4,
	.col-lg-12 .col-lg-9,
	.col-lg-12 #side-nav,
	.col-lg-12 .col-lg-6+.col-lg-6{
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 500px){
	.dd-item-left{
		width: calc(100% - 80px) !important;
	}
	.dd-item-right{
		width: 70px !important;
	}
	.table img{
		max-width: 100% !important;
	}
}
.checkbox-inline{
	margin-bottom: 10px;
}
.panel-heading .col-sm-12{
	float: none;
}
.panel-heading{
	position: relative;
}
.panel-heading .pull-right .btn-group{
	position: static;
}
.panel-heading.convertion_session>span{
	display: block;
	width: calc(100% - 120px);
}
.panel-heading.convertion_session .pull-right{
	width: 88px;
}
.panel-heading .pull-right .btn-group .dropdown-toggle{
	position: absolute;
	top: calc(50% - 11px);
	right: 15px;
}
.panel-heading .pull-right .btn-group .dropdown-toggle+.dropdown-menu{
	right: 15px;
	left: auto;
	width: 100px;
	top: calc(50% + 17px);
}
.panel-footer{
	position: relative;
	cursor: pointer;
	padding: 35px 0 0 0;
}
.panel-footer:before{
	content: "+";
	line-height: 1;
	font-size: 2rem;
	display: block;
	text-align: center;
	width: 30px;
	position: absolute;
	top: 8px;
	left: calc(50% - 15px);
	pointer-events: none;
}
.panel-footer .mytoggle{
	transition: 0.2s opacity;
	display: none;
	opacity: 0;
	overflow: hidden;
	padding: 0 15px 15px;
}
.panel-footer .mytoggle.op{
	opacity: 1;
}
#cvr_graph-tooltip{
	z-index: 10;
}

/*----------.forsp-------------*/

@media screen and (max-width: 992px){
	.forsp table#dataTables-example,
	.forsp table#dataTables-example tbody,
	.forsp table#dataTables-example tr,
	.forsp table#dataTables-example th,
	.forsp table#dataTables-example td{
		display: block;
	}
	.forsp table#dataTables-example thead{
		display: none;
	}
	.forsp table#dataTables-example{
		border: 1px solid #ddd !important;
		border-bottom: none !important;
	}
	.forsp table#dataTables-example tr{
		border-bottom: 1px solid #ddd;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		padding: 5px 160px 5px 0;
		position: relative;
	}
	.forsp table#dataTables-example th,
	.forsp table#dataTables-example td{
		text-align: left;
		border: none !important;
	}
	.forsp table#dataTables-example td:nth-of-type(1){/*タイトル*/
		width: 100%;
	}
	.forsp table#dataTables-example td:nth-of-type(2){/*日付*/
		width: 180px;
	}
	.forsp table#dataTables-example td:nth-of-type(2):before{/*日付*/
		content: "日時：";
	}
	.forsp table#dataTables-example td:nth-of-type(3){/*ステータス*/
		width: calc(100% - 180px);
	}
	.forsp table#dataTables-example td:nth-of-type(3):before{/*ステータス*/
		content: "ステータス：";
	}
	.forsp table#dataTables-example td:nth-of-type(4),/*編集*/
	.forsp table#dataTables-example td:nth-of-type(5){/*削除・投稿*/
		display: flex;
		align-items: center;
		justify-content: center;
		width: 70px;
		height: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		right: 15px;
		padding: 0 0 0 10px !important;
	}
	.forsp table#dataTables-example td:nth-of-type(4){/*編集*/
		right: 85px;
	}
	.forsp table#dataTables-example td:nth-of-type(4):before{/*編集*/
		content: "";
		display: block;
		width: 1px;
		height: 80%;
		background: #ddd;
		position: absolute;
		top: 10%;
		left: 0;
	}
}
@media screen and (max-width: 700px){
	.forsp .panel-heading .col-sm-12{
		padding-left: 0;
	}
	.forsp .panel-heading .col-sm-10{
		padding-left: 10px;
	}
	.forsp .panel-heading .checkbox-inline,
	.forsp .panel-heading .radio-inline{
		padding: 0;
		margin: 5px 10px 0 0;
	}

	.forsp .panel-heading .col-sm-2{
		margin-left: 0;
		padding-left: 0;
		padding-top: 5px;
	}
}
@media screen and (max-width: 625px){
	.forsp table#dataTables-example tr{
		padding-right: 0;
		padding-bottom: 13px;
	}
	.forsp table#dataTables-example td:nth-of-type(1){/*タイトル*/
		padding-bottom: 0;
	}
	.forsp table#dataTables-example td:nth-of-type(2),/*日付*/
	.forsp table#dataTables-example td:nth-of-type(3){/*ステータス*/
		position: relative;
		padding-bottom: 13px;
		margin-bottom: 13px;
	}
	.forsp table#dataTables-example td:nth-of-type(2):after,/*日付*/
	.forsp table#dataTables-example td:nth-of-type(3):after{/*ステータス*/
		content: "";
		display: block;
		height: 1px;
		width: calc(100% - 7px);
		left: 7px;
		bottom: 0;
		background: #ddd;
		position: absolute;
	}
	.forsp table#dataTables-example td:nth-of-type(3):after{/*ステータス*/
		left: 0;
	}
	.forsp table#dataTables-example td:nth-of-type(4),/*編集*/
	.forsp table#dataTables-example td:nth-of-type(5),/*削除・投稿*/
	.forsp table#dataTables-example td:nth-of-type(6){/*投稿*/
		display: block;
		position: static;
		width: auto;
		padding: 0 5px !important;
	}
	.forsp table#dataTables-example td:nth-of-type(4):before{/*削除・投稿*/
		display: none;
	}
	
	.forsp .panel-heading .col-sm-2{
		padding: 10px 12px 0;
		margin-top: 10px !important;
		width: 100%;
		text-align: center;
		position: relative;
	}
	.forsp .panel-heading .col-sm-2:before{
		content: "";
		display: block;
		width: calc(100% - 16px);
		height: 1px;
		background: #ddd;
		position: absolute;
		top: 0;
		left: 8px;
	}
	.forsp .panel-heading .col-sm-2 a{
		margin: 0 auto;
	}
}
@media screen and (max-width: 450px){
	.forsp table#dataTables-example td:nth-of-type(2),/*日付*/
	.forsp table#dataTables-example td:nth-of-type(3){/*ステータス*/
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.forsp table#dataTables-example td:nth-of-type(3){/*ステータス*/
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.forsp table#dataTables-example td:nth-of-type(2):after{/*日付*/
		display: none;
	}
	.forsp table#dataTables-example td:nth-of-type(3):after{/*ステータス*/
		left: 7px;
		width: calc(100% - 14px);
	}
}

.tagGroup .tagItem{
	margin-bottom: 3px;
}
#recently_tag button{
	white-space: normal;
}

/*------top 検索キーワード scKeywordRanking_wrapper -------*/

#scKeywordRanking_wrapper .col-sm-6:empty,
#sessionsRanking_wrapper .col-sm-6:empty,
#pageViewsRanking_wrapper .col-sm-6:empty{
	display: none;
}
#scKeywordRanking_wrapper .col-sm-6:empty+.col-sm-6,
#sessionsRanking_wrapper .col-sm-6:empty+.col-sm-6,
#pageViewsRanking_wrapper .col-sm-6:empty+.col-sm-6{
	width: 100%;
}
table#scKeywordRanking thead td{
	padding-right: 15px;
	position: relative;
}
table#scKeywordRanking.dataTable thead td::after{
	display:block;
	float: none;
	position: absolute;
	top: calc(50% - 10px);
	right: 5px;
}
table#scKeywordRanking thead td:first-child{
	width: 200px !important;
}
table#scKeywordRanking tbody tr:last-child,
table#pageViewsRanking tbody tr:last-child,
table#sessionsRanking tbody tr:last-child{
	border-bottom: 1px solid #ddd;
}
table#scKeywordRanking th,
table#scKeywordRanking td{
	vertical-align: middle;
}
#scKeywordRanking_paginate,
#sessionsRanking_paginate,
#pageViewsRanking_paginate{
	text-align: center;
	padding-top: 10px;
}
#scKeywordRanking_wrapper .pagination,
#sessionsRanking_wrapper .pagination,
#pageViewsRanking_wrapper .pagination{
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
}
@media screen and (max-width: 650px){
	table#scKeywordRanking thead td{
		padding-right: 5px;
		padding-bottom: 25px;
	}
	table#scKeywordRanking.dataTable thead td::after{
		top: auto;
		bottom: 5px;
		right: calc(50% - 4px);
	}
	table#scKeywordRanking thead td:first-child{
		width: 170px !important;
	}
}
@media screen and (max-width: 600px){
	table#scKeywordRanking tr,
	table#sessionsRanking tr{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: stretch;
		justify-content: flex-start;
	}
	table#scKeywordRanking td,
	table#sessionsRanking td{
		display: block;
		width: 25% !important;
		box-sizing: border-box;
		border-top: 1px dotted #ddd;
		text-align: center;
	}
	table#sessionsRanking td{
		width: 33.3% !important;
	}
	table#scKeywordRanking thead td:first-child,
	table#sessionsRanking thead td:first-child{
		width: 100% !important;
		padding: 10px 15px 10px 10px !important;
		border-top: 1px solid #ddd;
		text-align: left;
		font-weight: bold;
	}
	table#scKeywordRanking thead td:first-child:after,
	table#sessionsRanking thead td:first-child:after{
		top: calc(50% - 10px);
		bottom: auto;
		right: 10px !important;
		left: auto !important;
	}
	table#scKeywordRanking tbody td:first-child,
	table#sessionsRanking tbody td:first-child{
		width: 100% !important;
		border-top: 1px solid #ddd;
		text-align: left;
	}
	table#scKeywordRanking tbody td:first-child{
		font-weight: bold;
	}
}
@media screen and (max-width: 460px){
	#scKeywordRanking_wrapper .pagination li,
	#sessionsRanking_wrapper .pagination li,
	#pageViewsRanking_wrapper .pagination li{
		display: none;
	}

	#scKeywordRanking_wrapper .paginate_button.active,
	#scKeywordRanking_wrapper #scKeywordRanking_previous,
	#scKeywordRanking_wrapper .pagination li:nth-of-type(2),
	#scKeywordRanking_wrapper .pagination li:nth-last-of-type(2),
	#scKeywordRanking_wrapper #scKeywordRanking_next,
	
	#sessionsRanking_wrapper .paginate_button.active,
	#sessionsRanking_wrapper #scKeywordRanking_previous,
	#sessionsRanking_wrapper .pagination li:nth-of-type(2),
	#sessionsRanking_wrapper .pagination li:nth-last-of-type(2),
	#sessionsRanking_wrapper #scKeywordRanking_next,
	
	#pageViewsRanking_wrapper .paginate_button.active,
	#pageViewsRanking_wrapper #scKeywordRanking_previous,
	#pageViewsRanking_wrapper .pagination li:nth-of-type(2),
	#pageViewsRanking_wrapper .pagination li:nth-last-of-type(2),
	#pageViewsRanking_wrapper #scKeywordRanking_next{
		display: inline !important;
	}
	#scKeywordRanking_wrapper .paginate_button.active a,
	#sessionsRanking_wrapper .paginate_button.active a,
	#pageViewsRanking_wrapper .paginate_button.active a{
		margin: 0 30px;
	}
	#scKeywordRanking_wrapper .paginate_button.active a:before,
	#scKeywordRanking_wrapper .paginate_button.active a:after,
	#sessionsRanking_wrapper .paginate_button.active a:before,
	#sessionsRanking_wrapper .paginate_button.active a:after,
	#pageViewsRanking_wrapper .paginate_button.active a:before,
	#pageViewsRanking_wrapper .paginate_button.active a:after{
		content: "…";
		color: #000;
		display: block;
		height: 100%;
		width: 30px;
		position: absolute;
		top: -1px;
		left: -30px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		box-sizing: content-box;
		pointer-events: nome;
	}
	#scKeywordRanking_wrapper .paginate_button.active a:after,
	#sessionsRanking_wrapper .paginate_button.active a:after,
	#pageViewsRanking_wrapper .paginate_button.active a:after{
		left: auto;
		right: -30px;
	}
	#scKeywordRanking_wrapper .paginate_button.active:nth-of-type(2) a,
	#sessionsRanking_wrapper .paginate_button.active:nth-of-type(2) a,
	#pageViewsRanking_wrapper .paginate_button.active:nth-of-type(2) a{
		margin-left: 0;
	}
	#scKeywordRanking_wrapper .paginate_button.active:nth-last-of-type(2) a,
	#sessionsRanking_wrapper .paginate_button.active:nth-last-of-type(2) a,
	#pageViewsRanking_wrapper .paginate_button.active:nth-last-of-type(2) a{
		margin-right: 0;
	}
	#scKeywordRanking_wrapper .paginate_button.active:nth-of-type(2) a:before,
	#scKeywordRanking_wrapper .paginate_button.active:nth-last-of-type(2) a:after,
	#sessionsRanking_wrapper .paginate_button.active:nth-of-type(2) a:before,
	#sessionsRanking_wrapper .paginate_button.active:nth-last-of-type(2) a:after,
	#pageViewsRanking_wrapper .paginate_button.active:nth-of-type(2) a:before,
	#pageViewsRanking_wrapper .paginate_button.active:nth-last-of-type(2) a:after{
		display: none;
	}
}

form input,
form textbox,
form select{
	margin-bottom: 5px;
	margin-top: 5px;
}

/*----------------------------kantan wp-----------------------------------*/

.kantan2 .work-space{
	padding: 0;
}
.kantan2 .col-lg-9 .wrap{
	margin-bottom: 15px;
}
.kantan2 .col-lg-9 .table th{
	width: 150px;
}
.kantan2 .col-lg-9 .table th,
.kantan2 .col-lg-9 .table td{
	border-bottom: none;
}
.kantan2 .table-hover > tbody > tr:hover{
	background-color: inherit;
}
.kantan2 .col-lg-9 .item textarea{
	height: 200px;
}
.kantan2 .col-lg-9 .caution{
	color: #d00;
	font-size: 1.3rem;
}
.kantan2 .col-lg-9 .item+.item{
	margin-top: 15px;
}
.kantan2 .col-lg-9 input,
.kantan2 .col-lg-9 textarea{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	letter-spacing: 1px;
	font-size: 1.3rem;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-appearance: none;
	border-radius: 0;
}
.kantan2 .col-lg-9 input[type="button"]:focus{
	box-shadow: none;
}
.kantan2 .col-lg-9 .submit input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:inline-block;
	width: auto;
	cursor: pointer;
	background: #cc0c06;
	color: #fff;
	letter-spacing: 3px;
	padding: 10px;
	font-size: 1rem;
	min-width: 240px;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.kantan2 .col-lg-9 .submit input:hover{
	background: #e50700;
}
.kantan2 .col-lg-9 .submit input:active{
	background: #b60600;
}
.kantan2 .col-lg-9 .select{
	max-width: 100%;
	position: relative;
	display: inline-block;
}
.kantan2 .col-lg-9 .select:after{
	pointer-events: none;
	content: "";
	display: block;
	width: 5px;
	height: 5px;

	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 2px);
	right: 10px;
}
.kantan2 .col-lg-9 select{
	cursor: pointer;
	appearance: none;
	background: #fff;
	padding: 10px 20px 10px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: none;
	letter-spacing: 1px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	min-width: 120px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 100%;
}
.kantan2 .col-lg-9 select option{
	padding: 5px;
	border: none;
}
.kantan2 input[type=radio],
.kantan2 input[type=checkbox]{
	display: none !important;
	margin: 0;
}
.kantan2 input[type=radio] + label:not([for*="block_header"]),
.kantan2 input[type=checkbox] + label:not([for*="block_header"]){
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 1.3rem;
	padding: 7px 15px 10px 22px;
}
.kantan2 input[type=radio] + label::before,
.kantan2 input[type=checkbox] + label::before{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background: #FFF;
	border: 1px solid #ddd;
}
.kantan2 input[type=radio] + label::before{
	border-radius: 30px;
}
.kantan2 input[type=radio]:checked + label::after,
.kantan2 input[type=checkbox]:checked + label::after{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	background: #3bc7dc;
	margin-top: -5px;
	left: 4px;
	width: 9px;
	height: 9px;
}
.kantan2 input[type=radio]:checked + label::after{
	border-radius: 100%;
}

.kantan2 input[type=file]{
	border: none;
}
.kantan2 p small{
	display: block;
	padding-top: 7px;
	opacity: 0.8;
	line-height: 1.4;
}
.kantan2 small.required{
	color: #FF5154;
	opacity: 1;
	display: inline-block;
}
.kantan2 td button[type="button"],
.kantan2 td input[type="button"],
.images-upload,
.kantan2 .col-lg-3 button.media-select2{
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	padding: 7px 10px;
	border-radius: 3px;
	background: #3bc7dc;
	color: #fff;
	margin: 7.5px 5px 7.5px 0;
	cursor: pointer;
}
.kantan2 td button[type="button"]+button[type="button"]{
	margin-top: 0;
}
.kantan2 td button[type="button"]:hover,
.kantan2 td input[type="button"]:hover,
.images-upload:hover{
	background: #1793a5;
}
.kantan2 td .select + button[type="button"]{
	margin-left: 15px;
}
.kantan2 td button[type="button"],
.kantan2 td input[type="button"],
.kantan2 .col-lg-3 button.media-select2{
	background: #f0f0f0;
	color: inherit;
	border: 1px solid #ccc;
	padding: 6px 9px;
	transition: 0.2s;
}
.kantan2 td button[type="button"]:hover,
.kantan2 td input[type="button"]:hover{
	background: #e0e0e0;
}

.kantan2 .form-inline input{
	display: inline-block;
	width: auto !important;
	max-width: 100%;
}
.kantan2 .table-striped > tbody > tr:nth-of-type(2n+1){
	background: rgba(0,0,0,0.04);
}
.kantan2 .table-bordered{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.kantan2 table.table-bordered tbody th,
.kantan2 table.table-bordered tbody td{
	vertical-align: middle;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 8px;
}
@media screen and (max-width: 560px){
	.kantan2 .table-bordered{
		display: block;
	}
	.kantan2 table.table-bordered thead,
	.kantan2 table.table-bordered tbody,
	.kantan2 table.table-bordered tfoot,
	.kantan2 table.table-bordered tr,
	.kantan2 table.table-bordered th,
	.kantan2 table.table-bordered td{
		box-sizing: border-box;
		display: block;
		width: 100% !important;
		background-color: transparent !important;
	}
	.kantan2 table.table-bordered th{	
		background: rgba(0,0,0,0.04) !important;
	}
}

.kantan2 .input-group{
	position: relative;
}
.kantan2 #inputTag+.input-group-btn{
	width: 55px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: stretch;
	justify-content: center;
	height: 100%;
}
.kantan2 #inputTag+.input-group-btn button{
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0;
}
.kantan2 .tagGroup{
	margin-bottom: 5px;
}
.kantan2 .tagGroup:last-child{
	margin-bottom: 0;
}
.kantan2 .tagItem{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	color: #31708f;
	margin: 0 5px 5px 0;
	background: #d9edf7;
	border: 1px solid #bce8f1;
	border-radius: 2px;
	font-size: 1.2rem;
	padding: 0 2px;
}
.kantan2 .tagItem span{
	display: block;
	padding: 4px;
}
.kantan2 .tagItem span.glyphicon{
	cursor: pointer;
	padding-right: 1px;
}
.kantan2 .tagItem span.glyphicon:before{
	display: block;
	height: 17px;
	width: 17px;
	line-height: 17px;
	overflow: hidden;
	font-size: 17px;
	font-family: 'Material Icons';
	content: "close";
	color: #31708f;
}
.kantan2 .tagItem span.glyphicon:hover:before{
	opacity: 0.7;
}
.kantan2 .tagItem span.spanTag{
	padding-left: 0;
}
.kantan2 .box{
	border: 1px solid #ddd;
	padding: 10px;
	background: rgba(255,255,255,0.5);
}
.kantan2 .box p{
	margin-bottom: 10px;
}
.kantan2 .btn-group button{
	display: inline-block;
	margin: 0 5px 5px 0 !important;
	padding: 5px 10px !important;
	border-radius: 2px;
	font-size: 1.2rem;
	color: inherit !important;
	background: #f0f0f0 !important;
	border: 1px solid #ccc !important;
}
.kantan2 .btn-group button:hover{
	background: #e0e0e0 !important;
}
.kantan2 #directory_name{
	margin-bottom: 0 !important;
}

.kantan2 #site_structure_result{
	width: 100%;
	max-height: 300px;
	overflow: auto;
	background: #fff;
	box-sizing: border-box;
	margin: 10px 0;
}
.kantan2 #site_structure_result>div{
	padding: 0;
	border-bottom: 1px solid #eee;
}
.kantan2 #site_structure_result>div:last-child{
	border-bottom: 0;
}
.kantan2 #site_structure_result>div.col-xs-11,
.kantan2 #site_structure_result>div.col-xs-10{
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: -1px;
	box-sizing: border-box;
	position: relative;
}
.kantan2 #site_structure_result>div.col-xs-11{
	width: calc(100% - 20px);
	margin-left: 20px;
}
.kantan2 #site_structure_result>div.col-xs-10{
	width: calc(100% - 40px);
	margin-left: 40px;
}
.kantan2 #site_structure_result>div.col-xs-11:before,
.kantan2 #site_structure_result>div.col-xs-10:before{
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	position: absolute;
	top: calc(50% - 10px);
	left: -11px;
}
.kantan2 #site_structure_result .label{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 10px 35px !important;
	line-height: 1.7;
}
.kantan2 #site_structure_result .label:before{
	left: 10px !important;
}
.kantan2 #site_structure_result .label:after{
	left: 14px !important;
}
.kantan2 #site_structure_result .label:hover{
	background-color: #f9f9f9;
}
.kantan2 #site_structure_result .label span:nth-of-type(1){
	background: #f0f0f0;
	font-size: 1.1rem;
	padding: 1px 5px;
	color: #666;
	margin-left: 5px;
	display: inline-block;
}
.kantan2 #site_structure_result .label span:nth-of-type(2){
	display: block;
}
.kantan2 #site_structure_result label.structure_1st,
.kantan2 #site_structure_result label.structure_2nd,
.kantan2 #site_structure_result label.structure_3rd{
	padding-right: 60px !important;
}
.kantan2 #site_structure_result label.structure_1st{
	background: url(/common/images/crown1.png) calc(100% - 10px) 50% no-repeat;
	background-size: 40px;
}
.kantan2 #site_structure_result label.structure_2nd{
	background: url(/common/images/crown2.png) calc(100% - 10px) 50% no-repeat;
	background-size: 40px;
}
.kantan2 .structure_3rd{
	background: url(/common/images/crown3.png) calc(100% - 10px) 50% no-repeat;
	background-size: 40px;
}

/*-----*/

.kantan2 .col-lg-9 .wrap{
	display: none;
	border: 1px solid #ddd;
	border-top: none;
	padding: 10px 15px;
}
.kantan2 input[id*="store_btn_input"]{
	display: none;
}
.kantan2 input[id*="store_btn_input"]:checked+label+.wrap{
	display: block;
}
.kantan2 input[id*="store_btn_input"]+label{
	display: block !important;
	padding: 10px 15px !important;
	cursor: pointer;
	font-size: 1.4rem;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	position: relative;
	border-radius: 5px;
}
.kantan2 input[id*="store_btn_input"]:checked+label{
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.kantan2 input[id*="store_btn_input"]+label:hover{
	background: #f5f5f5;
}
.kantan2 input[id*="store_btn_input"]+label:before{
	content: "";
	display: none !important;
}
.kantan2 input[id*="store_btn_input"]+label:after{
	content: "\f078" !important;
	color: #00c5dc !important;
	font: normal normal normal 14px/1 FontAwesome !important;
	position: absolute !important;
	left: auto !important;
	margin: 0 !important;
	top: calc(50% - 7.5px) !important;
	right: 15px !important;
	display: inline-block !important;
	background: none !important;
}
.kantan2 input[id*="store_btn_input"]:checked+label:after{
	content: "\f077" !important;
	width: auto !important;
	height: auto !important;
}
.kantan2 input[id*="store_btn_input"]+label:hover:before{
	background: #e6e6e6;
}
@media screen and (max-width: 560px){
	.kantan2 .col-lg-9 .wrap{
		padding: 5px 10px;
	}
}
.kantan2 .col-lg-9 .ai.item table,
.kantan2 .col-lg-9 .ai.item tbody,
.kantan2 .col-lg-9 .ai.item tr,
.kantan2 .col-lg-9 .ai.item th,
.kantan2 .col-lg-9 .ai.item td,
.kantan2 .col-lg-9 .tag.item table,
.kantan2 .col-lg-9 .tag.item tbody,
.kantan2 .col-lg-9 .tag.item tr,
.kantan2 .col-lg-9 .tag.item th,
.kantan2 .col-lg-9 .tag.item td{
	display: block;
	width: 100%;
	background-color: transparent;
	text-align: left;
}
.kantan2 .col-lg-9 .ai.item th,
.kantan2 .col-lg-9 .tag.item th{
	background: #f5f5f5;
}
.kantan2 .col-lg-9 .title input{
	font-size: 16px;
	height: auto;
}
.kantan2 .col-lg-9 .cap{
	font-size: 13px;
	opacity: 0.7;
}
.kantan2 .col-lg-9 .content textarea{
	height: 500px;
	max-height: 60vh;
	transition: none;
}
.kantan2 #inputTag{
	max-width: calc(100% - 60px) !important;
}
.kantan2 .cke_toolbar{
	float: none !important;
}

/*-----*/

.kantan2 .col-lg-3 .panel-heading{
	padding: 10px;
	border-top: 1px solid #ddd;
}
.kantan2 .col-lg-3 .panel-heading:first-child{
	border-top: 0;
}
.kantan2 .col-lg-3 .panel-button{
	padding: 10px;
	border-top: 1px solid #ddd;
}
.kantan2 .col-lg-3 .panel-button button{
	display: inline-block;
	margin: 10px 5px;
}
.kantan2 .col-lg-3 .ib{
	display: inline-block;
}
.kantan2 .col-lg-3 .ib label{
	padding-left: 5px;
	margin-bottom: 0;
}
@media screen and (max-width: 1200px){
	.kantan2 .col-lg-3{
		padding: 0;
	}
}

.kantan2 .eyecatch{
	margin-bottom: 20px;
}
.kantan2 .eyecatch-heading{
	background: #f5f5f5;
	padding: 8px;
	border: 1px solid #ddd;
	font-size: 14px;
}
.kantan2 .eyecatch-body{
	padding: 8px;
	border: 1px solid #ddd;
	border-top: none;
}
.kantan2 .eyecatch-body table{
	margin-bottom: 0;
}
.kantan2 input[type="file"]{
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.kantan2 #cke_1_contents{
	max-height: 50vh;
}

.kantan2 .eyecatch-body{
	padding: 0;
}
.kantan2 .eyecatch-body table,
.kantan2 .eyecatch-body thead,
.kantan2 .eyecatch-body tbody,
.kantan2 .eyecatch-body tfoot,
.kantan2 .eyecatch-body tr,
.kantan2 .eyecatch-body th,
.kantan2 .eyecatch-body td{
	display: block;
}
.kantan2 .eyecatch-body table{
	border: none !important;
}
.kantan2 .eyecatch-body tbody{
	display: flex !important;
	width: 100%;
	align-items: stretch;
	justify-content: space-between;
}
.kantan2 .eyecatch-body table tr{
	width: 33.3% !important;
	background: #fff !important;
	display: flex;
	align-items: center;
	align-items: stretch;
}
.kantan2 .eyecatch-body tr:nth-of-type(2){
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.kantan2 .eyecatch-body th{
	border: none !important;
	width: 100% !important;
	display: none !important;
	background: #f5f5f5;
	border-bottom: 1px solid #ddd !important;
}
.kantan2 .eyecatch-body td{
	padding: 10px !important;
	text-align: center;
	border: none !important;
	display: flex;
	align-items: stretch;
	width: 100%;
}
.kantan2 .eyecatch-body td .work-space,
.kantan2 .col-lg-3 .work-space{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: visible;
}
.kantan2 .col-lg-3 .work-space{
	flex-direction: column;
}
.kantan2 .eyecatch-body td button{
	margin: 0 5px 5px;
}
.kantan2 .col-lg-3 button.media-select2{
	margin: 10px 5px 5px;
}
.kantan2 .eyecatch-body td img,
.kantan2 .col-lg-3 #upload_image{
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover; object-position: 50% 50%;';
	width: 150px !important;
	height: 150px !important;
	max-width: 100% !important;
	max-height: 150px !important;
	margin-bottom: 0 !important;
}
.kantan2 .eyecatch-body td label,
.kantan2 .col-lg-3 button.media-select2+label{
	position: absolute !important;
	top: 0;
	left: calc(50% - 116px);
	width: 150px;
	height: 150px;
	background: rgba(0,0,0,0.4);
	color: #fff;
	display: flex !important;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.2s;
	cursor: pointer;
	padding: 0 !important;
	margin: 0;
}
.kantan2 .col-lg-3 button.media-select2+label{
	left: calc(50% - 75px);
}
.kantan2 .eyecatch-body td label:before,
.kantan2 .eyecatch-body td label:after{
	display: none !important;
}
.kantan2 .eyecatch-body td label:hover,
.kantan2 .col-lg-3 button.media-select2+label:hover{
	opacity: 1;
}
.kantan2 .eyecatch-body td img[src=""]~label,
.kantan2 .col-lg-3 img[src=""]~label{
	display: none !important;
}
.kantan2 .eyecatch-body input[type="checkbox"]:checked+img,
.kantan2 .col-lg-3 input[type="checkbox"]:checked+img{
	display: none !important;
}
.kantan2 .eyecatch-body input[type="checkbox"]:checked~label,
.kantan2 .col-lg-3 input[type="checkbox"]:checked~button.media-select2+label{
	display: none !important;
}
@media screen and (max-width: 1470px){
	.kantan2 .eyecatch-body td{
		padding-bottom: 5px !important;
	}
	.kantan2 .eyecatch-body td .work-space{
		flex-direction: column;
	}
	.kantan2 .eyecatch-body td img{
		margin-bottom: 10px !important;
	}
	.kantan2 .eyecatch-body td label{
		left: calc(50% - 75px);
	}
}
@media screen and (max-width: 1200px){
	.kantan2 .col-lg-3 .work-space{
		flex-direction: row;
		justify-content: flex-start;
	}
	.kantan2 .col-lg-3 button.media-select2+label{
		left: 0;
	}
}
@media screen and (max-width: 660px){
	.kantan2 .eyecatch-body td label,
	.kantan2 .col-lg-3 button.media-select2+label{
		opacity: 1;
	}
}
@media screen and (max-width: 600px){
	.kantan2 .eyecatch-body td{
		padding: 8px 5px 5px !important;
	}
	.kantan2 .eyecatch-body td img{
		width: 20vw !important;
		height: 20vw !important;
	}
	.kantan2 .eyecatch-body td label{
		left: calc(50% - 10vw);
		width: 20vw;
		height: 20vw;
	}
}
@media screen and (max-width: 400px){
	.kantan2 .col-lg-3 #upload_image{
		width: 100px !important;
		height: 100px !important;
		max-height: 100px !important;
	}
	.kantan2 .col-lg-3 button.media-select2+label{
		width: 100px;
		height: 100px;
	}
}

/*-----*/

#dxtool table.ui-sortable th{
	width: 280px;
}
#dxtool table:not(.ui-sortable) thead{
	word-break: keep-all;
}
#dxtool table:not(.ui-sortable) tbody{
	text-align: center;
}
#dxtool table:not(.ui-sortable) tbody td{
	word-break: keep-all;
}
#dxtool table:not(.ui-sortable) tbody td:nth-of-type(4){
	text-align: left;
	word-break: break-all;
}
#dxtool table:not(.ui-sortable)+.text-right .pagination{
	margin-top: 0;
}
#dxtool textarea{
	margin-bottom: 15px;
}
@media screen and (max-width: 650px){
	#dxtool table.ui-sortable th{
		width: 150px;
	}
	#dxtool table:not(.ui-sortable) thead{
		display: none;
	}
	#dxtool table:not(.ui-sortable),
	#dxtool table:not(.ui-sortable) tbody,
	#dxtool table:not(.ui-sortable) tbody tr,
	#dxtool table:not(.ui-sortable) tbody td{
		display: block;
	}
	#dxtool table:not(.ui-sortable) tbody tr{
		border-top: 1px solid #ddd !important;
		border-left: 1px solid #ddd !important;
		display: flex;
		width: 100%;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	#dxtool table:not(.ui-sortable) tbody td{
		border: none !important;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
		word-break: break-all;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(1){
		width: 140px;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(2){
		width: 50px;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(3){
		width: 50px;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(4){
		padding-top: 0;
		width: 100%;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(5){
		padding-top: 0;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(6){
		padding-top: 0;
	}
}

/* 埋め込みパーツメディアモーダル */

#imagesModal2{
	overflow: hidden;
	letter-spacing: 0.02rem;
	font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif
}
#imagesModal2 .modal-dialog{
	overflow: hidden;
	height: 80%;
	display: flex;
	align-items: stretch;
	justify-content: center;
}
#imagesModal2 .modal-content{
	width: 100%;
}
#imagesModal2 .modal-header{
	position: relative;
	background: #2d3a4d !important;
	padding: 5px 10px;
	line-height: 1.2;
	text-align: left;
	color: #fff;
	font-weight: 600;
	display: flex !important;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	min-height: 49px;
}
#imagesModal2 .modal-header>button{
	position: absolute;
	top: 9px;
	right: 10px;
	opacity: 1;
}
#imagesModal2 .modal-header>button span{
	font-weight: normal;
	text-shadow: none;
	box-sizing: content-box;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	font-weight: normal;
	background: #d9534f;
	padding: 0 8px;
	font-size: 1.4rem;
	width: 90px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}
#imagesModal2 .modal-header>h4{
	font-size: 1.65rem;
	font-weight: bold;
}
#imagesModal2 .img_modal_list_step{
	position: relative;
}
#imagesModal2 .work-space-wrap{
	background: #f5f7f9;
	padding: 15px 20px;
	width: 100%;
}
#imagesModal2 .modal-body.work-space{
}
#imagesModal2 .modal-body.work-space>.col-xs-12:first-child{
	width: calc(100% + 40px);
	margin-left: -20px;
	padding: 0 20px 15px;
	position: relative;
	margin-bottom: 20px;
}
#imagesModal2 .modal-body.work-space>.col-xs-12:first-child:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	box-sizing: border-box;
	border-top: 1px solid #e6eaed;
	border-bottom: 1px solid #fcfcfd;
	position: absolute;
	bottom: 0;
	left: 0;
}
#imagesModal2 .modal-body .media-image{
	width: calc(20% - 10px) !important;
	box-sizing: border-box;
}
#imagesModal2 .modal-body .media-image:hover{
	background-color: #f0f0f0;
}
/*#imagesModal2 .select:after{
	pointer-events: none;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 2px);

	right: 10px;
}*/
#imagesModal2 select#imageCategories:focus{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
}
#imagesModal2 select#imageCategories{
	cursor: pointer;
	appearance: none;
	background: #fff;
	padding: 10px 20px 10px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: none;
	letter-spacing: 1px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	min-width: 120px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 100%;
	height: auto;
	line-height: normal;
	border-radius: 0;
	margin: 0;
}
#imagesModal2 select#imageCategories option{
	padding: 5px;
	border: none;
}
#imagesModal2 .work-space-wrap>form#lp-create-form3,
#imagesModal2 .work-space-wrap>button.upload-button{
	position: absolute;
	top: 9px;
	right: 25px;
	float: none;
	padding: 0;
	width: auto;
	z-index: 2;
}
#imagesModal2 .work-space-wrap>form#lp-create-form3 label,
#imagesModal2 .work-space-wrap>button.upload-button{
	padding: 0;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	padding: 7px 10px;
	border-radius: 3px;
	background: #3bc7dc;
	color: #fff;
	margin: 7.5px 5px 7.5px 0;
	cursor: pointer;
}
#imagesModal2 .work-space-wrap>form#lp-create-form3 label:hover,
#imagesModal2 .work-space-wrap>button.upload-button:hover,
.images-upload:hover{
	background: #1793a5;
}
#imagesModal2 .modal-body.work-space nav{
	clear: both;
	float: none;
	text-align: center;
}
@media screen and (max-width: 992px){
	#imagesModal2 .modal-body .media-image{
		width: calc(25% - 10px) !important;
	}
}
@media screen and (max-width: 600px){
	#imagesModal2 .modal-body{
		padding: 5px 5px 30px 5px;
	}
	#imagesModal2 .modal-body .media-image{
		width: calc(33.3% - 10px) !important;
	}
}
@media screen and (max-width: 460px){
	#imagesModal2 .modal-body .media-image{
		width: calc(50% - 10px) !important;
	}
}

.sp_table{
	overflow: scroll;
	width: 100%;
	height: auto;
}
.sp_table table{
	min-width: 630px;
}

/* ビジネス情報 */

#business .input-group-btn{
	display: inline-block;
}
#business_catSearch #business_catList option{
	padding: 5px;
}
#business_catGroup .business_catItem,
#business_serviceGroup .business_serviceItem{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	color: #31708f;
	margin: 2.5px 5px 2.5px 0;
	background: #d9edf7;
	border: 1px solid #bce8f1;
	border-radius: 2px;
	font-size: 1.2rem;
	padding: 3px;
}
#business_catGroup .business_catItem .glyphicon,
#business_serviceGroup .business_serviceItem .glyphicon,
#business_linkGroup .business_linkItem .glyphicon{
  cursor: pointer;
  padding-right: 5px;
}
#business_linkGroup{
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
}
#business_linkGroup .business_linkItem input[type="radio"]{
	margin: 0 3px 0 0;
}
#business_linkGroup .glyphicon{
	color: #31708f;
	font-size: 1.2rem;
	padding: 4px 4px 4px 0;
}
#business_linkGroup .business_linkItem label{
	font-weight: normal;
	margin: 0;
}
#business_linkGroup .business_linkItem{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 5px;
	border-top: 1px solid #ddd;
}
#business_linkGroup .business_linkItem>*{
	display: block;
}
#business_linkGroup .business_linkItem label{
	margin: 0 0 0 auto;
}
#business_linkGroup .business_linkItem label:after{
	content: "優先";
	font-size: 1.2rem;
	padding-right: 5px;
}
#business_location{
	width: 100%;	
}
#business_locationCount{
	text-align: right;
	font-size: 1.2rem;
	padding-top: 5px;
}
#business_time dl,
#business_special dl{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 100%;
}
#business_time dl:last-child,
#business_special dl:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#business_time dl dt{
	width: 50px;
}
#business_time dl dt+dd{
	/*width: 80px;*//*230214*/
	text-align: left;
}
#business_time dl dt+dd label{
	margin-bottom: 0;
}
#business_time dl dd.disabled{
	pointer-events: none;
	opacity: 0.5;
}
#business_time dl dd:last-child,
#business_special dl dd:last-child{
	margin: 0 0 0 auto;
}
#business_time .glyphicon-plus,
#business_special .glyphicon-plus{
	color: #31708f;
	margin-left: 3px;
	cursor: pointer;
}
#business_time .glyphicon-remove,
#business_special .glyphicon-remove{
	color: #d9534f;
	margin-right: 3px;
	cursor: pointer;
}
#business_time .glyphicon-share-alt,
#business_special .glyphicon-share-alt{
	color: #31708f;
	transform: rotate(90deg);
	margin: 0 5px;
	cursor: pointer;
}
#business_time dd .form-inline:nth-of-type(1):nth-last-of-type(3) .glyphicon-plus,
#business_time dd .form-inline:nth-of-type(2):nth-last-of-type(2) .glyphicon-plus,
#business_time dd .form-inline:nth-of-type(3):nth-last-of-type(1) .glyphicon-plus,
#business_time dd .form-inline:nth-of-type(1):nth-last-of-type(1) .glyphicon-remove,
#business_special dd .form-inline:nth-of-type(1):nth-last-of-type(3) .glyphicon-plus,
#business_special dd .form-inline:nth-of-type(2):nth-last-of-type(2) .glyphicon-plus,
#business_special dd .form-inline:nth-of-type(3):nth-last-of-type(1) .glyphicon-plus,
#business_special dd .form-inline:nth-of-type(1):nth-last-of-type(1) .glyphicon-remove{
	display: none;
}
#business_time dd select,
#business_special dd select{
	width: 90px;
}
#business_special dl dt{
	width: 155px;
	padding-right: 10px;
}
#business_special dl dt input[type="date"]{
	margin-bottom: 0;
}
#business_special dl dt select{
	width: 100%;
}
#business_special dl dd:nth-of-type(1) .glyphicon-remove{
	margin-right: 8px;
}
#business_special dl:nth-of-type(1):nth-last-of-type(1) dd:nth-of-type(1) .glyphicon-remove{
	display: none;
}
@media screen and (max-width: 992px){
	#business_time dd select,
	#business_special dd select{
		display: inline-block;
	}
}
@media screen and (max-width: 660px){
	#business_special dl{
		display: block;
	}
	#business_special dd{
		display: inline-block;
	}
}
@media screen and (max-width: 660px){
	#business_time dl{
		display: block;
	}
	#business_time dt{
		display: inline-block;
	}
	#business_time dd{
		display: inline-block;
	}
	#business_time dt+dd{
		width: calc(100% - 100px) !important;

	}
}

#table_attribute td dl{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}
#table_attribute td dl:last-child{
	border-bottom: none;
}
#table_attribute td dt{
	font-weight: normal;
	min-width: 140px;
}
#table_attribute td dd{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
#table_attribute td dd.select{
	width: 120px;
}
#table_attribute select{
	width: auto;
	margin: 5px 0 5px auto;
}
@media screen and (max-width: 550px){
	#table_attribute td dl{
		display: block;
	}
	#table_attribute td dt,
	#table_attribute td dd{
		width: 100% !important;
	}
	#table_attribute td dt{
		padding-top: 5px;
	}
}

.accordionSet{
	margin-bottom: 20px;
}
.accordionToggleTop,
.accordionToggleBottom{
	cursor: pointer;
}
.accordionToggleTop:hover,
.accordionToggleBottom:hover{
	color: #5867c3;
}
.accordionToggleBottom{
	border: 1px solid #ddd;
	line-height: 40px;
	text-align: center;
	display: block;
	width: 100%;
	background: #f9f9f9;
}
.accordionToggleBottom:hover{
	background: #f5f5f5;
}
.accordionToggleTop:after,
.accordionToggleBottom:after{
	content: " +";
	color: #5867c3;
}
.accordionSet.open .accordionToggleTop:after,
.accordionSet.open .accordionToggleBottom:after{
	content: " -";
}
.accordionSet.open .accordionToggleBottom{
	border-top-color: #f9f9f9;
}
.accordion{
	overflow: hidden;
	display: none;
	opacity: 0;
	transition: 0.4s opacity ease-in-out;
}
.accordionSet.open .accordion{
	opacity: 1;
}
.accordion>*:last-child{
	margin-bottom: 0;
}

/*------------------------------------*/
/*------------▼for SP----------------*/
/*------------------------------------*/

@media screen and (max-width: 550px){
		
	/*base*/
	
	#sortable-table thead,
	#dataTables-example thead{
		display: none;
	}
	#sortable-table,
	#dataTables-example{
		display: block;
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd !important;
		border-right: 1px solid #ddd;
	}
	#sortable-table tbody,
	#dataTables-example tbody{
		display: block;
	}
	#sortable-table tr,
	#dataTables-example tr{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #ddd;
		background: #fff !important;
	}
	#sortable-table tr>*:last-child,
	#dataTables-example tr>*:last-child{
		border-bottom: none !important;
	}
	#sortable-table tr>*,
	#dataTables-example tr>*{
		border-top: none !important;
	}
	#sortable-table th,
	#sortable-table td,
	#dataTables-example th,
	#dataTables-example td{
		display: block;
		border: none !important;
		margin: 0;
		width: 100%;
		box-sizing: border-box;
	}
	#sortable-table .btn,
	#dataTables-example .btn{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.checkbox-inline,
	.radio-inline{
		margin-left: 0 !important;
		margin-right: 10px;
	}
	#sortable-table td img,
	#dataTables-example td img{
		max-width: 200px !important;
		width: 80% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	/*ボタン*/
	
	#sortable-table td.text-center:nth-last-child(-n+2),
	#dataTables-example td.text-center:nth-last-child(-n+2){
		margin-left: auto;
		margin-right: auto;
		width: 50% !important;
		border-bottom: none !important;
		border-top: 1px dotted #ddd !important;
	}
	#sortable-table td.text-center+td.text-center,
	#dataTables-example td.text-center+td.text-center{
		border-left: 1px dotted #ddd !important;
	}
	
	/*見出し*/
	
	#sortable-table tr>*:first-child,
	#dataTables-example tr>*:first-child{
		width: 100%;
		font-weight: bold;
		border-bottom: 1px dotted #ddd !important;
		background: #f9f9f9;
		text-align: center;
	}
	#sortable-table .form-control+td,
	#dataTables-example .form-control+td{
		border-bottom: 1px dotted #ddd !important;
		background: #f9f9f9;
		font-weight: bold !important;
		text-align: center;
	}
	
	/*ギャラリー一覧 求人情報一覧 お問い合わせフォーム一覧 カテゴリー一覧 タグ一覧 */
	
	#sortable-table .form-control[name="Galleries[sort]"]~td.text-center,
	#sortable-table .form-control[name="Recruits[id]"]~td.text-center,
	#sortable-table .form-control[name="Contacts[id]"]~td.text-center{
		width: 33.3% !important;
		border-top: 1px dotted #ddd !important;
	}
	#sortable-table td.text-center:nth-of-type(4):nth-last-child(4){
		width: 100% !important;
	}
	
	#sortable-table .form-control[name="Galleries[sort]"]+td,
	#sortable-table .form-control[name="Tags[id]"]+td,
	#sortable-table .form-control[name="Recruits[id]"]+td,
	#sortable-table .form-control[name="BlogCategories[sort]"]+td,
	#sortable-table .form-control[name="ColumnCategories[id]"]+td,
	#sortable-table .form-control[name="NewsCategories[id]"]+td{
		width: 44px;
	}
	#sortable-table .form-control[name="Galleries[sort]"]+td+td,
	#sortable-table .form-control[name="Tags[id]"]+td+td,
	#sortable-table .form-control[name="Recruits[id]"]+td+td,
	#sortable-table .form-control[name="BlogCategories[sort]"]+td+td,
	#sortable-table .form-control[name="ColumnCategories[id]"]+td+td,
	#sortable-table .form-control[name="NewsCategories[id]"]+td+td{
		width: calc(100% - 44px);
		font-weight: bold !important;
		border-bottom: 1px dotted #ddd !important;
		background: #f9f9f9;
	}
	#sortable-table .form-control[name="BlogCategories[sort]"]~td:nth-last-child(-n+2),
	#sortable-table .form-control[name="ColumnCategories[id]"]~td:nth-last-child(-n+2),
	#sortable-table .form-control[name="NewsCategories[id]"]~td:nth-last-child(-n+2){
		margin-left: auto;
		margin-right: auto;
		width: 50% !important;
		border-bottom: none !important;
		border-top: 1px dotted #ddd !important;
	}
	
	/*設定-デザイン*/
	
	#sortable-table td div.form-inline,
	#dataTables-example td div.form-inline{
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	#sortable-table td div.form-inline .form-group,
	#dataTables-example td div.form-inline .form-group{
		margin-right: 10px;
		width: 100%;
	}
	#sortable-table td div.form-inline .form-group[style*="width: 30%"],
	#dataTables-example td div.form-inline .form-group[style*="width: 30%"]{
		width: 48% !important;
		margin-right: 0;
	}
	#sortable-table td div.form-inline .form-group[style*="width: 30%"]:nth-child(2n-1),
	#dataTables-example td div.form-inline .form-group[style*="width: 30%"]:nth-child(2n-1){
		margin-left: 4%;
	}
	
	/*顧客一覧*/
	
	#dxtool>.row:nth-of-type(1) .table.table-bordered .form-control[name="DxClients[id]"]+td,
	#dxtool>.row:nth-of-type(1) .table.table-bordered .form-control[name="DxClients[id]"]+td+td{
		width: auto !important;
		border-bottom: 1px dotted #ddd !important;
		background: #f9f9f9;
	}
	#dxtool>.row:nth-of-type(1) .table.table-bordered .form-control[name="DxClients[id]"]+td+td{
		flex-grow: 1;
	}
	#dxtool>.row:nth-of-type(1) .table.table-bordered .form-control[name="DxClients[id]"]~td.text-center{
		width: 100% !important;
	}
	
	/*顧客詳細*/
	
	#dxtool>.row:nth-of-type(1) .table.ui-sortable th{
		width: 100%;
	}
	
	#dxtool table:not(.ui-sortable) tbody tr{
		position: relative;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(1){
		width: 100%;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(2){
		width: auto;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(2):before{
		content: "ステータス：";
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(3){
		width: auto;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(3):before{
		content: "種別：";
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(4){
		width: 100%;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(5){
		width: 100%;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(6){
		width: auto;
		position: absolute;
		top: 8px;
		right: 5px;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(7){
		width: 100%;
	}
	#dxtool table:not(.ui-sortable) tbody td:nth-of-type(7) a{
		margin-left: auto;
		margin-right: auto;
	}
	
	/*Google My Business 企業・店舗一覧*/
	
	#sortable-table.stores-table td:nth-of-type(2):nth-last-child(5):before{
		content: "Place ID：";
	}
	
	/*リダイレクト設定*/
	
	#dataTables-example.redirects-table td:nth-of-type(1){
		text-align: left;
	}
	#dataTables-example.redirects-table td:nth-of-type(1):before{
		content: "リダイレクト元：";
	}
	#dataTables-example.redirects-table td:nth-of-type(2):before{
		content: "リダイレクト先：";
	}
	#dataTables-example.redirects-table td:nth-of-type(3):before{
		content: "ステータスコード：";
	}
}

/*------------------------------------*/
/*------------▲for SP----------------*/
/*------------------------------------*/

/*------------pagination(/webroot/newpages/css/edit.css)-------------*/

#img_modal nav{
	text-align: center;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 15px 0;
  border-radius: 4px;
  text-align: center;
}

.pagination > li {
  display: inline;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span{
  margin-left: 0;
}
.pagination > li > a,
.pagination > li > span {
  border-radius: 0 !important;
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #2c3a4e;
  border-color: #2c3a4e;
  color: #fff !important;
}



.pagination > li:nth-of-type(n+8):nth-last-child(n+8){
	display: none;	
}
.pagination > li:nth-of-type(n+9):nth-last-child(7):before{
	content: "…";
	float: left;
	width: 34px;
	height: 34px;
	line-height: 26px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.pagination > li:nth-of-type(n+9):nth-last-child(n+7).active:before{
	content: "…";
	float: left;
	width: 34px;
	height: 34px;
	line-height: 26px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}
.pagination > li:nth-of-type(n+9):nth-last-child(8).active+li:before{
	display: none;
}
@media screen and (max-width: 992px){
	.pagination > li:nth-of-type(n+5):nth-last-child(n+5){
		display: none;	
	}
	.pagination > li:nth-of-type(n+6):nth-last-child(n+4):before{
		content: "…";
		float: left;
		width: 34px;
		height: 34px;
		line-height: 26px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.pagination > li:nth-of-type(n+6):nth-last-child(n+4).active:before{
		content: "…";
		float: left;
		width: 34px;
		height: 34px;
		line-height: 26px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.pagination > li:nth-of-type(n+6):nth-last-child(5).active+li:before{
		display: none;
	}
}
@media screen and (max-width: 480px){
	.pagination > li:nth-of-type(n+3):nth-last-child(n+3){
		display: none;	
	}
	.pagination > li:nth-of-type(n+4):nth-last-child(n+2):before{
		content: "…";
		float: left;
		width: 34px;
		height: 34px;
		line-height: 26px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.pagination > li:nth-of-type(n+4):nth-last-child(n+2).active:before{
		content: "…";
		float: left;
		width: 34px;
		height: 34px;
		line-height: 26px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		text-align: center;
	}
	.pagination > li:nth-of-type(n+4):nth-last-child(3).active+li:before{
		display: none;
	}
}
.pagination > li.active{
	display: inline !important;
}

/* リッチリザルト */

#rich-results_menu dl{
	margin: 0 0 10px;
	margin-bottom: 0;
	display: block;
	border-top: 1px solid #ddd;
}
#rich-results_menu dl:last-child{
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
}
#rich-results_menu dt{
	padding: 10px 0 10px 30px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 44px;
}
#rich-results_menu dt i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 44px;
	text-align: center;
	position: absolute;
	top: calc(50% - 22px);
	left: -3px;
	line-height: 1;
	font-size: 20px;
	font-weight: normal;
	cursor: pointer;
	transition: 0;
}
#rich-results_menu dt i:before{
	content: "+";
}
#rich-results_menu dl.open dt i{
	transform: translateY(-2px);
}
#rich-results_menu dl.open dt i:before{
	content: "-";
}
#rich-results_menu label,
#rich-results_menu input{
	margin: 0;
	display: inline-block;
}
#rich-results_menu label{
	padding-left: 5px;
}
#rich-results_menu dt label{
	max-width: calc(100% - 20px);
}
#rich-results_menu dd{
	display: none;
}
#rich-results_menu dl.open dd{
	display: block;
	padding: 0 0 5px 30px;
}
#rich-results_menu ul{
	display: block;
	padding: 0;
	margin: 0;
}
#rich-results_menu ul li{
	list-style: none;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}

/* chatGPT */

#keyword_area,
#theme_area{
	display: none;
}
#mainword_area button{
	margin-left: 10px;
}
#keyword_area td{
	padding: 7px 4px;
}
#keyword_area .form-group span:empty{
	display: none;
}
#keyword_area .form-group span{
	display: inline-block;
	padding: 2px 7px;
	border-radius: 30px;
	background: #d9edf7;
	border: 1px solid #bce8f1;
	color: #31708f;
	margin: 4px;
	cursor: pointer
}
#keyword_area .form-group span:hover{
	background: #c7dde8;
}
.ailoading{
	display: block !important;
}
.ailoading img{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}

/* AI title discription */
/* edit.css */

.item.ai .mcount{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.item.ai .mcount .help-block{
	white-space: nowrap;
	padding-left: 5px;
}
.item.ai .disabled{
	pointer-events: none;
	position: relative;
}
.item.ai .disabled:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(220,220,220,0.6);
	position: absolute;
	top: 0;
	left: 0;
}

/* clarity */

#clarity{
	margin: -20px auto 20px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
#clarity a{
	display: block;
	box-sizing: border-box;
	overflow: hidden;
}
#clarity a#clarity1{
	background: url(/common/images/clarity_bg1.jpg) 50% 50% no-repeat;
	background-size: cover;
	width: 50%;
}
#clarity a#clarity2{
	width: calc(50% - 20px);
	background: url(/common/images/clarity_bg2.gif) 50% 100% no-repeat;
	background-size: 100% 100%;
	border: 1px solid #ddd;
}
#clarity a img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media screen and (max-width: 620px){
	#clarity{
		display: block;
	}
	#clarity a{
		width: 100% !important;
	}
	#clarity a#clarity1{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 500px){
	#clarity a img{
		max-width: none;
		width: 120%;
		margin-left: -10%;
	}
}
#clarityguide a#clarity1{
	width: 100%;
	margin: 20px auto 0;
}

/*-------------------------------------------------------------------*/
/*-------------------------------追加設定-------------------------------*/
/*-------------------------------------------------------------------*/

#facebook_modal input[type="radio"],
#facebook_modal input[type="checkbox"]{
	display: none;
	margin: 0;
}
#facebook_modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1000;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#facebook_modal .wrapper{
	position: relative;
	z-index: 2;
	width: 90%;
	max-width: 800px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	transition: 0.4s;
	transition-property: opacity;
}
@media screen and (max-height: 600px){
	#facebook_modal .wrapper{
		min-height: calc(100% - 20px);
	}
}
@media screen and (max-height: 400px){
	#facebook_modal .wrapper{
		min-height: calc(100% - 10px);
	}
}
#facebook_modal #contents{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: space-between;
	background: #f5f7f9;
}
#facebook_modal #contents .modal_header{
	width: 100%;
	line-height: 1.2;
	padding: 5px 10px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	text-align: left;
	height: 50px;
	background: #233b5f; /* Old browsers */
	background: -moz-linear-gradient(left,  #233b5f 0%, #313945 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #233b5f 0%,#313945 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #233b5f 0%,#313945 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#233b5f', endColorstr='#313945',GradientType=1 ); /* IE6-9 */
	color: #fff;
	font-weight: 600;
	margin-bottom: 0;
}
#facebook_modal #contents .modal_header i{
	font-style: normal;
	display: block;
}
#facebook_modal #contents .modal_header span{
	margin-right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	font-weight: normal;
	background: #3bc7dc;
	padding: 0 8px;
	font-size: 1.4rem;
	width: 90px;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}
#facebook_modal #contents .modal_header .modal_header_btn.cancel{
	margin-left: auto;
	margin-right: 10px;
	background: #d9534f;
}
#facebook_modal #contents .modal_header .modal_header_btn:hover{
	background: #1793a5;
}
#facebook_modal #contents .modal_header .modal_header_btn.cancel:hover{
	background: #c9302c;
}
@media screen and (max-width: 450px){
	#facebook_modal #contents .modal_header{
		justify-content: center;
	}
	#facebook_modal #contents .modal_header i{
		display: none;
	}
	#facebook_modal #contents .modal_header span{
		margin: 0 5px !important;
	}
}
#facebook_modal .wrap{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;

	justify-content: flex-start;
	overflow: auto;
	max-height: 70vh;
	box-sizing: border-box;
	padding-bottom: 10px;
}
#facebook_modal .wrap h3{
	line-height: 1.3;
	color: #333;
	font-size: 1.2rem;
	border-top: 2px solid #e6eaed;
	margin-bottom: 15px;
	margin-top: 0;
}
#facebook_modal .wrap h3 span{
	display: inline-table;
	padding: 5px 10px;
	background: #e6eaed;
}
#facebook_modal .wrap .item{
	padding: 20px 20px 15px;
	font-size: 1.4rem;
	line-height: 1.6;
	border-bottom: 1px solid #e6eaed;
	box-shadow: 0 1px 0 #fff;
}
#facebook_modal .wrap .item:last-child{
	border-bottom: none;
	box-shadow: none;
}
#facebook_modal .wrap h3+.item{
	padding-top: 0;
}
#facebook_modal .wrap .item>p:first-child{
	font-weight: 600;
	margin-bottom: 5px;
}
#facebook_modal .help-block{
	opacity: 0.8;
	font-size: 1.30rem;
	margin-bottom: 10px;
}
#facebook_modal .help-block:last-child{
	margin-bottom: 0;
}
#facebook_modal .text-right{
	text-align: right;
}
#facebook_modal p:last-child{
	margin-bottom: 0;
}

/* AI title discription */
/* lambda.css */

#facebook_modal p[class*="mcount_title"],
#facebook_modal p[class*="mcount_dis"]{
	width: 100%;
	font-size: 1.1rem;
	margin: 0 0 0 28px;
	opacity: 0.7;
}
#facebook_modal td>p[class*="mcount_title"]:first-child,
#facebook_modal td>p[class*="mcount_dis"]:first-child{
	margin-top: 5px;
}
#facebook_modal .mcount{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-bottom: 5px;
}
#facebook_modal .mcount:last-child{
	margin-bottom: 0;
}
#facebook_modal .mcount .help-block{
	white-space: nowrap;
	padding-left: 5px;
	width: 70px;
}
#facebook_modal .disabled{
	pointer-events: none;
	position: relative;
}
#facebook_modal .disabled:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(220,220,220,0.6);
	position: absolute;
	top: 0;
	left: 0;
}
#facebook_modal .mcount input[type="radio"]+label{
	align-self: stretch;
	margin-bottom: 0;
	padding-right: 5px !important;
	transform: translateY(3px);
}

/* form */

#facebook_modal input,
#facebook_modal textarea{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: none;
	letter-spacing: 1px;
	font-size: 1.3rem;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-appearance: none;
	font-size: 1.4rem;
	height: auto;
	border-radius: 0;
}
#facebook_modal input:focus,
#facebook_modal textarea:focus,
#facebook_modal select:focus{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
}
#facebook_modal input[type=radio],
#facebook_modal input[type=checkbox]{
	display: none;
	margin: 0;
}
#facebook_modal input[type=radio] + label:not([for*="block_header"]),
#facebook_modal input[type=checkbox] + label:not([for*="block_header"]){
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 7px 15px 10px 22px;
}
#facebook_modal input[type=radio] + label::before,
#facebook_modal input[type=checkbox] + label::before{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background: #FFF;
	border: 1px solid #ddd;
}
#facebook_modal input[type=radio] + label::before{
	border-radius: 30px;
}
#facebook_modal input[type=radio]:checked + label::after,
#facebook_modal input[type=checkbox]:checked + label::after{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	background: #3bc7dc;
	margin-top: -5px;
	left: 4px;
	width: 9px;
	height: 9px;
}
#facebook_modal input[type=radio]:checked + label::after{
	border-radius: 100%;
}
#facebook_modal input[type=radio]:disabled + label,
#facebook_modal input[type=checkbox]:disabled + label{
	opacity: 0.5;
	cursor: not-allowed;
}
#facebook_modal .table-striped > tbody > tr:nth-of-type(2n+1){
	background: rgba(0,0,0,0.04);
}
#facebook_modal .table-bordered{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#facebook_modal table.table-bordered tbody th,
#facebook_modal table.table-bordered tbody td{
	vertical-align: middle;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 8px;
}
/*@media screen and (max-width: 560px){*/
	#facebook_modal .table-bordered{
		display: block;
	}
	#facebook_modal table.table-bordered thead,
	#facebook_modal table.table-bordered tbody,
	#facebook_modal table.table-bordered tfoot,
	#facebook_modal table.table-bordered tr,
	#facebook_modal table.table-bordered th,
	#facebook_modal table.table-bordered td{
		box-sizing: border-box;
		display: block;
		width: 100%;
		background-color: transparent !important;
	}
	#facebook_modal table.table-bordered th{	
		background: rgba(0,0,0,0.04) !important;
	}
/*}*/
#facebook_modal .st{
	font-weight: bold;
	margin: 15px 0 5px;
}
#facebook_modal .st:first-child{
	margin-top: 5px;
}
#facebook_modal label{
	font-weight: normal;
}
#facebook_modal label:last-child{
	margin-bottom: 0;
}
#facebook_modal #snsbtn{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
#facebook_modal .fb-share-button{
	display: flex;
	align-items: center;
	transform: scale(1.15);
	width: 74px;
}
#facebook_modal .twitter-share-button{
	overflow: hidden;
	box-sizing: content-box;
	margin-left: 25px;
}
#facebook_modal #generate_btn,
#indexing_btn{
	text-align: center;
	padding: 0;
	width: 100%;
	margin-bottom: 10px;
}
#facebook_modal #generate_btn a,
#indexing_btn a{
	display: inline-block;
	max-width: 90%;
	background: #3bc7dc;
	font-size: 1.4rem;
	padding: 9px 10px 9px 15px;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}
#facebook_modal #generate_btn a:hover,
#indexing_btn a:hover{
	background: #1793a5;
}
#facebook_modal .credit_residue{
	text-align: center;
	margin: -5px 0 7px;
}

#facebook_modal a[href*="facebook.com/share.php"],
#facebook_modal a[href*="twitter.com/share"],
#facebook_modal a[href*="twitter.com/intent"]{
	display: flex;
	align-items: center;
	color: #fff;
	margin: 0 10px;
	padding: 5px 20px;
	border-radius: 4px;
	text-decoration: none !important;
}
#facebook_modal a[href*="facebook.com/share.php"]{
	background: #0862f7;
}
#facebook_modal a[href*="twitter.com/share"],
#facebook_modal a[href*="twitter.com/intent"]{
	background: #000;
}
#facebook_modal a[href*="facebook.com/share.php"] img,
#facebook_modal a[href*="twitter.com/share"] img,
#facebook_modal a[href*="twitter.com/intent"] img{
	margin-right: 5px;
	display: inline-block;
	height: auto;
}
#facebook_modal a[href*="facebook.com/share.php"] img{
	width: 12px;
}
#facebook_modal a[href*="twitter.com/share"] img,
#facebook_modal a[href*="twitter.com/intent"] img{
	width: 20px;
}

#facebook_modal #ai_item.item.loading .outer{
	position: relative;
}
#facebook_modal #ai_item.item .outer:after{
	transition: 0.3s ease-in-out;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(220,220,220,0.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
}
#facebook_modal #ai_item.item.loading .outer:after{
	opacity: 1;
	pointer-events: auto;
}
#facebook_modal #ai_item.item.loading #generate_btn{
	pointer-events: none;
	opacity: 0.7;
}
#facebook_modal .outer{
	position: relative;
}
#facebook_modal .outer .loadouter{
	transition: 0.3s ease-in-out;
	opacity: 0;
}
#facebook_modal .loading .outer .loadouter{
	opacity: 1;
}
#facebook_modal .outer .loader{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	animation: spin 0.75s infinite linear;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	display: block;
	z-index: 3;
	pointer-events: none;
}
#facebook_modal .outer .loader::before,
#facebook_modal .outer .loader::after{
	left: -2px;
	top: -2px;
	display: none;
	position: absolute;
	content: '';
	width: inherit;
	height: inherit;
	border: inherit;
	border-radius: inherit;
}
#facebook_modal .outer .loader,
#facebook_modal .outer .loader::before{
	display: inline-block;
	border: 2px solid #55d8e8;
	border-bottom-color: transparent !important;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
}
#facebook_modal .outer .loader::before{
	animation: spin 1.5s infinite ease;
}
#facebook_modal hr{
	margin: 10px 0;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}

}

.modal-backdrop:empty{
	display: none;
}

#facebook_modal #index_item .loading{
	text-align: center;
	color: #777;
}
#facebook_modal #index_item .loading img{
	width: 30px;
	height: 30px;
	display: block;
	margin: 10px auto 10px;
}
#facebook_modal #index_item .done,
#facebook_modal #index_item .error{
	display: none;
}

/*---------uaga4toggle-----------*/

#uaga4toggle{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 25px;
	margin-top: 15px;
}
#uaga4toggle p{
	width: 120px;
	margin: 0;
}
#uaga4toggle ul{
	display: flex;
	align-items: stretch;
	justify-content: center;
	max-width: 280px;
	width: calc(100% - 150px);
	border: #293a54 1px solid;
	border-radius: 3px;
	padding: 0;
	margin: 0;
}
#uaga4toggle ul li{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 50%;
	padding: 5px;
	cursor: pointer;
}
#uaga4toggle ul li+li{
	border-left: 1px solid #293a54;
}
#uaga4toggle ul li.active{
	background: #293a54 !important;
	color: #fff;
	font-weight: bold;
}
#uaga4toggle ul li:hover{
	background: #eee;
}
@media screen and (max-width: 992px){
	#dashboard_name{
		margin: 0;
	}
	#uaga4toggle{
		margin: 15px 0 25px;
	}
	#uaga4toggle p{
		width: 100px;
	}
}

/*---------chatbot-----------*/

#chatbot{
	position: relative;
	z-index: 1001;
}
.click-me {
	position: fixed;
	background: #313946;
	color: #fff;
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	width: 150px;
	height: 40px;
	border-radius: 100px;
	right: 15px;
	bottom: 70px;
}
.click-me img{
	display: block;
	width: 16px;
	transform: translateY(-2px);
}
.click-me p{
	margin-left: 5px;
	margin-bottom: 0;
}
.click-me svg{
	fill: #fff;
	width: 20px;
	height: 20px;
	padding: 0 5px 0 0 !important;
}
.click-me:hover{
	background: #2c333e;
}
.click-me:hover *{
	opacity: 0.7;
}
#chat_box {
	background: #fff;
	box-shadow: 2px 2px 15px rgba(0,0,0,0.1);
	border-radius: 9px;
	display: none;
	position: fixed;
	bottom: 70px;
	right: 15px;
	z-index: 200;
	width: 400px;
	overflow-y: hidden;
}
#chat_box:before{
	content: "ChatBotに質問";
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	color: #fff;
}
#chat_box p {
	background: #313946;
	color: #fff;
	text-align: right;
	margin: 0;
	padding: 8px 15px;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
}
#chat_box iframe {
	border: 0;
	height: 500px;
	width: 100%;
	display: block;
}
@media screen and (max-width:550px) {
	.click-me{
		bottom: 65px;
		right: 10px;
		width: 40px;
	}
	.click-me p{
		display: none;
	}
}
@media screen and (max-width:450px) {
	#chat_box {
		width: 92%;
		left: 4%;
	}
	#chat_box iframe {
		height: 50vh;
	}
}

/*------------------*/
/*-----mywriter-----*/
/*------------------*/

.aiwriterind{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.aiwriterind .col-lg-4{
	float: none;
	display: flex;
	align-items: stretch;
	width: 31%;
}
.aiwriterind .col-lg-4 .panel{
	position: relative;
	width: 100%;
}
.aiwriterind .panel-body {
	padding-bottom: 50px;
}
.aiwriterind .panel-body div.btn{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media screen and (max-width:1040px){
	.aiwriterind{

		display: block;
	}
	.aiwriterind .col-lg-4{
		width: 100%;
	}
}
@media screen and (max-width:1000px){
	.aiwriterind{
		padding: 0 20px;
	}
}

/*-----*/

#ai_generaters{
	max-width: 1200px;
}
#ai_generaters .fl{
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin-bottom: 50px;
}
#ai_generaters .fl_outer{
	width: 50%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	position: relative;
}
#ai_generaters .fl:has(#pro) .fl_outer{
	width: 33.3%;
}
#ai_generaters .fl_outer:not(#pro){
	padding: 15px 0;
}
#ai_generaters .fl_outer#pro{
	z-index: 2;
}
#ai_generaters .fl_outer#pro:after{
	content: "おすすめ！";
	position: absolute;
	top: -11px;
	right: 12px;
	background: #ffb400;
	font-size: 13px;
	line-height: 1;
	color: #000;
	padding: 5px 10px;
	font-weight: bold;
}
#ai_generaters .fl_inner{
	width: 100%;
	box-sizing: border-box;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border: 1px solid #ddd;
	border-right: none;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	overflow: hidden;
}
#ai_generaters #pro .fl_inner{
	border-radius: 15px;
	border: 2px solid #2b3a50;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2);
	background: #f5feff;
}
#ai_generaters #pro+.fl_outer .fl_inner,
#ai_generaters .fl:not(:has(#pro)) .fl_outer+.fl_outer .fl_inner{
	border-radius: 0;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-left: none;
	border-right: 1px solid #ddd;
}
#ai_generaters .fl:not(:has(#pro)) .fl_outer+.fl_outer .fl_inner{
	border-left: 1px solid #ddd;
}
#ai_generaters .fl_heading{
	background: #f5f5f5;
	text-align: center;
	padding: 20px 10px;
	font-size: 17px;
}
#ai_generaters #pro .fl_heading{
	color: #fff;
	background: linear-gradient(to right, #233b5f 0%,#313945 100%);
}
#ai_generaters .fl_outer:not(#pro) .fl_heading i.fa{
	color: #5bc0de;
}
#ai_generaters .fl_body{
	padding: 20px 20px 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#ai_generaters .fl_body>p{
	display: inline-block;
	text-align: left;
}
#ai_generaters .fl_body>p:first-child{
	height: 95px;
}
#ai_generaters .fl_outer:not(#pro) .fl_body>p:first-child{
	height: 80px;
}
#ai_generaters .fl_btn{
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
#ai_generaters .fl_btn>span{
	display:  block;
	text-align: center;
	padding-bottom: 10px;
	color: #777;
	font-weight: bold;
	line-height: 1.7;
}
#ai_generaters #pro .fl_btn>span{
	color: #ffb400;
}
#ai_generaters .fl_btn button{
	margin: 0 auto;
	min-width: 180px;
	padding: 12px 15px;
}
#ai_generaters .fl_btn+p{
	margin-bottom: 10px;
}
#ai_generaters .fl_body ul{
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#ai_generaters .fl_body ul li{
	padding-left: 17px;
	position: relative;
}
#ai_generaters .fl_body ul li:before{
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	border-bottom: 2px solid #5bc0de;
	border-right: 2px solid #5bc0de;
	position: absolute;
	top: 5px;
	left: 2px;
	transform: rotate(45deg);
}
#ai_generaters .fl_body ul li+li{
	margin-top: 10px;
}
@media screen and (max-width:990px){
	#ai_generaters{
		padding: 0 20px;
	}
}
@media screen and (max-width:750px){
	#ai_generaters .fl{
		flex-direction: column;
		margin-bottom: 0;
	}
	#ai_generaters .fl_outer{
		width: 100% !important;
		max-width: 500px;
		margin: 0 auto 30px;
	}
	#ai_generaters .fl_outer#pro{
		order: 1;
	}
	#ai_generaters .fl_outer:not(#pro){
		order: 2;
		padding: 0;
	}
	#ai_generaters .fl_body>p:first-child{
		height: auto !important;
		margin-bottom: 25px;
	}
	#ai_generaters .fl_inner{
		border-radius: 15px !important;
	}
	#ai_generaters .fl_outer:not(#pro) .fl_inner{
		border: 1px solid #ddd !important;
	}
}

/*-pro3番目-*/

@media screen and (min-width:751px){
	#ai_generaters .fl:has(#pro) .fl_outer{
		order: 1;
	}
	#ai_generaters .fl:has(#pro) .fl_outer#pro{
		order: 3;
	}
	#ai_generaters .fl:has(#pro) .fl_outer#pro+.fl_outer .fl_inner{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-left: 1px solid #ddd;
	}
}

/*-----*/

#mywriter .steps{
	display: flex;
	align-items: center;
	justify-content: space-around;
	text-align: center;
	width: 100%;
	padding: 0;
	counter-reset: number 0;
}
#mywriter .steps>div{
	margin: 0;
	font-size: 1.5rem;
	position: relative;
	margin: 0;
	flex-grow: 2;
	padding: 0 10px;
	color: #333;
	padding-bottom: 13px;
	padding-top: 15px;
	border-bottom: 2px solid rgba(0,0,0,0);
}
#mywriter .steps>div:nth-of-type(n+2):after{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: calc(50% - 6px);
	left: -4px;
	transform: rotate(-45deg);
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
}
#mywriter .steps .step4,
#mywriter .steps .step5,
#mywriter .steps .step6,
#mywriter .steps .step7{
	display: none;
}
#mywriter .steps>div i{
	font-style: normal;
	font-weight: bold;
	color: inherit;
}
#mywriter .steps>div p{
	margin-bottom: 0;
}
#mywriter .steps>div.ac{
	color: #5bc0de;
	font-weight: bold;
	border-bottom-color: #5bc0de;
}
@media screen and (max-width:700px){
	#mywriter .steps{
		display: none;
	}
}

#mywriter .sections{
	border-top: none;
	padding: 10px 10px 10px 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-bottom: 15px;
	counter-reset: number 0;
	max-width: 900px;
}
#mywriter section{
	padding: 0 0 30px 35px;
	position: relative;
}
#mywriter section:last-child{
	padding-bottom: 0;
}
#mywriter section:after{
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background: #bababa;
	position: absolute;
	top: 0;
	left: 12px;
	z-index: 1;
	border-radius: 5px;
	transition: 0.5s;
}
#mywriter section.active:after,
#mywriter section.fin:after{
	background: #2b3a51;
}
#mywriter .section_4,
#mywriter .section_5,
#mywriter .section_6,
#mywriter .section_7{
	display: none;
}

#mywriter h2{
	margin: 0 0 15px;
	position: relative;
	font-size: 16px;
	z-index: 2;
}
#mywriter h2:before{
	counter-increment: number 1;
	content: counter(number);
	background: #bababa;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 1;
	border-radius: 100px;
	position: absolute;
	top: -5px;
	left: -35px;
	font-size: 14px;
	transition: 0.5s;
	border: 2px solid #bababa;
}
#mywriter .active h2:before,
#mywriter .fin h2:before{
	background: #2b3a51;
	border: 2px solid #2b3a51;
}
#mywriter .fin h2:before,
#mywriter .section_9.active h2:before{
	content: "";
	background: #fff;
}
#mywriter .fin h2:after,
#mywriter .section_9.active h2:after{
	content: "";
	display: block;
	width: 6px;
	height: 10px;
	border-right: 2px solid #2b3a51;
	border-bottom: 2px solid #2b3a51;
	position: absolute;
	top: 1px;
	left: -26px;
	transform: rotate(45deg);
}
#mywriter h2 a{
	display: inline-block;
	font-size: 12px;
	color: #666;
	border: 1px solid #ccc;
	background: #f0f0f0;
	padding: 5px 10px;
	line-height: 1;
	font-weight: normal;
	margin-left: 15px;
	transform: translateY(-2px);
	pointer-events: none;
	opacity: 0;
	transition: 0.3s;
	border-radius: 20px;
}
#mywriter h2 a.ashow{
	pointer-events: auto;
	opacity: 1;
}
#mywriter.loading h2 a{
	opacity: 0 !important;
	pointer-events: none !important;
}
#mywriter .content{
	display: none;
	position: relative;
	overflow: hidden;
}
#mywriter .content:after{
	content: "";
	display: block;
	clear: both;
}
#mywriter .section_1 .content{
	display: block;
}
#mywriter .section_2:first-child .content{
	display: block;
}
#mywriter .section_2:first-child .content.con_gsc{
	display: none;
}
#mywriter .content .loadouter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: 0.3s;
	transition-delay: 1s;
	opacity: 0;
	z-index: 3;
}
#mywriter.loading .content .loadouter{
	pointer-events: auto;
	opacity: 1;
}
#mywriter .content .loadouter>div:nth-of-type(1){
	background: rgba(220,220,220,0.6) !important;
}

#mywriter table.gsc{
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#mywriter table.gsc tr{
	position: relative;
}
#mywriter table.gsc td{
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#mywriter table.gsc td:first-child{
	text-align: left;
}
#mywriter table.gsc tbody tr:hover td{
	background: #f5f5f5;
}
#mywriter table.gsc input[type="radio"]{
	margin-right: 15px;
}
#mywriter table.gsc label{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
}
#mywriter .content dl{
	margin-bottom: 0;
}
#mywriter .content dl+dl{
	margin-top: 20px;
}
#mywriter .content ol{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#mywriter .content ol li{
	display: block;
	padding: 3px 10px;
}
#mywriter .content ol li:not(.add)+li.add{
	padding-top: 6px;
}
#mywriter .content ol li.add:last-child{
	padding-bottom: 6px;
}
#mywriter .content ol li.add{
	background: #f5f5f5;
}
#mywriter .content ol label{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
}
#mywriter .content ol input[type="radio"]{
	margin-right: 10px;
}
#mywriter .content .re{
	display: block;
	text-align: right;
	padding-top: 10px;
}
#mywriter .content .next{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
}
#mywriter #set_kw .content .next{
	margin-top: 0;
	background: #f5f5f5;
	padding: 15px;
	margin-top: 15px;
}
#mywriter .content .skip{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	background: #f5f5f5;
	text-align: center;
	padding: 15px;
	margin-top: 15px;
}
#mywriter .content .skip>div{
	width: 50%;
	padding: 0 10px;
}
#mywriter .content .skip>div+div{
	border-left: 1px solid #ccc;
}
@media screen and (max-width: 1100px){
	#mywriter .content .skip>div{
		width: 100%;
	}
	#mywriter .content .skip>div+div{
		border-left: none;
		border-top: 1px solid #ccc;
		margin-top: 15px;
		padding-top: 15px;
	}
}
#mywriter .content .next>div p,
#mywriter .content .skip>div p{
	margin: 5px auto 0;
}
#mywriter .content .next>div p .text-danger,
#mywriter .content .skip>div p .text-danger{
	font-weight: bold;
}
#mywriter .content .skip+.next{
	margin-top: 15px;
}
#mywriter .content .help-block i{
	font-style: normal;
	font-size: 12px;
}
#mywriter .content .help-block+.re,
#mywriter .content .help-block+.next{
	margin-top: 0;
}
#mywriter .content .re{
	margin-right: 10px;
}
#mywriter .section_8 .content .next{
	float: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 50%;
	text-align: right;
}
#mywriter .section_8 .content .next{
	width: 100%;
	margin-top: 15px;
	justify-content: center;
	background: #f5f5f5;
	display: block;
	text-align: center;
	padding: 20px;
}
#mywriter .section_8 .content .next p{
	margin: 0;
}
#mywriter .section_8 .content .next .text-danger{
	font-weight: bold;
}
#mywriter .content>.help-block{
	clear: both;
	margin: 0;
}
#mywriter .content .re button,
#mywriter .content .next button,
#mywriter .content .skip button{
	min-width: 150px;
}
#mywriter section:not(#set_kw):not(.section_9):not(.section_3):not(.section_4) .content:not(:has(ol input:checked)) .skip button,
#mywriter section:not(#set_kw):not(.section_9):not(.section_3):not(.section_4) .content:not(:has(ol input:checked)) .next button,
#mywriter section.section_3:has(.res:empty) .content:not(:has(ol input:checked)) .skip button,
#mywriter section.section_3:has(.res:empty) .content:not(:has(ol input:checked)) .next button,
#mywriter section.section_3:has(.help-block.text-danger) .skip button,
#mywriter section.section_3:has(.help-block.text-danger) .next button,
#mywriter section.section_4:has(.help-block.text-danger) .skip button,
#mywriter section.section_4:has(.help-block.text-danger) .next button,
#mywriter section .skip button[disabled]{
	pointer-events: none;
	background: #ddd;
	color: #fefefe;
	opacity: 1;
	cursor: not-allowed;
}
@media screen and (max-width: 1100px){
	#mywriter .section_8 .content .next{
		width: 100%;
		text-align: left;
		justify-content: flex-start;
	}
}
#mywriter .content dl,
#mywriter .content dt,
#mywriter .content dd{
	display: block;
}
#mywriter .content dt+dd{
	margin-top: 10px;
}
#mywriter .content dd+dt{
	margin-top: 15px;
}
#mywriter input,
#mywriter textarea{
	font-weight: 400;
}
#mywriter input[type="radio"]:checked+input[type="text"],
#mywriter input[type="radio"]:checked+textarea{
	border-color: #66afe9;
	border-width: 2px;
	padding: 5px 3px;
}
#mywriter .texts{
	flex-grow: 1;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	border: 1px solid #ccc;
	padding: 4px;
	border-radius: 4px;
	counter-reset: number 0;
	background: #fff;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#mywriter .texts:focus-within{
	border-color: #66afe9;
	border-width: 2px;
	padding: 3px;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
#mywriter input[type="radio"]:checked+.texts{
	border-color: #66afe9;
	border-width: 2px;
	padding: 3px;
}
#mywriter .texts>div{
	position: relative;
	padding-left: 22px;
}
#mywriter .texts>div:before{
	counter-increment: number 1;
	content: counter(number)'.';
	position: absolute;
	top: calc(50% - 5px);
	left: 3px;
	line-height: 1;
	font-weight: 400;
	font-size: 1.2rem;
	color: #999;
}
#mywriter .texts>div:focus-within{
	background: #f5f5f5;
}
#mywriter .texts input[type="text"]{
	height: auto;
	border: none;
	box-shadow: none;
	padding: 4px 4px;
	background-color: transparent;
}
#mywriter .res,
#mywriter .active.fin .res{
	display: none;
}
#mywriter .fin .res{
	display: block;
}
#mywriter .res p,
#mywriter .res ul{
	margin: 0;
}
#mywriter .res>ul{
	padding-left: 20px;
	list-style-type: decimal;
}
#mywriter .res>ul ul{
	margin-bottom: 5px;
	padding-left: 15px;
	list-style-type: disc;
}
#mywriter .res>ul li:last-child ul{
	margin-bottom: 0;
}
#mywriter .q,
#mywriter #select_kw:has(li:nth-of-type(3) input:checked) .q{
	display: none;
	background: #111;
	color: #fff;
	line-height: 1;
	border-radius: 100px;
	z-index: 3;
	width: 16px;
	height: 16px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.tooltip-inner{
	text-align: justify;
}
#mywriter .active .q{
	display: flex;
}
#mywriter .q+.tooltip *{
	text-align: left !important;
}

#mywriter .help-block:has(span[id*="_count"]){
	margin-bottom: 0;
}

#mywriter .tabnav{
	padding: 0;
	margin: 0 0 -1px;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	list-style-type: none;
	position: relative;
	z-index: 2;
	max-width: 100%;
}
#mywriter .tabnav li{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
}
#mywriter .tabnav li+li{
	margin-left: 10px;
}
#mywriter .tabnav li p{
	margin: 0;
}
#mywriter .tabnav li i{
	font-style: normal;
}
#mywriter .tabnav label{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	margin: 0;
	cursor: pointer;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#mywriter .tabnav label:has(:checked){
	padding: 13px 15px;
	background: #fff;
	border-bottom: none;
	color: #5bc0de;
}
#mywriter .tabnav label input{
	display: none;
}
#mywriter .tabcontent{
	border: 1px solid #ddd;
	padding: 20px;
	padding-top: 40px;
	box-sizing: border-box;
	display: none;
}
#mywriter .section_3 .tabcontent+.tabcontent+.tabcontent{
	padding-top: 20px;
}
#mywriter .tabnav:has(li:nth-of-type(1) input:checked)+.tabcontent{
	display: block;
}
#mywriter .tabnav:has(li:nth-of-type(2) input:checked)+.tabcontent+.tabcontent{
	display: block;
}
#mywriter .tabnav:has(li:nth-of-type(3) input:checked)+.tabcontent+.tabcontent+.tabcontent{
	display: block;
}

#mywriter #set_kw input[name="ai_keyword"]{
	max-width: 350px;
}
#mywriter #set_kw select{
	font-weight: normal;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	max-width: 100%;
	min-width: 100px;
}
#mywriter #set_kw select:focus{
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
#mywriter #set_kw label.disabled{
	position: relative;
	pointer-events: none;
	display: none;
}
#mywriter #set_kw label.disabled:before{
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 4px);
	background: #f5f5f5;
	position: absolute;
	top: 2px;
	right: 18px;
	z-index: 2;
}
#mywriter #set_kw label.disabled select{
	opacity: 0.6;
	background: #f0f0f0;
}
#mywriter #set_kw label.disabled2 select:not(:focus){
	color: #999;
}
#mywriter #set_kw #set_kw_area{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}
#mywriter #set_kw #set_kw_area>p.help-block:first-child{
	margin-top: 0;
	width: 100%;
}
#mywriter #set_kw #set_kw_area>p:not(.help-block){
	width: 100px;
	margin-bottom: 0;
}
#mywriter #set_kw #set_kw_area>p:not(.help-block) label{
	display: flex;
	align-items: center;
}
#mywriter #set_kw #set_kw_area>p:not(.help-block) label input{
	margin-top: 0;
}
#mywriter #set_kw #set_kw_area>div{
	width: calc(100% - 100px);
}
#mywriter #set_kw input[name="ai_keyword"]:not(:placeholder-shown),
#mywriter #set_kw select[name="ai_area"],
#mywriter #set_kw label:not(.disabled):not(.disabled2) select[name="ai_area2"],
#mywriter #set_kw label:not(.disabled):not(.disabled2) select[name="ai_area3"],
#mywriter #set_kw label:not(.disabled):not(.disabled2) select[name="ai_area4"],
#mywriter #set_kw label:not(.disabled):not(.disabled2) select[name="ai_area5"]{
	border-color: #66afe9;
	border-width: 2px;
	padding: 5px 3px;
}
#mywriter #set_kw #set_kw_area input[type="radio"]{
	margin-right: 7px;
}
#mywriter #set_kw #set_kw_area label.disabled2:has(input[name="set_kw_area_radio_2"]){
	opacity: 0.7;
	pointer-events: none;
}
#mywriter #set_kw #set_kw_area .hide{
	display: none !important;
}

#mywriter .w{
	position: relative;
	padding-top: 40px;
}
#mywriter #select_kw #exclude_button1{
	display: block;
	text-align: right;
}
#mywriter #select_kw ol{
	width: 100%;
	margin-bottom: 20px;
}
#mywriter #select_kw .w ol{
	overflow: auto;
	max-height: calc(100vh - 650px);
	min-height: 150px;
}
_:lang(x)::-internal-media-controls-overlay-cast-button,#mywriter #select_kw .w ol{
	overflow-y: scroll;
}
#mywriter #select_kw ol li,
#mywriter #select_kw ol li label{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	font-weight: normal;
	flex-wrap: wrap;
}
#mywriter #select_kw ol li{
	border-bottom: 1px solid #ddd;
	padding: 0;
}
#mywriter #select_kw ol li label{
	padding: 9px;
}
#mywriter #select_kw ol li.exclude_item1,
#mywriter #select_kw ol li.exclude_item2{
	display: none;
}
#mywriter #select_kw ol li:first-child{
	font-weight: bold;
	width: calc(100% - 40px);
	width: 100%;
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 9px;
}
#mywriter #select_kw .w ol li:first-child{
	position: absolute;
	top: 0;
	left: 0;
}
_:lang(x)::-internal-media-controls-overlay-cast-button,#mywriter #select_kw .w ol li:first-child{
	padding-right: 26px;
}
#mywriter #select_kw ol li:nth-child(n+2){
	cursor: pointer;
}
#mywriter #select_kw ol li:nth-child(n+2):hover{
	background: #f5f5f5;
}
#mywriter #select_kw ol li:nth-child(n+2) *{
	cursor: pointer;
}
#mywriter #select_kw ol li p{
	width: 50px;
	text-align: center;
	margin: 0;
	overflow: hidden;
}
#mywriter #select_kw ol li input{
	margin: 0 10px 0 0;
}
#mywriter #select_kw ol li p.wl1{
	margin: 0 auto 0 0;
	width: calc(100% - 70px - 150px - 35px);
	width: calc(100% - 70px - 50px - 50px - 50px);
	text-align: left;
}
#mywriter #select_kw ol li p.wl2{
	width: 70px;
}
#mywriter #select_kw ol li p.wl3{
	display: none;
}
#mywriter #select_kw ol.fw{
	margin-bottom: 0;
}
#mywriter #select_kw ol.fw li{
	padding: 0;
	border-bottom: none;
}
#mywriter #select_kw ol.fw p{
	width: 100%;
	text-align: left;
}
#mywriter #select_kw ol.fw p{
	width: calc(100% - 24px) !important;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#mywriter #select_kw ol.fw span#free_word_base{
	max-width: calc(50% - 20px);
	padding-right: 18px;
	position: relative;
}
#mywriter #select_kw ol.fw span#free_word_base:after{
	content: "+";
	width: 10px;
	text-align: center;
	position: absolute;
	top: calc(50% - 0.5em);
	right: 5px;
	line-height: 1;
}
#mywriter #select_kw ol.fw span+input{
	width: 50%;
	margin-right: 0;
}
#mywriter #ai_article_keyword_text_count{
	margin-left: 5px;
}
#mywriter #select_kw ol#tabcontent3 li:nth-of-type(1) p.wl1{
	width: calc(100% - 50px);
}
#mywriter #select_kw ol#tabcontent3 li:nth-of-type(2) p.wl1 input[type="text"]{
	width: 50%;
}
#mywriter #select_kw br.sp{
	display: none;
}
#mywriter #select_kw #tab1{
	margin-bottom: 15px;
}
#mywriter #select_kw .togglepointer{
	margin-bottom: 20px;
	transform: translateX(-3px);
	position: relative;
}
#mywriter #select_kw .togglepointer label{
	margin: 0;
	font-weight: normal;
}
#mywriter #select_kw .togglepointer label:has(.radio-toggle[value="0"]){
	padding-right: 0;
	position: absolute;
	top: 0;
	left: 45px;
	opacity: 0;
}
#mywriter #select_kw .togglepointer label:has(.radio-toggle[value="1"]:checked){
	font-weight: bold;
}

#mywriter .setting_add dl{
	display: block;
	border: 1px solid #ddd;
	margin-top: 0;
	background: #f5f5f5;
	border-radius: 20px;
	overflow: hidden;
	transition: 0.2s;
}
#mywriter .setting_add dl:has(dt:hover){
	background-color: #f0f0f0;
}
#mywriter .setting_add dl+dl{
	margin-top: 15px;
}
#mywriter .setting_add dl:first-child{
	border-top: 1px solid #ddd;
}
#mywriter .setting_add dt{
	display: block;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	transition: 0.2s;
}
#mywriter .setting_add dt p{
	position: relative;
	display: inline-block;
	margin-bottom: 0;
}
#mywriter .setting_add dt p:before{
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #5bc0de;
	color: #fff;
	line-height: 1;
	width: 16px;
	height: 16px;
	border-radius: 100px;
	margin-right: 5px;
}
#mywriter .setting_add dl:has(dd.open) dt p:before{
	content: "-";
}
#mywriter .setting_add dt p:has(.q){
	padding-right: 20px;
	padding-left: 13px;
}
#mywriter .setting_add dt p .q{
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
	display: flex;
	margin-left: 5px;
}
#mywriter .setting_add dd{
	display: none;
	margin-top: 0 !important;
	padding: 10px;
	padding-top: 0;
	opacity: 0;
	transition: opacity 0.2s;
}
#mywriter .setting_add dd.open{
	opacity: 1;
}
#mywriter .setting_add dd .items{
	padding: 15px;
	background: #fff;
	border-radius: 15px;
}
#mywriter #preparation .item{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
#mywriter #preparation .item+.item{
	margin-top: 15px;
}
#mywriter #preparation .item>p{
	margin-bottom: 0;
	width: 100px;
	font-weight: bold;
}
#mywriter #preparation label{
	margin: 0;
	font-weight: normal;
}
#mywriter #preparation label:has(input[type="radio"]){
	margin-right: 10px;
}
#mywriter #preparation input[type="radio"]{
	margin-right: 5px;
}
#mywriter #preparation .item>p+div{
	width: calc(100% - 100px);
}
#mywriter #preparation label+textarea{
	margin-top: 10px;
}
#mywriter #preparation label+textarea+.help-block{
	margin-bottom: 0;
}
#mywriter .setting_add dl + label{
	margin-top: 15px;
}

#mywriter #preparation .content>dl label:has(input[name="add_description"]:not(:checked)){
	margin-bottom: 10px;
}
#mywriter #preparation .content>dl label:has(input[name="add_description"]:not(:checked))+textarea,
#mywriter #preparation .content>dl label:has(input[name="add_description"]:not(:checked))+textarea+.help-block{
	display: none;
}

#mywriter #preparation .help-block:has(span[id*="_count"]){
	display: none;
}
#mywriter #preparation .help-block.text-danger:has(span[id*="_count"]){
	display: block;
}

#mywriter .section_3 .q{
	position: absolute;
	top: 98px;
	right: 22px;
}
#mywriter .section_6 textarea{
	height: 100px;
}
#mywriter .section_9{
	display: none;
}
#mywriter .section_9.active,
#mywriter .section_9.fin{
	display: block;
}
#mywriter .section_9 .content{
	display: block;
	border: 15px solid #f0f0f0;
	padding: 0 20px 20px;
	text-align: center;
}
#mywriter .section_9 .content p{
	display: inline-block;
	text-align: left;
	margin-bottom: 15px;
}
#mywriter .section_9 .content .img img{
	display: block;
	width: 80%;
	max-width: 150px;
	margin: 0 auto;
	opacity: 0.85;
}
#mywriter .section_9 .content .img+p{
	margin-top: -10px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#mywriter .section_9 .content .img+p strong{
	font-size: 18px;
	padding-bottom: 5px;
	display: inline-block;
	letter-spacing: 0.02em;
}
#mywriter .section_9 .next button{
	margin: 0 10px 10px 0;
}
#mywriter .sections{
	position: relative;
}
#mywriter #now_credit{
	position: sticky;
	bottom: 55px;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #2a3a51;
	z-index: 3;
	font-size: 13px;
	letter-spacing: 0.05em;
}
#mywriter #now_credit strong{
	font-size: 15px;
}
@media screen and (max-width: 700px){
	#mywriter .tabnav label i{
		display: none;
	}
}
@media screen and (max-width: 550px){
	#mywriter .tabnav li + li{
		margin-left: 5px;
	}
	#mywriter .tabnav label{
		padding: 10px 7px;
	}
	#mywriter .tabnav label:has(:checked){
		padding: 14px 7px;
	}
	#mywriter .tabcontent{
		padding: 10px;
		padding-top: 35px !important;
	}
	#mywriter .section_3 .tabcontent+.tabcontent+.tabcontent{
		padding-top: 10px !important;
	}
	#mywriter .section_3 .q{
		right: 12px;
	}
	#mywriter .w{
		padding-top: 60px;
	}
	#mywriter #select_kw ol li,
	#mywriter #select_kw ol li label{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#mywriter #select_kw ol li:first-child{
		top: 10px;
		left: 10px;
	}
	#mywriter #select_kw ol li p{
		text-align: left;
		width: auto !important;
	}
	#mywriter #select_kw ol li p.wl1{
		width: calc(100% - 35px) !important;
	}
	#mywriter #select_kw ol li p.wl2~p{
		margin-left: 10px;
	}
	#mywriter #select_kw ol li label p.wl2{
		margin-left: 24px;
	}
	#mywriter #select_kw #tabcontent3 li p.wl1{
		width: calc(100% - 44px) !important;
	}
	#mywriter #select_kw #tabcontent3 li+li p.wl1{
		width: calc(100% - 75px) !important;
	}
	#mywriter #select_kw #tabcontent3 li p.wl5{
		width: 35px !important;
		text-align: center;
	}
	_:lang(x)::-internal-media-controls-overlay-cast-button,#mywriter #select_kw .w ol{
		overflow-y: auto;
	}
	_:lang(x)::-internal-media-controls-overlay-cast-button,#mywriter #select_kw .w ol li:first-child{
		padding-right: 9px;
	}
	#mywriter #select_kw br.sp{
		display: block;
	}
	
	#mywriter #preparation .item>p{
		margin-bottom: 10px;
	}
	#mywriter #preparation .item>p,
	#mywriter #preparation .item>p+div{
		width: 100%;
	}
}
@media screen and (max-width: 420px){
	#mywriter .tabnav li + li{
		margin-left: 2px;
	}
	#mywriter .tabnav label{
		padding: 8px 5px;
	}
	#mywriter .tabnav label:has(:checked){
		padding: 12px 5px;
	}
	#mywriter section{
		padding: 0 0 30px 25px;
	}
	#mywriter h2:before,
	#mywriter h2:after{
		transform: scale(0.8);
		transform-origin: 50% 50%;
		left: -27px;
		top: -4px;
	}
	#mywriter .fin h2:after{
		left: -17px;
		top: 2px;
	}
	#mywriter section:after{
		left: 10px;
	}
	#mywriter .section_3 .q{
		top: 94px;
	}
	
	#mywriter .setting_add dd .items{
		padding: 10px;
	}
	#mywriter #preparation .item:has(textarea)>p{
		width: auto;
	}
	#mywriter #preparation .item>p+div:has(textarea){
		width: 100%;
	}
	#mywriter #preparation .item>p+div textarea{
		margin-top: 5px;
	}
}


/*/admin/ai-keywords/setting/*/

form[action*="/admin/ai-keywords/setting/"]+h2~.form-inline{
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 100px;
	padding: 5px 10px;
	margin: 0 5px 8px 0;
}
form[action*="/admin/ai-keywords/setting/"]+h2~.form-inline .form-group{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
}
form[action*="/admin/ai-keywords/setting/"]+h2~.form-inline button.btn-success{
	color: #5cb85c;
	background-color: transparent;
	padding: 0 0 0 5px;
}

/*---------*/

.msg{
	padding-bottom: 5px;
}
.msg .box{
	border: 10px solid #f0f0f0;
	padding: 15px;
	border-radius: 5px;
}
.msg .box+.box{
	margin-top: 15px;
}
.msg .box>*:last-child{
	margin-bottom: 0;
}
.msg h2{
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 10px;
}
.msg *+h2{
	margin-top: 20px;
}
.msg ul{
	padding-left: 20px;
	list-style-type: none;
}
.msg ul li{
	position: relative;
}
.msg ul li:before{
	content: "・";
	position: absolute;
	top: 0;
	left: -18px;
}
.msg ul li+li{
	margin-top: 5px;
}

/*---------*/

#add_al_credit .plan{
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin-bottom: 10px;
}
#add_al_credit .plan>div{
	box-shadow: 0 .375rem .875rem 0 rgba(0,0,0,.13),0 .0625rem .25rem 0 rgba(0,0,0,.11);
	border-radius: 10px;
	overflow: hidden;
	max-width: 400px;
}
#add_al_credit .plan input{
	display: none;
}
#add_al_credit .plan label *{
	font-weight: 500;
}
#add_al_credit .plan .h{
	background: #00c5dc;
	background: linear-gradient(to right, #233b5f 0%,#313945 100%);
	color: #fff;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
#add_al_credit .plan .h strong{
	font-size: 20px;
	font-weight: bold;
}
#add_al_credit .plan .h+p{
	padding: 0 20px;
	text-align: center;
}
#add_al_credit .plan .h+p strong{
	font-size: 24px;
	font-weight: bold;
}
#add_al_credit .plan .bt{
	padding: 0 25px 10px;
	text-align: center;
}
#add_al_credit .plan .bt button{
	width: 80%;
}
#add_al_credit .plan .bt p{
	margin-top: 15px;
	text-align: left;
	font-size: 12px;
}
#add_al_credit .plan .bt button{
	font-size: 15px;
	font-weight: bold;
}
#add_al_credit .panel-body>*:first-child{
	margin-top: 0;
}
#add_al_credit .panel-body h2{
	font-size: 14px;
	padding: 10px;
	background: #f5f5f5;
}
#add_al_credit .retention{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
}
#add_al_credit .retention dl{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	width: 50%;
	margin-bottom: 0;
	padding: 10px 10px 10px 0;
	color: #00c5dc;
}
#add_al_credit .retention dl+dl{
	border-left: 1px solid #dddddd;
	padding: 10px 0 10px 10px;
}
#add_al_credit .retention dt{
	width: 100%;
}
#add_al_credit .retention dd{
	width: 100%;
	padding: 10px 0 0;
}
#add_al_credit .retention strong{
	font-size: 20px;
}

/*-------sns ONERANK_DEVELOP-780---------*/

.addsns td{
	position: relative;
}
.addsnsicon{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}
.addsnsicon img{
	width: 80px;
	height: 80px;
	display: block;
	object-fit: contain;
}
.addsnsicon img+*,
.addsnsicon img+*+*{
	margin: auto 10px auto;
}
.addsns .addsns_remove,
.addsns .addsns_add{
	position: absolute;
	top: calc(50% - 13px);
	right: -15px;
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-color: #d9534f;
	border-radius: 50px;
	font-size: 20px;
	line-height: 1;
	z-index: 3;
}
.addsns .addsns_add{
	display:  none;
}
.addsns:last-child .addsns_add{
	display: flex;
	top: auto;
	right: auto;
	bottom: -13px;
	left: calc(50% - 13px);
	background-color: #5867c3;
}
form[action="/admin/settings/social/"] table:not(:has(.addsns+.addsns)) tr:not(.addsns)+.addsns .addsns_remove{
	display: none;
}
form[action="/admin/settings/social/"] table.comp label:has(input[type="checkbox"][name*="_sp_header]"]:not(:checked)){
	opacity: 0.5;
	pointer-events: none;
}

/*-------ai_interval---------*/

#ai_interval select{
	min-height: 35px;
}
#ai_interval td p:last-child{
	margin-bottom: 0;
}
#ai_interval td>p:last-child{
	margin-bottom: 0;
}
#ai_interval .accor{
	display: none;
}
#ai_interval .caution{
	height: 30vh;
	overflow: auto;
	max-height: 400px;
	min-height: 200px;
	border: 1px solid #ddd;
	margin-bottom: 30px;
	margin-top: -10px;
	padding: 20px;
}
#ai_interval .caution p{
	margin-bottom: 5px;
}
#ai_interval .caution ul,
#ai_interval .caution ol{
	padding-left: 20px;
	margin-bottom: 15px;
}
#ai_interval .caution>*:last-child{
	margin-bottom: 0;
}
#aitoggle{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#aitoggle>div.togglepointer{
	cursor: pointer;
}
#aitoggle label{
	margin-bottom: 0;
	pointer-events: none;
}
#aitoggle button{
	margin: 0 0 0 auto;
}
input.radio-toggle{
	display: none;
}
label:has(.radio-toggle){
	position: relative;
	cursor: pointer;
	padding-right: 40px;
}
label:has(.radio-toggle)+label:has(.radio-toggle){
	padding-left: 45px;
	padding-right: 0;
	margin-left: -40px;
	position: relative;
}
label:has(.radio-toggle)+label:has(.radio-toggle):before,
label:has(.radio-toggle)+label:has(.radio-toggle):after{
	content: "";
	display: block;
	pointer-events: none;
}
label:has(.radio-toggle)+label:has(.radio-toggle):before{
	width: 30px;
	height: 10px;
	background-color: #ddd;
	border-radius: 100px;
	position: absolute;
	top: calc(50% - 5px);
	left: 5px;
}
label:has(.radio-toggle)+label:has(.radio-toggle):after{
	width: 16px;
	height: 16px;
	border-radius: 100px;
	position: absolute;
	top: calc(50% - 8px);
	left: 3px;
	background-color: #fff;
	transition: 0.2s;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 2px 2px 0 rgba(0,0,0,0.02);
}
label:has(.radio-toggle)+label:has(.radio-toggle:checked):after{
	background-color: #5bc0de;
	left: 22px;
}
label:has(.radio-toggle){
	z-index: 2;
}
label:has(.radio-toggle:checked){
	z-index: 1;
}
.togglemode{
	padding: 9px 0;
}
.togglemode label{
	margin-bottom: 0;
}
.togglemode label:has(.radio-toggle)+label:has(.radio-toggle):after{
	background-color: #5bc0de;
}
.togglemode label:has(.radio-toggle){
	transition: 0.2s;
	opacity: 0.8;
	font-weight: normal;
}
.togglemode label:has(.radio-toggle:checked){
	font-weight: bold;
	opacity: 1;
}

#ai_interval select{
	font-weight: normal;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 6px 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	max-width: 100%;
	min-width: 100px;
}
#ai_interval select:focus{
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
#ai_interval select[name="Subscriptions[day_of_week]"]{
	min-width: 0;
}

#ai_period>div{
	display: inline-block;
	margin-right: 5px;
}
#ai_period:has(#ai_period0 option[value="0"]:checked) #ai_period1,
#ai_period:has(#ai_period0 option[value="0"]:checked) #ai_period2,
#ai_period:has(#ai_period0 option[value="0"]:checked) #ai_period3,
#ai_period:has(#ai_period0 option[value="1"]:checked) #ai_period1,
#ai_period:has(#ai_period0 option[value="1"]:checked) #ai_period3,
#ai_period:has(#ai_period0 option[value="2"]:checked) #ai_period1,
#ai_period:has(#ai_period0 option[value="2"]:checked) #ai_period3,
#ai_period:has(#ai_period0 option[value="3"]:checked):has(#ai_period1 option[value="0"]:checked) #ai_period2,
#ai_period:has(#ai_period0 option[value="3"]:checked):has(#ai_period1 option:not([value="0"]):checked) #ai_period3{
	display: none;
}
#ai_period4 select{
	min-width: 0;
}
p#ai_period_publish{
	margin: 5px 0 7px !important;
}

#ai_interval #set_kw_area{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
#ai_interval #set_kw_area>p{
	width: 70px;
	margin: 5px 0;
}
#ai_interval #set_kw_area>div{
	width: calc(100% - 70px);
}
#ai_period label,
#ai_interval #set_kw_area>div label{
	margin-top: 0;
	margin-bottom: 0;
}
#ai_period0 label select,
#ai_interval #set_kw_area>div select{
	margin-top: 3px;
	margin-bottom: 3px;
}

@media screen and (max-width: 550px){
	#ai_interval #ai_keyword+.btn-primary{
		display: inline-block;
	}
}

#ai_history table thead span{
	white-space: nowrap;
}
#ai_history table td span{
	display: inline-block;
	margin-right: 5px;
	white-space: nowrap;
}
#ai_history table td span:last-child{
	margin-right: 0;
}
#ai_history table span.none{
	text-align: center;
	display: block;
}
#ai_history table td.ai_his_set{
	text-align: center;
}
#ai_history table td.ai_his_gbp span:not(.none){
	border: 1px solid #ddd;
	background-color: #f0f0f0;
	padding: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#ai_history .scroll{
	overflow: auto;
}
#ai_history .ai_history_table{
	min-width: 900px;
}

#AiBlogs-insta-setting tr.disabled{
	position: relative;
}
#AiBlogs-insta-setting tr.disabled td:last-child:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #ccc;
	opacity: 0.5;
	z-index: 2;
}

img[id*="upload_image"]{
	background: #f0f0f0;
	padding: 10px;
}

/*-------Popupbanners---------*/

#Popupbanners_configure{
	max-width: 360px;
	width: 80%;
	margin: 0 auto;
}
#Popupbanners_iframe{
	display: block;
	aspect-ratio: 9/19;
	width: 100%;
	border: none;
	pointer-events: none;
}
#Popupbanners_configure .mock{
	overflow: hidden;
	border-radius: 50px;
	border: 5px solid #000;
	position: relative;
}
#Popupbanners_configure .mock:before{
	content: "";
	display: block;
	width: 50%;
	height: 35px;
	background: #000;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
#Popupbanners_configure .mock:after{
	content: "";
	display: block;
	width: 40%;
	height: 6px;
	background: rgba(125,125,125,0.5);
	border-radius: 30px;
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
}
#Popupbanners_configure .wrapper:before{
	content: "";
	display: block;
	width: 20%;
	height: 7px;
	background: #333;
	border-radius: 30px;
	position: absolute;
	top: 12px;
	left: calc(50% + 10px);
	transform: translateX(-50%);
}
#Popupbanners_configure .wrapper:after{
	content: "";
	display: block;
	width: 7px;
	height: 7px;
	background: #333;
	border-radius: 30px;
	position: absolute;
	top: 12px;
	left: calc(50% - 40px);
	transform: translateX(-50%);
}

/*--------求人データの作成-------*/

#engage_ind{
	max-width: 1200px;
}
#engage_ind .fl{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	margin-bottom: 50px;
}
#engage_ind .fl_outer{
	width: 50%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	position: relative;
}
#engage_ind .fl:has(#linked) .fl_outer{
	width: 50%;
}
#engage_ind .fl_outer:not(#linked){
	padding: 15px 0;
}
#engage_ind .fl_outer#linked{
	z-index: 2;
}
#engage_ind .fl_outer#linked:after{
	content: "おすすめ！";
	position: absolute;
	top: -11px;
	right: 12px;
	background: #ffb400;
	font-size: 13px;
	line-height: 1;
	color: #000;
	padding: 5px 10px;
	font-weight: bold;
}
#engage_ind .fl_inner{
	width: 100%;
	box-sizing: border-box;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border: 1px solid #ddd;
	border-right: none;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	overflow: hidden;
}
#engage_ind #linked .fl_inner{
	border-radius: 15px;
	border: 2px solid #2b3a50;
	box-shadow: 2px 2px 10px rgba(0,0,0,.2);
	background: #f5feff;
}
#engage_ind .fl:not(:has(#linked)) .fl_outer+.fl_outer .fl_inner{
	border-left: 1px solid #ddd;
}
#engage_ind .fl_heading{
	background: #f5f5f5;
	text-align: center;
	padding: 20px 10px;
	font-size: 17px;
}
#engage_ind #linked .fl_heading{
	color: #fff;
	background: linear-gradient(to right, #233b5f 0%,#313945 100%);
}
#engage_ind .fl_outer:not(#linked) .fl_heading i.fa{
	color: #5bc0de;
}
#engage_ind .fl_body{
	padding: 20px 20px 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#engage_ind .fl_body>p{
	display: inline-block;
	text-align: left;
}
#engage_ind .fl_btn{
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
#engage_ind .fl_btn>span{
	display:  block;
	text-align: center;
	padding-bottom: 10px;
	color: #777;
	font-weight: bold;
	line-height: 1.7;
}
#engage_ind .st{
	font-size: 15px;
	font-weight: bold;
	color: #ffb400;
}
#engage_ind #linked .fl_btn>span{
	color: #ffb400;
}
#engage_ind .fl_btn button{
	margin: 0 auto;
	min-width: 180px;
	padding: 12px 15px;
}
#engage_ind .fl_btn+p{
	margin-bottom: 10px;
}
#engage_ind .fl_body ul{
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
#engage_ind .fl_body ul li{
	padding-left: 17px;
	position: relative;
}
#engage_ind .fl_body ul li:before{
	content: "";
	display: block;
	width: 5px;
	height: 8px;
	border-bottom: 2px solid #5bc0de;
	border-right: 2px solid #5bc0de;
	position: absolute;
	top: 5px;
	left: 2px;
	transform: rotate(45deg);
}
#engage_ind .fl_body ul li+li{
	margin-top: 10px;
}
#engage_ind .fl_body ul+p{
	margin-top: 20px;
}
#engage_ind .help{
	order: 100;
	width: 100%;
	margin-top: 20px;
	padding: 0 10px;
}
@media screen and (max-width:990px){
	#engage_ind{
		padding: 0 20px;
	}
}
@media screen and (max-width:750px){
	#engage_ind .fl{
		flex-direction: column;
		margin-bottom: 0;
	}
	#engage_ind .fl_outer{
		width: 95% !important;
		max-width: 500px;
		margin: 0 auto 30px;
	}
	#engage_ind .fl_outer#linked{
		order: 1;
	}
	#engage_ind .fl_outer:not(#linked){
		order: 2;
		padding: 0;
	}
	#engage_ind .fl_body>p:first-child{
		height: auto !important;
		margin-bottom: 25px;
	}
	#engage_ind .fl_inner{
		border-radius: 15px !important;
	}
	#engage_ind .fl_outer:not(#linked) .fl_inner{
		border: 1px solid #ddd !important;
	}
}

/*-pro3番目-*/

@media screen and (min-width:751px){
	#engage_ind .fl:has(#linked) .fl_outer{
		order: 1;
	}
	#engage_ind .fl:has(#linked) .fl_outer#linked{
		order: 3;
	}
	#engage_ind .fl:has(#linked) .fl_outer#linked+.fl_outer .fl_inner{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-left: 1px solid #ddd;
	}
}

/*-------エンゲージ 連動版-------*/

#linked .table > tbody > tr:nth-of-type(2n+1){
	background: #fff;
}
#linked .table > tbody > tr th{
	background: #f9f9f9;
}
#linked .table tr:hover,
#linked .table tr:hover th{
	background: #f5f5f5;
}
#linked div#eg_employment_check,
#linked div#eg_employment_check2{
	background: #ecf3f9;
	padding: 10px;
	margin-top: 10px;
}
#linked .eg_overtime_pay .form-group label,
#linked .eg_office_hour_trial3_2_5 .form-group label{
	width: 160px;
}
#linked .eg_salary_area01 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2),
#linked .eg_overtime_pay .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2),
#linked tr[class*="eg_office_hour_time"] .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2),
#linked .eg_office_hour_trial3_2_3 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2),
#linked .eg_office_hour_trial3_2_5 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2),
#linked .eg_office_hour_trial3_2_6 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2){
	opacity: 0.5;
}
#linked .eg_salary_area01 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) input,
#linked .eg_salary_area01 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) textarea,
#linked .eg_salary_area01 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) select,
#linked .eg_overtime_pay .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) input,
#linked .eg_overtime_pay .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) textarea,
#linked .eg_overtime_pay .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) select,
#linked tr[class*="eg_office_hour_time"] .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) input,
#linked tr[class*="eg_office_hour_time"] .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) textarea,
#linked tr[class*="eg_office_hour_time"] .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) select,
#linked .eg_office_hour_trial3_2_3 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) input,
#linked .eg_office_hour_trial3_2_3 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) textarea,
#linked .eg_office_hour_trial3_2_3 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) select,
#linked .eg_office_hour_trial3_2_5 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) input,
#linked .eg_office_hour_trial3_2_5 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) textarea,
#linked .eg_office_hour_trial3_2_5 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) select,
#linked .eg_office_hour_trial3_2_6 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) input,
#linked .eg_office_hour_trial3_2_6 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) textarea,
#linked .eg_office_hour_trial3_2_6 .form-inline:has(input[type="radio"]:not(:checked)) .form-group:nth-child(n+2) select{
	background: #eee;
	pointer-events: none;
}
#linked .eg_office_hour_trial2_2,
#linked .eg_office_hour_trial3_2{
	border: 5px solid #ecf3f9;
	border-radius: 15px;
	padding: 15px;
	margin-top: 10px;
	background: #fff;
}
#linked .eg_office_hour_trial2_2>p,
#linked .eg_office_hour_trial3_2>p{
	margin-bottom: 0;
	font-size: 13px;
	opacity: 0.8;
}
#linked .eg_office_hour_trial2_2>p+.radio{
	margin-top: 5px;
}
#linked .eg_office_hour_trial2_2 *:last-child{
	margin-bottom: 0;
}
#linked .eg_office_hour_trial3_2 button{
	margin-top: 5px;
	margin-bottom: 15px;
}
#linked .eg_office_hour_trial3_2 dl{
	padding: 10px 0 0;
	border-top: 1px solid #eee;
	margin-bottom: 0;
}
#linked .eg_office_hour_trial3_2 dl:last-child{
	border-bottom: 1px solid #eee;
}
#linked .eg_office_hour_trial3_2 dt,
#linked .eg_office_hour_trial3_2 dd{
	display: block;
}
#linked .eg_office_hour_trial3_2 dd>*:last-child{
	margin-bottom: 10px;
}

/*-------*/

#linked td:has(input[name="Recruits[eg_employment_status]"][value="派遣"]:checked) #eg_employment_check{
	display: none;
}
#linked td:has(input[name="Recruits[eg_employment_status]"][value="派遣"]:not(:checked)) #eg_employment_check2,
#linked table:has(input[name="Recruits[eg_employment_status]"][value="派遣"]:not(:checked)) .eg_employment_no{
	display: none;
}
#linked table:has(input[name="Recruits[eg_employment_status]"][value="中途採用（正社員）"]:checked) label:has(input[name="Recruits[eg_employment_feature][]"]),
#linked table:has(input[name="Recruits[eg_employment_status]"][value="新卒採用（正社員）"]:checked) label:has(input[name="Recruits[eg_employment_feature][]"]){
	pointer-events: none;
	opacity: 0.5;
	filter: grayscale(1);
}

/*-------*/

#linked table:has(input[name="Recruits[eg_workplace_class]"][value="国内（勤務地指定あり）"]:checked) .eg_workplace_area02,
#linked table:has(input[name="Recruits[eg_workplace_class]"][value="フルリモート（完全在宅）"]:checked) .eg_workplace_area02{
	display: none;
}
#linked table:has(input[name="Recruits[eg_workplace_class]"][value="海外"]:checked) .eg_workplace_area01{
	display: none;
}
#linked table:has(input[name="Recruits[eg_workplace_class]"][value="フルリモート（完全在宅）"]) tr i{
	display: none;
	font-style: normal;
}
#linked table:has(input[name="Recruits[eg_workplace_class]"][value="フルリモート（完全在宅）"]) tr i:before{
	content: "事業所の";
}
#linked table:has(input[name="Recruits[eg_workplace_class]"][value="フルリモート（完全在宅）"]:checked) tr i{
	display: inline;
}

/*-------*/

#linked table:has(input[name="Recruits[eg_salary_type]"][value="年俸"]:checked) .eg_salary_area02,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="月給"]:checked) .eg_salary_area01,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="日給"]:checked) .eg_salary_area01,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="日給"]:checked) .eg_salary_area02,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="日給"]:checked) .eg_salary_area03,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="時給"]:checked) .eg_salary_area01,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="時給"]:checked) .eg_salary_area02,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="時給"]:checked) .eg_salary_area03{
	display: none;
}
#linked .salary_name:before,
#linked table:has(input[name="Recruits[eg_salary_type]"][value="年俸"]:checked) .salary_name:before{
	content: "年俸";
}
#linked table:has(input[name="Recruits[eg_salary_type]"][value="月給"]:checked) .salary_name:before{
	content: "月給";
}
#linked table:has(input[name="Recruits[eg_salary_type]"][value="日給"]:checked) .salary_name:before{
	content: "日給";
}
#linked table:has(input[name="Recruits[eg_salary_type]"][value="時給"]:checked) .salary_name:before{
	content: "時給";
}

/*-------*/

#linked table:has(input[name="Recruits[eg_overtime]"][value="なし"]:checked) .eg_overtime_pay{
	display: none;
}

/*-------*/

#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="固定時間制"]:not(:checked)) .eg_office_hour_time1{
	display: none;
}
#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="固定時間制"]:not(:checked)):has(input[name="Recruits[eg_office_hour_type]"][value="シフト制"]:not(:checked)) .eg_office_hour_time2{
	display: none;
}
#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="フレックスタイム制"]:not(:checked)) .eg_office_hour_time3{
	display: none;
}
#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="フレックスタイム制"]:not(:checked)) .eg_office_hour_time4{
	display: none;
}
#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="裁量労働制"]:not(:checked)) .eg_office_hour_time5{
	display: none;
}
#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="裁量労働制"]:not(:checked)) .eg_office_hour_time6{
	display: none;
}
#linked table:has(input[name="Recruits[eg_office_hour_type]"][value="変形労働制"]:not(:checked)) .eg_office_hour_time7{
	display: none;
}
#linked .office_hour_area .per:before,
#linked:has(input[name="Recruits[eg_salary_type]"][value="年俸"]:checked) .office_hour_area .per:before{
	content: "1年あたり ";
}
#linked:has(input[name="Recruits[eg_salary_type]"][value="月給"]:checked) .office_hour_area .per:before{
	content: "1ヶ月年あたり ";
}
#linked:has(input[name="Recruits[eg_salary_type]"][value="日給"]:checked) .office_hour_area .per:before{
	content: "1日あたり ";
}
#linked:has(input[name="Recruits[eg_salary_type]"][value="時給"]:checked) .office_hour_area{
	display: none;
}

/*-------*/

#linked table:has(.eg_office_hour_trial input[value="なし"]:checked) .eg_office_hour_trial1,
#linked table:has(.eg_office_hour_trial input[value="なし"]:checked) .eg_office_hour_trial2,
#linked table:has(.eg_office_hour_trial input[value="なし"]:checked) .eg_office_hour_trial3,
#linked table:has(.eg_office_hour_trial input[value="なし"]:checked) .eg_office_hour_trial4,
#linked table:has(.eg_office_hour_trial input[value="なし"]:checked) .eg_office_hour_trial5{
	display: none;
}
#linked table:has(.eg_office_hour_trial2 input[value="本採用時と異なる"]:not(:checked)) .eg_office_hour_trial2_2{
	display: none;
}
#linked table:has(.eg_office_hour_trial2_2 input[value="業務委託（フリーランス）"]:checked) .eg_office_hour_trial4,
#linked table:has(.eg_office_hour_trial2_2 input[value="インターンシップ"]:checked) .eg_office_hour_trial4{
	display: none;
}
#linked table:has(.eg_office_hour_trial3 input[value="本採用時と異なる"]:not(:checked)) .eg_office_hour_trial3_2{
	display: none;
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="月給"]:checked) .eg_office_hour_trial3_2_3,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="日給"]:checked) .eg_office_hour_trial3_2_3,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="日給"]:checked) .eg_office_hour_trial3_2_4,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="日給"]:checked) .eg_office_hour_trial3_2_5,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="日給"]:checked) .eg_office_hour_trial3_2_6,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="時給"]:checked) .eg_office_hour_trial3_2_3,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="時給"]:checked) .eg_office_hour_trial3_2_4,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="時給"]:checked) .eg_office_hour_trial3_2_5,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="時給"]:checked) .eg_office_hour_trial3_2_6{
	display: none;
}
#linked .eg_office_hour_trial3_2_2 dt:before,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="年俸"]:checked) .eg_office_hour_trial3_2_2 dt:before{
	content: "年俸";
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="月給"]:checked) .eg_office_hour_trial3_2_2 dt:before{
	content: "月給";
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="日給"]:checked) .eg_office_hour_trial3_2_2 dt:before{
	content: "日給";
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="時給"]:checked) .eg_office_hour_trial3_2_2 dt:before{
	content: "時給";
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="時給"]:checked) .eg_office_hour_trial4{
	display: none;
}
#linked table:has(.eg_office_hour_trial3_2_4 input[value="なし"]:checked) .eg_office_hour_trial3_2_5,
#linked table:has(.eg_office_hour_trial3_2_4 input[value="なし"]:checked) .eg_office_hour_trial3_2_6{
	display: none;
}
#linked .eg_office_hour_trial4 .per:before,
#linked table:has(.eg_office_hour_trial3_2_1 input[value="年俸"]:checked) .eg_office_hour_trial4 .per:before{
	content: "1年あたり ";
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="月給"]:checked) .eg_office_hour_trial4 .per:before{
	content: "1ヶ月年あたり ";
}
#linked table:has(.eg_office_hour_trial3_2_1 input[value="日給"]:checked) .eg_office_hour_trial4 .per:before{
	content: "1日あたり ";
}

/*-------エンゲージアカウント情報-------*/

#engage_account .outer{
	position: relative;
}
#engage_account:not(.done) .result{
	display: none;
	opacity: 0;
}
#engage_account .result p{
	margin: 5px 0 !important;
}
#engage_account:has(input[type="text"]:invalid) .btn-info{
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .5;
	filter: grayscale(1);
}
#engage_account:not(:has(.confirm input[type="checkbox"]:checked)) .btn-success{
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .5;
	filter: grayscale(1);
}
#engage_account .loadouter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: 0.3s;
	opacity: 0;
	z-index: 3;
}
#engage_account.loading .loadouter{
	pointer-events: auto;
	opacity: 1;
}
#engage_account .loadouter>div:nth-of-type(1){
	background: rgba(220,220,220,0.6);
}
#engage_account:not(.success) .confirm{
	display: none;
}
#side-nav .help-block.linked_help{
	margin-top: 15px;
}
.row:not(:has(.linked_tab.active)) #side-nav .help-block.linked_help{
	display: none;
}

td:has(input#contacts-recaptcha-flag-0:checked) input[name="Contacts[recaptcha_project_id]"]{
	background-color: #eee;
	color: #555;
	pointer-events: none;
}

.engage-color{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
}
.engage-color .form-group{
	width: 25%;
	text-align: center;
	padding: 5px;
	margin: 0 !important;
}
.engage-color .form-group img{
	display: block;
	max-width: 80%;
	margin: 0 auto 5px;
}
.engage-color .radio-inline{
	padding: 0;
	margin: 0;
}
.engage-color input[type="radio"]{
	margin-left: 0;
	margin-right: 5px;
	position: static;
}
@media screen and (max-width:600px){
	.engage-color .form-group{
		width: 33.3%;
	}
}
@media screen and (max-width:550px){
	.engage-color .form-group{
		width: 33.3% !important;
	}
}