@charset "UTF-8";

#firstguide{
	max-width: 900px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	padding: 70px 20px;
	text-align: center;
	opacity: 0.6;
}
@media screen and (max-width: 620px){
	#firstguide{
		padding: 50px 10px;
		text-align: left;
	}
}

p:empty{
	display: block;
}
#sidebar,
#sidebar *{
	pointer-events: none;
}

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

.load{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
.load div:nth-of-type(1){
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.8s ease-in-out;
}
.load .loader {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 2px solid #55d8e8;
	border-radius: 50%;
	animation: spin 0.75s infinite linear;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	display: block;
}
.load .loader::before,
.load .loader::after {
	left: -2px;
	top: -2px;
	display: none;
	position: absolute;
	content: '';
	width: inherit;
	height: inherit;
	border: inherit;
	border-radius: inherit;
}
.load .loader,
.load .loader::before {
	display: inline-block;
	border-color: transparent;
	border-top-color: #55d8e8;
}
.load .loader::before {
	animation: spin2 1.5s infinite ease;
}
@keyframes spin2{
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

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

.nicescroll-rails{
	z-index: 1000 !important;
	width: 4px !important;
	transform: translateX(3px);
}
.nicescroll-cursors{
	border: none !important;
	background-color: rgba(125,125,125,0.4) !important;
	width: 100% !important;
}

i.material-icons{
	pointer-events: none;
}

/*
main section,
main>div,
#primary section,
#primary>div,
aside>div,
=
.edit_outer
*/

html{
	overflow: auto;
}
body{
	overflow: hidden;
	min-width: 320px;
	display: block;
	padding-bottom: 45px;
}
@media screen and (max-width: 798px){
	body{
		padding-bottom: 0;
	}
}
body.modal{
	overflow: hidden;
}
@media screen and (max-width: 900px){
	header{
		position: absolute !important;
		z-index: 60 !important;
	}
}
header,
footer{
	pointer-events: none;
}
main{
	overflow: visible;
	z-index: 2;
}

#logging_in{
	display: none !important;
}
main{
}
.edit_outer:not(.parallax),
.contents_btn01:not(.parallax){
	overflow: visible !important;
}
main section + .contents_btn01:not(.parallax):not(.bg),
main > div + .contents_btn01:not(.parallax):not(.bg),
.entry_body > div + .contents_btn01:not(.parallax):not(.bg),
aside > div + .contents_btn01:not(.parallax):not(.bg),
#primary > div + .contents_btn01:not(.parallax):not(.bg),
.bg2{
	margin-top: inherit;
}
.edit_outer{
}
.edit_outer a:hover *{
	opacity: 1 !important;
}
.edit_outer a *{
	pointer-events: auto;
}

section[class*="block_table"] table,
div[class*="block_table"] table{
	position: relative;
}
section[class*="block_table"] table th,
section[class*="block_table"] table td,
div[class*="block_table"] table th,
div[class*="block_table"] table td{
	transition: 0.3s;
}
section[class*="block_table"] tablediv.contenteditable:not(.inputslider),
div[class*="block_table"] table div.contenteditable:not(.inputslider){
	min-height: 30px;
}
section[class*="block_table"] .outer,
div[class*="block_table"] .outer{	
	position: relative;
	overflow: visible;
}

main{
	z-index: 2 !important;
}
footer{
	z-index: 1 !important;
}

.contents_btn01 a,
.contents_btn01 a span:not(.admin_edit_link){
	position: relative;
}

/*-------------------------------------------------------------------*/
/*--------------------------admin_edit-------------------------------*/
/*-------------------------------------------------------------------*/

.admin_edit{
	text-align: center;
	position: relative;
	z-index: 59;
	width: 100%;
	height: 0;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	transition: 0.3s;
}
.admin_edit.hover,
.admin_edit:hover{
	opacity: 1;
}
.admin_edit i{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	position: absolute;
	top: -17px;
	left: calc(50% - 17px);
	background: #00c5dc;
	line-height: 1;
	box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	color: #fff;
	cursor: pointer;
	transition: 0.2s;
	font-family: 'Material Icons' !important;
	color: #fff;
	font-size: 21px;
	line-height: 1;
	pointer-events: auto;
}
main>.admin_edit:first-child i{
	top: 0;
}
main>.admin_edit:first-child+.admin_edit{
	display: none;
}
.admin_edit i:hover{
	background: #6169a9;
}

ul.admin_edit_menu{
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-end;
	justify-content: flex-end;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 60;
	pointer-events: none;
	opacity: 0 !important;
	transition: 0.3s opacity;
	width: auto !important;
	min-width: 0 !important;
}
#mv_outer{
	z-index: 2;
	min-height: 200px;
}
#mv_outer ul.admin_edit_menu{
	top: calc(50% - 17px);
}
#lv_outer .admin_edit_menu{
	top: auto;
	bottom: 0;
}
#mv_outer .admin_edit_menu_setting{
	margin-right: 0 !important;
	padding-right: 0 !important;
}
#mv_outer .admin_edit_menu_setting:before,
#lv_outer .admin_edit_menu_setting:before{
	display: none;
}
.edit_outer:hover>.admin_edit_menu/*,
.editing .admin_edit_menu*/{
	pointer-events: auto;
	opacity: 1 !important;
}
ul.admin_edit_menu li{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 1;
	position: relative;
	height: 34px;
	width: auto !important;
	min-width: 34px;
	font-family: 'Material Icons' !important;
	color: #fff;
	font-size: 21px;
	line-height: 1;
	background: none !important;
	background-color: transparent !important;
	cursor: pointer;
	pointer-events: auto;
	background: rgba(97,105,169,1) !important;
}
ul.admin_edit_menu li:nth-child(2n){
	background: rgba(97,105,169,1) !important;
}
ul.admin_edit_menu li.admin_edit_menu_move{
	cursor: move;
}
ul.admin_edit_menu i{
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	font-size: 20px;
	line-height: 1;
	transition: 0.2s;
	opacity: 1;
	font-family: 'Material Icons' !important;
}
ul.admin_edit_menu li:hover i{
	opacity: 0.8 !important;
}
ul.admin_edit_menu li select{
	display: block;
	width: 34px;
	height: 34px;
	overflow: hidden;
	color: #fff;
	border: none;
	cursor: pointer;
	text-overflow: ellipsis;
	outline: none;
	background: rgba(255,255,255,0);
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
ul.admin_edit_menu li select::-ms-expand{
	display: none;
}
ul.admin_edit_menu li select option{
	color: #111 !important;
}
ul.admin_edit_menu li input[type="text"]{
	display: block;
	width: 100px;
	height: 34px;
	overflow: hidden;
	color: #fff;
	border: none;
	cursor: pointer;
	text-overflow: ellipsis;
	outline: none;
	background: rgba(255,255,255,0);
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top: 34px;
	right: 0;
	opacity: 0;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 0 5px;
	border: 1px solid rgba(0,0,0,0.4);
	color: #111 !important;
	background: #fff;
	z-index: 2;
}
ul.admin_edit_menu li input[type="text"]{
	pointer-events: none;
}
ul.admin_edit_menu li input[type="text"].active{
	opacity: 1;
	pointer-events: auto;
}
.admin_edit_menu_w i{
	pointer-events: auto;
}
li.admin_edit_menu_setting{
	padding-right: 5px !important;
	margin-right: 5px !important;
}
li.admin_edit_menu_setting:before{
	content: "";
	display: block;
	height: 70%;
	width: 1px;
	background: rgba(255,255,255,0.7);
	position: absolute;
	top: 15%;
	right: 0;
}
ul.admin_edit_menu li.bm{
	display: none !important;
}
@media screen and (min-width: 921px){
	.admin_edit{
		opacity: 1 !important;
		pointer-events: auto !inportant;
	}
}
@media screen and (max-width: 920px){
	ul.admin_edit_menu{
		padding-right: 34px;
		width: 100%;
		box-sizing: border-box;
		justify-content: flex-start;
		background: rgba(97,105,169,1) !important;
	}
	#mv_outer ul.admin_edit_menu{
		padding-right: 0;
	}
	#mv_outer ul.admin_edit_menu li.bm,
	ul.admin_edit_menu li{
		display: none !important;
	}
	ul.admin_edit_menu li.bm{
		position: absolute;
		top: 0;
		right: 0;
		display: flex !important;
	}
	ul.admin_edit_menu li.bm i{
		background: rgba(0,0,0,0.2);
	}
	ul.admin_edit_menu.active{
		box-shadow: 4px 4px 4px rgba(0,0,0,0.15);
	}
	#mv_outer ul.admin_edit_menu li,
	ul.admin_edit_menu.active li{
		display: flex !important;
	}
	#lv_outer .admin_edit_menu{
		padding-right: 0 !important;
	}
	#lv_outer .admin_edit_menu .bm{
		display: none !important;
	}
	#lv_outer .admin_edit_menu .admin_edit_menu_setting{
		display: block !important;
	}
}

.sp-replacer{
	border: none;
	background-color: transparent;
	padding: 0;
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.sp-preview{
	margin-right: 0;
}
.sp-dd{
	display: none;
}
.sp-container{
	border: none;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.1);
}
.sp-picker-container{
	border: none;
}
.sp-container button{
	padding: 4px 4px;
	font-size: 1.1rem;
}
.sp-input{
	padding: 2px 4px;
}
.sp-initial span{
	height: 20px;
}

.inner_item_img{
	position: relative;
	transition: 0.4s ease-in-out;
}
.admin_edit_img{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	cursor: pointer;
	background: #f06292 !important;
	transition: 0.2s;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	opacity: 0;
}
.edit_outer:hover .admin_edit_img{
	opacity: 1;
}
.admin_edit_img:hover{
	background: rgba(240,98,146,0.7) !important;
}
.admin_edit_img i{
	color: #fff;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	font-family: 'Material Icons' !important;
}

.admin_edit_img_w,
.admin_edit_cell_w{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 0 !important;
	position: absolute;
	z-index: 3;
	top: calc(50% - 17px);
	left: 50%;
	right: auto;
	cursor: auto;
	opacity: 1;
	transition: 0.4s ease-in-out;
}
.admin_edit_cell_w{
	left: 0;
}
.admin_edit_img_w .inputslider,
.admin_edit_cell_w .inputslider{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	border: none;
}
.admin_edit_img_w .ui-slider-handle,
.admin_edit_cell_w .ui-slider-handle{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: #ffaa00;
	border: none;
	border-radius: 0;
	cursor: e-resize;
	top: 0;
	margin-left: -17px;
	transition: 0.2s;
	opacity: 0;
}
.edit_outer:hover .admin_edit_img_w .ui-slider-handle,
.edit_outer:hover .admin_edit_cell_w .ui-slider-handle{
	opacity: 1;
}
.admin_edit_img_w .ui-slider-handle:hover,
.admin_edit_cell_w .ui-slider-handle:hover{
	background: rgba(255,170,0,0.7) !important;
}
.admin_edit_img_w .ui-slider-handle:before,
.admin_edit_cell_w .ui-slider-handle:before{
	font-family: 'Material Icons' !important;
	content: "photo_size_select_large";
	color: #fff;
	font-size: 21px;
	line-height: 1;
}
.admin_edit_img_w input,
.admin_edit_cell_w input{
	width: 30px;
	position: absolute;
	top: 30px;
	left: 0;
	display: none;
}
section[class*="block_fukidashi_"] .admin_edit_img_w,
div[class*="block_fukidashi_"] .admin_edit_img_w{
	display: none !important;
}
@media screen and (max-width: 900px){
	.admin_edit_img_w{
		left: 5% !important;
		width: 90% !important;
		display: none !important;
	}
}
@media screen and (max-width: 500px){
	.admin_edit_cell_w{
		display: none !important;
	}
}

.edit_cel{
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 34px;
	position: absolute;
	top: calc(50% - 34px);
	right: -17px;
}
@media screen and (max-width: 1050px){
	.edit_cel{
		right: calc(-2vw + 3px);
	}
}
.edit_cel.edit_cel_row{
	width: 68px;
	right: auto;
	top: auto;
	left: calc(50% - 34px);
	bottom: -17px;
}
.edit_cel i{
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: #cf67f5;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	transition: 0.2s;
	font-family: 'Material Icons' !important;
	content: "photo_size_select_large";
	color: #fff;
	font-size: 21px;
	line-height: 1;
	pointer-events: auto;
}
.edit_outer:hover .edit_cel i{
	opacity: 1;
}
.edit_cel i:hover{
	background: rgba(207,103,245,0.7);
}
.edit_cel i.remove_row,
.edit_cel i.remove_column{
	background: #aa64f5;
}
.edit_cel .remove_rowi:hover,
.edit_cel .remove_column:hover{
	background: rgba(170,100,245,0.7);
}

span.admin_edit_link,
a[target="_blank"] span.admin_edit_link{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	cursor: pointer;
	background: #76e329 !important;
	transition: 0.2s;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 1;
	position: absolute !important;
	bottom: 0;
	right: 0;
	z-index: 3;
	opacity: 0;
}
a[target="_blank"] span.admin_edit_link:before,
a[target="_blank"] span.admin_edit_link:after{
	display: none;
}
span.edit_outer:hover .admin_edit_link{
	opacity: 1;
}
span.admin_edit_link:hover{
	background: rgba(118,227,41,0.7) !important;
}
span.admin_edit_link i{
	color: #fff;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	font-family: 'Material Icons' !important;
}
.inner_item_img span.admin_edit_link,
.inner_item_img a[target="_blank"] span.admin_edit_link{
	/*right: 34px !important;*/
}
.edit_outer:hover .inner_item_img span.admin_edit_link{
	opacity: 1;
}

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

.contenteditable{
	transition: 0.3s;
	box-shadow: none;
	position: relative;
	min-width: 20px;
	box-shadow: 0 0 0 2px rgba(255,235,59,0) inset, 10px 10px 20px rgba(0,0,0,0)
}
.contenteditable:hover{
	cursor: text;
	box-shadow: 0 0 0 2px rgba(255,235,59,1) inset, 10px 10px 20px rgba(0,0,0,0)
}
.contenteditable.active{
	background: rgba(255,255,0,0.2);
	box-shadow: 0 0 0 2px rgba(255,235,59,1) inset, 10px 10px 20px rgba(0,0,0,0.15);
}
.contenteditable_menu{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	height: 41px;
	width: auto !important;
	background: #ffeb3b;
	padding: 0 7px;
	border: none !important;
	min-width: 0 !important;
	pointer-events: none;
	opacity: 0;
}
.contenteditable_menu.active{
	pointer-events: auto;
	opacity: 1;
}
.contenteditable_menu li{
	display: block;
	width: 28px !important;
	height: 26px !important;
	background : url(/newpages/js/ckeditorfull/plugins/icons.png) no-repeat 50% 0;
	background-size: auto;
	cursor: pointer;
	border: none !important;
	position: relative;
}
.contenteditable_menu li.contenteditable_menu_justifyleft{
	background-position: 50% -1148px;
}
.contenteditable_menu li.contenteditable_menu_justifycenter{
	background-position: 50% -1124px;
}
.contenteditable_menu li.contenteditable_menu_justifyright{
	background-position: 50% -1172px;
}
.contenteditable_menu li.contenteditable_menu_br{
	background : url(/newpages/images/br.png) no-repeat 50% 50%;
	margin-left: 9px;
}
.contenteditable_menu li input.contenteditable_menu_br_btn{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: none;
	cursor: pointer;
	opacity: 0;
}
.contenteditable_menu li.contenteditable_menu_br:before{
	content: "";
	display: block;
	width: 1px;
	height: 80%;
	position: absolute;
	top: 10%;
	left: -4px;
	background: #484848;
}
.contenteditable_menu li.selected,
.contenteditable_menu li:hover{
	background-color: #dcc603;
}

.edit_outer:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.8s ease-in-out;
	transition: 0.3s box-shadow;
	transition: 0.4s background;
	box-shadow: 0 0 0 1px rgba(125,125,125,0) inset;
	z-index: 5;
	pointer-events: none;
}
.edit_outer:hover:after{
	box-shadow: 0 0 0 2px rgba(97,105,169,0.8) inset;
}

.sortable-chosen:after{
	background: rgba(97,105,169,0.3);
}

.edit_outer.delete,
.admin_edit.delete{
	transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transform: translateY(20px);
	opacity: 0;
}
.edit_outer table .delete{
	transition: 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	opacity: 0;
}

.extended_settings{
	width: 110px;
	height: 45px;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	cursor: pointer;
	background: rgba(97,105,169,1);
	z-index: 65;
	transition: 0.1s;
}
.extended_settings:hover{
	background: #485092;
}
.extended_settings i{
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	width: 110px;
	height: 20px;
	font-size: 21px;
	font-family: 'Material Icons' !important;
}
.extended_settings i:after{
	content: "ページ設定";
	font-weight: 600;
	font-size: 13px;
	line-height: 1;
	display: inline-block;
	padding-left: 5px;
	font-family: "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.admin_edit_extended_settings #content_r{
	display: block !important;
}
.extended_settings_wrap{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	width: 200%;
	height: 100%;
	transition: margin-left 0.3s ease-in-out;
}
.extended_settings_wrap .stepset{
	width: 50% !important;
}
.extended_settings_wrap #eyecatch_images .step_inner{
	margin-left: 0 !important;
}
.extended_settings_wrap #eyecatch_images .step_inner,
.extended_settings_wrap #eyecatch_images .step_inner .step{
	width: 100% !important;
	height: 100% !important;
}

body.modal .extended_settings{
	pointer-events: none;
	opacity: 0;
}

img.spbr{
	display: inline-block !important;
	width: 8px !important;
	height: 10px !important;
	line-height: 1;
	vertical-align: middle;
	background: url(/newpages/images/spbr.png) 50% 50% no-repeat rgba(255,255,255,0.5) !important;
	background-size: 6px 8px !important;
	margin: 0 2px !important;
}
@media screen and (max-width: 768px){
	img.spbr{
		opacity: 0 !important;
		width: 0 !important;
		height: 0 !important;
		display: block !important;
		margin: 0 !important;
		background: none !important;
	}
}

/*--noimg--*/

.edit_outer.contents_box01 .inner_item_img img[src*="no_image.jpg"],
.edit_outer.composite_box01 .inner_item_img img[src*="no_image.jpg"]{
	opacity: 0.3 !important;
}
.edit_outer a[href*="no_image.jpg"] img{
	pointer-events: none;
}
.edit_outer a[href*="no_image.jpg"]{
	position: relative;
	display: block;
}
.edit_outer a[href*="no_image.jpg"]:after{
	content: "画像なしが選択されています。表示されません。";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: 0;
	text-align: center;
	padding: 0 5px;
	width: 100%;
}

/*--for edit--*/

.composite_box01.block_images_11 .inner_item_txt div.contenteditable,
.composite_box01.block_images_12 .inner_item_txt div.contenteditable{
	width: 100%;
}

/*-------------------------------------------------------------------*/
/*---------------------------------cke-------------------------------*/
/*-------------------------------------------------------------------*/

.cke{
	transform: translateY(2px);
}
.cke_top{
	background: #ffeb3b !important;
	border-color: transparent !important;
	font-weight: bold !important;
	padding: 6px 8px 0 !important;
}
a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_on,
.cke_combo_on a.cke_combo_button,
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus,
.cke_combo_off a.cke_combo_button:active{
	border-color: transparent !important;
	background: #dcc603 !important;
}
.cke_toolgroup a.cke_button:last-child::after,
.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child::after,
.cke_combo::after{
	border-right-color: #111 !important;
}
.cke_toolbar_separator{
	background: #111 !important;
}
.cke_dialog_ui_input_textarea textarea.cke_dialog_ui_input_textarea.cke_source{
	max-height: calc((100vh - 50px)*0.7);
}
.cke_resizer.cke_resizer_ltr{
	display: none;
}

/*-------------------------------------------------------------------*/
/*-------------------------------modal-------------------------------*/
/*-------------------------------------------------------------------*/

input[type="radio"],
input[type="checkbox"]{
	display: none;
	margin: 0;
}
input[type="radio"]+label,
input[type="checkbox"]+label{
	position: relative;
	cursor: pointer;
}

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

#setting_modal .stepset{
	width: 100%;
	overflow: hidden;
	height: calc(100% - 50px);/*header*/
}
#setting_modal #content_r .stepset{
	width: 100%;
	overflow: hidden;
	height: 100%;
}
#setting_modal .step_inner{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	width: 200%;
	height: 100%;
	transition: margin-left 0.3s ease-in-out;
}
#setting_modal .step{

	width: 50%;
	position: relative;
}
#setting_modal .wrap{

	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	overflow: auto;
	box-sizing: border-box;
	height: calc(100% - 60px);/*footer*/
}
#setting_modal .wrap:last-child{
	height: 100%;
}
#setting_modal .wrap nav{
	width: 100%;
}
#setting_modal .wrap .select{
}
#setting_modal .modal-body{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
}
#setting_modal .modal-body .media-image{
	width: 18%;
	margin-right: 2.5%;
	height: 0;
	padding-bottom: 20%;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	position: relative;
	transition: 0.2s;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
#setting_modal .modal-body .media-image:nth-of-type(5n){
	margin-right: 0;
}
#setting_modal .modal-body .media-image:hover{
	opacity: 0.8;
	background-color: #ddd;
}
#setting_modal .modal-body .media-image:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #03A9F4;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.2s;
}
#setting_modal .modal-body .media-image.selected:before{
	opacity: 1;
}
#setting_modal .modal-body .media-image.none span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #999;
}
#setting_modal .modal-body .media-image.none span i{
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	border: 2px solid #999;
	margin-bottom: 10px;
}
#setting_modal .modal-body .media-image.none span p{
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px){
	#setting_modal .modal-body .media-image,
	#setting_modal .modal-body .media-image:nth-of-type(5n){
		width: 24%;
		margin-right: 1.3%;
		padding-bottom: 24%;
		margin-bottom: 15px;
	}
	#setting_modal .modal-body .media-image:nth-of-type(4n){
		margin-right: 0;
	}
}
@media screen and (max-width: 530px){
	#setting_modal .modal-body .media-image,
	#setting_modal .modal-body .media-image:nth-of-type(5n),
	#setting_modal .modal-body .media-image:nth-of-type(4n){
		width: 32%;
		margin-right: 2%;
		padding-bottom: 32%;
	}
	#setting_modal .modal-body .media-image:nth-of-type(3n){
		margin-right: 0;
	}
}

#setting_modal .wrap h3{
	line-height: 1.3;
	color: #333;
	font-size: 1.2rem;
	border-top: 2px solid #e6eaed;
	margin-bottom: 15px;
}
#setting_modal .wrap h3 span{
	display: inline-table;
	padding: 5px 10px;
	background: #e6eaed;
}
#setting_modal .wrap .item{
	padding: 20px 20px 15px;
	font-size: 1.4rem;
	line-height: 1.6;
	border-bottom: 1px solid #e6eaed;
	box-shadow: 0 1px 0 #fff;
}
#setting_modal[data-step="#block_mv"] .mvtype{
	border-bottom: 1px solid #e6eaed;
	box-shadow: 0 1px 0 #fff;
}
#setting_modal .wrap .item:last-child{
	border-bottom: none;
	box-shadow: none;
}
#setting_modal .wrap h3+.item{
	padding-top: 0;
}
#setting_modal .wrap .item>p:first-child{
	font-weight: 600;
	margin-bottom: 5px;
}

#setting_modal .sample ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: flex-start;
	justify-content: flex-start;
}
#setting_modal .sample ul li{
	display: block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px;
	cursor: pointer;
	position: relative;
	transition: 0.2s;
}
#setting_modal .sample ul li:nth-of-type(2n){
	margin-right: 0;
}
#setting_modal .sample li label{
	display: flex !important;
	align-items: center;
	background:	#fff;
	height: 100%;
	width: 100%;
	max-width: 700px;
	transition: 0.3s ease-in-out;
	padding: 0 !important;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.08);
}
#setting_modal .sample input[type="radio"] + label::before{
	content: "";
	position: absolute;
	box-sizing: border-box;
	display: block;
	background: none;
	border-radius: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 3px !important;
	border: 3px solid transparent;
	transition: 0.3s ease-in-out;
	box-shadow: none !important;
}
#setting_modal .sample li img,
.sample li iframe{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background: #fff;
	border: none;
	overflow: hidden;
	box-sizing: border-box;
}
#setting_modal .sample li img{
	height: auto;
	padding: 15px;
}
#setting_modal .sample li .heading{
	margin-left: auto;
	margin-right: auto;
}
#setting_modal .sample input[type="radio"]:checked + label::before{
	border: 3px solid #3bc7dc !important;
}
#setting_modal .sample input[type="radio"]:checked + label::after{
	content: "";
	display: none;
}
@media screen and (max-width: 540px){
	#setting_modal .sample ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	#setting_modal .wrap .item{
		padding: 20px 10px 15px;
	}
}

ul.heading_design{
	position: relative;
}
ul.heading_design li{
	padding-bottom: 25%;
	position: relative;
}
ul.heading_design li label{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
ul.heading_design .heading{
	margin-bottom: 0 !important;
}
@media screen and (max-width: 540px){
	ul.heading_design li{
		padding-bottom: 40%;
	}
}

#setting_modal ul.pagination{
	display: flex;
	align-items: center;
	justify-content: center;
}
#setting_modal ul.pagination li{
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin: 0 1px;
	display: none;
}
#setting_modal ul.pagination li a{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	background: #fff;
	border: 1px solid #ddd;
	line-height: 1.1;
	font-size: 1.3rem;
	color: #111;
	transition: 0.2s;
}
#setting_modal ul.pagination li a:hover{
	background: #e1e2e2;
}
#setting_modal ul.pagination li.active a{
	background: #2a3a52;
	color: #fff !important;
}
@media screen and (max-width: 650px){
	#setting_modal ul.pagination li a{
		min-width: 34px;
		height: 34px;
	}
}

#loaded_img_modal .f{
	padding: 15px 20px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
}
#loaded_img_modal .f>span.select{
	max-width: calc(100% - 130px);
}
.images-upload{
	max-width: 110px;
}
@media screen and (max-width: 480px){
	#loaded_img_modal .f{
		padding: 10px 10px 5px !important;
		display: block;
		text-align: right;
	}
	#loaded_img_modal .f>span.select{
		display: block;
		max-width: none;
		text-align: left;
	}
	#loaded_img_modal .f>span.select select{
		width: 100%;
	}
}
#setting_modal ul.pagination li[data-image-start="-2"],
#setting_modal ul.pagination li[data-image-start="-1"],
#setting_modal ul.pagination li[data-image-start="+2"],
#setting_modal ul.pagination li[data-image-start="+1"],
#setting_modal ul.pagination li.active,
#setting_modal ul.pagination li.active_p1,
#setting_modal ul.pagination li.active_p2,
#setting_modal ul.pagination li.active_p3,
#setting_modal ul.pagination li.active_n1,
#setting_modal ul.pagination li.active_n2,
#setting_modal ul.pagination li.active_n3{
	display: flex;
}
#setting_modal ul.pagination li.disabled{
	display: none;
}
@media screen and (max-width: 560px){
	#setting_modal ul.pagination li.active_p3,
	#setting_modal ul.pagination li.active_n3{
		display: none;
	}
}
@media screen and (max-width: 460px){
	#setting_modal ul.pagination li.active_p2,
	#setting_modal ul.pagination li.active_n2{
		display: none;
	}
}
@media screen and (max-width: 360px){
	#setting_modal ul.pagination li.active_p1,
	#setting_modal ul.pagination li.active_n1{
		display: none;
	}
}

.stepset{
	position: relative;
}
.modalloading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	opacity: 0;
}

.modalloading:before{
	content: '';
	display: block;
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 50px);
	width: 50px;
	height: 50px;
	border: 2px solid #55d8e8;
	border-top-color: transparent;
	border-radius: 100px;
	animation: spin 0.75s infinite linear;
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*-------------block_slider----------------*/

#setting_modal[data-step="#block_slider"] .step_inner{
	width: 300% !important;
}

/*-------------mv----------------*/

#setting_modal[data-step="#block_mv"] .step_inner{
	width: 300% !important;
}
#setting_modal .item.mvimg{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	justify-content: flex-start;
}
#setting_modal .item.mvimg p{
	width: 100%;
}
#setting_modal .item.mvimg div.img{
	cursor: pointer;
	position: relative;
	width: 200px;
	height: 150px;
	background: #f5f5f5;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
#setting_modal .item.mvimg div.img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	font-family: 'object-fit: contain; object-position: 50% 50%;';
}
#setting_modal .item.mvimg div.pos{
	width: calc(100% - 200px);
	padding-left: 20px;
	box-sizing: border-box;
}
#setting_modal .item.mvimg div.img .admin_edit_img i{
	font-family: 'Material Icons' !important;
}
#setting_modal .item.mvimg div.img:hover .admin_edit_img{
	opacity: 1;
}
@media screen and (max-width: 550px){
	#setting_modal .item.mvimg div.img{
		width: 150px;
		height: 120px;
	}
}
@media screen and (max-width: 450px){
	#setting_modal .item.mvimg{
		display: block;
	}
	#setting_modal .item.mvimg div.img{
		width: 200px;
		height: 150px;
	}
	#setting_modal .item.mvimg div.pos{
		width: 100%;
		padding-left: 0;
	}
}

/*-------------add----------------*/

#setting_modal #content_l{
	width: 180px;
	background: #fff;
	font-size: 1.4rem;
	height: calc(100% - 50px);/*header*/
	overflow: auto;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	position: relative;
	z-index: 2;
}
#setting_modal.admin_edit_menu_add .step .item.headingdesign{/*その他設定＞見出しデザイン*/
	display: none;
}
#setting_modal.admin_edit_menu_setting #content_l{
	display: none;
}
#setting_modal.admin_edit_menu_setting[data-step="#block_table"] .step[data-step="#block_table"]{
	display: none !important;
}
#setting_modal.admin_edit_menu_setting[data-step="#block_table"] .step[data-step="#block_table"]+.step[data-step="#block_table"]{
	display: block !important;
}
#setting_modal.admin_edit_menu_setting[data-step="#block_table"] .step[data-step="#block_table"] .wrap{
	height: 100% !important;
}
#setting_modal.admin_edit_menu_setting[data-step="#block_table"] .step[data-step="#block_table"] .modal_footer{
	display: none !important;
}
#setting_modal #content_l ul,
#setting_modal #content_l ul li{
	display: block;
}
#setting_modal #content_l ul li{
	border-bottom: 1px solid #eee;
}
#setting_modal #content_l ul li a{
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
#setting_modal #content_l ul li a.selected{
	background: #253a59;
	color: #fff;
}
#setting_modal #content_l ul li a:before{
	font-family: 'Material Icons' !important;
	content: "";
	color: #253a59;
	font-size: 17px;
	line-height: 1;
	margin-right: 5px;
	margin-top: 2px;
}
#setting_modal #content_l ul li a.selected:before{
	color: #fff;
}
#setting_modal #content_l ul li a[href="#block_text"]:before{content: "notes";}
#setting_modal #content_l ul li a[href="#block_image"]:before{content: "insert_photo";}
#setting_modal #content_l ul li a[href="#block_header"]:before{content: "title";}
#setting_modal #content_l ul li a[href="#block_link"]:before{content: "link";}
#setting_modal #content_l ul li a[href="#block_table"]:before{content: "border_all";}
#setting_modal #content_l ul li a[href="#block_button"]:before{content: "toggle_off";}
#setting_modal #content_l ul li a[href="#block_movie"]:before{content: "ondemand_video";}
#setting_modal #content_l ul li a[href="#block_youtubelist"]:before{content: "ondemand_video";}
#setting_modal #content_l ul li a[href="#block_tel"]:before{content: "local_phone";}
#setting_modal #content_l ul li a[href="#block_map"]:before{content: "place";}
#setting_modal #content_l ul li a[href="#block_gallery"]:before,
#setting_modal #content_l ul li a[href="#block_gallery2"]:before,
#setting_modal #content_l ul li a[href="#block_gallery3"]:before,
#setting_modal #content_l ul li a[href="#block_gallery4"]:before,
#setting_modal #content_l ul li a[href="#block_gallery5"]:before{content: "collections";}
#setting_modal #content_l ul li a[href="#block_menu"]:before{content: "book";}
#setting_modal #content_l ul li a[href="#block_coupon"]:before{content: "card_membership";}
#setting_modal #content_l ul li a[href="#block_form"]:before{content: "playlist_add_check";}
#setting_modal #content_l ul li a[href="#block_staff"]:before{content: "face";}
#setting_modal #content_l ul li a[href="#block_question"]:before{content: "help";}
#setting_modal #content_l ul li a[href="#block_news"]:before,
#setting_modal #content_l ul li a[href="#block_news2"]:before,
#setting_modal #content_l ul li a[href="#block_news3"]:before,
#setting_modal #content_l ul li a[href="#block_news4"]:before,
#setting_modal #content_l ul li a[href="#block_news5"]:before{content: "fiber_new";}
#setting_modal #content_l ul li a[href="#block_image_text"]:before{content: "vertical_split";}
#setting_modal #content_l ul li a[href="#block_image_text2"]:before{content: "view_module";}
#setting_modal #content_l ul li a[href="#block_shop"]:before{content: "domain";}
#setting_modal #content_l ul li a[href="#block_line"]:before{content: "remove";}
#setting_modal #content_l ul li a[href="#block_comparison"]:before{content: "style";}
#setting_modal #content_l ul li a[href="#block_favorite"]:before{content: "favorite";}
#setting_modal #content_l ul li a[href="#block_blog"]:before,
#setting_modal #content_l ul li a[href="#block_blog2"]:before,
#setting_modal #content_l ul li a[href="#block_blog3"]:before,
#setting_modal #content_l ul li a[href="#block_blog4"]:before,
#setting_modal #content_l ul li a[href="#block_blog5"]:before{content: "rss_feed";}
#setting_modal #content_l ul li a[href="#block_history"]:before{content: "timeline";}
#setting_modal #content_l ul li a[href="#block_original"]:before{content: "star";}
#setting_modal #content_l ul li a[href="#block_recruit"]:before{content: "emoji_people";}
#setting_modal #content_l ul li a[href="#block_html"]:before{content: "code";}
#setting_modal #content_l ul li a[href="#block_slider"]:before{content: "burst_mode";}
#setting_modal #content_l ul li a[href="#block_fukidashi"]:before{content: "chat_bubble_outline";}
#setting_modal #content_l ul li a[href*="#block_column"]:before{content: "article";}
#setting_modal #content_l ul li a[href*="#block_multigallery"]:before{content: "add_photo_alternate";}
#setting_modal #content_l .bm{
	display: none;
}
#setting_modal #content_r{
	width: calc(100% - 180px);/*content_l*/
	height: calc(100% - 50px);/*header*/
	overflow: hidden;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
#setting_modal.admin_edit_menu_setting #content_r{
	width: 100%;
	margin-top: 0;
	height: calc(100% - 50px);
}
#setting_modal.admin_edit_extended_settings #content_r{
	width: 100%;
	margin-top: 0;
	height: calc(100% - 50px);
}
#setting_modal #content_r .step{
	height: 100%;
	display: none;
}
#setting_modal #content_r .step.partsModal .wrap{
	position: relative;
}
#setting_modal #content_r .step.partsModal .item{
	position: relative;
	box-sizing: border-box;
	height: 100%;
}
#setting_modal.admin_edit_link #content_r{
	margin-top: 0;
}
@media screen and (max-width: 768px){
	#setting_modal #contents{
		position: relative;
	}
	#setting_modal #content_l{
		width: 100%;
		height: auto;
		position: absolute;
		top: 50px;
		left: 0;
	}
	#setting_modal #content_l ul{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: flex-start;
		justify-content: flex-start;
		padding: 5px;
	}
	#setting_modal #content_l .nav{
		max-height: calc((100vh - 50px)*0.7 - 154px);
		overflow: auto;
	}
	#setting_modal #content_l ul li{
		border: none;
		width: 33.3%;
		display: flex;
		align-items: stretch;
		justify-content: center;
		box-sizing: border-box;
		padding: 3px;
		line-height: 1.4;
	}
	#setting_modal #content_l ul li a{
		display: flex;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
		background: #f0f0f0;
		width: 100%;
		box-sizing: border-box;
		padding: 8px 5px;
	}
	#setting_modal #content_l .bm{
		border-top: 1px solid #ddd;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 44px;
		width: 100%;
		cursor: pointer;
	}
	#setting_modal #content_l .bm i{
		font-family: 'Material Icons' !important;
		display: block;
		transition: 0.2s;
		color: #111;
		font-size: 21px;
		line-height: 1;
	}
	#setting_modal #content_r{
		width: 100%;
		margin-top: 44px;
		height: calc(100% - 50px - 44px);
	}
}
@media screen and (min-width: 769px){
	#setting_modal #content_l .nav{
		display: block !important;
	}
}
@media screen and (max-width: 650px){
	#setting_modal #content_l ul li{
		width: 50%;
	}
}

.help-block{
	opacity: 0.8;
	font-size: 1.30rem;
	margin-bottom: 10px;
}
.help-block:last-child{
	margin-bottom: 0;
}
.text-right{
	text-align: right;
}

/*-------------link----------------*/

#setting_modal.admin_edit_link .wrapper{
	max-width: 600px;
	height: 370px;
}
#setting_modal.admin_edit_link #content_r{
	width: 100%;
	font-size: 1.4rem;
	height: calc(100% - 50px);/*header*/
	overflow: auto;
}

/*----------------------------form--------------------------------*/

#setting_modal input,
#setting_modal textarea{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: none;
	letter-spacing: 1px;
	font-size: 1.3rem;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", Verdana,Arial, Helvetica, sans-serif;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-appearance: none;
}
#setting_modal input:focus,
#setting_modal textarea:focus,
#setting_modal select:focus{
	box-shadow: 5px 5px 5px rgba(0,0,0,0.05);
}
#setting_modal input[type="button"]:focus{
	box-shadow: none;
}
#setting_modal .submit input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:inline-block;
	width: auto;
	cursor: pointer;
	background: #cc0c06;
	color: #fff;
	letter-spacing: 3px;
	padding: 10px;
	font-size: 1rem;
	min-width: 240px;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#setting_modal .submit input:hover{
	background: #e50700;
}
#setting_modal .submit input:active{
	background: #b60600;
}
#setting_modal .select{
	max-width: 100%;
	position: relative;
	display: inline-block;
}
#setting_modal .select:after{
	pointer-events: none;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: calc(50% - 2px);
	right: 10px;
}
#setting_modal select{
	cursor: pointer;
	appearance: none;
	background: #fff;
	padding: 10px 20px 10px 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: none;
	letter-spacing: 1px;
	font-size: 1.3rem;
	letter-spacing: 1px;
	min-width: 120px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	max-width: 100%;
}
#setting_modal select option{
	padding: 5px;
	border: none;
}
#setting_modal input[type=radio],
#setting_modal input[type=checkbox]{
	display: none;
	margin: 0;
}
#setting_modal input[type=radio] + label:not([for*="block_header"]),
#setting_modal input[type=checkbox] + label:not([for*="block_header"]){
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 1.3rem;
	padding: 7px 15px 10px 22px;
}
#setting_modal input[type=radio] + label::before,
#setting_modal input[type=checkbox] + label::before{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background: #FFF;
	border: 1px solid #ddd;
}
#setting_modal input[type=radio] + label::before{
	border-radius: 30px;
}
#setting_modal input[type=radio]:checked + label::after,
#setting_modal input[type=checkbox]:checked + label::after{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	background: #3bc7dc;
	margin-top: -5px;
	left: 4px;
	width: 9px;
	height: 9px;
}
#setting_modal input[type=radio]:checked + label::after{
	border-radius: 100%;
}

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

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

/*-------------admin_edit_extended_settings----------------*/

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

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

.heading .h.contenteditable,
.heading p.contenteditable{
	min-height: 30px;
	min-width: 98px;
}

.cke_dialog_ui_hbox input{
	display: inline-block;
}

.easybox #cke_1_contents{
	max-height: 70vh;
}