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

*{
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
}

/* ********************************************************************************************
　　　　　　　　　全体
******************************************************************************************** */
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 13px;
	line-height: 1.4em;
	background: #ffffff;
	color: #004ea2;
	min-width: 1250px;
}

/* 画像 */
img{
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

/* リンク */
a{
	color: #004ea2;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* ボタン */
button,input[type="submit"]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	line-height: 1em;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* フォーム */
select{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #004ea2;
	padding: 3px 10px;
	cursor: pointer;
	outline: none;
}
input{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #000000;
	outline: none;
}
section header form{
	display: inline-block;
	position: relative;
	top: -2px;
}
textarea{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/* ********************************************************************************************
　　　　　　　　　レイアウト
******************************************************************************************** */
#header{
	width: 100%;
	margin: 0;
	padding: 0;
}
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
#sidebar{
	width: 170px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
#container{
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 170px;
	margin:0 0 0 -170px;
}
#main{
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 0 20px;
}
#footer{
	width: 100%;
	box-sizing: border-box;
	margin: 100px 0 0 0;
	padding: 5px 15px;
}

/* ********************************************************************************************
　　　　　　　　　ヘッダー
******************************************************************************************** */
h1{
	width: 100px;
	position: absolute;
	top:30px;
	left: 30px;
	z-index: 10;
}

/* 管理者バー */
#adminbar{
	width: 100%;
	height: 25px;
	box-sizing: border-box;
	padding: 6px 15px;
	line-height: 1em;
	background: #898989;
	color: #ffffff;
	text-align: right;
}
#adminbar::before{
	content: "admin";
}

/* -------グローバルナビゲーション------------------------------------------- */
#gnav{
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding: 0 10px 0 170px;
	background: #ececec;
	position: relative;
	z-index: 1;
}
#gnav ul{
	list-style: none inside;
}

/* ドロップダウンメニュー */
.dmenu{
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  display:-ms-flexbox;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:distribute;
  -webkit-justify-content:space-around;
  justify-content:space-around;
}
.dmenu li{
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dmenu li a{
  display: block;
  margin: 0;
  padding: 18px 0;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.dmenu li ul{
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0;
  padding: 0;
}
.dmenu li:last-child ul{
  left:inherit;
  right: -15px;
  width: 100%
}
.dmenu li ul li{
  overflow: hidden;
  width: 150px;
  height: 0;
  margin-left: -65px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.dmenu li ul li a{
  padding: 13px 15px;
  background: #898989;
  color: #ffffff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
.dmenu li ul li a:hover{
	background: #004ea2;
	opacity:1.0;
	filter: alpha(opacity=100);
}
.dmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
.dmenu li:hover ul li:first-child{
  border-top: 0;
}
.dmenu li:hover ul li:last-child{
  border-bottom: 0;
}
.dmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* ********************************************************************************************
　　　　　　　　　サイドカラム
******************************************************************************************** */
#sidebar{
	background-color: #004ea2;
	color: #ffffff;
}

/* -------サイドナビゲーション------------------------------------------- */
#sidenav{
	width: 100%;
	margin: 0;
	padding: 0;
}

/* ドロップダウンメニュー2 */
.dmenu2 {
	width: 100%;
	margin: 0;
	padding: 0;
}
.dmenu2 li {
	list-style: none;
}
.dmenu2 li a {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 14px 10px;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	color: #fff;
	overflow: hidden;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.dmenu2 > li:first-child a {
	margin-top: 0;
}
.dmenu2 li a:hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.dmenu2 li ul {
	margin: 0;
	padding: 0;
}
.dmenu2 li li a {
	display: block;
	margin-top: 0;
	padding: 0 10px;
	height: 0;
	background: #023563;
	color: #ffffff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.dmenu2 > li:hover li a {
	display: table;
	padding: 10px;
	width: 100%;
	height: 1em;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.dmenu2 > li:hover li a:hover {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* ********************************************************************************************
　　　　　　　　　メインカラム
******************************************************************************************** */

/* -------ページタイトルヘッダー------------------------------------------- */
.titlearea{
	padding: 0 0 15px 0;
}
.pagetitle{
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
}
.inner{
	width: 100%;
	box-sizing: border-box;
	padding: 1.5em;
	position: relative;
	height: 100%;
}

/* -------セクション------------------------------------------- */
section{
	width: 100%;
	background: #ececec;
	padding: 0;
	margin: 0 0 20px 0;
	height: 100%;
}
section header{
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	padding: 7px 10px;
	background: #004ea2;
	color: #ffffff;
	overflow: hidden;
	zoom:1;
}
section header h3{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
}
.input_h{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 2em;
	text-indent: 0.7em;
}

/* -------フレックスボックスベース------------------------------------------- */
.flex_box{
	width:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

/* リスト01ー------------ */
.list_type01,.list_type01 ul{
	list-style: none inside;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
}
.list_type01 ul{
	padding:1em 1.5em 1em 3em;
}
.list_type01{
	padding: 1.5em 0;
}
.list_type01 li:first-child{
	color: #004ea2;
	font-size: 1.5em;
	padding: 0 0 0.5em 1em;
}
.list_type01 ul li:first-child{
	color: #727171;
	font-size: 1em;
	padding: 0 0 0.7em 0;
}

/* ボーダー */
.list_type01 ul{
	border-bottom: #b5b5b5 solid 1px;
}
.list_type01 li:first-child ul,.list_type01 li:last-child ul{
	border-bottom: none;
}

/* -------フォーム------------------------------------------- */
/* フォームボックス */
.formbox{
	display: inline-block;
	float: right;
	padding-top: 2px;
}

/* -------ボタン------------------------------------------- */
/* ベーシックボタン */
.babtn01{
	max-width: 160px;
	border-radius: 0;
	background: #004ea2;
	color: #ffffff;
	padding: 11px 20px 10px 20px;
	box-sizing: border-box;
	border:#004ea2 solid 1px;
}
.babtn01:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.babtn01.btnright{
	float: right;
}

/* 大きめボタンベース */
.bbtn01{
	border:#004ea2 solid 1px;
	border-radius: 0;
	background: #004ea2;
	color: #ffffff;
	font-size: 18px;
	padding: 0.5em 1em 0.5em 1em;
	min-width: 9em;
}
.bbtn01:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.bbtn01.btnright{
	float: right;
	margin-right: 4px;
}
.bbtn001{
    border:#004ea2 solid 1px;
    border-radius: 0;
    background: #ffffff;
    color: #004ea2;
    font-size: 18px;
    padding: 0.5em 1em 0.5em 1em;
    min-width: 9em;
}
.bbtn001:hover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

.bt_btn_box{
	overflow: hidden;
	margin-top: 1.5em;
}

/* h3ヘッダー内ボタンベース */
.header_btn_box{
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	padding-right: 10px;
	display: inline-block;
}
.header_btn{
	width: 100%;
	max-width: 150px;
	border:none;
	border-radius: 0;
	background: #d0d0d0;
	color: #004ea2;
	padding: 6px 16px;
	box-sizing: border-box;
}
.header_btn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* 新規追加ボタン */
.addbtn{
	border:#004ea2 solid 1px;
	border-radius: 0;
	background: #ececec;
	color: #004ea2;
	font-size: 1.23em;
	font-weight: bold;
	padding: 5px 20px 3px 20px;
}
.addbtn:hover{
	background: #004ea2;
	color: #ffffff;
}

/* 絞り込み検索ボタン */
.sortbtn{
	border-radius: 0;
	background: #ececec;
	color: #004ea2;
	padding: 6px 20px;
	border: #ececec solid 1px;
}
.sortbtn:hover{
	background: #004ea2;
	color: #ffffff;
	border: #ffffff solid 1px;
}

/* 編集ボタン */
.editbtn{
	width: 100%;
	max-width: 150px;
	border:none;
	border-radius: 0;
	background: #004ea2;
	color: #ffffff;
	padding: 6px 5px;
	box-sizing: border-box;
}
.editbtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* 削除ボタン */
.deletebtn{
	width: 20px;
	height: 26px;
	border:none;
	border-radius: 0;
	background: transparent url(images/deletebtn.png) no-repeat 0 0;
	text-indent: -9999px;
}
.off_list .deletebtn{
	-webkit-filter: opacity(0.3) grayscale(100%);
     -moz-filter: opacity(0.3) grayscale(100%);
     -o-filter: opacity(0.3) grayscale(100%);
     -ms-filter: opacity(0.3) grayscale(100%);
     filter: opacity(0.3) grayscale(100%);}
.deletebtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* 申込者確認ボタン・カレンダー上新規日程追加ボタン */
.checkbtn,.addscbtn{
	border-radius: 0;
	background: #ffffff;
	color: #004ea2;
	padding: 6px 20px;
	border: #004ea2 solid 1px;
	position: relative;
	z-index: 2;
}
.checkbtn:hover,.addscbtn:hover{
	background: #004ea2;
	color: #ffffff;
	border: #ffffff solid 1px;
}

/* 表示ボタン */
.dpbtn{
	width: 100%;
	max-width: 150px;
	border:none;
	border-radius: 0;
	padding: 6px 5px;
	box-sizing: border-box;
	margin-left: 0.5em;
	color: #ffffff;
}
.dpbtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.dpbtn.activebtn{
	background: #004ea2;
}
.dpbtn.nonebtn{
	background: #898989;
}

/* ********************************************************************************************
　　　　　　　　　フッター
******************************************************************************************** */
#footer{
	background: #ececec;
}
.copyright{
	width: 100%;
	font-size: 10px;
	text-align: right;
	color: #707070;
}

/* ********************************************************************************************
　　　　　　　　　管理コンテンツ
******************************************************************************************** */
/* ------- ログイン------------------------------------------- */
.login_wrap{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 350px;
	height: 550px;
	left: 0;
	right: 0;
}
#japa-login header,#japa-login form ,#japa-login .forgetpass {
    width: 300px;
	margin: 0 auto;
}
#japa-login input[type="text"] {
    border: #004ea2 solid 1px;
    box-sizing: border-box;
	padding: 0.7em 1.2em;
	width: 100%;
	margin-bottom: 2em;
}
#japa-login h1 {
    width: 100%;
    position: inherit;
	text-align: center;
}
#japa-login h1 img{
    width: 165px;
    position: inherit;
	text-align: center;
	margin-bottom: 20px;
}
#japa-login h2 {
    width: 100%;
    position: inherit;
	text-align: center;
	background: #004ea2;
	color: #ffffff;
	height: 2em;
	line-height: 2em;
}
#japa-login h3 {
	padding-bottom: 0.7em;
	font-weight: normal;
	font-size: 1.2em;
}
#japa-login form {
	background: #efefef;
	padding: 2.5em;
	box-sizing: border-box;
}
#japa-login .loginbtn {
    border: #004ea2 solid 1px;
	background: #004ea2;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
    box-sizing: border-box;
	padding: 0.7em 1.2em;
	width: 100%;
}
#japa-login .logsave {
	font-size: 1.2em;
	height: 1.2em;
	line-height: 1.2em;
	padding: 1em 0;
}
#japa-login .logsave input[type="checkbox"] {
    margin-right: 0.4em;
    height: 1.2em;
    vertical-align: middle;
	outline: none;
}
#japa-login .forgetpass {
    text-align: center;
	padding-top: 1em;
}

/* -------トップページ------------------------------------------- */
#home section{
	height: auto;
}
#home section ul{
	list-style: none inside;
	padding: 1em;
	font-size: 15px;
}
#home section ul li{
	margin-bottom: 1.5em;
}
#home section ul li:last-child{
	margin-bottom: 0;
}
#home .topmain section ul li a{
	display: block;
	background: url(images/next.png) no-repeat 0 50%;
	padding-left: 1em;
}
#home .topmain section ul li a:hover{
	background: url(images/next.png) no-repeat 2px 50%;
}

.topmain,.topbox{
	width:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-align:stretch;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
}
.leftarea{
	width: 66%;
}
.rightarea{
	width: 32%;
}
.leftbox,.rightbox{
	width: 48.48%;
}

/* ニュース */
.newssec{
	width:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
section.newssec header {
    width: 15em;
    height: auto;
    box-sizing: border-box;
    padding: 1em 0 0 1.5em;
    background: transparent;
    color: #004ea2;
}
section.newssec ul{
	flex: 1;
}
.newssec h4{
	font-weight: normal;
	font-size: 15px;
	padding-bottom: 0.3em;
}
.newssec h4 a{
	text-decoration: underline;
}
.newsdate::after{
	content: "　";
}
.newssec p{
	font-size: 13px;
	color:#717171 ;
}

/* -------スケジュール配信(カレンダー)------------------------------------------- */
#schedule-cal .pagetitle{
	display: inline-block;
	padding-right: 1em;
}
#schedule-cal .addbtn{
	position:relative;
	top:-4px;
}

/* リストヘッダー------------ */
#schedule-cal section header h3{
	display: inline-block;
	padding-right: 1em;
}
#schedule-cal section header select{
	margin-right: 2px;
}

/* 月切替------------ */
.monthbar{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	list-style: none inside;
	background: #d0d0d0;
	color: #004ea2;
	text-align: center;
	font-size: 15px;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.monthbar strong{
	font-weight: normal;
	font-size: 1.3em;
}
.monthbar img{
	vertical-align: middle;
	margin: 0 10px;
	position: relative;
	top:-1px;
}

/* カレンダー------------ */
.calendar{
	width: 100%;
	box-sizing: border-box;
	padding: 20px;
	color: #707070;
}
.calendar ul{
	width: 100%;
	box-sizing: border-box;
	list-style: none inside;
}
.week,.calcontent{
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
.week li,.calcontent li{
	width: 14.2857%;
	box-sizing: border-box;
}
.calcontent li li{
	width: 100%;
}

/* 曜日一覧 */
.week{
	text-align: center;
	font-size: 16px;
	background: #b5b5b5;
}
.week li{
	box-sizing: border-box;
	padding: 10px;
	color: #ffffff;
	border-bottom: #ffffff solid 1px;
	border-left: #ffffff solid 1px;
}
.week li.holiday{
	background: #e87488;
	border-left: none;
}
.week li.sat{
	background: #5ba5e8;
}

/* 曜日カラー */
.sat{
	color: #5ba5e8;
}
.holiday{
	color: #e87488;
}

/* カレンダー枠組 */
.calcontent{
	background: #ffffff;
	border-left: #b5b5b5 solid 1px;
}
.calcontent li{
	padding: 5px;
	border-right: #b5b5b5 solid 1px;
	border-bottom: #b5b5b5 solid 1px;
	height: auto;
	min-height: 100px;
	position: relative;
	overflow: hidden;
}
.calcontent li li{
	border: none;
	padding: 0;
}

/* カレンダー日付 */
.calendar .date{
	font-size: 16px;
}

/* 他の月 */
.othermonth{
	background: #f3f3f3;
}
.othermonth .date{
	opacity:0.3;
	filter: alpha(opacity=30);
}

/* 日程 */
.calendar ul.calsc{
	color: #004ea2;
	position: relative;
	z-index: 2;
}
.calcontent li .calsc li{
	min-height:inherit;
}
.calsc li span{
	display: block;
}
.calsc .time{
	text-decoration: underline;
	line-height: 2em;
}
.calsc .sctitle{
	width: 100%;
	height: 3em;
	font-size: 0.75em;
	line-height: 1.5em;
	position: relative;
	overflow: hidden;
}
.calsc .sctitle::before {
	content: "…";
	display: inline-block;
	width: 1em;
	position: absolute;
	left: 12em;
	bottom: 0;
	z-index: 4;
}
.calsc .sctitle::after {
	content: "";
	width: 1em;
	height:1.5em;
	position: absolute;
	left: 12em;
	bottom: 0;
	background:#ffffff;
	z-index: 3;
}

/* カレンダー上マウスホバー時------------ */
.addscarea{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.addsc{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	background: rgba(0,78,162,0.35);
	z-index: 5;
}
.addscarea + .addsc,.addsc{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	opacity:0;
	filter: alpha(opacity=0);
}
.addscarea:hover + .addsc,.addsc:hover{
	bottom: 0;
	opacity:1.0;
	filter: alpha(opacity=100);
}

/* -------スケジュール配信(一覧リスト)------------------------------------------- */
#schedule-list .pagetitle{
	display: inline-block;
	padding-right: 1em;
}
#schedule-list .addbtn{
	position:relative;
	top:-4px;
}

/* リストヘッダー------------ */
#schedule-list section header h3{
	display: inline-block;
	padding-right: 1em;
}
#schedule-list section header select{
	margin-right: 2px;
}

/* 表示切り換え */
.listcal{
	float: right;
	line-height: 30px;
	position: relative;
	top:-1px;
	font-size: 12px;
}
.listcal a{
	color: #ffffff;
}
.listcal img{
	margin-left: 1em;
	position: relative;
	top:-1px;
}

/* リストー------------ */
.sclist,.sclist ul{
	list-style: none inside;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
}
.sclist ul{
	padding: 10px 0 10px 10px;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.sclist li:first-child{
	background: #d0d0d0;
	color: #555555;
	text-align: center;
	font-size: 11px;
}
.sclist ul li:first-child{
	background: none;
}
.sclist li:first-child ul{
	padding: 5px 0 5px 10px;
}
.sclist ul li{
	box-sizing: border-box;
	padding: 0 10px 0 0;
}

/* ボーダー */
.sclist ul{
	border-bottom: #b5b5b5 solid 1px;
}
.sclist li:first-child ul,.sclist li:last-child ul{
	border-bottom: none;
}

/* 各項目 */
.sclist ul li:nth-child(1){
	width: 8%;
	text-align: center;
}
.sclist ul li:nth-child(2){
	width: 12%;
}
.sclist ul li:nth-child(3){
	width: 15%;
}
.sclist ul li:nth-child(4){
	width: 12%;
}
.sclist ul li:nth-child(5){
	width: 10%;
	text-align: center;
}
.sclist ul li:nth-child(6){
	width: 8%;
	text-align: center;
}
.sclist ul li:nth-child(7){
	width: 7%;
	text-align: center;
}
.sclist ul li:nth-child(8){
	width: 10%;
	text-align: center;
}
.sclist ul li:nth-child(8) span{
	font-size: 11px;
}
.sclist ul li:nth-child(8) strong{
	font-size: 1.2em;
}
.sclist ul li:nth-child(9){
	width: 8%;
	text-align: center;
}
.sclist ul li:nth-child(9) span{
	display: inline-block;
	font-size: 10px;
	color: #888888;
	line-height: 1.2em;
}
.sclist ul li:nth-child(10){
	width: 6%;
	text-align: center;
	position:relative;
	z-index: 4;
}
.sclist ul li:nth-child(11){
	width: 4%;
	text-align: center;
	position:relative;
	z-index: 4;
}

/* 色 */
.paying{
	color: #CC0003;
}
.free{
	color: #FF8F02;
}
.max,.draft,.draft .paying,.draft .free{
	color: #888888;
}
.draft img{
     -webkit-filter: saturate(0);
     -moz-filter: saturate(0);
     -o-filter: saturate(0);
     -ms-filter: saturate(0);
     filter: saturate(0);
}

/* 申込者確認------------ */
.sclist li{
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.sclist li:hover{
	background: rgba(0,78,162,0.15);
}
.sclist li li:hover{
	background: none;
}
.sclist li:first-child:hover{
	background: #d0d0d0;
}
.checklistarea{
	position: absolute;
	top:0;
	left:0;
	right: 10%;
	bottom: 0;
	z-index: 1;
}
.checklist{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	z-index: 2;
}

/* マウスホバー時 */
.checklistarea + .checklist,.checklist{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	opacity:0;
	filter: alpha(opacity=0);
}
.checklistarea:hover + .checklist,.checklist:hover{
	bottom: 0;
	opacity:1.0;
	filter: alpha(opacity=100);
}

/* ------- スケジュール配信【申込者確認】------------------------------------------- */
#schedule-applicant section header {
    position: relative;
}
#schedule-applicant section header form {
    position: absolute;
    top: 5px;
    right: 10px;
}
#schedule-applicant section header label {
    padding-left: 3em;
}
#schedule-applicant section header input[type="checkbox"] {
    margin: 0 2.5em 0 3px;
    position: relative;
    top: 2px;
}
#schedule-applicant section header input[type="text"] {
    width: 8em;
    padding: 3px 10px;
}

/* ------- お知らせ配信【一斉配信】お知らせ配信【個別配信】まとめ----------------------- */
/* -----------------------エディタツール----------------------- */
.editer_box .edit_tool{
	padding-bottom: 0.5em;
}
.editer_box .edit_tool li{
	list-style: none;
	display: inline-block;
}

.editer_box .edit_tool li button{
	height: 30px;
	border: none;
	margin-right: 0.4em;
	vertical-align:middle;
	background: transparent;
}
.editer_box .edit_tool li button img{
	height: 100%;
	width: auto;
	vertical-align:middle;
}
.editer_box .edit_tool li button:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* テキスト入力セクション */
#notice-group section.t_type,#notice-indi section.t_type{
    padding: 0;
}
#notice-group section.t_type input[type="text"],#notice-indi section.t_type input[type="text"]{
    border: none;
    font-size: 1.5em;
    padding: 0.6em 1em 0.5em 1em;
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    background: #ececec;
}

/* エディタ */
#notice-group textarea,#notice-indi textarea {
    padding: 1em;
    width: 100%;
    min-height: 13em;
    box-sizing: border-box;
    border: #004ea2 solid 1px;
	resize: none;
}

/* お知らせ形式 */
#notice-group .notice_type,#notice-indi .notice_type {
    margin-bottom: 1em;
}
#notice-group .notice_type label,#notice-indi .notice_type label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#notice-group .notice_type label input[type="checkbox"],#notice-indi .notice_type label input[type="checkbox"] {
    margin-right: 0.4em;
    height: 1em;
    vertical-align: middle;
}

/* 配信時間指定 */
#notice-group .deldt label,#notice-indi .deldt label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#notice-group .deldt label input[type="radio"],#notice-indi .deldt label input[type="radio"] {
    margin-right: 0.4em;
    height: 1em;
    vertical-align: middle;
}
#notice-group .deldt input[type="text"],#notice-indi .deldt input[type="text"] {
    display: inline-block;
    width: 2.3em;
    margin-right: 0.3em;
    color: #004ea2;
    padding: 0.2em 0.4em;
    box-sizing: border-box;
    border: #004ea2 solid 1px;
    font-size: 0.9em;
}
#notice-group .deldt p,#notice-indi .deldt p {
    display: inline-block;
}
#notice-group .deldt p input[type="text"]:nth-child(1),#notice-indi .deldt p input[type="text"]:nth-child(1) {
    width: 3.5em;
}
#notice-group .enter_box,#notice-indi .enter_box {
    position: relative;
}
#notice-group .enter_box p,#notice-indi .enter_box p {
    font-size: 1.3em;
	line-height: 3em;
	margin-bottom: -1em;
}
#notice-group .enter_box p strong,#notice-indi .enter_box p strong {
    font-size: 1.8em;
	margin: 0 0.1em 0 0.4em;
}
#notice-group .enter_box p span,#notice-indi .enter_box p span {
    font-size: 0.8em;
	margin: 0 0 0 0.4em;
	color: #898989;
}
#notice-group .enter_box .bt_btn_box,#notice-indi .enter_box .bt_btn_box {
    margin-top: 0;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	bottom: 1.5em;
}
#notice-group .content section small,#notice-indi .content section small {
	color: #CC0003;
}
#notice-group .content section .notice_type small,#notice-indi .content section .notice_type small {

}
#notice-group .enter_box .bt_btn_box .bbtn01:nth-child(2),#notice-indi .enter_box .bt_btn_box .bbtn01:nth-child(2) {
	background: #dcdddd;
	color: #004ea2;
    border: #004ea2 solid 1px;
	margin-right: 0.7em;
}

/* 配信一覧リスト */
#notice-group section header h3,#notice-indi section header h3 {
    display: inline-block;
    line-height: initial;
}
#notice-group header,#notice-indi header {
    position: relative;
}
#notice-group section header form,#notice-indi section header form {
    display: inline-block;
    position: relative;
    top: 1px;
}
#notice-group .sclist li:first-child,#notice-indi .sclist li:first-child {
    color: #004ea2;
}
#notice-group .sclist li:first-child ul li,#notice-indi .sclist li:first-child ul li {
    background: #d0d0d0;
    color: #555555;
    text-align: center;
    font-size: 11px;
}
#notice-group .sclist li li:hover,#notice-indi .sclist li li:hover {
    background: none;
}
#notice-group .sclist li:hover,#notice-indi .sclist li:hover {
    background: none;
}
#notice-group .sclist li:first-child:hover,#notice-indi .sclist li:first-child:hover {
    background: #d0d0d0;
}
#notice-group .sclist ul li:first-child:hover,#notice-indi .sclist ul li:first-child:hover {
    background: none;
}

/* 各項目 */
#notice-group .sclist ul li:nth-child(1),#notice-indi .sclist ul li:nth-child(1) {
	width: 10%;
}
#notice-group .sclist ul li:nth-child(2),#notice-indi .sclist ul li:nth-child(2) {
	width: 31%;
	text-align: left;
}
#notice-group .sclist ul li:nth-child(3),#notice-indi .sclist ul li:nth-child(3) {
	width: 8%;
	text-align: center;
}
#notice-group .sclist ul li:nth-child(4),#notice-indi .sclist ul li:nth-child(4) {
	width: 10%;
	text-align: left;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
#notice-group .sclist ul li:nth-child(5),#notice-indi .sclist ul li:nth-child(5) {
	width: 10%;
	text-align: left;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
#notice-group .sclist ul li:nth-child(6),#notice-indi .sclist ul li:nth-child(6) {
	width: 12%;
	text-align: left;
}
#notice-group .sclist ul li:nth-child(7),#notice-indi .sclist ul li:nth-child(7) {
	width: 7%;
}
#notice-group .sclist ul li:nth-child(8),#notice-indi .sclist ul li:nth-child(8) {
	width: 7%;
}
#notice-group .sclist ul li:nth-child(9),#notice-indi .sclist ul li:nth-child(9) {
	width: 5%;
}
#notice-group .sclist ul li:nth-child(4) strong,
#notice-group .sclist ul li:nth-child(5) strong,
#notice-indi .sclist ul li:nth-child(4) strong,
#notice-indi .sclist ul li:nth-child(5) strong{
	font-size: 1.5em;
	font-weight: normal;
}
#notice-group .sclist ul li:nth-child(7) span,#notice-indi .sclist ul li:nth-child(7) span {
	color: #888888;
}
#notice-group .sclist li.delyet,
#notice-group .sclist li.delyet li:first-child,
#notice-indi .sclist li.delyet,
#notice-indi .sclist li.delyet li:first-child {
	color: #888888;
}

/* リスト機能のボックスの縦横比固定 */
#notice-group .aspect01{
    position: relative;
    width: 100%;
}
#notice-group .aspect01:before {
    content:"";
    display: block;
    padding-top: 61.8%; /* 高さを幅の%に固定 */
    background: #cccccc;
    border: 4px dotted #004ea2;
    box-sizing: border-box;
}

/* リスト機能のスライダー画像 */
#notice-group .drag_sort li .aspect01.img:before{
    border: 4px solid #004ea2;
    box-sizing: border-box;
}
#notice-group .drag_sort li:nth-child(1) .aspect01.img:before{
    background: url(images/slider1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
    background-position: 50% 50%;
}
#notice-group .drag_sort li:nth-child(2) .aspect01.img:before{
    background: url(images/);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
    background-position: 50% 50%;
}

/* ------- お知らせ配信【一斉配信】------------------------------------------- */

/* ------- リスト機能------------------------------------------- */
.nd_list .center-checkbox{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 2em;
	height: 2em;
}


/* ------- お知らせ配信【個別配信】------------------------------------------- */
#notice-indi .nd_list input[type="text"], #notice-indi .nd_list select, #notice-indi .nd_list textarea {
    border: #004ea2 solid 1px;
    box-sizing: border-box;
}
#notice-indi .nd_list input[type="text"] {
    padding: 7px 16px;
	width: 30em;
}
#notice-indi .nd_list label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#notice-indi .nd_list label input[type="checkbox"],
#notice-indi .nd_list label input[type="radio"] {
    margin-right: 0.4em;
    height: 1em;
    vertical-align: middle;
}
.nd_list li{
	list-style: none;
	padding: 0 0 2em 1em;
	overflow: hidden;
}
.nd_list li:last-child{
	padding: 0;
}
.nd_list h4{
	font-size: 1.3em;
	font-weight: normal;
	display: inline-block;
	float: left;
	width: 9em;
	line-height: 2em;
	height: 2em;
}
.nd_list .nd_box{
	display: inline-block;
	float: left;
	line-height: 2em;
	height: 2em;
}
#notice-indi .nd_list .nd_box input[type="text"] {
    margin-right: 0.2em;
    color: #004ea2;
    padding: 0.2em 0.4em;
}
#notice-indi .nd_list .nd_box.fr_till input[type="text"] {
    display: inline-block;
    width: 2.5em;
}
#notice-indi .nd_list .nd_box.fr_till input[type="text"]:nth-child(1),
#notice-indi .nd_list .nd_box.fr_till input[type="text"]:nth-child(6){
    width: 4em;
}
#notice-indi .nd_list .nd_box.child_age input[type="text"]{
    width: 4em;
	text-align: center;
}
#notice-indi .nd_list .nd_box label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#notice-indi .nd_list .nd_box .babtn01 {
    padding: 7px 20px 7px 20px;
    border: #004ea2 solid 0;
}

/* リスト機能のボックスの縦横比固定 */
#notice-indi .aspect01{
    position: relative;
    width: 100%;
}
#notice-indi .aspect01:before {
    content:"";
    display: block;
    padding-top: 61.8%; /* 高さを幅の%に固定 */
    background: #cccccc;
    border: 4px dotted #004ea2;
    box-sizing: border-box;
}

/* リスト機能のスライダー画像 */
#notice-indi .drag_sort li .aspect01.img:before{
    border: 4px solid #004ea2;
    box-sizing: border-box;
}
#notice-indi .drag_sort li:nth-child(1) .aspect01.img:before{
    background: url(images/slider1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
    background-position: 50% 50%;
}
#notice-indi .drag_sort li:nth-child(2) .aspect01.img:before{
    background: url(images/);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
    background-position: 50% 50%;
}

/* -------連絡【スレッド一覧】------------------------------------------- */
#contact-list .pagetitle{
	display: inline-block;
	padding-right: 1em;
}

/* リストヘッダー------------ */
#contact-list section header{
	padding: 5px 10px;
}
#contact-list section header h3{
	display: inline-block;
	line-height: initial;
}
#contact-list section header form{
	float: right;
}
#contact-list section header form:nth-child(2){
	margin-right: 1em;
}

/* 各項目 */
#contact-list .sclist ul li:nth-child(1){
	width: 10%;
	text-align: center;
	color: #004ea2;
}
#contact-list .sclist ul li:nth-child(2){
	width: 19%;
	text-align: center;
}
#contact-list .sclist ul li:nth-child(3){
	width: 41%;
	padding: 0 3em 0 0;
}
#contact-list .sclist ul li:nth-child(4){
	width: 9%;
}
#contact-list .sclist ul li:nth-child(5){
	width: 10%;
}
#contact-list .sclist ul li:nth-child(6) {
	width: 11%;
	text-align: center;
}
#contact-list .sclist ul li:nth-child(6) {
	text-align: inherit;
}
#contact-list .sclist ul li:nth-child(6) span{
	text-align: left;
}
#contact-list .sclist ul li:nth-child(6) .state span {
    display: inline-block;
    font-size: 10px;
    line-height: 1.2em;
}
.state.re_ny{
	color: #CC0003;
}
#contact-list .sclist img {
	padding: 0 1em 0.7em 1em;
	box-sizing: border-box;
}
.off_thre img {
	-webkit-filter: opacity(0.7) grayscale(100%);
     -moz-filter: opacity(0.7) grayscale(100%);
     -o-filter: opacity(0.7) grayscale(100%);
     -ms-filter: opacity(0.7) grayscale(100%);
     filter: opacity(0.7) grayscale(100%);
}
#contact-list .sclist ul.off_thre,
#contact-list .sclist ul.off_thre .state.re_ny,
#contact-list .sclist ul.off_thre li:nth-child(1) {
	color: #898989;
}
#contact-list .off_list .dpbtn{
	background: #c9caca;
}

/* ------- 連絡【記事編集（返信）】------------------------------------------- */
/* 編集ボタンカスタム */
#contact-reply .list_type01 li:not(.off_list) li:nth-child(3) {
  width: 85%;
}
#contact-reply .editbtn {
    position: absolute;
	top:-3em;
	right: 0;
}

#contact-reply .list_type01 ul li:last-child {
    position: relative;
	top: 1em;
}
.contact_icon{
	width: 100px;
	text-align: center;
	margin-right: 2em;
}
.contact_icon img{
	width: 100%;
	margin-bottom: 0.5em;
}
.thre_title{
    -webkit-flex: 1;
    flex: 1;
}
.thre_title li{
    list-style: none;
}
.thre_title ul{
    margin-top: -1.5em;
}
.thre_title ul li:first-child{
    color: #727171;
	padding-bottom: 1em;
}
.thre_title ul li:nth-child(2){
    font-size: 1.3em;
	font-weight: bold;
}

/* エディタツールカスタム */
#contact-reply .flex_inbox01 .editer_box .edit_tool li select{
	font-size: 12px;
	width: 12em;
	height: 29px;
	vertical-align:middle;
	padding: 3px 16px;
	box-sizing: border-box;
	margin-right: 0.3em;
}
#contact-reply .flex_inbox01 textarea{
    padding: 1em;
    width: 100%;
    min-height: 13em;
	box-sizing: border-box;
    border: #004ea2 solid 1px;
	resize: none;
}
#contact-reply .flex_inbox01 {
    -webkit-flex: 1;
    flex: 1;
}
#contact-reply .editer_box .bt_btn_box {
    width: 20em;
	padding-left: 1.5em;
	box-sizing: border-box;
}
#contact-reply .editer_box .bt_btn_box .babtn01{
    max-width: 100%;
	width: 100%;
}
#contact-reply .off_list{
	color: #888888;
}


#contact-reply .flex_box {
	-ms-flex-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
}
#contact-reply .editer_box .flex_box {
	-ms-flex-align:flex-end;
	-webkit-box-align:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
}

/* ------- 会員管理【一覧】------------------------------------------- */
.mnumber{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 3em 1em;
	font-size: 1.5em;
	font-weight: bold;
}
.mnumber strong{
	font-size:  1.7em;
	padding: 0 0.2em;
}
.general{
	color: #898989;
}
.freem{
	color: #f39800;
}
.payingm{
	color: #c30d23;
}

/* リストヘッダー */
#member-list section header{
	position: relative;
}
#member-list section header form{
	position: absolute;
	top:5px;
	right: 10px;
}
#member-list section header input[type="text"]{
	width: 8em;
	padding: 3px 10px;
}
#member-list section header label{
	padding-left: 3em;
}
#member-list section header input[type="checkbox"]{
	margin: 0 2.5em 0 3px;
	position: relative;
	top:2px;
}
#member-list .addbtn{
  top: -4px;
	position: relative;
}
#member-list .pagetitle{
  display: inline-block;
	padding-right: 1em;
}

/* 各項目 */
.sclist.memberlist ul li:nth-child(1){
	width: 9%;
	text-align: center;
}
.sclist.memberlist ul li:nth-child(2){
	width: 13%;
	text-align: center;
}
.sclist.memberlist ul li:nth-child(3){
	width: 13%;
	text-align: center;
}
.sclist.memberlist ul li:nth-child(4){
	width: 13%;
	text-align: center;
}
.sclist.memberlist ul li:nth-child(5){
	width: 16%;
	text-align: center;
}
.sclist.memberlist ul li:nth-child(6){
	width: 13%;
	text-align: center;
}
.sclist.memberlist ul li:nth-child(7){
	width: 11%;
	text-align: center;
}
/*.sclist.memberlist ul li:nth-child(8){
	width: 9%;
	text-align: center;
}*/
.sclist.memberlist ul li:nth-child(8){
	width: 11%;
	text-align: left;
	color: #898989;
}
.sclist.memberlist li:nth-child(1) ul li:nth-child(9){
	width: 10%;
	text-align: center;
	color: #555555;
}

/* アイコン */
.memberlist .draft img {
    -webkit-filter: saturate(0) brightness(3);
    -moz-filter: saturate(0) brightness(3);
    -o-filter: saturate(0) brightness(3);
    -ms-filter: saturate(0) brightness(3);
    filter: saturate(0) brightness(3);
}

/* 会員区分アイコン */
.memberlist li span{
	display: block;
	width: 4em;
	height: 2em;
	padding-top: 4em;
	margin: 0 auto;
}
.memberlist li span.paying{
	background: url(images/icon_toll.png) no-repeat 0 0;
	background-size: contain;
}
.memberlist li span.free{
	background: url(images/icon_free.png) no-repeat 0 0;
	background-size: contain;
}


/* ------- 会員管理【会員詳細】------------------------------------------- */
#member-edit section ul{
	list-style: none inside;
}
.memberinfo{
	width: 100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.ctttl{
	display: inline-block;
}

/* リストヘッダー */
#member-edit section header{
	position: relative;
}
#member-edit section header form{
	position: absolute;
	top:5px;
	right: 10px;
}
#member-edit section header form label{
	font-size: 1.3em;
	position: relative;
	top:2px;
	padding-right: 1em;
}
#member-edit section header form input[type="radio"]{
	margin-right: 0.3em;
}

/* 子供 */
.child{
	width: 35%;
}
.childinfo{
	width: 100%;
	box-sizing: border-box;
	background: #ffffff;
	padding: 1em 2em;
	/*font-size: 1.5em;
	font-weight: bold;*/
}
.childinfo li{
	padding-bottom: 1em;
}
.childinfo li:last-child{
	padding-bottom:0;
}
.childinfo h4,.childinfo .ctttl{
	font-weight: normal;
	font-size: 15px;
}
.childinfo h4{
	text-align: center;
}
.childimg{
	box-sizing: border-box;
	padding: 0 2.5em 0 2.5em;
}
.childinfo .ctttl{
  width: 35%;
  padding: 2px 5px;
}

/* 子供切り替えタブ */
.childs{
	width:100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.childs li{
	width: 19%;
}
.childtab{
	width: 100%;
	box-sizing: border-box;
	padding: 6px 0;
	background: #898989;
	color: #fff;
	text-align: center;
	border:none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.childtab.used{
	background: #004ea2;
	color: #fff;
}
.childtab.on{
	background: #fff;
	color: #004ea2;
}

/* 会員自身 */
.member{
	width: 60%;
}
.member li{
	padding-bottom: 2em;
	overflow: hidden;
	zoom:1;
}
.member li:last-child{
	padding-bottom:0;
}
.member span{
	display: block;
	float: left;
}
.member .ctttl{
	padding-right: 3em;
}
.member li:first-child .ctttl{
	padding-top: 0.9em;
}

/* ページ下エリア */
.meditbox{
	width: 100%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-align:stretch;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
}
.meditbox section{
	width: 49%;
	height: auto;
	position: relative;
}
.meditbox section header{
    height: auto;
    box-sizing: border-box;
    padding: 1em 0 0 1.5em;
    background: transparent;
    color: #004ea2;
}
.meditbox .editbtn{
	width: auto;
	position: absolute;
	top:13px;
	right: 1.5em;
	padding: 0.5em 1.5em 0.3em 1.5em;
	font-size: 15px;
	line-height: 15px;
}
.meditbox section form{
	width: 100%;
	box-sizing: border-box;
	padding: 1.5em;
}
.meditbox section textarea{
	width: 100%;
	height: 300px;
}
.meditbox section li{
	padding-bottom: 1em;
	color: #717171;
}
.meditbox section li:last-child{
	padding-bottom: 0;
}
.logtime{
	display: inline-block;
	padding-right: 1em;
}
.meditbox .scroll{
	overflow-y: scroll;
}
/* ------- 会員管理【一般詳細】------------------------------------------- */
#member-data .meditbox section {
    width: 100%;
    height: auto;
    position: relative;
}
#member-data section ul {
    list-style: none inside;
}
#member-data .meditbox section li {
    padding-bottom: 1em;
    color: #717171;

}

/* ------- 設定【トップページスライダー編集】------------------------------------------- */
#edit-slider .bbtn01 {
    margin-right: 0.7em;
}
#edit-slider .bbtn01:first-child {
    margin-right: 0;
}
.upload_box{
	position: absolute;
	top: 0;
}
.upload_box p{
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}
.upload_box p span{
	font-size: 0.8em;
	display: block;
}
#edit-slider .upload_box .bt_btn_box {
    text-align: center;
}

/* 上下左右中寄せ */
.upload_box{
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	align-items:center;
	height:100%;/* 任意 */
	width: 100%;
	text-align: center;
	padding-top: 1.5em;
}

/* 画像消去 */
.img_clear{
	height: 3em;
	width: 3em;
	position: absolute;
	top: 4.5em;
	left: 1.5em;
	text-align: center;
	line-height: 2.5em;
}
.img_clear a{
	height: 100%;
	width: 100%;
	display: block;
	background: #ffffff;
}
.img_clear a img{
	height: auto;
	width: 100%;
	max-width: 20px;
}

/* 並べ替え */
.drag_sort{
	background: #ffffff;
	padding: 1.5em;
}
.drag_sort p{
	font-size: 1em;
}
.drag_sort ul{
	padding: 1.5em 0 1em 0;
	width: 100%;
}
.drag_sort li{
	width: 49.4%;
	list-style: none;
	box-sizing: border-box;
	position: relative;
	padding-top: 3em;
	top: 0;
	height: 100%;
}
.drag_sort h4{
	position: absolute;
	top: 0;
	left: 0;
	height: 3em;
	line-height: 4em;
}
@media screen and (min-width:800px){
.drag_sort p{
	font-size: 1.5vw;
}
}
@media screen and (min-width:1100px){
.drag_sort p{
	font-size: 1.5em;
}
}

/* ボックスの縦横比固定 */
#edit-slider .aspect01{
    position: relative;
    width: 100%;
}
#edit-slider .aspect01:before {
    content:"";
    display: block;
    padding-top: 61.8%; /* 高さを幅の%に固定 */
	background: #cccccc;
	border: 4px dotted #004ea2;
	box-sizing: border-box;
}

/* スライダー画像 */
#edit-slider .drag_sort li .aspect01.img:before{
	border: 4px solid #004ea2;
	box-sizing: border-box;
}
#edit-slider .drag_sort li:nth-child(1) .aspect01.img:before{
	background: url(images/slider1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#edit-slider .drag_sort li:nth-child(2) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#edit-slider .drag_sort li:nth-child(3) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;

}
#edit-slider .drag_sort li:nth-child(4) .aspect01.img:before{
	background: url(images/slider4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#edit-slider .drag_sort li:nth-child(5) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#edit-slider .drag_sort li:nth-child(6) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}

/* -------設定【トップページフリーエリア編集（一覧）】------------------------------------------- */
/* リストヘッダー------------ */
#edit-tfarea_list section header h3{
	line-height: 1.5em;
}
#edit-tfarea_list .sclist li:hover{
	background: rgba(0,78,162,0);
}

/* 各項目 */
#edit-tfarea_list .sclist ul li:nth-child(1){
	width: 8%;
	text-align: center;
	color: #004ea2;
}
#edit-tfarea_list .sclist ul li:nth-child(2){
	width: 22%;
	text-align: inherit;
}
#edit-tfarea_list .sclist ul li:nth-child(3){
	width: 19%;
	padding: 0 3em 0 0;
}
.sclist ul li:nth-child(3) span{
	display: inline-block;
	font-size: 10px;
	color: #888888;
	line-height: 1.2em;
}
#edit-tfarea_list .sclist ul li:nth-child(4){
	width: 25%;
	text-align: center;
}
#edit-tfarea_list .sclist ul li:nth-child(5){
	width: 11%;
}
#edit-tfarea_list .sclist ul li:nth-child(6){
	width: 6%;
}
#edit-tfarea_list .sclist ul li:nth-child(7) {
	width: 9%;
	text-align: center;
}
#edit-tfarea_list .off_list {
	color: #888888;
}
#edit-tfarea_list .sclist ul.off_list li:nth-child(1){
	color: #888888;
}

/* -------設定【フリーページ編集（HTMLエディター）】------------------------------------------- */
/* リストヘッダー------------ */

#edit-tfarea input,
#edit-tfarea textarea {
    border: #004ea2 solid 1px;
    color: #004ea2;
    font-size: 1.3em;
    padding: 0.7em;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 50px;
}
#edit-tfarea textarea {
	resize: none;
	height: 10em;
}
#edit-tfarea .bbtn01 {
    margin-right: 0.7em;
}
#edit-tfarea .bbtn01:first-child{
    margin-right: 0;
}
#edit-tfarea .bbtn01:nth-child(2){
    background: #898989;
    border: #898989 solid 1px;
}

/* ------- 設定【ファイルアップロード】------------------------------------------- */
#edit-fileupload section header h3 {
    display: inline-block;
    line-height: initial;
}
#edit-fileupload .sf_fl_form input{
    border: #004ea2 solid 1px;
    color: #004ea2;
    padding: 0.7em 1em;
    box-sizing: border-box;
	width: 100%;
}
#edit-fileupload section header {
    position: relative;
}
#edit-fileupload section header form {
    position: absolute;
    top: 5px;
    right: 10px;
}
#edit-fileupload section header input[type="text"] {
    width: 8em;
    padding: 3px 10px;
}
#edit-fileupload .bt_btn_box {
    text-align: center;
}
#edit-fileupload .sf_fl_form .bt_btn_box{
	padding-top: 1.5em;
}
#edit-fileupload .sf_fl_form{
	overflow: hidden;
	padding-top: 1.5em;
}
#edit-fileupload .sf_fl_box{
	float:left;
	margin-right: 3em;
	width: 30%;
}
#edit-fileupload .input_h {
    font-size: 1.3em;
    text-indent: 0.5em;
}
#edit-fileupload .sclist li li:hover {
    background: none;
}
#edit-fileupload .sclist li:hover {
    background: none;
}
#edit-fileupload .sclist li:first-child:hover {
    background: #d0d0d0;
}
#edit-fileupload .sclist ul li:first-child:hover {
    background: none;
}

/* ファイル選択 */
#edit-fileupload .fileupload_upload_box{
  position: relative;
	border: 4px solid #004ea2;
	box-sizing: border-box;
	padding: 60px 0;
	margin-bottom: 1.5em;
}
#edit-fileupload .fileupload_upload_box p{
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	line-height: 1.5em;
}
#edit-fileupload .fileupload_upload_box p span{
	font-size: 0.8em;
	display: block;
}
#edit-fileupload .fileupload_upload_box .bt_btn_box {
    text-align: center;
}

/* ボックスの縦横比固定 */
#edit-fileupload .aspect01{
    position: relative;
    width: 100%;
}
#edit-fileupload .aspect01:before {
    content:"";
    display: block;
    padding-top: 67.5%; /* 高さを幅の%に固定 */
	background: #cccccc;
}
#edit-fileupload li .aspect01:before{
	background: url(images/slider_sample1.jpg);
	background-size: cover;
}
#edit-fileupload li:nth-child(3) .aspect01:before{
	background: url(images/slider_sample2.jpg);
	background-size: cover;
}

/* 各項目 */
#edit-fileupload .sclist ul li:nth-child(1){
	width: 10%;
}
#edit-fileupload .sclist ul li:nth-child(2){
	width: 10%;
	text-align: center;
}
#edit-fileupload .sclist ul li:nth-child(3){
	width: 15%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
#edit-fileupload .sclist ul li:nth-child(4){
	width: 15%;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
#edit-fileupload .sclist ul li:nth-child(5){
	width: 35%;
}
#edit-fileupload .sclist ul li:nth-child(6){
	width: 10%;
}
#edit-fileupload .sclist ul li:nth-child(7){
	width: 5%;
}
#edit-fileupload .sclist ul li:nth-child(5) input[type="text"]{
    border: #004ea2 solid 1px;
    box-sizing: border-box;
	padding: 0.1em 0 0.1em 0.7em;
	color: #004ea2;
	width: 100%;
}

/* -------設定【ボタン一覧】------------------------------------------- */
/* リストヘッダー------------ */
#edit-btn_list section header h3{
	line-height: 1.5em;
}

/* リストー------------ */
#edit-btn_list .sclist li:nth-child(1){
	font-size: 11px;
}
#edit-btn_list .sclist li li{
	font-size: 18px;
}
#edit-btn_list .sclist ul:nth-child(1) {
	padding: 25px 0 25px 10px;
}
#edit-btn_list .sclist li:nth-child(1) ul{
	padding: 5px 0 5px 10px;
}

/* ホバー解除 */
#edit-btn_list .sclist li:hover{
	background: rgba(0,78,162,0);
}
#edit-btn_list .sclist li:first-child:hover {
    background: #d0d0d0;
}
#edit-btn_list .sclist li:first-child:hover ul li:first-child:hover {
    background: #d0d0d0;
}
#edit-btn_list .sclist ul li:first-child:hover {
    background: #ececec;
}

/* 各項目 */
#edit-btn_list .sclist li:nth-child(1) li:nth-child(1){
	font-size: 11px;
    color: #595757;
}
#edit-btn_list .sclist li:nth-child(1) li{
	font-size: 11px;
    color: #595757;
}
#edit-btn_list .sclist ul li:nth-child(1){
	width: 25%;
	padding: 0 3em 0 1em;
	text-align: inherit;
	font-size: 18px;
    color: #004ea2;
}
#edit-btn_list .sclist ul li:nth-child(2){
	width: 25%;
	padding: 0 3em 0 0;
	text-align: inherit;
}
#edit-btn_list .sclist ul li:nth-child(3){
	width: 20%;
	text-align: center;
}
#edit-btn_list .sclist ul li:nth-child(4){
	width: 30%;
	text-align: center;
}
#edit-btn_list .sclist ul.defau li:nth-child(2){
    color: #727171;
}

/* 編集ボタン */
.resetbtn{
	width: 100%;
	max-width: 150px;
	border:none;
	border-radius: 0;
	background: #004ea2;
	color: #ffffff;
	padding: 6px 5px;
	box-sizing: border-box;
}
.resetbtn:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.resetbtn.defau{
	background: #b5b5b6;
}

/* ------- 設定【ボタン名編集】（変更）------------------------------------------- */
#edit-btn .bbtn01.reset{
	border:#898989 solid 1px;
	background: #898989;
	margin-right: 1em;
	float: right;
}
#edit-btn input{
	border: #004ea2 solid 1px;
	color: #004ea2;
	font-size: 1.3em;
	padding: 0.7em;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 100px;
}
#edit-btn section h4{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
	text-indent: 0.7em;
	margin-bottom: 45px;
}

/* ------- 設定【ボタン名編集】（変更）------------------------------------------- */
#edit-category input,#edit-category select,#edit-category textarea{
	border: #004ea2 solid 1px;
	color: #004ea2;
	font-size: 1.3em;
	padding: 0.7em;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 50px;
}
#edit-category textarea{
	resize: none;
	height: 10em;

}
#edit-category label{
	color: #004ea2;
	font-size: 1.3em;
	box-sizing: border-box;
	width: auto;
	margin: 0 0.7em;
}
#edit-category label input[type="checkbox"]{
	width: auto;
	margin-right: 0.1em;
	margin-bottom: 150px;
}
#edit-category label input[type="radio"]{
	width: auto;
	margin-right: 0.1em;
	margin-bottom: 150px;
}
#edit-category .area_sicon{
	margin-bottom: 25px;
}
#edit-category .select_icon{
	display: inline-block;
	margin-right: 1.5em;
	margin-bottom: 25px;
}
#edit-category .view_icon{
	background:#a5a5a5;
	border: 1px solid #ffffff;
	height: 9em;
	width: 9em;
	box-sizing: border-box;
	padding: 1em 1.5em 1.5em 1.5em;
	margin-bottom: 0.7em;
	color: #ffffff;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.7em;
}
#edit-category .view_icon .number{
	font-size: 2em;
	text-align: center;
	display: block;
	box-sizing: border-box;
	border-radius: 1em;
	border: 1px solid #ffffff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0.2em auto 0 auto;
}
#edit-category .selectarea_btn{
	background: #004ea2;
	padding: 0.5em;
	box-sizing: border-box;
	color: #ffffff;
	text-align: center;
}
#edit-category .selectarea_btn a{
	color: #ffffff;
	display: block;
	height: 100%;
	width: 100%;
}

/* ------- 設定【カテゴリー編集（一覧）】------------------------------------------- */
#list-category header{
	position: relative;
}

/* リストヘッダー------------ */
#list-category section header h3{
	line-height: 1.5em;
}

/* リストー------------ */
#list-category .sclist li:first-child ul li:first-child {
    text-align: left;
	padding-left: 2em;
	box-sizing: border-box;
}

/* ホバー解除 */
#list-category .sclist li:hover{
	background: rgba(0,78,162,0);
}
#list-category .sclist li:first-child:hover {
    background: #d0d0d0;
}
#list-category .sclist li:first-child:hover ul li:first-child:hover {
    background: #d0d0d0;
}
#list-category .sclist ul li:first-child:hover {
    background: #ececec;
}

/* 各項目 */
.display_st{
	font-size: 13px;
}
#list-category .sclist li:nth-child(1) ul li{
	text-align: center;
	color: #595757;
	font-size: 1em;
	padding: 0.5em 0;
}
#list-category .sclist ul li{
	color: #004ea2;
	font-size: 1.3em;
	padding: 0.5em 0;
	box-sizing: border-box;
	text-align: center;
}
#list-category .sclist ul li:nth-child(1){
	width: 48%;
	text-align: left;
	padding-left: 2%;
}
#list-category .sclist ul li:nth-child(2){
	width: 25%;
}
#list-category .sclist ul li:nth-child(3){
	width: 19%;
}
#list-category .sclist ul li:nth-child(4){
	width: 8%;
}
#list-category .sclist .cat_parent ul li:nth-child(4) button{
	-webkit-filter: opacity(0.3) grayscale(100%);
     -moz-filter: opacity(0.3) grayscale(100%);
     -o-filter: opacity(0.3) grayscale(100%);
     -ms-filter: opacity(0.3) grayscale(100%);
     filter: opacity(0.3) grayscale(100%);
}
#list-category .cat_child::before{content: "-";
	margin-right: 0.2em;
}

/* ------- 設定【トップページプレビュー】------------------------------------------- */
#schedule-edit section {
    padding: 1.5em;
	box-sizing: border-box;
    margin: 0 0 10px 0;
    height: auto;
}
#schedule-edit .flex_inbox01{
	-webkit-flex: 1;
	flex: 1;
  max-width: calc(100% - 350px);
}
#schedule-edit .flex_inbox02{
	width: 310px;
	padding-left: 1.5em;
	box-sizing: border-box;
}

/* 右カラム中身 */
/* ボックスの縦横比固定 */
#schedule-edit .aspect01{
    position: relative;
    width: 87%;
	margin: 0 auto;
	top: 13.1%;
}
#schedule-edit .aspect01:before {
    content:"";
    display: block;
    padding-top: 179.5%; /* 高さを幅の%に固定 */
}
#schedule-edit .preview_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background:#cccccc;
	margin: 0 auto;
	opacity: 0.3;
}
#schedule-edit .aspect02{
    position: relative;
    width: 200px;
	margin: 0 auto;
}
#schedule-edit .aspect02:before {
    content:"";
    display: block;
    padding-top: 212%; /* 高さを幅の%に固定 */
}
#schedule-edit .spdemo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background:url(images/demosp.png);
	margin: 0 auto;
	background-size: contain;
}
#schedule-edit .flex_inbox02 .sc_re_dt input[type="text"]{
	display: inline-block;
	width: 2.5em;
	margin-right: 0.2em;
	color: #004ea2;
	padding: 0.2em 0.4em;
	box-sizing: border-box;
	border: #004ea2 solid 1px;
	font-size: 0.9em;
}
#schedule-edit .flex_inbox02 .sc_re_dt input[type="text"]:nth-child(1){
	width: 4em;
}
#schedule-edit .flex_inbox02 .sc_re_dt .input_h{
    padding-top: 0.5em;
    text-indent: 0;
}
#schedule-edit .flex_inbox01 .input_h{
    padding-top: 0.5em;
    text-indent: 0;
}
#schedule-edit .flex_inbox01 section.t_type{
	padding: 0;
}
#schedule-edit .flex_inbox01 section.t_type input[type="text"]{
	border:none;
	font-size: 1.5em;
	padding: 0.6em 1em 0.5em 1em;
	box-sizing: border-box;
	width: 100%;
	margin-right: 0;
	background: #ececec;
}

/* 大きめボタンベース カスタム*/
#schedule-edit .flex_inbox02 .bbtn01{
	border:#004ea2 solid 1px;
	background: #004ea2;
	color: #ffffff;
	min-width: 100%;
	width: 100%;
	margin-bottom: 1em;
}
#schedule-edit .flex_inbox02 .bbtn01.drsa{
	background: #dcdddd;
	color: #004ea2;
	margin-bottom: 0;
}
#schedule-edit .flex_inbox02 .bbtn01.drsa:hover {
    background: #004ea2;
    color: #ffffff;
}

/* 左カラム中身 */
#schedule-edit .flex_inbox01 input[type="text"],
#schedule-edit .flex_inbox01 select,
#schedule-edit .flex_inbox01 textarea{
	border:#004ea2 solid 1px;
	box-sizing: border-box;
}
#schedule-edit .flex_inbox01 input[type="text"]{
	padding: 7px 16px;
	width:16em;
	margin-right: 0.5em;
}
#schedule-edit .flex_inbox01 select{
	width: 16em;
	padding: 6px 16px;
	margin-right: 16px;
}
#schedule-edit .flex_inbox01 textarea{
	padding: 1em;
	width: 100%;
	min-height: 10em;
}
#schedule-edit .flex_inbox01 label{
	margin-right: 1.5em;
	height: 1em;
	vertical-align:middle;
}
#schedule-edit .flex_inbox01 label input[type="checkbox"]{
	margin-right: 0.4em;
	height: 1em;
	vertical-align:middle;
}
#schedule-edit .flex_inbox01 .sc_ed_dt{
	box-sizing: border-box;
	/*
	  padding-left: 3em;
    background: url(images/icon_cal02.png) no-repeat;
   */
	background-size: contain;
}
#schedule-edit .flex_inbox01 .sc_ed_dt input[type="text"]{
	display: inline-block;
	width: 2.3em;
	margin-right: 0.3em;
	color: #004ea2;
	padding: 0.2em 0.4em;
	box-sizing: border-box;
	border: #004ea2 solid 1px;
	font-size: 0.9em;
	text-align: center;
}
#schedule-edit .flex_inbox01 .sc_ed_dt input[type="text"]:first-child{
	width: 3.5em;
}
.sc_icicon{
	width: 120px;
	/*margin: -0.5em 0 -0.5em -0.5em;*/
	margin: 1.0em 0 1.0em 1.0em;
}
.sc_upbtn{
	-webkit-flex: 1;
	flex: 1;
}
.sc_upbtn p{
	display: inline-block;
	color: #898989;
}
.sc_upbtn .input_h{
	display: block;
	color: #004ea2;
}
.sc_upbtn .babtn01{
	margin-right: 1.5em;
	min-width: 196px;
}
#schedule-edit .flex_inbox01 .sc_ed_memb input[type="text"]{
	display: inline-block;
	width: 7em;
	margin: 0 0.3em 0 0.6em;
	color: #004ea2;
	padding: 0.4em 0.4em 0.2em 0.4em;
	box-sizing: border-box;
	border: #004ea2 solid 1px;
	font-size: 0.9em;
	text-align: center;
}
#schedule-edit .flex_inbox01 label input[type="radio"]{
	margin-right: 0.4em;
	height: 1em;
	vertical-align:middle;
}
#schedule-edit .flex_inbox01 .sc_ed_memb p:first-of-type{
	padding-bottom: 1.5em;
}
#schedule-edit .flex_inbox01 .sc_ed_memb p:first-of-type label:nth-child(2){
	margin-left: 3em;
}
#schedule-edit .flex_inbox01 .sc_ed_memb p:first-of-type input[type="text"]{
	width: 7em;
}
.goomap p{
	font-size: 1.5em;
	width: 10em;
	padding-left: 1em;
	line-height: 2.8em;
}
.goomap section{
	-webkit-flex: 1;
	flex: 1;
	margin-left: 1em;
}
#schedule-edit .editer_box .babtn01{
    min-width: 220px;
}
.img_trim{
	width: 100%;
	height: 32em;
	background: #595757;
	margin-bottom: 20px;
}
.img_trim::after{
	content: "ドラッグして画像をトリミング";
	color: #9fa0a0;
	font-size: 1em;
	padding: 1em;
	box-sizing: border-box;
	position: relative;
	top: 1em;
}

/* エディタツールカスタム */
#schedule-edit .flex_inbox01 .editer_box .edit_tool li select{
	font-size: 12px;
	width: 12em;
	height: 29px;
	vertical-align:middle;
	padding: 3px 16px;
	box-sizing: border-box;
	margin-right: 0.3em;
}

/* ------- 設定【機能一覧】------------------------------------------- */
#function-list .f_list{
	padding: 1.5em;
	margin-bottom: 100px;
}
#function-list .f_list li{
	list-style: none;
	font-size: 1.3em;
	padding-bottom: 2em;
}
#function-list .f_list label {
    vertical-align: middle;
}
#function-list .f_list label input[type="checkbox"] {
    margin-right: 0.4em;
    height: 1.3em;
    vertical-align: middle;
	margin-top: -0.3em;
}

/* ------- 設定【請求金額】------------------------------------------- */
.mpmd_box .mpmd_dat{
	font-size: 1.5em;
}
.mpmd_box .mpmd_dat span{
	font-size: 0.8em;
	color: #717171;
}
.mpmd_box .mp_md{
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
	padding-top: 1em;
}
.mpmd_box .mp_md strong{
	font-size: 1.8em;
	padding: 0 0.2em;
}
.mpmd_box .mp_md span.mp_total{
	font-size: 0.7em;
	color: #595757;
	padding-left: 1.5em;
}
.mpmd_box .mp_md span.mp_total strong{
	font-size: 1.5em;
}
.col_box{
	padding: 1.5em;
	background: #dcdddd;
	margin-top: 1.5em;
	color: #004ea2;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.5em;
}
.col_box strong{
	font-size: 1.8em;
	padding: 0 0.2em 0 0.2em;
}
.col_box .bill_b strong,
.col_box .bill_md strong{
	font-size: 1em;
}
.col_box .bill_b{
	padding-right: 0.8em;
	display: inline-block;
}
.col_box .bill_md{
	padding-right: 0.8em;
	padding-left: 0.8em;
	display: inline-block;
}
.col_box em {
    font-size: 0.6em;
    font-style: normal;
}
.col_box .bill_total{
	text-align: right;
	display: block;
	padding-top: 1em;
}

/* リストー------------ */
/* ホバー解除 */
#bill-amount .sclist li:hover{
	background: rgba(0,78,162,0);
}
#bill-amount .sclist li:first-child:hover {
    background: #d0d0d0;
}
#bill-amount .sclist li:first-child:hover ul li:first-child:hover {
    background: #d0d0d0;
}
#bill-amount .sclist ul li:first-child:hover {
    background: #ececec;
}

/* 各項目 */
#bill-amount .sclist li:nth-child(1) ul li{
	text-align: center;
	color: #595757;
	font-size: 1em;
	padding: 0.5em 0;
}
#bill-amount .sclist ul li{
	text-align: right;
	color: #004ea2;
	font-size: 1.3em;
	padding: 1em 0;
	box-sizing: border-box;
}
#bill-amount .sclist ul li:nth-child(1){
	width: 20%;
	text-align: center;
	padding-right: 0;
	background: none;
}
#bill-amount .sclist ul li:nth-child(2){
	width: 15%;
	text-align: center;
}
#bill-amount .sclist ul li:nth-child(3){
	width: 15%;
	text-align: center;
}
#bill-amount .sclist ul li:nth-child(4){
	width: 16%;
	padding-right: 5%;
}
#bill-amount .sclist ul li:nth-child(5){
	width: 16%;
	padding-right: 5%;
}
#bill-amount .sclist ul li:nth-child(6) {
	width: 18%;
	padding-right: 5%;
	box-sizing: border-box;
}

/* ------- 設定【アカウント管理】------------------------------------------- */
#edit-account input,#edit-account select,#edit-account textarea{
	border: #004ea2 solid 1px;
	color: #004ea2;
	padding: 0.7em 1em;
	box-sizing: border-box;
}
#edit-account p.input_h{
	font-size: 1.1em;
	line-height: 2em;
	text-indent: 0;
	color: #004ea2;
	margin-top: 1.5em;
}
#edit-account .sf_fl_form p.input_h{
	margin-top: 0;
}
#edit-account header{
	position: relative;
}
.header_admin_id{
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	padding-right: 1.5em;
	display: inline-block;
}
#edit-account .sf_fl_form{
	overflow: hidden;
	padding-top: 1.5em;
}
#edit-account .sf_fl_box{
	width: auto;
	float:left;
	margin-right: 3em;
}
#edit-account .sf_fl_form:nth-child(1){
	padding-top: 0;
}
#edit-account .sf_fl_form:nth-child(1) .sf_fl_box input[type="text"]{
	width: 9em;
	margin-left: 0.5em;
}
#edit-account .sf_fl_form:nth-child(1) .sf_fl_box{
	margin-right: 0;
}
#edit-account .mailad{
	width: 31em;
}
#edit-account .ac_box{
	width: 300px;
	margin-right: 40px;
}
#edit-account .sf_fl_form:nth-child(1) .ac_box_ad .sf_fl_box {
    width: 130px;
	box-sizing: border-box;
	float: left;
	margin-right: 40px;
}
#edit-account .float_left{
	float: left;
	margin-left: 40px;
}
#edit-account .sf_fl_form:nth-child(1) .ac_box_ad .sf_fl_box.last-child {
	margin-right: 0;
}
#edit-account .sf_fl_form:nth-child(1) .ac_box_ad .sf_fl_box input[type="text"]{
	width: 110px;
	margin-left: 7px;
}
#edit-account .ac_box_ad{
	width: 100%;
	overflow: hidden;
}
#edit-account .ac_box input[type="text"]{
	width: 100%;
}
#edit-account .compny{
	width: 640px;
}
#edit-account .address{
	width: 100%;
}
.edit_pass .sf_fl_form{
	padding: 1.5em;
	padding-right: 0;
	background: #dcdddd;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.edit_pass .sf_fl_form .sf_fl_box{
	width: 33.33%;
	float: left;
	padding-right: 1.5em;
	box-sizing: border-box;
	margin-right: 0;
}
.edit_pass .sf_fl_form .sf_fl_box input[type="text"]{
	width: 100%;
}
#edit-account .edit_pass .sf_fl_box{
	width: 33.33%;
	float:left;
	margin-right: 0;
}
#edit-account .edit_pass .sf_fl_box:last-child{
	margin-right: 0;
}

/* --------------- リスト機能 ----------------*/
/* テキスト入力セクション */
#list-group section.t_type,#list-indi section.t_type{
    padding: 0;
}
#list-group section.t_type input[type="text"],#list-indi section.t_type input[type="text"]{
    border: none;
    font-size: 1.5em;
    padding: 0.6em 1em 0.5em 1em;
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
    background: #ececec;
}

/* エディタ */
#list-group textarea,#list-indi textarea {
    padding: 1em;
    width: 100%;
    min-height: 13em;
    box-sizing: border-box;
    border: #004ea2 solid 1px;
	resize: none;
}

/* お知らせ形式 */
#list-group .notice_type,#list-indi .notice_type {
    margin-bottom: 1em;
}
#list-group .notice_type label,#list-indi .notice_type label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#list-group .notice_type label input[type="checkbox"],#list-indi .notice_type label input[type="checkbox"] {
    margin-right: 0.4em;
    height: 1em;
    vertical-align: middle;
}

/* 配信時間指定 */
#list-group .deldt label,#list-indi .deldt label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#list-group .deldt label input[type="radio"],#list-indi .deldt label input[type="radio"] {
    margin-right: 0.4em;
    height: 1em;
    vertical-align: middle;
}
#list-group .deldt input[type="text"],#list-indi .deldt input[type="text"] {
    display: inline-block;
    width: 2.3em;
    margin-right: 0.3em;
    color: #004ea2;
    padding: 0.2em 0.4em;
    box-sizing: border-box;
    border: #004ea2 solid 1px;
    font-size: 0.9em;
}
#list-group .deldt p,#list-indi .deldt p {
    display: inline-block;
}
#list-group .deldt p input[type="text"]:nth-child(1),#list-indi .deldt p input[type="text"]:nth-child(1) {
    width: 3.5em;
}
#list-group .enter_box,#list-indi .enter_box {
    position: relative;
}
#list-group .enter_box p,#list-indi .enter_box p {
    font-size: 1.3em;
	line-height: 3em;
	margin-bottom: -1em;
}
#list-group .enter_box p strong,#list-indi .enter_box p strong {
    font-size: 1.8em;
	margin: 0 0.1em 0 0.4em;
}
#list-group .enter_box p span,#list-indi .enter_box p span {
    font-size: 0.8em;
	margin: 0 0 0 0.4em;
	color: #898989;
}
#list-group .enter_box .bt_btn_box,#list-indi .enter_box .bt_btn_box {
    margin-top: 0;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	bottom: 1.5em;
}
#list-group .content section small,#list-indi .content section small {
	color: #CC0003;
}
#list-group .content section .notice_type small,#list-indi .content section .notice_type small {

}
#list-group .enter_box .bt_btn_box .bbtn01:nth-child(2),#list-indi .enter_box .bt_btn_box .bbtn01:nth-child(2) {
	background: #dcdddd;
	color: #004ea2;
    border: #004ea2 solid 1px;
	margin-right: 0.7em;
}

/* 配信一覧リスト */
#list-group section header h3,#list-indi section header h3 {
    display: inline-block;
    line-height: initial;
}
#list-group header,#list-indi header {
    position: relative;
}
#list-group section header form,#list-indi section header form {
    display: inline-block;
    position: relative;
    top: 1px;
}
#list-group .sclist li:first-child,#list-indi .sclist li:first-child {
    color: #004ea2;
}
#list-group .sclist li:first-child ul li,#list-indi .sclist li:first-child ul li {
    background: #d0d0d0;
    color: #555555;
    text-align: center;
    font-size: 11px;
}
#list-group .sclist li li:hover,#list-indi .sclist li li:hover {
    background: none;
}
#list-group .sclist li:hover,#list-indi .sclist li:hover {
    background: none;
}
#list-group .sclist li:first-child:hover,#list-indi .sclist li:first-child:hover {
    background: #d0d0d0;
}
#list-group .sclist ul li:first-child:hover,#list-indi .sclist ul li:first-child:hover {
    background: none;
}

/* 各項目 */
#list-group .sclist ul li:nth-child(1),#list-indi .sclist ul li:nth-child(1) {
	width: 10%;
}
#list-group .sclist ul li:nth-child(2),#list-indi .sclist ul li:nth-child(2) {
	width: 31%;
	text-align: left;
}
#list-group .sclist ul li:nth-child(3),#list-indi .sclist ul li:nth-child(3) {
	width: 8%;
	text-align: center;
}
#list-group .sclist ul li:nth-child(4),#list-indi .sclist ul li:nth-child(4) {
	width: 10%;
	text-align: left;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
#list-group .sclist ul li:nth-child(5),#list-indi .sclist ul li:nth-child(5) {
	width: 10%;
	text-align: left;
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
#list-group .sclist ul li:nth-child(6),#list-indi .sclist ul li:nth-child(6) {
	width: 12%;
	text-align: left;
}
#list-group .sclist ul li:nth-child(7),#list-indi .sclist ul li:nth-child(7) {
	width: 7%;
}
#list-group .sclist ul li:nth-child(8),#list-indi .sclist ul li:nth-child(8) {
	width: 7%;
}
#list-group .sclist ul li:nth-child(9),#list-indi .sclist ul li:nth-child(9) {
	width: 5%;
}
#list-group .sclist ul li:nth-child(4) strong,
#list-group .sclist ul li:nth-child(5) strong,
#list-indi .sclist ul li:nth-child(4) strong,
#list-indi .sclist ul li:nth-child(5) strong{
	font-size: 1.5em;
	font-weight: normal;
}
#list-group .sclist ul li:nth-child(7) span,#list-indi .sclist ul li:nth-child(7) span {
	color: #888888;
}
#list-group .sclist li.delyet,
#list-group .sclist li.delyet li:first-child,
#list-indi .sclist li.delyet,
#list-indi .sclist li.delyet li:first-child {
	color: #888888;
}

/* ------- リスト編集機能------------------------------------------- */
#list-indi .nd_list .center-checkbox{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 2em;
	height: 2em;
}


#list-indi .nd_list input[type="text"], #list-indi .nd_list select, #list-indi .nd_list textarea {
    border: #004ea2 solid 1px;
    box-sizing: border-box;
}
#list-indi .nd_list input[type="text"] {
    padding: 7px 16px;
	width: 30em;
}
#list-indi .nd_list label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#list-indi .nd_list label input[type="checkbox"],
#list-indi .nd_list label input[type="radio"] {
    margin-right: 0.4em;
    height: 1em;
    vertical-align: middle;
}
#list-indi .nd_list li{
	list-style: none;
	padding: 0 0 2em 1em;
	overflow: hidden;
}
#list-indi .nd_list li:last-child{
	padding: 0;
}
#list-indi .nd_list h4{
	font-size: 1.3em;
	font-weight: normal;
	display: inline-block;
	float: left;
	width: 9em;
	line-height: 2em;
	height: 2em;
}
#list-indi .nd_list .nd_box{
	display: inline-block;
	float: left;
	line-height: 2em;
	height: 2em;
}
#list-indi .nd_list .nd_box input[type="text"] {
    margin-right: 0.2em;
    color: #004ea2;
    padding: 0.2em 0.4em;
}
#list-indi .nd_list .nd_box.fr_till input[type="text"] {
    display: inline-block;
    width: 2.5em;
}
#list-indi .nd_list .nd_box.fr_till input[type="text"]:nth-child(1),
#list-indi .nd_list .nd_box.fr_till input[type="text"]:nth-child(6){
    width: 4em;
}
#list-indi .nd_list .nd_box.child_age input[type="text"]{
    width: 4em;
	text-align: center;
}
#list-indi .nd_list .nd_box label {
    margin-right: 1.5em;
    height: 1em;
    vertical-align: middle;
}
#list-indi .nd_list .nd_box .babtn01 {
    padding: 7px 20px 7px 20px;
    border: #004ea2 solid 0;
}

/* リスト機能のボックスの縦横比固定 */
#list-group .aspect01{
    position: relative;
    width: 100%;
}
#list-group .aspect01:before {
    content:"";
    display: block;
    padding-top: 61.8%; /* 高さを幅の%に固定 */
	background: #cccccc;
	border: 4px dotted #004ea2;
	box-sizing: border-box;
}

/* リスト機能のスライダー画像 */
#list-group .drag_sort li .aspect01.img:before{
	border: 4px solid #004ea2;
	box-sizing: border-box;
}
#list-group .drag_sort li:nth-child(1) .aspect01.img:before{
	background: url(images/slider1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#list-group .drag_sort li:nth-child(2) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#list-group .drag_sort li:nth-child(3) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;

}
#list-group .drag_sort li:nth-child(4) .aspect01.img:before{
	background: url(images/slider4.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#list-group .drag_sort li:nth-child(5) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}
#list-group .drag_sort li:nth-child(6) .aspect01.img:before{
	background: url(images/);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #cccccc;
	background-position: 50% 50%;
}

/* ------- サポート【お問い合わせ】------------------------------------------- */
#support-form input,#support-form select,#support-form textarea{
	border: #004ea2 solid 1px;
	color: #004ea2;
	padding: 0.7em 1em;
	box-sizing: border-box;
}
#support-form input[type="text"]{
	margin: 0 0.5em 0 1em;
	width: 3.5em;
}
#support-form input[type="text"]:nth-child(1){
	margin: 0 0.5em 0 0;
	width: 5em;
}
#support-form textarea{
	resize: none;
	height: 10em;
	width: 100%;
}
#support-form .inner p{
	color: #727171;
}
#support-form .inner a{
	text-decoration: underline;
}
#support-form p.input_h{
	font-size: 1em;
	line-height: 2em;
	text-indent: 0;
	color: #004ea2;
	margin-top: 1.5em;
}
#support-form p.input_h:first-child{
	margin-top: 0;
}

.s_form{
	padding: 1.5em;
	background: #dcdddd;
	margin-top: 1.5em;
}
.fl_form{
	overflow: hidden;
	padding-top: 1.5em;
}
.fl_box{
	width: auto;
	float:left;
	margin-right: 3em;
}
.pagination {
  list-style: none;
  text-align: center;
  margin: 20px 0;
}
.pagination li {
  display: inline-block;
  border: 1px solid #d0d0d0;
  padding: 4px 8px;
  margin: 0 3px;
}
.pagination .active {
  border: 1px solid #004EA2;
  background: #004EA2;
  color: #fff;
}
.pagination .disabled {
  color: #d0d0d0;
}
#schedule-edit .preview_img {
  background: transparent;
  opacity: 1;
}
.icon_calendar_picker {
  color: #004EA2;
  font-size: 25px;
}
.addon_calendar_picker {
  border: none;
  background: transparent;
}
.no_show_textbox {
  width: 0;
  padding: 0;
  margin: 0;
  border: none;
}
.successMessage {
  color: white;
  background: green;
}
#hideMe {
  -moz-animation: cssAnimation 0s ease-in 5s forwards;
  /* Firefox */
  -webkit-animation: cssAnimation 0s ease-in 5s forwards;
  /* Safari and Chrome */
  -o-animation: cssAnimation 0s ease-in 5s forwards;
  /* Opera */
  animation: cssAnimation 0s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes cssAnimation {
  to {
    width:0;
    height:0;
    overflow:hidden;
  }
}
@-webkit-keyframes cssAnimation {
  to {
    width:0;
    height:0;
    visibility:hidden;
  }
}



/* ------- 個別配信の顧客リスト用　-------------------------------- */
.userlist,.userlist ul{
  list-style: none inside;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}
.userlist ul{
  padding: 10px 0 10px 10px;
  display:-ms-flexbox;
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-align:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
}
.userlist li:first-child{
  background: #d0d0d0;
  color: #555555;
  text-align: center;
  font-size: 11px;
}
.userlist ul li:first-child{
  background: none;
}
.userlist li:first-child ul{
  padding: 5px 0 5px 10px;
}
.userlist ul li{
  box-sizing: border-box;
  padding: 0 10px 0 0;
}

/* ボーダー */
.userlist ul{
  border-bottom: #b5b5b5 solid 1px;
}
.userlist li:first-child ul,.userlist li:last-child ul{
  border-bottom: none;
}

/* 各項目 */
.userlist ul li:nth-child(1){
  width: 8%;
  text-align: center;
}
.userlist ul li:nth-child(2){
  width: 12%;
}
.userlist ul li:nth-child(3){
  width: 15%;
}
.userlist ul li:nth-child(4){
  width: 12%;
}
.userlist ul li:nth-child(5){
  width: 10%;
  text-align: center;
}
.userlist ul li:nth-child(6){
  width: 8%;
  text-align: center;
}
.userlist ul li:nth-child(7){
  width: 7%;
  text-align: center;
}
.userlist ul li:nth-child(8){
  width: 10%;
  text-align: center;
}
.userlist ul li:nth-child(8) span{
  font-size: 11px;
}
.sclist ul li:nth-child(8) strong{
  font-size: 1.2em;
}
.userlist ul li:nth-child(9){
  width: 8%;
  text-align: center;
}
.userlist ul li:nth-child(9) span{
  display: inline-block;
  font-size: 10px;
  color: #888888;
  line-height: 1.2em;
}
.userlist ul li:nth-child(10){
  width: 6%;
  text-align: center;
  position:relative;
  z-index: 4;
}
.userlist ul li:nth-child(11){
  width: 4%;
  text-align: center;
  position:relative;
  z-index: 4;
}

#notice-group .userlist li:first-child,#notice-indi .userlist li:first-child {
    color: #004ea2;
}
#notice-group .userlist li:first-child ul li,#notice-indi .userlist li:first-child ul li {
    background: #d0d0d0;
    color: #555555;
    font-size: 11px;
	text-align: left;
}
#notice-group .userlist li li:hover,#notice-indi .userlist li li:hover {
    background: none;
}
#notice-group .userlist li:hover,#notice-indi .userlist li:hover {
    background: none;
}
#notice-group .userlist li:first-child:hover,#notice-indi .userlist li:first-child:hover {
    background: #d0d0d0;
}
#notice-group .userlist ul li:first-child:hover,#notice-indi .userlist ul li:first-child:hover {
    background: none;
}
#notice-group .userlist ul li:nth-child(1),#notice-indi .userlist ul li:nth-child(1) {
  width: 30%;
  text-align: left;
}
#notice-group .userlist ul li:nth-child(2),#notice-indi .userlist ul li:nth-child(2) {
  width: 40%;
  text-align: left;
}
#notice-group .userlist ul li:nth-child(3),#notice-indi .userlist ul li:nth-child(3) {
  width: 30%;
  text-align: left;
}