@charset "utf-8";
/* CSS Document */

#container {
	display:flex;
	flex-wrap:wrap;
}
@media screen and (min-width: 961px) {
#container {
	display:flex;
}
}

/* --------------------------------------------------
	クリアフィックス
-------------------------------------------------- */
#header #header_inner:after ,
#contents label:after,
#container:after {
	content:"";
	clear: both;
    display: block;
}
/* --------------------------------------------------
	ボタン
-------------------------------------------------- */
#contents #button_area li {
	display: inline-block;
	text-align: center;
}
input[type=button] {
	font-size: 1.286rem;
	font-weight: bold;
	padding: 5px 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	cursor:pointer;

}
.button_s {
	width: 80px;
}
.button_l {
	width: 200px;
}
.button_side {
	width: 100%;
}

.button_submit {
	color: #FFFFFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border-color: #0099CC;
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
}
.button_submit:active {
	background: -ms-linear-gradient(top,#20688A, #3D95B7 50%,#00679A 50%,#0081B4);
	background: -moz-linear-gradient(top,#20688A, #3D95B7 50%,#00679A 50%,#0081B4);
	background: -webkit-gradient(linear, left top, left bottom, from(#20688A), color-stop(0.5,#3D95B7), color-stop(0.5,#00679A), to(#0081B4));
}
.button_edit {
	color: #FFFFFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border-color: #0099CC;
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
}
.button_edit:active {
	background: -ms-linear-gradient(top,#20688A, #3D95B7 50%,#00679A 50%,#0081B4);
	background: -moz-linear-gradient(top,#20688A, #3D95B7 50%,#00679A 50%,#0081B4);
	background: -webkit-gradient(linear, left top, left bottom, from(#20688A), color-stop(0.5,#3D95B7), color-stop(0.5,#00679A), to(#0081B4));
}
.button_link {
	color: #FFFFFF!important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border-color: #0099CC;
	background: -ms-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
}
.button_link:active {
	background: -ms-linear-gradient(top,#20688A, #3D95B7 50%,#00679A 50%,#0081B4);
	background: -moz-linear-gradient(top,#20688A, #3D95B7 50%,#00679A 50%,#0081B4);
	background: -webkit-gradient(linear, left top, left bottom, from(#20688A), color-stop(0.5,#3D95B7), color-stop(0.5,#00679A), to(#0081B4));
}
.button_duplicate {
	color: #FFFFFF;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border-color: #74b807;
	background:-moz-linear-gradient( center top, #89c403 50%, #77a809 50% );
	background:-ms-linear-gradient( top, #89c403 50%, #77a809 50% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(50%, #89c403), color-stop(50%, #77a809) );
	background-color:#89c403;
}
.button_duplicate:active {
	background:-moz-linear-gradient( center top, #77a809 50%, #587b06 50% );
	background:-ms-linear-gradient( top, #77a809 50%, #587b06 50% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#587b06');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(50%, #77a809), color-stop(50%, #587b06) );
	background-color:#77a809;
}
.button_default,
.button_cancel {
	color: #000000;
	text-shadow: none;
	border-color: #9B9B9B;
	background: -ms-linear-gradient(top,#ffffff, #dcdcdc 50%,#c0c0c0 50%,#f5f5f5);
	background: -moz-linear-gradient(top,#ffffff, #dcdcdc 50%,#c0c0c0 50%,#f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5,#dcdcdc), color-stop(0.5,#c0c0c0), to(#f5f5f5));
}
.button_delete {
	color: #ffffff;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border-color: #CC9966;
	background: -ms-linear-gradient(top,#990000, #ff2d2d 50%,#990000 50%,#cc0000);
	background: -moz-linear-gradient(top,#990000, #ff2d2d 50%,#990000 50%,#cc0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), color-stop(0.5,#ff2d2d), color-stop(0.5,#990000), to(#cc0000));
}
.button_delete:active {
	background: -ms-linear-gradient(top,#990000, #ff2d2d 50%,#990000 50%,#cc0000);
	background: -moz-linear-gradient(top,#990000, #ff2d2d 50%,#990000 50%,#cc0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#330000), color-stop(0.5,#662d2d), color-stop(0.5,#330000), to(#990000));
}

.button_add {
	color: #ffffff;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border-color: #00cc00;
	background: -ms-linear-gradient(top,#ccff99, #33cc00 50%,#009900 50%,#33cc00);
	background: -moz-linear-gradient(top,#ccff99, #33cc00 50%,#009900 50%,#33cc00);
	background: -webkit-gradient(linear, left top, left bottom, from(#ccff99), color-stop(0.5,#33cc00), color-stop(0.5,#009900), to(#33cc00));
}
.button_add:active {
	background: -ms-linear-gradient(top,#339933, #66cc00 50%,#008800 50%,#339933);
	background: -moz-linear-gradient(top,#339933, #66cc00 50%,#008800 50%,#339933);
	background: -webkit-gradient(linear, left top, left bottom, from(#339933), color-stop(0.5,#66cc00), color-stop(0.5,#008800), to(#339933));
}
.header_box1 input {
  font-size:14px;
}

/* --------------------------------------------------
	入力フォーム
-------------------------------------------------- */
input[type=text]{
	font-size: 1.286rem;
	outline: none;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	padding-left: 4px;
}
input[type=password]{
	font-size: 1.286rem;
	outline: none;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	padding-left: 4px;
}
input[type ="text"]:focus{
	border: 1px solid #0099CC;
}
select,
option {
	padding:4px;
}

/* --------------------------------------------------
	その他共通
-------------------------------------------------- */
.file_path_btn,
.image_select a,
.file_select a {
	display: inline-block;
	text-decoration: none;
	/* width: 98px; */
	box-sizing:border-box;
  /* width:136px; */
	height: 30px;
	font-size: 1.286rem;
	font-weight: bold;
	margin: 0.5em 10px 0px 10px;
	padding: 3px 0.5em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	cursor:pointer;
	color: #000000!important;
	text-shadow: none;
	border-color: #9B9B9B;
	background: -ms-linear-gradient(top,#ffffff, #dcdcdc 50%,#c0c0c0 50%,#f5f5f5);
	background: -moz-linear-gradient(top,#ffffff, #dcdcdc 50%,#c0c0c0 50%,#f5f5f5);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5,#dcdcdc), color-stop(0.5,#c0c0c0), to(#f5f5f5));
}

.editBlockInner .button_default,
.image_select .button_default,
.file_select .button_default {
	margin-top:0.5em;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	height:30px;
	padding:1px 0.5em;
	line-height:28px;
}

/* --------------------------------------------------
	管理画面ヘッダー
-------------------------------------------------- */
#header #header_inner{
	background-color: #222222;
	padding-top: 1em;
	padding-bottom: 5px;
	background: -ms-linear-gradient(top,#555555 0%,#222222);
	background: -moz-linear-gradient(top,#555555 0%,#222222);
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#222222));
}
#header h1 {
	float: left;
	font-weight: bold;
	font-size: 4vw;
	color: #ffffff;
	margin-left: 1em;
}
@media screen and (min-width: 961px) {
#header #header_inner{
	padding-top: 30px;
}
#header h1 {
	font-size: 1.71rem;
	margin-left: 20px;
}
}
#header .lang {
	float: left;
	color: #ffffff;
	margin-top: 10px;
}
#header .header_box1 {
	float: right;
	text-align: right;
	margin-top: 10px;
	margin-right: 20px;
}
#header .header_box1 p {
	display: inline-block;
	color: #ffffff;
	margin-left: 10px;
	font-size: 1rem;
}
#header .header_box1 a {
	color: #ffffff;
	font-size: 1rem;
}
#header #logout_button {
	display: inline;
}


/* --------------------------------------------------
	管理画面ヘッダー　パンくず
-------------------------------------------------- */
#header #bread {
	background-color: #0099CC;
	background: -moz-linear-gradient(left, rgba(0,153,204,1) 50%, rgba(0,128,179,1) 75%, rgba(0,102,153,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(50%,rgba(0,153,204,1)), color-stop(75%,rgba(0,128,179,1)), color-stop(100%,rgba(0,102,153,1)));
	overflow:hidden;
}
#header #bread li {
	display: inline-block;
	font-size: 1rem;
	color: #ffffff;
	vertical-align: middle;
	position: relative;
	margin-right: 20px;
}
#header #bread li a {
	display: block;
	font-size: 1rem;
	color: #000000;
	background: #999999;
	padding: 10px 5px 10px 20px;
	text-decoration: none;
}
#header #bread li a::after {
	content: "";
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 22px solid #999999;
	position: absolute;
	top: -4px;
	right:-20px;
	z-index: 2;
}
#header #bread li::before {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #ccffff;
	position: absolute;
	top: -12px;
	left: -25px;
	z-index: 1;
}


/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer {
	width : 100%;
	background-color: #BBBBBB;
}
#footer p {
	text-align: center;
	color: #ffffff;
}
/* --------------------------------------------------
	サイドメニュー
-------------------------------------------------- */
#side_menu {
	/*float: left;*/
	/* width: 13rem; */
	order:2;
	width:100%;
	background-color: #222222;
}
#side_menu dl {
	margin-bottom:6px;
	font-size: 1rem;
}
#side_menu dl dd ul li {
	font-size:1rem;
}
@media screen and (min-width: 961px) {
#side_menu {
	width: 240px;
	order:1;
}
#side_menu dl {
	font-size: 1.286rem;
}
#side_menu dl {
	font-size: 1.286rem;
}
#side_menu dl dd ul li {
	font-size: 1rem;
}
}
#side_menu dt, #side_menu dd li {
	border-top: 1px solid #666666;
	border-bottom: 2px solid #111111;
}
#side_menu dt {
	background-color: #333333;
	padding: 10px 0 10px 20px;
	color:#fff;
	cursor:pointer;
}
#side_menu dd {
	background-color: #666;
	display:none;
}
#side_menu .currentPage dt{
	border-top: 1px solid #ffffff;
	background: -ms-linear-gradient(top,#f5f5f5 0%,#999999);
	background: -moz-linear-gradient(top,#f5f5f5 0%,#999999);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#999999));
	color: #000000;
}
#side_menu .currentPage dd,
#side_menu .otherArea dd {
	display:block;
}
#side_menu dd a {
	color: #ffffff;
	display: block;
	padding: 10px 0 10px 20px;
	text-decoration: none;
}

/* ボタンを他リンクと同じ用に整形 */
#side_menu dd .button_side {
	font-weight:normal;
	line-height:1.4;
	border-style: none;
	color: #ffffff;
	background-color: #666;
	display: block;
	padding: 10px 0 10px 20px;
	text-align:left;
	font-size: 1rem;
}

/* --------------------------------------------------
	メイン
-------------------------------------------------- */
#main {
	/*width : -webkit-calc(100% - 13rem) ;
	width : calc(100% - 13rem) ;
	margin-left: 13rem;*/
	order:1;
	width:100%;
	background-color: #f5f5f5;
}
@media screen and (min-width: 961px) {
#main {
	width : -webkit-calc(100% - 240px) ;
	width : calc(100% - 240px) ;
	order:2;
	/* margin-left: 240px; */
}
}
#main_inner {
	padding: 20px;
}

/* --------------------------------------------------
	コンテンツ
-------------------------------------------------- */
#contents h2 {
	font-size: 4vw;
	font-weight: bold;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 20px;
}
@media screen and (min-width: 961px) {
#contents h2 {
	font-size: 2.28rem;
}
}
/* --------------------------------------------------
	一覧
-------------------------------------------------- */
#contents #list {
	margin-top: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border: 1px solid #9B9B9B;
	overflow:auto;
}
@media screen and (min-width: 961px) {
#contents #list {
	overflow: hidden;
}
}
#contents #add {
	display: inline-block;
}
#contents #list {
	clear:right;
	position:relative;
	padding-top:2em;
}
#contents #list::before {
	position:absolute;
	content:"見切れていたら右にスワイプ →";
	width:100%;
	line-height:2;
	top:0;
	box-sizing:border-box;
	padding:0 1em;
}
#contents #list table {
	width: 100%;
	min-width: 750px;
}
@media screen and (min-width: 961px) {
#contents #list table {
	min-width: auto;
}
}
#contents #list tr {
	background-color: #ffffff;
	padding: 5px 0;
}
#contents #list tr:first-child {
	background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
	color: #111;
	border-bottom: 3px solid #0099CC;
}
#contents #list tr:nth-child(2n) {
	background-color: #E3F2FF;
}
#contents #list th {
	color: #000000;
	padding: 5px 10px;
	text-align: left;
}
@media screen and (min-width: 961px) {
	#contents #list {
		padding:0;
	}
	#contents #list::before {
		content:"";
	}
#contents #list .list_id { width:3em;}
#contents #list .list_title { }
#contents #list .list_category { white-space:nowrap;}
#contents #list .list_status { white-space:nowrap;}
#contents #list .list_date { min-width:6em;}
#contents #list .list_btns { max-width:18em;}
}
#contents #list td {
	padding: 5px 10px;
	vertical-align: middle;
	border-left: 1px dashed #99cccc;
}
#contents #list td:first-child {
	border: none;
}
#contents #list td p {
	display: inline-block;
	margin: 2px 20px 2px 0;
}
#contents #list td p:last-child {
	margin-right: 0;
}
#contents #list ul {
	text-align: center;
}
#contents #list li {
	display: inline-block;
}
#contents #list td a {
	text-decoration:underline;
}

/* --------------------------------------------------
	一覧検索
-------------------------------------------------- */
#contents #search {
	margin: 8px 0;
	text-align:right;
	float: right;
}
#contents #search form {
	display:inline-block;
}
@media screen and (min-width: 961px) {
#contents #search {
	display: inline-block;
	text-align:left;
}
}
#contents #search input {
	font-size: 1.286rem;
}
#contents #search input[type ="text"] {
	outline: none;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-right: 10px;
	width:100%;
	max-width:10em;
	padding:5px;
}
#contents #search input[type ="text"]:focus {
	border: 1px solid #0099CC;
}

/* --------------------------------------------------
	編集画面
-------------------------------------------------- */
#contents .editBlock {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border: 1px solid #9B9B9B;
	background-color: #ffffff;
	margin:0 0 4rem;
	overflow: hidden;
}
#contents dl {
	display: table;
	border-bottom: 1px dashed #9B9B9B;
	width: 100%;
}
#contents dl:last-child {
	border: none;
}
#contents dt {
	display: table-cell;
	width: 200px;
	font-size: 1rem;
	padding-top: 20px;
	padding-left: 20px;
	background-color: #E3F2FF;
	vertical-align: top;
}
#contents dd {
	display: table-cell;
	margin-left: 260px;
	padding: 20px;
}
#contents dd input[type="text"],
#contents dd input[type="tel"],
#contents dd input[type="password"] {
	width:100%;
	box-sizing:border-box;
}
#contents dd textarea {
	width:100%;
	box-sizing:border-box;
}
#contents dd input.halfsize {
	width:50%;
}
#contents dd input.quartersize {
	width:25%;
}
#contents dl ul{
	list-style: none;
}
#contents dl li{
	line-height:2;
}
#contents dd #link_url {
	margin:1em 0;
}
#contents dl li label {
	user-select: none;
}
@media screen and (min-width: 961px) {
#contents dl li{
	float: left;
	margin-right: 10px;
}
#contents dd #link_url {
	margin:0;
}
}
#contents dl .preview {
	max-width:480px;
}
#contents dl .preview img{
	max-width:100%;
}
#contents dl.file_select .preview {
	display:none;
}

#contents dl dd > .sendlist {
	text-align: left;
	border-bottom: 1px dotted #ccc;
	line-height: 2;
}
#contents dl dd > .sendlist:last-child {
	border-bottom: none;
}

#contents #button_area {
	margin-top: 20px;
	text-align: center;
}
#contents #button_area li {
	display: inline-block;
}
#contents #contents_ifr,
#contents #contents2_ifr,
#contents #others_ifr {
  min-height: 270px;
}
#contents .ok_msg p {
  color:#1e90ff;
}
#contents .error_msg p {
  color:#ff0000;
}
#contents input[type="text"].datetimepicker {
  width:12em;
}
#contents dd input[name="priority"] {
  width:4em;
}



/* --------------------------------------------------
	表示件数変更
-------------------------------------------------- */
#display_number {
	margin: 15px 0 0 0;
	text-align:right;
}
#display_number form {
  display:inline-block;
}
#display_number span {
	font-size: 1.286rem;
	margin-left: 5px;
}
#display_number select {
	font-size: 1.286rem;
	margin-left: 5px;
}
#display_number input {
	margin-left: 10px;
	font-size: 1.286rem;
}
@media screen and (min-width: 961px) {
#display_number {
	float: right;
}
}

/* --------------------------------------------------
	ページネーション
-------------------------------------------------- */
#contents .pagenation,
#contents #pagenation {
	margin-top: 15px;
}
#contents .pagenation .pagename,
#contents #pagenation .pagename {
	margin-bottom: 15px;
}
#contents .pagenation ul,
#contents #pagenation ul {
}
#contents .pagenation p,
#contents #pagenation p {
	text-align: center;
	font-size: 1rem;
}
#contents .pagenation li,
#contents #pagenation li {
	display: inline-block;
	margin-left: 10px;
}
#contents .pagenation li:first-child,
#contents #pagenation li:first-child {
	margin-left: 0;
}
#contents .pagenation li a,
#contents #pagenation li a{
	font-size: 1rem;
	display: block;
	padding: 5px 10px;
	color: #000000;
	background-color: #dcdcdc;
	border: solid 1px #9B9B9B;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	background: -moz-linear-gradient(top,#f5f5f5 0%,#dcdcdc);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dcdcdc));
}

/* --------------------------------------------------
	Customize 
-------------------------------------------------- */


/* =========================================================
 ウィンドウサイズが1180px以下の時
========================================================= */
@media all and (max-width: 1180px) {

	#contents dt {
		box-sizing:border-box;
	  display: block;
	  width: 100%;
	  margin: 0;
	  padding: 0.5em 1em;
	}

	#contents dd {
	  display: block;
	  margin-left: 260px;
	  margin: 0;
	  padding: 0.5em 1em;
	}

	.button_l {
	  width: 120px;
	}
}