/*================================*/
/*       共通             */
/*================================*/
html, body {
    background-repeat: repeat;
    height: 100%; /* #containerのmin-heightに対して必要なもの */
    margin: 0;
    padding: 0;
	font-family: Helvetica, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}
body.development{
}
body{
    overflow-y: visible !important;
    overflow-x: visible !important;
}
body > .sidebar-mini {
    height: 100%;
}
.i {
    color: #E3DFBA;
    color: #C8D6BF;
    color: #93CCC6;
    color: #6CBDB5;
    color: #1A1F1E;
}

a {
	color: #1558d6;
}

.text-danger {
	font-weight: normal;
}

.red,
.attention {
    color: #e71818;
}

.m5 {
    margin: 5px;
}

.text-danger {
    color: #e71818;
}

.text-warning {
    color: #e71818;
}



.custom-menu-box h3 {
	font-size: 18px;
    border-bottom: 5px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.custom-menu-box h4 {
	font-size: 16px;
    border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.custom-menu-box p {
	margin-bottom: 25px;
	line-height: 1.6;
}

.custom-menu-box .check-box-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.check-box-list-sec {
	width:31%;
	margin-bottom: 20px;
}

.custom-menu-box .block{
	width:100%;
	position:relative;
	margin:0;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.custom-menu-box span{
	text-transform:uppercase;
	font-size:15px;
	padding-left: 10px;
}

.custom-menu-box .wrap{
  width:200px;
  position: absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:30px 30px 5px;
}

.custom-menu-box label{
  width:50px;
  height:26px;
  box-sizing:border-box;
  border:1px solid #aaa;
  border-radius:100px;
  position:relative;
  cursor:pointer;
  transition:.3s ease;
	background: #eee;
}

.custom-menu-box input[type=checkbox]:checked + label{
  background:#1cdc46;
}

.custom-menu-box input[type=checkbox]:checked + label:before{
  left:26px;
}

.custom-menu-box label:before{
  transition:.3s ease;
  content:'';
  width:20px;
  height:20px;
  position:absolute;
  background:white;
  left:2px;
  top:2px;
  box-sizing:border-box;
  border:1px solid #aaa;
  color:black;
  border-radius:100px;
}

.custom-menu-box input {
	display: none;
}


.main-footer {
	margin-left:auto;
}

.main-header {
	max-height:55px;
}

.main-header .logo {
	width:160px;
}

.main-sidebar,.left-side {
	position:static;
	top:0;
	left:0;
	padding-top:0;
	min-height:auto;
	width:auto;
	z-index:810;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}

.sidebar-menu>li>a {
	padding:12px 5px 10px 15px;display:block
}

.sidebar-menu .treeview-menu {
	padding: auto;
}

.sidebar-menu .treeview-menu>li>a {
	padding:5px 5px 5px 0;
}

.form-group.has-error .form-control {
	border-color:#e71818 !important;
}

.bg-graye71818 {
	color:#000;
	background-color:#d2d6de !important;
}

.text-red{
	color:#e71818 !important;
}

.bg-red-gradient{
	background:#e71818 !important;
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
	background:-ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
	background:-moz-linear-gradient(center bottom, #e71818 0, #e47365 100%) !important;
	background:-o-linear-gradient(#e47365, #dd4b39) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
	color:#fff;
}






@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0;
		width: 100%;
    }
}


@media (max-width: 768px) {
	.sidebar-open .main-sidebar, .sidebar-open .left-side {
		display: block;
		width: 230px;
	}

	.sidebar {
		width: 230px;
	}

	.sidebar-open .content-wrapper, .sidebar-open .right-side, .sidebar-open .main-footer {
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
}

.dropdown-menu > li > a.pt_pay {
    background: #6CBDB5;
    color: #fff;
    padding: 5px 15px;
    margin: 3px 0;
}

hr {
    border: 1px dashed #93CCC6;
}

.btn-primary {
    background-color: #368ad9;
    border-color: #368ad9;
}

ol.topicpass {
    border-bottom: 1px solid #DBD6CE;
    -webkit-box-shadow: 0px 1px 0px 0px #fff;
    box-shadow: 0px 1px 0px 0px #fff;
}

.content-header > .breadcrumb > li + li:before {
    content: ">";
    color: #999;
}

.main-header {
    z-index: auto;
	background: #000501;
    margin: 0;
    width: 100%;
}

.content-wrapper {
	float: left;
}

.wrapper-box {
	/*display: flex;
	justify-content: space-between;*/
	min-height: 100vh;
	margin: 0 auto;
    width: 100%;
	background: #f0f2f5;
}

.wrapper-box::after{
   content: "";
   clear: both;
   display: block;
}

.todo-list {
	margin: 10px 10px 0 10px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
    line-height: 1.6;
    vertical-align: middle;
}

.row {
    margin-right: 15px;
    margin-left: 0;
}

.form-group .row-fluid {
	/*display: flex;
    align-items: center;*/
}

.form-group .row-fluid span {
	position: relative;
    /*left: 5px;
    top: -2px;*/
}

.custom-menu {
	padding: 20px 15px 12px 15px;
	font-size: 12px;
}

.custom-menu a {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 0;
	text-align: center;
	display: block;
	text-align: center;
	background: #f5f5f5;
}

.custom-menu a:hover {
	background: #fff;
}


.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 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #fff;
}

.content {
	padding: 50px;
}

.main-sidebar {
	width: 220px;
	padding-top: 10px;
	transition: .2s;
}

.content-wrapper {
	width: calc(100% - 240px);
	background: #f0f2f5;
	border-radius: 0 0 4px 0;
	transition: .2s;
	
}

.navbar-nav li:nth-last-child a, .navbar-nav li:nth-last-child(2) a {
    margin-top: 44px;
    padding: 3px 10px;
    height: 30px;
}

.navbar-nav li:nth-last-child(2) a {
    /*margin-top: 10px;*/
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    z-index: 1100;
}

.sidebar-menu-fixed {
    position: fixed;
    top: 60px;
    width: 220px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.skin-blue .TOP {
    margin-bottom: 10px;
}

ul.siteadd-menu {
    display: flex;
    list-style: none;
    padding: 10px 0;
}

.siteadd-menu li {
    flex: 1;
    text-align: center;
}

.skin-blue .siteadd-menu li:hover > a, .skin-blue .siteadd-menu li.active > a {
    color: #fff;
    background: #78aecc;
    border-left-color: #1A1F1E;
    box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    -moz-box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    -webkit-box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: relative;
    padding: 12px 10px;
}

.skin-blue .sidebar-menu > li.omit:hover > a, .skin-blue .sidebar-menu > li.omit.active > a {
    color: #fff;
    background: #6CBDB5;
    border-left-color: #1A1F1E;
    box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    -moz-box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    -webkit-box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.box {
    padding: 15px;
	border: none;
	filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.04));
	box-shadow: none;
	border-radius: 8px;
}

.content .row {
    margin-right: 0;
    margin-left: 0;
}

.conf {
    margin: 10px 15px;
}

.mt10 {
    margin-top: 10px;
}

.p10 {
    padding: 10px;
}

.clear {
    clear: both;
}

.attention a {
    color: red;
}

.form-group .necessity .attention{
    background-color: #dd4b39 !important;
    color: #fff !important;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

/*パンくず*/
.syncer-brcb {
    overflow: hidden;
    list-style-type: none;
    border-radius: 5px;
    background: #78AECC;
    border-bottom: solid 3px #60889E;
    padding: 3px 10px;
    -webkit-box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.1), 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 2px 1px rgba(255, 255, 255, 0.1), 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
}

/* [li] */
.syncer-brcb li {
    float: left;
    font-weight: 700;
    color: #fff;
}

.syncer-brcb li a {
    color: #fff;
}

/* [>] */
.syncer-brcb li:after {
    content: ">";
    padding: 0 8px;
    font-weight: 400;
}

/* 一番最後の[li] */
.syncer-brcb li:last-child:after {
    content: none;
}


.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background: none;
}

.navbar-nav > li > a {
    /*padding:0;*/
}

.navbar-nav > .li-help a {
    padding: 6px 12px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn_box {
	margin: 10px 0;
}

/*コンテンツのヘッダー部分*/
.content-header {
    z-index: auto; /*カラーピッカーが後ろに隠れるので20→0に変更  9/11*//*モーダルの関係で900に変更*/
    margin-bottom: 20px;
	padding: 0;
}

.content-header h2 {
	font-size: 22px;
	margin: 0;
}

.content-header > .breadcrumb > li > a {
    color: #999;
}

.breadcrumb > .active {
    color: #999;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: none;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid #cdcdcd;
}

.plus_btn {
    border-radius: 50%;
    background: #2B9F44;
    color: #fff;
    width: 25px;
    height: 25px;
    display: inline-block;
    line-height: 23px;
    margin-left: 7px;
	position: relative;
	top: -2px;
}

.plus_btn:hover,
.plus_btn:active,
.plus_btn:checked,
.plus_btn:focus {
	color: #fff;
	opacity: 0.7;
}

.content-header .desc {
    color: #636363;
    padding: 15px;
    margin: 20px 0 10px 0;
    border: 1px dashed #CCC;
    background-color: #fff;
    border-radius: 10px;
}

.tagform {
    margin-top: 20px;
}

.content-wrapper {
    min-height: 1015px !important;
	margin-left: 0;
}



.skin-blue .main-header .navbar {
    background: none;
    z-index: auto;
}

.navbar-custom-menu {
    /*margin-top: 10px;*/
}

.skin-blue .main-header .logo {
    background: none;
    color: #1A1F1E;
    border-bottom: 0 solid transparent;
    height: auto;
    padding:0px;
}
.skin-blue .main-header .logo img{
    margin:8px;
   height:30px;
}
#content_box_1 {
    padding: 0 10px;
}

/*index*/
.chage {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.chagept {
    color: #E00003;
    font-size: 30px;
}

.Functions {
    font-size: 14px;
    color: #696969;
    font-weight: bold;
    text-indent: 5px;
}

/*index*/
.content_box {
    margin-bottom: 50px;
}

.content-title {
    margin-left: 10px;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    /*background-image: url(../img/image_data/haikei.jpg);*/
    /*background-repeat: repeat;*/
    /*background-color: #f4edd9;*/
}

.skin-blue .wrapper {
	background: #fff;
}


.skin-blue .sidebar a {
    color: #333;
    line-height: 1;
}
.skin-blue .main-header .navbar .nav > li{
    border-collapse: collapse;
    position: relative !important;
}
.skin-blue .main-header .navbar .nav > li.support_bbs_btn_wrap span{
    display: block;
    background-color: #0a99e3;
    color:#fff;
    font-size: 11px;
    width: 100%;
    text-align: center;
    height:11px;
}
.skin-blue .main-header .navbar .nav > li span.bbs_first{
    position: absolute;
    top:0px;
}
.skin-blue .main-header .navbar .nav > li span.bbs_last{
    position: absolute;
    bottom:0px;
}
.skin-blue .main-header .navbar .nav > li > a {
    color: #ccc;
    padding: 0;
    padding-left: 0px;
    padding-right: 0px;
    height: 55px;
    min-width: 55px;
    text-align:center;
    margin:0px;
    vertical-align: middle;
    display: table-cell;
    font-size: 12px;
    font-weight: bold;
    /*margin-top: 10px;*/
}

.skin-blue .main-header .navbar .nav > li > a:hover {
	color: #fff;
}

.skin-blue .main-header .navbar .nav > li > a > i{
    font-size:14px;
}
.skin-blue .main-header .navbar .nav > li > a:hover {
    background-color: #333;
}
.skin-blue .main-header .navbar .nav > li > a .btn-default {
    background: #fff;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #1A1F1E;
    box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    -moz-box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    -webkit-box-shadow: 0px -2px 12px rgba(105, 70, 2, 0.4);
    margin-left: 16px;
    margin-top: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #fff;
}

.galleryList form:nth-of-type(2) .galleryListCon {
    background: rgba(199, 199, 199, 0.58);
}

.image {
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
}

.image img {
    position: absolute;
}

a.step_active {
    border: #DB4245 2px solid;
    animation: blink 2s linear infinite normal;
    -webkit-animation: blink 2s linear infinite normal;
    -moz-animation: blink 2s linear infinite normal;
    -o-animation: blink 2s linear infinite normal;
}

a.step_active:hover {
    animation: none;
    -webkit-animation: none;
}

.panblock {
    display: inline-block;
    width: 150px;
}

.panblock:after {
    content: ">";
    margin-left: 5px;
    top: -30px;
    position: relative;
}

@keyframes blink {
    0% {
        background-color: transparent;
    }
    90% {
        background-color: #FF9A9C;
    }
    100% {
        background-color: transparent;
    }
}

@-webkit-keyframes blink {
    0% {
        background-color: transparent;
    }
    90% {
        background-color: #FF9A9C;
    }
    100% {
        background-color: transparent;
    }
}

@-moz-keyframes blink {
    0% {
        background-color: transparent;
    }
    90% {
        background-color: #FF9A9C;
    }
    100% {
        background-color: transparent;
    }
}

@-o-keyframes blink {
    0% {
        background-color: transparent;
    }
    90% {
        background-color: #FF9A9C;
    }
    100% {
        background-color: transparent;
    }
}

/*side*/




/*--------form-----------*/
.image_area .form-control {
    border: none;
    background: rgba(185, 218, 185, 0.56);
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}

.image_area .modal-dialog .pad,
.image_area .modal-dialog .data {
    float: left;
    width: 50%;
    padding: 10px;
}

.tagform {
    margin: 10px 0;
}

.searchBg {
    margin: 0 0 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.skin-blue .sidebar-form, .Search-form {
    border-radius: 11px 30px 30px 11px;
    -webkit-border-radius: 11px 30px 30px 11px;
    -moz-border-radius: 11px 30px 30px 11px;
    margin: 0 16px;
    margin-left: 2px;
}

.Search-form {
    max-width: 300px;
    margin: 0 0 10px 0;
}

.skin-blue .sidebar-form select, .Search-form select {
    color: #B3B3B3;
    height: 45px;
    font-size: 100%;
    padding: 12px 50px 12px 12px;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(select_arrow.jpg) no-repeat right;
}

.skin-blue .sidebar-form input[type="text"], .Search-form input[type="text"] {
    box-shadow: none;
    background: rgba(249, 249, 249, 0.5);
    border: 1px solid #ccc;
    height: 33px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.skin-blue .sidebar-form .btn, .Search-form .btn {
    box-shadow: none;
    background-color: #B1CFE0;
    border-left: 1px #000000 inset;
    color: #000;
    border-radius: 17px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.skin-blue .sidebar-form .btn, .Search-form .btn {
    padding: 4px 12px 5px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    background-color: none;
}
.input-group .input-group-addon {
    background-color: #c9e2f5;
    color:#000;
}
.btn-success {
    background-color: #2B9F44;
    border-radius: 4px;
	border: none;
}
.btn-warning {
    background-color: #999;
    border-color: #999;
}

.btn-warning:hover {
    background-color: #666;
    border-color: #666;
}

.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #ee582a!important;
	border: none;
}
.btn-list-add{
    width: 100%;
    max-width: 300px;
    margin: 0 auto 10px;
}
.btn-list-add:hover{
    box-shadow: 0 0 0 0 ;
}
.form-btns{
    padding-top: 10px;
    text-align: center;
}
.btn-form-back{
    width: 150px;
    margin: 0 auto 10px;
    padding: 10px;
    border-radius: 0px;
}
.btn-form-pay{
    width: 150px;
    margin: 0 auto 10px;
    padding: 10px;
    border-radius: 0px;
}
.btn-form-next{
    font-size:16px;
    width: 200px;
    margin: 0 auto 10px;
    padding: 10px;
}
.btn-form-next:hover{
	background-color: #007d1b;
}
.input-group .btn-form-next{
    font-size:14px;
    width: 100px;
    color:#fff;
    padding: 5px;
    margin: -2px 0 0 0;
}
.input-group .btn-form-next:hover{
    border: none !important;
}
.table > tbody > tr.dgray > td, .table > tbody > tr.dgray > th, .table > tbody > tr > td.dgray, .table > tbody > tr > th.dgray, .table > tfoot > tr.dgray > td, .table > tfoot > tr.dgray > th, .table > tfoot > tr > td.dgray, .table > tfoot > tr > th.dgray, .table > thead > tr.dgray > td, .table > thead > tr.dgray > th, .table > thead > tr > td.dgray, .table > thead > tr > th.dgray {
    background-color: #bbb;
}

.table-bordered2 {
    border: 1px solid #868686;
}

.table-bordered2 th {
    background-color: #dcdcdc;
}

.table-bordered2 th, .table-bordered2 td {
    border-top: none !important;
    border: 1px solid #868686;
}

.sidebar-menu a {
	transition: .1s;
}

.bussiness-update {
	font-size: 11px;
	margin-bottom: 15px;
}

.bussiness-update a {
	border-radius: 4px;
	background: #333;
	color: #fff!important;
	padding: 12px 0 10px 0!important;
	display: block;
	text-align: center;
	border: 1px solid #ddd;
	filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.2));
}

.skin-blue .sidebar-menu > li a {
	display: flex;
	align-items: center;
}

.treeview .drop-down-link {
	position: relative;
}

.treeview .drop-down-link:after {
	content: '';
	display: inline-block;
	background-size: contain;
	width: 14px;
	height: 14px;
	mask-image: url(../img/image_data/new-icon/chevron-down.svg);
	position: absolute;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:14px;
	right: 15px;
	top: calc(50% - 7px);
	background-color: #333;
}

.treeview.active .drop-down-link:after {
	transform: rotate(180deg);
	background-color: #fff;
}

.treeview .drop-down-link:hover:after {
	background-color: #fff;
}

.skin-blue .sidebar-menu > li:hover > a{
	background: #333;
	color: #fff;
}

.skin-blue .sidebar-menu > li.active > a {
	font-weight: bold;
	background: #333;
	color: #fff;
}

.skin-blue .sidebar-menu > li.bt-c-menu:hover > a{
	background: #fff;
	color: #333;
}

.skin-blue .main-sidebar {
    background: #fff;
	float: left;
	filter: drop-shadow(0px 0px 4px rgba(124,124,124,0.1));
	border-radius: 10px;
	margin: 10px;
}

.sidebar dl {
	margin: 10px auto 0 auto;
}

.sidebar dt {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: normal;
	font-weight: bold;
	padding: 12px 10px 10px 14px;
	background: #ededed;
	color: #333;
	margin-top: 15px;
}

.sidebar dd {
	font-size: 13px;
	margin: 0 auto 10px auto;
	width: calc(100% - 30px);
}
S

.sidebar dd a:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 13px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 1px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:12px;
	background-color: #333;
	mask-image: url(../img/image_data/new-icon/chevron-right.svg);
}

.quick-menu01:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
	position: relative;
	top: -1px;
	mask-image: url(../img/image_data/new-icon/edit.svg);
}

.quick-menu02:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
	position: relative;
	top: -1px;
	mask-image: url(../img/image_data/new-icon/settings.svg);
}

.quick-menu03:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
	position: relative;
	top: -1px;
	mask-image: url(../img/image_data/new-icon/movie.svg);
}

.quick-menu04:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
	position: relative;
	top: -1px;
	mask-image: url(../img/image_data/new-icon/calendar-month.svg);
}

.quick-menu05:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
	position: relative;
	top: -1px;
	mask-image: url(../img/image_data/new-icon/user.svg);
}

.quick-menu06:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 5px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
	position: relative;
	top: -1px;
	mask-image: url(../img/image_data/new-icon/coin-yen.svg);
}


.sidebar-menu .treeview-menu > li > a {
	padding: 8px 5px 8px 15px;
    display: block;
    font-size: 13px;
}


.sidebar-menu .treeview.active {
	
}

.sidebar-menu .treeview-menu>li {
    
}

.sidebar-menu .treeview-menu>li:last-child {
    border-bottom: none;
}

.sidebar-menu>li.top-border {
	padding-top:20px;
	position: relative;
	/*margin-top: 15px;*/
}

.sidebar-menu>li.top-border:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	left: 0;
	top: 10px;
}

.side-link a:before,
.side-link.bt-custom-menu:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 16px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 6px;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size:18px;
	background-color: #333;
	transition: .15s;
}

.side-link a:hover:before,
.side-link.active a:before {
	background-color: #fff;
}

.side-link.bt-c-menu a:hover:before {
	background-color: #333;
}

.side-link.active .treeview-menu a:before {
	background-color: #333;
}

.side-link.bt-dashbord a:before {
	mask-image: url(../img/image_data/new-icon/layout-dashboard.svg);
}

.side-link.bt-c-menu a:before {
	mask-image: url(../img/image_data/new-icon/list.svg);
}

.side-link.bt-c-menu a:after {
	position: absolute;
	right: 10px;
	font-size: 11px;
	content: '編集';
	border: 1px solid #ddd;
	color: #666;
	padding: 5px 10px 4px 10px;
	border-radius: 4px;
	display: inline-block;
}

.side-link.bt-c-menu a:hover:after {
	color: #fff;
	background: #666;
}

.side-link.bt-pages a:before {
	mask-image: url(../img/image_data/new-icon/notes.svg);
}

.side-link.bt-blog a:before {
	mask-image: url(../img/image_data/new-icon/pencil.svg);
}

.side-link.bt-photo a:before {
	mask-image: url(../img/image_data/new-icon/photo.svg);
}

.side-link.bt-post a:before {
	mask-image: url(../img/image_data/new-icon/edit.svg);
}

.side-link.bt-form a:before {
	mask-image: url(../img/image_data/new-icon/clipboard-list.svg);
}

.side-link.bt-site-edit a:before {
	/*mask-image: url(../img/image_data/new-icon/tools.svg);*/
	mask-image: url(../img/image_data/new-icon/edit.svg);
}

.side-link.bt-site-config a:before {
	mask-image: url(../img/image_data/new-icon/settings.svg);
}

.side-link.bt-site-edit02 a:before {
	/*mask-image: url(../img/image_data/new-icon/adjustments.svg);*/
	mask-image: url(../img/image_data/new-icon/settings.svg);
}

.side-link.bt-reserve a:before {
	mask-image: url(../img/image_data/new-icon/calendar-month.svg);
}

.side-link.bt-member a:before {
	mask-image: url(../img/image_data/new-icon/user.svg);
}

.side-link.bt-option a:before {
	/*mask-image: url(../img/image_data/new-icon/settings-plus.svg);*/
	mask-image: url(../img/image_data/new-icon/adjustments.svg);
}

.side-link.bt-movie a:before {
	mask-image: url(../img/image_data/new-icon/movie.svg);
}

.side-link.bt-agreement a:before,
.side-link.bt-frontpayment a:before {
	mask-image: url(../img/image_data/new-icon/coin-yen.svg);
}

.side-link.bt-point a:before {
	mask-image: url(../img/image_data/new-icon/coins.svg);
}

.side-link.bt-admin a:before {
	mask-image: url(../img/image_data/new-icon/device-desktop-cog.svg);
}

.side-link.bt-adminnews a:before {
	mask-image: url(../img/image_data/new-icon/speakerphone.svg);
}

.side-link.bt-adminmember a:before {
	mask-image: url(../img/image_data/new-icon/user-circle.svg);
}

.side-link.bt-admindomain a:before {
	mask-image: url(../img/image_data/new-icon/world.svg);
}

.side-link.bt-adminreference a:before {
	mask-image: url(../img/image_data/new-icon/books.svg);
}

.side-link.bt-custom-menu:before {
	mask-image: url(../img/image_data/new-icon/list.svg);
}

.custom-menu-child a:before {
	mask-image: url(../img/image_data/new-icon/chevron-right.svg);
}
.side-link.bt-learning a:before {
    mask-image: url(../img/image_data/new-icon/school.svg);
}
.side-link.bt-custom-menu {
	padding: 22px 5px 12px 15px!important;
	display: flex;
    align-items: center;
}
.side-link.bt-learning-menu a:before {
    mask-image: url(../img/image_data/new-icon/school.svg);
    mask-size:14px;
    margin-right: 3px;
}
.side-link .treeview-menu a:before {
	mask-image: url(../img/image_data/new-icon/circle-arrow-right-filled.svg);
	mask-size:14px;
	margin-right: 3px;
}


/*サイドバーのhover時の背景*/

.skin-blue .sidebar-menu > li > .treeview-menu {
    background: #eee;
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}


.skin-blue .sidebar-menu > li > .treeview-menu li a {
	padding: 8px 5px 8px 15px
}

.skin-blue .main-header .logo:hover {
    background: none;
}

.main-header .sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    margin: none;
    padding: 2px 10px;
    font-family: fontAwesome;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #6CBDB5;
}

.content-wrapper, .right-side, .main-footer {
    -webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
    transition: transform .3s ease-in-out, margin .3s ease-in-out;
    z-index: 820;
}

.btn-success:hover, .btn-success:active, .btn-success.hover {
    /*background-color: #84c9c2;*/
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success {
    /*border: #83c6a7 ridge 1px;*/
}

.btn-success:focus {
    /*background: #6CBDB5;*/
}

.btn-info{
    background-color: #27b7da;
}
/**
on off トグル
 */
.on-off-toggle {
    position: relative;
    width: 70px;
    height: 32px;
    margin-top: 3px;
    margin-bottom: 3px;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
}
.on-off-toggle-collapse{
    display: inline-block;
    vertical-align: top !important;
    line-height: 34px;
}
.on-off-toggle input[type=checkbox] {
    display: none;
}
.on-off-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #f45e55;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.on-off-toggle:after {
    content: "OFF";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 42px;
    height: 26px;
    display: block;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    text-align: center;
    padding: 14px 0 0;
    line-height: 0.1;
    font-size: 14px;
    font-weight: bold;
    color: #df4c43;
    letter-spacing: .5px;
    box-sizing: border-box;
}
.on-off-toggle.checked:before {
    background: #3CB34B;
}
.on-off-toggle.checked:after {
    content: "ON";
    left: 26px;
    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
    color: #3CB34B;
    padding: 14px 0 0 1px;
}


form .form-group{
    border-bottom:1px dashed #ccc;
    padding-bottom: 15px;
}
form .form-group .row-fluid div:first-child{
    font-weight: bold;
}
/*================================*/
/*       共通end             */
/*================================*/
/*お知らせ*/
.todo-list > li .label {
    margin-left: 0;
    margin-right: 10px;
}

/*--------------------テーマ設定---------------------*/

.themebox {
    border-bottom: #B9B9B9 inset 1px;
}

.theme_img {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 45px;
}

.mytheme-select {
    /* flexboxで等間隔に並べる*/
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

}

.mytheme-select > div {
    /* 枠線をつけて1列に5つ並べる */
    margin-bottom: 10px;
    width: 24%;
    background-color: #fff;
    /* 正方形にするのに必要な部分 */
    height: auto;
    position: relative;
    padding: 20px;
    overflow: hidden;
    margin: 5px;
    min-height: 120px;
}

input[type=checkbox], input[type=radio] {
    /*margin: 15px 0 0;
    margin-top: 1px \9;*//*inputだけの時揃わない*/
    line-height: normal;
}

.ace_search_field {
    color: #666;
}

/*--------------------/テーマ設定---------------------*/


/*--------------------ログイン画面---------------------*/

.logheader {
    width: 15%;
    margin: 15px auto;
}

.body_login {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: auto !important; /* IE6対策：この2行で */
    height: 100%; /* IE6対策：擬似的にmin-heightと同じことをさせてる */
    min-height: 100%; /* 中身が少なくても高さ100%にする */
	background: #f0f2f5;
}

div.logheader img {
    margin: auto;
}

div.login {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 280px;
    padding: 15px;
    margin: -100px 0 0 -110px;
}

div.logfooter {
    background: #000;
    bottom: 0; /* フッターが下に来るようにする */
    color: #fff;
    position: absolute;
    width: 100%;
}

.form-signin {

}

.form-signin .form-signin-heading, .form-signin {
    margin-bottom: 10px;
}

.form-signin .form-control {
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    font-family: 'Noto Sans Japanese', sans-serif;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #000;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: #000;
}

.form-signin-heading {
    color: #333;
    text-align: center;
	margin-bottom: 15px;
	font-size: 28px;
}

.login .btn-primary {
	margin-bottom: 15px;
}

/*--------------------/ログイン画面---------------------*/


/*--------------------トップページ---------------------*/

/*--------------------/画像選択モーダル-----------------*/
.desc {
    font-size: 12px;
    padding: 5px 0;
    color: #5C5C5C;
}

input[type=file].img_up {
    display: inline-block;
    line-height: 10px;
}

.imagebuy_btn1 a {
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 10px;
    background: #FF7F00;
}

.imagebuy_btn1 a i, .imagebuy_btn2 a i {
    color: #fff;
}

.imagebuy_btn2 a {
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 10px;
    background: #78B129;
}

.imagelist ul {
    margin: 0px;
    padding: 0px;
}

/*============エディター画像==============*/

.ImageInfo {
    position: absolute;
}

/*ファイルブラウザ*/
.editorFileBrowseBox {
    z-index: 2000;
    background-color: #fff;
    color: #000;
    margin: 0;
}

.editorFileBrowseBox h6 {
    color: #000;
    font-size: 16px;
}

.editorFileBrowseBox .fileListInline {
    display: flex;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap: wrap;

}

.editorFileBrowse .editorFileBrowseBox .imagelist {
    height: 600px;
    overflow: scroll;

}
.editorFileBrowseBox.dropzone {
    padding: 0px;
    margin: 0px;
}
.editorFileBrowseBox.dropzone.dz-started .dz-message {
     display: block;
}
.editorFileBrowseBox .image_li {
    /*position:relative;*/
    width: 90px;
    /*float:left;*/
    margin: 5px;
    text-align: center;
    border: 1px solid #CCC;
    background: url(/img/alpha_bg.png);

    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    -o-align-self: stretch;
    align-self: stretch;


    /*min-height: 130px;*/
}

.editorFileBrowseBox .image_li img {
    max-width: 80px;
    max-height: 80px;
    min-width: 50px;
    min-height: 50px;
}

.editorFileBrowseBox .image_li p {
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    margin: 2px;
    height: 24px;
}

.editorFileBrowseBox .image_li input {
    position: absolute;
    bottom: 0px;
}

.editorFileBrowseBox .movie_li {
    position:relative;
    width: 200px;
    /*float:left;*/
    margin: 5px;
    text-align: center;
    border: 1px solid #CCC;
    background: url(/img/alpha_bg.png);

    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    -o-align-self: stretch;
    align-self: stretch;


    /*min-height: 130px;*/
}
.editorFileBrowseBox .movie_li.movie_used{
    background:none;
    background-color: #0a6aa1;
    padding: 5px;
}
.editorFileBrowseBox .movie_li p {
    text-align: center;
    background-color: #fff;
    overflow-wrap: break-word;
    margin: 2px;
}

.editorFileBrowseBox .movie_li img {
    max-width: 100%;
    max-height: 130px;
    /*min-width:50px;*/
    /*min-height:50px;*/
}
.editorFileBrowseBox .movie_li span.status {
    position: absolute;
    display: inline-block;
    padding: 3px;
    background-color: #000;
    color: #fff;
    top:0px;
    left:0px;
}
.editorFileBrowseBox .movie_li .tooltip.right{
    min-width: 140px;
}
.modal.in .modal-dialog {
    z-index: 10000;
    width: 80%;
}

.modal.in .modal-dialog .help_cap {
    background: #78aecc;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
}

.editorFileBrows {
    z-index: 99999 !important;
}

#imgInsertBox {

    z-index: 100000 !important;
}

#imgInsertBox .modal-dialog {
    width: 60%;
}

.browser_icon {
    display: inline-block;
    padding: 5px;
    margin: 3px;
}

.browser_icon:hover {
    background-color: #004ab3;

}

.browser_icon img {
    max-width: 40px;
    max-height: 40px;
}

/*---------------------/画像選択モーダル　　end-------------*/
/*--------------------/画像選択モーダル-----------------*/
.desc {
    font-size: 12px;
    padding: 5px 0;
    color: #5C5C5C;
}

input[type=file].img_up {
    display: inline-block;
    line-height: 10px;
}

.imagebuy_btn:nth-of-type(1) a {
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 10px;
    background: #FF7F00;
}

.imagebuy_btn:nth-of-type(1) a i, .imagebuy_btn:nth-of-type(2) a i {
    color: #fff;
}

.imagebuy_btn:nth-of-type(2) a {
    padding: 0 10px;
    min-height: 35px;
    line-height: 35px;
    display: block;
    border-radius: 10px;
    background: #78B129;
}

.imagelist ul {
    margin: 0px;
    padding: 0px;
}

.imagelist ul li {
    list-style: none;
}

#image2Box {
    z-index: 2000;
    background-color: #fff;
    color: #000;
}

#image2Box h6 {
    color: #000;
    font-size: 16px;
}

#image2Box .image_li {
    position: relative;
    width: 11.4%;
    float: left;
    margin: 5px;
    text-align: center;
    border: 1px solid #CCC;
    /*background:url(/img/alpha_bg.png) ;*/
    background: #dcdcdc;
    min-height: 130px;
}

#image2Box .image_li.white {
    background: #fff;
}

#image2Box .image_li.black {
    background: #000;
}

#image2Box .image_li img {
    width: 100%;
}

#image2Box .image_li p {
    text-align: center;
    background-color: #fff;
}

#image2Box .image_li input {
    position: absolute;
    bottom: 0px;
}

.modal.in .modal-dialog {
    z-index: 10000;
    width: 90%;
}

.modal.in .modal-dialog .help_cap {
    background: #78aecc;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
}

.support_box {
    border-top: 3px solid #CCC;
    border-left: 3px solid #CCC;
    margin:0;
}
.support_box_wrapper{
    display: flex;
}
.support_box .support_box_right .direct-chat-messages{
    padding:0px;
}
.support_box_wrapper .direct-chat-text{
    background-color: #eeeded;
}
.support_box_wrapper .right .direct-chat-text{
    background-color: #c0ef8f;
}
.support_box_left{
    width:250px;
}
.support_box_right{
    width:calc(100% - 250px);
}
.support_box_right .chat{
    padding: 0px !important;
}
.support_box_left .support_member_list{
    overflow-y:scroll;
    padding:0px;
}
.support_box_right .bbs_box{
    border-bottom: 15px solid #ccc;
    padding: 30px 10px
}
.support_box_right .bbs_box .text_box{
    background: none;
    padding: 20px;
}
.support_box_right .bbs_box:nth-child(odd) {
    background-color: #ebf3fb;
}
.support_box_right .bbs_box:nth-child(even) {

}

.support_box_left .support_member_list li{
    list-style: none;
    padding:10px;
    border:1px solid #ccc;
}
.support_box_left .support_member_list li:hover{
    background-color: #b5c9d5;
}
.support_box_left .support_member_list li.selected{
    background-color: #b5c9d5;
}
.support_box_right .bbs_box{
    position: relative;

}
.support_box_right .bbs_box.no_view_bbs:before{
    content: "\f0e0";
    font-family: FontAwesome;
    position: absolute;
    top:10px;
    right:10px;
}
.support_box.holiday{
    background: #ececec;
}
.support_box.holiday ul.support_member_list li:not(.selected){
    background: #fff;
}
.d-flex{
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}
#support_window_close_bt{
    position: absolute;
    top: 8px;
}
.box-body .openbtn6{
    display: none;
}
@media(max-width: 600px){
    .d-flex{
        display: block;
    }
    .support_box_left{
        width:100%;
        display: none;
    }
    .support_box_right{
        width:100%;
    }
    .box-body .openbtn6{
        display: block;
        margin-bottom: 5px;
    }
    .box-body .openbtn6{
        position: relative;
        background:#DBB82E;
        cursor: pointer;
        width: 50px;
        height:50px;
        border-radius: 5px;
    }
    .box-body .openbtn6 span{
        display: inline-block;
        transition: all .4s;/*アニメーションの設定*/
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background: #fff;
    }
    .box-body .openbtn6 span:nth-of-type(1) {
        top:15px;
        width: 45%;
    }
    .box-body .openbtn6 span:nth-of-type(2) {
        top:23px;
        width: 35%;
    }
    .box-body .openbtn6 span:nth-of-type(3) {
        top:31px;
        width: 20%;
    }
    .box-body .openbtn6.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-135deg);
        width: 30%;
    }

    .box-body .openbtn6.active span:nth-of-type(2) {
        opacity: 0;
    }

    .box-body .openbtn6.active span:nth-of-type(3){
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(135deg);
        width: 30%;
    }
}

/*---------------------/画像選択モーダル　　end-------------*/
/*imagenaviモーダルサイズ*/
#imageBuy .modal-dialog {
    height: 90%;
    width: 95%;
    margin-top: 50px;
}

#imageBuy .modal-content {
    height: 100%;
    overflow: hidden;
}

#imageBuy .modal-body {
    height: 100%;
    padding: 0;

}

#imageBuy .modal-title {
    display: inline-block;
}

/*動画　ヘルプ*/
.resp_iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.resp_iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.modal-body {
    width: 100%;
    /*width:calc(100% + 15px);*/
    height: 90%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


.modal-body iframe {
    width: 750px;
    height: 440px;
    border: none;
}


.question_detail dl{
    margin-top: 10px;
    margin-bottom: 20px;
}
.question_detail dl dt{

    padding: 15px;
    font-size:16px;
}
.question_detail dl dd{
    padding: 15px;
    background-color:#fff;
    border-radius:10px;
}
.reference_right iframe {
    height: 470px;
}

.reference_right .detail-desc h3 {
    color: #78AECC;
    border-bottom: solid 3px;
    padding-bottom: 5px;
}

.reference_right table {
    background-color: #fffaf1;
}

.reference_right table th {
    background-color: #e9e9e9;
}

.reference_right table td, .reference_right table th {
    padding: 5px;
}

/*モーダル*/
.modal-footer {
    border-top: #78aecc dashed;
    border-radius: 0 0 10px 10px;
}

.modal-body {
}

.modal.in .modal-dialog {
    margin-top: 100px;
    position: relative;
    border-radius: 10px;
}

.modal-header {
    background: #78aecc;
    color: #fff;
    border: none;
}

.modal-header h3 {
    margin-top: 10px;
}

.modal .modal-content {
    margin: auto;
    border-radius: inherit;
    border: solid 5px #78AECC;
}

.modal-open .modal {
    padding: 0;
}

/*imagenaviモーダルサイズ*/
#imageBuy .modal-dialog {
    height: 90%;
    width: 95%;
    margin-top: 50px;
}

#imageBuy .modal-content {
    height: 100%;
    overflow: hidden;
}

#imageBuy .modal-body {
    height: 100%;
    padding: 0;

}

#imageBuy .modal-title {
    display: inline-block;
}

/*動画　ヘルプ*/
.resp_iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.resp_iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
}

iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.modal-body {
    width: 100%;
    /*width:calc(100% + 15px);*/
    /*height: 90%;*/
	max-height: 80vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
	padding: 30px;
}


.modal-body iframe {
    width: 750px;
    height: 440px;
    border: none;
}

.reference_right iframe {
    height: 470px;
}

.favorite_name {
    border: solid 1px #d2d6de;
}

/*モーダル*/
.modal-footer {
    border-top: #368ad9 dashed;
    border-radius: 0 0 10px 10px;
}

.modal-body {
}

.modal.in .modal-dialog {
    margin-top: 50px;
    position: absolute;
    border-radius: 10px;
	left: 5%;
}

.modal-header {
    background: #368ad9;
    color: #fff;
    border: none;
	border-radius: 6px 6px 0 0;
}

.modal-header h3 {
    margin-top: 10px;
}

.modal .modal-content {
    margin: auto;
    border-radius: inherit;
    border: solid 1px #368ad9;
}

.modal.in .modal-sm {
    z-index: 10000;
    width: 300px;
    position: relative;
}

.modal-open .modal {
    padding: 0;
}

/*--------------------/ナビゲーション--------------------*/
/*.navedit .dd-item input{line-height:30px;}*/

.dd-item .del {
    text-align: right;
}

.dd-item .del a {
    background: #EA3535;
    color: #fff;
}


.imgsize {
    height: 70px;
}

.imagebox .imgsize {
    width: 100%;
    height: auto;
}

textarea.form-control {
    display: block;
}

.folder .folder_imgsize {
    width: 20px;
    height: 20px;
    float: left;
}

.folder .folder_txt {
    border: none;
    display: inline;
    float: left;
    width: 50%;
}

.folder input[type=button] {
    display: inline;
}

ol.children {
    padding-left: 5% !important;
}

/*=================ギャラリー====================*/
.view_set {
    padding: 15px 10px;
    border-top: solid 1px #ccc;
    text-align: right;
}

.galleryList {
    padding: 15px;
}

.galleryList .table_header > div {
    padding: 3px 0;
    text-align: center;
}

.galleryList .galleryListCon {
    background: #fff;
    border-bottom: dashed 1px #4D4D4D;
    padding: 5px 0;
}

.galleryList .image_area_sort {
    margin-top: 10px;
    position: relative;
}

#browse {
    margin: 10px 0;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	background: #f0f2f5;
	border-radius: 10px;
}

#browser_text {
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    color: #368ad9;
}

.drop_target {
    border: 2px dotted #368ad9 !important;
    background-color: #fff !important;
	margin-bottom: 25px;
	border-radius: 10px;
}

#browse a.imgo, #browse a.diro, #browse div.filo {

    height: 120px;
    font-size: 14px;
    text-align: center;
    display: block;
    position: relative;

}

.drop_target.dropzone {
    padding: 30px 0!important;
}

.drop_target.dz-started .dz-message {
    display: block !important;

}

.drop_target .dz-message {
    margin: 0.5em 0 !important;
}

#browse .my-gallery {
    width: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #000;
    background: url("/img/alpha.png") repeat;
}

.pswp__bg {
    background: url("/img/alpha.png") repeat !important;
}

#browse ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#browse.lisize {
    height: 230px;
    font-size: 14px;
    white-space: nowrap;
    list-style: none;
}


span.closedel {
    opacity: 1;
}

.lisize {
    position: relative;
    margin:5px;
    /*background-color:#DFDFDF;*/
    width: 135px;
}

.lisize .imgrota {
    z-index: 100;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: -10px;
    left: 10px;
    color: #333;
    padding: 1px 4px;
}

.lisize .imgrota .fa {
    font-size: 16px;
}

.lisize .resize {
    z-index: 100;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: -10px;
    right: 10px;
    color: #333;
    padding: 1px 4px;
}

.file_box {
    position: relative;
    border-radius: 10px;
    border: solid 1px #fff;
}

.file_box .filename {
    border: 1px solid #ccc;
    background-color: #f2ede3;
    text-align: center;
    padding: 3px;
    position: absolute;
    display: block;
    bottom: 5px;
}

.editbox {
    display: none;
    position: absolute;

}

.file_box:hover .editbox {
    display: block;
    z-index: 1000;
    width: 100%;
}

.file_box input.filename-input {
    background-color: #f3eff4 !important;
}

.lisize input[type=button] {
    font-family: FontAwesome;
    background: #EF4955;
    color: #fff;
}

.img-btn input[type=button], .img-btn a {
    width: 33%;
    height: 34px;
    display: inline-block;
    font-family: FontAwesome;
    line-height: 34px;
    padding: 0;
    border-radius: 0;
}

.img-btn input[type=button]:hover, .img-btn a:hover {
    background: rgba(0, 0, 0, 0.14);
    color: #333;
    border: none;
    border-left: 1px #ddd;
}

.file_box.imagebox {
    background: #373a39;;
}

.file_box.directry {
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 10px;
}

.file_box.file {
    background: #78aecc;
}

.file_box.moviefile {
    background: #78aecc;
}

.file_box.etcfile {
    background: #78aecc;
}

.file_box.directry .lisize_title {
    color: #8B8B8B;
}

.img-btn a.imgprocessing {
    z-index: 100;
    top: 0px;
    left: 82px;
    font-size: 12px;
    background: #fff;
    color: #7892cc;
    border: none;
    border-left: solid 1px #ddd;
}

.copy-img {
    background: #fff;
    color: #6cbd7d;
    border: none;
    border-left: solid 1px #ddd;
}

#browse a.imgo i {
    width: 90%;
    text-align: right;
    color: #7892cc;
    top: 47%;
}

.resize-img {
    background: #fff;
    color: #7892cc;
    border: none;
    border-right: solid 1px #ddd;
}

.lisize input[type=button]:hover {
    background: #b7242e;
}

.copy-img:hover {
    color: #6cbd7d;
}

.resize-img:hover {
    color: #7892cc;
}

.lisize .resize .fa {
    font-size: 16px;
}

/*--------------サポート-------------------*/
.box-header .box-title {
    margin-bottom: 0;
}

#member_select_window ul {
    list-style: none;
    padding: 10px;
}

#member_select_window .to_member {
    margin-right: 5px;
}

.new-message {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0px;
    width: 100%;
    height: 20px;
    line-height: 13px;
}

/*============エディター=================*/
.cjs_tab {
    margin: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
}

.cjs_tab li {
    cursor: pointer;
    background: #ccc;
    padding: 5px 25px;
    float: left;
    margin-right: 1px;
    border-radius: 5px 5px 0 0;
}

.cjs_tab li.select {
    cursor: default;
    background: #eee;
}

.cjs_content {
    margin-bottom: 0px;
    padding: 0;
    list-style: none;
}

.cjs_content li {
    background: #eee;
    padding: 20px;
    border-radius: 0 5px 5px 5px;
}

.cjs_hide {
    display: none;
}

.cjs_textarea {
    width: 100%;
    height: 300px;
}

.item_box_btn {
    display: none;
}


/*=================タグ===============*/
.tags {
    padding: 5px 15px;
    background: #D3E4F1;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
}

.tags-delete {
    margin-left: 5px;
}

.tag_edit select,
.tag_edit input {
    display: inline-block;
    width: auto;
}

/*==============テーブル==============*/
table tr.disable td {
    background-color: #b6b6b6;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background: #fff;
}

.add_table .form-group .col-md-3 {
    margin-top: 5px;
}

.pazi_table { /*margin:10px 0;*/
}

.form-body h4 {
    font-size: 14px;
    margin: 10px 0 5px 0;
}

.form-body input[type=text] {
    background: #fff;
}

.form-body .form-group {
    /*border-top: dashed 1px #8AC071;*/
}

.form-body .col-md-3 {
    padding-top: 10px;
}

.form-body .col-md-9 {
    padding-top: 10px;
}

.pazi_table label {
    display: inline;
}

.pazi_table input[type=checkbox], input[type=radio] {
    /*margin-right:30px;*//*inputだけのカラムが幅をとってしまう*/
}

.hensyu {
    margin: 10px;
}

.table_header, .widget_wrapper th {
    background: #59595f;
    font-weight: bold;
    color: #fff;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td {
    /*border:none;*/
}

#rirekiModal > div > div > div.modal-body > table > tbody > tr > th {
    color: #333;
}

#rirekiModal > div > div > div.modal-body > table > tbody > tr > th a {
    margin-right: 4px;
}

.hidden-lg_taitoru {
    font-weight: bold;
    background-color: #DFDFDF;
    margin-bottom: 10px;
    padding: 8px;
}

.hidden-lg_naiyo {
    margin-bottom: 15px;
    padding-left: 15px;
}

/*================ページ一覧=======================*/
/* --- 奇数行 --- */
.table .odd {
    background-color: #ffffff; /* 奇数行の背景色 */
}

/* --- 偶数行 --- */
.table .even {
    background-color: #fff; /* 偶数行の背景色 */
}

table.table > tbody > tr > td {
    vertical-align: middle;
}


/*===================パーツ======================*/
input[type=radio].bg_repeat {
    margin-right: 5px;
    margin-bottom: 10px;
}

.bg_repeat_box {
    background: #ECECEC;
    border-radius: 10px;
    padding: 10px;
}

/*================ブログ編集=======================*/
#blogform table, #blogAdd table, #linkform table {
    width: 100%;
}

#blogform table th, #blogAdd table th, #linkform table th {
    vertical-align: middle
}

#blogform table {
    width: 100%;
}

/*==================画像関連====================*/
.imgInput input {
    padding: 5px;
    border: 1px solid #C2C2C2;
    display: inline;
}

/*================ブログ編集=======================*/
/*================基本設定==================*/
.SNSimg {
    background-repeat: no-repeat;
    width: auto;
    height: 300px;
    background-size: contain;
}

.select-noimage-box {
    padding: 10px;
    text-align: center;
}

.no-display {
    display: none;
}

/*================取 説====================*/
.tips_sidebar {
    padding: 15px;
}

.tips_sidebar ul {
    border: 1px #ccc solid;
    border-radius: 10px;
    list-style: none;
    padding: 15px;
    background-color: rgba(249, 249, 249, 0.36);
}

.tips_sidebar .side-li {
    border-bottom: solid 1px #CECECE;
    height: 30px;
    line-height: 30px;
}

.show-new {
    color: #FF0004;
}

.side-select {
    font-weight: bold;
    color: #000;
}

.reference_flow p {
    background: #FFFFFF;
    border: solid #E4E4E4 1px;
    margin-bottom: 0;
    padding: 10px 0;
}

.reference_box {
    position: relative;
    padding: 20px;
}

.reference_box > div {
    background: rgba(255, 255, 255, 0.73);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.reference_box .ih-item.square.effect3.top_to_bottom .info {
    height: 100%;
    background: transparent;

}

.reference_box .ih-item.square.effect3.colored .info .infotitle {
    background: #78AECC;
}

.ih-item.square.effect3 .info p {
    margin-bottom: 0;
}

.reference_box .ih-item.square.effect3.colored .info .infolist {
    background: rgba(0, 0, 0, 0.40);
    color: #fff;
    height: 100%;
    padding-top: 10px;
}

.reference_box .ih-item.square.effect3.colored .info .infolist ul {
    padding-left: 30px;
}

.reference_box .ih-item.square.effect3.colored .info .infolist ul li {
    text-align: left;
}

/*ロゴ*/
.logo-div {
    float: left;
    display: inline-block;
    box-sizing: border-box;
    width: 150px;
    height: 120px;
}

.logo-sele, .icon-sele {
    border: solid 3px #FF90A8;
}

.icon-div {
    float: left;
    display: inline-block;
    box-sizing: border-box;
    width: 150px;
    padding: 10px;
    height: 220px;
}

.icon-a {
    display: block;
}

.icon-img {
    width: 125px;
}

.intro-icon {
    display: inline-block;
    vertical-align: top;
    padding: 6px 0 0 0;
    margin-right: 20px;
    width: 40px;
    font-size: 3em;
}

.intro-icon span.icon {
    font-size: 40px;
    color: #797979;
    font-weight: bold;
}

.intro-content {
    display: inline-block;
    width: calc(100% - 64px);
}

.expertise h1 {
    color: #424242;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.intro-content p {
    font-size: 15px;
    line-height: 30px;
    padding-right: 40px;
}

/*================ポイント==================*/
.mypoint {
    padding: 20px;
    margin: 20px;
}

.mypoint .point {
    color: #FF3E3E;
    font-size: 16px;
    font-weight: bold;
}

/*==============   翻訳   ================*/
.honyaku h4 {
    font-weight: bold;
    color: #78aecc;
    padding: 5px;
}

.honyaku .honyaku_in {
    padding: 10px 25px;
}

.honyaku .honyaku_in .input[type="checkbox"] {
    background: #fff;
    padding: 5px 7px;
    margin-right: 5px;
}

.hon_cal {
    border: solid 1px #eee;
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    background: #fefefe;
}

.hon_cal.carrent {
    background: #4E7F9A;
    color: #fff;
}

table.hon_total {
    width: 500px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 12px;
    border: none;
}

table.hon_total th,
table.hon_total td {
    padding: 10px;
}

table.hon_total th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

table.hon_total th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
@-moz-document url-prefix() {
    table.hon_total th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}

#content_box_1 > div > table.hon_total > tbody > tr > td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}

#content_box_1 > div > table.hon_total > tbody > tr:nth-child(2) > td {
    color: red;
    font-weight: bold;
    font-size: 18px;
}

.total div.center {
    text-align: center;
    width: 500px;
    margin: 10px auto;
}

.trans-remarks {
    margin-bottom: 20px;
}

.trans-origin {
    background: #fff;
    padding: 20px;
    border: solid 1px #ccc;
    min-height: 400px;
}

.trans-center .fa {
    font-size: 30px;
}

.trans-center {
    text-align: center;
}

.honyaku .lang {
    padding: 10px;
    border: solid 1px #ccc;
    display: inline;
    margin-top: 20px;
    border-radius: 10px;
    background: #fff;
}

.my_pointbox {
    border: solid 1px #eee;
    background: #fff;
    margin-bottom: 10px;
}

.my_pointbox div:nth-child(1) {
    text-align: center;
    background: hsl(29, 100%, 72%);
    padding: 10px;
    color: #fff;
    font-weight: bold;
}

.my_pointbox div:nth-child(2) {
    padding: 30px;
    text-align: center;
}

.my_pointbox div:before {
    top: 40px;
    left: 50%;
    margin-left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: hsl(29, 100%, 72%) transparent transparent transparent;
    z-index: 0;
    position: absolute;
    content: "";
}

.my_pointbox_y div:nth-child(1) {
    background: hsl(29, 100%, 72%);
    vertical-align: middle;
    text-align: left;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    padding: 20px 10px;
}

.my_pointbox_y div:nth-child(1):after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: hsl(29, 100%, 72%);
    border-width: 10px;
    margin-top: -10px;
}

div.my_pointbox_y {
    background: #f8f8f8;
}

div.my_pointbox_y:nth-child(2) > div:nth-child(1) {
    background: rgba(255, 181, 112, 0.61)
}

div.my_pointbox_y:nth-child(3) > div:nth-child(1) {
    background: rgba(255, 181, 112, 0.41)
}

div.my_pointbox_y:nth-child(2) > div:nth-child(1):after {
    border-left-color: rgba(255, 181, 112, 0.61)
}

div.my_pointbox_y:nth-child(3) > div:nth-child(1):after {
    border-left-color: rgba(255, 181, 112, 0.41)
}

div.my_pointbox_y > div:nth-child(2) {
    padding: 20px 10px 20px 30px;
    border-bottom: solid 1px #eee;
}

.my_pointbox .my-point {
    font-size: 18px;
}

/*==================翻訳確認==================*/
.description-check {
}

/*マ============ッチング=============*/
.matching h2 {
    border-bottom: solid 1px #587B9F;
    padding-bottom: 10px;
    padding-left: 10px;
}

.matching h2:before {
    color: #5C7CA2;
    content: "\f140";
    font-family: FontAwesome;
    margin-right: 5px;
}

/*==================決済================*/
.payment_table {
    width: 50%;
    margin: 15px auto;
}

.payment_table > tbody > tr > th {
    background: hsla(0, 0%, 100%, 0.8);
    font-weight: bold;
    padding: 20px;
}

.payment_table > tbody > tr.table_header > th {
    color: #016298;
    text-align: center;
    font-size: 23px;
    padding: 10px;
}

.payment_table > tbody > tr.table_header th:before {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #000000;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}

.payment_table > tbody > tr > td,
.paysite > tbody > tr > td {
    background: hsla(0, 0%, 100%, 0.8);
    padding: 20px;
    font-weight: bold;
}

.paysite {
    width: 50%;
    margin: 15px auto;
}

.paysite > tbody > tr > th {
    padding: 20px;
    background: #6CBDB5;
    color: #fff;
}

.paysite table {
    border: 20px hsla(0, 0%, 100%, 0.8) solid;
}

.paysite .paysite-point {
    width: 230px;
    margin: auto;
}

.paysite .paysite-money, .paysite .paysite-gb {
    width: 230px;
    margin: auto;
}

.payment .btn-submit {
    clear: both;
}

@media screen and (max-width: 991px) {
    .content-header > .breadcrumb {
        background: transparent
    }

    /*クズ*/
    .panel-heading .col-md-11 {
        float: left;
        width: 80%;
    }

    .panel-heading .col-md-1 {
        width: 20%;
        float: left;
    }

    .navbar-custom-menu .navbar-nav {
        margin: none;
        float: left;
    }

    .panel-group {
        margin-top: 20px;
    }

    /*table*/
    /*.table-responsive { */
    /*display: block; */
    /*width: 100%; */
    /*margin: 10px 0;*/
    /*}*/
    /*.table-responsive thead{ */
    /*display: block; */
    /*float: left;*/
    /*overflow-x:scroll;*/
    /*}*/
    /*.table-responsive tbody{ */
    /*display: block; */
    /*width: auto; */
    /*overflow-x: auto; */
    /*white-space: nowrap;*/
    /*}*/
    /*.table-responsive th{ */
    /*display: block;*/
    /*width:auto;*/
    /*}*/
    /*.table-responsive tbody tr{ */
    /*display: block; */
    /*margin: 0 -3px;*/
    /*}*/
    /*.table-responsive td{ */
    /*display: block;*/
    /*}*/
}

@media (max-width: 768px) {
    .table-responsive input[type=text] {
        min-width: 130px;
    }

    .img-btn input[type=button], .img-btn a {
        width: 50%;
    }

    .directry input[type=button], .etcfile input[type=button], .moviefile input[type=button], .file input[type=button] {
        margin-bottom: 34px;
    }

    #browse a.imgo i {
        top: 42%;
        width: 87%;
    }

    #browse .lisize {
        width: 25%;
    }
}

.sidebar-collapse .main-sidebar {
		display: none;
}

.sidebar-collapse .content-wrapper {
	margin-left: 0;
	width: 100%;
}

/*ipad*/
@media (max-width: 767px) {
    .main-header .logo {
        position: absolute !important;
        display: inline-block;
        left:50px;
        width: auto;
    }
    .main-header .logo img{
        width: 70px;
        height: auto !important;
    }
    .main-sidebar, .left-side {
        padding-top: 0px !important;
		display: none;
    }

    .main-header .navbar-custom-menu .li-help a {
        background: rgba(255, 255, 255, 0.50);
        padding: 5px 10px;
    }

    .content-wrapper, .right-side, .main-footer {
        margin-left: 0;
        margin-right: 0;
		width: 100%;
		padding: 40px 20px 20px 20px;
    }

    .content {
        padding: 0 5px 30px;
    }

    .content-header {
        margin: -5px -5px 20px -5px;
    }

    .support_box {
        height: 100% !important;
        width: 100% !important;
    }

    /*-----------table-----------*/
    /*.form-body .col-md-3{background:#78aecc;padding:5px;color:#fff}*/
    .form-body .col-md-9 {
        padding-top: 10px;
    }

    .add_table .form-group .col-md-3 {
        vertical-align: middle;
        margin-bottom: 5px;
        border-top: dashed 1px #78aecc;
        padding-top: 10px;
    }

    .add_table .form-group .col-md-9 {
        padding-left: 30px;
    }

    #blogAdd .table > tbody > tr > th, #blogform .table > tbody > tr > th {
        width: 35%;
    }

    .table > tbody > tr > td {
    }

    .sidebar-collapse .content-wrapper, .sidebar-collapse .right-side, .sidebar-collapse .main-footer {
        margin-left: 0;
		width: 100%;
    }
	
	

    .imgsize {
        width: 90px;
        height: 80px;
    }

    textarea.form-control {
        /*display: none;*/
    }

    #browse .lisize {
        height: auto;
        position: relative;
        width: 33.33333333%;
        padding: 0 5px;
    }

    #browse a.imgo, #browse a.diro, #browse div.filo {
    }

    #browse div.filo {
        /*margin: 10px auto;*/
    }

    #browse a.imgo {
    }

    .img-btn a.imgprocessing {
        display: none;
    }

    #browse {
        /*padding-left: 10px;*/
    }

    .lisize .imgrota {
        z-index: 100;
        width: auto !important;
        height: auto !important;
        position: absolute;
        top: -10px;
        left: -5px;
    }

    .img-btn input[type=button] {
        width: 100%;
    }

    #browse a.imgo i {
        top: 42%;
    }
}


@media (max-width: 500px) {
    .sptebl th {
        width: 100%;
        display: block;
        margin: 0 auto;
        border: none;
    }

    .sptebl td {
        display: block;
        width: 100%;
        border-top: none !important;
    }

    #imageBuy .modal-dialog {
        margin-top: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    #imageBuy .modal-body {
        height: 90%;
    }

    /*モーダル*/
    .modal.in .modal-dialog {
        margin-top: 10px;
        position: relative;
        border-radius: 0px;
    }

    .modal.in .modal-dialog {
        z-index: 10000;
        width: 94%;
    }

    .modal.in .modal-body {
        padding: 5px;
    }

    /*インライン用ファイルブラウザ*/
    .fileListInline {
    }

    .editorFileBrowse .editorFileBrowseBox {
        height: 300px;
        /*overflow: scroll;*/
        overflow-x: scroll;
    }

    .editorFileBrowseBox .fileListInline {
        display: flex;
        -webkit-flex-wrap: wrap; /* Safari */
        flex-wrap: wrap;
        flex-direction: column;
        height: 300px;
        overflow-x: auto;
        width: 100%;
    }

    .editorFileBrowseBox .fileListInline .image_li {
        display: table-cell;
    }

    .cke_contents {
        height: 300px !important;
    }

}

/* end */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
    /*ログイン画面*/
    .logheader {
        width: 50%;
        margin: auto;
    }

    .login {
    }


}


.news .box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: -3px;
}

/* garally test  */
.garally_item_panel {
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
}

.garally_setting_bt {
    position: absolute;
    left: 10px;
    top: 5px;
}

.garally_delete_image_bt {
    position: absolute;
    right: 10px;
    top: 5px;
}

.garally_btn_item_del {
    position: absolute;
    right: 10px;
    top: 5px;
}

/* garally modal */
.garally_modal_pad {
    float: left;
    width: 50%;
    padding: 10px;
}

.garally_modal_row {
    display: block;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
}

.garally_modal_data {
    float: left;
    width: 50%;
    padding: 10px;
}

.garally_modal_form_control {
    display: block;
    width: 100%;
    border: none;
    background: rgba(185, 218, 185, 0.56);
    padding: 5px;
    margin: 5px;
    height: 34px;
    line-height: 1.42857143;
}

.garally_modal_form_control:before {
    display: table;
    content: " ";
    box-sizing: border-box;
}

.garally_modal_form_control:focus {
    outline: 0;
}

.garally_modal_form_group {
    display: block;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: 15px;
}

.garally_description {
    margin: 8px 0;
    text-align: center;
    font-size: 13px;
}

.garally_parts_title {
    padding-left: 15px;
}

/* カスタム投稿 */
.custompost_table td {
    padding: 10px;
    border: 1px solid #000;
}

/**予約 **/
.fc-widget-content {
    background-color: #fff;
}

.fc .fc-list-table th, .fc .fc-list-table td {
    padding: 8px !important;
}

.password-table thead {
    background-color: #ccc;
}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #368ad9!important;
	border: none;

}

.modal-content button.close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.modal-content button.close span {
    font-size: 30px;
}

.modal.in .modal-dialog.modal-lg {
    position: relative;
    width: auto;
    max-width: 900px;
    left: auto;
    margin-left: auto;
    margin-right: auto;
}

.modal.in .modal-dialog.modal-lg {
    position: relative;
    width: auto;
    max-width: 900px;
    left: auto;
    margin-left: auto;
    margin-right: auto;
}

.reference_all_list li {
    border-bottom: 1px dotted #ccc;
}

.reference_all_list li a {
    padding: 5px;
    display: block;
}

.reference_all_list li {
    font-size: 24px;
    list-style: none;
}

.reference_all_list li li {
    font-size: 18px;
    list-style: circle;
}

.reference_all_list li li li {
    font-size: 14px;
}
.use_agree td{
    font-weight: bold;
}

#payjp_checkout_box{
    display: inline-block;
}
#payjp_checkout_box input[type='button']{
    width: 150px !important;
    margin: 0 auto 10px !important;
    padding: 10px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

/**
チュートリアル
 */

.tutorial_focus{
    position: relative;
    animation: FocusFlag 2s infinite;
    /*box-shadow: inset 5px 5px 0 #b73232;*/

}
/* アニメーション */
@keyframes FocusFlag{
    50%{
        box-shadow: inset 0px 0px 10px 5px rgb(177, 66, 110),0px 0px 10px 5px rgb(177, 66, 110);
    }
}
#tutorial-sidebar{
    padding-top: 0px;
    margin-top: 55px;
}
#tutorial-sidebar .cleared-tutorial{
    color: #4f6782;
}
.control-sidebar-bg{
    margin-top: 55px;
}
.control-sidebar-bg, .control-sidebar{
    width:317px;
    right: -317px;
}
#tutorial-nav{
    list-style: none;
    margin: 0px;
    padding: 10px;
}
#tutorial-nav > li{
    margin: 0px;
    padding: 0px;
    line-height: 40px;
    list-style: none;
    position: relative;
    border-bottom:1px dashed #ccc;

}
#tutorial-nav > li > .tutorial-step-open{
    height: 40px;
    line-height: 36px;
}
#tutorial-nav > li > .tutorial-action-bt {
    display: inline-block;
    margin:5px;
    padding:5px;
    top:0px;
    right: 10px;
    position: absolute;
}
#tutorial-nav > li > ol > li {
    line-height: 25px;
}
#tutorial-nav a.btn-danger{
    color:#fff;
}
#tutorial-nav a.btn-danger:hover{
    background: #d76c5f;
}
.tutorial-count{
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    left:0px;
    top:0px;
    color:#fff;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #4cae4c;
}
.ai-open-bt{
    color: #000;
}
.ai-instruction{
    display: none;
}
.cleared-tutorial{

}
.cleared-tutorial ol{
    display:none;
}
#logdata-area .stream_line{
    position: relative;
}
#logdata-area .stream_line div.timeline_wrap{
    position: relative;
    height:20px;
}
#logdata-area .stream_line div.moveitimeline{
    position: absolute;
    background: #0a3d4e;
    display: inline-block;
    height: 20px;
}
#logdata-area .stream_line div.moveitimeline span{
    display: inline-block;
    position: absolute;
    color:#000;
    border-radius: 10px;

    font-size:12px;
    padding: 5px;
}
#logdata-area .stream_line div.moveitimeline span.timeline_start_str{
    background-color: #6dc9e7;
    left: -15px;

}
#logdata-area .stream_line div.moveitimeline span.timeline_end_str{
    background-color: #deba53;
    right: -15px;
}
/**
確認ダイアログ
 */
.jconfirm .jconfirm-box{
    width:100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transition: all 300ms 0s ease !important;
}
.jconfirm .jconfirm-box-container{
    position: absolute;
    width:300px;
    top:0px;
    left:0px;
    transition: all 300ms 0s ease !important;
}
.jconfirm .jconfirm-holder{
    position:fixed;
    top:0px;
    left:0px;
}
/* end */
@media only screen and (max-device-width: 480px) and (orientation: landscape) {
    .jconfirm-box{
        width:90%;
    }


}
/** sortable **/
.dd .dd-handle{
    line-height: 23px;
}
    /** select2 **/
.content-wrapper .select2-container .select2-choice {
    padding: 3px 10px 3px 15px !important;
}
.select2-container .select2-choice .select2-arrow b {
    background: url(select2.png) no-repeat 0 7px !important;
}

.main-sidebar .select2-container .select2-choice .select2-arrow b {
    background: url(select2.png) no-repeat 0 1px !important;
}


.select2-container .select2-choice .select2-arrow {
    background: #d4ecf9!important;
}
.select2-drop-active {
    border: 1px solid #d4ecf9!important;
}
.select2-dropdown-open .select2-choice {
    background-color: #d4ecf9!important;
    box-shadow:none !important;
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 0px !important;
}


.timeline-area{
    height: 500px;
    overflow: auto;
}
.type_quickpay .col-md-6 button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all{
    width: 100% !important;
}

.learning_step_bar{
    display: flex;
    flex-wrap: nowrap;
    min-width: 300px;
    height: 20px;
    margin: 0;
    padding: 0;


}
.learning_step_bar li{
    display: block;
    width: 20%;
    height: 100%;
    background: #f8f8f8;
    border-right: 1px solid #ccc;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
}
.learning_step_bar li.learned{
    background: #4cae4c;
    color: #fff;
}

 .learning_step_bar li.accessed{
    background: #f0ad4e;
    color: #fff;
 }