@charset "utf-8";

/* ==================================================
	layout
================================================== */
header{
	position:relative;
	color:#6a6a6a;
	background-color:#f6f6f6;
	border-bottom: solid 2px #d9d9d9;
	font-size:14px;
	margin-bottom: 30px;
}
#header_inner{
	position: relative;
	width: 1220px;
	height: 60px;
	margin: 0 auto;
}
#wrapper{
	color:#6a6a6a;
}
#contents{
	width: 1220px;
	margin: 0 auto;
}
#modalLayer{
    position:fixed;
	-webkit-transform: translate3d(0,0,0);
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#666;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	z-index:-1;
}
#modal-wrapper{
	margin:10px;
	color: #6a6a6a;
}
#modal-wrapper .modal-wrapper-inner{
	clear:both;
	overflow:hidden;
	/*width:1140px;*/
    background-color: rgba(60,60,60,0.4);
	margin:0 auto;
}

/* ==================================================
	header
================================================== */
#title_logo{
	position: absolute;
	top: 16px;
	width: 152px;
}
#title_logo img {
	width: 100%;
}
#header_controls{
	float: right;
	padding-top: 12px;
}
#header_controls span{
	display: inline-block;
	font-size: 12px;
	padding: 10px;
}
#header_controls span.btn_user{
	padding: 10px 10px 10px 30px;
	border: solid 1px #cccccc;
	background: #f9f9f9 url(/assets/admin/images/icon_user.png) no-repeat 11px center;
	background-image: url(/assets/admin/images/icon_user.png), -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: url(/assets/admin/images/icon_user.png), -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: url(/assets/admin/images/icon_user.png), -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-position: 11px center, left top;
	background-repeat: no-repeat, repeat;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#header_controls span.btn_logout{
	color: #FFFFFF;
	margin-left: 10px;
	background-color: #555555;
	background-image: -moz-linear-gradient( 90deg, rgb(81,81,81) 0%, rgb(88,88,88) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(81,81,81) 0%, rgb(88,88,88) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(81,81,81) 0%, rgb(88,88,88) 100%);
	border: solid 1px #3c3b3b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* ==================================================
	link, hover
================================================== */
a:link, a:visited{
	color: #00a2ff;
	text-decoration: underline;
}
a:hover, a:active{
	color: #000000;
	text-decoration: none;
}
.user_action:hover{
	cursor: pointer;
	opacity: 0.6;
    filter: alpha(opacity=60);
}
.user_action_invalid {
	cursor: default !important;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

/* ==================================================
	editor, placeholder,sortable-placeholder
================================================== */
.editable{
	font-weight: normal;
	border:1px dotted #CCCCCC;
	padding:2px;
	margin-top:-2px;
}
[data-placeholder][data-placeholderactive=true]::before{
  content: attr(data-placeholder);
  opacity: 0.6;
}

.sortable-placeholder {
	margin-bottom: 5px;
	padding: 4px;
	border: solid 1px #cfcfcf;
	background-color: #FCFCFC;
}

.bef_text{
	color: #f08c00;
	text-align: left;
}
.bef_text02{
	width: 284px;
	color: #6a6a6a;
	text-align: center;
	margin: 0 auto;
}
.bef_text03{
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.bef_text04{
	width:472px;
	font-size: 14px;
	line-height: 1.5;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	height:20px;
	padding: 2px 4px;
	margin: 0;
}
.bef_text.small{
	color: #6a6a6a;
	font-size: 13px;
}

/* ==================================================
	input, button
================================================== */
input[type=text].very_short{
	font-size: 12px;
	width: 3em;
	padding: 3px 2px 2px 2px;
	height: 18px;
	margin: -4px 4px 0 4px;
}
input[type="text"].input02{
	width:210px;
	font-size: 14px;
	line-height: 1.5;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
	height:26px;
	padding: 2px 4px;
	margin: 0;
}
button.large-btn{
	padding:10px 20px;
	font-size:16px;
}
button.large-btn02{
	margin: -4px 0 -4px;
	padding:4px 20px;
	font-size:16px;
}
button.large-btn03{
	padding:10px 50px;
	font-size:16px;
}
button.large-btn04{
	padding:10px;
	font-size:16px;
}
button.preview-btn{
	font-size: 14px;
	line-height: 0.95;
	padding:10px 10px 10px 50px;
	text-align: left;
	background: url(/assets/admin/images/btn_preview.png) no-repeat 10px center;
}
button.preview-btn02{
	font-size: 14px;
	line-height: 0.95;
	padding:10px 10px 10px 50px;
	text-align: left;
	background: url(/assets/admin/images/btn_preview02.png) no-repeat 10px center;
}
button.folder-btn{
	font-size: 14px;
	line-height: 0.95;
	margin: 0;
	padding:15px 50px 15px 45px;
	text-align: left;
	background: url(/assets/admin/images/icon_folder.png) no-repeat 10px center;
}
button.copy-btn{
	font-size: 14px;
	line-height: 0.95;
	margin: 0;
	padding:15px 50px 15px 45px;
	text-align: left;
	background: url(/assets/admin/images/icon_copy.png) no-repeat 10px center;
}
/*** answerfile/input.php ***/
button.csv-download-btn {
	font-size: 14px;
	line-height: 0.95;
	padding: 15px 15px 15px 40px;
	/*margin-left: 20px;*/
	text-align: left;
	background: url(/assets/admin/images/icon_download2.png) no-repeat 12px center;
}
button.csv-upload-btn {
	font-size: 14px;
	line-height: 0.95;
	padding: 15px 15px 15px 40px;
	margin-left: 20px;
	text-align: left;
	background: url(/assets/admin/images/icon_upload2.png) no-repeat 12px center;
}

button.ok-btn{
	background-color:#f69f04;
}
button.important-btn{
	background-color:#bd0000;
}
button.cancel-btn{
	background-color:#b7b7b7;
}
button.image-btn{
	position: relative;
	padding:14px 15px 14px 48px;
	background-color:#f69f04;
}
button.image-btn.btn_batch_download{
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	color: #6a6a6a;
}

button.btn_listcancel {
	width: 175px;
	padding:14px 15px 14px;
	background-color:#b7b7b7;	
}

button.image-btn.btn_new_project{
	background: #f69f04 url(/assets/admin/images/btn_new_project.png) no-repeat 9px center;
}
button.image-btn.btn_copy{
	background: #f69f04 url(/assets/admin/images/btn_copy.png) no-repeat 9px center;
}
button.image-btn.btn_delete{
	color: #a40000;
	background: #f8f8f8 url(/assets/admin/images/btn_delete.png) no-repeat 9px center;
	background-image: url(/assets/admin/images/btn_delete.png), -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: url(/assets/admin/images/btn_delete.png), -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: url(/assets/admin/images/btn_delete.png), -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-position: 9px center, left top;
	background-repeat: no-repeat, repeat;
	border: solid 1px #cccccc;
}


input[type="submit"].sub_btn,
input[type="button"].sub_btn{
	float: left;
	font-size: 12px;
	line-height: 1;
	color: #FFFFFF;
	background-color: #535353;
	height: 26px;
	padding: 0 20px 0;
	margin: 0;
	border: none;
}
input[type="button"].sub_btn02{
	line-height: 1;
	color: #FFFFFF;
	width: 26px;
	height: 26px;
	padding: 0;
	margin: 0;
	background: #535353 url(/assets/admin/images/btn_search.png) no-repeat center center;
	border: none;
	text-indent: -9999px;
}

/* ==================================================
	icon
================================================== */
.icon{
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	width: 28px;
	height: 28px;
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	border: solid 1px #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.icon:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.icon.icon_image:after{
	background: url(/assets/admin/images/icon_image.png) no-repeat center center;
}
.icon.icon_add:after{
	background: url(/assets/admin/images/icon_add.png) no-repeat center center;
}
.icon.icon_address:after{
	background: url(../images/icon_address.png) no-repeat center center;
}
.icon_l.icon_address:after{
	background: url(../images/icon_address_l.png) no-repeat center center;
}

.icon.icon_assist:after{
	background: url(/assets/admin/images/icon_textarea.png) no-repeat center center;
}
.icon.icon_edit:after{
	background: url(/assets/admin/images/icon_edit.png) no-repeat center center;
}
.icon.icon_preview:after{
	background: url(/assets/admin/images/icon_preview_l.png) no-repeat center center;
	background-size: 21px 20px;
	background-position: 6px center;
}
.icon.icon_download:after{
	background: url(/assets/admin/images/icon_download.png) no-repeat center center;
}
.icon.icon_memo:after{
	background: url(/assets/admin/images/icon_memo.png) no-repeat center center;
}
.icon.icon_delete:after{
	background: url(/assets/admin/images/icon_delete.png) no-repeat center center;
}
.icon.icon_branch:after{
	background: url(/assets/admin/images/icon_branch.png) no-repeat center center;
}
.icon_l.icon_workflow:after{
	background: url(../images/icon_workflow.png) no-repeat center center;
}

.completed {
	background-color:#ffe6d0 !important;
	background-image:none;
}

.icon_l{
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	vertical-align: middle;
}
.icon_l:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.icon_l.icon_return:after{
	background: url(/assets/admin/images/icon_return_l.png) no-repeat center center;
}
.icon_l.icon_image:after{
	background: url(/assets/admin/images/icon_image_l.png) no-repeat center center;
}
.icon_l.icon_preview:after{
	background: url(/assets/admin/images/icon_preview_l.png) no-repeat center center;
}
.icon_l.icon_all_preview:after{
	background: url(/assets/admin/images/icon_all_preview_l.gif) no-repeat center center;
}
.icon_l.icon_branch:after{
	background: url(/assets/admin/images/icon_branch_l.png) no-repeat center center;
}
.icon_l.icon_generate:after{
	background: url(/assets/admin/images/icon_generate_l.png) no-repeat center center;
}
.icon_l.icon_edit:after{
	background: url(/assets/admin/images/icon_edit_l.png) no-repeat center center;
}
.icon_l.icon_design:after{
	background: url(/assets/admin/images/icon_design_l.png) no-repeat center center;
}
.icon_l.icon_play:after{
	background: url(/assets/admin/images/icon_play_l.png) no-repeat center center;
}
.icon_l.icon_stop:after{
	background: url(/assets/admin/images/icon_stop_l.png) no-repeat center center;
	top: 13px;
	left: 13px;
	width: 32px;
	height: 32px;
}
.icon_l.icon_copy:after{
	background: url(/assets/admin/images/icon_copy_l.png) no-repeat center center;
}
.icon_l.icon_download:after{
	background: url(/assets/admin/images/icon_download_l.png) no-repeat center center;
}
.icon_l.icon_respondent:after{
	background: url(../images/icon_respondent_l.png) no-repeat center center;
}
.icon_l.icon_upload:after{
	background: url(/assets/admin/images/icon_upload_l.png) no-repeat center center;
}
.icon_l.icon_share:after{
	background: url(/assets/admin/images/icon_pub_url.png) no-repeat center center;
	background-size:30px 30px;
}
.icon_l.icon_graph:after{
	background: url(/assets/admin/images/icon_graph_l.png) no-repeat center center;
}
.icon_l.icon_fa_list:after{
	background: url(/assets/admin/images/icon_fa_list_l.png) no-repeat center center;
	background-size: 35px;
}
.icon_l.icon_access:after{
	background: url(/assets/admin/images/icon_access_l.png) no-repeat center center; /* 2019.03.22 追加 */
}
.icon_l.icon_delete:after{
	background: url(/assets/admin/images/icon_delete_l.png) no-repeat center center;
}
.icon_l.icon_photo:after{
	background: url(/assets/admin/images/icon_photo_l.png) no-repeat center center;
}
.icon_l.icon_image_add{
	width: 49px;
	height: 30px;
	margin-top: -4px;
	margin-right: 5px;
}
.icon_l.icon_image_add:after{
	background: url(/assets/admin/images/icon_image_add_l.png) no-repeat center center;
}
.icon_l.icon_lottery:after{
	background: url(/assets/admin/images/icon_lottery.png) no-repeat center center;
}
.icon_l02{
	display: inline-block;
	width: 150px;
	font-size: 13px;
	padding: 8px 4px 4px;
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.icon_l02 span{
	vertical-align: middle;
}
.icon_l03{
	display: inline-block;
	width: auto;
	font-size: 13px;
	padding: 8px 10px 4px 10px;
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.icon_l03 span{
	vertical-align: middle;
}
.icon_l03 .icon_s{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: -3px;
	vertical-align: middle;
	margin-left: 10px;
}
.icon_s{
	display: inline-block;
	width: 26px;
	height: 24px;
	vertical-align: top;
	margin-left: 10px;
}
.icon_s.icon_edit{
	background: url(/assets/admin/images/icon_edit_s.png) no-repeat center center;
}
.icon_s.icon_edit02{
	background: url(/assets/admin/images/icon_edit02_s.png) no-repeat center center;
	margin-left: 0;
}
.icon_s.icon_info{
	background: url(/assets/admin/images/info-circle-solid.png) no-repeat center center;
	margin-left: 0;
}
.icon_s.icon_calender{
	background: url(/assets/admin/images/icon_calender_s.png) no-repeat center center;
}

.icon_s.icon_delete {
    background: url(../images/btn_delete.png) no-repeat center center;
    margin-left: 0;
    height: 32px;
}
.icon_parts{
	width: 30px;
	height: 30px;
	padding-right: 4px;
}

.icon_parts_01{
	background: url(/assets/admin/images/icon_parts_01.png) no-repeat center center;
}
.icon_parts_02{
	background: url(/assets/admin/images/icon_parts_02.png) no-repeat center center;
}
.icon_parts_03{
	background: url(/assets/admin/images/icon_parts_03.png) no-repeat center center;
}
.icon_parts_04{
	background: url(/assets/admin/images/icon_parts_04.png) no-repeat center center;
}
.icon_parts_05{
	background: url(/assets/admin/images/icon_parts_05.png) no-repeat center center;
}
.icon_parts_06{
	background: url(/assets/admin/images/icon_parts_06.png) no-repeat center center;
}
.icon_parts_07{
	background: url(/assets/admin/images/icon_parts_07.png) no-repeat center center;
}
.icon_parts_08{
	background: url(/assets/admin/images/icon_parts_08.png) no-repeat center center;
}
.icon_parts_09{
	background: url(/assets/admin/images/icon_parts_09.png) no-repeat center center;
}
.icon_parts_10{
	background: url(/assets/admin/images/icon_parts_10.png) no-repeat center center;
}
.icon_parts_11{
	background: url(/assets/admin/images/icon_parts_11.png) no-repeat center center;
}
.icon_parts_12{
	background: url(/assets/admin/images/icon_parts_12.png) no-repeat center center;
}
.icon_parts_13{
	background: url(/assets/admin/images/icon_parts_13.png) no-repeat center center;
}
.icon_parts_14{
	background: url(/assets/admin/images/icon_parts_14.png) no-repeat center center;
}
.icon_parts_15{
	background: url(/assets/admin/images/icon_parts_15.png) no-repeat center center;
}
.icon_parts_16{
	background: url(/assets/admin/images/icon_parts_16.png) no-repeat center center;
}
.icon_parts_17{
	background: url(/assets/admin/images/icon_parts_17.png) no-repeat center center;
}
.icon_parts_18{
	background: url(/assets/admin/images/icon_parts_18.png) no-repeat center center;
}
.icon_parts_19{
	background: url(/assets/admin/images/icon_parts_19.png) no-repeat center center;
}
.icon_parts_20{
	background: url(/assets/admin/images/icon_parts_20.png) no-repeat center center;
}
.icon_parts_21{
	background: url(/assets/admin/images/icon_parts_21.png) no-repeat center center;
}
.icon_parts_22{
	background: url(/assets/admin/images/icon_parts_22.png) no-repeat center center;
}
.icon_parts_23{
	background: url(/assets/admin/images/icon_parts_23.png) no-repeat center center;
}
.icon_parts_24{
	background: url(/assets/admin/images/icon_parts_24.png) no-repeat center center;
}
.icon_parts_25{
	background: url(/assets/admin/images/icon_parts_25.png) no-repeat center center;
}

.icon_parts_26{
background: url(/assets/admin/images/icon_parts_26.png) no-repeat center center;
}
.icon_parts_27{
background: url(/assets/admin/images/icon_parts_27.png) no-repeat center center;
}
.icon_parts_28{
background: url(/assets/admin/images/icon_parts_28.png) no-repeat center center;
}
.icon_parts_29{
	background: url(/assets/admin/images/icon_parts_29.png) no-repeat center center;
}
.icon_parts_30{
	background: url(/assets/admin/images/icon_parts_30.png) no-repeat center center;
}
.icon_parts_31{
	background: url(/assets/admin/images/icon_parts_31.png) no-repeat center center;
}
.icon_parts_32{
	background: url(/assets/admin/images/icon_parts_32.png) no-repeat center center;
}
.icon_parts_33{
	background: url(/assets/admin/images/icon_parts_33.png) no-repeat center center;
}
.icon_parts_34{
	background: url(/assets/admin/images/icon_parts_34.png) no-repeat center center;
}
.icon_parts_35{
	background: url(/assets/admin/images/icon_parts_35.png) no-repeat center center;
}
.icon_parts_36{
	background: url(/assets/admin/images/icon_parts_36.png) no-repeat center center;
}
.icon_parts_37{
	background: url(/assets/admin/images/icon_parts_37.png) no-repeat center center;
}

.icon_parts_38{
	background: url(/assets/admin/images/icon_parts_38.png) no-repeat center center;
}

.icon_parts_39{
	background: url(../images/icon_parts_39.png) no-repeat center center;
}

/* fa_address */ 
.icon_parts_40{
	background: url(/assets/admin/images/icon_parts_40.png) no-repeat center center;
}

/* fa_address  文言*/ 
span.zipcode_text, span.prefecture_text, span.city_text, span.building_text{
	display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #FFFFFF;
    min-height: 28px;
    padding: 6px 4px 0 4px;
    margin-top: -6px;
    margin-bottom: -2px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background-color: #9a9a9a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
		margin-left: 100px;
}

/* fa_email */
.icon_parts_41{
	background: url(/assets/admin/images/icon_parts_41.png) no-repeat center center;
}

/* fa_prefecture */
.icon_parts_42{
	background: url(/assets/admin/images/icon_parts_42.png) no-repeat center center;
}

/* sa_brand */
.icon_parts_43{
	background: url(/assets/admin/images/icon_parts_43.png) no-repeat center center;
}

/* fa_date */
.icon_parts_44{
	background: url(../images/icon_parts_44.png) no-repeat center center;
}

/* guide */
.icon_parts_45{
	background: url(../images/icon_parts_45.png) no-repeat center center;
}

/* cooperation */
.icon_parts_sync {
	background: url(../images/sync_icon.png) no-repeat left;
	background-size: contain;
}

.icon_parts_card {
display: inline-block;
width: 20px !important;
height: 21px !important;
margin-right: 5px;
background-size:20px 20px;
}

/* ==================================================
	general_class
================================================== */
.sub_section{
	border-bottom: solid 1px #cccccc;
	margin-bottom: 10px;
}
.add_header{
	font-size: 14px;
	line-height: 1;
	min-height: 16px;
	margin-bottom: 18px;
	padding-left: 24px;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left top;
}
.add_header02{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1;
	margin-bottom: 18px;
	padding: 10px 40px;
	background: #6e6e6e url(/assets/admin/images/icon_pict.png) no-repeat 10px center;
}
/* 2020.3.4 追加 */
.add_header03{
	font-size: 18px;
	line-height: 1;
	min-height: 16px;
	margin-bottom: 18px;
	padding-left: 24px;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left top;
}

.table{
	display: table;
}
.table_cell{
	display: table-cell;
}
hr.line{
	margin: 0;
	padding: 0;
	border:none;
	height:1px;
	background-color: #CCCCCC;
}
.thumb_field{
	min-width: 98px;
	min-height: 62px;
	border: solid 1px #dedede;
	background: url(/assets/admin/images/bg_slice.gif) repeat left top;
}
.sub_text{
	font-size: 12px;
	line-height: 2;
}
.box{
	display: table-cell;
	font-size: 14px;
	line-height: 1.143;
	padding: 20px;
	border: dotted 1px #acacac;
}
.indent_box{
	padding-left: 3em;
}
.text_indent{
	display: inline-block;
	width: 3em;
	margin-left: -3em;
}
.box_field{
	width: 192px;
	min-height: 100px;
	border: dashed 1px #818181;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button_set{
	margin-top: 20px;
	text-align: center;
}
.mini_box{
	position: relative;
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	width: 26px;
	height: 200px;
	padding: 5px 0 30px 0;
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.longitudinal_box{
	position: relative;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	line-height: 1;
	font-size:12px;
	width: 12px;
	padding: 5px 0 30px 0;
}
.scale_section .mini_box{
	height:280px;
}
.mini_box02{
	position: relative;
	display: inline-block;
	font-weight: normal;
	vertical-align: middle;
	line-height: 1;
	width: 200px;
	min-height: 26px;
	padding: 5px 30px 0 5px;
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mini_box02 > .btn_close{
	top: 2px;
}
.btn_close{
	position: absolute;
	bottom: 2px;
	right: 2px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #bd0000 url(/assets/admin/images/mark_close.png) no-repeat center center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.sub_section:first-child .btn_close{
	display:none;
}
.mark_circle{
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 1;
	vertical-align: middle;
	background: #9a9a9a url(/assets/admin/images/mark_circle02.png) no-repeat center center;
}

/* ==================================================
	table
================================================== */
.table_set01{
	width: 100%;
	border: solid 1px #dedede;
	background-color: #FFFFFF;
}
.table_set01 th{
	width: auto;
	font-size: 12px;
	border-right: solid 1px #FFFFFF;
	border-bottom: solid 1px #dedede;
	background-color: #dedede;
	text-align: center;
	padding: 10px;
}
.table_set01 td{
	width: auto;
	font-size: 12px;
	border-right: dotted 1px #dedede;
	border-bottom: solid 1px #dedede;
	text-align: center;
	vertical-align: middle;
	min-height: 24px;
	padding: 8px 10px;
	background-color: #e3f4fc;
}
.table_set01 tr.col01 td{
	background-color: #e3f4fc;
}
.table_set01 tr.col01 td:nth-child(3){
    word-break: break-all;
}
.table_set01 tr.col01 td:nth-child(4){
    word-break: break-all;
}
.table_set01 tr.col02 td{
	background-color: #FFFFFF;
}
.table_set01 tr.col02 td:nth-child(3){
    word-break: break-all;
}
.table_set01 tr.col02 td:nth-child(4){
    word-break: break-all;
}
.table_set01 tr.col03 td{
	background-color: #f5f5f5;
}
.table_set01 tr.col03 td:nth-child(3){
    word-break: break-all;
}
.table_set01 tr.col03 td:nth-child(4){
    word-break: break-all;
}
.matrix_table,
.matrix_table_col_assist,
.matrix_table_row_assist{
	border-collapse: collapse;
}
.matrix_table_col_assist,
.matrix_table_row_assist{
	display:none;
}
.matrix_table th,
.matrix_table_col_assist th,
.matrix_table_row_assist th{
	text-align: center;
	vertical-align: middle;
	border: solid 1px #cccccc;
	line-height: 1;
	padding: 10px;
}
.matrix_table.long_matrix th {
	vertical-align: top;
}
.matrix_table.long_matrix th.arw_th {
	vertical-align: middle;
}
.matrix_table td,
.matrix_table_col_assist td,
.matrix_table_row_assist td{
	text-align: center;
	vertical-align: middle;
	border: solid 1px #cccccc;
	line-height: 1;
	padding: 10px;
}
.matrix_table th.selecter_cell,
.matrix_table_col_assist th.selecter_cell,
.matrix_table_row_assist th.selecter_cell{
	width: auto;
	text-align: left;
	vertical-align: middle;
	padding: 0 0 0 36px;
}
.matrix_table td.slider_cell,
.matrix_table_col_assist td.slider_cell,
.matrix_table_row_assist td.slider_cell{
	width: auto;
	text-align: left;
	vertical-align: top;
	border: solid 1px #cccccc;
	padding: 0px;
}
.matrix_table td.matrix_table_control,
.matrix_table th.none,
.matrix_table td.none,
.matrix_table_col_assist td.matrix_table_control,
.matrix_table_col_assist th.none,
.matrix_table_col_assist td.none,
.matrix_table_row_assist td.matrix_table_control,
.matrix_table_row_assist th.none,
.matrix_table_row_assist td.none{
	border: none;
}

.matrix_table_row_assist .button-container,
.matrix_table_col_assist .button-container{
	margin-top:10px;
}

.matrix_table_row_assist .ok-btn,
.matrix_table_col_assist .ok-btn,
.matrix_table_row_assist .cancel-btn,
.matrix_table_col_assist .cancel-btn {
	padding:6px !important;
}

/* ==================================================
	slider
================================================== */
.numerical_slide_outer{
	position: relative;
	width: 500px;
	padding: 48px 9px 0;
}
.numerical_slide_outer02{
	position: relative;
	width: auto;
	padding: 0 10px 0;
}
.numerical_slide_outer .min_text,
.numerical_slide_outer .max_text{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 12px;
	padding-bottom: 14px;
	background: url(/assets/admin/images/bar_short.gif) no-repeat center bottom;
}
.numerical_slide_outer .max_text{
	left: auto;
	right: 0;
}
.matrix_table.nu .numerical_slide_outer .min_text{
	top: auto;
	bottom:0;
	left: 50px;
}
.matrix_table.nu .numerical_slide_outer .max_text{
	top: auto;
	bottom:0;
	right: 20px;
}

.numerical_slide_inner{
	position: relative;
	border-top: solid 1px #a4a4a4;
	border-right: solid 1px #bbbbbb;
	border-left: solid 1px #bbbbbb;
	border-bottom: solid 1px #d5d5d5;
	border-radius: 1px;
	background-color: rgb( 222, 222, 222 );
	width: 100%;
	height: 5px;
	margin: 0 0 30px;
	bottom: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 1px 2px rgb(194,194,194) inset;
}
.numerical_slide_outer02 .numerical_slide_inner{
	width: 100%;
	height: 5px;
	margin: 18px 0 0;
}
.numerical_slide_inner span{
	display: inline-block;
	position: absolute;
	top: -18px;
	left: -1px;
	width: 21px;
	height: 29px;
	background: url(/assets/admin/images/numerical_slide_handle.png) no-repeat left top;
}
.numerical_slide_add{
	margin: 0 auto;
	width: 386px;
}
.numerical_slide_add_center{
	float: left;
	width: 86px;
	margin: 0 5px;
}
.numerical_slide_add .before_text,
.numerical_slide_add .after_text{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #FFFFFF;
	height: 28px;
	padding: 6px 4px 0 4px;
	margin-top: -6px;
	margin-bottom: -2px;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
	background-color: #9a9a9a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.numerical_slide_add .after_text{
	display: inline-block;
}
.numerical_slide_add p{
	font-size: 12px;
	line-height: 1.333;
	margin-top: 10px;
	margin-left: 10px;
}
.ruler{
	height: 10px;
	margin-left: 36px;
	background: url(/assets/admin/images/bar_short02.png) repeat-x left top;
}

.matrix_table_col_assist.nu .ruler,
.matrix_table.nu .ruler{
	background: none;
}

/* ==================================================
	general
================================================== */
#survey-card-input{
	position: relative;
	width:878px;
	background-color: #f6f6f6;
	float:left;
	padding-bottom: 112px;
}
#branch_preview_modal  #survey-card-input{
	width:auto;
}

#survey-card-input .inner{
	margin: 0 20px;
}
#survey-card-input #survey-title{
	position:relative;
	height:50px;
	line-height:50px;
	padding-left:15px;
	margin-bottom:40px;
	color:#6a6a6a;
	background-color:#fff;
	-webkit-box-shadow:0 3px 3px rgba(215,215,215,0.4);
	box-shadow:0 3px 3px rgba(215,215,215,0.4);
	font-size:14px;
}
#survey-card-input #survey-ques-type-name{
	height:24px;
	line-height:24px;
	position:absolute;
	padding:0 8px;
	top:13px;
	right:15px;
	text-align:center;
	border:1px solid #d9cece;
	font-size:12px;
}
#survey-card-input .suvery-card-operate{
	width: 100%;
	position: absolute;
	bottom: 0;
	text-align:center;
	background-color:#535353;
	padding:10px 0 0;
	height: 52px;
}
#survey-card-setting{
	font-size: 12px;
	background-color: #FFFFFF;
	float:right;
}
#survey-card-setting ul{
	width:208px;
	padding:25px 20px 0 20px;
	margin-left:3px;
	margin-bottom: 20px;
}
#survey-card-setting ul li{
	display: table;
	width: 100%;
	padding: 4px 0 20px;
	overflow:hidden;
}
#survey-card-setting ul li p{
	display: table-cell;
	width:160px;
	line-height: 1.2;
	vertical-align: middle;
}
#survey-card-setting ul li p.w100p{
	display: block;
}
#survey-card-setting ul li div{
	display: table-cell;
	width:48px;
	text-align:right;
	vertical-align: middle;
}
#survey-card-setting ul li div.w80p{
	width:80px;
}
#survey-card-setting .branch{
	text-align:center;
}

#survey-card-setting ul li#display-rules {
	display: block;
	.rule-add-button {
		text-align: left;
		padding-top: 0.5rem;
	}
	.display-rule {
		text-align: left;
		display: flex;
		width: calc(100% - 12px);
		padding: 6px;
		background-color: rgb(246, 246, 246);
		& div {
			flex-grow: 1;
			display: block;
			& select {
				margin-top: 0.2rem;
			}
		}
		& label {
			display: block;
			text-align: left
		}
		.btn_close {
			position: static;
		}
		.display-rule-option {
			width: 100%;
		}
		.option-add-button {
			text-align: left;
			margin-top: 0.5rem;
		}
		.display-rule-option-parts ,.display-rule-type-parts{
			display: flex;
			width: 100%;
			background-color: white;
			margin-top: 0.5rem;
			> div {
				text-align: left;
			}
		}
	}
	.display-rule:nth-child(n+2) {
		margin-top: 0.5rem;
	}
}

#survey-card-input .question{
	margin-bottom: 20px;
}
#survey-card-input .question dt{
	width:55px;
	float:left;
	clear:both;
}
#survey-card-input .question dt span{
	display:inline-block;
	/* background-color: #f08c00; */
	color: #fff;
	font-weight:bold;
	padding:6px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#survey-card-input .question dd{
	width:783px;
	margin-left:55px;
	line-height:1.5em;
	font-size:16px;
	/*
 * wygwig editorの設定を利用するため削除
	font-weight:bold;
	color:#333333;
	*/
}
#survey-card-input .inner > div:not(.question) > dl{
	position: relative;
}

#survey-card-input .question_image > dl dd > div,
#survey-card-input .question_image02 > dl dd > div{
	float: left;
}
#survey-card-input .question_image02 > dl dd{
	width: 596px;
}
#survey-card-input .question_image02 > div{
	width: 596px;
	padding-left: 136px;
}
#survey-card-input .question_image .user_upload_image {
	font-size:12px;
	padding:6px;
}
/*
#survey-card-input .question_image02_first{
	width: 192px;
}
*/
#survey-card-input .question_image02_first > li,
#survey-card-input .question_image02_second > li,
#survey-card-input .question_image02_third > li{
	position: relative;
	min-height: 57px;
	padding: 10px 8px;
	border: solid 1px #cccccc;
	text-align: center;
	background-color: #FFFFFF;
}

#survey-card-input .question_image02_first > li .btn_close,
#survey-card-input .question_image02_second > li .btn_close,
#survey-card-input .question_image02_third > li .btn_close{
	top: 4px;
	right: 4px;
}
#survey-card-control ul{
	list-style: none;
	margin: 0;
}
#survey-card-control ul li{
	width: 145px;
	margin: 0 auto 5px;
	padding: 4px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 204, 204, 204 );
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
}
#survey-card-control ul li span{
	display: table-cell;
	font-size: 12px;
	line-height: 1.2;
	height: 30px;
	vertical-align: middle;
}
#survey-card-control ul li span.icon_parts{
	width: 30px;
	height: 30px;
	padding-right: 4px;
}
#free_answer_sa #survey-card-input .inner > div:not(.question) > dl dt,
#free_answer_ma #survey-card-input .inner > div:not(.question) > dl dt,
#scale_sa #survey-card-input .inner > div:not(.question) > dl dt,
#slide_sa #survey-card-input .inner > div:not(.question) > dl dt,
#numerical_slide #survey-card-input .inner > div:not(.question) > dl dt,
#upload_map #survey-card-input .inner > div:not(.question) > dl dt,
div.free_answer_ma_section > dl dt {
	width: 170px !important;
}
div.free_answer_sa_section > dl dt {
	width: 90px !important;
}
#free_answer_sa #survey-card-input .inner > div:not(.question) > dl dd,
#free_answer_ma #survey-card-input .inner > div:not(.question) > dl dd,
#scale_sa #survey-card-input .inner > div:not(.question) > dl dd,
#slide_sa #survey-card-input .inner > div:not(.question) > dl dd,
#numerical_slide #survey-card-input .inner > div:not(.question) > dl dd,
#upload_map #survey-card-input .inner > div:not(.question) > dl dd,
div.free_answer_ma_section > dl dd {
	padding-left: 170px !important;
}
div.free_answer_sa_section > dl dd {
	padding-left: 90px !important;
}

div.numerical_slide_section > div {
	margin-left:auto;
	margin-right:auto;
	width:520px;
}
div.scale_section > div {
	margin-left:auto;
	margin-right:auto;
	width:680px;
}

div.slide_matrix_section > div {
	margin-left:auto;
	margin-right:auto;
	width:680px;
}

#ranking #survey-card-input .question_image02_first > div:last-child,
#basket #survey-card-input .question_image02_first > div:last-child,
#map #survey-card-input .question_image02_first > div:last-child{
	height: auto;
	padding: 0;
	border: none;
	text-align: center;
	background-color: transparent;
}

/* ==================================================
	02survey-card-form
================================================== */

/* ==================================================
	03 free_answer_sa
================================================== */
.free_answer_sa_section .before_text,
.free_answer_sa_section .after_text{
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #FFFFFF;
	min-height: 28px;
	padding: 6px 4px 0 4px;
	margin-top: -6px;
	margin-bottom: -2px;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
	background-color: #9a9a9a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.free_answer_sa_section .after_text{
	display: inline-block;
}
.free_answer_sa_section_center{
	float: left;
	width: 230px;
	margin-left: 5px;
}
.free_answer_sa_section_center p{
	font-size: 12px;
	line-height: 1.8;
}

ol#part_tab {
	overflow: hidden;
	margin: -1px -11px 20px -11px;
}

ol#part_tab li {
	cursor:pointer;
	padding:10px;
	border:1px solid #ccc;
	background-color:#6e6e6e;
	color:#fff;
	float:left;
}
ol#part_tab li.active {
	border-bottom:none;
	background-color:#fcfcfc;
	color:#6a6a6a;
	border-top:2px solid #f69f04;
}
ol#part_tab li#part01 {
	width:151px;
}
ol#part_tab li#part02 {
	width:130px;
	margin-left:1px;
}
/* ==================================================
	04 free_answer_ma
================================================== */

/* ==================================================
	05 scale_sa
================================================== */
.inline_block02{
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1;
	width: 145px;
	padding: 4px 0;
	text-align: center;
	vertical-align: middle;
	background-color: #9a9a9a;
}
.inline_arw{
	display: inline-block;
	width: 378px;
	height: 14px;
	line-height: 1;
	vertical-align: middle;
	background: url(/assets/admin/images/arw04.png) no-repeat center center;
}

.scale_assist_box {
	display:none;
	width:400px;
	margin:0 auto;
}
.scale_assist_box textarea{
	width:400px;
	height:220px;
}
.scale_assist_box .button-container{
	text-align:center;
	margin:10px;
}

/* ==================================================
	06 slide_sa
================================================== */
.bg_bar{
	padding-bottom: 17px;
	background: url(/assets/admin/images/bar_short.gif) no-repeat center bottom;
}

.slide_assist_box {
	display:none;
	width:400px;
	margin:0 auto;
}
.slide_assist_box textarea{
	width:400px;
	height:220px;
}
.slide_assist_box .button-container{
	text-align:center;
	margin:10px;
}

.slide_section > div{
	width:400px;
	margin:0 auto;
}

.slide_section .numerical_slide_outer{
	width:370px !important;
}

/* ==================================================
	07 numerical_slide
================================================== */

/* ==================================================
	8 matrix_sa
================================================== */
#survey-card-input .matrix_section > dl{
	position: relative;
}
#survey-card-input .matrix_section > dl dt{
	position: absolute;
	width: 18px !important;
}
#survey-card-input .matrix_section > dl dd{
	padding-left: 18px !important;
}

/* ==================================================
	09 matrix_slider
================================================== */
#matrix_slider #survey-card-input .inner > div:not(.question) > dl dt{
	width: 170px;
}
#matrix_slider #survey-card-input .inner > div:not(.question) > dl dd{
	padding-left: 170px;
}

/* ==================================================
	10,11 edit_questionnaire
================================================== */
#edit_questionnaire01{
	position: relative;
	float: left;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 83px;
	margin-right: 5px;
	padding-bottom: 40px;
}
#edit_questionnaire02{
	float: left;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 304px;
	padding: 0 10px 40px;
}
#edit_questionnaire03{
	float: right;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 757px;
	padding: 20px 20px 40px;
}
#edit_questionnaire01 h2{
	font-size: 14px;
	padding: 15px 10px;
	text-indent: -9999px;
	background: #333333 url(/assets/admin/images/icon_controls.png) no-repeat 33px center;
	margin: -1px -1px 20px -1px;
}
#edit_questionnaire02 h2{
	font-size: 14px;
	color: #FFFFFF;
	padding: 15px 10px 15px 40px;
	background: #6e6e6e url(/assets/admin/images/icon_parts.png) no-repeat 12px center;
	margin: -1px -11px 20px -11px;
}
#edit_questionnaire03 h2{
	font-size: 14px;
	color: #FFFFFF;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #6e6e6e;
}
#edit_questionnaire03 h2 .icon{
	float: right;
	margin-top: -8px;
	margin-right: -8px;
}
#edit_questionnaire01 .controls{
	width: 38px;
	list-style: none;
	margin: 0 0 0 22px;
	padding: 0;
	line-height: 1;
}
#edit_questionnaire01 .controls li{
	line-height: 1;
	height: 38px;
	margin-bottom: 25px;
}
#edit_questionnaire01 #controls_over{
	position: absolute;
	top: 0;
	left: 0;
	width: 442px;
	height: 100%;
	color: #FFFFFF;
	background-color: rgba(102,102,102,0.7);
	z-index: 50;
	display: none;
}
#edit_questionnaire01 #controls_over h2{
	padding: 15px 10px 15px 63px;
	text-indent: 0;
	background: #333333 url(/assets/admin/images/icon_controls.png) no-repeat 33px center;
	margin: -1px -1px 20px -1px;
}
#edit_questionnaire01 #controls_over .controls{
	width: 100%;
}
#edit_questionnaire01 #controls_over .controls .icon_l{
	margin-right: 15px;
}
#edit_questionnaire01 .btn_pull{
	position: absolute;
	top: 302px;
	right: -5px;
	width: 20px;
	height: 42px;
	background: url(/assets/admin/images/btn_pull.png) no-repeat left top;
	z-index: 10;
}
#edit_questionnaire01 #controls_over .btn_pull{
	position: absolute;
	top: 302px;
	right: 0;
	width: 20px;
	height: 42px;
	background: url(/assets/admin/images/btn_pull02.png) no-repeat left top;
	z-index: 100;
}
#edit_questionnaire02 #part02_contents{
	display: none;
}
#edit_questionnaire02 ul{
	list-style: none;
	margin: 0;
	padding: 15px 0 10px;
	border-bottom: solid 1px #cccccc;
}
#edit_questionnaire02 ul:first-of-type{
	padding-top: 0px;
}
#edit_questionnaire02 ul:last-of-type{
	border-bottom: none;
}
#edit_questionnaire02 ul li{
	float: left;
	width: 145px;
	margin-bottom: 5px;
	padding: 4px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 204, 204, 204 );
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
}
#edit_questionnaire02 ul li:nth-child(2n){
	float: right;
}
#edit_questionnaire02 ul li span{
	display: table-cell;
	font-size: 12px;
	line-height: 1.2;
	height: 30px;
	vertical-align: middle;
}
.group_box{
	background-color: #f6f6f6;
	border: dotted 1px #858585;
	margin-bottom: 10px;
	padding: 10px 20px;
}
.drag_parts{
	margin-bottom: 5px;
	padding: 4px;
	border: solid 1px #cccccc;
	background-color: #FFFFFF;
}
.drag_parts > div{
	display: table-cell;
	vertical-align: middle;
}
.drag_parts .parts_area{
	width: 70px;
}
.drag_parts .title_area{
	width: 500px;
}
.drag_parts .control_area{
	width: 210px;
	text-align:right;
}
.drag_parts > div > span{
	vertical-align: middle;
}
.icon_drag{
	display: inline-block;
	width: 20px;
	height: 21px;
	margin: 0 10px 0 5px;
	background: url(/assets/admin/images/icon_drag.png) no-repeat center center;
}
.icon_drag_02{
	display: inline-block;
	width: 20px;
	height: 21px;
	margin-right: 5px;
	background: url(/assets/admin/images/icon_drag_02.png) no-repeat center center;
}
.icon_drag_03{
	display: inline-block;
	width: 20px;
	height: 21px;
	margin-right: 5px;
	background: url(/assets/admin/images/icon_drag_03.png) no-repeat center center;
}
.drag_field{
	color: #f69f04;
	padding: 10px 10px 10px 40px;
	border: solid 1px #cccccc;
	background: #FFFFFF url(/assets/admin/images/bg_slice02.gif) repeat left top;
}
.mark{
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	padding: 4px 10px;
	border: solid 1px #cccccc;
}
.mark02{
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 10px;
	background-color: #f69f04;
}
.mark03{
	display: inline-block;
	color: #FFFFFF;
	font-size: 12px;
	padding: 4px 10px;
	background-color: #f69f04;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.mark_question_num{
	display:inline-block;
	background-color: #f08c00;
	color: #fff;
	font-weight:bold;
	padding:6px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.drag_parts .icon{
	margin-left: 5px;
}
.arw01{
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
	background: url(/assets/admin/images/arw01.png) no-repeat center center;
}

/* ==================================================
	12 set_card_branch
================================================== */
#modal-wrapper #set_card_branch.modal-wrapper-inner{
	width:878px;
}
#set_card_branch #survey-card-input{
	padding-bottom: 40px;
}
#set_card_branch #survey-card-input .inner{
	width: 700px;
	margin: 0 auto;
}

.set_card_branch_section > div{
	width: 230px;
	min-height: 456px;
	padding: 30px 30px 30px 60px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}
.set_card_branch_section > div > div{
	margin-bottom: 15px;
}

.set_card_branch_section > div input[type="text"]{
	width:180px;
	text-align: center;
}
.set_card_branch_section > div.left input[type="radio"]{
	margin-left: 1em;
}
.set_card_branch_section > div.right input[type="radio"]{
	margin-right: 1em;
	margin-left: 0;
}

.branch_preview_section,
.set_card_branch_section{
	padding-bottom:15px;
	border-bottom: dotted 1px #cccccc;
	overflow:hidden;
}

/* ==================================================
	13 welcome_p
================================================== */
#modal-wrapper #welcome_p #survey-card-input{
	float:right;
	width:936px;
	padding-bottom: 40px;
}
#survey-card-control{
	float: left;
	width: 160px;
	padding: 90px 20px 20px;
	background-color: #FFFFFF;
}
.filter_modal .inner > dl,
#welcome_p #survey-card-input .inner > div:not(.question) > dl{
	position: relative;
	line-height: 1.5;
	margin: -8px 0;
}
.filter_modal .inner > dl dt,
#welcome_p #survey-card-input .inner > div:not(.question) > dl dt{
	position: absolute;
	width: 15.5em;
	padding: 15px 0 15px;
	padding-left: 1.5em;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left 19px;
}
#welcome_p #survey-card-input .inner > div:not(.question) > dl.long dt{
	width: 22em;
}
.filter_modal .inner > dl dt {
	width: 8em;
}
.filter_modal .inner > dl dt.none,
#welcome_p #survey-card-input .inner > div:not(.question) > dl dt.none{
	white-space: nowrap;
}
.filter_modal .inner > dl dt.border_none,
#welcome_p #survey-card-input .inner > div:not(.question) > dl dt.border_none{
	padding-bottom: 0px;
}
.filter_modal .inner > dl dd,
#welcome_p #survey-card-input .inner > div:not(.question) > dl dd{
	padding: 15px 0 15px;
	padding-left: 17em;
	border-bottom: dotted 1px #cccccc;
}
#welcome_p #survey-card-input .inner > div:not(.question) > dl.long dd{
	padding-left: 28em;
}
	
.filter_modal .inner > dl dd {
	padding-left: 9.5em;
}
#welcome_p #survey-card-input .inner > div:not(.question) > dl dd.border_none{
	position: relative;
	border-bottom: none;
	padding-bottom: 0px;
}
#welcome_p #survey-card-input .inner > div:not(.question) > dl dd.border_none .icon{
	position: absolute;
	top: 40px;
	right: 20px;
	width: 20px;
	height: 20px;
	padding: 4px;
}
#welcome_p #survey-card-input .inner > div:not(.question) > dl dd.border_none .icon .btn_close{
	position: static;
	bottom: auto;
	right: auto;
}

#welcome_p #survey-card-input #term_start_date,
#welcome_p #survey-card-input #term_end_date {
	margin:0 5px 10px 0;
}

.filter_modal .inner > dl dd > ul{
	overflow:hidden;
}
.filter_modal .inner > dl dd > ul > li{
	float:left;
	margin-right:12px;
}
.filter_modal .inner > dl dd > ul > li input{
	margin-right:3px;
}

/* ==================================================
	13 thank_u_p
================================================== */
#modal-wrapper #thank_u_p #survey-card-input{
	float:right;
	width:936px;
	padding-bottom: 40px;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl{
	position: relative;
	line-height: 1.5;
	margin: -8px 0;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dt{
	position: absolute;
	width: 13.5em;
	padding: 15px 0 15px;
	padding-left: 1.5em;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left 19px;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dt.none{
	white-space: nowrap;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dt.no_mark{
	background: none;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dt.border_none{
	padding-bottom: 0px;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dd{
	padding: 15px 0 15px;
	padding-left: 15em;
}
#thank_u_p #survey-card-input .inner > div:not(.question) dt.no_mark+dd,
#thank_u_p #survey-card-input .inner > div:not(.question) dt.border+dd{
	padding-left: 1.5em !important;
}
#thank_u_p #survey-card-input .inner > div:not(.question) dt.no_mark{
	width:0 !important;
}
#thank_u_p #survey-card-input .inner > div:not(.question) dt.border+dd{
	padding-top:55px;
}
#thank_u_p #survey-card-input .inner .end_contents{
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
}
#thank_u_p #survey-card-input .inner .end_contents .border{
	border-top: dotted 1px #cccccc;
}

#thank_u_p #survey-card-input .inner .end_contents .remark{
	font-size:12px;
}
#thank_u_p #survey-card-input .inner .end_contents .end_urls_text_area{
	font-size:14px;
	padding-bottom:12px;
}

#thank_u_p #survey-card-input .inner .end_contents table th,
#thank_u_p #survey-card-input .inner .end_contents table td{
	text-align:left;
	padding:6px;
}
#thank_u_p #survey-card-input .inner .end_contents #end_url_add{
	margin:10px 6px;
}

#thank_u_p #survey-card-input .inner > div:not(.question) > dl dd:last-child{
	border-bottom: none;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dd.none{
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dd.border_none{
	position: relative;
	border-bottom: none;
	padding-bottom: 0px;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dd.border_none .icon{
	position: absolute;
	top: 40px;
	right: 20px;
	width: 20px;
	height: 20px;
	padding: 4px;
}
#thank_u_p #survey-card-input .inner > div:not(.question) > dl dd.border_none .icon .btn_close{
	position: static;
	bottom: auto;
	right: auto;
}

#thank_u_p #survey-card-input .tab_text{
	font-size:12px;
	font-weight:bold;
	padding:0 10px 10px 10px;
}

#thank_u_p #survey-card-input #tab_head ul{
	margin:0 5px 20px 5px;
	border-bottom:1px solid #ddd;
}
#thank_u_p #survey-card-input #tab_head ul li{
	position:relative;
	width:160px;
	float:left;
	background-color:#dbdbdb;
	border:1px solid #ccc;
	padding:12px;
	border-bottom:none;
	border-right:none;
	cursor:pointer;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
#thank_u_p #survey-card-input #tab_head ul li .close-btn{
	position:absolute;
	top:12px;
	right:8px;
}

/* ==================================================
	15 questionnaire_detail
================================================== */
#graph_container .contents_box,
#questionnaire_detail .contents_box{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	padding: 20px;
	margin-bottom: 5px;
	/* height: auto; */
}
.answer_header_contents{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	margin-top: 20px;

}


#graph_container .contents_box h2,
#questionnaire_detail .contents_box h2{
	font-size: 16px;
	color: #FFFFFF;
	margin: -20px -20px 20px -20px;
	padding: 15px 10px 15px 40px;
}
#questionnaire_detail01 h2{
	background: #6e6e6e url(/assets/admin/images/icon_mouse.png) no-repeat 12px center;
}
#questionnaire_detail02 h2{
	background: #6e6e6e url(/assets/admin/images/icon_info.png) no-repeat 15px center;
}
#questionnaire_detail02 h2.title2{
	background: #6e6e6e url(/assets/admin/images/info-circle-solid-white.png) no-repeat 15px center;
}
#questionnaire_detail02 h2.title3{
	background: #6e6e6e url(/assets/admin/images/info-circle-solid-white.png) no-repeat 15px center;;
}
.title3{
	padding: 15px 10px 15px 40px;
	font-size: 16px
}
#questionnaire_detail03 h2{
	background: #6e6e6e url(/assets/admin/images/info-circle-solid-white.png) no-repeat 15px center;;
}

#questionnaire_detail01 { /* 2020.04.06 追加 */
	height: 370px;
}

#questionnaire_detail01 .controls{
	float: left;
	list-style: none;
	margin: 0;
	/*padding: 20px 38px;  2019.03.22 アイコン数増加に伴い、padding調整*/
	padding: 20px;
	background: #FFFFFF url(/assets/admin/images/bg_slice02.gif) repeat left top;
}
#questionnaire_detail01 #questionnaire_detail_controls01{
	/*margin-right: 60px; 2019.03.22 アイコン数増加に伴い、margin-right調整*/
	/* margin-right: 30px; 2020.04.06 削除 */
	padding: 20px 12px;
	/* 以下、2020.04.06 追加 */
	position: absolute;
    top: 60px;
    left: 20px;
}
#questionnaire_detail01 #questionnaire_detail_controls02a { /* 2020.04.06 追加 */
	position: absolute;
	top: 60px;
	left: 170px;
	margin-left: 30px;
	width: 815px;
}
#questionnaire_detail01 #questionnaire_detail_controls02b { /* 2020.04.06 追加 */
	position: absolute;
	top: 220px;
	left: 170px;
	margin-left: 30px;
	margin-top: 20px;
	height: 90px;
}

#questionnaire_detail01 #questionnaire_detail_controls02a p,
#questionnaire_detail01 #questionnaire_detail_controls02b p { /* 2020.04.06 追加 */
	background: #e5e5e5;
    padding: 1.00em 1.00em 0;
    font-weight: bold;
}
#questionnaire_detail01 #questionnaire_detail_controls02a ul,
#questionnaire_detail01 #questionnaire_detail_controls02b ul { /* 2020.04.06 追加 */
	background: #e5e5e5;
	width: 775px;
	height: 100px;
	/* margin-bottom: 20px; */
	padding-bottom: 5px;
}

#questionnaire_detail01 #questionnaire_detail_controls02{
}
#questionnaire_detail01 #questionnaire_detail_controls03{
	float: right;
	padding: 20px 12px;
	margin-top: -5px;
}
#questionnaire_detail01 .controls li{
	position: relative;
	float: left;
	text-align: center;
	font-size: 14px;
	width: 109px;
	padding: 0;
}
#questionnaire_detail01 .controls li .controls_desc,
.parts_area .controls_desc{
	position: absolute;
	top: -65px;
	left: 27px;
	width: auto;
}
i.drum_notification_button {
  font-size: 16px;
}
.drum_notification_button:hover::before{
  font-size: 12px;
  content: "ドラム形式にした場合、他の設問の表示条件として設定することができなくなります。";
  display: block;
	white-space: wrap;
	background-color: rgba(0,0,0,0.59);
	color: #FFFFFF;
	padding: 15px 30px;
  width: 170px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  line-height: 16px;
}
#questionnaire_detail01 .controls li .controls_desc span,
.parts_area .controls_desc span{
	display: block;
	white-space: nowrap;
	background-color: rgba(0,0,0,0.59);
	color: #FFFFFF;
	padding: 15px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#questionnaire_detail01 .controls li .controls_desc:after,
.parts_area .controls_desc:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -12px;
	width: 28px;
	height:12px;
	background: url(/assets/admin/images/bg_control_desc.png) no-repeat left bottom;
	opacity: 0.6;
    filter: alpha(opacity=60);	
}
#questionnaire_detail01 .icon_l{
	display: inline-block;
	width: 58px;
	height: 58px;
	vertical-align: top;
	border: solid 1px #cccccc;
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 7px;
}
#graph_container .contents_box dl,
#questionnaire_detail .contents_box dl{
	position: relative;
	line-height: 1.5;
	margin: -8px 0;
}
#graph_container .contents_box dt,
#questionnaire_detail .contents_box dt{
	position: absolute;
	width: 22em;
	padding: 8px 0 8px;
	padding-left: 1.5em;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left center;
}
#graph_container .contents_box dd,
#questionnaire_detail .contents_box dd{
	padding: 8px 0 8px;
	padding-left: 23.5em;
	min-height: 24px;
	border-bottom: dotted 1px #cccccc;
}

#graph_container .contents_box dd:last-child,
#questionnaire_detail .contents_box dd:last-child{
	border-bottom: none;
}
#graph_container .contents_box dt.extra,
#questionnaire_detail .contents_box dt.extra,
.confirmation_info dt.extra{
	width: 21.5em;
	padding: 8px 0 8px;
	padding-left: 3em;
	background: url(/assets/admin/images/arw02.png) no-repeat 1.5em center;
}
#questionnaire_detail .contents_box dt.extra {
	width: 18.5em;
}

/* ==================================================
	16 questionnaire_new
================================================== */
#questionnaire_new{
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 100px 0;
}
#questionnaire_new .contents_box{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 840px;
	margin-bottom: 20px;
	padding: 40px 40px 20px;
}
#questionnaire_new .contents_box dl{
	position: relative;
	line-height: 1.5;
}
#questionnaire_new .contents_box dt{
	position: absolute;
	width: 14em;
	margin-bottom: 20px;
}
#questionnaire_new .contents_box dd{
	margin-left: 14em;
	margin-bottom: 20px;
}

#questionnaire_new .contents_box dd select{
	height:24px;
	background-color: #FFFFFF;
	font-size: 16px;
}

/* ==================================================
	17 upload_map
================================================== */
.upload_map_section > div {
	width: 500px;
	margin:0 auto;
}

.upload_map_section .text_box {
	display:none;
}

.upload_area{
	position: relative;
	/* 
	SS-1527 START
	*/
	margin-left: auto;
	margin-right:auto;
	/* 
	SS-1527 END
	*/
	font-size: 14px;
	width: 500px;
	height: 110px;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
}
.upload_area .btn_close{
	position: absolute;
	top:  3px;
	right: 3px;
}

/* ==================================================
	18 ranking
================================================== */
.ranking_section{
	float: left;
	width: 192px;
	margin-left: 60px;
}
.ranking_section ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.ranking_section ul li:first-child{
	color: #FFFFFF;
	border: solid 1px #6e6e6e;
	background-color: #6e6e6e;
}
.ranking_section ul li{
	width: 190px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	margin-bottom: 10px;
	padding: 6px 0;
	border: dotted 1px #CCCCCC;
	background-color: #FFFFFF;
}

#ranking .question_image02_first {
	float:left;
	width:280px;
	margin-left:140px;
}


/* ==================================================
	19 basket
================================================== */
#basket .box_field{
	height: 297px;
}
.basket_section{
	clear: both;
	width: 596px;
	padding-top: 20px;
}
.basket_section > div{
	width: 270px;
	padding: 10px;
	border: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
.basket_header{
	width: 100%;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	margin-bottom: 10px;
	padding: 6px 0;
	border: solid 1px #6e6e6e;
	background-color: #6e6e6e;
}
.basket_body{
	min-height: 40px;
}

/* ==================================================
	20 map
================================================== */
#map #survey-card-input .question_image02 > dl dd{
	width: 702px;
}
#map #survey-card-input .question_image02 > div{
	width: 702px;
}
#map .box_field{
	height: 297px;
}
.map_field{
	position: relative;
	float: left;
	width: 258px;
	height: 258px;
	margin-right: 10px;
	background: url(/assets/admin/images/map_section_bg.gif) no-repeat left top;
}
.map_add{
	position: absolute;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1;
	padding: 6px 10px;
	background-color: #b8b8b8;
}
.map_add01{
	top: 6px;
	left: 141px;
}
.map_add02{
	top: 139px;
	right: 6px;
}
.map_add03{
	bottom: 6px;
	right: 140px;
}
.map_add04{
	top: 90px;
	left: 6px;
}

/* ==================================================
	XX questionnaire_list
================================================== */
#questionnaire_search {
	padding-top:10px;
	margin-bottom:20px;
}
#questionnaire_search .mr20{
	margin-right:20px;
}

/* ==================================================
	signin
================================================== */
#signin{
	position: relative;
	padding: 100px 0;
}
#signin .contents_box{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 420px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 40px 40px 20px;
}
#signin .button_container,
#signin h2{
	margin: 0 auto;
	position: relative;
	background-color: #f6f6f6;
	width: 500px;
}
#signin .button_container{
	text-align:center;
}
#signin .contents_box dl{
	position: relative;
	line-height: 1.5;
}
#signin .contents_box dt{
	position: absolute;
	width: 7em;
	margin-bottom: 20px;
}
#signin .contents_box dd{
	margin-left: 7em;
	margin-bottom: 20px;
}

/* ==================================================
	update_password
================================================== */
#update_password{
	position: relative;
	padding: 100px 0;
}
#update_password .contents_box{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 400px;
	margin:0 auto;
	margin-bottom: 20px;
	padding: 40px 40px 20px;
}
#update_password .button_container,
#update_password h2{
	margin:0 auto;
	position: relative;
	background-color:#f6f6f6;
	width: 480px;
}
#update_password .button_container{
	text-align:center;
}
#update_passwrod .contents_box dl{
	position: relative;
	line-height: 1.5;
}
#update_password .contents_box dt{
	position: absolute;
	width: 10em;
	margin-bottom: 20px;
}
#update_password .contents_box dd{
	margin-left: 10em;
	margin-bottom: 20px;
}

/* ==================================================
	add1 add_upload_images
================================================== */
#modal-wrapper #add_upload_images.modal-wrapper-inner{
	width:930px;
}
#add_upload_images #survey-card-input{
	width:948px;
	padding-bottom: 10px;
}
#add_upload_images #survey-card-input .inner{
	width: 908px;
	margin: 0 auto;
}
.upload_images_area{
	position:relative;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1;
	min-height: 630px;
}
.upload_images_area > li{
	float: left;
	width: 170px;
	margin: 0 10px 10px 0;
	padding: 8px 10px 10px;
	font-size: 14px;
	text-align: center;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.upload_images_area #select_images {
	position:absolute;
	width: 168px;
	height: 198px;
	/*font-size:300px;*/
	top:6px;
	left:-1px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.upload_images_area > li.none .add_image{
	display: table-cell;
	width: 148px;
	height: 178px;
	text-align: center;
	vertical-align: middle;
}
.upload_images_area > li.add_image_over,
.upload_images_area > li.none:hover{
	color: #f69f04;
	background: #FFFFFF url(/assets/admin/images/bg_slice02.gif) repeat left top;
	border: dotted 1px #808080;
	cursor: pointer;
}
.upload_images_area > li.none .controls_desc{
	display: none;
	z-index: 999;
}

.upload_images_area > li.none .controls_desc{
	display: block;
	position: absolute;
	top: 10px;
	left: 9px;
	width: 150px;
	height: auto;
}
.upload_images_area > li.none .controls_desc span{
	display: block;
	background-color: rgba(0,0,0,0.59);
	color: #FFFFFF;
	line-height: 1.143;
	padding: 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.upload_images_area > li.none .controls_desc:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -17px;
	width: 150px;
	height:17px;
	background: url(/assets/admin/images/bg_control_desc02.png) no-repeat center bottom;
	opacity: 0.6;
    filter: alpha(opacity=60);	
}

.upload_images_area > li.uploaded > div{
	display: block;
	text-align: left;
}
.upload_images_area > li.uploaded .add_image,
.upload_images_area > li.uploaded .controls_desc{
	display: none;
}
.upload_images_area > li.uploaded .edit_title{
	/*height: 20px;*/
	line-height: 14px;
	overflow: hidden;
	white-space: nowrap;
}
.upload_images_area > li.uploaded .thumb{
	display: table-cell;
	width: 150px;
	height: 150px;
	padding:8px 0;
	background-color: #e6e6e6;
	text-align: center;
	vertical-align: middle;
}
.upload_images_area > li.uploaded .image_control{
	display: block;
	width: 100%;
	padding: 5px 10px;
	background-color: #e1e1e1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.upload_images_area .btn_close{
	position: absolute;
	top:  4px;
	right: 4px;
}
input[type="text"].title_edit{
	font-size: 14px;
	line-height: 14px;
	width: 148px;
	margin: -2px 0 0;
	padding: 0 2px 2px;
	height: 22px;
}
/* ==================================================
	 auto_create_modal
================================================== */

#auto_create_modal .modal-wrapper-inner {
    min-height: 600px; 
}

#auto_create_modal #survey-card-input {
    width: 948px;
    padding-bottom: 10px;
    min-height: 560px; 
}

#auto_create_modal #survey-card-input .inner {
    margin: 0 auto;
    min-height: 500px; 
}

#auto_create_modal .stepBox {
    margin-top: 20px;
    margin-bottom: 20px; 
}

#auto_create_modal .loadContents {
	padding-left: 20px;
    padding-top: 20px; 
    padding-bottom: 20px; 
}
#auto_create_modal .loadContents p {
    margin-bottom: 20px;
}

#auto_create_modal .loadContents input[type="file"] {
    margin-bottom: 20px;
}

#auto_create_modal .loadContents .alignC {
    margin-top: 20px;
}



/* ==================================================
	add2 add_upload_execution
================================================== */
#modal-wrapper #add_upload_execution.modal-wrapper-inner{
	width:930px;
}
#add_upload_execution #survey-card-input{
	width:930px;
	padding-bottom: 40px;
}
#add_upload_execution #survey-card-input .inner{
	width: 890px;
	margin: 0 auto;
}

/* ==================================================
	add3 add_editing_images
================================================== */
#modal-wrapper #add_editing_images.modal-wrapper-inner{
	width:878px;
}
#add_editing_images #survey-card-input{
	padding-bottom: 20px;
}
#add_editing_images #survey-card-input .inner{
	width: 838px;
	margin: 0 auto;
}
.editing_control_table{
	width: 100%;
	margin-bottom: 20px;
}
.editing_control_table td{
	padding: 10px;
	vertical-align: middle;
	letter-spacing:-0.4em;
}
.editing_control_table .cell01{
	width: 630px;
	background-color: #ededed;
	border-bottom: solid 2px #FFFFFF;
}
.editing_control_table .cell02{
	width: auto;
	background-color: #ffeac4;
	border-left: solid 2px #FFFFFF;
	text-align: center;
}
.editing_control_table .cell03{
	width: 630px;
	background-color: #dedede;
}
.parts_btn{
	position: relative;
	display: inline-block;
	text-align: left;
	letter-spacing:0;
	width: 150px;
	height: 40px;
	margin-right: 10px;
	padding: 4px;
	border: solid 1px rgb( 204, 204, 204 );
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.parts_btn > span{
	display: inline-block;
	font-size: 14px;
	line-height: 2.1;
	height: 30px;
	vertical-align: middle;
}
.parts_btn .icon_parts{
	display: inline-block;
	font-weight: bold;
	width: auto;
	height: 30px;
	padding: 0 0 0 34px;
	background-position: left center;
	overflow: hidden;
}
.parts_btn .controls_desc{
	display: none;
	z-index: 999;
}
.parts_btn:hover .controls_desc{
	display: block;
	position: absolute;
	top: -56px;
	left: 0;
	width: 150px;
	height: auto;
}
.parts_btn .controls_desc span{
	display: block;
	background-color: rgba(0,0,0,1);
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.143;
	text-align: center;
	padding: 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.parts_btn:hover .controls_desc:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -17px;
	width: 150px;
	height:17px;
	background: url(/assets/admin/images/bg_control_desc02.png) no-repeat center bottom;
	opacity: 1;
    filter: alpha(opacity=100);	
}
.img-editor-canvas-container-wrapper{
	width: 800px;
	height: 800px;
	background-color: #c5c5c5;
	padding: 18px 19px;
}
.img-editor-canvas-container{
	display: table-cell;
	width: 800px;
	height: 800px;
	text-align: center;
	vertical-align: middle;
	background-color: #e6e6e6;
}

/* ==================================================
	add6 add_preview
================================================== */
#modal-wrapper #add_preview.modal-wrapper-inner{
	width:878px;
}
#add_preview #survey-card-input{
	padding-bottom: 40px;
}
#add_preview #survey-card-input .inner{
	width: 838px;
	margin: 0 auto;
}

/* ==================================================
	add7 data_dl
================================================== */
ul.parts_list{
	list-style: none;
	margin: 0 0 20px 20px;
	padding: 0;
}
ul.parts_list li{
	display: table;
	float: left;
	width: 150px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 4px 2px;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 204, 204, 204 );
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(244,244,244) 0%, rgb(253,253,253) 100%);
}
ul.parts_list li > span{
	display: table-cell;
	font-size: 13px;
	line-height: 1.2;
	height: 30px;
	vertical-align: middle;
}
ul.parts_list li .icon_parts{
	padding-right: 10px;
}

/* ==================================================
	Adjustment Style
================================================== */
/* text */
.font11{font-size: 11px !important;}
.font12{font-size: 12px !important;}
.font14{font-size: 14px !important;}
p.font14{font-size: 14px !important; line-height: 1.286;}
.normal{font-weight:normal !important}
.bold{font-weight:bold !important;}
.important{color: #e60012;}

/* width */
.w100p{width: 100% !important;}
.wauto{width: auto !important;}
.w16{width: 16px !important;}
.w26{width: 26px !important;}
.w48{width: 48px !important;}
.w64{width: 64px !important;}
.w70{width: 70px !important;}
.w80{width: 80px !important;}
.w96{width: 96px !important;}
.w108{width: 108px !important;}
.w120{width: 120px !important;}
.w128{width: 128px !important;}
.w145{width: 145px;}
.w150{width: 150px !important;}
.w200{width: 200px !important;}
.w264{width: 264px !important;}
.w284{width: 284px !important;}
.w300{width: 300px !important;}
.w350{width: 350px !important;}
.w400{width: 400px !important;}
.w450{width: 450px !important;}
.w500{width: 500px !important;}
.w558{width: 558px !important;}
.w620{width: 620px !important;}
.w3em{display: inline-block; width: 40px;}
.min3em{min-height: 3em !important;}

/* Height */
.h50{height: 50px !important;}
.h150{height: 150px !important;}

/* Margin */
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb12{margin-bottom:12px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb70{margin-bottom:70px !important;}

.mt10{margin-top:10px !important}
.mr100{margin-right:100px !important}

.mr0{margin-right:0px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.mr40{margin-right:40px !important}

.ml20{margin-left:20px !important}

/* Padding */
.pad10{padding: 10px !important;}

.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pl20{padding-left:20px !important;}
.pl42{padding-left: 42px !important;}
.pl145{padding-left:145px !important;}
.pl210{padding-left:180px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

/* Align */
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.alignL{text-align:left !important;}

/* Valign */
.valignM{vertical-align:middle !important;}
.valignT{vertical-align:top !important;}
.valignB{vertical-align:bottom !important;}

/* Float */
.left{float:left !important;}
.right{float:right !important;}






/* 2013/10/02 add */
#survey-card-form .ques-image {
	width:200px;
	padding:20px 0;
	text-align:center;
	margin:20px auto 0 auto;
	border:2px dotted #d0d0d0;
}

#survey-card-form .ques-image p{
	color:#666 !important;
	font-size:12px;
	padding:2px 0;
}

#survey-card-form .ques-image p em{
	color:#9a9a9a !important;
	font-style:normal;
}

#survey-card-form #assist-box textarea {
	width:825px;
}

#survey-card-form #assist-box div {
	text-align:center;
	padding:10px;
}

#survey-card-form #view-box #option-add-box {
	text-align:right;
	margin:-10px auto 0 auto;
}

#survey-card-form .option_setting_line {
	border:1px dashed #ddd;
	margin:30px 0 10px 0;
}
#survey-card-form .option_setting {
	font-size:12px;
	line-height:1.8;
	text-align:left;
	padding-left:6px;
}

#survey-card-form .matrix_exclusion_text_cell {
	font-size:12px;
	text-align:right;
	padding:4px 10px 4px 4px;
}
#survey-card-form .matrix_exclusion_cell {
	padding:4px;
}


/**
 * answer
 */
#answer{
	margin-top:60px;
}
#answer ul{
	list-style: none;
    margin: 0 auto 25px;
}
#answer ul li{
    padding: 0;
    margin: 0;
    position: relative;
}
/*
#answer input[type="radio"],
#answer input[type="checkbox"]{
    position: absolute;
    top:-5px;
}
*/

/**
 * sa_card_text
 */
#answer.col_2{
	margin-left:-20px;
}
#answer.col_2 ul li{
	width:409px;
	float:left;
	margin-left:20px;
}
#answer.col_3{
	margin-left:-19px;
}
#answer.col_3 ul li{
	width:265px;
	float:left;
	margin-left:19px;
}
#answer label p{
	margin-right:20px;
	line-height:1.2em;
	display:inline-block;
}
/*
#answer input[type="radio"],
#answer input[type="checkbox"]{
	opacity:0;
	height:0;	
}
*/

/*
#answer input[type="radio"] + label,
#answer input[type="checkbox"] + label{
    display: block;
	margin-bottom:20px;
	padding:35px 0 35px 70px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(209, 209, 209, 1);
	box-shadow: 4px 4px 0px 0px rgba(209, 209, 209, 1);
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:30px center;
	background-size: 22px;
	border:4px solid;
	border-color:#fff;
	cursor:pointer;
}
*/
#answer input[type="radio"] + label{
    background-image: url(/assets/admin/images/radio_off.png);
}
#answer input[type="radio"] + label:hover{
	border-color:#ffca7f;
}
#answer input[type="radio"]:checked + label{
    background-image: url(/assets/admin/images/radio_on.png);
	border-color:#f08c00;
}


/* ==================================================
	Loader
================================================== */
#glayLayer{
    display:none;
    position:fixed;
	-webkit-transform: translate3d(0,0,0);
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    z-index:10000;
}
#overLayer{
    display:none;
    position: fixed;
	-webkit-transform: translate3d(0,0,0);
    top:50%;
    left:50%;
    margin-top:-40px;
    margin-left:-40px;
    z-index:10001;
}

#fancybox-overlay {
    position:fixed;
	-webkit-transform: translate3d(0,0,0);
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* その他ポップアップ  */
#survey-dialog .background,
#confirm-dialog .background,
#confirm-delete-dialog .background,
#unlock-dialog .background,
#error-dialog .background,
#loader .background {
    position:fixed;
	-webkit-transform: translate3d(0,0,0);
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:#333;
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    z-index:10000;
}
#survey-dialog .survey-dialog-body,
#confirm-dialog #confirm-message,
#confirm-delete-dialog #confirm-delete-message,
#unlock-dialog #unlock-message,
#error-dialog #error-message,
#loader #loader-image {
	width:416px;
	background:#fff;
	color:#333;
    position: fixed;
	-webkit-transform: translate3d(0,0,0);
    top:50%;
    left:50%;
    margin-left:-220px;
    z-index:10001;
	padding:25px 15px 35px 15px;
	text-align:center;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
#unlock-dialog #unlock-message{
	top:30%
}

#error-dialog #error-message p.text {
	min-height:40px;
	max-height:260px;
	overflow:scroll;
	margin-bottom:10px;
}

#loader #loader-image {
	width:150px;
	height:100px;
	margin-left:-75px;
	margin-top:-50px;
}
#loader #loader-image p {
	text-align:center;
	padding:10px;
}
#loader #loader-image p.text {
	color:#666;
}

#error-dialog #error-message p.text,
#confirm-dialog #confirm-message p.text,
#confirm-delete-dialog #confirm-delete-message p.text{
	margin:10px 0 30px 0;
}
#unlock-dialog #unlock-message p{
	margin:20px 0 40px 0;
}

#survey-dialog .survey-dialog-body p,
#error-dialog #error-message p,
#unlock-dialog #unlock-message p,
#confirm-dialog #confirm-message p,
#confirm-delete-dialog #confirm-delete-message p{
	text-align:center;
}

#survey-dialog .survey-dialog-body .ok-btn,
#error-dialog #error-message .ok-btn,
#confirm-dialog #confirm-message .ok-btn,
#confirm-dialog #confirm-message .cancel-btn,
#confirm-delete-dialog #confirm-message .ok-btn,
#confirm-delete-dialog #confirm-message .cancel-btn,
#unlock-dialog #unlock-message .ok-btn,
#unlock-dialog #unlock-message .cancel-btn{
	background-color:#f08c00;
	color:#fff;
	padding:0 10px;
	min-width:60px;
	height:36px;
	font-size:14px;
	overflow:hidden;
	text-align:center;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(197, 115, 1, 1);
	box-shadow: 0px 4px 0px 0px rgba(197, 115, 1, 1);
	cursor:pointer;
}
#unlock-dialog #unlock-message .ok-btn,
#unlock-dialog #unlock-message .cancel-btn{
	display: block;
	text-decoration: none;
	font-weight:bold;
	line-height:50px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin:0px 20%;
	height:50px;
	font-size: 16px;
}
#unlock-dialog #unlock-message .cancel-btn{
	background:#6A6A6A
}


.question_image {
	width:420px;
	margin:0 auto;
}

/* ==================================================
	branch
================================================== */
/* 選択肢と回答のボックス */
#targetBox div.target,
#sourceBox div.source{
	width:190px;
	border:1px solid #ccc;
	font-size:12px;
	padding:3px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#sourceBox.left div.source{
	width:270px !important;
}
#sourceBox svg circle {
	cursor:pointer;
}

/* DRAG/DROP */
.dragActive svg circle {
	fill:#f90;
}
.dropHover svg circle {
	fill:#f00;
}


/* ==================================================
	アラート
================================================== */
#alert-dialog {
	position:fixed;
	-webkit-transform: translate3d(0,0,0);
	width:100%;
	padding:12px;
	background-color:#ffffe3;
	top:0;
	left:0;
	display:none;
	z-index:20000;
}

#alert-dialog #alert-message p.text{
	text-align:center;
	color:#666;
	z-index:20001;
}



.cke_dialog_contents_body {
	height:auto !important;
}
/*
.cke_dialog_page_contents > table tr:first-child {
	display:none !important;
}
*/
.cke_dialog_ui_hbox_last .cke_dialog_ui_labeled_label {
	display:block !important;
	margin-bottom:10px !important;
}


/* ==================================================
	コンバージョン機能
================================================== */

/* 登録 */
#conversion_new{
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 0;
}
#conversion_new .contents_box{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 840px;
	margin-bottom: 20px;
	padding: 40px 40px 20px;
}
#conversion_new h2{
	padding-left: 1.5em;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left center;
	font-size:18px;
}
#conversion_new .contents_box table{
	width:80%;
	margin:0 auto 30px auto;
}
#conversion_new .contents_box table.table_set02{
	margin:20px auto;
	background-color:#ddd;
}
#conversion_new .contents_box table tr{
	border-bottom:1px solid #ddd;
}
#conversion_new .contents_box table tr.col01{
	background-color:#fffbf5;
}
#conversion_new .contents_box table tr.header{
	background-color:#f08c00;
	/*background-color:#6e6e6e !important;*/
	margin-bottom:10px;
	border:none;
}
#conversion_new .contents_box table.table_set02 th.title{
	text-align:left;
	padding:20px;
	color:#666;
}
#conversion_new .contents_box table th{
	text-align:left;
	padding:10px;
	color:#fff;
}
#conversion_new .contents_box table td{
	padding:10px;
}
#conversion_new .contents_box table td.input{
	padding:15px 10px 10px 10px;
	width:70%;
}

/* タグ発行 */
#conversion_tag_modal #survey-card-input {
	padding-bottom: 60px !important;
}
.conversion_tag dl,
.confirmation_info dl {
	position: relative;
	line-height: 1.5;
	margin: -8px 0;
}
.conversion_tag dt,
.confirmation_info dt{
	position: absolute !important;
	padding:8px 0 8px;
	padding-left: 1.5em;
	width:auto !important;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left center;
}
.conversion_tag dd{
	padding: 8px 0 8px;
	padding-left: 15.5em !important;
	border-bottom: dotted 1px #cccccc;
}
.confirmation_info dd{
	padding: 8px 0 8px;
	padding-left: 22.5em !important;
	border-bottom: dotted 1px #cccccc;
}
.conversion_tag dd:last-child,
.confirmation_info dd:last-child{
	border-bottom: none;
}
.conversion_tag dt.block,
.confirmation_info dt.block{
	position: relative !important;
	width: auto !important;
	margin-top:50px !important;
	padding: 6px;
	background-color:#6e6e6e !important;
	background-image: none !important;
	color:#fff;
}
.conversion_tag dd.block,
.confirmation_info dd.block{
	padding: 8px 0 8px;
	padding-left: 0em !important;
	border-bottom: dotted 1px #cccccc;
}
.conversion_tag h3,
.confirmation_info h3{
	margin-bottom: 10px;
	padding: 10px 6px;
	background-color:#6e6e6e !important;
	background-image: none !important;
	color:#fff;
	background: url(/assets/admin/images/mark_circle.png) no-repeat left center;
}
#confirmation_container hr.ques_setting_line{
	border:1px dashed #ddd;
	margin:80px 0 20px 0;
}
#confirmation_container ul.ques_setting{
	margin:0 30px 120px 60px;
	list-style-type:disc;
	font-size:14px;;
}
#confirmation_container ul.ques_setting li{
	padding:2px;
	color:#777;
}

ul.card-setting-list{
	margin-left:0 !important;
	list-style-type:disc !important;
	font-size:14px;
}

ul.card-setting-list li{
	padding:2px !important;
	color:#777;
}
ul.card-setting-list-selectbox {
	margin-left:0 !important;
	font-size:14px;
}

ul.card-setting-list-selectbox  li{
	padding:2px !important;
	color:#777;
}

/* ==================================================
    アンケート画面確認一覧
================================================== */
#wrapper {
	width:auto !important;
}

.confirmation_menu{
	background-color:#fff !important;
	width:260px !important;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.confirmation_menu h3{
	padding:15px 10px 5px 10px;
}
.confirmation_menu ul{
	padding:10px;
}
.confirmation_menu ul li{
	padding:5px 8px;
}
.confirmation_menu ul li a{
	color:#666;
	text-decoration:none;
}
.confirmation_menu ul li a:hover{
	color:#666;
	text-decoration:underline;
}
.confirmation_menu ul li.select{
	border-left:2px solid #f08c00;
	padding-left:6px;
	font-weight:bold;
	/*color:#f08c00;*/
}


#confirmation_container {
	float: right;
	width: 900px;
	padding: 0 20px 40px;
}

#confirmation_container #resultTab {
    padding:15px;
	border:1px solid #ccc;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#confirmation_container .section{
    margin:0 auto 70px auto !important;
	padding:40px;
	background-color: #fafafa;
	border:1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#confirmation_container .bg_white{
	background-color:#fff !important;
	border:none !important;
}

#confirmation_container .section:last-child{
	margin-bottom:0px !important;
}

.matrix_option_setting_padding {
	padding-top:10px;
}



.required01 {
	font-size:12px;
	padding:3px;
	border:1px solid #f08c00;
	margin-left:6px;
	background-color:#fff;
	color:#ff6600;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	font-weight:normal;
}

.error01 {
	color:#ff0000;
	padding-top:5px;
}


#one_preview_popup{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
	display:none;
}
#one_preview_popup #content{
	background-color: rgba(102,102,102,0.9);
	padding:10px;
}
#one_preview_popup #allow{
	position: absolute;
	top:40px;
	left:70px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid rgba(102,102,102,0.9);
}


.ui-tooltip {
	-webkit-box-shadow: 0 0 5px #999 !important;
	box-shadow: 0 0 5px #999 !important;
	border:1px solid #999 !important;
	line-height:1.3 !important;
	font-size:14px !important;
	max-width:400px !important;
	color:#6a6a6a !important;
}

img.arw-long {
	margin-left:8px;
	vertical-align:middle;
}

/* ==================================================
	グラフ
================================================== */
#graph_container{
	margin: 40px auto;
	/*float: right;
	width: 1070px;
	padding: 0 20px 40px;*/
}
#graph_container .contents_box {
	margin-bottom:30px;
}

#graph_container #tabs ul{
	overflow:hidden;
	text-align:right;
	margin-right:6px;
}
#graph_container #tabs ul li{
	width:140px;
	border:1px solid #ccc;
	padding:15px 10px;
	margin:0 2px;
	text-align:center;
	float:right;
	border-bottom:none;
	float:right;
	border-bottom:none;
}

#graph_container #resultLink {
	color:#000;
	background:url(/assets/admin/images/graph_counting_icon.png) no-repeat;
	background-size:30px 25px;
	background-position:center left;
	padding:10px;
	padding-left:38px;
}

#graph_container #accessLink {
	color:#000;
	background:url(/assets/admin/images/graph_access_icon.png) no-repeat;
	background-size:20px 25px;
	background-position:center left;
	padding:10px;
	padding-left:28px;
}

#graph_container #resultTab,#graph_container #accessTab {
	padding:20px;
	border:1px solid #ccc;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}

#graph_container #accessTab {
	display:none;
}

#graph_container .question {
	margin:20px;
}

#graph_container .question:not(first-child) {
	margin-bottom:50px;
}

#graph_container .question dt{
	width:55px;
	float:left;
	clear:both;
}

.filter_modal .inner > ul.ques-list > li span.ques-num,
#graph_container .question dt span{
	display:inline-block;
	background-color: #f08c00;
	color: #fff;
	font-weight:bold;
	padding:6px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.filter_modal .inner > ul.ques-list > li span.ques-num {
	margin-right:6px;
}
#graph_container .question dd{
	/*width:860px;*/
	margin-left:55px;
	line-height:1.5em;
	font-size:16px;
	/*SS-253 グラフの改修 対応*/
	font-weight: bold;
	color: #333333;
}


#graph_container .question .menu{
	padding:10px 0;
	height: 80px;
	display: flex;
	width: 100%; /* 2021.02.22追加 */
}

/*** 左側 ***/
/**  ボタン（グラフ切り替え / 並び替え） **/
#graph_container .question .graphType {
	/* 2021.02.22変更
	width:49%;*/
	width: 40%;
}
#graph_container .question .graphType ul#menu-content {
	position: relative;
}

#graph_container .question .graphType ul#menu-content li.user_action {
    float: left;
    height: 100%;
    text-align: center;
	margin-right: 5px;
}
#graph_container .question .graphType ul#menu-content li.user_action:first-child {
	position: absolute;
	left: 0;
}
#graph_container .question .graphType ul#menu-content li.user_action:nth-child(2) {
	position: absolute;
	/* 2021.02.25変更
	left: 75px;*/
	left: 70px;
}
#graph_container .question .graphType ul#menu-content li.user_action > a {
    display: block;
	padding: 8px 10px;
	background: #fff;
    border: 1px solid #6A6A6A;
	/* 2021.02.25変更
	max-width: 70px;*/
	max-width: 45px;
    /* 2021.02.25削除
	box-sizing: border-box;*/
	/*position: relative;
	width: 70px;
	box-sizing: border-box;
	height: 100%;
    padding-left: 15px;
    padding-right: 15px;
	line-height: 40px;
    color: #fff;
    font-size: 70%;
    text-decoration: none;
    z-index: 2;*/
}
#graph_container .question .graphType ul#menu-content li.user_action a:hover {
    opacity: 0.6;
	transition: .3s;
}
#graph_container .question .graphType ul#menu-content li.user_action a img {
	/* 2021.02.25変更
	width: 50px;*/
	width: 45px;
}

#graph_container .question .graphType ul{
	overflow:hidden;
}

#graph_container .question .graphType ul li{
	padding:6px 4px;
	border:1px solid #ccc;
	width:60px;
	text-align:center;
	float:left;
	margin-left:6px;
}

#menu-content > li:first-child {
    margin-left: 0;
}

/** メニュー２階層目 **/
/* 通常はmenu-second非表示 */
#graph_container .question .graphType ul#menu-content li.user_action .menu-second {
    display: none;
}

/* menu-second表示にする */
#graph_container .question .graphType ul#menu-content li.user_action:hover .menu-second,
#graph_container .question .graphType ul#menu-content li.user_action:hover .menu-second ul.second-content:hover {
    display: block;
    max-height: 9999px;
    opacity: 1;
}
#graph_container .question .graphType ul#menu-content li.user_action .menu-second {
	background: rgba(255,255,255,0.9);
    border: 1px solid #6A6A6A;
    padding: 1.00em 1.00em 0;
	margin: -1px auto 0;
}
/*#graph_container .question .graphType ul#menu-content li.user_action a:hover .menu-second {
    position: relative;
	transition: all .2s ease-in;
	z-index: 10;
	width: 100%;
	margin: 0 auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}
#graph_container .question .graphType ul#menu-content li.user_action:hover .menu-second ul.second-content {
	width: 1170px;
	margin: -1px auto 0;
	padding: 25px;
	text-align: left;
    background: rgba(255,255,255,0.9);
    border: 1px solid #6A6A6A;
	position: absolute;
    left: 0;
}*/
#graph_container .question .graphType ul#menu-content li.user_action .menu-second ul.second-content li {
	padding: 0.50em 1.00em;
    margin-bottom: 0.50em;
}
#graph_container .question .graphType ul#menu-content li.user_action .menu-second ul.second-content li:hover {
	background: rgba(255, 156,0, 0.3);
}
#graph_container .question .graphType ul#menu-content li.user_action .menu-second ul.second-content li a,
#graph_container .question .graphType ul#menu-content li.user_action .menu-second ul.second-content li:hover a {
	color: #000000;
    text-decoration: none;
}


/*#menu-content > li > ul.second-content {
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content {
    visibility: visible;
	top: 70px;
    z-index: 1;
    transition: all .3s;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 200px;
    height: 40px;
}
#menu-content > li > ul.second-content > li > a {
    display: block;
    line-height: 40px;
	background: #fff;
    color: #333;
    font-size: 90%;
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover {
	background: #ffe1b2;
    color: #333;
}*/

#graph_container .loader {
	width: 70px;
	margin: 150px auto;
}

/*** 右側 ***/
/**  ボタン（クロス集計する / ダウンロードする） **/
/*#graph_container .question .sort*/
#graph_container .question .btnType {
	/* 2021.02.22変更
	width:49%;*/
	width: 60%;
	position: relative;
}
#graph_container .question .btnType ul {
	position: absolute;
    bottom: 0;
    right: 0;
}
#graph_container .question .btnType > ul { /* 2021.02.25追加 */
	display: flex;
    flex-direction: row-reverse;
}	
#graph_container .question .btnType ul li {
	/* 2021.02.25削除
	float: right;*/
    background: #fff;
    text-align: center;
	/* 2021.02.22変更
    padding: 0.50em 2.00em;*/
	padding: 0;
    border: 1px solid #333333;
    box-sizing: border-box;
    margin-left: 5px;
}
/* 2021.02.25削除
#graph_container .question .btnType ul li > a {
	display: flex;
	padding: 0.50em 1.00em;
	box-sizing: border-box;
}*/

/* 2021.02.22追加 ダウンロードするボタンに矢印 */
/* 2021.02.25削除
#graph_container .question .btnType ul li:first-child a {
    padding-right: 2.00em;
}
#graph_container .question .btnType ul li:last-child::before {
	position: absolute;
    top: 1.5em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #333333;
    pointer-events: none;
}*/
#graph_container .question .btnType > ul > li:first-child > a { /* 2021.02.25追加 */
    padding-right: 2.00em;
}
#graph_container .question .btnType > ul > li:last-child::before { /* 2021.02.25追加 */
	position: absolute;
    top: 1.5em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #333333;
    pointer-events: none;
}

#graph_container #resultTab .question .body .graphDownloadBtn {
	display: inline-block;
	float: right;
}
#graph_container #resultTab .question .body .graphDownloadBtn .btnStyle {
    padding: 5px 0;
    width: 30px;
    background-color: #000;
    cursor: pointer;
    display: inline-block;
}
#graph_container #resultTab .question .body .graphDownloadBtn .btnStyle:last-child {
    margin: 0;
}

#graph_container .question .btnType ul li:hover {
	transition: .3s;
	/* 2021.02.25削除
	box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.5);*/
}
/* 2021.02.25削除
#graph_container .question .btnType ul li a {
	text-decoration: none;
    width: 100%;
    display: flex;
}*/

#graph_container .question .btnType > ul > li > a { /* 2021.02.25追加 */
	text-decoration: none;
    width: 100%;
    display: flex;
    padding: 0.50em 1.00em;
    box-sizing: border-box;
}
#graph_container .question .btnType ul li:hover > a {
	opacity: 0.6;
}
#graph_container .question .btnType ul li figure {
	height: 30px;
    padding: 3px 0 0 0;
}
#graph_container .question .btnType ul li figure img {
	height: 100%;
}
#graph_container .question .btnType ul li p {
	padding: 12px 0 8px 10px;
    font-weight: bold;
    display: flex;
    letter-spacing: 2px;
    color: #2b2b2b;
}

/** メニュー２階層目 **/
/* 通常はmenu-second非表示 */
#graph_container .question .btnType ul li .menu-second {
    display: none;
}
/* menu-second表示にする */
#graph_container .question .btnType ul li:hover .menu-second,
#graph_container .question .btnType ul li:hover .menu-second ul.second-content:hover {
    display: block;
    max-height: 9999px;
    opacity: 1;
}
#graph_container .question .btnType ul li:hover .menu-second ul.second-content {
    position:absolute;
    bottom: auto;
    top: 54px;
    background: rgba(255,255,255,0.9);
    border: 1px solid #6A6A6A;
	/* 2021.03.01変更
	padding: 1.00em 1.00em 0;*/
    padding: 1.00em 1.25em 0;
    margin: -1px auto 0;
}
#graph_container .question .btnType ul li:hover .menu-second ul.second-content li {
    /* 2021.02.25削除
	opacity: 1;
	padding: 0.50em 1.00em;
	background: rgba(255,255,255,0.9);
	margin-left: 0;
    float: none;*/
    border: none;
    margin-bottom: 0.50em;
	padding: 0.5em 0;
}
#graph_container .question .btnType ul li:hover .menu-second ul.second-content li:hover {
    background: rgba(255, 156,0, 0.3);
    box-shadow: none;
    opacity: 1.00;
}
#graph_container .question .btnType ul li .menu-second ul.second-content li a,
#graph_container .question .btnType ul li .menu-second ul.second-content li:hover a {
	color: #000000;
    text-decoration: none;
}
/* 2021.02.25削除
#graph_container .question .btnType ul li .menu-second ul.second-content li:first-child a {
    padding-right: 0;
}*/

#graph_container .question .body{
	background:#fff;
	padding:20px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
    overflow: auto;
}

#graph_container .question .body .sub-label{
	margin-top:40px;
	font-weight:bold;
}

#graph_container .question .body .chart{
	padding: 30px 10px 10px;
}
#graph_container .question .body .chart .highcharts-container {
	position: inherit !important;
}

/* 2019.10.16 画面キャプチャボタン追加 */
#graph_container #resultTab .question .body dl {
	/* 2021.02.22変更
	width: 95%;*/
	width: 100%;
    display: inline-block;
}
#graph_container #resultTab .question .body .graphDownloadBtn {
	display: inline-block;
}
#graph_container #resultTab .question .body .graphDownloadBtn .btnStyle {
    padding: 5px 0;
    width: 30px;
    background-color: #000;
    cursor: pointer;
    display: inline-block;
}
#graph_container #resultTab .question .body .graphDownloadBtn .btnStyle:last-child {
    margin: 0;
}

/* 2020.11.11「クロス集計」ボタン押下後の候補設問表示欄追加、上記選択後の設問表示欄追加 */
#graph_container #resultTab .question .body #crossSelect,
#graph_container #resultTab .question .body #crossSelected {
	padding: 1.00em 0;
}
#graph_container #resultTab .question .body #crossSelect ul {
	background: #f6f6f6;
	/* 2021.02.22変更
    padding: 1.50em 1.50em 0.75em;*/
	padding: 1.00em 1.50em;
    overflow: scroll;
    height: 5.00em;
	resize: vertical; /* 2021.02.22 追加 */
}
#graph_container #resultTab .question .body #crossSelect ul li {
	padding-bottom: 0.75em;
	font-size: 14px;
    font-weight: bold;
    color: #333333;
	cursor: pointer; /* 2021.02.22 追加 */
}

/* 選択肢の設問番号 2021.02.22追加 */
#graph_container #resultTab .question .body #crossSelect ul li span { 
    display: inline-block;
    padding: 6px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 1.00em;
	color: #333;
    background: #fff;
    border: 1px solid #333;
}
#graph_container #resultTab .question .body #crossSelect ul li:hover span { /* hover時 */
    background-color: #555;
    color: #fff;
    border: 1px solid #555;
}
#graph_container #resultTab .question .body #crossSelect ul li a {
	display: block;
	color: #333;
    text-decoration: none;
}
#graph_container #resultTab .question .body #crossSelect ul li a:hover {
	opacity: 0.8;
}



#graph_container #resultTab .question .body #crossSelected ul {
	background: #f6f6f6;
    padding: 1.50em;
}
#graph_container #resultTab .question .body #crossSelected ul li {
	font-size: 14px;
    font-weight: bold;
    color: #333333;
}

#graph_container .question .sort {
	width:100%;
	float:right;
	text-align:right;
	padding-top:50px;
}

/* クロス集計：表（2021.03.01追加） */
#graph_container #resultTab .question .body .cross_table_div table tr td {
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 10px 5px !important;
	margin: 10px;
}

#graph_container #resultTab .question .body .cross_table_div table tr td.table-title {
	background-color:#E7E7E7;
	font-size: 15px;
	padding: 10px 0;
	letter-spacing: 1px;
}
#graph_container #resultTab .question .body .cross_table_div table tr td.table-number {
	text-align: right;
}

.filter_modal .inner > ul.ques-list {
}

.filter_modal .inner > ul.ques-list > li{
	padding:10px;
	background-color:#fff;
	margin:12px 0;
	cursor:pointer;
}
.filter_modal .inner > ul.ques-list > li div.option > ul,
.filter_modal .inner > ul.ques-list > li > ul{
	margin:6px 0 12px 0;
}
.filter_modal .inner > ul.ques-list > li div.option > ul > li,
.filter_modal .inner > ul.ques-list > li > ul > li{
	margin:0 6px;
	line-height:1.5;
}
.filter_modal .inner > ul.ques-list > li .sub-label{
	font-weight:bold;
	margin:10px 0 2px 6px;
}
.filter_modal .inner > ul.ques-list > li div.option > ul > li input,
.filter_modal .inner > ul.ques-list > li > ul > li input{
	margin-right:3px;
}
.ctext textarea
{
	display: block ;
	width: 160% ;
	margin-top:10px;
	height:80px;
}
.ctext dd
{
	height:120px;
}

select.ques-select {
	padding: 9px 30px 9px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(/assets/admin/images/select-arrow.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(/assets/admin/images/select-arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
	font-size:14px !important;
	height:auto !important;
}

/* ==================================================
	アンケート回答
================================================== */
#answer_info ul>li{
	list-style:decimal;
	padding:6px;
	margin-left:20px;
	color:#ccc;
}
#answer_info ul>li.selected{
	color:#000;
	font-weight:bold;
}

#answer_info .answer {
	padding:20px 110px;
	color:#000;
	font-weight:bold;
}

#answer_info span.selected {
	color:#000;
	font-weight:bold;
}

#answer_info table.matrix {
	background-color: #fff;
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
	width: 740px;
	margin: 0 auto;
}
#answer_info table.matrix th, #answer_info table.matrix td{
	border: 1px solid #d3d3d3;
	padding:6px;
	background-color:#eee;
	word-break: break-all;
	text-align:left
}
#answer_info table.matrix td {
	color:#ccc;
	background-color:#fff;
}
#answer_info table.matrix td.selected {
	color:#000;
	font-weight:bold;
}

/* 2017/02/13 #SS-178 start add by HaLV */
#newsBox {
	min-width: 1220px;
	background: #f5e0d6;
	border-bottom: 2px solid #d9d9d9;
	margin-top: -30px;
	margin-bottom: 30px;
	font-size: 14px;
	margin-left: auto;
  	margin-right: auto;
}

#newsBox #info {
	position: relative;
	margin: 0 auto;
	width: 1220px;
	padding: 8px 0;
	color: #6a6a6a;
	padding: 20px 0;
}

#newsBox #info #textBox {
	margin-left: 30px;
}

#newsBox #info #textBox span {
	letter-spacing: 1px;
}

#newsBox #info img {
	position: absolute;
	top: 15px;
	right: 30px;
}
/* 2017/02/13 #SS-178 end add by HaLV */

/* wrap css for ckeditor: mediv plugin */
.mediv
{
	overflow:hidden;
	margin: 0 auto;
}

.mediv-content
{
	position: relative; height: 0; overflow: hidden;
}
.mediv-content-youtube, .mediv-content-vimeo
{
	padding-bottom: 57%
}
.mediv-content-instagram
{
	padding-bottom: 110%
}

.mediv-content iframe,
.mediv-content object,
.mediv-content embed
{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

/* ==================================================
	回答ページダウンロード、アップロード（2018.04.16）
================================================== */
p.textDescription {
	line-height: 1.4;
    font-size: 0.9em;
	margin: 0 1.00em;
}
.loadBox {
	display: -webkit-flex;
	display: flex;
	margin-top: 20px;
}
.loadBox .stepBox {
	float: left;
	width: 40%;
	border: #acacac 1px dotted;
	padding: 0 0 20px;
	box-sizing: border-box;
	background:#fff;
}
.loadBox .stepArrow {
	margin: auto 20px;
}
.loadBox .stepBox .loadTitle1 {
	float: left;
	background: #6e6e6e;
	padding: 1em;
	width: 5em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.loadBox .stepBox .loadTitle2 {
	float: left; 
	background: #999; 
	padding: 1em; 
	width: calc(100% - 9em);
	color: #fff;
	letter-spacing: 1px;
}
.loadBox .stepBox .loadContents {
	padding: 2.00em; 
	text-align: center;
}
.loadBox .stepBox .loadContents p {
	font-size: 0.80em;
	margin-bottom: 2.70em;
	letter-spacing: 1px;
	line-height: 1.50;
}
.loadBox .stepBox .loadContents input[type=file] {
	font-size: 0.90em;
}
.loadBox .stepBox .loadContents form .textMessage {
	color: #ff3300;
	font-size: 0.80em;
	text-align: left;
	padding: 8px 20px 10px;
	margin: 0 auto 10px;
	line-height: 1.30;
}

/*#answer_info ul>li{*/

/* ==================================================
	NPS設問画面レイアウト変更（2020.11.09）
================================================== */
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer > div {
	width: 100%;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer {
	padding: 0;
    max-width: calc(4.00em*11);
    width: 100%;
	margin: auto;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer .numerical_slide_add {
	margin: 1.30em 0 0.50em;
    width: 100%;
	display: -webkit-flex;
	display: flex;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer .numerical_slide_add div {
	flex: 2;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer .numerical_slide_add div:nth-child(2) {
	flex: 1;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer .numerical_slide_add div:nth-child(2) input[type=text] {
	display: none;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer ul.list_view {
	border-left: 1px solid #ccc;
	display: -webkit-flex;
	display: flex;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer ul.list_view li {
	display: inline-block;
    max-width: 64px;
    width: calc(100% /11);
    text-align: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 1.50em 0;
    background: #fff;
	box-sizing: border-box;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer ul.list_view li input[type=radio] {
	display: none;
}
#fancybox-wrap #fancybox-outer #fancybox-content #ques_modal #survey-card-form #survey-card-input .inner #answer .numerical_slide_outer ul.list_view li label p {
	margin-right: 0;
    line-height: inherit;
    display: block;
	position: inherit !important;
	top: inherit !important;
	margin-top: 0 !important;
}


@media (max-width: 768px) {
  .mediv_spHide {
    display: none !important; } }

@media (min-width: 768px) {
  .mediv_pcHide {
    display: none !important; } }

.mdlabel .cke_dialog_ui_labeled_label
{
	padding: 0;
}

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

.pagination {
	display: inline-block;
	padding: 10px;
}

.pagination a, .current {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	border: 1px solid #ddd;
	background-color: white;
}

.pagination a.active, .current {
	background-color: #f69f04;
	color: white;
	border: 1px solid #f69f04;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;
}


/*------------------------------------------------------------
	[ 5 ] アクセス解析ページ
------------------------------------------------------------*/
#accessBox {
	border: 3px solid #CCC !important;
}
#accessBox h2 {
	color: #6a6a6a !important;
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(top, #fff 0, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 0, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
	color: #669fc7;
	border-bottom: 1px solid #DDD;
}

/*-- 離脱率（パターン1：レポート期間左横スペース） --*/
/*.contents_box #rateAbandonment {
    float: left;
	margin: 10px 0.5em 30px;
}
.contents_box #rateAbandonment table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 500px;
}
.contents_box #rateAbandonment table tr th {
	font-weight: bold;
	padding: 1.00em 1.50em;
	width: 150px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 0.15em;
	background: #f6f6f6;
}
.contents_box #rateAbandonment table tr td {
	font-weight: bold;
	padding: 1.00em 2.50em;
	width: auto;
	text-align: right;
	letter-spacing: 0.25em;
    font-size: 1.3em;
	border-bottom: 1px solid #ccc;
}
.contents_box #rateAbandonment table tr:last-child td {
	padding: 1.00em 1.00em 1.00em 1.50em;
}
.contents_box #rateAbandonment table tr td span {
	padding-left: 1.00em;
    font-size: 0.7em;
}*/

/*-- 離脱率（パターン2：レポート期間下） 2019.03.22追加 --*/
.contents_box #rateAbandonment {
    clear: both;
	border-top: 1px dotted #000;
	padding: 2.00em 0 0;
}
.contents_box #rateAbandonment table {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 95%;
	margin: 0 auto;
}
.contents_box #rateAbandonment table tr th {
	font-weight: bold;
	padding: 1.00em 1.50em;
	width: 150px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	letter-spacing: 0.15em;
   /* font-size: 1.1em;*/
	background: #f6f6f6;
}
.contents_box #rateAbandonment table tr td {
	font-weight: bold;
	padding: 1.00em 2.50em;
	width: auto;
	text-align: right;
	letter-spacing: 0.25em;
    font-size: 1.3em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.contents_box #rateAbandonment table tr:last-child td {
	padding: 1.00em 1.00em 1.00em 1.50em;
}
.contents_box #rateAbandonment table tr td span {
	padding-left: 1.00em;
    font-size: 0.7em;
}

/*-- レポート期間 --*/
.contents_box #reportTerm {
    float: right;
	/*margin: 18px 0.5em 0;*/
	margin: 0.50em 0.50em 1.50em 0;
}
.contents_box #reportTerm span{
	padding: 2px 4px 0;
	font-weight: bold;
}
.contents_box #reportTerm input {
	width: 7em;
	padding: 0 4px;
}
.contents_box #reportTerm button {
	margin: 5px 0;
	padding: 5px 0;
	width: 30px;
	background-color: #000!important;
	cursor: pointer;
	box-shadow:none;
}
.ui-datepicker-trigger { /* datepicker用アイコン */
	display: inline-block;
	width: 23px;
	height: 21px;
	vertical-align: top;
	margin: 0 3px 0 5px;
	vertical-align: middle;
}
.ui-datepicker-trigger:hover {
	cursor: pointer;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/*-- [ アクセス数 ] 棒グラフ  2019.03.22 --*/
.contents_box .barGraph,
.contents_box .pieChart {
	margin: 2.00em auto 70px auto !important;
    padding: 40px;
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;	
}
.contents_box .highcharts-title {
	font-weight: bold;
	padding-top: 1.00em;
}
.contents_box .highcharts-container {
	width: auto !important;
}

/*-- [ アクセス数 ] 円グラフ --*/
.contents_box .pieChart {
	clear: both;
	border-top: dotted #ccc 1px;
    padding: 20px;
}
.contents_box .pieChart div {
	width: 50%;
	display: inline-block;
}



/*-- 1080pxまでスマホ・タブレット向け表示に変更 --*/
@media all and (min-width: 0) and (max-width: 1080px) {
	header[role="banner"] #headerGroup {
	    border-bottom: 7px solid #c4d700;
	}	
	header[role="banner"] #headerGroup ul{
		width:100%;
		padding:8px 20px;
		-webkit-box-sizing:border-box;
	    box-sizing:border-box;
	}
	.headerGroupLeft{
	    width: 90px;
		height: 26px;
	    background: url(/assets/admin/images/logo_group_01.png) left center no-repeat;
	    -ms-background-size: 90px 26px;
	    -moz-background-size: 90px 26px;
	    -webkit-background-size: 90px 26px;
	    background-size: 90px 26px;
	    text-indent: -9999px;
	    vertical-align: middle;
	}
	.headerGroupRight{
	    width: 65px;
	    height: 9px;
	    background: url(/assets/admin/images/logo_group_02.png) right center no-repeat;
	    -ms-background-size: 65px 9px;
	    -moz-background-size: 65px 9px;
	    -webkit-background-size:65px 9px;
	    background-size:65px 9px;
	    text-indent: -9999px;
	    vertical-align: middle;
	    text-align:left;
	}
	
}

/*-- 配信管理 --*/
.function {
	margin-top: 30px;
	min-width: 900px; /* 2021.02.18追加 */
   }
   .h2title {
	   padding: 5px 15px;
	   border-left: 5px solid #F69F04;
   }

   .lnav {
	   font-size: 14px;
	   float: left;
	   background-color: #fff;
	   /* 以下、2021.02.18変更
	   width: 215px;*/
		width: 20%;
	   /* 以下、2021.02.18追加 */
		min-width: 10.00em;
		margin-right: 5%;
		margin-top: 1.00em;
   }

   .lnav ul{
	   border-top: 2px solid #747474;
   }

   .lnav ul li{
	   padding: 12px 20px;
	   border-bottom: 1px solid #747474;
   }

   .lnav ul li:last-child{
	   padding: 12px 20px;
	   border-bottom: 2px solid #747474;
   }

   .lnav .active{
	   font-weight: bold;
   }

   .lnav ul li a{
	   display: block;
	   width: 100%;
	   text-decoration: none;
	   color: #747474;
   }

   .lnav ul li a:hover{
	   color: #F69F04;
   }

   .rcontents {
	 width: 850px;
	   float: left;
	   /* 以下、2021.02.18変更
	   width: 950px;
	   margin-left: 55px;*/
		width: 75%;
    	margin-left: 0;
	   /* 以下、2021.02.18追加 */
	    min-width: 600px;
		margin-top: 1.00em;
   }

   .rcontents h3{
	   color: #fff;
	   background-color: #747474;
	   padding: 10px 33px;
   }

   .rflame {
	   min-height: 100px;
	   font-size: 14px;
	   margin-bottom: 35px;
	   padding: 15px 33px 30px;
	   background-color: #fff;
   }

   .rflame .alart , .comfirm-message .alart{
	   color: #FF3F3F;
	   font-weight: bold;
   }

   .rflame dl{

   }

   .rflame .set_item{
	   float: left;
	   /*margin-right: 104px;
	   */
	   /*position: absolute;
	   left: 0;*/
   }

   .rflame dl dd{
	   margin-top: 25px;
	   margin-left: 250px;
	   /*position: absolute;
	   left: 250px;*/
   }

   .rflame dl dd.radio{
	   padding-top: 9px;
   }
   /*.rflame dl dd.select{
	   padding-top: 9px;
   }*/

   .rflame dl dd label{
	   margin-right: 10px;
   }
   .rflame dl dd select{ /* 配信管理＞セレクトボックスのmargin */
	   margin-bottom: 0;
   }

   /* 配信管理＞radioエリア */
   .rflame dl dd.radio label{
	   width: 200px;
	   margin-right: 0;
	 display: inline-block;
   }

   /* 配信管理＞checkboxエリア */
   .rflame dl dd.checkbox label{
	   width: 200px;
	   margin-right: 0;
	   margin-top: 8px;
	 display: inline-block;
   }
   .rflame dl dd.checkbox input[type=text] {
	   width: 100%;
	 margin: 0.5em 0 0.30em;
   }

   /* 配信管理＞checkboxエリア */
   .rflame dl dd input[type=text],
   .rflame dl dd textarea{
	   width: 100%;
	 border: 1px solid #747474;
	   border-radius: 3px;
	   font-size: 14px;
	   padding: 1.25em 2.00em;
   }

   .rflame dl dd.text label {
	   display: inline-block;
	   margin-top: 0.5em;
   }

   input[type=text] {
	   width: 160px;
   }
   input[type=checkbox] {
	   vertical-align: middle;
	   margin: -4px 0.5em 0 0;
   }
   input[type=radio] {
	   vertical-align: middle;
	   margin: -3px 0.8em 0 0;
   }
   select::-ms-expand {
	   display: none;
   }
   .rflame select {
	   -webkit-appearance: none;
	   -moz-appearance: none;
	   appearance: none;
	   width: 300px;
	   margin-bottom: 20px;
	   padding: 7px 25px;
	   border-radius: 3px;
	   font-size: 14px;
	   color: #747474;
	   border: 1px solid #747474;
	   background-repeat: no-repeat;
	   background-size: 12px 10px;
	   background-position: right 10px center;
	   background-color: #fff;
   }

   .footer_btn{
	   text-align: center;
	   letter-spacing: -4px;
	   margin-bottom: 35px;
   }
   button.clear-btn.btn_deliv_delete{
	   width: 180px;
	   height: 40px;
	   text-align: center;
	   background: #fff;
	   color: #747474;
	   border: 1px solid #747474;
	   display:inline-block;
	   letter-spacing:normal;
   }
   button.ok-btn.btn_deliv_comfirm{
	   width: 180px;
	   height: 40px;
	   text-align: center;
	   background: #f69f04;
	   display:inline-block;
	   letter-spacing:normal;
   }
   .comfirm-message {
	   text-align: center;
	   font-size: 14px;
	   margin: 35px 0;
   }

/*-----------------------------------------------------
	配信管理（2021.02.17）
-----------------------------------------------------*/
#form_confirm .rflame dl dd.radio {
    padding-top: 9px;
}
#form_confirm .rflame .set_item[name=send_date] {
    margin-top: 0.6em;
}
/* selectに▼ */
#form_confirm .rflame dl dd.select {
    position: relative;
}
#form_confirm .rflame dl dd.select:before {
    position: absolute;
    top: 10px;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #666666;
    pointer-events: none;
}
#form_confirm .rflame dl dd.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 20px;
	border-radius: 3px;
	font-size: 14px;
	color: #747474;
	border: 1px solid #747474;
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #fff;
	/* 2021.02.15 変更
	width: 300px;
	padding: 7px 25px;*/
	width: 100%;
	min-width: 300px;
	padding: 7px 15px 7px;
}

/* 配信管理＞checkboxエリア */
#form_confirm .rflame dl dd input[type=text],
#form_confirm .rflame dl dd textarea {
	width: 100%;
	border: 1px solid #747474;
	border-radius: 3px;
	font-size: 14px;
	padding: 1.25em 1.00em;
}
#form_confirm .rflame dl dd textarea {
	min-height: 17.00em;
}

/* カレンダーicon */
/*#form_confirm .rflame dl dd.mail_related_item {
    position: relative;
}
#form_confirm .rflame dl:last-child dd.mail_related_item:before {
  	position: absolute;
  	top: 5px;
  	left: 1em;
  	width: 0;
  	height: 0;
  	padding: 0;
  	font-family: "FontAwesome";
  	content: "\f073";
  	font-weight: 900;
  	display: block;
}*/
#form_confirm .rflame dl:last-child dd.mail_related_item input.datetimepicker {
    caret-color: transparent; /* click時の点滅を消す */
    padding: 1.25em 1.00em 1.25em;
	/* 以下、カレンダーfontawesome表示に必要 */
	display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 本文縦に拡大可 */
#form_confirm .rflame dl dd textarea[name=mail_content] {
	resize: vertical;
}
#form_confirm .rflame dl dd.text label {
	display: inline-block;
	/* 2021.02.15 変更
	margin-top: 0.5em;*/
	margin-top: 1.00em;
}

/* placeholder色変更 */
#form_confirm .rflame dl dd input[type=text][name=mail_title]::placeholder,
#form_confirm .rflame dl dd input[type=text][name=send_date]::placeholder {
    color: #A1A1A1;
}


/*-- 1080pxまでスマホ・タブレット向け表示に変更 --*/
@media all and (min-width: 0) and (max-width: 1080px) {
	header[role="banner"] #headerGroup {
	    border-bottom: 7px solid #c4d700;
	}
	header[role="banner"] #headerGroup ul{
		width:100%;
		padding:8px 20px;
		-webkit-box-sizing:border-box;
	    box-sizing:border-box;
	}
	.headerGroupLeft{
	    width: 90px;
		height: 26px;
	    background: url(../images/logo_group_01.png) left center no-repeat;
	    -ms-background-size: 90px 26px;
	    -moz-background-size: 90px 26px;
	    -webkit-background-size: 90px 26px;
	    background-size: 90px 26px;
	    text-indent: -9999px;
	    vertical-align: middle;
	}
	.headerGroupRight{
	    width: 65px;
	    height: 9px;
	    background: url(../images/logo_group_02.png) right center no-repeat;
	    -ms-background-size: 65px 9px;
	    -moz-background-size: 65px 9px;
	    -webkit-background-size:65px 9px;
	    background-size:65px 9px;
	    text-indent: -9999px;
	    vertical-align: middle;
	    text-align:left;
	}

}

.ss_template01 {
	margin-top: -30px;
}
.ss_template01 #contents {
	display: flex;
	height: 100vh;
}

/*************************

	[1] サイドメニュー（左）

*************************/
/***　[1-1] サイドメニュー（左）> 共通部分 ***/
.ss_template01 .sidemenu_left {
    min-width: 195px;
    background: #fff;
    padding-top: 1.00em;
    font-size: 14px;
}
.ss_template01 .sidemenu_left .sidemenu_title {
	background: #555;
    color: #fff;
	font-weight: bold;
	margin-bottom: 2.00em;
}
.ss_template01 .sidemenu_left .sidemenu_title div {
    padding: 0.50em 2.00em;
	position: relative;
}
.ss_template01 .sidemenu_left .sidemenu_title div svg {
	display: inline-block;
    height: 2.0rem;
    width: 1rem;
}
.ss_template01 .sidemenu_left .sidemenu_title div p {
	display: inline-block;
	max-width: 8em;
	padding-left: 0.5rem;
	line-height: 1.25;
	position: absolute;
    top: 35%;
}

/*** [1-2] サイドメニュー（左）> 共通部分（メニュー1層目） ***/
.ss_template01 .sidemenu_left ul li a {
	text-decoration: none;
	color: #6a6a6a;
}
.ss_template01 .sidemenu_left ul li a:hover, .ss_template01 .sidemenu_left ul li a.active {
	text-decoration: none;
	color: #f69f04;
}
.ss_template01 .sidemenu_left .side_menu01 { 
	font-weight: bold;
    margin-top: 1.00em;
    padding: 0 1.00em;
	list-style: none;
	position: relative;
}
.ss_template01 .sidemenu_left ul li.side_menu01 svg {
	height: 2.0rem;
	width: 1rem;
	display: inline-block;
}
.ss_template01 .sidemenu_left ul li.side_menu01 p {
	display: inline-block;
	max-width: 8em;
	padding-left: 0.5rem;
	line-height: 1.25;
	position: absolute;
    top: 25%;
}

/*** [1-3]サイドメニュー（左）> 共通部分（メニュー2層目） ***/
.ss_template01 .sidemenu_left ul.side_menu02 {
	font-weight: bold;
    margin-top: 1.00em;
    margin-left: 3.00em;
}
.ss_template01 .sidemenu_left ul.side_menu02 li {
	list-style: disc;
	margin: 1.00em 0 0 1.00em;
}

.qnum_disp{
	background-color:#f08c00;
	font-weight:bold;
	color:#fff;
}


/*************************

	[2] 右コンテンツ

*************************/
/***　[2-1] 右コンテンツ > 共通部分 ***/
.ss_template01 .content_right {
	margin-top: 30px;
	margin-left: 50px;
	width:100%;
}

#logged_content_right{
}
#logged_content_right .inner_content_right{
	background:#fff;
	border:1px solid #e9e9e9;		
	padding:25px;
	padding-bottom:50px;
	margin:25px 0px;
}
#content_whitelistip{
	width:60%;
	margin:0px auto
}
#content_whitelistip textarea{
	width:100%;
	min-height:400px;
	padding:10px;
}
@media all and (min-width: 0) and (max-width: 768px) {
	#content_whitelistip{
		width:100%
	}
}

.ss_template01 .content_right #questionnaire_new {
    padding-top: 30px;
}

/*************************
SS-1525 START
*************************/
.slide_option_list{
	margin-left: auto;
	margin-right: auto;
	width: 22%;
}
.slide_option_list.sa_slide_option_list{
	width: 38%;
}
/*************************
SS-1525 END
*************************/

/* ==================================================
	SS-3353 Account Engagement トラッキング用のデザインサンプル レイアウト
================================================== */
#sample_style{
	position: relative;
}
#sample_style .contents_box{
	position: relative;
	border: solid 1px #e1e1e1;
	background-color: #FFFFFF;
	width: 500px;
	margin:0 auto;
	margin-bottom: 20px;
	padding: 40px 40px 20px;
}

#sample_style .contents_box dt{
	position: absolute;
	width: 10em;
	margin-bottom: 20px;
}
#sample_style .contents_box dd{
	margin-left: 10em;
	margin-bottom: 20px;
	border-left: 1px dotted #000;
	padding-left: 30px;
}

.ss_template01 .content_right ul#list-app.row {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
	margin-left: 0;
}
.ss_template01 .content_right ul#list-app.row li.item {
	width: calc( (100% - 80px)/3 );
    text-align: center;
	margin-bottom: 1em;
}
.ss_template01 .content_right ul#list-app.row li.item a {
	color: #000;
}
.ss_template01 .content_right ul#list-app.row li.item figure {
	width: 100%;
    height: 200px;
    background: #fff;
    overflow: hidden;
    position: relative;
	margin-bottom: 10px;
}
.ss_template01 .content_right ul#list-app.row li.item figure img {
	height: auto;
    width: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
}
.ss_template01 .content_right ul#list-app.row li.item figure svg {
    height: 100%;
    padding: 1em;
    box-sizing: border-box;
}

/* ページ内分岐のスタイル 追加修正対応分 */
.display-rule-option-parts select {
  max-width: 150px
}
.display-rule-question select {
  max-width: 170px
}

/* パラメータ初期値設定のスタイル調整 */
#parameter_name {
  width: 100%;
}
#survey-card-setting #parameter_type_container div select {
  width: 150px;
}
.sub_section .parameter_name {
  width: 160px;
  font-size: 14px;
}
.copy-url-btn {
    background: url(/assets/admin/images/icon_copy_s.png) no-repeat;
	background-position: 10px 50%;
	background-size:14px;
    font-size:12px;
  }


/* パイピング設定用のスタイル */
.matrixColumnContainer {
  display:flex;
  flex-direction:column;
  align-items: center;
}
.matrixColumnContainer .showColumnConditionSetting {
  color: #777;
  margin-bottom: 8px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border: 1px solid #777;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.matrixColumnContainer .showColumnConditionSetting.success {
  background-color: rgb(61, 174, 61);
  color: #fff;
  border-color: rgb(61, 174, 61);
}
.matrixColumnContainer .showColumnConditionSetting.error {
  background-color: red;
  color: #fff;
  border-color: red;
}
.showRowConditionSetting {
  color: #777;
  margin-right: 8px;
  cursor: pointer;
  width: 22px;
  height: 22px;
  border: 1px solid #777;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.showRowConditionSetting.success {
  background-color: rgb(61, 174, 61);
  color: #fff;
  border-color: rgb(61, 174, 61);
}
.showRowConditionSetting.error {
  background-color: red;
  color: #fff;
  border-color: red;
}
.pipingSetting p {
  font-weight: normal;
  color: #777;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}
.pipingSetting input {
  font-size: 16px;
  padding: 4px 6px;
  width: 120px;
}
.pipingSetting.pipingSettingCol {
  width: 100px;
  vertical-align: top;
}
.pipingSetting.pipingSettingCol p {
  margin-top: 40px;
}
.pipingSetting.pipingSettingRow {
  height: 120px;
}
.pipingSetting.pipingSettingRow th {
  text-align: left;
}