@charset "utf-8";

/* CSS Document */
/*-------------------------------------------------------------------------------------------------------*/
/*再定義スタイル*/
/*-------------------------------------------------------------------------------------------------------*/

html,
body {
	overflow-y: hidden;
	height: 100%;
}
#wrapper {
	overflow-y: scroll;
	height: 100%;
}

option,
optgroup {
	background-color: #fff;
}

.sidebar {
	position: fixed;
	top: 0;
	left: 0;
	width: 180px;
	height: 100%;
	padding-bottom: 70px;
	overflow: auto;
	background-color: #05161a;
	color: #ffffff;
	box-shadow: rgb(221, 221, 221) -1px 0px 0px inset;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
	.sidebar {
		overflow-y: auto;
		z-index: 400;
	}
}

.edtr-control-panel {
	color: #ccc;
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #222222;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	transition-property: height;
	transition-duration: 400ms;
	height: 44px;
	overflow-x: hidden;
	overflow-y: hidden;
}

@media (min-width: 768px) {
	.edtr-control-panel {
		/* margin-left: 16px; */
		width: 320px;
		margin-top: 0;
		position: fixed;
		height: calc(100% - 56px) !important;
	}
	.edtr-control-panel::-webkit-scrollbar {
		display: none;
	}
}

.next {
	left: 100% !important;
}

.prev {
	left: -100% !important;
}

.edtr-control-panel .vertical-space {
	padding-top: 16px;
	padding-bottom: 16px;
}

.edtr-control-panel .container {
	width: 100%;
	padding-right: 16px;
	padding-left: 16px;
}
@media (min-width: 768px) {
	.edtr-control-panel .container > :first-child {
		padding-top: 0 !important;
	}
}

.fade-slide-l {
	transition: ease-out 0.3s;
	opacity: 0;
	margin-right: -15%;
	left: 15%;
	visibility: hidden;
}
.fade-slide-l.in {
	opacity: 1;
	margin-right: 0;
	left: 0;
	visibility: visible;
}

.container .blink {
	-webkit-animation: highlight 0.2s;
	animation: highlight 0.2s;
}

.edtr-control-panel .row {
	margin-right: -4px;
	margin-left: -4px;
}

.edtr-control-panel .col-xs-1,
.edtr-control-panel .col-sm-1,
.edtr-control-panel .col-md-1,
.edtr-control-panel .col-lg-1,
.edtr-control-panel .col-xs-2,
.edtr-control-panel .col-sm-2,
.edtr-control-panel .col-md-2,
.edtr-control-panel .col-lg-2,
.edtr-control-panel .col-xs-3,
.edtr-control-panel .col-sm-3,
.edtr-control-panel .col-md-3,
.edtr-control-panel .col-lg-3,
.edtr-control-panel .col-xs-4,
.edtr-control-panel .col-sm-4,
.edtr-control-panel .col-md-4,
.edtr-control-panel .col-lg-4,
.edtr-control-panel .col-xs-5,
.edtr-control-panel .col-sm-5,
.edtr-control-panel .col-md-5,
.edtr-control-panel .col-lg-5,
.edtr-control-panel .col-xs-6,
.edtr-control-panel .col-sm-6,
.edtr-control-panel .col-md-6,
.edtr-control-panel .col-lg-6,
.edtr-control-panel .col-xs-7,
.edtr-control-panel .col-sm-7,
.edtr-control-panel .col-md-7,
.edtr-control-panel .col-lg-7,
.edtr-control-panel .col-xs-8,
.edtr-control-panel .col-sm-8,
.edtr-control-panel .col-md-8,
.edtr-control-panel .col-lg-8,
.edtr-control-panel .col-xs-9,
.edtr-control-panel .col-sm-9,
.edtr-control-panel .col-md-9,
.edtr-control-panel .col-lg-9,
.edtr-control-panel .col-xs-10,
.edtr-control-panel .col-sm-10,
.edtr-control-panel .col-md-10,
.edtr-control-panel .col-lg-10,
.edtr-control-panel .col-xs-11,
.edtr-control-panel .col-sm-11,
.edtr-control-panel .col-md-11,
.edtr-control-panel .col-lg-11,
.edtr-control-panel .col-xs-12,
.edtr-control-panel .col-sm-12,
.edtr-control-panel .col-md-12,
.edtr-control-panel .col-lg-12 {
	padding-right: 4px;
	padding-left: 4px;
}

.edtr-control-panel .row .vertical-space {
	padding-top: 4px;
	padding-bottom: 4px;
}
.edtr-control-panel .vertical-space {
	padding-top: 8px;
	padding-bottom: 8px;
}

.edtr-control-panel .btn {
	line-height: 34px;
}

.modal-body {
	line-height: 1.42857143;
}

/*エディタのヘッダー用スタイル*/
.edtr-header {
	border-bottom: 1px solid #888;
	position: fixed;
	height: 64px;
	color: #cccccc;
	background: #222222;
	top: 0;
	right: auto;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}
@media (min-width: 768px) {
	.edtr-header {
		height: 100%;
		width: 89px;
		display: block;
		align-items: unset;
		border-bottom: none;
	}
}

.edtr_btn_logo {
	width: 80px;
}
@media (min-width: 768px) {
	.edtr_btn_logo {
		width: 100%;
		text-decoration: none;
	}
}

/*ページ設定ボタン*/
.edtr_btn_edit_menu ul {
	list-style: none;
	display: flex;
	width: 100%;
	margin: 0;
	border-left: none;
}
.edtr_btn_edit_menu li {
	padding: 0;
	flex: 0 0 50%;
	border-radius: 0;
	border-right: none;
	background: #fff;
}
.edtr_btn_edit_menu li a {
	padding: 0px;
	font-size: 38px;
	text-align: center;
	display: block;
	color: #666;
	line-height: 1;
	text-decoration: none;
}
.edtr_btn_edit_menu li a:hover,
.edtr_btn_edit_menu li a.active {
	background: none;
	opacity: 0.3;
}
.edtr_btn_edit_menu li a.disabled {
	color: #e4e4e4 !important;
	pointer-events: none;
	cursor: not-allowed;
}

.edtr_btn_flat_btn {
	line-height: 46px;
	height: 46px;
	width: 64px;
	text-align: center;
	color: #fff !important;
	font-weight: bold;
	border-radius: 8px;
	text-decoration: none !important;
}

/*エディタの編集パネル用スタイル*/
.edtr-control-menu-sp {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	text-align: center;
	height: 44px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-right: -16px !important;
	margin-left: -16px !important;
}
.edtr-control-menu-sp a {
	color: #666;
}
.edtr-control-btn-page a {
	color: #38ba00;
}
.edtr-control-btn-block a {
	color: #ffa400;
}
.edtr-control-btn-parts a {
	color: #00a9ce;
}

.edtr-control-btn-block,
.edtr-control-btn-page,
.edtr-control-btn-parts {
	flex: 0 0 33.33%;
}
.edtr-control-btn-block a,
.edtr-control-btn-page a,
.edtr-control-btn-parts a {
	text-decoration: none;
}

.edtr-control-btn-block.disabled a,
.edtr-control-btn-page.disabled a,
.edtr-control-btn-parts.disabled a {
	color: #bfbfbf !important;
	cursor: not-allowed;
	touch-action: none !important;
}

.edtr-control-btn-page a,
.edtr-control-btn-block a,
.edtr-control-btn-parts a {
	display: inline-block;
	width: 100%;
	border-radius: 8px 8px 0 0;
	font-size: 12px;
}

.edtr-control-btn-page.active a {
	text-decoration: none;
	color: #fff;
	background: #38ba00;
}

.edtr-control-btn-block.active a {
	text-decoration: none;
	color: #fff;
	background: #ffa400;
}

.edtr-control-btn-parts.active a {
	text-decoration: none;
	color: #fff;
	background: #00a9ce;
}

.edtr-block-btn {
	list-style: none;
	margin: 0 -2px;
	padding: 0;
}

.edtr-block-btn li {
	display: inline-block;
	padding-right: 2px;
	padding-left: 2px;
}

.edtr-block-btn li a {
	display: inline-block;
	height: 44px;
	width: 44px;
	border-radius: 50% 50%;
	background: rgba(0, 0, 0, 0.2);
	color: rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 25px;
	line-height: 44px;
}

.edtr-block-btn li a.unable {
	background: rgba(0, 0, 0, 0.1);
	color: rgba(255, 255, 255, 0.2);
	pointer-events: none;
}

@media (min-width: 768px) {
	.edtr-block-btn {
		list-style: none;
		margin: 0 -1px;
		padding: 0;
	}

	.edtr-block-btn li {
		display: inline-block;
		padding-right: 1px;
		padding-left: 1px;
	}

	.edtr-block-btn li a {
		display: inline-block;
		height: 32px;
		width: 32px;
		border-radius: 50% 50%;
		background: rgba(0, 0, 0, 0.2);
		color: rgba(255, 255, 255, 0.2);
		text-align: center;
		font-size: 18px;
		line-height: 36px;
	}

	.edtr-block-btn li a.unable {
		background: rgba(0, 0, 0, 0.1);
		color: rgba(255, 255, 255, 0.2);
		pointer-events: none;
	}
}

.edtr-control-panel-static-top {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
.edtr-control-panel-static-top::-webkit-scrollbar {
}
.edtr-control-panel-static-top::-webkit-scrollbar-track {
	background: #f2f2f2;
	border: none;
	border-radius: unset;
	box-shadow: none;
}

.edtr-control-panel-scrollable {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	position: absolute;
	left: 0;
	width: 100%;
	transition-property: left;
	transition-duration: 300ms;
	-ms-overflow-style: none; /* IE, Edge 対応 */
	scrollbar-width: none; /* Firefox 対応 */
}
.edtr-control-panel-scrollable::-webkit-scrollbar {
	display: none; /* Chrome, Safari 対応 */
}

.left-slide-transition {
	left: 0;
	transition-property: left;
	transition-duration: 300ms;
}
.next .edtr-control-panel-scrollable {
	left: 100% !important;
}

@media (min-width: 768px) {
	.edtr-control-panel-scrollable {
		height: 100% !important;
		padding-top: 0;
	}
	.edtr-control-panel-scrollable-full {
		height: calc(100%) !important;
	}
}

.edtr-control-menu ul {
	border-top: solid 1px #a3a3a3;
	margin-bottom: 8px;
}

.edtr-control-menu li {
	border-bottom: solid 1px #a3a3a3;
}

.edtr-control-menu li a {
	color: #000;
	font-size: 14px;
	background: #fff;
	display: block;
	height: 45px;
	padding: 4px 16px;
	line-height: 36px;
	text-decoration: none;
}

.edtr-control-menu li a:hover {
	background: #e3f5fd;
}

.edtr-control-menu li a i {
	color: #bfbfbf;
	vertical-align: middle;
	margin-left: 8px;
}

.edtr-panel-page .edtr-control-menu li > a i,
.edtr-panel-block.edtr-panel-commonblock .edtr-control-menu li > a i {
	color: #38ba00 !important;
}

.edtr-panel-block .edtr-control-menu li > a i {
	color: #ffa400 !important;
}
.edtr-panel-item .edtr-control-menu li > a i {
	color: #555 !important;
}
.edtr-panel-parts .edtr-control-menu li > a i {
	color: #00a9ce !important;
}

/*list in list*/
.edtr-control-menu ul ul {
	border-top: none;
	margin-bottom: 0;
}

.edtr-control-menu ul ul li a {
	padding: 4px 16px 4px 32px;
}

.edtr-control-title {
	height: 44px;
	font-size: 16px;
	background: #444444;
	color: #fff;
	font-weight: normal;
	text-align: center;
	position: fixed;
	top: calc(50% - 44px);
	width: 100%;
}

@media (min-width: 768px) {
	.edtr-control-title {
		top: 63px;
		width: 340px;
	}
}

.edtr-control-title-btn {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: 0;
	left: 0;
}

.edtr-control-title-btn-right {
	padding: 0 32px; /* 暫定 */
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: 0;
	right: 0;
}

.edtr-control-title-btn-left {
	padding-left: 16px; /* 暫定 */
	height: 44px;
	line-height: 44px;
	position: absolute;
	top: 0;
	left: 0;
}

.edtr-control-title-btn i {
	vertical-align: middle;
	color: #fff;
}

.edtr-control-title-btn-right.btn-borderd {
	border: 2px solid #fff;
	color: #fff;
	border-radius: 8px;
	margin: 4px 4px 0 0;
	line-height: 30px;
	height: 36px;
	padding: 0px 12px;
	font-weight: bold;
	text-decoration: none !important;
}
.edtr-control-title-btn-right.btn-borderd:hover {
	color: #222;
	background: #fff;
}

.modal-header .edtr-control-title-btn-right.btn-borderd {
	margin: 6px 6px 0 0;
	padding: 0px 8px;
	height: 32px;
}
@media (min-width: 768px) {
	.modal-header .edtr-control-title-btn-right.btn-borderd {
		margin: 6px 6px 0 0;
		padding: 0px 8px;
		height: 32px;
	}
}

/*編集画面でのみ#site_mainに指定してください*/
.edtr-main-editorarea {
	display: inline-block;
	margin: 498px 16px 66.66vh 32px;
	max-width: 1264px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

.edtr-main-content {
	position: fixed;
	top: 55px;
	left: 0;
	height: calc(100% - 99px);
	width: 100%;
	overflow: auto;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	transition-property: height;
	transition-duration: 400ms;
	background: #222222;
}

@media (min-width: 768px) {
	.edtr-main-content {
		position: fixed;
		top: 64px;
		left: 340px;
		height: calc(100% - 64px);
		width: calc(100% - 340px);
		overflow: hidden;
	}
}

.old .edtr-color-palet {
	width: 30px;
	height: 30px;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 1px solid #ddd;
	cursor: pointer;
	border-radius: 4px;
}
.edtr-color-palet {
	width: 29.5px;
	height: 30px;
	margin-right: -1px;
	margin-bottom: -1px;
	background: #ffffff;
	border: 1px solid #eee;
	cursor: pointer;
	border-radius: 0px;
}

.edtr-color-palet_sub {
	cursor: pointer;
	width: 0;
	height: 0;
	border-top: 12.5px solid #ffffff;
	border-left: 12.5px solid #ffffff;
	border-right: 12.5px solid transparent !important;
	border-bottom: 12.5px solid transparent !important;
}

/*色選択用スタイル*/
/*カラーピッカー*/
.edtr-color-picker {
	height: 64px;
	position: relative;
	overflow: hidden;
}

.edtr-color {
	position: absolute;
	top: 0;
	height: 64px;
	width: 100%;
}

.ec-hue {
	background: #ff0000;
}
.ec-saturation {
	background-image: linear-gradient(
		to right,
		rgb(255, 255, 255),
		rgba(255, 255, 255, 0)
	);
}
.ec-brightness {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
}

.ec-marker {
	position: absolute;
	top: 100%;
	left: 100%;
	height: 16px;
	width: 16px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin: -8px 0 0 -8px;
}

/*カラーピッカーで指定した結果を表示する部分*/
.edtr-color-picker-result {
	height: 64px;
	width: 64px;
	background-color: #000;
}

/*ヒュースライダー*/
.edtr-color-hue-slider {
	height: 16px;
	border-radius: 9999px 0 0 9999px;
	width: calc(100% - 16px);
	background-image: linear-gradient(
		to right,
		hsl(360, 100%, 50%),
		hsl(300, 100%, 50%),
		hsl(240, 100%, 50%),
		hsl(180, 100%, 50%),
		hsl(120, 100%, 50%),
		hsl(60, 100%, 50%),
		hsl(0, 100%, 50%)
	);
	position: relative;
	margin: 0 0 0 16px;
}

/*アルファスライダー*/
.edtr-color-alpha-slider {
	height: 16px;
	border-radius: 9999px 0 0 9999px;
	width: calc(100% - 16px);
	background-image: linear-gradient(
			45deg,
			#ccc 25%,
			transparent 25%,
			transparent 75%,
			#ccc 75%,
			#ccc
		),
		linear-gradient(
			45deg,
			#ccc 25%,
			transparent 25%,
			transparent 75%,
			#ccc 75%,
			#ccc
		);
	background-color: transparent;
	position: relative;
	margin: 0 0 0 16px;
	background-position: 0 0, 2.5px 2.5px;
	background-size: 5px 5px;
}
.edtr-color-alpha-slider-inner {
	height: 16px;
	width: calc(100% - 16px);
	border-radius: 9999px 0 0 9999px;
	background-image: linear-gradient(
		to right,
		hsla(0, 100%, 50%, 0),
		hsl(0, 100%, 50%)
	);
	background-color: transparent;
	position: relative;
	margin: 0 0 0 16px;
}

/*スライダーマーカー*/

.edtr-color-hue-slider .ec-marker,
.edtr-color-alpha-slider .ec-marker {
	position: absolute;
	top: 0px;
	left: 0%;
	height: 16px;
	width: 16px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin: 0 0 0 -8px;
}
/*スライダーの値を入れるinput*/
.edtr-ui-v2 input.edtr-color-slider-value {
	width: 56px;
	font-size: 10px;
	height: 16px;
	border-radius: 0 9999px 9999px 0;
	border-width: 1px;
	text-align: center;
	border-style: solid;
	position: relative;
	z-index: 1;
}

/*作業用 old差分*/
/*カラーピッカー*/
.old .edtr-color-picker {
	height: 100px;
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
}

.old .edtr-color {
	position: absolute;
	top: 0;
	height: 100px;
	width: 100%;
}

.old .ec-hue {
	background: #ff0000;
}
.old .ec-saturation {
	background-image: linear-gradient(
		to right,
		rgb(255, 255, 255),
		rgba(255, 255, 255, 0)
	);
}
.old .ec-brightness {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
}

.old .ec-marker {
	position: absolute;
	top: 0;
	left: 0;
	height: 21px;
	width: 21px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin: -10px 0 0 -10px;
}

/*ヒュースライダー*/
.old .edtr-color-hue-slider {
	height: 5px;
	border-radius: 9999px;
	width: calc(100% - 20px);
	background-image: linear-gradient(
		to right,
		hsl(360, 100%, 50%),
		hsl(300, 100%, 50%),
		hsl(240, 100%, 50%),
		hsl(180, 100%, 50%),
		hsl(120, 100%, 50%),
		hsl(60, 100%, 50%),
		hsl(0, 100%, 50%)
	);
	position: relative;
	margin: 16px 0 16px 10px;
}

/*アルファスライダー*/
.old .edtr-color-alpha-slider {
	height: 5px;
	border-radius: 9999px;
	width: calc(100% - 20px);
	background-image: linear-gradient(
			45deg,
			#ccc 25%,
			transparent 25%,
			transparent 75%,
			#ccc 75%,
			#ccc
		),
		linear-gradient(
			45deg,
			#ccc 25%,
			transparent 25%,
			transparent 75%,
			#ccc 75%,
			#ccc
		);
	background-color: transparent;
	position: relative;
	margin: 16px 0 16px 10px;
	background-position: 0 0, 2.5px 2.5px;
	background-size: 5px 5px;
}
.old .edtr-color-alpha-slider-inner {
	height: 5px;
	border-radius: 9999px;
	background-image: linear-gradient(
		to right,
		hsla(0, 100%, 50%, 0),
		hsl(0, 100%, 50%)
	);
	background-color: transparent;
	position: relative;
}

/*スライダーマーカー*/
.old .edtr-color-hue-slider .ec-marker,
.old .edtr-color-alpha-slider .ec-marker {
	position: absolute;
	top: 3px;
	left: 0;
	height: 21px;
	width: 21px;
	border: 1px solid #ddd;
	background: rgba(255, 255, 255, 1);
	border-radius: 50%;
	margin: -10px 0 0 -10px;
}

/*ボタンエディタ関連*/
.edtr-control-panel .saipon-btn.btn-flat,
.edtr-control-panel .saipon-btn.btn-solid,
.edtr-control-panel .saipon-btn.btn-gradient,
.edtr-control-panel .saipon-btn.btn-sheen,
.edtr-control-panel .saipon-btn.saipon-btn-flat,
.edtr-control-panel .saipon-btn.saipon-btn-solid,
.edtr-control-panel .saipon-btn.saipon-btn-gradient,
.edtr-control-panel .saipon-btn.saipon-btn-sheen {
	padding: 8px 8px 6px !important;
	line-height: 1;
}
.edtr-control-panel .saipon-btn.btn-bordered,
.edtr-control-panel .saipon-btn.saipon-btn-bordered {
	padding: 5.5px 6px 2.5px !important;
	line-height: 1;
	border-width: 3px;
}
.edtr-control-panel .saipon-btn.btn-solid,
.edtr-control-panel .saipon-btn.saipon-btn-solid {
	box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.25);
}
.edtr-control-panel .saipon-btn.btn-solid:active,
.edtr-control-panel .saipon-btn.btn-solid:hover,
.edtr-control-panel .saipon-btn.saipon-btn-solid:active,
.edtr-control-panel .saipon-btn.saipon-btn-solid:hover {
	box-shadow: inset 0 99999px 0 rgba(255, 255, 255, 0.5),
		inset 0 -4px 0 rgba(0, 0, 0, 0.25) !important;
}

/*-------------------------------------------------------------------------------------------------------*/
/*編集用パーツの共通スタイル*/
/*-------------------------------------------------------------------------------------------------------*/

/*-----　共通・ブロック・パーツ類 -----*/

/*全体レイアウト*/
.edtr_base_page_wrap {
	border-radius: 8px;
}

/*サイト枠線*/
.edtr_base_overlay_site {
	border: 2px solid #38ba00;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 16px;
	z-index: 1;
	opacity: 0;
	transition: ease-out 0.3s;
	margin: -16px;
	pointer-events: none;
}
.edtr-main-editorarea.forcus_site .edtr_base_overlay_site {
	opacity: 1;
}

/*ブロック*/
.edtr_base_block {
	position: relative;
	cursor: pointer;
}
.edtr_base_block_none {
	position: relative;
}

/*ブロック枠線*/
.edtr_base_overlay_block {
	display: none;
}

.edtr_base_block:hover {
	z-index: 1000;
}
.edtr_base_block.select_block {
	z-index: 2000;
}

.edtr_base_block:hover .edtr_base_overlay_block,
.edtr_base_block.select_block .edtr_base_overlay_block {
	opacity: 1;
}

.edtr_base_block:hover .edtr_base_overlay_block {
	border: 4px dashed #ffa400;
	background-color: rgba(255, 164, 0, 0.1);
	border-top-left-radius: 0;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}
.edtr_base_block .edtr_base_overlay_block {
	box-sizing: border-box;
	border: 2px solid #ffa400;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	transition: ease-out 0.3s;
	margin: -16px;
	border-radius: 16px;
}

.edtr_base_block.select_block .edtr_base_overlay_block {
	box-sizing: border-box;
	border: 2px solid #ffa400;
	display: block;
	position: absolute;
	background-color: transparent;
	z-index: 1;
	margin: -16px;
	border-radius: 16px;
}
.edtr_base_innerContent {
	position: relative;
	z-index: 1;
}

/*共通パーツ用コード*/
.edtr_base_block.edtr_common_block .edtr_base_overlay_block,
.edtr_base_block.edtr_common_block.select_block .edtr_base_overlay_block {
	border-color: #ffcc00 !important;
}

/*メインビジュアルブロック用コード*/
.main-visual-block .edtr_base_innerContent_box {
	max-width: unset;
}
@media (min-width: 768px) {
	.main-visual-block .edtr_base_innerContent_box {
		max-width: 800px;
	}
}

/*ボタン追加系のボタン*/
/*セクション追加*/
.edtr_base_add_block {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
	width: 256px;
	line-height: 32px;
	text-align: center;
	border: 2px dashed #ffa400;
	border-radius: 8px !important;
	color: #ffa400 !important;
	background-color: #fff8e0;
	margin: 16px auto;
}
.edtr_base_add_block:hover {
	color: #fff !important;
	background-color: #ffa400;
}
.edtr_base_add_block-foresight {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	padding: 16px 0;
	font-weight: bold;
	line-height: 64px;
	text-align: center;
	border: 2px dashed #ffa400;
	border-radius: 8px !important;
	color: #ffa400 !important;
	background-color: #fff8e0;
	margin: 16px auto;
	touch-action: none !important;
	pointer-events: none !important;
}
/*コンテナ追加*/
.edtr_base_add_container {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
	width: 256px;
	line-height: 32px;
	text-align: center;
	border: 2px dashed #555555;
	border-radius: 8px !important;
	color: #555555 !important;
	background-color: #dddddd;}
.edtr_base_add_container:hover {
	color: #fff !important;
	background-color: #555555;
}
.edtr_base_add_container-foresight {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	padding: 16px 0;
	font-weight: bold;
	line-height: 64px;
	text-align: center;
	border: 2px dashed #555555;
	border-radius: 8px !important;
	color: #555555 !important;
	background-color: #dddddd;
	margin: 16px auto;
	touch-action: none !important;
	pointer-events: none !important;
}
/*パーツ追加*/
.edtr_base_add_parts {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
	width: 256px;
	line-height: 32px;
	text-align: center;
	border: 2px dashed #00a9ce;
	border-radius: 8px !important;
	color: #00a9ce !important;
	background-color: #e4f4f8;
}
.edtr_base_add_parts:hover {
	color: #fff !important;
	background-color: #00a9ce;
}
.edtr_base_add_parts-foresight {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	padding: 16px;
	font-weight: bold;
	min-height: 64px;
	text-align: center;
	border: 2px dashed #00a9ce;
	border-radius: 8px !important;
	color: #00a9ce !important;
	background-color: #e4f4f8;
	margin: 48px auto 16px;
	touch-action: none !important;
	pointer-events: none !important;
}


.edtr_base_add_header,
.edtr_base_add_footer {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
	width: 256px;
	line-height: 32px;
	text-align: center;
	border: 2px dashed #ffcc00;
	border-radius: 8px !important;
	color: #ffcc00 !important;
	background-color: #fffae5;
	margin: 8px auto;
}
.edtr_base_add_header:hover,
.edtr_base_add_footer:hover {
	color: #fff !important;
	background-color: #ffcc00;
}

.edtr_base_block.select_block
	.list-float
	.contents-block-content
	.edtr_base_add_parts_temp {
	display: inline-block;
	width: 100%;
}
.edtr_base_block.select_block .edtr_base_add_parts_temp {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	font-weight: normal !important;
	border: 2px dashed #00a9ce;
	color: #00a9ce;
	background: #e3f5fd;
	display: block;
	border-radius: 8px;
	box-sizing: border-box;
	max-width: 256px;
	position: relative;
	font-size: 16px;
	text-align: center;
	line-height: 1.4;
	margin: 8px auto;
	padding: 1px 2px;
	z-index: 1;
}
.edtr_base_block.select_block .edtr_base_add_parts_temp:hover {
	color: #fff !important;
	background: #00a9ce;
}

.edtr_base_add_container-foresight {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	padding: 16px 0;
	font-weight: bold;
	line-height: 64px;
	text-align: center;
	border: 2px dashed #555555;
	border-radius: 8px !important;
	color: #555555 !important;
	background-color: #dddddd;
	margin: 16px auto;
	touch-action: none !important;
	pointer-events: none !important;
}

@media (min-width: 768px) {
	.edtr_base_block.select_block .edtr_base_add_parts_temp {
		padding: 3px 4px;
	}
}

.edtr_base_block.select_block .main-visual-block .edtr_base_add_parts_temp {
	font-size: 3.125vw;
	max-width: 1536px;
	border: 4px dashed #00a9ce;
	border-radius: 16px;
	padding: 3px 4px;
}

@media (min-width: 768px) {
	.main-visual-block .edtr_base_add_parts_temp {
		font-size: 32px !important;
	}
}
@media (min-width: 768px) {
	.edtr_base_block.select_block .main-visual-block .edtr_base_add_parts_temp {
		padding: 6px 8px;
	}
}

@media (min-width: 768px) {
	.edtr_base_add_parts_temp {
		font-size: 16px;
	}
}
.edtr_base_add_parts_temp .edtr_base_add_parts_temp-inner {
	padding: 4px !important;
}
@media (min-width: 768px) {
	.edtr_base_add_parts_temp .edtr_base_add_parts_temp-inner {
		padding: 8px !important;
	}
}

.edtr_base_control_panel {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif;
	position: absolute;
	top: -22px;
	left: -2px;
	opacity: 0;
	z-index: 301;
	min-width: calc(6em + 32px);
}

.edtr_base_control_panel span {
	word-break: keep-all;
}

.edtr_base_edit_parts:hover
	> .edtr_base_overlay_parts
	> .edtr_base_control_panel {
	top: -24px;
	opacity: 1;
}
.edtr_base_edit_parts.select_parts
	> .edtr_base_overlay_parts
	> .edtr_base_control_panel {
	top: -24px;
}

.edtr_base_block:hover .edtr_base_bg_change_blockparts {
	background: #555555;
	border-radius: 8px 0px 8px 0;
	text-align: center;
	display: inline-block;
	margin: 0;
	position: relative;
	padding: 4px 8px;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
}
/*
.edtr_base_block.select_block .edtr_base_edit_blockparts.select_blockparts .edtr_base_overlay_blockparts{
  opacity: 1;
}

*/
.edtr_base_edit_blockparts.select_blockparts .edtr_base_overlay_blockparts {
	opacity: 1;
}

.edtr_base_block.select_block
	.edtr_base_edit_blockparts
	> .edtr_base_overlay_blockparts
	> .edtr_base_control_panel,
.edtr_base_edit_blockparts:hover
	> .edtr_base_overlay_blockparts
	> .edtr_base_control_panel,
.edtr_base_edit_blockparts
	> .edtr_base_overlay_blockparts
	> .edtr_base_control_panel {
	opacity: 1;
}

.edtr_base_block.select_block
	.edtr_base_edit_blockparts
	> .edtr_base_overlay_blockparts
	> .edtr_base_control_panel {
}

.edtr_base_block.select_block
	.edtr_base_edit_blockparts
	> .edtr_base_overlay_blockparts
	> .edtr_base_control_panel {
	top: -20px;
	left: auto;
	opacity: 1;
	z-index: 303;
}
.edtr_base_block.select_block
	.edtr_base_edit_blockparts
	> .edtr_base_overlay_blockparts
	> .edtr_base_control_panel:hover {
	z-index: 304;
}
@media (min-width: 768px) {
	.edtr_base_block.select_block
		.edtr_base_edit_blockparts
		> .edtr_base_overlay_blockparts
		> .edtr_base_control_panel {
		left: -2px;
		top: -20px;
	}
}

/*背景変更ボタン*/

/*プレミアムブロック用UI*/
.edtr_base_disappear {
	display: flex;
	pointer-events: auto;
	touch-action: none;
	position: absolute;
	cursor: default;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #fc0;
	background-color: rgba(0, 0, 0, 0.5);
	align-items: center;
	justify-content: center;
}
.edtr_base_block .edtr_base_disappear {
	border-radius: 14px;
}
.edtr_base_edit_blockparts .edtr_base_disappear {
	border-radius: 6px;
}
.edtr_base_edit_parts .edtr_base_disappear {
	border-radius: 2px;
}

/*選択不能用UI*/
.edtr_base_disabled {
	display: flex;
	pointer-events: auto;
	touch-action: none;
	position: absolute;
	cursor: default;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	align-items: center;
	justify-content: center;
	cursor: not-allowed;
}

/*リリース用暫定対応*/
.main-visual-block .edtr_base_disappear .f16 {
	font-size: 16px !important;
}

/* ダイアログ */
#edtr_area_img_color > li {
	cursor: pointer;
	list-style: none;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: 0;
	border: 1px solid #aaa;
}
#edtr_area_img_color > li:hover {
	opacity: 0.5;
}

/*-------------------------------------------------------------------------------------------------------*/
/*パーツ編集用スタイル*/
/*-------------------------------------------------------------------------------------------------------*/

/*パーツ編集*/
.edtr_base_edit_parts,
.edtr_base_edit_blockparts {
	position: relative;
	cursor: pointer;
}

/*パーツ編集ツールチップ*/
.edtr_base_overlay_parts:before {
	all: initial;
	/*content: "テキスト編集";*/
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background: rgba(34, 34, 34, 1);
	width: 140px;
	height: 50px;
	margin: auto;
	box-sizing: border-box;
	line-height: 42px;
	display: none;
	align-items: center;
	position: absolute;
	top: 0;

	bottom: 0;
	right: 0;
	left: 0;
	border: solid 5px #fff;
	border-radius: 6px;
	cursor: pointer;
}

@media (max-width: 767px) {
	.edtr_base_overlay_parts:before {
		font-size: 14px;
		width: 100px;
		line-height: 32px;
		height: 40px;
	}
}

.edtr_base_edit_parts:hover > .edtr_base_overlay_parts:before {
	display: block;
	background: rgba(34, 34, 34, 1);
}
.edtr_base_edit_parts.select_parts > .edtr_base_overlay_parts:before {
	display: block;
	background: rgba(34, 34, 34, 1);
}

/*パーツ編集ツールチップ(thとtdを囲う要素を非表示)*/
.edtr_base_table_block
	.edtr_base_edit_parts:hover
	.edtr_base_overlay_parts:before {
	display: none;
}

/*パーツ編集（内枠）*/
.edtr_base_overlay_parts,
.edtr_base_overlay_parts_th,
.edtr_base_overlay_parts_td {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	font-weight: normal !important;
	display: none;
	position: relative;
}

.edtr_base_edit_parts .edtr_base_overlay_parts,
.edtr_base_edit_parts .edtr_base_overlay_parts_th,
.edtr_base_edit_parts .edtr_base_overlay_parts_td {
	all: initial;
	box-sizing: border-box;
	border: 2px solid #00a9ce;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	border-radius: 4px;
	opacity: 0;
	transition: ease-out 0.3s;
	margin: -4px;
}

.edtr_base_block.select_block .edtr_base_edit_parts.select_parts,
.edtr_base_block.select_block
	.edtr_base_edit_blockparts.select_blockparts
	.edtr_base_edit_parts.select_parts
	.edtr_base_overlay_parts,
.edtr_base_block.select_block
	.edtr_base_edit_blockparts.select_blockparts
	.edtr_base_edit_parts.select_parts
	.edtr_base_overlay_parts_th,
.edtr_base_block.select_block
	.edtr_base_edit_blockparts.select_blockparts
	.edtr_base_edit_parts.select_parts
	.edtr_base_overlay_parts_td,
.edtr_base_block.select_block
	.edtr_base_edit_blockparts.select_blockparts
	.edtr_base_edit_parts.select_parts
	.edtr_base_bg_change_parts {
	-webkit-animation: highlight 0.2s;
	animation: highlight 0.2s;
}

/*
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_th,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_td {
  box-sizing: border-box;
  border: 2px solid #00a9ce;
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 8px;
  margin: -2px;
}
*/
.edtr_base_edit_parts:hover .edtr_base_overlay_parts,
.edtr_base_edit_parts.select_parts .edtr_base_overlay_parts {
	opacity: 1;
}

.edtr_base_edit_parts:hover .edtr_base_overlay_parts {
	border: 4px dashed #00a9ce;
	background-color: rgba(0, 169, 206, 0.1);
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.edtr_base_edit_parts.select_parts .edtr_base_overlay_parts,
.edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_th,
.edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_td {
	/* all: initial; */
	box-sizing: border-box;
	border: 1px solid #00a9ce;
	display: block;
	position: absolute;
	z-index: 1;
	border-radius: 4px;
	margin: -4px;
	background-color: transparent;
}

/*
.edtr_base_block.select_block .edtr_base_edit_parts .edtr_base_overlay_parts:hover,
.edtr_base_block.select_block .edtr_base_edit_parts .edtr_base_overlay_parts_th:hover,
.edtr_base_block.select_block .edtr_base_edit_parts .edtr_base_overlay_parts_td:hover,
.edtr_base_block:hover .edtr_base_edit_parts:hover .edtr_base_overlay_parts,
.edtr_base_block:hover .edtr_base_edit_parts:hover .edtr_base_overlay_parts_th,
.edtr_base_block:hover .edtr_base_edit_parts:hover .edtr_base_overlay_parts_td,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_th,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_td {
  border-radius: 0 8px 8px 8px;
}


.edtr_base_block.select_block .edtr_base_edit_parts .edtr_base_overlay_parts:hover,
.edtr_base_block.select_block .edtr_base_edit_parts .edtr_base_overlay_parts_th:hover,
.edtr_base_block.select_block .edtr_base_edit_parts .edtr_base_overlay_parts_td:hover,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_th,
.edtr_base_block.select_block .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts_td {
  border-radius: 0 8px 8px 8px;
}
*/

.edtr_base_block:hover .edtr_base_table_td:hover .edtr_base_control_panel,
.edtr_base_block.select_block
	.edtr_base_edit_parts.select_parts
	.edtr_base_overlay_parts_td
	.edtr_base_control_panel {
	opacity: 1;
}
.edtr_base_block:hover .edtr_base_control_panel {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif;
	position: absolute;
	top: -28px;
	left: -2px;
	opacity: 0;
	z-index: 301;
	min-width: calc(7em + 32px);
	transition: ease 0.2s;
	z-index: 303;
}
.edtr_base_block.select_block .edtr_base_control_panel {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif;
	position: absolute;
	top: -25px;
	left: -2px;
	opacity: 0;
	z-index: 302;
	min-width: calc(6em + 32px);
}

/*パーツ編集（外枠）*/
.edtr_base_edit_blockparts .edtr_base_overlay_blockparts {
	/* display: none; */
	position: relative;
	pointer-events: none;
}
.edtr_base_edit_blockparts > div {
	position: relative;
	z-index: 1;
}

.edtr_base_edit_blockparts .edtr_base_overlay_blockparts {
	border: 2px solid #555;
	padding: 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: ease-out 0.3s;
	margin: -4px;
	border-radius: 8px;
}

.main-visual-block .edtr_base_edit_blockparts .edtr_base_overlay_blockparts {
	margin: 16px;
	width: calc(50% - 16px) !important;
	height: calc(50% - 16px) !important;
}
.main-visual-block
	.edtr_base_edit_blockparts:hover
	.edtr_base_overlay_blockparts {
	margin: 20px;
	width: calc(50% - 20px) !important;
	height: calc(50% - 20px) !important;
}
/*tategaki専用指定*/
/* .main-visual-block .tategaki-rl .edtr_base_overlay_parts{
  transform-origin: top right!important;
} */

/*
.edtr_base_block:hover .edtr_base_edit_blockparts .edtr_base_overlay_blockparts,
.edtr_base_edit_blockparts.select_blockparts .edtr_base_overlay_blockparts  {
  opacity:1;
}
*/

.edtr_base_edit_blockparts:hover .edtr_base_overlay_blockparts,
.edtr_base_edit_blockparts.select_blockparts .edtr_base_overlay_blockparts {
	opacity: 1;
}

.edtr_base_edit_blockparts:hover .edtr_base_overlay_blockparts {
	border: 4px dashed #555;
	background-color: rgba(85, 85, 85, 0.1);
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin: -16px;
}

.edtr_base_edit_blockparts.select_blockparts .edtr_base_overlay_blockparts {
	border: 2px solid #555;
	background-color: transparent;
	/* border-right-width: 4px; */
	border-radius: 8px;
}

.edtr_base_control_blockparts {
	position: absolute;
	top: -32px;
	left: -4px;
	z-index: 300;
}

.edtr_base_edit_blockparts.select_blockparts .edtr_base_bg_change_blockparts,
.edtr_base_block:hover .edtr_base_bg_change_blockparts {
	background: #555555;
	border-radius: 8px 8px 0 0;
	text-align: center;
	display: inline-block;
	margin: 0;
	position: relative;
	padding: 4px 8px;
	color: #fff;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
	pointer-events: auto;
}
.edtr_base_block:hover
	.edtr_base_table_content
	.edtr_base_edit_blockparts
	.edtr_base_overlay_blockparts {
	border: 3px solid rgba(255, 25, 0, 1);
	width: 100%;
	height: 100%;
	padding: 0;
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	box-sizing: content-box;
}

/*パーツ背景変更ボタン*/
.edtr_base_bg_change_parts {
	background: #00a9ce;
	border-radius: 8px 8px 0 0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	position: relative;
	left: 0;
	z-index: 200;
	padding: 0 1em;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	padding: 4px 8px;
	pointer-events: auto !important;
	opacity: 1;
	z-index: 400;
}
.select_block .edtr_base_bg_change_parts {
	pointer-events: none !important;
}

.edtr_base_bg_change_parts:hover {
	opacity: 1 !important;
}

/*コンテンツブロックの追加用*/
.edtr_base_block .edtr_base_add_parts_heading,
.edtr_base_block .edtr_base_add_parts_content,
.edtr_base_block .edtr_base_add_parts_temp {
	display: none;
}
.edtr_base_block.select_block .edtr_base_add_parts_heading {
	border: 2px dashed #00a9ce;
	color: #00a9ce;
	background: #e3f5fd;
	display: block;
	z-index: 302;
	border-radius: 6px;
	margin: 16px auto 8px;
	box-sizing: border-box;
	max-width: 704px;
	position: relative;
	font-size: 16px;
}
.edtr_base_add_parts_heading:hover {
	background: #00a9ce !important;
	color: #fff !important;
}

.edtr_base_block.select_block .edtr_base_add_parts_content {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	color: #555;
	border: 2px dashed #555;
	background-color: #ddd;
	display: block;
	z-index: 302;
	border-radius: 8px !important;
	box-sizing: border-box;
	position: relative;
	font-size: 16px;
	line-height: 32px;
	text-align: center;
	width: 192px;
	margin: 16px auto;
	text-decoration: none !important;
	font-weight: bold;
	position: absolute;
	top: -16px;
}
.edtr_base_block.select_block .contents-fill .edtr_base_add_parts_content {
	margin: 48px auto 0;
}
.edtr_base_block.select_block
	.contents-fill.layout-column
	.edtr_base_add_parts_content {
	margin: 32px auto 32px;
}
@media (min-width: 768px) {
	.edtr_base_block.select_block .edtr_base_add_parts_content {
		margin: 0px auto 16px;
		position: relative;
	}

	.edtr_base_block.select_block .contents-fill .edtr_base_add_parts_content {
		margin: 64px auto 0px;
	}
	.edtr_base_block.select_block
		.contents-fill.layout-column
		.edtr_base_add_parts_content {
		margin: 32px auto 0px;
	}
}

.edtr_base_block.select_block .layout-column .edtr_base_add_parts_content {
	margin: 16px auto 0px;
}
.edtr_base_block.select_block .block-space-s .edtr_base_add_parts_content {
	margin: 0px auto 16px;
	position: relative;
}
.edtr_base_block.select_block
	.block-space-s[style^="background-color"]
	.edtr_base_add_parts_content,
.edtr_base_block.select_block
	.block-space-s[style^="background-image"]
	.edtr_base_add_parts_content,
.edtr_base_block.select_block
	.block-space-s[class*="saipon-deco"]
	.edtr_base_add_parts_content {
	margin: 48px auto 0px;
}
.edtr_base_block.select_block
	.layout-column.block-space-s
	.edtr_base_add_parts_content {
	margin: 16px auto 16px;
}
.edtr_base_block.select_block
	.layout-column.block-space-s[style^="background-color"]
	.edtr_base_add_parts_content,
.edtr_base_block.select_block
	.layout-column.block-space-s[style^="background-image"]
	.edtr_base_add_parts_content,
.edtr_base_block.select_block
	.layout-column.block-space-s[class*="saipon-deco"]
	.edtr_base_add_parts_content {
	/* margin: 16px auto 0px; */
}

@media (min-width: 768px) {
	.edtr_base_block.select_block .layout-column .edtr_base_add_parts_content {
		margin: 0px auto 16px;
		position: relative;
	}

	.edtr_base_block.select_block .block-space-s .edtr_base_add_parts_content {
		margin: 0px auto 16px;
		position: relative;
	}
	.edtr_base_block.select_block
		.block-space-s[style^="background-color"]
		.edtr_base_add_parts_content,
	.edtr_base_block.select_block
		.block-space-s[style^="background-image"]
		.edtr_base_add_parts_content,
	.edtr_base_block.select_block
		.block-space-s[class*="saipon-deco"]
		.edtr_base_add_parts_content {
		margin: 0px auto 16px;
		position: relative;
	}

	.edtr_base_block.select_block
		.layout-column.block-space-s
		.edtr_base_add_parts_content {
		margin: 0px auto 16px;
		position: relative;
	}
	.edtr_base_block.select_block
		.layout-column.block-space-s[style^="background-color"]
		.edtr_base_add_parts_content,
	.edtr_base_block.select_block
		.layout-column.block-space-s[style^="background-image"]
		.edtr_base_add_parts_content,
	.edtr_base_block.select_block
		.layout-column.block-space-s[class*="saipon-deco"]
		.edtr_base_add_parts_content {
		margin: 0px auto 16px;
		position: relative;
	}
}

.edtr_base_block.select_block .edtr_base_add_parts_content:hover {
	color: #fff;
	background: #555;
}

/*ドラッグしたときのスタイル*/
*[draggable="true"] .edtr_base_control_panel {
	opacity: 1 !important;
}

/*-------------------------------------------------------------------------------------------------------*/
/*モーダルのスタイル*/
/*-------------------------------------------------------------------------------------------------------*/

/*再定義*/

.modal-dialog {
	margin: 0 auto;
	height: auto;
	padding: 16px 0;
}
.modal-content {
	border: 3px solid #eee;
	position: relative;
	height: 100%;
	border-radius: 16px;
}
@media (max-width: 767px) {
	.modal-preview .modal-dialog {
		margin: 0 auto;
		height: 100%;
		padding: 0;
	}
	.modal-content {
		border: none;
		position: relative;
		height: auto;
	}
	.modal-preview .modal-content {
		border: none;
		position: relative;
		height: auto;
		border-radius: 0;
	}
}

/*ユーザーアカウント情報用スタイル*/

.edtr_modal-userinfo {
	width: 100%;
	height: 44px;
	background: #fff;
	z-index: 2;
	position: relative;
	background-color: #545454;
}
.edtr_modal-userinfo .edtr_btn_logo {
	height: 44px;
	padding: 8px;
	width: 80px;
}

.edtr_modal-userinfo .edtr_modal-userid {
	height: 44px;
	display: flex;
	position: relative;
	color: #fff;
	float: right;
	justify-content: center;
	align-items: center;
	padding: 0 8px;
}

.edtr_modal-userinfo .edtr_btn_logo:hover,
.edtr_modal-userinfo .edtr_modal-userid:hover,
.edtr_modal-userinfo .edtr_modal-usermenu li a:hover {
	background: #111111;
}

.edtr_modal-userinfo .edtr_modal-usermenu {
	position: absolute;
	top: 44px;
	right: 0;
	background: #323232;
	width: 100%;
	max-width: 190px;
}

.edtr_modal-userinfo .edtr_modal-usermenu ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.edtr_modal-userinfo .edtr_modal-usermenu li a {
	display: block;
	text-decoration: none !important;
	padding: 0 8px;
	color: #fff;
	font-size: 12px;
}

/* タブ */
.main {
	left: 0px;
	margin-left: 340px;
}
@media (max-width: 767px) {
	.main {
		left: 0px;
		margin-left: 0;
	}
}

/*アップロードボタン*/
.uploadifive-button {
	padding: 0;
}
.uploadifive-form input[type="file"] {
	cursor: pointer;
}

/*モーダル基礎スタイル*/
.modal.modal-h100 .modal-content {
	height: 100%;
}

.modal-header {
	position: relative;
	z-index: 2;
	height: 44px;
	display: flex;
	justify-content: center;
	border: none;

	background: #333;
	border-radius: 16px 16px 0px 0px;
	overflow: hidden;
}
@media (max-width: 767px) {
	.modal-preview .modal-header {
		border-radius: 0px !important;
	}
}
.modal-header .close {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 44px;
	vertical-align: bottom;
	margin: 0;
}
.modal-header .close:hover {
	opacity: 1;
	background: #666666;
}

.modal-title {
	font-weight: bold;
	margin: 0;
	line-height: 1.42857143;
	font-size: 16px;
	display: inline-block;
	color: #fff;
}

.modal-body.edtr_modal-body {
	height: 100%;
	padding: 53px 0 0;
	margin-top: -53px;
	background: transparent;
	position: relative;
	z-index: 1;
}
.edtr_modal-body-inner {
	display: flex;
	padding: 0;
	overflow-y: hidden;
	overflow-x: hidden;
	height: 100%;
}
.edtr_modal-sidebar {
	box-shadow: inset -1px 0 0 rgba(221, 221, 221, 1);
	flex: 0 0 190px;
	overflow-y: auto;
}
.edtr_modal-maincontainer {
	flex: 0 1 800px;
}
.edtr_modal-maincontainer-inner {
	display: table;
	height: 100%;
	width: 100%;
}
.edtr_modal-maincontainer-inner-row {
	display: table-row;
	height: 100%;
	overflow-y: auto;
}
.edtr_modal-maincontainer-inner-row_fixed {
	display: table-row;
}
.edtr_modal-maincontainer-inner-cell {
	display: table-cell;
}
.edtr_modal-maincontainer-inner-cell-inner {
	height: 100%;
	overflow-y: auto;
}
.edtr_modal-main {
	flex: 0 0 800px;
	height: 100%;
	overflow: hidden;
	display: flex;
}

.edtr_modal-main.page-preview {
	height: calc(100% - 50px);
}

.edtr_modal-main .element-xs input {
	height: 22px;
	padding: 2px 0;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.modal-footer .edtr-block-btn li a {
	background: #aaa;
	color: #fff;
}

.modal-640 .modal-footer {
	border-top: none;
	padding: 0 32px 32px 32px;
}

.edtr_flex-item_contents,
.edtr_flex-item_contents-col-2,
.edtr_flex-item_contents-col-4 {
	flex: 1 1 50%;
	max-width: 50%; /*for ie11*/
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}
@media (min-width: 992px) {
	.edtr_flex-item_contents {
		flex: 0 1 50%;
		max-width: 50%; /*for ie11*/
	}
	.edtr_flex-item_contents-col-2 {
		flex: 0 1 50%;
		max-width: 50%; /*for ie11*/
	}
}

@media (min-width: 992px) {
	.edtr_flex-item_contents-col-4 {
		flex: 0 1 25%;
		max-width: 25%; /*for ie11*/
	}
}

.edtr_flex-item_header {
	flex: 1 1 100%;
	max-width: 100%; /*for ie11*/
	background: #ffa400;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
}

.block-thumb-container .edtr_flex-item_img-container {
	line-height: 90px;
}

.edtr_flex-item_img-container {
	padding: 10px;
	cursor: pointer;
	text-align: center;
	display: list-item;
	line-height: 140px;
	list-style: none;
	position: relative;
}
.edtr_flex-item_contents-col-4 .edtr_flex-item_img-container {
	padding: 0px;
	cursor: pointer;
	text-align: center;
	display: list-item;
	line-height: 105px;
	list-style: none;
	position: relative;
}
.edtr_flex-item_contents-col-4 .edtr_flex-item_img-container:hover {
	opacity: 0.7;
}
.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 1.4em;
	padding: 5px;
}

/*パーツ選択ツールチップ*/

.edtr_flex-item_img-container:before {
	all: initial;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	background: rgba(34, 34, 34, 1);
	width: 140px;
	height: 50px;
	margin: auto;
	box-sizing: border-box;
	line-height: 42px;
	display: none;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border: solid 5px #fff;
	border-radius: 6px;
	cursor: pointer;
}

.edtr_flex-item_contents:hover .edtr_flex-item_img-container:before {
	display: block;

	background: rgba(34, 34, 34, 1);
}

.edtr_flex-item_img-container img {
	max-height: 140px;
	max-width: 100%;
}
.edtr_flex-item_contents-col-4 .edtr_flex-item_img-container img {
	max-height: 105px;
	max-width: 100%;
}

.edtr_flex-item_upload {
	flex: 0 1 100%;
	/*border-bottom: 1px solid #ddd;*/
	background: #fff;
	text-align: left;
	box-sizing: border-box;
	padding: 10px;
}
.edtr_li-sub a {
	display: block;
	font-size: 13px;
	padding: 9px 5px 5px 2em;
	color: #000;
	background: #fff;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.edtr_li-sub a:focus {
	text-decoration: none;
}
.edtr_li-sub:hover a,
.edtr_li-sub:focus a {
	background: #5c5c5c;
	color: #fff;
	text-decoration: none;
}
@media (max-width: 767px) {
	.modal-lg {
		margin: 0 auto;
		padding: 0;
	}
}
.popover {
	max-width: 100% !important;
}

/*画像カテゴリ用スタイル*/
.edtr_flex-item_contents-outer {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.edtr_flex-item_contents-outer .edtr_flex-item_img-container {
	padding: 0;
	line-height: 100px;
}

.edtr_flex-item_contents-outer .edtr_flex-item_img-container img {
	max-height: 100px;
}

/*モーダルボタン用スタイル*/
.edtr_btn_color {
	width: 20px;
	height: 20px;
	display: inline-block;
}
.edtr_btn_color_text {
	height: 20px;
	display: inline-block;
}
.edtr_btn_color_alizarin {
	background: #e74c3c !important;
}
.edtr_btn_color_peterriver {
	background: #3498db !important;
}
.edtr_btn_color_turquoise {
	background: #1abc9c !important;
}
.edtr_btn_color_emerald {
	background: #2ecc71 !important;
}
.edtr_btn_color_concrete {
	background: #95a5a6 !important;
}
.edtr_btn_color_sunflower {
	background: #f1c40f !important;
}
.edtr_btn_color_carrot {
	background: #e67e22 !important;
}

.modal-mini .modal-dialog {
	width: 320px;
}
.modal-480 .modal-dialog {
	max-width: 480px;
	width: auto;
}
.modal-640 .modal-dialog {
	max-width: 640px;
	width: auto;
}

.modal-640 .modal-body {
	padding: 32px 0 0 0;
}

/*プレビュー用モーダルスタイル*/
.preview-pc .modal-dialog {
	/* max-height:881px; */

	height: 100%;
}
.sp-vertical .modal-dialog {
	height: calc(100% - 60px);
	max-height: 681px;
}
.sp-horizontal .modal-dialog {
	height: calc(100% - 60px);
	max-height: 433px;
}

@media (min-width: 768px) {
	.preview-pc .modal-dialog {
		width: 100%;
		max-width: 1248px;
	}
	.sp-vertical .modal-dialog {
		width: 100%;
		max-width: 347px;
	}
	.sp-horizontal .modal-dialog {
		width: 100%;
		max-width: 594px;
	}
}

.modal-preview .modal-content {
	height: 100%;
	border: none;
}
.modal-mini .modal-content {
	border: none;
}
.modal-480 .modal-content {
	border: none;
}
.modal-640 .modal-content {
	border: none;
}

.modal-preview .modal-header {
	padding: 0;
	display: block;
	border-bottom: none;
}

.modal-header .edtr_btn_preview ul {
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: center;
	position: relative;
	border: none;
}
.modal-header .edtr_btn_preview li {
	padding: 0;
	flex: 0 0 auto;
	border-radius: 0;
	border: none;
	background: transparent;
	width: 60px;
}
.modal-header .edtr_btn_preview li a {
	padding: 7px 8px 6px 8px;
	font-size: 35px;
	text-align: center;
	display: block;
	color: #fff;
	line-height: 1;
}
.modal-header .edtr_btn_preview li a:hover,
.modal-header .edtr_btn_preview li a.active {
	background: #666666;
}

/*modal-preview-miniめいたなにか*/
.modal-mini.modal-preview .modal-dialog {
	width: 100%;
}

@media (min-width: 768px) {
	.modal-mini.modal-preview .modal-dialog {
		width: 320px;
	}
}

.modal-mini.modal-preview .modal-content {
	height: 100%;
}
@media (min-width: 768px) {
	.modal-mini.modal-preview .modal-content {
		height: auto;
	}
}

.modal-mini.modal-preview .modal-body {
	height: auto;
	max-height: calc(100vh - 44px);
	overflow: auto;
}

@media (min-width: 768px) {
	.modal-mini.modal-preview .modal-body {
		height: auto;
		max-height: calc(100vh - 80px);
	}
}

/*modal-preview-md*/
.modal-md.modal-preview .modal-dialog {
	width: 100%;
}

@media (min-width: 768px) {
	.modal-md.modal-preview .modal-dialog {
		width: 640px;
	}
}

.modal-md.modal-preview .modal-content {
	height: 100%;
}
@media (min-width: 768px) {
	.modal-md.modal-preview .modal-content {
		height: auto;
	}
}

.modal-md.modal-preview .modal-body {
	height: auto;
	max-height: calc(100vh - 44px);
	overflow: auto;
}

@media (min-width: 768px) {
	.modal-md.modal-preview .modal-body {
		height: auto;
		max-height: calc(100vh - 80px);
	}
}

/*popup-pageindex*/

@media (min-width: 768px) {
	.md-pd24 {
		padding: 24px !important;
	}
}

.h-blackout:hover {
	background-color: rgba(0, 0, 0, 0.7);
}
.h-appear {
	opacity: 0;
}
.h-appear:hover {
	opacity: 1;
}

@media (max-width: 767px) {
	.xs-pr8 {
		padding-right: 8px !important;
	}
	.xs-pl8 {
		padding-left: 8px !important;
	}
}

.saipon-overlay-b {
	animation: saipon-overlayOut-b 0.3s forwards;
	-webkit-animation: saipon-overlayOut-b 0.3s forwards;
}
.saipon-overlay-b:hover,
.saipon-overlay-b.active {
	animation: saipon-overlayIn-b 0.3s;
	-webkit-animation: saipon-overlayIn-b 0.3s;
}

.saipon-fadein3 {
	opacity: 1;
	animation: saipon-fadeIn3 0.3s forwards;
	-webkit-animation: saipon-fadeIn3 0.3s forwards;
}
.saipon-fadein3:hover,
.saipon-fadein3.active {
	opacity: 0.3;
	animation: saipon-fadeOut3 0.3s forwards;
	-webkit-animation: saipon-fadeOut3 0.3s forwards;
}

/*選択可能な要素*/
.selectable {
	border-style: solid !important;
	border-width: 2px !important;
	border-color: #eee;
	border-radius: 8px;
	min-height: 32px;
	cursor: pointer;
	position: relative;
}
.selectable:hover:before {
	content: " ";
	position: absolute;
	top: 1px;
	right: 1px;
	left: 1px;
	bottom: 1px;
	border-radius: 6px;
	box-shadow: inset 0 99999px 0 rgba(255, 255, 255, 0.3);
	z-index: 2;
	pointer-events: none;
}
.selectable.selected,
.selectable.selected:hover {
	border-color: #778899;
	/*background-color: transparent!important;*/
	box-shadow: none;
}
/*選択確認用UI*/
.confirm-entity {
	position: absolute;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4;
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}
.selectable.selected.confirm .confirm-entity {
	display: flex;
}
.selectable.selected.confirm .confirm-entity:hover {
	box-shadow: inset 0px 9999px 0px rgba(255, 255, 255, 0.2);
}

/*トグルする要素*/
.checkable {
	border-style: solid !important;
	border-width: 2px !important;
	border-color: #ddd;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}
.checkable:hover:before {
	content: " ";
	position: absolute;
	top: 1px;
	right: 1px;
	left: 1px;
	bottom: 1px;
	border-radius: 8px;
	box-shadow: inset 0 99999px 0 rgba(255, 255, 255, 0.5);
	z-index: 2;
	pointer-events: none;
}
.checkable.checked,
.checkable.checked:hover {
	border-color: #778899;
	background-color: transparent !important;
	box-shadow: none;
}

/*クリッカブル*/
/*文字改行に対応　画像非対応*/
/*clickable-content-containerと中身で高さを制御している*/
.clickable {
	overflow: hidden;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #ccc;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}
.clickable:hover:before {
	content: " ";
	position: absolute;
	top: 1px;
	right: 1px;
	left: 1px;
	bottom: 1px;
	border-radius: 8px;
	box-shadow: inset 0 99999px 0 rgba(255, 255, 255, 0.5);
	z-index: 2;
}
.clickable-content-container {
	min-height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.clickable-content-inner {
	text-align: center;
	flex: 0 1 auto;
	position: relative;
	padding: 4px;
	color: #888;
	line-height: 1.2;
}

/*design_saipon_edtr_popup-pagesettings*/
.edtr_modal-main .saipon-form table.table.table-var > tbody > tr > th,
.edtr_modal-main .saipon-form table.table.table-var > tbody > tr > td {
	border-right: none;
	border-left: none;
}

.edtr_modal-main .saipon-form table.table.table-var > tbody > tr > th {
}
.edtr_modal-main .saipon-form table.table.table-var > tbody > tr > td {
}

@media (min-width: 768px) {
	.edtr_modal-main .saipon-form table.table.table-var > tbody > tr > th {
		background: #fff;
		padding: 16px 8px 16px 0;
	}
	.edtr_modal-main .saipon-form table.table.table-var > tbody > tr > td {
		padding: 16px 8px;
	}
}
.f-table {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.f-table > * {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: 100%;
}
.f-table-row {
	position: relative;
}
.f-table-row-inner {
	display: block;
	position: relative;
}
.f-table-row-inner > * {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	max-width: 100%;
}
.f-table-header {
	flex: 1 1 33.33%;
	word-break: break-word;
	position: relative;
}
.f-table-data {
	flex: 1 1 66.66%;
	word-break: break-word;
	position: relative;
}
@media (min-width: 768px) {
	.f-table-row-inner {
		display: flex;
	}
}

.saipon-table .f-table-row {
	border: none;
}

.saipon-table .f-table-header,
.saipon-table .f-table-data {
}
.saipon-table .f-table-header {
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 4px 16px;
}
.saipon-table .f-table-data {
	padding: 8px 16px;
}

@media (min-width: 768px) {
	.saipon-table .f-table-row {
		border-bottom: solid 1px #eeeeee;
	}
	.saipon-table .f-table-row:first-child {
		border-top: solid 1px #eeeeee;
	}
	.saipon-table .f-table-header,
	.saipon-table .f-table-data {
		padding: 16px 8px;
	}
	.saipon-table .f-table-header {
		background-color: inherit;
		font-weight: normal;
	}
}

.f-table.saipon-table .has-error {
	background-color: #ffe4e4;
}
.f-table.saipon-table .has-error input,
.has-error select {
	border-color: #ff3a49 !important;
}
.f-table.saipon-table .has-error .help-block.with-errors {
	color: #ff3a49 !important;
	font-weight: bold;
}

.modal-preview .modal-content {
	border: none;
	overflow: hidden;
}

.modal-preview .modal-body {
	position: static;
	padding: 0;
}

/*modal-preview*/
.preview-mock-wrapper {
	height: 100%;
	width: 100%;
}

.preview-mock {
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 0;
	margin: auto;
	overflow: hidden !important;
	transition-duration: 0.3s;
}
.preview-mock img {
	width: 64px;
}
.preview-mockframe {
	width: 100%;
	height: 100%;
	background: #333333;
	border: solid 1px #aaa;
	border-radius: 4px;
	position: relative;
	overflow: hidden !important;
	transition-duration: 0.3s;
}
.preview-mockinner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	border-radius: 0px;
	overflow: hidden !important;
	transition-duration: 0.3s;
}

.preview-mockinner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 250%;
	height: 250%;
	transform: scale(0.4);
	transform-origin: 0 0;
}

@media (min-width: 768px) {
	.preview-mockinner iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: scale(1);
		transform-origin: 0 0;
	}
}

@media (min-width: 768px) {
	.animate-pc-to-sp_v .preview-mock-wrapper {
		height: 100%;
		width: 100%;
		padding: 32px 0;
		overflow-x: auto;
	}

	.animate-pc-to-sp_v .preview-mock {
		transform: rotate(0deg);
		width: 358px;
		height: 658px;
		display: inline-block;
		padding: 0;
		margin: auto;
		border-radius: 16px;
		box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
		overflow: hidden !important;
		border: solid 8px #333;
		background-color: #333;
	}
	.animate-pc-to-sp_v .preview-mockframe {
		width: 342px;
		height: 642px;
		background: #333333;
		border: solid 1px #aaa;
		position: relative;
		overflow: hidden !important;
	}
	.animate-pc-to-sp_v .preview-mockinner {
		transform: rotate(0deg);
		width: 100%;
		height: 100%;
		max-width: 340px;
		max-height: 640px;
		position: absolute;
		top: 0px;
		left: calc(50% - 170px);
		border-radius: 4px;
		overflow: hidden !important;
	}
}
.animate-pc-to-sp_v .preview-mockinner iframe,
.animate-pc-to-sp_h .preview-mockinner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scale(1);
	transform-origin: 0 0;
}

@media (min-width: 768px) {
	.animate-pc-to-sp_h .preview-mock-wrapper {
		height: 100%;
		width: 100%;
		padding: 32px 0;
		overflow-x: auto;
	}

	.animate-pc-to-sp_h .preview-mock {
		transform: rotate(-90deg);
		width: 800px;
		height: 1056px;
		display: inline-block;
		padding: 0;
		margin: -128px auto 0;
		border-radius: 16px;
		box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
		overflow: hidden !important;
		border: solid 16px #333;
		background-color: #333;
	}
	.animate-pc-to-sp_h .preview-mockframe {
		width: 768px;
		height: 1024px;
		background: #333333;
		border: solid 1px #aaa;
		border-radius: 4px;
		position: relative;
		overflow: hidden !important;
	}
	.animate-pc-to-sp_h .preview-mockinner {
		transform: rotate(90deg);
		max-width: 1024px;
		position: absolute;
		max-height: 768px;
		width: 1024px;
		height: 100%;
		top: calc(50% - 384px);
		left: calc(50% - 512px);
		border-radius: 4px;
		overflow: hidden !important;
	}
}

.edtr_modal-main .edtr-control-panel {
	position: relative;
}
@media (min-width: 768px) {
	.edtr_modal-main .edtr-control-panel {
		width: 320px;
	}
}

.main-colmun {
	position: absolute;
	right: 0;
	left: 0;
}
@media (min-width: 768px) {
	.main-colmun {
		left: 320px;
	}
}

/*edtr_modal-main以下の構造用*/
.edtr_modal-main-inner {
	display: flex;
	align-items: stretch;
	top: 0%;
	bottom: 0%;
	min-height: 100%;
}

.edtr_modal-side-colmun {
	flex: 0 0 auto;
	height: auto;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	background: #f8f8f8;
	z-index: 1;
	transition: 0.5s;
}
.edtr_modal-side-colmun.open {
	left: 0%;
}
@media (min-width: 768px) {
	.edtr_modal-side-colmun {
		position: relative;
		width: 320px;
	}
}

.edtr_modal-main-colmun {
	flex: 0 0 auto;
	height: auto;
	width: 100%;
}
@media (min-width: 768px) {
	.edtr_modal-main-colmun {
		width: calc(100%);
	}
}

/*edtr-allpage*/
.edtr-block-btn li .edtr-tool-tip {
	pointer-events: none;
	opacity: 0;
	position: absolute;
	top: -34px;
	left: calc(-4em + 8px);
	width: calc(8em + 16px);
	font-size: 12px;
	text-align: center;
	background: #333;
	color: #fff;
	padding: 5px 8px 3px 8px;
	border-radius: 3px;
	line-height: 1.4;
}
.edtr-block-btn li:hover .edtr-tool-tip {
	opacity: 1;
}
.edtr-block-btn li .edtr-tool-tip:after {
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #333;
	position: absolute;
	top: 24px;
	left: 50%;
	margin: 0px -10px;
	opacity: 1;
}
.edtr-block-btn li:hover .edtr-tool-tip:after {
	opacity: 1;
}

.edtr-block-btn li .edtr-tool-tip.tool-tip-delete {
	left: calc(-5em + 8px);
	width: calc(10em + 16px);
}
.edtr-block-btn li:hover .edtr-tool-tip.tool-tip-delete {
}

.edtr-allpage-container {
	margin: 0 auto;
}
@media (min-width: 768px) {
	.edtr-allpage-container {
		max-width: 1002px;
	}
}
.edtr-allpage-container-inner {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	margin: -4px;
}
@media (min-width: 768px) {
	.edtr-allpage-container-inner {
		margin: -8px -4px;
	}
}

.edtr-allpage-item-info {
	font-size: 12px;
	color: #888;
	font-weight: bold;
	position: relative;
	min-height: 16px;
	line-height: 1.2;
}

.edtr-allpage-item {
	padding: 4px;
	flex: 0 0 100%;
	min-width: 126px;
	max-width: 50%;
	transition-duration: 0.3s;
	margin-bottom: 8px;
}
@media (min-width: 480px) {
	.edtr-allpage-item {
		max-width: 33.33%;
	}
}

@media (min-width: 768px) {
	.edtr-allpage-item {
		margin-bottom: 16px;
		max-width: 33.33%;
	}
}
@media (min-width: 1024px) {
	.edtr-allpage-item {
		max-width: 25%;
	}
}

.edtr-allpage-item-caption {
	position: absolute;
	font-size: 12px;
	line-height: 1;
	height: auto;
	right: 0;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 4px;
	background: rgba(255, 255, 255, 0.9);
}

.edtr-allpage-item .edtr-block-btn {
	list-style: none;
	margin: 0 -1px;
	padding: 0;
}

.edtr-allpage-item .edtr-block-btn li {
	display: inline-block;
	padding-right: 1px;
	padding-left: 1px;
}

.edtr-allpage-item .edtr-block-btn li a {
	display: inline-block;
	height: 32px;
	width: 32px;
	border-radius: 50% 50%;
	background: rgba(0, 0, 0, 0.2);
	color: rgba(255, 255, 255, 0.2);
	text-align: center;
	font-size: 18px;
	line-height: 36px;
}

.edtr-allpage-item .edtr-block-btn li a.unable {
	background: rgba(0, 0, 0, 0.1);
	color: rgba(255, 255, 255, 0.2);
	pointer-events: none;
}

.edtr-allpage-item-inner {
}
.edtr-allpage-thumb-pc {
	width: 100px;
	height: 160px;
	background-color: #fff;
	background-position: top center;
	background-size: cover;
	border: 1px solid #ccc;
}
@media (min-width: 768px) {
	.edtr-allpage-thumb-pc {
		width: 100px;

		height: 160px;
	}
}

.edtr-allpage-thumb-sp {
	background: #222;
	width: 34px;
	height: 62px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-radius: 5px;
	border: 1px solid #aaa;
}
@media (min-width: 768px) {
	.edtr-allpage-thumb-sp {
		width: 34px;
		height: 62px;
		border-radius: 8px;
	}
}

.edtr-allpage-thumb-sp-inner {
	margin: 4px -1px;
	background-color: #fff;
	background-position: top center;
	background-size: cover;
	height: 52px;
	border: 1px solid #aaa;
}
@media (min-width: 768px) {
	.edtr-allpage-thumb-sp-inner {
		margin: 4px -1px;
		background-color: #fff;
		background-position: top center;
		background-size: cover;
		height: 52px;
		border: 1px solid #aaa;
	}
}

/*テンプレ一覧用スタイル*/
.saipon-template-index-list .container {
	padding: 0 16px;
}
@media (min-width: 992px) {
  .saipon-template-index-list .container {
    width: 980px;
  }
}
.saipon-template-index-row {
	margin: -4px;
}
.saipon-template-index-row:before {
	content: " ";
	display: table;
}
.saipon-template-index-row:after {
	content: " ";
	display: table;
	clear: both;
}
.saipon-template-index-col {
	float: left;
	padding: 4px;
	width: 50%;
}
.saipon-template-index-col-item{
	height:43.6vw;
	max-height:300px;
}
@media (min-width: 768px) {
	.saipon-template-index-row {
		margin: -8px;
	}
	.saipon-template-index-col {
		padding: 8px;
		width: 33.333%;
	}
}
@media (min-width: 992px) {
	.saipon-template-index-col {
		width: 25%;
	}
}
/* .saipon-template-index-col {
	float: left;
	padding: 4px;
	width: 50%;
}
.saipon-template-index-col-item {
	height: 87.5px;
}
@media (min-width: 480px) {
	.saipon-template-index-col {
		width: 33.33%;
	}
	.saipon-template-index-col-item {
		height: 90‬px;
	}
}

@media (min-width: 768px) {
	.saipon-template-index-list .container {
		width: auto;
		padding: 0 32px;
	}
	.saipon-template-index-row {
		margin: -8px;
	}
	.saipon-template-index-col {
		padding: 8px;
		width: 33.33%;
	}
	.saipon-template-index-col-item {
		height: 136.666px;
	}
}
@media (min-width: 982px) {
	.saipon-template-index-col {
		width: 25%;
	}
	.saipon-template-index-col-item {
		height: 271.875px;
	}
}

@media (min-width: 1200px) {
	.saipon-template-index-list .container {
		width: 1200px;
		padding: 0;
	}
	.saipon-template-index-col {
		width: 20%;
	}
	.saipon-template-index-col-item {
		height: 298px;
	}
} */

.saipon-template-index-bottomcontrol {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
}
.saipon-template-index-bottomcontrol-inner {
	background-color: #fff;
	border-top: 1px solid #ccc;
	padding: 16px 0;
	overflow-x: auto;
}
.saipon-template-index-bottomcontrol .container {
	width: auto;
	padding: 0 16px;
}
@media (min-width: 768px) {
	.saipon-template-index-bottomcontrol .container {
		padding: 0 32px;
	}
}
@media (min-width: 1200px) {
	.saipon-template-index-bottomcontrol .container {
		width: 1200px;
		padding: 0;
	}
}

/*ログインポップアップ用スタイル*/
.edtr-login-container .col-xs-1,
.edtr-login-container .col-sm-1,
.edtr-login-container .col-md-1,
.edtr-login-container .col-lg-1,
.edtr-login-container .col-xs-2 .edtr-login-container .col-sm-2,
.edtr-login-container .col-md-2,
.edtr-login-container .col-lg-2 .edtr-login-container .col-xs-3,
.edtr-login-container .col-sm-3,
.edtr-login-container .col-md-3,
.edtr-login-container .col-lg-3,
.edtr-login-container .col-xs-4,
.edtr-login-container .col-sm-4,
.edtr-login-container .col-md-4,
.edtr-login-container .col-lg-4,
.edtr-login-container .col-xs-5,
.edtr-login-container .col-sm-5,
.edtr-login-container .col-md-5,
.edtr-login-container .col-lg-5,
.edtr-login-container .col-xs-6,
.edtr-login-container .col-sm-6,
.edtr-login-container .col-md-6,
.edtr-login-container .col-lg-6,
.edtr-login-container .col-xs-7,
.edtr-login-container .col-sm-7,
.edtr-login-container .col-md-7,
.edtr-login-container .col-lg-7,
.edtr-login-container .col-xs-8,
.edtr-login-container .col-sm-8,
.edtr-login-container .col-md-8,
.edtr-login-container .col-lg-8,
.edtr-login-container .col-xs-9,
.edtr-login-container .col-sm-9,
.edtr-login-container .col-md-9,
.edtr-login-container .col-lg-9,
.edtr-login-container .col-xs-10,
.edtr-login-container .col-sm-10,
.edtr-login-container .col-md-10,
.edtr-login-container .col-lg-10,
.edtr-login-container .col-xs-11,
.edtr-login-container .col-sm-11,
.edtr-login-container .col-md-11,
.edtr-login-container .col-lg-11,
.edtr-login-container .col-xs-12,
.edtr-login-container .col-sm-12,
.edtr-login-container .col-md-12,
.edtr-login-container .col-lg-12 {
	min-height: 1px;
	padding: 3px;
}
.edtr-login-container .row {
	margin: 0 -8px;
}

/*テキストエディタ用*/
.text-editor {
	border-radius: 0px;
	max-width: 360px;
	background: #fff;
	padding: 8px;
	margin: 0 auto 4px;
	border-radius: 4px;
}

@media (min-width: 768px) {
	.text-editor {
		border-radius: 8px;
	}
}

.text-editor-menu a,
.text-editor .text-editor-menu ul li > a > i {
	border-color: #00a9ce !important;
	color: #00a9ce !important;
}

.text-editor-menu a.disabled,
.text-editor .text-editor-menu ul li > a.disabled > i {
	border-color: #333 !important;
	background: #aaaaaa !important;
	color: #555 !important;
	pointer-events: none;
}

.text-editor ul li a.text-editor-txticon {
	display: block;
	padding: 4px;
	color: #555;
	height: 32px;
	min-width: 32px;
	text-align: center;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-size: 16px;
	font-family: sans-serif;
	line-height: 24px;
	text-decoration: none;
}

.text-editor ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: none !important;
	display: flex;
}
.text-editor ul li {
	padding: 0px;
	display: inline-block;
	flex: 1 1 auto;
	border: none;
	background: #fff;
}
.text-editor ul li:first-child,
.text-editor ul li:first-child a:not(.btn) {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
}
.text-editor ul li:last-child,
.text-editor ul li:last-child a:not(.btn) {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

.text-editor ul li a:not(.btn):not(.text-editor-txticon) {
	display: block;
	padding: 4px;
	color: #555;
	line-height: 1;
	height: 32px;
	min-width: 32px;
	text-align: center;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-decoration: none !important;
}
.text-editor ul li:first-child a {
	border: 1px solid #aaa;
}

.text-editor ul li a.active {
	background-color: #00a9ce;
}

.text-editor ul li a:hover,
.text-editor ul li a:action {
	background: #cceeff;
	text-decoration: none;
}

.text-editor ul li a:hover {
	background: #cceeff !important;
	text-decoration: none;
}

.text-editor ul li > a > i {
	margin: 0;
	color: #555 !important;
	font-size: 16px;
	line-height: 24px;
	vertical-align: unset;
}
.edtr-panel-parts .text-editor li a i {
	color: #555 !important;
}
.text-editor ul li > a.active > i {
	color: #fff !important;
}
.text-editor .disp-f {
	margin: 0 -4px;
}
.text-editor .disp-f > div:not(.text-editor-color-picker) {
	flex: 1 1 auto;
	padding: 4px;
}
.text-editor-color-picker {
	border-radius: 4px;
	border: 1px solid #ddd;
	min-width: 323px;
	position: absolute;
	z-index: 9999;
	top: 35px;
	left: -28px;
}
@media (max-width: 767px) {
	.text-editor-color-picker {
		left: -14px;
	}
}

.font-style-picker {
	max-width: 100%;
}
.text-editor ul li a.link-setting-btn {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.text-editor ul li a.link-setting-btn.active {
	text-align: left;
	background: #fff;
}
@media (max-width: 767px) {
	.text-editor ul li a.link-setting-btn.active {
		overflow: hidden;
		background: #fff;
	}
}

/*edtr-control-bar*/
/*簡易テキストエディタ用*/

.edtr-control-bar {
	position: fixed;
	max-width: 100%;
	display: none;
	width: 100%;
	top: -130px;
	z-index: 1012;
}
.edtr-control-bar.open {
	display: block;
}

.text-editor .edtr-control-bar-inner .disp-f > div,
.text-editor .edtr-control-bar-scrollable .disp-f > div {
	flex: 0 0 auto;
}

.edtr-control-bar .text-editor,
.edtr-control-bar-open .text-editor {
	max-width: 100%;
	margin: 0;
	padding: 2px 0;
	background: #eee;
}

.edtr-control-bar-inner {
	max-width: 360px;
	display: flex;
}

.text-editor .form-control,
.text-editor .bd-s-1-gray {
	border: 1px solid #aaa !important;
}

.text-editor ul li.edtr-control-bar-title {
	background: transparent;
	flex: 0 0 auto;
}

.edtr-control-bar-scrollable {
	position: relative;
	width: 100%;
	overflow-x: auto;
	scroll-behavior: smooth;
}

.edtr-control-bar-scrollable-fader {
	width: 32px;
	height: 116px;
	position: fixed;
	right: 0;
	z-index: 1;
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	); /* FF3.6-15 */
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 100%
	); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 ); /* IE6-9 */
}

/*edtr-btn-flat*/
.edtr-btn-flat {
	border: 2px solid #4dbb80;
	font-size: 14px;
	font-weight: bold;
	border-radius: 6px;
	padding: 0 !important;
	margin: 0 !important;
	color: #4dbb80;
	text-decoration: none;
	line-height: 2;
	display: inline-block;
	text-decoration: none !important;
	box-shadow: none;
}
.edtr-btn-flat:hover,
.edtr-btn-flat:focus,
.edtr-btn-flat:active {
	box-shadow: none !important;
}
.edtr-btn-flat:hover.bgc-white.c-ex-green,
.edtr-btn-flat:focus.bgc-white.c-ex-green,
.edtr-btn-flat:active.bgc-white.c-ex-green {
	box-shadow: none !important;
	background: #38ba00 !important;
	color: #fff !important;
}

.edtr-btn-flat-yellow {
	border: 2px solid #ffa400;
	font-size: 14px;
	font-weight: bold;
	border-radius: 6px;
	padding: 0;
	margin: 0;
	color: #ffa400;
	text-decoration: none;
	line-height: 2;
	display: inline-block;
	text-decoration: none !important;
	box-shadow: none;
}
.edtr-btn-flat-yellow:hover,
.edtr-btn-flat:focus,
.edtr-btn-flat:active {
	box-shadow: none !important;
}
.edtr-btn-flat-yellow:hover.bgc-white.c-ex-yellow,
.edtr-btn-flat:focus.bgc-white.c-ex-yellow,
.edtr-btn-flat:active.bgc-white.c-ex-yellow {
	box-shadow: none !important;
	background: #ffa400 !important;
	color: #fff !important;
}

.edtr-btn-flat-black {
	border: 2px solid #aaa;
	font-size: 14px;
	font-weight: bold;
	border-radius: 6px;
	padding: 0;
	margin: 0 !important;
	color: #333;
	text-decoration: none;
	line-height: 2;
	display: inline-block;
	text-decoration: none !important;
	box-shadow: none;
}
.edtr-btn-flat-black:hover,
.edtr-btn-flat:focus,
.edtr-btn-flat:active {
	box-shadow: none !important;
}
.edtr-btn-flat-black:hover.bgc-white.c-black,
.edtr-btn-flat-black:focus.bgc-white.c-black,
.edtr-btn-flat-black:active.bgc-white.c-black {
	box-shadow: none !important;
	background: #aaa !important;
	color: #fff !important;
}

.h-hilight:hover {
	box-shadow: inset 0 99999px 0 rgba(255, 255, 255, 0.3);
}
.h-hilight-active {
	box-shadow: inset 0 99999px 0 rgba(255, 255, 255, 0.3);
}

.h-scale_up:hover {
	transform: scale(2);
	position: relative;
}
.h-scale_up-active {
	transform: scale(2);
	position: relative;
}

/*パネル関連*/
.edtr-btn-container {
	padding: 0;
	margin: 0;
	list-style: none;
	border-radius: 8px;
	display: flex;

	align-items: stretch;
	border: solid 1px #ccc;
	overflow: hidden;
}
.edtr-btn-container > * {
	flex: 1 0 auto;
}

.edtr-btn-container > *:first-child,
.edtr-btn-container > *:first-child select {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.edtr-btn-container > *:last-child,
.edtr-btn-container > *:last-child select {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.edtr-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 32px;
	border-left: solid 1px #ccc;
	cursor: pointer;
}

.edtr-btn:first-child {
	border-left: none;
}

.edtr-btn > * {
	flex: 0 0 auto;
}

.edtr-ui-v2 .col-xs-1,
.edtr-ui-v2 .col-sm-1,
.edtr-ui-v2 .col-md-1,
.edtr-ui-v2 .col-lg-1,
.edtr-ui-v2 .col-xs-2,
.edtr-ui-v2 .col-sm-2,
.edtr-ui-v2 .col-md-2,
.edtr-ui-v2 .col-lg-2,
.edtr-ui-v2 .col-xs-3,
.edtr-ui-v2 .col-sm-3,
.edtr-ui-v2 .col-md-3,
.edtr-ui-v2 .col-lg-3,
.edtr-ui-v2 .col-xs-4,
.edtr-ui-v2 .col-sm-4,
.edtr-ui-v2 .col-md-4,
.edtr-ui-v2 .col-lg-4,
.edtr-ui-v2 .col-xs-5,
.edtr-ui-v2 .col-sm-5,
.edtr-ui-v2 .col-md-5,
.edtr-ui-v2 .col-lg-5,
.edtr-ui-v2 .col-xs-6,
.edtr-ui-v2 .col-sm-6,
.edtr-ui-v2 .col-md-6,
.edtr-ui-v2 .col-lg-6,
.edtr-ui-v2 .col-xs-7,
.edtr-ui-v2 .col-sm-7,
.edtr-ui-v2 .col-md-7,
.edtr-ui-v2 .col-lg-7,
.edtr-ui-v2 .col-xs-8,
.edtr-ui-v2 .col-sm-8,
.edtr-ui-v2 .col-md-8,
.edtr-ui-v2 .col-lg-8,
.edtr-ui-v2 .col-xs-9,
.edtr-ui-v2 .col-sm-9,
.edtr-ui-v2 .col-md-9,
.edtr-ui-v2 .col-lg-9,
.edtr-ui-v2 .col-xs-10,
.edtr-ui-v2 .col-sm-10,
.edtr-ui-v2 .col-md-10,
.edtr-ui-v2 .col-lg-10,
.edtr-ui-v2 .col-xs-11,
.edtr-ui-v2 .col-sm-11,
.edtr-ui-v2 .col-md-11,
.edtr-ui-v2 .col-lg-11,
.edtr-ui-v2 .col-xs-12,
.edtr-ui-v2 .col-sm-12,
.edtr-ui-v2 .col-md-12,
.edtr-ui-v2 .col-lg-12 {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.edtr-ui-v2 .row {
	margin: -2px;
}

.row-0 .col-xs-1,
.row-0 .col-sm-1,
.row-0 .col-md-1,
.row-0 .col-lg-1,
.row-0 .col-xs-2,
.row-0 .col-sm-2,
.row-0 .col-md-2,
.row-0 .col-lg-2,
.row-0 .col-xs-3,
.row-0 .col-sm-3,
.row-0 .col-md-3,
.row-0 .col-lg-3,
.row-0 .col-xs-4,
.row-0 .col-sm-4,
.row-0 .col-md-4,
.row-0 .col-lg-4,
.row-0 .col-xs-5,
.row-0 .col-sm-5,
.row-0 .col-md-5,
.row-0 .col-lg-5,
.row-0 .col-xs-6,
.row-0 .col-sm-6,
.row-0 .col-md-6,
.row-0 .col-lg-6,
.row-0 .col-xs-7,
.row-0 .col-sm-7,
.row-0 .col-md-7,
.row-0 .col-lg-7,
.row-0 .col-xs-8,
.row-0 .col-sm-8,
.row-0 .col-md-8,
.row-0 .col-lg-8,
.row-0 .col-xs-9,
.row-0 .col-sm-9,
.row-0 .col-md-9,
.row-0 .col-lg-9,
.row-0 .col-xs-10,
.row-0 .col-sm-10,
.row-0 .col-md-10,
.row-0 .col-lg-10,
.row-0 .col-xs-11,
.row-0 .col-sm-11,
.row-0 .col-md-11,
.row-0 .col-lg-11,
.row-0 .col-xs-12,
.row-0 .col-sm-12,
.row-0 .col-md-12,
.row-0 .col-lg-12 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.row-0.row {
	margin: 0px;
}

.caption-bottom {
	position: absolute;
	font-size: 12px;
	line-height: 1;
	height: 20px;
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	right: 2px;
	left: 2px;
	border-radius: 0 0 8px 8px;
	padding-top: 3px;
	text-align: center;
}

.caption-cover {
	position: absolute;
	font-size: 12px;
	line-height: 1;
	background: rgba(0, 0, 0, 0.5);
	top: 2px;
	bottom: 2px;
	right: 2px;
	left: 2px;
	border-radius: 8px;
	padding-top: 18px;
	text-align: center;
}

.caption-bottom-w {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 4px 4px;
	background-color: rgba(0, 0, 0, 0.5);
}

/*※フレックスコンテナ関連*/
.flex-container-column {
	display: flex;
	width: 100%;
	align-items: center;
}
.flex-container-column > * {
	flex-basis: auto;
	flex-shrink: 1;
	flex-grow: 1;
	word-break: break-word;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.flex-container-column > *:last-child {
	padding-right: 0;
}

/*edtr-ui-v2関連*/
.edtr-ui-v2 {
	font-size: 14px;
	line-height: 1;
}

.edtr-ui-v2 .vertical-space {
	padding-top: 4px;
	padding-bottom: 4px;
}

/*フレックス関連*/
.flex-row {
	display: flex;
	width: 100%;
	align-items: center;
}
.flex-row > * {
	flex-basis: auto;
	flex-shrink: 1;

	flex-grow: 1;
	word-break: break-word;
	padding-top: 0;
	padding-right: 2px;
	padding-bottom: 0;
	padding-left: 2px;
}
.flex-row > *:first-child {
	padding-left: 0px !important;
}
.flex-row > *:last-child {
	padding-right: 0px !important;
}
.flex-row-0 {
	display: flex;
	width: 100%;
	align-items: center;
}
.flex-row-0 > * {
	flex-basis: auto;
	flex-shrink: 1;
	flex-grow: 1;
	word-break: break-word;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.flex-item-static {
	flex-shrink: 0;
	flex-grow: 0;
}
.flex-item-shrink-0 {
	flex-shrink: 0;
}
.flex-item-grow-0 {
	flex-grow: 0;
}

/*見出し系パーツ*/
/* .edtr-control-panel h2 {
  color:#fff;
  font-size: 14px;
  line-height: 1;
  font-weight:700; 
  margin:16px 0 0 0; 
  background:#778899;
  border-radius:4px;
  padding:4px 8px;
  margin: 0;
} */
.edtr-h3 {
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	margin: 16px 0 0 0;
	border-radius: 4px;
	padding: 4px 8px;
	margin: 0;
	position: relative;
}
.edtr-h3:before {
	content: " ";
	position: absolute;
	display: inline-block;
	border-radius: 4px;
	border-width: 2px;
	border-style: solid;
	border-color: #778899;
	top: 0;
	left: 0;
	bottom: 0;
}
.edtr-h4 {
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	margin: 16px 0 0 0;
	padding: 4px 0;
	margin: 0;
	position: relative;
}

/*操作用のオーバーレイレイヤ*/
.edtr_base_overlay_control {
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

.edtr_base_block.select_block > .edtr_base_overlay_control,
.edtr_base_block:hover > .edtr_base_overlay_control {
	display: block;
	position: absolute;
	z-index: 3;
	margin: -16px;
}

.edtr_base_edit_blockparts.select_blockparts > .edtr_base_overlay_control,
.edtr_base_edit_blockparts:hover > .edtr_base_overlay_control {
	display: block;
	position: absolute;
	z-index: 2;
	margin: -16px;
}

.edtr_base_edit_parts.select_parts > .edtr_base_overlay_control,
.edtr_base_edit_parts:hover > .edtr_base_overlay_control {
	display: block;
	position: absolute;
	z-index: 5;
	margin: -4px;
}

/*各方向の操作盤の基礎*/
.edtr_base_overlay_control-top {
	position: absolute;
	top: -28px;
	right: -1px;
	bottom: auto;
	left: -1px;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	justify-content: flex-start;
}
.edtr_base_overlay_control-right {
	position: absolute;
	top: 0;
	right: -5px;
	bottom: 0;
	left: auto;
	height: 100%;
}
.edtr_base_overlay_control-left {
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: -5px;
	height: 100%;
}
.edtr_base_overlay_control-center {
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 50%;
	height: 100%;
}

/*当たり判定を制御するクラス*/
.edtr_base_overlay_control-btn-portrait-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	cursor: pointer;
	touch-action: none;
}
/*見えを制御するクラス*/
.select_blockparts
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	min-height: auto;
	max-height: none;
}
.edtr_base_overlay_control-btn-portrait-inner-panel {
	background-color: #ffa400;
	min-width: 32px;
	min-height: 108px;
	max-height: 108px;
	height: 100%;
	margin-left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	cursor: grab;
}

.edtr_base_block
	[class*="edtr_base_overlay_control-"]
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
	background-color: #ffa400;
}
.edtr_base_edit_blockparts
	[class*="edtr_base_overlay_control-"]
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #555555;
}
.edtr_base_edit_parts
	[class*="edtr_base_overlay_control-"]
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #00a9ce;
}

.edtr_base_block.select_block
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	justify-content: flex-start;
	min-width: 40px;
	padding: 4px 0 2px 0;
	cursor: auto;
}
.edtr_base_edit_blockparts.select_blockparts
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	justify-content: flex-start;
	min-width: 40px;
	padding: 4px 0 2px 0;
	cursor: auto;
}
.edtr_base_edit_parts.select_parts
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-btn-portrait-inner-panel {
	justify-content: flex-start;
	min-width: 40px;
	padding: 4px 0 2px 0;
	cursor: auto;
}

.edtr_base_overlay_control-right .edtr_base_overlay_control-btn,
.edtr_base_overlay_control-left .edtr_base_overlay_control-btn {
	border-top-right-radius: 9999px;
	border-top-left-radius: 9999px;
	border-bottom-right-radius: 9999px;
	border-bottom-left-radius: 9999px;
	background-color: rgba(0, 0, 0, 0.1);
	opacity: 1;
	margin-bottom: 2px;
}
.edtr_base_overlay_control-right .edtr_base_overlay_control-btn:hover,
.edtr_base_overlay_control-left .edtr_base_overlay_control-btn:hover {
	opacity: 0.5;
}

/*
.edtr_base_edit_blockparts .edtr_base_overlay_control-right [class^="edtr_base_overlay_control-btn"]:first-child{
  border-top-right-radius:8px!important;
}
.edtr_base_edit_parts .edtr_base_overlay_control-right [class^="edtr_base_overlay_control-btn"]:first-child{
  border-top-right-radius:4px!important;
}

.edtr_base_block .edtr_base_overlay_control-right .edtr_base_overlay_control-btn-wrap [class^="edtr_base_overlay_control-btn"]:first-child,
.edtr_base_edit_blockparts .edtr_base_overlay_control-right .edtr_base_overlay_control-btn-wrap [class^="edtr_base_overlay_control-btn"]:first-child,
.edtr_base_edit_parts .edtr_base_overlay_control-right .edtr_base_overlay_control-btn-wrap [class^="edtr_base_overlay_control-btn"]:first-child{
   border-top-right-radius:0px!important; 
}
*/

/* マウスが左パネル上にあるとき、コンテナとパーツの線を非表示にする */
.editing .edtr_base_edit_parts .edtr_base_overlay_parts,
.editing .edtr_base_edit_parts .edtr_base_overlay_parts_th,
.editing .edtr_base_edit_parts .edtr_base_overlay_parts_td {
	border: none;
}

.editing
	.edtr_base_block.select_block
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-right,
.editing
	.edtr_base_edit_blockparts.select_blockparts
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-right,
.editing
	.edtr_base_block.select_block
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-left,
.editing
	.edtr_base_edit_blockparts.select_blockparts
	> .edtr_base_overlay_control
	.edtr_base_overlay_control-left {
	display: none;
}

.editing .edtr_base_edit_blockparts .edtr_base_overlay_control-bottom {
	display: none;
}

.editing .edtr_base_edit_blockparts .edtr_base_overlay_blockparts {
	display: none;
}

.editing
	.edtr_base_edit_blockparts.select_blockparts
	.edtr_base_overlay_blockparts {
	display: block;
	border: 2px solid #555;
	border-radius: 8px;
}

.editing .edtr_base_edit_parts.select_parts .edtr_base_overlay_parts {
	display: block;
	border: 2px solid #00a9ce;
	border-radius: 4px;
}

.editing :focus {
	outline: none;
}

.editing ::selection {
	background: transparent;
}
.editing #color_code ::selection {
	background: #2ac;
}

/* Firefox */
.editing ::-moz-selection {
	background: transparent;
}
.editing #color_code ::-moz-selection {
	background: #2ac;
}

.edtr_base_overlay_control-bottom {
	position: absolute;
	top: auto;
	right: -1px;
	/*bottom: 0px;*/
	left: -1px;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	justify-content: flex-start;
}

.edtr_base_edit_blockparts .edtr_base_overlay_control-bottom {
	bottom: 0px;
}

/*操作ボタンの基礎的な振る舞い*/
.edtr_base_overlay_control-btn {
	/* display: inline-block; */
	align-items: center;
	justify-content: center;
	min-width: 32px;
	line-height: 32px;
	position: relative;
	color: #fff;
	background-color: #ffa400;
	font-size: 14px;
	font-weight: bold;
	border-radius: 16px;
	margin: 0 1px;
	cursor: pointer;
	pointer-events: auto;
	touch-action: none;
	flex: 0 0 auto;
}
.edtr_base_overlay_control-btn:hover {
	opacity: 1;
	color: rgba(255, 255, 255, 0.5);
}
/*レベルによる差分*/
.edtr_base_block .edtr_base_overlay_control-btn {
	background-color: #ffa400;
	border-radius: 16px;
}
.edtr_base_edit_blockparts .edtr_base_overlay_control-btn {
	background-color: #555555;
	border-radius: 8px;
}
.edtr_base_edit_parts .edtr_base_overlay_control-btn {
	background-color: #00a9ce;
	border-radius: 4px;
}

/*削除ボタン用*/
.edtr_base_overlay_control-btn-wrap {
	opacity: 1;
	display: flex;
	margin-right: 40px;
}
.edtr_base_overlay_control-btn-wrap .edtr_base_overlay_control-btn {
	opacity: 1;
}

/*ブロック追加用*/
.edtr_base_overlay_control-btn_add_block {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	/* display: inline-block; */
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
	width: auto;
	line-height: 32px;
	min-width: 32px;
	text-align: center;
	border-radius: 9999px !important;
	color: #fff;
	background-color: #ffa400;
	margin: 0 1px;
	padding: 0 8px;
	flex: 0 0 auto;
}
.edtr_base_overlay_control-btn_add_block:hover {
	color: rgba(255, 255, 255, 0.5);
	background-color: #ffa400;
}
/*レベルによる差分*/
.edtr_base_block .edtr_base_overlay_control-btn_add_block {
	background-color: #ffa400;
	border-radius: 16px;
}
.edtr_base_edit_blockparts .edtr_base_overlay_control-btn_add_block {
	background-color: #555555;
	border-radius: 8px;
}
.edtr_base_edit_parts .edtr_base_overlay_control-btn_add_block {
	background-color: #00a9ce;
	border-radius: 4px;
}

/*コンテナ追加用*/
.edtr_base_overlay_control-btn_add_blockparts {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif !important;
	display: block;
	text-decoration: none !important;
	font-size: 16px;
	font-weight: bold;
	width: 192px;
	line-height: 32px;
	text-align: center;
	border: 2px dashed #555;
	border-radius: 8px !important;
	color: #555 !important;
	background-color: #ddd;
	margin: 16px auto;
}
.edtr_base_overlay_control-btn_add_blockparts:hover {
	color: #fff !important;
	background-color: #555;
}

/*ラベル表示用*/
.edtr_base_overlay_control-label {
	/* display: inline-block; */
	align-items: center;
	justify-content: center;
	min-width: 32px;
	line-height: 32px;
	position: relative;
	color: #fff;
	background-color: #ffa400;
	font-size: 14px;
	font-weight: bold;
	border-radius: 16px;
	margin: 0 1px;
	cursor: pointer;
	pointer-events: auto;
	touch-action: none;
	flex: 0 0 auto;
	padding: 0 16px;
}
/*レベルによる差分*/
.edtr_base_block .edtr_base_overlay_control-label {
	background-color: #ffa400;
	border-radius: 16px 16px 0 0;
}
.edtr_base_edit_blockparts .edtr_base_overlay_control-label {
	background-color: #555555;
	border-radius: 8px 8px 0 0;
}
.edtr_base_edit_parts .edtr_base_overlay_control-label {
	background-color: #00a9ce;
	border-radius: 4px 4px 0 0;
}

/*セレクト用表示*/
.edtr_base_overlay_control-selectable {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	line-height: 28px;
	position: relative;
	color: #fff;
	background-color: #ffa400;
	font-size: 16px;
	border-radius: 8px;
	padding: 2px;
	flex: 0 0 auto;
}
.edtr_base_overlay_control-selectable-item {
	/* display: inline-block; */
	align-items: center;
	justify-content: center;
	min-width: 32px;
	line-height: 28px;
	position: relative;
	color: #fff;
	background-color: rgba(255, 255, 255, 0);
	font-size: 16px;
	cursor: pointer;
	pointer-events: auto;
	touch-action: none;
	border-radius: 6px;
	padding: 0 8px;
	margin: 0 1px;
	flex: 0 0 auto;
}
.edtr_base_overlay_control-selectable-item:hover {
	color: rgba(255, 255, 255, 0.5);
}
.edtr_base_overlay_control-selectable
	.edtr_base_overlay_control-selectable-item:first-child {
	margin: 0 1px 0 0;
}
.edtr_base_overlay_control-selectable
	.edtr_base_overlay_control-selectable-item:last-child {
	margin: 0 0 0 1px;
}
/*レベルによる差分*/
.edtr_base_block .edtr_base_overlay_control-selectable {
	background-color: #ffa400;
}
.edtr_base_block .edtr_base_overlay_control-selectable-item.active {
	background-color: #ffffff;
	color: #ffa400;
}
.edtr_base_edit_blockparts .edtr_base_overlay_control-selectable {
	background-color: #555555;
}
.edtr_base_edit_blockparts .edtr_base_overlay_control-selectable-item.active {
	background-color: #ffffff;
	color: #555555;
}
.edtr_base_edit_parts .edtr_base_overlay_control-selectable {
	background-color: #00a9ce;
}
.edtr_base_edit_parts .edtr_base_overlay_control-selectable-item.active {
	background-color: #ffffff;
	color: #00a9ce;
}

/*削除ボタン用*/
.edtr_base_overlay_control-btn-wrap {
	opacity: 1;
	display: flex;
	margin-right: 40px;
}
.edtr_base_overlay_control-btn-wrap .edtr_base_overlay_control-btn {
	opacity: 1;
}

.edtr-ui-v2 .edtr-control-panel-list {
	margin-right: -8px;
	margin-left: -8px;
}
.edtr-ui-v2 .edtr-control-panel-list .list-item {
	padding-right: 8px;
	padding-left: 8px;
}

.edtr-ui-v2 input,
.edtr-ui-v2 button,
.edtr-ui-v2 select,
.edtr-ui-v2 textarea {
	border-radius: 8px;
	font-size: 12px;
	height: 34px;
	border-color: #ccc;
}

/*リサイズカーソル*/
.edtr_base_overlay_control-btn_resizecursor {
	background-color: #fff;
	height: 32px;
	width: 9px;
	border-radius: 9999px;
	border: 1px solid #ffa400;
	cursor: ew-resize;
}
/*レベルによる差分*/
.edtr_base_block .edtr_base_overlay_control-btn_resizecursor {
	border-color: #ffa400;
}
.edtr_base_edit_blockparts .edtr_base_overlay_control-btn_resizecursor {
	border-color: #555555;
}
.edtr_base_edit_parts .edtr_base_overlay_control-btn_resizecursor {
	border-color: #00a9ce;
}

/*エキスパテーマカラーコード*/

.bgc-ex-red {
	background-color: #ff3a49 !important;
}
.bgc-ex-yellow {
	background-color: #ffa400 !important;
}
.bgc-ex-green {
	background-color: #38ba00 !important;
}
.bgc-ex-blue {
	background-color: #00a9ce !important;
}
.bgc-ex-gray {
	background-color: #969797 !important;
}

.c-ex-red {
	color: #ff3a49 !important;
}
.c-ex-yellow {
	color: #ffa400 !important;
}
.c-ex-green {
	color: #38ba00 !important;
}
.c-ex-blue {
	color: #00a9ce !important;
}
.c-ex-gray {
	color: #969797 !important;
}

.bd-c-gray {
	border-color: #aaaaaa !important;
}
.bd-c-ex-red {
	border-color: #ff3a49 !important;
}
.bd-c-ex-yellow {
	border-color: #ffa400 !important;
}
.bd-c-ex-green {
	border-color: #38ba00 !important;
}
.bd-c-ex-blue {
	border-color: #00a9ce !important;
}
.bd-c-ex-gray {
	border-color: #969797 !important;
}

/*その他のカラーコード*/

/*緑*/
.c-green {
	color: #38ba00;
}
.bgc-green {
	background-color: #38ba00;
}
.bd-c-green {
	border-color: #38ba00;
}
.h-bgc-green:hover,
.h-bgc-green:hover select {
	background-color: #eaf7e4 !important;
}

.h-bgc-green.active,
.h-bgc-green .active,
.h-bgc-green.active:hover,
.h-bgc-green .active:hover {
	color: #fff !important;
	background-color: #38ba00 !important;
}
.hanten-green {
	background-color: #fff;
	color: #38ba00;
}
.hanten-green:hover,
.hanten-green.active {
	color: #fff;
	background-color: #38ba00;
}

/*青*/
.c-blue {
	color: #00a9ce;
}
.bgc-blue {
	background-color: #00a9ce;
}
.bd-c-blue {
	border-color: #00a9ce;
}
.h-bgc-blue:hover,
.h-bgc-blue:hover select {
	background-color: #e4f5f9 !important;
}

.h-bgc-blue.active,
.h-bgc-blue .active,
.h-bgc-blue.active:hover,
.h-bgc-blue .active:hover {
	color: #fff !important;
	background-color: #00a9ce !important;
}
.hanten-blue {
	background-color: #fff;
	color: #00a9ce;
}
.hanten-blue:hover,
.hanten-blue.active {
	color: #fff;
	background-color: #00a9ce;
}

/*黄*/
.c-yellow {
	color: #ffa400;
}
.bgc-yellow {
	background-color: #ffa400;
}
.bd-c-yellow {
	border-color: #ffa400;
}
.h-bgc-yellow:hover,
.h-bgc-yellow:hover select {
	background-color: #fff5e4 !important;
}

.h-bgc-yellow.active,
.h-bgc-yellow .active,
.h-bgc-yellow.active:hover,
.h-bgc-yellow .active:hover {
	color: #fff !important;
	background-color: #ffa400 !important;
}
.hanten-yellow {
	background-color: #fff;
	color: #ffa400;
}
.hanten-yellow:hover,
.hanten-yellow.active {
	color: #fff;
	background-color: #ffa400;
}

/*赤*/
.c-red {
	color: #ff3a49;
}
.bgc-red {
	background-color: #ff3a49;
}
.bd-c-red {
	border-color: #ff3a49;
}
.h-bgc-red:hover,
.h-bgc-red:hover select {
	background-color: #ffeaeb !important;
}

.h-bgc-red.active,
.h-bgc-red .active,
.h-bgc-red.active:hover,
.h-bgc-red .active:hover {
	color: #fff !important;
	background-color: #ff3a49 !important;
}
.hanten-red {
	background-color: #fff;
	color: #ff3a49;
}
.hanten-red:hover,
.hanten-red.active {
	color: #fff;
	background-color: #ff3a49;
}
/*灰*/
.c-gray {
	color: #555555;
}
.bgc-gray {
	background-color: #555555;
}
.bd-c-gray {
	border-color: #555555;
}
.h-bgc-gray:hover,
.h-bgc-gray:hover select {
	background-color: #ededed !important;
}

.h-bgc-gray.active,
.h-bgc-gray .active,
.h-bgc-gray.active:hover,
.h-bgc-gray .active:hover {
	color: #fff !important;
	background-color: #555555 !important;
}
.hanten-gray {
	background-color: #fff;
	color: #555555;
}
.hanten-gray:hover,
.hanten-gray.active {
	color: #fff;
	background-color: #555555;
}

/*明黄*/
.c-l-yellow {
	color: #ffcc00;
}
.bgc-l-yellow {
	background-color: #ffcc00;
}
.bd-c-l-yellow {
	border-color: #ffcc00;
}
.h-bgc-l-yellow:hover,
.h-bgc-l-yellow:hover select {
	background-color: #fffae5 !important;
}

.h-bgc-l-yellow.active,
.h-bgc-l-yellow .active,
.h-bgc-l-yellow.active:hover,
.h-bgc-l-yellow .active:hover {
	color: #fff !important;
	background-color: #ffcc00 !important;
}
.hanten-l-yellow {
	background-color: #fff;
	color: #ffcc00;
}
.hanten-l-yellow:hover,
.hanten-l-yellow.active {
	color: #fff;
	background-color: #ffcc00;
}

/*エディタ画面用汎用クラス*/
.bgc-shade {
	background-color: rgba(0, 0, 0, 0.2);
}
.bgc-shade:hover.active {
	background-color: rgba(0, 0, 0, 0.5);
}
.bgc-delete-pink {
	background-color: rgba(255, 58, 73, 1);
}

.bd-s-d-gray {
	border: 1px solid #888888;
}
.bdc-black {
	border-color: #555555 !important;
}
.c-edtr-p-gray {
	color: #eeeeee !important;
}
.c-premium-gold {
	color: #ffcc00;
	background: -webkit-linear-gradient(#ffcc00, #ffa400);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.lh32 {
	line-height: 32px !important;
}

.mr4 {
	margin-right: 4px !important;
}

.h96 {
	height: 96px;
}
.h100per {
	height: 100%;
}

.vertical-margin {
	margin-top: 8px;
	margin-bottom: 8px;
}

.radius-top-right {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.radius-top-4 {
	border-radius: 4px 4px 0 0 !important;
}
@media (max-width: 767px) {
	.xs-radius-0 {
		border-radius: 0 !important;
	}
}

.cursor-grab {
	cursor: grab;
}

.state-private {
	background-color: #eeeeee !important;
}
.state-private .c-black {
	color: #888888 !important;
}

/*視覚効果*/
.ve-blink {
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	-webkit-animation-name: fadein;
	animation-name: fadeIn;
}

/*-------------------------------------------------------------------------------------------------------*/
/*アニメーション設定*/
/*-------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------*/
/*その他のスタイル*/
/*-------------------------------------------------------------------------------------------------------*/
.cursor-pointer:hover,
.cursor-pointer:hover:active,
.cursor-pointer.active {
	box-shadow: none !important;
}

/*要素が選択されたとき用のスタイル*/
.selected,
.selected:hover {
	box-shadow: 0px 0px 0px 3px #00a2e6 inset;
	-moz-box-shadow: 0px 0px 0px 3px #00a2e6 inset;
	-webkit-box-shadow: 0px 0px 0px 3px #00a2e6 inset;
	opacity: 1 !important;
}

/*-- ck editor --*/

.cke {
	display: none !important;
}

.cke_toolbox {
	display: none !important;
}
.edtr_base_block.select_block .cke_editable {
	min-width: 16px;
	min-height: 16px;
}
.edtr_base_block.select_block .block-type-mainvisual .cke_editable {
	min-width: 64px;
	min-height: 64px;
}

.dz-drag-hover {
	opacity: 0.5;
}

.c-sea {
	color: #228;
}

.posi-f {
	position: fixed;
}

.overflow-y-hidden {
	overflow-y: hidden !important;
}

.v-shadow {
	box-shadow: 0px 8px 32px -16px #000, 0px -8px 32px -16px #000;
}
.box-l-shadow {
	box-shadow: 0px 0px 8px 0px rgba(85, 85, 85, 0.3);
}

/*隠されたコンテンツとそれを表示するコンテンツ*/
.hidden-layer {
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease 0s;
}
.hover-layer:hover .hidden-layer {
	opacity: 1;
	transition: all 0.3s ease 0s;
	pointer-events: auto;
}

.pd2 {
	padding: 2px !important;
}

/*最後の区切り線を消すための親子構造*/

/*余白対応の暫定対応*/
.edtr-ui-v2 .vertical-space {
	padding-top: 4px;
	padding-bottom: 4px;
}

.row-0.row .col-xs-6:nth-child(odd) .flex-row {
	padding-right: 4px;
	padding-left: 16px;
}
.row-0.row .col-xs-6:nth-child(even) .flex-row {
	padding-right: 16px;
	padding-left: 4px;
}

/*デモ表示用指定*/
.edtr-main-demonstration-container {
	text-align: center;
	background-color: #ffa400;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック",
		sans-serif;
}
.edtr-main-demonstration-parts {
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	padding: 8px 0;
}

/*マニュアル誘導用指定*/
.edtr-connect-instruction-container {
	font-size: 16px;
	padding: 16px 16px 12px 16px;
}
.edtr-connect-instruction-container
	.edtr-connect-instruction-inner:last-child
	hr {
	display: none;
}

/*ブログブロック用指定*/
.edtr_base_block .pc-blog.edtr_base_edit_parts > .edtr_base_overlay_parts,
.edtr_base_block.select_block
	.pc-blog.edtr_base_edit_parts.select_parts
	> .edtr_base_overlay_parts {
	border-color: #44bb88;
}

.pc-blog.edtr_base_edit_parts
	> .edtr_base_overlay_parts
	.edtr_base_bg_change_parts {
	background: #44bb88;
}

/*右からスライドするパネル*/
.edtr-notice-panel {
	color: #555555;
	right: -340px;
	bottom: 0;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	transition-property: height;
	transition-duration: 400ms;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 320px;
	margin-top: 0;
	position: fixed;
	height: calc(100% - 48px) !important;
	background-color: #222222;
}
.edtr-notice-panel.active {
	right: 0;
}
@media (min-width: 768px) {
	.edtr-notice-panel .edtr-control-panel-scrollable {
		height: calc(100% - 0px) !important;
		top: 0px;
	}
}

/*ページ上部に固定して出すお知らせ*/
.edtr-notice-panel-top {
	top: 0;
	left: 409px;
	right: 0;
	position: fixed;
	text-align: center;
}

/*ページ下部に固定して出すコントロール*/
.edtr-notice-panel-bottom {
	bottom: 16px;
	left: 450px;
	display: flex;
	align-items: center;
	position: fixed;
	text-align: center;
	z-index: 1;
}
.edtr-notice-panel-bottom .v-shadow {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

/*画面幅が狭まった時に表示するもの*/
.edtr-cover-screen {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
	z-index: 9999;
	font-size: 12px;
}
@media screen and (min-height: 480px) and (min-width: 768px) {
	.edtr-cover-screen {
		display: none;
	}
}

/*エディタヘッダー周りの指定*/
.edtr-header-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: auto;
	height: 100%;
	width: 88px;
	right: auto;
}

.edtr-header-control {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.edtr-header-control.active {
	color: #4dbb80;
	opacity: 1 !important;
}
.edtr-header-control.active:after {
	content: " ";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	bottom: -16px;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #eeeeee transparent;
	pointer-events: none;
}

.edtr-header-control-url {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background-color: #444;
}
.edtr-header-control-url-inner {
	padding-top: 2px;
	flex: 1 1 auto;
}

.edtr-header-control-pankuzu {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.edtr-header-control-pankuzu-inner:before,
.edtr-header-control-pankuzu-inner:after {
	content: " ";
	display: block;
	background-color: #f2f2f2;
	width: 16px;
	height: 32px;
}
.edtr-header-control-pankuzu-inner:before {
	border-radius: 8px 0 0 8px;
	margin-right: -8px;
}
.edtr-header-control-pankuzu-inner:after {
	border-radius: 0 8px 8px 0;
	margin-left: -8px;
}
.edtr-header-control-pankuzu-inner
	> .edtr-header-control-pankuzu-item:last-child {
	margin: 0;
}

.edtr-header-control-pankuzu-item {
	background-color: #f2f2f2;
	transform: skewX(-10deg);
	margin-right: 4px;
}
.edtr-header-control-pankuzu-item > * {
	transform: skewX(10deg);
}

.edtr-header-control-preview {
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}
.edtr-header-control-publish {
	height: 48px;
	width: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	flex-direction: column;
}
.edtr-header-control-badge {
	position: absolute;
	width: 13px;
	height: 13px;
	background-color: #f00;
	top: 0;
	right: 0;
	border-radius: 50%;
}
.edtr-header-control-badge-16 {
	position: absolute;
	min-width: 16px;
	min-height: 16px;
	background-color: #f00;
	top: -8px;
	right: -8px;
	line-height: 1;
	border-radius: 9999px;
}
.edtr-header-control-badge-12 {
	position: absolute;
	min-width: 12px;
	min-height: 12px;
	background-color: #f00;
	top: -6px;
	right: -6px;
	line-height: 1;
	border-radius: 9999px;
}

/*縮めるための設定*/
.edtr-control-panel.edtr-control-panel-contract {
	height: calc(100% - 176px) !important;
	bottom: 128px;
	left: 89px;
}

/*ページ左下に固定して出す表示領域*/
.edtr-control-panel-info {
	border-top-style: solid;
	border-width: 1px;
	border-color: #eeeeee;
	width: 340px;
	height: 128px;
	bottom: 0;
	position: fixed;
	background-color: #eee;
}

/*TIP用指定群*/
.edtr-tip-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	overflow: hidden;
}

.edtr-control-tip {
	position: absolute;
	z-index: 2;
}

.edtr-control-tip-content {
	background-color: #444;
	color: #fff;
	padding: 8px 16px;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	max-width: 320px;
	border: solid 1px #ccc;
}
.edtr-tip-expand-right .edtr-control-tip-arrow-top,
.edtr-tip-expand-right .edtr-control-tip-arrow-btm {
	left: calc(50% - 11px);
}
.edtr-tip-expand-left .edtr-control-tip-arrow-top,
.edtr-tip-expand-left .edtr-control-tip-arrow-btm {
	right: calc(50% - 11px);
}

.edtr-control-tip-arrow-top {
	position: absolute;
	width: 16px;
	height: 16px;
	pointer-events: none;
	background-color: #444;
	-webkit-transform: translateX(0) rotate(-135deg);
	transform: translateX(0) rotate(-135deg);
	top: -8px;
	/* -webkit-box-shadow: 8px 8px 16px -2px rgba(0,0,0,.5); */
	/* box-shadow: 8px 8px 16px -2px rgba(0,0,0,.5); */
	z-index: 2;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.edtr-control-tip-arrow-btm {
	position: absolute;
	width: 16px;
	height: 16px;
	pointer-events: none;
	background-color: #444;
	-webkit-transform: translateX(0) rotate(-135deg);
	transform: translateX(0) rotate(-135deg);
	bottom: -8px;
	-webkit-box-shadow: -8px -8px 16px -2px rgba(0, 0, 0, 0.5);
	box-shadow: -8px -8px 16px -2px rgba(0, 0, 0, 0.5);
	z-index: 2;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

/*戻るとOK操作パネルを表示するための指定*/
.edtr-main-content-control {
	display: none;
}
.edtr-main-content-control-button {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 4px;
	line-height: 1em;
	background-color: rgba(0, 0, 0, 0.3);
}
.edtr-main-content-control-button:hover:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	pointer-events: none;
}
.edtr-main-editorarea-wrapper {
	height: 100%;
	overflow: auto;
	/*-ms-overflow-style: none; IE, Edge 対応 */
	/*scrollbar-width: none; Firefox 対応 */
}
.edtr-main-editorarea-wrapper::-webkit-scrollbar {
	/* display:none;Chrome, Safari 対応 */
}

/*ボタングループ*/
.edtr-btn-group {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 8px;
}
.edtr-btn-item {
	border: 1px solid #ccc;
	margin: 0 -0.5px;
	height: 32px;
	flex: 1 1 auto;
	position: relative;
}
.edtr-btn-item.active {
	border: 1px solid #778899;
	background-color: #778899;
	color: #fff;
}
.edtr-btn-item.active:after {
	position: absolute;
	content: " ";
	background-color: #778899;
	width: 12px;
	height: 12px;
	left: calc(50% - 6px);
	bottom: -6px;
	transform: rotate(45deg);
}
.edtr-btn-item:hover {
	cursor: pointer;
}
.edtr-btn-item.active:hover {
	cursor: auto;
}
.edtr-btn-item:hover:before {
	position: absolute;
	content: " ";
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background-color: rgba(255, 255, 255, 0.5);
	pointer-events: none;
}
.edtr-btn-item.active:hover:before {
	background-color: transparent;
}
.edtr-btn-group > .edtr-btn-item:first-child,
.edtr-btn-group > .edtr-btn-item:first-child:before {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-left: 0px;
}

.edtr-btn-group > .edtr-btn-item:last-child,
.edtr-btn-group > .edtr-btn-item:last-child:before {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin-right: 0;
}

/*ボタングループ　CV*/
.edtr-btn-group.accent-green > .edtr-btn-item.active {
	border: 1px solid #38ba00 !important;
	background-color: #38ba00 !important;
}
.edtr-btn-group.accent-emerald-green > .edtr-btn-item.active {
	border: 1px solid #4dbb80 !important;
	background-color: #4dbb80 !important;
}
.edtr-btn-group.accent-blue > .edtr-btn-item.active {
	border: 1px solid #00a9ce !important;
	background-color: #00a9ce !important;
}
.edtr-btn-group.accent-yellow > .edtr-btn-item.active {
	border: 1px solid #ffaa00 !important;
	background-color: #ffaa00 !important;
}
.edtr-btn-group.accent-l-yellow > .edtr-btn-item.active {
	border: 1px solid #ffcc00 !important;
	background-color: #ffcc00 !important;
}
.edtr-btn-group.accent-red > .edtr-btn-item.active {
	border: 1px solid #ff3a49 !important;
	background-color: #ff3a49 !important;
}
.edtr-btn-group.accent-gray > .edtr-btn-item.active {
	border: 1px solid #555555 !important;
	background-color: #555555 !important;
}

.edtr-btn-group.accent-green > .edtr-btn-item.active:after {
	background-color: #38ba00 !important;
}
.edtr-btn-group.accent-emerald-green > .edtr-btn-item.active:after {
	background-color: #4dbb80 !important;
}
.edtr-btn-group.accent-blue > .edtr-btn-item.active:after {
	background-color: #00a9ce !important;
}
.edtr-btn-group.accent-yellow > .edtr-btn-item.active:after {
	background-color: #ffaa00 !important;
}
.edtr-btn-group.accent-l-yellow > .edtr-btn-item.active:after {
	background-color: #ffcc00 !important;
}
.edtr-btn-group.accent-red > .edtr-btn-item.active:after {
	background-color: #ff3a49 !important;
}
.edtr-btn-group.accent-gray > .edtr-btn-item.active:after {
	background-color: #555555 !important;
}

/*編集モード操作ボタン*/
.edtr-layout-section {
	background-color: #778899;
	border-radius: 8px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px;
}
.edtr-layout-section:hover {
	opacity: 0.5;
	cursor: pointer;
}
[class*="edtr-layout-btn"] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 128px;
	font-size: 12px;
	color: #fff;
	padding: 8px 0 8px 0;
	font-weight: bold;
	text-align: center;
	position: relative;
	z-index: 2;
}
.edtr-layout-spot {
	background-color: #fff;
	position: absolute;
	top: 2px;
	right: auto;
	bottom: 2px;
	left: 2px;
	width: 128px;
	border-radius: 6px;
	transition-duration: 0.2s;
	z-index: 1;
}

.edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.edtr-layout-section.forcus_layout .edtr-layout-btn-layout {
	font-size: 16px;
	color: #778899;
}
.edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #778899 !important;
}
/*CV*/
.accent-green .edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.accent-green .edtr-layout-section.forcus_layout .edtr-layout-btn-layout,
.accent-green .edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.accent-green .edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #38ba00 !important;
}
.accent-yellow .edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.accent-yellow .edtr-layout-section.forcus_layout .edtr-layout-btn-layout,
.accent-yellow .edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.accent-yellow .edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #ffaa00 !important;
}
.accent-l-yellow .edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.accent-l-yellow .edtr-layout-section.forcus_layout .edtr-layout-btn-layout,
.accent-l-yellow .edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.accent-l-yellow .edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #ffcc00 !important;
}
.accent-red .edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.accent-red .edtr-layout-section.forcus_layout .edtr-layout-btn-layout,
.accent-red .edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.accent-red .edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #ff3a49 !important;
}
.accent-gray .edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.accent-gray .edtr-layout-section.forcus_layout .edtr-layout-btn-layout,
.accent-gray .edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.accent-gray .edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #555555 !important;
}
.accent-blue .edtr-layout-section.forcus_edit .edtr-layout-btn-edit,
.accent-blue .edtr-layout-section.forcus_layout .edtr-layout-btn-layout,
.accent-blue .edtr-layout-section.forcus_edit .edtr-layout-btn-edit i,
.accent-blue .edtr-layout-section.forcus_layout .edtr-layout-btn-layout i {
	color: #00a9ce !important;
}
.edtr-layout-section.forcus_edit .edtr-layout-spot {
	left: 2px;
}
.edtr-layout-section.forcus_layout .edtr-layout-spot {
	left: 130px;
}

/*オーバーレイコントロールテキストエディタUI用指定*/
.edtr_base_overlay_control-texteditor {
	cursor: pointer;
	pointer-events: auto;
	touch-action: none;
	position: absolute;
	top: -20px;
}
.edtr_base_overlay_control-texteditor-inner {
	max-width: 624px;
	background-color: rgba(85, 85, 85, 0.9);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
	padding: 4px;
	border-radius: 8px;
}
.edtr_base_overlay_control-texteditor-panel {
	margin: -1px;
	padding: 4px;
	background-color: #fff;
	border-radius: 8px;
	border: solid 1px #dddddd;
}
.edtr_base_overlay_control-texteditor .edtr-color-palet {
	width: 31px;
	height: 31px;
}
.pd1 {
	padding: 1px;
}
.edtr-header-item {
	width: 88px;
	display: flex;
	justify-content: center;
	position: relative;
}
.accent-green .edtr-header-item:hover,
.accent-green .edtr-header-item.active {
	background-color: rgba(56, 186, 0, 0.2) !important;
}
.accent-emerald-green .edtr-header-item:hover,
.accent-emerald-green .edtr-header-item.active {
	background-color: rgba(77, 187, 128, 0.2) !important;
}
.accent-blue .edtr-header-item:hover,
.accent-blue .edtr-header-item.active {
	background-color: rgba(0, 169, 206, 0.2) !important;
}
.accent-yellow .edtr-header-item:hover,
.accent-yellow .edtr-header-item.active {
	background-color: rgba(255, 164, 0, 0.2) !important;
}
.accent-l-yellow .edtr-header-item:hover,
.accent-l-yellow .edtr-header-item.active {
	background-color: rgba(255, 204, 0, 0.2) !important;
}
.accent-red .edtr-header-item:hover,
.accent-red .edtr-header-item.active {
	background-color: rgba(255, 58, 73, 0.2) !important;
}
.accent-gray .edtr-header-item:hover,
.accent-gray .edtr-header-item.active {
	background-color: rgba(85, 85, 85, 0.2) !important;
}

/* .edtr-header-item:hover:after,
  .edtr-header-item.active:after{
    position: absolute;
    right: -1px;
    top: calc(50% - 16px);
    content: "";
    display: block;
    border-top: solid 16px transparent;
    border-right: solid 8px #fff;
    border-bottom: solid 16px transparent;
    border-left: solid 16px transparent;
    height: 0;
    width: 0;
} */
.edtr-control-panel-breadcrumb {
	color: #ccc !important;
	width: 320px;
	left: 89px;
	height: 48px;
	bottom: 0;
	position: fixed;
	background-color: #222222;
}

/*ダークテーマ用色指定*/
.c-edtr-ui_basic,
[class*="accent-"] .c-edtr-ui_basic i {
	color: #ccc !important;
}
.c-edtr-ui_basic-hanten,
[class*="accent-"] .c-edtr-ui_basic-hanten i {
	color: #444 !important;
}
.c-edtr-ui_stronger,
[class*="accent-"] .c-edtr-ui_stronger i {
	color: #fff !important;
}
.c-edtr-ui_supplement,
[class*="accent-"] .c-edtr-ui_supplement i {
	color: #888 !important;
}
.c-edtr-ui_nonactive,
[class*="accent-"] .c-edtr-ui_nonactive i {
	color: #666 !important;
}
.c-edtr-ui_input,
[class*="accent-"] .c-edtr-ui_input i {
	color: #fff !important;
}

.h-c-edtr-ui_highlight:hover,
.h-c-edtr-ui_highlight:hover i {
	color: #fff !important;
}

.disable[class*="c-edtr-ui_"],
.disable [class*="c-edtr-ui_"],
.disable[class*="c-edtr-ui_"] i,
.disable [class*="c-edtr-ui_"] i {
	color: #666 !important;
}

.bgc-edtr-ui_fill {
	background-color: #333 !important;
}
.bgc-edtr-ui_fill-hanten {
	background-color: #ccc !important;
}
.bgc-edtr-ui_collaps {
	background-color: #333 !important;
}
.bgc-edtr-ui_basic {
	background-color: #444 !important;
}
.bgc-edtr-ui_basic-lower {
	background-color: #666 !important;
}
.bgc-edtr-ui_tab {
	background-color: #333 !important;
}
.bgc-edtr-ui_tab.active {
	background-color: #666 !important;
}

.bdc-edtr-ui_border {
	border-color: #888 !important;
}

/*装飾的概念*/
.deco-edtr-ui_shadow-03 {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
}
.deco-edtr_ui-selectable-frame {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
.deco-edtr_ui-selectable-frame.active {
	border-style: solid;
	border-width: 2px;
	border-color: #778899 !important;
}

.accent-green .deco-edtr_ui-selectable-frame.active {
	border-color: #38ba00 !important;
}
.accent-blue .deco-edtr_ui-selectable-frame.active {
	border-color: #00a9ce !important;
}
.accent-yellow .deco-edtr_ui-selectable-frame.active {
	border-color: #ffa400 !important;
}
.accent-red .deco-edtr_ui-selectable-frame.active {
	border-color: #ff3a49 !important;
}
.accent-gray .deco-edtr_ui-selectable-frame.active {
	border-color: #555555 !important;
}
.accent-l-yellow .deco-edtr_ui-selectable-frame.active {
	border-color: #ffcc00 !important;
}
.accent-emerald-green .deco-edtr_ui-selectable-frame.active {
	border-color: #4dbb80 !important;
}
.accent-gray .deco-edtr_ui-selectable-frame.bd-c-accent_darktheme.active {
	border-color: #cccccc !important;
}

input.c-edtr-ui_input::placeholder,
select.c-edtr-ui_input::placeholder {
	color: #888888;
}

/* IE */
input.c-edtr-ui_input:-ms-input-placeholder,
select.c-edtr-ui_input:-ms-input-placeholder {
	color: #888888;
}

/* Edge */
input.c-edtr-ui_input::-ms-input-placeholder,
select.c-edtr-ui_input::-ms-input-placeholder {
	color: #888888;
}

/*アクセントカラー　ホバーカラー:透過*/
.h-bgc-accent-alpha:hover,
.h-bgc-accent-alpha:hover select {
	background-color: rgba(240, 242, 244, 0.3) !important;
}

.accent-green .h-bgc-accent-alpha:hover,
.accent-green .h-bgc-accent-alpha:hover select {
	background-color: rgba(56, 186, 0, 0.3) !important;
}
.accent-blue .h-bgc-accent-alpha:hover,
.accent-blue .h-bgc-accent-alpha:hover select {
	background-color: rgba(0, 169, 206, 0.3) !important;
}
.accent-yellow .h-bgc-accent-alpha:hover,
.accent-yellow .h-bgc-accent-alpha:hover select {
	background-color: rgba(56, 186, 0, 0.3) !important;
}
.accent-red .h-bgc-accent-alpha:hover,
.accent-red .h-bgc-accent-alpha:hover select {
	background-color: rgba(255, 58, 73, 0.3) !important;
}
.accent-gray .h-bgc-accent-alpha:hover,
.accent-gray .h-bgc-accent-alpha:hover select {
	background-color: rgba(85, 85, 85, 0.3) !important;
}
.accent-l-yellow .h-bgc-accent-alpha:hover,
.accent-l-yellow .h-bgc-accent-alpha:hover select {
	background-color: rgba(255, 204, 0, 0.3) !important;
}
.accent-emerald-green .h-bgc-accent-alpha:hover,
.accent-emerald-green .h-bgc-accent-alpha:hover select {
	background-color: rgba(77, 187, 128, 0.3) !important;
}

.h-bgc-green-alpha:hover,
.h-bgc-green-alpha:hover select {
	background-color: rgba(56, 186, 0, 0.3) !important;
}
.h-bgc-blue-alpha:hover,
.h-bgc-blue-alpha:hover select {
	background-color: rgba(0, 169, 206, 0.3) !important;
}
.h-bgc-yellow-alpha:hover,
.h-bgc-yellow-alpha:hover select {
	background-color: rgba(56, 186, 0, 0.3) !important;
}
.h-bgc-red-alpha:hover,
.h-bgc-red-alpha:hover select {
	background-color: rgba(255, 58, 73, 0.3) !important;
}
.h-bgc-gray-alpha:hover,
.h-bgc-gray-alpha:hover select {
	background-color: rgba(85, 85, 85, 0.3) !important;
}
.h-bgc-l-yellow-alpha:hover,
.h-bgc-l-yellow-alpha:hover select {
	background-color: rgba(255, 204, 0, 0.3) !important;
}
.h-bgc-emerald-green-alpha:hover,
.h-bgc-emerald-green-alpha:hover select {
	background-color: rgba(77, 187, 128, 0.3) !important;
}

.h-bgc-white-alpha:hover,
.h-bgc-white-alpha:hover select {
	background-color: rgba(255, 255, 255, 0.3) !important;
}
.h-bgc-black-alpha:hover,
.h-bgc-black-alpha:hover select {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

/**/
#site_main .mobile .container {
	width: auto;
}

@media (min-width: 768px) {
	.sm-h325 {
		height: 325px!important;
	}
}